@charset "utf-8";

 div.sscf-wrapper {
margin: 0;
padding: 0;
clear: both;
}
p.sscf-input-wrapper {}
p#sscf-name-wrapper {}
p#sscf-from-wrapper {}
p#sscf-subject-wrapper {}
p#sscf-message-wrapper {}
p#sscf-submit-wrapper {}
.sscf-report {}
.sscf-forgot {
background-color: #CD5C5C;
}
.sscf-notify {
padding-bottom: 1.5em;
}
.sscf-notify span {
color: #f00;
border-bottom:1px dotted #f00;
}
.sscf-input-wrapper label {
width: 100px;
float: left;
}
.sscf-input-wrapper input {
width:280px;
}
.sscf-input-wrapper textarea {
width:280px;
height: 102px;
}
input.sscf-submit {}
.clear {
height: 0;
visibility: hidden;
clear: both;
display: block;
width: auto;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//efriend.in/wp-content/themes/metro-magazine-pro/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.ticker-wrapper.has-js{margin:20px 0 20px 0;padding:0 20px;width:780px;height:32px;display:block;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background-color:#f8f0db;font-size:.75em}.ticker{width:710px;height:23px;display:block;position:relative;overflow:hidden;background-color:#f8f0db}.ticker-title{padding-top:9px;color:#900;font-weight:700;background-color:#f8f0db;text-transform:uppercase}.ticker-content{margin:0;padding-top:9px;position:absolute;color:#1F527B;font-weight:700;background-color:#f8f0db;overflow:hidden;white-space:nowrap;line-height:1.2em}.ticker-content:focus{none}.ticker-content a{text-decoration:none;color:#1F527B}.ticker-content a:hover{text-decoration:underline;color:#0D3059}.ticker-swipe{padding-top:9px;position:absolute;top:0;background-color:#f8f0db;display:block;width:800px;height:23px}.ticker-swipe span{margin-left:1px;background-color:#f8f0db;border-bottom:1px solid #1F527B;height:12px;width:7px;display:block}.ticker-controls{padding:8px 0 0 0;list-style-type:none;float:left}.ticker-controls li{padding:0;margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block}.ticker-controls li.jnt-play-pause{background-image:url(//efriend.in/wp-content/themes/metro-magazine-pro/images/controls.png);background-position:32px 16px}.ticker-controls li.jnt-play-pause.over{background-position:32px 32px}.ticker-controls li.jnt-play-pause.down{background-position:32px 0}.ticker-controls li.jnt-play-pause.paused{background-image:url(//efriend.in/wp-content/themes/metro-magazine-pro/images/controls.png);background-position:48px 16px}.ticker-controls li.jnt-play-pause.paused.over{background-position:48px 32px}.ticker-controls li.jnt-play-pause.paused.down{background-position:48px 0}.ticker-controls li.jnt-prev{background-image:url(//efriend.in/wp-content/themes/metro-magazine-pro/images/controls.png);background-position:0 16px}.ticker-controls li.jnt-prev.over{background-position:0 32px}.ticker-controls li.jnt-prev.down{background-position:0 0}.ticker-controls li.jnt-next{background-image:url(//efriend.in/wp-content/themes/metro-magazine-pro/images/controls.png);background-position:16px 16px}.ticker-controls li.jnt-next.over{background-position:16px 32px}.ticker-controls li.jnt-next.down{background-position:16px 0}.js-hidden{display:none}.no-js-news{padding:10px 0 0 45px;color:#F8F0DB}.left .ticker-controls,.left .ticker-content,.left .ticker-title,.left .ticker{float:left}.left .ticker-controls{padding-left:6px}.right .ticker-controls,.right .ticker-content,.right .ticker-title,.right .ticker{float:right}.right .ticker-controls{padding-right:6px}:root {
--primary-color: #386fa7;
--primary-color-rgb: 56, 111, 167;
--background-color: #f5f5f5;
--background-color-rgb: 245, 245, 245;
--font-color: #bfbfbf;
--font-color-rgb: 191, 191, 191;
--white-color: #fff;
--white-color-rgb: 255, 255, 255;
--black-color: #313131;
--black-color-rgb: 49, 49, 49;
--secondary-font: "Playfair Display", serif;
--primary-font: "Ubuntu", sans-serif;
}
html {
font-family: "PT Serif", serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
text-decoration: none;
color: #bbbcc1;
outline: none;
}
a:active,
a:hover {
text-decoration: underline;
color: #bbbcc1;
}
a:focus {
outline: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
textarea {
color: #919191;
font-family: "Ubuntu", sans-serif;
font-size: 16px;
line-height: 24px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin-top: 0;
}
p {
margin-bottom: 1.5em;
margin-top: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #f9f9f9;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.5em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
color: #919191;
font: 16px/24px "Ubuntu", sans-serif;
background: #fff;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
min-width: 320px;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: """";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 0;
}
ul {
list-style: square;
padding: 0 0 0 22px;
}
ol {
list-style: decimal;
padding: 0 0 0 22px;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
display: inline-block;
border: 1px solid #959595;
border-radius: 20px;
font-size: 14px;
line-height: 17px;
font-weight: 700;
text-transform: uppercase;
color: #000;
letter-spacing: 1px;
padding: 9px 58px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: none;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
text-decoration: none;
color: #fff;
background: #06509d;
border-color: #06509d;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
text-decoration: none;
color: #fff;
background: #06509d;
border-color: #06509d;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #333;
border: 1px solid #959595;
border-radius: 0;
outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 10px;
}
textarea {
padding: 10px;
width: 100%;
height: 155px;
resize: none;
}  a {
color: #bfbfbf;
text-decoration: none;
}
a:hover,
a:focus {
color: #bfbfbf;
text-decoration: underline;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: none;
} .main-navigation {
float: left;
}
.main-navigation .close,
.submenu-toggle {
display: none;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
margin-right: 33px;
z-index: 150;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #000;
padding-top: 21px;
padding-bottom: 15px;
border-top: 3px solid transparent;
}
.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
padding-top: 18px;
}
.main-navigation ul ul {
position: absolute;
top: 100%;
left: -15px;
width: 216px;
border: 1px solid #e3e3e3;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); margin-left: -99999px;
background: #fff;
z-index: 9999;
}
.main-navigation ul ul:after {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/arrow-up.png) no-repeat;
width: 21px;
height: 13px;
position: absolute;
top: -13px;
left: 45px;
content: "";
}
.main-navigation ul ul ul:after {
display: none;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul a {
padding: 8px 15px;
border-bottom: 1px solid #e3e3e3;
}
.main-navigation ul ul li {
float: none;
display: block;
margin: 0;
}
.main-navigation ul ul li:last-child a {
border-bottom: 0;
}
.main-navigation li:hover>a,
.main-navigation li.focus>a,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
color: #06509d;
border-top-color: #06509d;
padding-top: 18px;
}
.main-navigation ul ul :hover>a,
.main-navigation ul ul .focus>a {
border-top: 0;
padding: 8px 15px;
background: #06509d;
color: #fff;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
border-top: 0;
padding: 8px 15px;
background: #06509d;
color: #fff;
}
.main-navigation ul li:focus>ul,
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
margin-left: 0;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
left: 100%;
}
.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
color: #06509d;
border-top: 3px solid #06509d;
padding-top: 18px;
}
.main-navigation ul ul .current_page_item>a,
.main-navigation ul ul .current-menu-item>a,
.main-navigation ul ul .current_page_ancestor>a,
.main-navigation ul ul .current-menu-ancestor>a {
border-top: 0;
background: #bfbfbf;
padding: 8px 15px;
color: #fff;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
body.admin-bar .nav-holder {
margin-top: 32px;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 39px;
} .widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
padding: 5px 0;
} .gallery {
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
}
.gallery:after {
content: "";
display: block;
clear: both;
}
.gallery-item {
float: left;
text-align: center;
vertical-align: top;
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.gallery-item a {
display: block;
}
.gallery-item img {
width: 100%;
vertical-align: top;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
padding: 5px 0;
}
#wpadminbar .quicklinks ul {
float: left;
}
#wpadminbar ul.ab-top-secondary {
float: right;
} .site {
background: #fff;
} .custom-background .site {
max-width: 1450px;
margin: 0 auto;
}
.container {
max-width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.container:after {
content: "";
display: block;
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:after {
content: "";
display: block;
clear: both;
} .site-header {
position: relative;
z-index: 100;
} .secondary-menu {
float: left;
}
.secondary-menu ul {
margin: 8px 0 0;
padding: 0;
font-size: 12px;
line-height: 15px;
font-weight: 500;
text-transform: uppercase;
}
.secondary-menu ul:after {
display: block;
content: "";
clear: both;
}
.secondary-menu ul li {
list-style: none;
float: left;
margin-left: 25px;
position: relative;
}
.secondary-menu ul li:first-child {
margin-left: 0;
}
.secondary-menu ul li a {
color: #f1f1f1;
}
.secondary-menu ul li a:hover,
.secondary-menu ul li a:focus,
.secondary-menu ul li:hover>a,
.secondary-menu ul .current_page_item>a,
.secondary-menu ul .current-menu-item>a,
.secondary-menu ul .current_page_ancestor>a,
.secondary-menu ul .current-menu-ancestor>a {
color: #bfbfbf;
text-decoration: none;
}
.secondary-menu ul ul {
position: absolute;
top: 100%;
left: 0;
width: 200px;
padding-top: 13px;
background: #386fa7;
margin-top: 0;
display: none;
}
.secondary-menu ul li:hover>ul {
display: block;
}
.secondary-menu ul ul li {
float: none;
display: block;
margin: 0;
}
.secondary-menu ul ul li a {
display: block;
padding: 10px;
}
.secondary-menu ul ul ul {
top: 0;
left: 100%;
padding-top: 0;
}
.site-header .header-t {
padding: 8px 0 11px;
background: #386fa7;
}
.site-header .header-t:after {
content: "";
display: block;
clear: both;
}
.site-header .social-networks {
float: right;
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
overflow: hidden;
}
.site-header .social-networks li {
float: left;
margin-left: 16px;
}
.site-header .social-networks li a {
color: #eeeeee;
}
.site-header .social-networks li a:hover,
.site-header .social-networks li a:focus {
color: #bfbfbf;
}
.header-b:after {
content: "";
display: block;
clear: both;
}
.site-branding {
float: left;
}
.site-branding .custom-logo-link {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.site-branding .text-logo {
display: inline-block;
vertical-align: middle;
}
.site-branding .site-title {
font-size: 38px;
line-height: 42px;
margin: 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #000000;
font-family: "Playfair Display", serif;
}
.site-branding .site-title a {
color: #000;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
text-decoration: none;
}
.site-branding .site-description {
font-size: 14px;
margin: 0;
color: #8e8e8e;
}
.header-b {
padding: 20px 0 0;
}
.header-b .header-promo {
float: right;
margin: 2px 0 20px;
width: 65.4%;
}
.header-b .header-promo img {
vertical-align: top;
}
.site-header .btn-search {
float: right;
color: #000;
font-size: 14px;
margin-top: 19px;
}
.site-header .nav-holder {
padding-bottom: 6px;
}
.site-header .nav-holder .nav-content {
border-top: 1px solid #ebebeb; }
.site-header .nav-holder:after {
content: "";
display: block;
clear: both;
}
.site-header .modal {
display: none;
position: fixed;
z-index: 9999;
padding: 5px 0 100px;
left: 0;
top: 0;
width: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
}
.site-header .header-holder {
margin-bottom: 20px;
} .site-header .modal-content {
margin: auto;
padding: 20px;
text-align: center;
}
.site-header .modal-content form {
margin: 95px auto 0;
height: 46px;
background: #fff;
width: 50%;
}
.site-header form input[type="search"] {
height: 100%;
padding: 0 10px;
width: 66%;
background: none;
border: 0;
float: left;
}
.site-header form input[type="submit"] {
height: 100%;
border-radius: 0;
color: #fff;
background: #386fa7;
border: 0;
float: right;
} .site-header .close {
color: #fff;
float: right;
font-size: 28px;
cursor: pointer;
height: 20px;
width: 20px;
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/modal-close.png) no-repeat;
} .home-content {
background: #fff; }
.all-post {
overflow: hidden;  background: #f4f4f4;
}
.all-post ul {
margin: 0 -2px;
padding: 0;
}
.all-post ul:after {
display: block;
content: "";
clear: both;
}
.all-post ul li {
float: left;
width: 25%;
padding: 0 2px;
list-style: none;
margin-bottom: 4px;
box-sizing: border-box;
overflow: hidden;
}
.all-post ul li img {
width: 100%;
vertical-align: top;
}
.all-post ul li.large {
width: 66.05%;
}
.all-post ul li.medium {
width: 33.95%;
margin-bottom: 5px;
}
.all-post .post {
position: relative;
}
.all-post .post:after {
content: "";
height: 50%;
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
pointer-events: none;
background: -linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.9) 100%);
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.9) 100%);
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.9) 100%);
}
.all-post .post .entry-header {
position: absolute;
bottom: 0;
z-index: 2;
}
.all-post .post .category {
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
line-height: 15px;
}
.all-post .post .category a {
border-radius: 5px;
display: inline-block;
padding: 7px 15px 8px;
color: #fff;
margin-right: 3px;
margin-bottom: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.all-post .post .category a:hover,
.all-post .post .category a:focus {
text-decoration: none; border-radius: 20px;
}
.all-post .post .post-thumbnail {
display: block;
}
.all-post .post .entry-title {
margin-bottom: 0;
font-family: "Playfair Display", serif;
font-weight: 400;
}
.all-post ul li .post .entry-title {
font-size: 20px;
line-height: 24px;
}
.all-post ul li.large .post .entry-title,
.all-post ul li.medium .post .entry-title {
font-size: 32px;
line-height: 36px;
}
.all-post .post .entry-header {
padding: 26px 22px 26px 26px;
}
.all-post .post .entry-title a {
color: #ffffff;
}
.all-post .post .entry-title a:hover {
color: #06509d;
text-decoration: none;
} .section-two {
background: #f4f4f4;
padding: 57px 0 29px;
margin: 0 0 0;
}
.section-two.top-news {
background: #fff;
}
.section-two .header {
margin: 0 0 50px;
}
.section-two .header .header-title {
font-size: 28px;
line-height: 32px;
font-family: "Playfair Display", serif;
color: #000;
text-transform: uppercase;
text-align: center;
font-weight: 400;
position: relative;
}
.section-two .header .header-title a {
color: #000;
}
.section-two .header .header-title span {
background: #f4f4f4;
padding: 0 20px;
position: relative;
}
.section-two.top-news .header .header-title span {
background: #fff;
}
.section-two .header .header-title:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #dedede;
}
.section-two .col {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.section-two .post {
background: #fff;
padding-bottom: 20px;
position: relative;
}
.section-two .post .image-holder {
position: relative;
}
.section-two .post .category {
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
line-height: 15px;
}
.section-two .post .entry-header .entry-meta .category a {
border-radius: 5px;
display: inline-block;
padding: 7px 20px 8px;
color: #fff;
margin-right: 3px;
margin-bottom: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.section-two .post .entry-header .entry-meta .category a:hover,
.section-two .post .entry-header .entry-meta .category a:focus {
text-decoration: none;
border-radius: 20px;
color: #fff;
}
.section-two .post .post-thumbnail {
display: block;
height: 100%;
margin: 0 0 17px;
}
.section-two .post .post-thumbnail img {
vertical-align: top;
}
.section-two .post .entry-header,
.section-two .post .entry-content {
padding: 0 20px;
}
.section-two.layout-1 .post .text-holder .entry-content p {
margin: 0;
}
.section-two.top-news .post .entry-header,
.section-two.top-news .post .entry-content {
padding: 0;
}
.section-two .post .entry-header .entry-meta {
font-size: 13px;
color: #666;
margin: 0 0 11px;
}
.section-two .post .entry-header .entry-meta a {
color: #666;
}
.section-two .post .entry-header .entry-meta a:hover,
.section-two .post .entry-header .entry-meta a:focus {
color: #bfbfbf;
text-decoration: none;
}
.section-two .post .entry-header .entry-title {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #333;
font-family: "Playfair Display", serif;
margin: 0 0 14px;
}
.section-two .post .entry-header .entry-title a {
color: #333;
}
.section-two .post .entry-header .entry-title a:hover,
.section-two .post .entry-header .entry-title a:focus {
color: #bfbfbf;
text-decoration: none;
}
.section-two .post .entry-content {
margin: 0;
}
.section-two .btn-holder {
text-align: center;
border-top: 1px solid #e8e8e8;
padding-top: 24px;
margin-top: 4px;
}
.section-two .btn-holder a {
display: inline-block;
border: 1px solid #ddd;
border-radius: 20px;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
color: #919191;
letter-spacing: 1px;
padding: 9px 58px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.section-two .btn-holder a:hover,
.section-two .btn-holder a:focus {
text-decoration: none;
color: #fff;
}
.section-two .btn-holder a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #06509d;
border: 1px solid #06509d;
border-radius: 20px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.section-two .btn-holder a:hover:before,
.section-two .btn-holder a:focus:before,
.section-two .btn-holder a:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .section-three {
background: #fff;
padding: 57px 0 29px 0; }
.section-three .header {
margin: 0 0 57px;
}
.section-three .header .header-title {
font-size: 28px;
line-height: 32px;
font-family: "Playfair Display", serif;
color: #000;
text-transform: uppercase;
text-align: center;
font-weight: 400;
position: relative;
}
.section-three .header .header-title a {
color: #000;
}
.section-three .header .header-title span {
background: #fff;
padding: 0 20px;
position: relative;
}
.section-three .header .header-title:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #e8e8e8;
}
.section-three .post {
overflow: hidden;
border: 1px solid #e8e8e8;
margin: 0 0 38px;
}
.section-three .post-thumbnail {
float: left;
width: 251px;
}
.section-three .post-thumbnail img {
vertical-align: top;
}
.section-three .text-holder {
overflow: hidden;
padding: 30px 32px;
}
.section-three .post .entry-header .entry-meta {
font-size: 13px;
color: #666;
margin: 0 0 11px;
}
.section-three .post .entry-header .entry-meta a {
color: #666;
}
.section-three .post .entry-header .entry-meta a:hover,
.section-three .post .entry-header .entry-meta a:focus {
color: #bfbfbf;
text-decoration: none;
}
.section-three .post .entry-header .entry-title {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #333;
font-family: "Playfair Display", serif;
margin: 0 0 14px;
}
.section-three .post .entry-header .entry-title a {
color: #333;
}
.section-three .post .entry-header .entry-title a:hover,
.section-three .post .entry-header .entry-title a:focus {
color: #bfbfbf;
text-decoration: none;
}
.section-three .post .entry-content {
margin: 0;
} .videos {
background: #202020;
padding: 50px 0;
}
.videos .header {
margin-bottom: 57px;
}
.videos .header .header-title {
font-size: 28px;
line-height: 32px;
font-family: "Playfair Display", serif;
color: #f4f4f4;
text-transform: uppercase;
text-align: center;
font-weight: 400;
position: relative;
}
.videos .header .header-title a {
color: #f4f4f4;
}
.videos .header .header-title span {
background: #202020;
padding: 0 20px;
position: relative;
}
.videos .header .header-title:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #707070;
}
.videos .col {
float: left;
width: 33.33%;
padding: 0 15px;
}
.videos .col a {
display: block;
}
.videos .image-holder {
position: relative;
}
.videos .image-holder img {
vertical-align: top;
}
.videos .post.format-video .image-holder:after {
content: "";
height: 28px;
width: 42px;
position: absolute;
top: 42%;
left: 40%;
pointer-events: none;
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/video-play-icon.png) no-repeat;
}
.videos .image-holder:before {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.25);
}
.videos .image-holder .text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 14px;
font-size: 17px;
line-height: 20px;
color: #f0f0f0;
background: rgba(0, 0, 0, 0.4);
}
.videos .image-holder .text:after {
display: block;
content: "";
clear: both;
}
.videos .image-holder .text a {
margin: 0 6px;
color: #f0f0f0;
display: inline-block;
float: right;
}
.videos .image-holder:hover:before {
display: none;
}
.videos .post.format-video .image-holder:hover:after {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/video-play-icon-hover.png) no-repeat;
} .section-four {
overflow: hidden;
background: #fff;
margin: 0 0 30px;
}
.section-four .img-holder {
float: left;
width: 55%;
height: 885px;
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/img18.jpg) no-repeat;
background-size: cover !important;
position: relative;
}
.section-four .img-holder:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.5);
}
.section-four .img-holder .table {
display: table;
width: 100%;
height: 100%;
}
.section-four .img-holder .table-row {
display: table-row;
}
.section-four .img-holder .table-cell {
display: table-cell;
vertical-align: middle;
}
.section-four .img-holder .text {
max-width: 325px;
margin: 0 auto;
position: relative;
z-index: 2;
font-family: "Playfair Display", serif;
font-size: 24px;
line-height: 38px;
color: rgba(255, 255, 255, 0.65);
text-align: center;
}
.section-four .img-holder .text .main-title {
font-size: 72px;
line-height: 86px;
font-weight: 400;
font-family: "Playfair Display", serif;
color: #fff;
margin: 0 0 30px;
}
.section-four .text-holder {
overflow: hidden;
padding: 82px 0 0 6vw;
}
.section-four .text-holder .post-holder {
max-width: 360px;
}
.section-four .text-holder .post {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 8px;
margin-bottom: 29px;
}
.section-four .text-holder .post:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.section-four .post .entry-header .entry-meta {
font-size: 13px;
color: #666;
margin: 0 0 11px;
}
.section-four .post .entry-header .entry-meta a {
color: #666;
}
.section-four .post .entry-header .entry-meta a:hover,
.section-four .post .entry-header .entry-meta a:focus {
color: #bfbfbf;
text-decoration: none;
}
.section-four .post .entry-header .entry-title {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #333;
font-family: "Playfair Display", serif;
margin: 0 0 14px;
}
.section-four .post .entry-header .entry-title a {
color: #333;
}
.section-four .post .entry-header .entry-title a:hover,
.section-four .post .entry-header .entry-title a:focus {
color: #bfbfbf;
text-decoration: none;
}
.section-four .post .entry-content {
margin: 0;
line-height: 28px;
} .section-five {
background: #f4f4f4;
padding: 57px 0 29px 0;
}
.section-five .header {
margin: 0 0 53px;
}
.section-five .header .header-title {
font-size: 28px;
line-height: 32px;
font-family: "Playfair Display", serif;
color: #000;
text-transform: uppercase;
text-align: center;
font-weight: 400;
position: relative;
}
.section-five .header .header-title span {
background: #f4f4f4;
padding: 0 20px;
position: relative;
}
.section-five .header .header-title:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #dedede;
}
.section-five .col {
float: left;
width: 33.33335%;
padding-left: 15px;
padding-right: 15px;
}
.section-five .post {
border: 1px solid #e8e8e8;
padding: 17px 17px 33px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
margin-bottom: 30px;
}
.section-five .post:hover,
.section-five .post:focus {
background: #dee6ee;
border-color: #dee6ee;
}
.section-five .post .entry-meta {
font-size: 13px;
color: #666;
margin: 0 0 11px;
}
.section-five .post .entry-meta a {
color: #666;
}
.section-five .post .entry-meta a:hover,
.section-five .post .entry-meta a:focus {
color: #fff;
text-decoration: none;
}
.section-five .post .post-thumbnail {
display: block;
height: 100%;
margin: 0 0 17px;
}
.section-five .post .image-holder {
position: relative;
}
.section-five .post .category {
position: absolute;
top: 10px;
left: 10px;
}
.section-five .post .category a {
font-size: 12px;
line-height: 15px;
border-radius: 5px;
display: inline-block;
padding: 7px 20px 8px;
color: #fff;
margin-right: 3px;
margin-bottom: 3px;
}
.section-five .post .post-thumbnail img {
vertical-align: top;
}
.section-five .post .entry-title {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #333;
font-family: "Playfair Display", serif;
margin: 0 0 24px;
}
.section-five .post .entry-title a {
color: #333;
}
.section-five .post .entry-title a:hover,
.section-five .post .entry-title a:focus {
color: #fff;
text-decoration: none;
}
.section-five .post .btn-holder {
overflow: hidden;
}
.section-five .post .btn-detail a {
font-size: 16px;
color: #333;
text-transform: uppercase;
font-weight: 300;
}
.section-five .post .btn-detail svg {
margin-right: 5px;
font-size: 23px;
vertical-align: top;
margin-top: 2px;
}
.section-five .post .btn-detail a:hover,
.section-five .post .btn-detail a:focus {
text-decoration: none;
color: #fff;
}
.section-five .btn-holder {
text-align: center;
border-top: 1px solid #e8e8e8;
padding-top: 24px;
margin-top: 15px;
}
.section-five .btn-holder a {
display: inline-block;
border: 1px solid #ddd;
border-radius: 20px;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
color: #919191;
letter-spacing: 1px;
padding: 9px 58px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.section-five .btn-holder a:hover,
.section-five .btn-holder a:focus {
text-decoration: none;
color: #fff;
}
.section-five .btn-holder a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #06509d;
border: 1px solid #06509d;
border-radius: 20px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.section-five .btn-holder a:hover:before,
.section-five .btn-holder a:focus:before,
.section-five .btn-holder a:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .top-bar {
background: #f4f4f4;
border-top: 1px solid #ebebeb;
padding: 10px 0 15px; margin-bottom: 1px;
}
.page-header {
float: left;
width: 49%;
}
.page-header .page-title {
font-size: 30px;
line-height: 38px;
color: #000;
font-family: "Playfair Display", serif;
margin: 0;
font-weight: 400;
}
#crumbs {
float: right;
font-size: 14px;
margin: 6px 4px 5px 0;
width: 49%;
text-align: right;
}
#crumbs a {
color: #919191;
}
#crumbs a:hover,
#crumbs a:focus {
text-decoration: none;
color: #000;
}
#crumbs .current a {
pointer-events: none;
cursor: default;
}
#crumbs span.separator {
padding: 0 5px;
}
#content {
padding: 30px 0; border-bottom: 1px solid #ebebeb;
}
#content .all-post {
margin-top: -282px;
}
#primary {
float: left;
width: 75%;
padding-left: 15px;
padding-right: 30px;
}
.leftsidebar #primary {
float: right;
}
#primary .post {
margin: 0 0 38px; border: 1px solid #e8e8e8;
}
#primary .post:after {
display: block;
content: "";
clear: both;
}
#primary .post .post-thumbnail {
float: left;
width: 251px;
}
#primary .page .post-thumbnail {
display: block;
height: 100%;
margin: 0 0 24px;
}
#primary .post .post-thumbnail img,
#primary .page .post-thumbnail img {
vertical-align: top;
}
#primary .post .text-holder {
overflow: hidden;
padding: 20px 30px;
}
#primary .post .entry-header .entry-title {
font-size: 20px;
line-height: 28px;
font-family: "Playfair Display", serif;
font-weight: 400;
color: #333;
margin: 0 0 17px;
}
#primary .post .entry-header .entry-title a {
color: #333;
}
#primary .post .entry-header .entry-title a:hover,
#primary .post .entry-header .entry-title a:focus {
color: #bfbfbf;
text-decoration: none;
}
#primary .post .entry-meta {
overflow: hidden;
font-size: 13px;
text-transform: uppercase;
margin: 0 0 10px;
}
#primary .post .entry-meta a {
color: #919191;
}
#primary .post .entry-meta a:hover,
#primary .post .entry-meta a:focus {
color: #bfbfbf;
text-decoration: none;
}
#primary .post .entry-meta .byline {
display: inline-block;
margin-right: 17px;
}
#primary .post .entry-meta .byline a {
font-weight: 700;
}
#primary .post .entry-meta .comments-link {
margin-left: 25px;
}
#primary .post .entry-meta .comments-link a:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" d="M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z"></path></svg>');
background-repeat: no-repeat;
width: 10px;
height: 20px;
margin-right: 5px;
}
#primary .post .entry-meta .category {}
#primary .post .entry-meta .category:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 0 1 0 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z"></path></svg>');
background-repeat: no-repeat;
width: 12px;
height: 15px;
margin-right: 5px;
display: inline-block;
position: relative;
top: 4px;
}
#primary .post .entry-content,
#primary .page .entry-content {
margin: 0;
}
.single-post #primary .post .entry-content,
.page #primary .page .entry-content {
margin: 0 0 30px;
}
#primary .post .entry-footer,
#primary .page .entry-footer {
overflow: hidden;
}
#primary .post .entry-footer .btn-readmore {
color: #333;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
}
#primary .post .entry-footer .btn-readmore svg {
font-size: 23px;
margin-right: 5px;
margin-top: 2px;
vertical-align: top;
display: inline-block;
}
#primary .post .entry-footer .btn-readmore:hover,
#primary .post .entry-footer .btn-readmore:focus {
text-decoration: none;
color: #bfbfbf;
}
#primary .post .entry-content blockquote,
#primary .page .entry-content blockquote {
margin: 0 0 1.5em;
background: #f4f4f4 url(//efriend.in/wp-content/themes/metro-magazine-pro/images/bg-quote.png) no-repeat 50% 20px;
font-size: 20px;
line-height: 24px;
font-style: italic;
text-align: center;
padding: 76px 15px 48px;
}
#primary .post .entry-content blockquote p,
#primary .page .entry-content blockquote p {
margin: 0 0 13px;
}
#primary .post .entry-content blockquote cite,
#primary .page .entry-content blockquote cite {
font-style: normal;
font-size: 16px;
font-weight: 700;
}
#primary .post .entry-content iframe,
#primary .page .entry-content iframe {
vertical-align: top;
margin: 0 0 1.5em;
width: 100%;
}
#primary .post.format-status .entry-header .entry-title,
#primary .post.format-aside .entry-header .entry-title,
#primary .post.format-link .entry-header .entry-title {
display: none;
} .pagination {
margin: 0 0 1.5em;
}
.pagination .nav-links {
overflow: hidden;
}
.pagination a {
float: left;
margin-right: 4px;
height: 32px;
line-height: 32px;
background: #f1f1f1;
color: #06509d;
padding: 0 10px;
}
.pagination .current,
.pagination .dots {
float: left;
margin-right: 4px;
}
.pagination .current {
height: 32px;
line-height: 32px;
color: #fff;
background: #06509d;
padding: 0 10px;
}
.pagination a:hover {
text-decoration: none;
color: #fff;
background: #06509d;
} .single-post #primary .post {
border: 0;
}
.page #primary .page {
margin-bottom: 38px;
}
.single-post #primary .post .post-thumbnail {
float: none;
display: block;
width: 100%;
margin: 0 0 25px;
}
.single-post #primary .post .entry-header {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 20px;
}
.single-post #primary .post .entry-header .entry-title,
#primary .page .entry-header .entry-title {
font-size: 30px;
line-height: 36px;
font-family: "Playfair Display", serif;
font-weight: 400;
color: #333;
}
.single-post #primary .post .entry-header .entry-meta {
overflow: hidden;
}
.single-post #primary .post .entry-header .entry-meta span {
margin-right: 20px;
margin-bottom: 5px;
}
.single-post #primary .post .entry-header .entry-meta span svg {
margin-right: 5px;
}
.single-post #primary .post .social-share .share-links {
margin: 0 0 15px;
padding: 0;
list-style: none;
overflow: hidden;
}
.single-post #primary .post .social-share .share-links li {
float: left;
margin-right: 3px;
}
.single-post #primary .post .social-share .share-links li a {
width: 40px;
height: 40px;
color: #fff;
background: #386fa7;
line-height: 40px;
text-align: center;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.single-post #primary .post .social-share .share-links li a:hover,
.single-post #primary .post .social-share .share-links li a:focus {
-webkit-border-radius: 100px;
border-radius: 50%;
}
.single-post #primary .post .social-share .share-links li a[href*="twitter"] {
background: #55acee;
}
.single-post #primary .post .social-share .share-links li a[href*="facebook"] {
background: #3b5998;
}
.single-post #primary .post .social-share .share-links li a[href*="linkedin"] {
background: #007bb6;
}
.single-post #primary .post .social-share .share-links li a[href*="pinterest"] {
background: #cb1f27;
}
.single-post #primary .post .social-share .share-links li a[href*="google"] {
background: #dd493d;
}
.single-post #primary .post .social-share .share-links li a[href*="stumbleupon"] {
background: #eb4924;
}
.single-post #primary .post .social-share .share-links li a[href*="reddit"] {
background: #ff4500;
}
.single-post #primary .post .social-share .share-links li a[href*="tumblr"] {
background: #000000;
}
.single-post #primary .post .social-share .share-links li a[href*="digg"] {
background: #000000;
}
.single-post #primary .post .social-share .share-links li a[href*="weibo"] {
background: #d52a2c;
}
.single-post #primary .post .social-share .share-links li a[href*="xing"] {
background: #004c52;
}
.single-post #primary .post .social-share .share-links li a[href*="vk"] {
background: #5181b8;
}
.single-post #primary .post .social-share .share-links li a[href*="getpocket"] {
background: #ed4054;
}
.single-post #primary .post .social-share .share-links li a[href*="wa"] {
background: #5af979;
}
.single-post #primary .post .social-share .share-links li a[href*="telegram"] {
background: #33abdf;
}
.single-post #primary .post .social-share.floating-share {
position: fixed;
left: 0;
top: 30%;
z-index: 9999;
}
.single-post #primary .post .social-share.floating-share ul li {
float: none;
display: block;
}
.single-post #primary .post .social-share.floating-share ul li a:hover,
.single-post #primary .post .social-share.floating-share ul li a:focus {
width: 50px;
-webkit-border-radius: 0;
border-radius: 0;
}
#primary .post .entry-content h1,
#primary .page .entry-content h1 {
font-family: "Playfair Display", serif;
color: #333;
font-size: 72px;
line-height: 86px;
font-weight: 400;
margin: 0 0 10px;
}
#primary .post .entry-content h2,
#primary .page .entry-content h2 {
font-family: "Playfair Display", serif;
color: #333;
font-size: 32px;
line-height: 38px;
font-weight: 400;
margin: 0 0 13px;
}
#primary .post .entry-content h3,
#primary .page .entry-content h3 {
font-family: "Playfair Display", serif;
color: #333;
font-size: 30px;
line-height: 36px;
font-weight: 400;
margin: 0 0 17px;
}
#primary .post .entry-content h4,
#primary .page .entry-content h4 {
font-family: "Playfair Display", serif;
color: #333;
font-size: 24px;
line-height: 29px;
font-weight: 400;
margin: 0 0 20px;
}
#primary .post .entry-content h5,
#primary .page .entry-content h5 {
font-family: "Playfair Display", serif;
color: #333;
font-size: 20px;
line-height: 24px;
font-weight: 400;
margin: 0 0 18px;
}
#primary .post .entry-content h6,
#primary .page .entry-content h6 {
font-family: "Playfair Display", serif;
color: #333;
font-size: 16px;
line-height: 19px;
font-weight: 400;
margin: 0 0 18px;
}
#primary .post .entry-content .pull-right,
#primary .page .entry-content .pull-right {
float: right;
text-align: right;
width: 263px;
margin-left: 15px;
margin-bottom: 30px;
border-top: 3px solid #f1f1f2;
padding-top: 10px;
}
#primary .post .entry-content .pull-left,
#primary .page .entry-content .pull-left {
float: left;
text-align: left;
width: 263px;
margin-right: 15px;
margin-bottom: 30px;
border-top: 3px solid #f1f1f2;
padding-top: 10px;
}
#primary .post .entry-content .dropcap,
#primary .page .entry-content .dropcap {
font-size: 86px;
line-height: 68px;
float: left;
margin-right: 15px;
}
#primary .post .entry-content .highlight,
#primary .page .entry-content .highlight {
background: #3873b1;
color: #fff;
}
#primary .post .entry-content table,
#primary .page .entry-content table {
color: #919191;
}
#primary .post .entry-content table thead,
#primary .page .entry-content table thead {
background: #e9e9e9;
font-weight: 700;
color: #616161;
}
#primary .post .entry-content table thead th,
#primary .page .entry-content table thead th {
font-weight: 700;
color: #616161;
}
#primary .post .entry-content table th,
#primary .page .entry-content table th,
#primary .post .entry-content table td,
#primary .page .entry-content table td {
padding: 1vw 2vw;
text-align: left;
}
#primary .post .entry-content table tr,
#primary .page .entry-content table tr {
border-bottom: 1px solid #ebebeb;
}
#primary .post .entry-footer,
#primary .page .entry-footer {
overflow: hidden;
}
#primary .post .entry-footer .tags,
#primary .page .entry-footer .tags {
float: left;
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
font-weight: 700;
}
#primary .post .entry-footer .tags li,
#primary .page .entry-footer .tags li {
float: left;
margin-right: 6px;
}
#primary .post .entry-footer .tags li a,
#primary .page .entry-footer .tags li a {
display: block;
border-radius: 20px;
background: #f4f4f4;
color: #919191;
padding: 5px 25px;
}
#primary .post .entry-footer .tags li a:hover,
#primary .page .entry-footer .tags li a:hover,
#primary .post .entry-footer .tags li a:focus,
#primary .page .entry-footer .tags li a:focus {
text-decoration: none;
background: #000;
color: #fff;
}
.single-post #primary .post .entry-footer,
.page #primary .page .entry-footer { padding-top: 20px;
}
#primary .post .entry-footer .share,
#primary .page .entry-footer .share {
float: right;
font-size: 16px;
}
#primary .post .entry-footer .share span,
#primary .page .entry-footer .share span {
display: inline-block;
}
#primary .post .entry-footer .share ul,
#primary .page .entry-footer .share ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
display: inline-block;
font-size: 14px;
vertical-align: middle;
}
#primary .post .entry-footer .share ul li,
#primary .page .entry-footer .share ul li {
float: left;
margin-left: 15px;
}
#primary .post .entry-footer .share ul li:first-child,
#primary .page .entry-footer .share ul li:first-child {
margin-left: 0;
}
#primary .post .entry-footer .share ul li a,
#primary .page .entry-footer .share ul li a {
color: #919191;
}
#primary .post .entry-footer .share ul li a:hover,
#primary .post .entry-footer .share ul li a:focus,
#primary .page .entry-footer .share ul li a:hover,
#primary .page .entry-footer .share ul li a:focus {
text-decoration: none;
color: #000;
}
#primary .page .entry-header {
padding-bottom: 0;
margin-bottom: 0;
}
.full-width #primary {
width: 100%;
}
.search .page-header,
.error404 .page-header {
text-align: left;
float: left;
}
.search .page-header .page-title,
.error404 .page-header .page-title {
font-size: 32px;
line-height: 36px;
}
.search #primary .post,
.search #primary .page {
border: 0;
}
.search #primary .page .entry-header .entry-title {
color: #333;
font-family: "Playfair Display", serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.search #primary .page .entry-header .entry-title a {
color: #333;
}
.search #primary .page .entry-header .entry-title a:hover,
.search #primary .page .entry-header .entry-title a:focus {
color: #bfbfbf;
text-decoration: none;
}
.search #primary .post .entry-header .entry-title,
.search #primary .page .entry-header .entry-title {
margin: 0;
}
.search #primary .post .entry-header,
.search #primary .page .entry-header {
margin: 0 0 15px;
}
.search #primary .post .entry-header .entry-link,
.search #primary .page .entry-header .entry-link {
font-style: italic;
color: #06509d;
} .author-section {
overflow: hidden;
border: 1px solid #e3e3e3;
padding: 40px 25px 10px;
margin-bottom: 38px;
background: #f5f5f5;
border-radius: 5px;
}
.author-section .img-holder {
float: left;
width: 105px;
margin-right: 21px;
}
.author-section .img-holder img {
vertical-align: top;
border: 1px solid #dbdbdb;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.author-section .text-holder {
overflow: hidden;
}
.author-section .text-holder .name {
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: #111;
margin: 0 0 15px;
display: block;
} .comments-area {
margin: 0 0 40px;
}
.comments-area .comments-title,
.comments-area .comment-reply-title {
font-size: 24px;
line-height: 28px;
font-weight: 400;
color: #333;
font-family: "Playfair Display", serif;
}
.comments-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area .comment-body .avatar {
float: left;
margin-right: 20px;
}
.comments-area .comment-body .fn {
float: left;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #616161;
margin-right: 15px;
}
.comments-area .comment-body .says {
display: none;
}
.comments-area .comment-body .comment-metadata {
float: left;
font-size: 14px;
color: #919191;
}
.comments-area .comment-body .comment-metadata a {
color: #919191;
}
.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus {
text-decoration: none;
color: #41aad4;
}
.comment-author {
float: left;
}
.comment-meta {
overflow: hidden;
}
.comments-area .comment-body .comment-content {
margin-left: 97px;
margin-top: -50px;
}
.comments-area .comment-body .reply {
margin-left: 97px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
overflow: hidden;
}
.comments-area .comment-body .reply a {
color: #919191;
border: 1px solid #ddd;
border-radius: 20px;
padding: 5px 25px;
float: left;
}
.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus {
text-decoration: none;
background: #06509d;
border-color: #06509d;
color: #fff;
}
.comments-area .comment-body {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 25px;
margin-bottom: 25px;
}
.comments-area .comment-list .children {
padding-left: 97px;
}
.comments-area .comment-form label {
display: none;
}
.comments-area .comment-form .comment-form-author {
float: left;
width: 267px;
margin-right: 15px;
}
.comments-area .comment-form .comment-form-email {
float: left;
width: 267px;
margin-right: 15px;
}
.comments-area .comment-form .comment-form-url {
float: left;
width: 267px;
}
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"] {
width: 100%;
padding: 10px 15px;
}
.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
display: inline-block;
margin-left: 5px;
} .error404 .error-holder {
max-width: 555px;
margin: 0 auto;
text-align: center;
font-size: 18px;
line-height: 26px;
}
.error404 .error-holder h1 {
font-size: 100px;
color: #06509d;
margin: 0 0 30px;
font-weight: 400;
line-height: 90px;
}
.error404 .error-holder h2 {
font-size: 30px;
font-weight: 400;
line-height: 36px;
color: #313131;
}
.error404 .error-holder .search-form {
width: 520px;
margin: 0 auto;
border: 1px solid #ddd;
overflow: hidden;
padding: 14px 15px 15px 18px;
}
.error404 .error-holder .search-form label {
float: left;
width: 75%;
}
.error404 .error-holder .search-form input[type="search"] {
background: none;
border: 0;
border-radius: 0;
float: left;
font-size: 14px;
margin: 0;
outline: medium none;
padding: 0;
width: 100%;
}
.error404 .error-holder .search-form input[type="submit"] {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/bg-search.png) no-repeat;
border: 0;
box-shadow: none;
float: right;
height: 15px;
margin: 5px 0 0;
padding: 0;
text-indent: -9999px;
width: 14px;
} #secondary {
float: right;
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.widget.widget_search .search-form {
border: 1px solid #ddd;
overflow: hidden;
padding: 14px 15px 15px 18px;
}
.widget.widget_search .search-form label {
float: left;
width: 75%;
}
.widget.widget_search .search-form input[type="search"] {
background: none;
border: 0;
border-radius: 0;
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 14px;
outline: none;
}
.widget.widget_search .search-form input[type="submit"] {
float: right;
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/bg-search.png) no-repeat;
width: 14px;
height: 15px;
margin: 5px 0 0;
padding: 0;
border: 0;
text-indent: -9999px;
box-shadow: none;
}
.widget .widget-title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #313131;
text-transform: uppercase;
margin: 0 0 17px;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
text-transform: uppercase;
}
.widget ul li {
padding-bottom: 11px;
margin-bottom: 13px;
border-bottom: 1px solid #e3e3e3;
}
.widget ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget ul li a {
color: #919191;
}
.widget ul li a:hover,
.widget ul li a:focus {
text-decoration: none;
color: #000;
}
.widget.widget_categories ul li {
overflow: hidden;
text-align: right;
}
.widget.widget_categories ul li span {
display: inline-block;
height: 25px;
width: 25px;
border-radius: 50%;
background: #4a4a4a;
text-align: center;
}
.widget.widget_categories ul li a {
float: left;
}
.widget.widget_tag_cloud .tagcloud {
overflow: hidden;
}
.widget.widget_tag_cloud a {
float: left;
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #919191;
background: #f4f4f4;
border-radius: 15px;
margin-right: 7px;
margin-bottom: 9px;
padding: 3px 21px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus {
text-decoration: none;
background: #000;
color: #fff;
}
.widget.widget_metro_flickr ul {
margin: 0 -6px;
overflow: hidden;
}
.widget.widget_metro_flickr ul li {
padding: 0 6px;
margin-bottom: 12px;
border-bottom: 0;
float: left;
width: 33.3333%;
}
.widget.widget_metro_flickr ul li img {
width: 100%;
vertical-align: top;
}
.widget.widget_metro_magazine_pro_recent_post ul,
.widget.widget_metro_magazine_pro_popular_post ul,
.widget.widget_metro_magazine_pro_category_post ul,
.widget.widget_metro_magazine_pro_author_post ul {
text-transform: none;
}
.widget.widget_metro_magazine_pro_recent_post ul li,
.widget.widget_metro_magazine_pro_popular_post ul li,
.widget.widget_metro_magazine_pro_category_post ul li,
.widget.widget_metro_magazine_pro_author_post ul li {
padding: 0;
margin: 0 0 23px;
border-bottom: 0;
overflow: hidden;
}
.widget.widget_metro_magazine_pro_recent_post ul li:last-child,
.widget.widget_metro_magazine_pro_popular_post ul li:last-child,
.widget.widget_metro_magazine_pro_category_post ul li:last-child,
.widget.widget_metro_magazine_pro_author_post ul li:last-child {
margin: 0;
}
.widget.widget_metro_magazine_pro_recent_post ul li .post-thumbnail,
.widget.widget_metro_magazine_pro_popular_post ul li .post-thumbnail,
.widget.widget_metro_magazine_pro_category_post ul li .post-thumbnail,
.widget.widget_metro_magazine_pro_author_post ul li .post-thumbnail {
float: left;
width: 78px;
margin-right: 20px;
}
.widget.widget_metro_magazine_pro_recent_post ul li .post-thumbnail img,
.widget.widget_metro_magazine_pro_popular_post ul li .post-thumbnail img,
.widget.widget_metro_magazine_pro_category_post ul li .post-thumbnail img,
.widget.widget_metro_magazine_pro_author_post ul li .post-thumbnail img {
vertical-align: top;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header {
overflow: hidden;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-title,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-title,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-title,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-title {
font-size: 16px;
line-height: 20px;
font-weight: 400;
font-family: "Playfair Display", serif;
margin: 0;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-title a,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-title a,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-title a,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-title a {
color: #333;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-title a:hover,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-title a:hover,
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-title a:focus,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-title a:focus,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-title a:focus,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-title a:hover,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-title a:hover,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-title a:focus {
color: #bfbfbf;
text-decoration: none;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-meta,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-meta,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-meta,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-meta {
font-size: 13px;
text-transform: uppercase;
}
.widget.widget_metro_magazine_pro_popular_post ul li .comment-count svg {
margin-right: 5px;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-meta a,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-meta a,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-meta a,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-meta a {
color: #919191;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-meta a:hover,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-meta a:hover,
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-meta a:focus,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-meta a:focus,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-meta a:hover,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-meta a:focus,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-meta a:hover,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-meta a:focus {
color: #bfbfbf;
}
.widget.widget_calendar caption {
font-size: 14px;
color: #fff;
line-height: 16px;
background: #06509d;
padding: 12px 0;
}
.widget.widget_calendar table {
position: relative;
}
.widget.widget_calendar thead th {
font-size: 14px;
color: #616161;
font-weight: 400;
height: 35px;
background: #f4f4f4;
text-align: center;
}
.widget.widget_calendar tbody {
border: 1px solid #e3e3e3;
border-top: 0;
}
.widget.widget_calendar tbody td {
text-align: center;
font-size: 14px;
height: 35px;
line-height: 35px;
color: #919191;
}
.calendar_wrap {
position: relative;
}
.wp-calendar-nav-prev a,
.widget_calendar table #prev a {
left: 15px;
position: absolute;
top: 16px;
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-prev-month.png) no-repeat;
width: 7px;
height: 11px;
text-indent: -9999px;
}
.wp-calendar-nav-next a,
.widget.widget_calendar table #next a {
position: absolute;
right: 15px;
top: 16px;
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-next-month.png) no-repeat;
width: 7px;
height: 11px;
text-indent: -9999px;
}
.widget.widget_calendar table tbody td a {
display: block;
height: 100%;
color: #fff;
background: #06509d;
}
.widget.widget_metro_magazine_pro_social_links ul {
overflow: hidden;
font-size: 17px;
}
.widget.widget_metro_magazine_pro_social_links ul li {
padding: 0;
margin: 0 5px 5px 0;
border-bottom: 0;
float: left;
}
.widget.widget_metro_magazine_pro_social_links ul li a {
display: block;
width: 30px;
height: 30px;
color: #fff;
background: #386fa7;
line-height: 30px;
text-align: center;
}
.widget.widget_metro_magazine_pro_social_links ul li a:hover,
.widget.widget_metro_magazine_pro_social_links ul li a:focus {
color: #fff;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="twitter"] {
background: #32ccfe;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="facebook"] {
background: #3b5998;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="pinterest"] {
background: #cb1f27;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="linkedin"] {
background: #0274b3;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="google"] {
background: #dc4a38;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="instagram"] {
background: #a48775;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="dribbble"] {
background: #f26798;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="youtube"] {
background: #df192a;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="foursquare"] {
background: #ef4b78;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="flicker"] {
background: #ff0084;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="reddit"] {
background: #ff4500;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="skype"] {
background: #00aff0;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="stubmleupon"] {
background: #eb4924;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="tumblr"] {
background: #314358;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="vimeo"] {
background: #1ab7ea;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="ok.ru"] {
background: #ee8208;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="vk"] {
background: #507299;
}
.widget.widget_metro_magazine_pro_social_links ul li a[href*="xing"] {
background: #005a5f;
}
#secondary .widget.widget_metro_magazine_pro_twitter_feeds_widget ul li a:hover,
#secondary .widget.widget_metro_magazine_pro_twitter_feeds_widget ul li a:focus {
text-decoration: underline;
}
#secondary .widget.widget_rss ul li a:hover,
#secondary .widget.widget_rss ul li a:focus,
#secondary .widget.widget_text ul li a:hover,
#secondary .widget.widget_text ul li a:focus {
text-decoration: underline;
}
.widget.widget_metro_magazine_pro_instagram_widget ul {
margin-left: -3px;
margin-right: -3px;
}
.widget.widget_metro_magazine_pro_instagram_widget ul:after {
display: block;
content: "";
clear: both;
}
.widget.widget_metro_magazine_pro_instagram_widget ul li {
float: left;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 6px;
padding-bottom: 0;
border-bottom: 0;
width: 33.3333%;
}
.widget.widget_metro_magazine_pro_instagram_widget ul.instagram-size-thumbnail li {
width: 25%;
}
.widget.widget_metro_magazine_pro_instagram_widget ul.instagram-size-medium li {
width: 33%;
}
.widget.widget_metro_magazine_pro_instagram_widget ul.instagram-size-large li {
width: 50%;
}
.widget.widget_metro_magazine_pro_instagram_widget ul.instagram-size-original li {
width: 100%;
}
.widget.widget_metro_magazine_pro_instagram_widget ul li img {
vertical-align: top;
}
.widget.widget_metro_magazine_pro_flickr_widget ul {
margin-left: -3px;
margin-right: -3px;
}
.widget.widget_metro_magazine_pro_flickr_widget ul {
display: block;
content: "";
clear: both;
}
.widget.widget_metro_magazine_pro_flickr_widget ul li {
float: left;
width: 33.3333%;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 6px;
padding-bottom: 0;
border-bottom: 0;
}
.widget.widget_metro_magazine_pro_flickr_widget ul.col-2 li {
width: 50%;
}
.widget.widget_metro_magazine_pro_flickr_widget ul.col-1 li {
width: 100%;
}
.widget.widget_metro_magazine_pro_flickr_widget ul.col-4 li {
width: 25%;
}
.widget.widget_metro_magazine_pro_flickr_widget ul.col-5 li {
width: 20%;
}
.widget.widget_metro_magazine_pro_flickr_widget ul.col-6 li {
width: 16.6667%;
}
.widget.widget_metro_magazine_pro_flickr_widget ul li img {
vertical-align: top;
}
.widget.widget_metro_magazine_pro_author_bio .image-holder img {
vertical-align: top;
}
.widget.widget_metro_magazine_pro_author_bio .image-holder {
margin: 0 0 15px;
}
.widget.widget_metro_magazine_pro_author_bio .readmore {
border: 1px solid #ddd;
border-radius: 20px;
color: #919191;
display: inline-block;
padding: 5px 25px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.widget.widget_metro_magazine_pro_author_bio .readmore:hover,
.widget.widget_metro_magazine_pro_author_bio .readmore:focus {
text-decoration: none;
background: #06509d;
border-color: #06509d;
color: #fff;
} .site-footer {}
.footer-nav {
margin: 0;
}
.footer-nav ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.footer-nav ul li {
display: inline-block;
vertical-align: top;
margin-left: 16px;
padding-left: 16px;
font-size: 16px;
line-height: 13px;
border-left: 1px solid #bbbbbb;
}
.footer-nav ul li:first-child {
margin-left: 0;
padding-left: 0;
border-left: 0;
}
.footer-nav ul li a {
color: #bbbbbb;
}
.footer-nav ul li a:hover,
.footer-nav ul li a:focus {
text-decoration: none;
color: #06509d;
}
.site-footer .social-networks {
margin: 0 0 37px;
padding: 0;
list-style: none;
overflow: hidden;
}
.footer-t .col {
width: 33.33%;
float: left;
padding: 0 15px;
}
.site-footer .widget.widget_metro_magazine_pro_social_links ul li {
border-bottom: 0;
}
.site-footer .footer-t {
background: #202020;
padding: 56px 0 0;
}
.site-footer .footer-t .widget .widget-title {
color: #dbdbdb;
margin-bottom: 22px;
text-align: left;
font-size: 18px;
line-height: 22px;
}
.site-footer .widget {
color: #c0c0c0;
text-align: left;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul {}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li:after,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li:after,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li:after {
display: block;
content: "";
clear: both;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li {
border-bottom: 1px dotted #4e4e4e;
margin-bottom: 14px;
padding-bottom: 14px;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li:last-child,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li:last-child,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li:last-child {
border-bottom: 0;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li .post-thumbnail,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .post-thumbnail,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li .post-thumbnail {
float: left;
margin-right: 18px;
display: block;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li .entry-header,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .entry-header,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li .entry-header {
overflow: hidden;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li .entry-meta a,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .entry-meta a,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li .entry-meta a {
color: #b2b2b2;
}
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .comment-count svg {
margin-right: 5px;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li .entry-title,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .entry-title,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li .entry-title {
margin-bottom: 4px;
font-weight: 400;
font-family: "Playfair Display", serif;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li .entry-title a,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .entry-title a,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li .entry-title a {
color: #bfbfbf;
}
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li .entry-header a:hover,
.site-footer .widget.widget_metro_magazine_pro_recent_post ul li .entry-header a:focus,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .entry-header a:hover,
.site-footer .widget.widget_metro_magazine_pro_popular_post ul li .entry-header a:focus,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li .entry-header a:focus,
.site-footer .widget.widget_metro_magazine_pro_author_post ul li .entry-header a:hover {
color: #fff;
}
.site-footer .widget ul li {
border-bottom: 1px solid #515151;
}
.site-footer .widget ul li a:hover {
color: #fff;
}
.widget.widget_metro_magazine_pro_recent_post ul li .entry-header .entry-title a,
.widget.widget_metro_magazine_pro_popular_post ul li .entry-header .entry-title a,
.widget.widget_metro_magazine_pro_category_post ul li .entry-header .entry-title a,
.widget.widget_metro_magazine_pro_author_post ul li .entry-header .entry-title a {
color: #bfbfbf;
}
.site-footer .widget ul li:last-child {
border-bottom: 0;
}
.widget.widget_text img {
margin-bottom: 20px;
}
.site-footer .widget.widget_search .search-form input[type="search"] {
color: #fff;
}
.site-footer .widget.widget_rss .widget-title a {
color: #dbdbdb;
}
.site-footer .widget.widget_rss ul li a {
color: #fff;
}
.site-footer .widget.widget_rss ul li a:hover,
.site-footer .widget.widget_rss ul li a:focus {
text-decoration: underline;
}
.site-info {
font-size: 15px;
line-height: 18px;
float: left;
color: #adadad;
}
.site-info a {
color: #fff;
}
.footer-b {
background: #1a1a1a;
padding: 30px 0;
border-top: 1px solid #252525;
}
.footer-nav {
float: right;
}
.site-info a:hover,
.site-info a:focus {}
.site-footer .site-info a.privacy-policy-link {
display: inline-block;
margin-left: 5px;
}
#mobile-header,
#secondary-mobile-header {
display: none;
} #rara-top {
position: fixed;
bottom: 10px;
right: 10px; background: #000;
color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
display: none;
opacity: 0.5;
z-index: 9;
}
#rara-top:hover,
#rara-top:focus {
opacity: 1;
}
#rara-top svg {
font-size: 25px;
}
#rara-top svg:hover {
color: #fff;
}  .all-post.layout-2 ul li { width: 25%;
margin-bottom: 0;
}
.all-post.layout-2 ul li .post {
background: #000;
margin-bottom: 4px;
}
.all-post.layout-2 ul li.large { width: 50%;
}
.all-post.layout-2 ul li .post:last-child {
margin-bottom: 0;
} .all-post.layout-3 ul li {
width: 50%;
}
.all-post.layout-3 ul .holder {
overflow: hidden;
margin-left: -2px;
margin-right: -2px;
}
.all-post.layout-3 ul .holder .col {
float: left;
width: 50%;
padding-left: 2px;
padding-right: 2px;
}
.all-post.layout-3 ul li .post {
background: #000;
margin-bottom: 4px;
} .all-post.layout-4 ul li {
width: 33.333%;
margin-bottom: 4px;
} .section-two.top-news.layout-2 .col.full-width {
width: 100%;
}
.section-two.top-news.layout-2 .col.full-width .post {
position: relative;
padding: 0;
}
.section-two.top-news.layout-2 .col.full-width .image-holder {
position: relative;
}
.section-two.top-news.layout-2 .col.full-width .post .entry-content {
display: none;
}
.section-two.top-news.layout-2 .col.full-width .post .text-holder {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta .category {
position: unset;
display: block;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta .category a:hover,
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta .category a:focus {
text-decoration: none;
color: #fff;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta a {
color: #fff;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta a:hover,
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta a:focus {
color: #bfbfbf;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-title a {
color: #fff;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-title a:hover,
.section-two.layout-2 .col.full-width .post .entry-header .entry-title a:focus {
color: #bfbfbf;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-title {
font-size: 32px;
line-height: 36px;
} .section-two.layout-3 .col {
width: 50%;
}
.section-two.layout-3 .post .image-holder {
margin: 0 0 17px;
}
.section-two.layout-3 .news-list .post .image-holder {
float: left;
width: 44%;
margin-right: 30px;
margin-bottom: 0; }
.section-two.layout-3 .news-list .post .image-holder .post-thumbnail {
margin-bottom: 0;
}
.section-two.layout-3 .news-list .post .text-holder {
overflow: hidden;
}
.section-two.layout-3 .news-list .post {
margin-bottom: 30px;
}
.section-two.layout-3 .news-list .post:after {
display: block;
content: "";
clear: both;
}
.section-two.layout-3 .news-list .post .text-holder .category {
position: unset;
display: block;
}
.section-two.layout-3 .news-list .post .text-holder .entry-content p {
margin: 0;
} .middle-section ul {
margin: 0 -15px;
padding: 0;
list-style: none;
}
.middle-section ul:after {
content: "";
display: block;
clear: both;
}
.middle-section ul li {
float: left;
width: 33.3333%;
padding: 0 15px;
} .middle-section ul.slider1 {
margin: 0;
}
.middle-section ul.slider1 li {
padding: 0;
width: 100%;
}
.owl-carousel .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
text-indent: 50px;
overflow: hidden;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-carousel .owl-nav .owl-prev {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-prev2.png) no-repeat;
width: 32px;
height: 60px;
left: 0;
opacity: 1;
}
.owl-carousel .owl-nav .owl-next {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-next2.png) no-repeat;
width: 32px;
height: 60px;
right: 0;
opacity: 1;
}
.owl-carousel .owl-nav [class*="owl-"].disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: not-allowed;
}
.middle-section.dark {
background: #202020;
}
.middle-section.dark .header .header-title span {
background: #202020;
}
.middle-section.dark .header .header-title {
color: #fff;
}
.middle-section.dark .header .header-title::before {
background: #707070;
} .category-layout-2 .col {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.category-layout-2 .col.left .post-thumbnail {
float: none;
width: 100%;
display: block;
}
.category-layout-2 .col .post-thumbnail {
width: 100px;
margin-right: 15px;
}
.category-layout-2 .col .post {
border: 0;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #f0f0f0;
}
.category-layout-2 .col .post:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.category-layout-2 .col .post .text-holder {
padding: 0;
}
.category-layout-2 .col.left .text-holder {
width: 100%;
padding: 15px 0 0;
} .category-layout-3 .post {
border: 0;
margin: 0;
position: relative;
}
.category-layout-3 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-3 .post .text-holder {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.5);
}
.category-layout-3 .post .entry-header .entry-meta a,
.category-layout-3 .post .entry-header .entry-title a {
color: #fff;
}
.category-layout-3 .post .entry-content {
color: #fff;
}
.category-layout-3 .post-list {
padding: 30px 30px 0;
background: #333;
}
.category-layout-3 .post-list .post {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.category-layout-3 .post-list .post .text-holder {
position: unset;
background: none;
padding: 10px 0 0;
} .category-layout-4 .post {
border: 0;
}
.category-layout-4 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-4 .post .text-holder {
width: 100%;
padding: 15px 0 0;
} .category-layout-5 .col {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.category-layout-5 .post {
border: 0;
}
.category-layout-5 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-5 .post .text-holder {
width: 100%;
padding: 15px 0 0;
}
.category-layout-5 .post .entry-content p {
margin: 0;
}
.category-layout-5 .post-list .post {
border-top: 1px solid #f0f0f0;
padding-top: 30px;
}
.category-layout-5 .post-list .post .post-thumbnail {
float: left;
width: 100px;
margin-right: 15px;
}
.category-layout-5 .post-list .post .text-holder {
width: auto;
padding: 0;
}
.category-layout-5 .header .header-title {
text-align: left;
}
.category-layout-5 .header .header-title span {
padding-left: 0;
} .category-layout-6 .col {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
}
.category-layout-6 .post {
border: 1px solid #e8e8e8;
margin-bottom: 30px;
padding: 17px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.category-layout-6 .post:hover,
.category-layout-6 .post:focus {
background: #dee6ee;
}
.category-layout-6 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-6 .post .text-holder {
padding: 17px 0 0;
}
.category-layout-6 .post .entry-footer .btn-readmore {
color: #333;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
}
.category-layout-6 .post .entry-footer .btn-readmore:hover,
.category-layout-6 .post .entry-footer .btn-readmore:focus {
text-decoration: none;
color: #fff;
}
.category-layout-6 .post .entry-footer .btn-readmore svg {
font-size: 23px;
margin-right: 5px;
margin-top: 2px;
vertical-align: top;
} .category-layout-7 .header .header-title {
text-align: left;
}
.category-layout-7 .header .header-title span {
padding-left: 0;
}
.category-layout-7 .col {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.category-layout-7 .category-slider2 .post {
border: 0;
}
.category-layout-7 .category-slider2 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-7 .category-slider2 .post .text-holder {
padding: 15px 0 0;
}
.category-layout-7 .post-list .post {
border: 0;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 20px;
margin-bottom: 20px;
}
.category-layout-7 .post-list .post:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.category-layout-7 .post-list .post .post-thumbnail {
width: 100px;
margin-right: 15px;
}
.category-layout-7 .post-list .post .text-holder {
padding: 0;
} .category-layout-8 .post {
border: 0;
}
.category-layout-8 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-8 .post .text-holder {
padding: 15px 0 0;
}
.category-layout-8 .post-list .post {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
} .category-layout-9 .post {
border: 0;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 15px;
}
.category-layout-9 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-9 .post .text-holder {
padding: 15px 0 0;
}
.category-layout-9 .col {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
} .category-layout-10 .post {
border: 0;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 30px;
}
.category-layout-10 .post .post-thumbnail {
float: none;
display: block;
width: 100%;
}
.category-layout-10 .post .text-holder {
padding: 15px 0 0;
}
.category-layout-10 .post .entry-content p {
margin: 0;
}
.category-layout-10 .post-list .post .post-thumbnail {
float: left;
width: 30%;
margin-right: 30px;
} .category-layout-11 .post {
border: 0;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 15px;
margin-bottom: 15px;
}
.category-layout-11 .post .post-thumbnail {
width: 25%;
margin-right: 30px;
}
.category-layout-11 .post .entry-content p {
margin: 0;
}
.category-layout-11 .post .text-holder {
padding: 0;
}  #primary .post .entry-content .rara_accordian,
#primary .page .entry-content .rara_accordian {
border: 1px solid #06509d;
margin: 0 0 15px;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title,
#primary .page .entry-content .rara_accordian .rara_accordian_title {
background: #06509d;
padding: 7px 15px 7px 35px;
color: #fff;
position: relative;
cursor: pointer;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title:before,
#primary .page .entry-content .rara_accordian .rara_accordian_title:before {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
width: 15px;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title:after,
#primary .page .entry-content .rara_accordian .rara_accordian_title:after {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
-webkit-transform: rotate(90deg) scale(1);
-moz-transform: rotate(90deg) scale(1);
transform: rotate(90deg) scale(1);
width: 15px;
}
#primary .post .entry-content .rara_accordian .rara_accordian_title.active:after,
#primary .page .entry-content .rara_accordian .rara_accordian_title.active:after {
opacity: 0;
}
#primary .post .entry-content .rara_accordian .rara_accordian_content,
#primary .page .entry-content .rara_accordian .rara_accordian_content {
padding: 10px 20px;
} #primary .entry-content .center {
text-align: center;
}
#primary .entry-content .rara_call_to_action_button {
background: none;
border: 1px solid #ddd;
color: #919191;
display: inline-block;
font-size: 14px;
line-height: 17px;
padding: 9px 58px;
border-radius: 20px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 20px;
}
#primary .entry-content .rara_call_to_action_button:hover,
#primary .entry-content .rara_call_to_action_button:focus {
background: #06509d;
border-color: #06509d;
text-decoration: none;
color: #fff;
}
#primary .entry-content .rara_call_to_action.right:after {
content: "";
display: block;
clear: both;
}
#primary .entry-content .rara_call_to_action.right .rara_call_to_action_button {
float: right;
} .rara-drop-cap2 {
float: left;
font-size: 53px;
padding-right: 10px;
padding-top: 16px;
}
.rara-drop-cap3 {
float: left;
font-size: 80px;
margin-bottom: 20px;
padding-right: 10px;
padding-top: 22px;
}
.rara-drop-cap4 {
float: left;
font-size: 115px;
margin-bottom: 32px;
padding-right: 10px;
padding-top: 32px;
} #primary .post .entry-content ul,
#primary .page .entry-content ul {
margin: 0 0 30px 15px;
padding: 0;
}
#primary .post .entry-content ul.rara-list,
#primary .page .entry-content ul.rara-list {
list-style: none;
}
#primary .post .entry-content .rara-list li,
#primary .page .entry-content .rara-list li {
padding-left: 30px;
position: relative;
}
#primary .post .entry-content .rara-list.rara-list-style1 li:before,
#primary .page .entry-content .rara-list.rara-list-style1 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
background-repeat: no-repeat;
width: 15px;
height: 12px;
position: absolute;
top: 7px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style2 li:before,
#primary .page .entry-content .rara-list.rara-list-style2 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23919191" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>');
background-repeat: no-repeat;
width: 10px;
height: 16px;
position: absolute;
top: 5px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style3 li:before,
#primary .page .entry-content .rara-list.rara-list-style3 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z"></path></svg>');
background-repeat: no-repeat;
width: 15px;
height: 15px;
position: absolute;
top: 5px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style4 li:before,
#primary .page .entry-content .rara-list.rara-list-style4 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23919191" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>');
background-repeat: no-repeat;
width: 15px;
height: 15px;
position: absolute;
top: 5px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style5 li:before,
#primary .page .entry-content .rara-list.rara-list-style5 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23919191" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z"></path></svg>');
background-repeat: no-repeat;
width: 11px;
height: 11px;
position: absolute;
top: 8px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style6 li:before,
#primary .page .entry-content .rara-list.rara-list-style6 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M256 504c136.967 0 248-111.033 248-248S392.967 8 256 8 8 119.033 8 256s111.033 248 248 248zm-103.398-76.72l53.411-53.411c31.806 13.506 68.128 13.522 99.974 0l53.411 53.411c-63.217 38.319-143.579 38.319-206.796 0zM336 256c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80zm91.28 103.398l-53.411-53.411c13.505-31.806 13.522-68.128 0-99.974l53.411-53.411c38.319 63.217 38.319 143.579 0 206.796zM359.397 84.72l-53.411 53.411c-31.806-13.505-68.128-13.522-99.973 0L152.602 84.72c63.217-38.319 143.579-38.319 206.795 0zM84.72 152.602l53.411 53.411c-13.506 31.806-13.522 68.128 0 99.974L84.72 359.398c-38.319-63.217-38.319-143.579 0-206.796z"></path></svg>');
background-repeat: no-repeat;
width: 15px;
height: 15px;
position: absolute;
top: 6px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style7 li:before,
#primary .page .entry-content .rara-list.rara-list-style7 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z"></path></svg>');
background-repeat: no-repeat;
width: 11px;
height: 13px;
position: absolute;
top: 8px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style8 li:before,
#primary .page .entry-content .rara-list.rara-list-style8 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M428.8 137.6h-86.177a115.52 115.52 0 0 0 2.176-22.4c0-47.914-35.072-83.2-92-83.2-45.314 0-57.002 48.537-75.707 78.784-7.735 12.413-16.994 23.317-25.851 33.253l-.131.146-.129.148C135.662 161.807 127.764 168 120.8 168h-2.679c-5.747-4.952-13.536-8-22.12-8H32c-17.673 0-32 12.894-32 28.8v230.4C0 435.106 14.327 448 32 448h64c8.584 0 16.373-3.048 22.12-8h2.679c28.688 0 67.137 40 127.2 40h21.299c62.542 0 98.8-38.658 99.94-91.145 12.482-17.813 18.491-40.785 15.985-62.791A93.148 93.148 0 0 0 393.152 304H428.8c45.435 0 83.2-37.584 83.2-83.2 0-45.099-38.101-83.2-83.2-83.2zm0 118.4h-91.026c12.837 14.669 14.415 42.825-4.95 61.05 11.227 19.646 1.687 45.624-12.925 53.625 6.524 39.128-10.076 61.325-50.6 61.325H248c-45.491 0-77.21-35.913-120-39.676V215.571c25.239-2.964 42.966-21.222 59.075-39.596 11.275-12.65 21.725-25.3 30.799-39.875C232.355 112.712 244.006 80 252.8 80c23.375 0 44 8.8 44 35.2 0 35.2-26.4 53.075-26.4 70.4h158.4c18.425 0 35.2 16.5 35.2 35.2 0 18.975-16.225 35.2-35.2 35.2zM88 384c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"></path></svg>');
background-repeat: no-repeat;
width: 15px;
height: 15px;
position: absolute;
top: 7px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style9 li:before,
#primary .page .entry-content .rara-list.rara-list-style9 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z"></path></svg>');
background-repeat: no-repeat;
width: 12px;
height: 12px;
position: absolute;
top: 7px;
left: 0;
font-size: 12px;
}
#primary .post .entry-content .rara-list.rara-list-style10 li:before,
#primary .page .entry-content .rara-list.rara-list-style10 li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23919191" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z"></path></svg>');
background-repeat: no-repeat;
width: 12px;
height: 12px;
position: absolute;
top: 7px;
left: 0;
font-size: 12px;
} #primary .entry-content .social-shortcode:after {
content: "";
display: block;
clear: both;
}
#primary .entry-content .social-shortcode a {
float: left;
height: 33px;
padding: 2px 0;
vertical-align: middle;
width: 33px;
text-align: center;
line-height: 29px;
margin: 0 10px 10px 0;
background: #3b5998;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#primary .entry-content .social-shortcode a:hover,
#primary .entry-content .social-shortcode a:focus {
-webkit-border-radius: 100px;
border-radius: 50%;
}
#primary .entry-content .social-shortcode a[href*="facebook"] {
background: #3b5998;
}
#primary .entry-content .social-shortcode a[href*="twitter"] {
background: #1da1f2;
}
#primary .entry-content .social-shortcode a[href*="instagram"] {
background: #a37960;
}
#primary .entry-content .social-shortcode a[href*="google"] {
background: #e33e2b;
}
#primary .entry-content .social-shortcode a[href*="pinterest"] {
background: #d73532;
}
#primary .entry-content .social-shortcode a[href*="linkedin"] {
background: #0274b3;
}
#primary .entry-content .social-shortcode a[href*="youtube"] {
background: #c12025;
}
#primary .entry-content .social-shortcode a[href*="vimeo"] {
background: #23b6ea;
}
#primary .entry-content .social-shortcode a[href*="dribbble"] {
background: #e45189;
}
#primary .entry-content .social-shortcode a[href*="foursquare"] {
background: #ef4b78;
}
#primary .entry-content .social-shortcode a[href*="flickr"] {
background: #0062dd;
}
#primary .entry-content .social-shortcode a[href*="reddit"] {
background: #ff4500;
}
#primary .entry-content .social-shortcode a[href*="skype"] {
background: #00aff0;
}
#primary .entry-content .social-shortcode a[href*="stumbleupon"] {
background: #eb4924;
}
#primary .entry-content .social-shortcode a[href*="tumblr"] {
background: #314358;
}
#primary .entry-content .social-shortcode a svg {
font-size: 16px;
line-height: 26px;
}
.clearfix:after {
content: "";
display: block;
clear: both;
} #primary .entry-content .rara_tab_wrap {
margin: 0 0 1.5em;
}
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title {
float: left;
padding: 5px 9px;
border: 1px solid #06509d;
cursor: pointer;
}
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title.active,
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title:hover,
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title:focus {
background: #06509d;
color: #fff;
}
#primary .entry-content .rara_tab_wrap .rara_tab_content {
padding: 10px 20px;
background: #f8f8f8;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_group {
float: left;
width: 225px;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_content {
overflow: hidden;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_group .tab-title {
float: none;
display: block;
} .rara_toggle {
border: 1px solid #06509d;
margin: 0 0 10px;
}
.rara_toggle .rara_toggle_title {
background: #06509d;
color: #fff;
cursor: pointer;
padding: 7px 15px 7px 35px;
position: relative;
}
.rara_toggle .rara_toggle_title:after {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
-webkit-transform: rotate(90deg) scale(1);
-moz-transform: rotate(90deg) scale(1);
transform: rotate(90deg) scale(1);
width: 15px;
}
.rara_toggle .rara_toggle_title:before {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
width: 15px;
}
.rara_toggle .rara_toggle_title.active:after {
opacity: 0;
}
.rara_toggle .rara_toggle_content {
padding: 10px 20px;
} #primary .entry-content .shortcode-slider ul {
margin: 0;
}
#primary .entry-content .shortcode-slider .owl-prev,
#primary .entry-content .shortcode-slider .owl-next {
top: 50%;
position: absolute;
text-indent: -9999px;
margin-top: -44px;
}
#primary .entry-content .shortcode-slider .owl-next {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-next.png) no-repeat;
height: 44px;
width: 44px;
right: 10px;
}
#primary .entry-content .shortcode-slider .owl-prev {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-prev.png) no-repeat;
height: 44px;
width: 44px;
left: 10px;
} .rara-row {
margin: 0 -15px;
}
.rara-row:after {
content: "";
display: block;
clear: both;
}
.rara_column {
float: left;
padding: 0 15px;
margin-bottom: 30px;
}
.rara-span1 {
width: 16.66%;
}
.rara-span2 {
width: 33.33%;
}
.rara-span3 {
width: 50%;
}
.rara-span4 {
width: 66.66%;
}
.rara-span5 {
width: 83%;
}
.rara-span6 {
width: 100%;
}
.divider {
margin: auto;
} .site-header.header-2 .header-t {
background: #386fa7;
padding: 15px 0;
}
.site-header.header-2 .header-t .col {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
}
.site-header.header-2 .secondary-menu {
margin-top: 20px;
}
.site-header.header-2 .secondary-menu ul {
font-size: 15px;
line-height: 24px;
}
.site-header.header-2 .secondary-menu ul ul {
z-index: 9999;
}
.site-header.header-2 .site-branding {
text-align: center;
}
.site-header.header-2 .site-branding .site-title a {
color: #fff;
}
.site-header.header-2 .site-branding .site-description {
color: #fff;
font-size: 17px;
line-height: 24px;
}
.site-header.header-2 .header-t .social-networks {
font-size: 16px;
line-height: 20px;
margin-top: 20px;
}
.site-header.header-2 .header-b {
padding: 0;
}
.site-header.header-2 .main-navigation ul {
font-size: 17px;
text-transform: uppercase;
}
.site-header.header-2 .main-navigation a {
padding: 23px 0;
}
.site-header.header-2 .main-navigation .current_page_item>a,
.site-header.header-2 .main-navigation .current-menu-item>a,
.site-header.header-2 .main-navigation .current_page_ancestor>a,
.site-header.header-2 .main-navigation .current-menu-ancestor>a {
border-top: 0;
padding: 23px 0;
}
.site-header.header-2 .main-navigation li:hover>a,
.site-header.header-2 .main-navigation li.focus>a,
.site-header.header-2 .main-navigation ul li a:hover,
.site-header.header-2 .main-navigation ul li a:focus {
border-top: 0;
padding: 23px 0;
}
.site-header.header-2 .main-navigation ul ul a {
padding: 8px 15px;
}
.site-header.header-2 .main-navigation ul ul a:hover,
.site-header.header-2 .main-navigation ul ul a:focus,
.site-header.header-2 .main-navigation ul ul li:hover>a,
.site-header.header-2 .main-navigation ul ul li.focus>a {
padding: 8px 15px;
}
.site-header.header-2 .scrolling-news {
background: #f4f4f4;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #e1e1e1;
padding: 14px 0;
margin-bottom: 0;
}
.site-header.header-2 .scrolling-news img {
vertical-align: top;
}
.site-header.header-2 .ticker-wrapper.has-js,
.site-header.header-2 .ticker,
.site-header.header-2 .ticker-title,
.site-header.header-2 .ticker-content,
.site-header.header-2 .ticker-swipe,
.site-header.header-2 .ticker-swipe span {
background: #f4f4f4;
} .site-header.header-3 .header-holder {
margin-bottom: 0;
}
.site-header.header-3 .header-t {
background: #fff;
border-bottom: 1px solid #ebebeb;
padding: 6px 0;
}
.site-header.header-3 .secondary-menu {
margin-top: 8px;
}
.site-header.header-3 .secondary-menu ul ul {
background: #fff;
}
.site-header.header-3 .secondary-menu ul li a {
color: #444;
}
.site-header.header-3 .secondary-menu ul li a:hover,
.site-header.header-3 .secondary-menu ul li a:focus,
.site-header.header-3 .secondary-menu ul li:hover>a,
.site-header.header-3 .secondary-menu ul li.focus>a {
color: #06509d;
}
.site-header.header-3 .secondary-menu .current_page_item>a,
.site-header.header-3 .secondary-menu .current-menu-item>a,
.site-header.header-3 .secondary-menu .current_page_ancestor>a,
.site-header.header-3 .secondary-menu .current-menu-ancestor>a {
color: #06509d;
}
.site-header.header-3 .social-networks {
font-size: 17px;
line-height: 36px;
text-align: center;
}
.site-header.header-3 .social-networks a {
display: block;
width: 36px;
height: 36px;
color: #fff;
-webkit-border-radius: 100px;
border-radius: 50%;
background: #386fa7;
-webkit-transition: cubic-bezier(0.84, 0.15, 0.58, 1) 0.5s;
-moz-transition: cubic-bezier(0.84, 0.15, 0.58, 1) 0.5s;
transition: cubic-bezier(0.84, 0.15, 0.58, 1) 0.5s;
}
.site-header.header-3 .social-networks a:hover,
.site-header.header-3 .social-networks a:focus {
color: #fff;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
.site-header.header-3 .social-networks li {
margin-left: 6px;
}
.site-header.header-3 .social-networks li a[href*="facebook"] {
background: #3b5998;
}
.site-header.header-3 .social-networks li a[href*="twitter"] {
background: #6acff4;
}
.site-header.header-3 .social-networks li a[href*="google"] {
background: #d13f2d;
}
.site-header.header-3 .social-networks li a[href*="linkedin"] {
background: #3272bd;
}
.site-header.header-3 .social-networks li a[href*="pinterest"] {
background: #d73532;
}
.site-header.header-3 .social-networks li a[href*="instagram"] {
background: #a47b5f;
}
.site-header.header-3 .social-networks li a[href*="dribbble"] {
background: #e84c88;
}
.site-header.header-3 .social-networks li a[href*="youtube"] {
background: #c8312b;
}
.site-header.header-3 .social-networks li a[href*="foursquare"] {
background: #ef4b78;
}
.site-header.header-3 .social-networks li a[href*="flicker"] {
background: #0567d6;
}
.site-header.header-3 .social-networks li a[href*="reddit"] {
background: #ff4500;
}
.site-header.header-3 .social-networks li a[href*="skype"] {
background: #00a9f0;
}
.site-header.header-3 .social-networks li a[href*="stumbleupon"] {
background: #eb4924;
}
.site-header.header-3 .social-networks li a[href*="tumblr"] {
background: #314358;
}
.site-header.header-3 .social-networks li a[href*="vimeo"] {
background: #00adee;
}
.site-header.header-3 .social-networks li a[href*="ok.ru"] {
background: #ee8208;
}
.site-header.header-3 .social-networks li a[href*="vk"] {
background: #507299;
}
.site-header.header-3 .social-networks li a[href*="xing"] {
background: #005a5f;
}
.site-header.header-3 .header-m {
padding: 20px 0;
}
.site-header.header-3 .advertise {
float: right;
}
.site-header.header-3 .nav-holder {
padding: 0;
background: #386fa7;
}
.site-header.header-3 .nav-holder .nav-content {
border-top: 0;
margin-top: 0;
}
.site-header.header-3 .nav-holder .nav-content:after {
display: block;
content: "";
clear: both;
}
.site-header.header-3 .nav-content .btn-search {
color: #fff;
}
.site-header.header-3 .main-navigation {
width: 95%;
}
.site-header.header-3 .main-navigation ul {
font-size: 17px;
line-height: 24px; text-transform: uppercase;
}
.site-header.header-3 .main-navigation ul li {
margin-right: 2px;
}
.site-header.header-3 .main-navigation a {
color: #fff;
padding: 18px 15px;
}
.site-header.header-3 .main-navigation .current_page_item>a,
.site-header.header-3 .main-navigation .current-menu-item>a,
.site-header.header-3 .main-navigation .current_page_ancestor>a,
.site-header.header-3 .main-navigation .current-menu-ancestor>a {
background: #3b76b1;
border-top: 0;
}
.site-header.header-3 .main-navigation li:hover>a,
.site-header.header-3 .main-navigation li.focus>a,
.site-header.header-3 .main-navigation ul li a:hover,
.site-header.header-3 .main-navigation ul li a:focus {
border-top: 0;
background: #3b76b1;
}
.site-header.header-3 .main-navigation ul ul {
font-size: 16px;
font-weight: 400;
}
.site-header.header-3 .main-navigation ul ul li a {
color: #000;
padding: 8px 15px;
}
.site-header.header-3 .main-navigation ul ul li a:hover,
.site-header.header-3 .main-navigation ul ul li a:focus,
.site-header.header-3 .main-navigation ul ul li:hover>a,
.site-header.header-3 .main-navigation ul ul li.focus>a,
.site-header.header-3 .main-navigation ul ul .current_page_item>a,
.site-header.header-3 .main-navigation ul ul .current-menu-item>a,
.site-header.header-3 .main-navigation ul ul .current_page_ancestor>a,
.site-header.header-3 .main-navigation ul ul .current-menu-ancestor>a {
background: #3b76b1;
color: #fff;
}
.site-header.header-3 .scrolling-news {
background: #f4f4f4;
padding: 20px 0;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0;
}
.site-header.header-3 .ticker-wrapper.has-js,
.site-header.header-3 .ticker,
.site-header.header-3 .ticker-title,
.site-header.header-3 .ticker-content,
.site-header.header-3 .ticker-swipe,
.site-header.header-3 .ticker-swipe span {
background: #f4f4f4;
} .site-header.header-4 .header-holder {
margin-bottom: 0;
}
.site-header.header-4 .header-t {
background: #fff;
padding: 5px 0;
border-bottom: 1px solid #ebebeb;
}
.site-header.header-4 .header-t .scrolling-news {
float: left;
background: #fff;
padding: 0;
width: 50%;
}
.site-header.header-4 .header-t .ticker-wrapper.has-js {
background: #fff;
width: 65%;
}
.site-header.header-4 .header-t .ticker-content,
.site-header.header-4 .header-t .ticker-swipe,
.site-header.header-4 .header-t .ticker-swipe span,
.site-header.header-4 .header-t .ticker {
background: #fff;
}
.site-header.header-4 .header-t .scrolling-news img {
vertical-align: top;
}
.site-header.header-4 .header-t .right {
float: right;
}
.site-header.header-4 .header-t .right .social-networks {
font-size: 19px;
margin-top: 3px;
}
.site-header.header-4 .header-t .right .social-networks a {
color: #3b5998;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
display: block;
}
.site-header.header-4 .header-t .right .social-networks a:hover,
.site-header.header-4 .header-t .right .social-networks a:focus {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
transform: scale(1.15);
}
.site-header.header-4 .header-t .right .social-networks a[href*="facebook"] {
color: #3b5998;
}
.site-header.header-4 .header-t .right .social-networks a[href*="twitter"] {
color: #6acff4;
}
.site-header.header-4 .header-t .right .social-networks a[href*="google"] {
color: #d13f2d;
}
.site-header.header-4 .header-t .right .social-networks a[href*="linkedin"] {
color: #3272bd;
}
.site-header.header-4 .header-t .right .social-networks a[href*="instagram"] {
color: #b09781;
}
.site-header.header-4 .header-t .right .social-networks a[href*="dribbble"] {
color: #e74d89;
}
.site-header.header-4 .header-t .right .social-networks a[href*="youtube"] {
color: #db2824;
}
.site-header.header-4 .header-t .right .social-networks a[href*="foursquare"] {
color: #ef4b78;
}
.site-header.header-4 .header-t .right .social-networks a[href*="reddit"] {
color: #ff4500;
}
.site-header.header-4 .header-t .right .social-networks a[href*="skype"] {
color: #00aff0;
}
.site-header.header-4 .header-t .right .social-networks a[href*="stumbleupon"] {
color: #eb4924;
}
.site-header.header-4 .header-t .right .social-networks a[href*="tumblr"] {
color: #36465d;
}
.site-header.header-4 .header-t .right .social-networks a[href*="vimeo"] {
color: #1ab7ea;
}
.site-header.header-4 .header-t .right .social-networks a[href*="ok.ru"] {
color: #ee8208;
}
.site-header.header-4 .header-t .right .social-networks a[href*="vk"] {
color: #507299;
}
.site-header.header-4 .header-t .right .social-networks a[href*="xing"] {
color: #006567;
}
.site-header.header-4 .header-t .right .secondary-menu {
float: right;
margin-right: 30px;
}
.site-header.header-4 .header-t .right .secondary-menu ul {
margin-top: 5px;
font-size: 14px;
}
.site-header.header-4 .header-t .right .secondary-menu ul li a {
color: #444;
}
.site-header.header-4 .header-t .right .secondary-menu ul ul {
margin-top: 0;
background: #fff;
}
.site-header.header-4 .header-t .right .secondary-menu ul li a:hover,
.site-header.header-4 .header-t .right .secondary-menu ul li a:focus,
.site-header.header-4 .header-t .right .secondary-menu ul li:hover>a {
color: #5081d9;
}
.site-header.header-4 .site-branding {
float: left;
}
.site-header.header-4 .advertise {
float: right;
}
.site-header.header-4 .advertise img {
vertical-align: top;
}
.site-header.header-4 .header-m {
padding: 22px 0;
}
.site-header.header-4 .nav-holder {
padding: 0;
background: #1a1a1a;
border-top: 3px solid #06509d;
}
.site-header.header-4 .nav-holder .nav-content {
margin-top: 0;
border-top: 0;
}
.site-header.header-4 .nav-holder .nav-content:after {
display: block;
content: "";
clear: both;
}
.site-header.header-4 .nav-holder .nav-content .btn-search {
color: #fff;
}
.site-header.header-4 .main-navigation ul {
font-weight: 500;
text-transform: uppercase;
}
.site-header.header-4 .main-navigation ul li {
margin-right: 2px;
}
.site-header.header-4 .main-navigation ul li a {
padding: 18px 15px;
color: #fff;
}
.site-header.header-4 .main-navigation li:hover>a,
.site-header.header-4 .main-navigation li.focus>a,
.site-header.header-4 .main-navigation ul li a:hover,
.site-header.header-4 .main-navigation ul li a:focus {
background: #06509d;
border-top: 0;
}
.site-header.header-4 .main-navigation .current_page_item>a,
.site-header.header-4 .main-navigation .current-menu-item>a,
.site-header.header-4 .main-navigation .current_page_ancestor>a,
.site-header.header-4 .main-navigation .current-menu-ancestor>a {
background: #06509d;
border-top: 0;
}
.site-header.header-4 .main-navigation ul ul li a {
padding: 8px 15px;
color: #000;
}
.site-header.header-4 .main-navigation ul ul li a:hover,
.site-header.header-4 .main-navigation ul ul li a:focus,
.site-header.header-4 .main-navigation ul ul li:hover>a,
.site-header.header-4 .main-navigation ul ul li.focus>a {
color: #fff;
} .site-header.header-5 .header-holder {
margin-bottom: 0;
}
.site-header.header-5 .header-t {
background: #202020;
padding: 5px 0;
}
.site-header.header-5 .header-t .scrolling-news .breaking-news-link {
background: #f4f4f4;
color: #202020;
position: relative;
}
.site-header.header-5 .header-t .scrolling-news .breaking-news-link:after {
width: 0;
height: 0;
border-bottom: 32px solid #f4f4f4;
border-right: 13px solid transparent;
content: "";
position: absolute;
top: 0;
right: -13px;
}
.site-header.header-5 .header-t .scrolling-news {
float: left;
width: 45%;
background: #202020;
padding: 0;
}
.site-header.header-5 .header-t .scrolling-news img {
vertical-align: top;
}
.site-header.header-5 .header-t .right .social-networks {
font-size: 14px;
line-height: 22px;
margin-top: 5px;
}
.site-header.header-5 .ticker-wrapper.has-js {
width: 60%;
}
.site-header.header-5 .header-t .right .social-networks a {
color: #000;
width: 22px;
height: 22px;
text-align: center;
border-radius: 5px;
background: #fff;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.site-header.header-5 .header-t .right .social-networks a:hover,
.site-header.header-5 .header-t .right .social-networks a:focus {
-webkit-border-radius: 100px;
border-radius: 50%;
}
.site-header.header-5 .header-t .right .secondary-menu {
float: right;
margin-right: 30px;
}
.site-header.header-5 .header-t .right .secondary-menu ul {
margin-top: 5px;
font-size: 14px;
}
.site-header .social-networks li {
margin-bottom: 5px;
}
.site-header.header-5 .header-t .right .secondary-menu ul li a {
color: #d3d3d3;
}
.site-header.header-5 .header-t .right .secondary-menu ul ul {
margin-top: 0;
background: #202020;
}
.site-header.header-5 .header-t .right .secondary-menu ul li a:hover,
.site-header.header-5 .header-t .right .secondary-menu ul li a:focus,
.site-header.header-5 .header-t .right .secondary-menu ul li:hover>a {
color: #fff;
}
.site-header.header-5 .site-branding {
float: left;
}
.site-header.header-5 .advertise {
float: right;
}
.site-header.header-5 .advertise img {
vertical-align: top;
}
.site-header.header-5 .header-m {
padding: 22px 0;
}
.site-header.header-5 .nav-holder {
padding: 0;
background: #386fa7;
}
.site-header.header-5 .nav-holder .nav-content {
margin-top: 0;
border-top: 0;
}
.site-header.header-5 .nav-holder .nav-content:after {
display: block;
content: "";
clear: both;
}
.site-header.header-5 .nav-holder .nav-content .btn-search {
color: #fff;
}
.site-header.header-5 .nav-holder .nav-content .btn-search:focus {
outline: dotted 1px rgba(255, 255, 255, 0.5);
}
.site-header.header-5 .main-navigation ul {
font-weight: 500;
text-transform: uppercase;
}
.site-header.header-5 .main-navigation ul li {
margin-right: 2px;
}
.site-header.header-5 .main-navigation ul li a {
padding: 18px 15px;
color: #fff;
}
.site-header.header-5 .main-navigation li:hover>a,
.site-header.header-5 .main-navigation li.focus>a,
.site-header.header-5 .main-navigation ul li a:hover,
.site-header.header-5 .main-navigation ul li a:focus {
background: #4276ab;
border-top: 0;
}
.site-header.header-5 .main-navigation .current_page_item>a,
.site-header.header-5 .main-navigation .current-menu-item>a,
.site-header.header-5 .main-navigation .current_page_ancestor>a,
.site-header.header-5 .main-navigation .current-menu-ancestor>a {
background: #4276ab;
border-top: 0;
}
.site-header.header-5 .main-navigation ul ul li a {
padding: 8px 15px;
color: #000;
}
.site-header.header-5 .main-navigation ul ul li a:hover,
.site-header.header-5 .main-navigation ul ul li a:focus,
.site-header.header-5 .main-navigation ul ul li:hover>a,
.site-header.header-5 .main-navigation ul ul li.focus>a {
color: #fff;
} .scrolling-news { background: #f4f4f4;
padding: 18px 0;
}
.newsticker-wrapper {
display: none;
}
.ticker-wrapper.has-js {
float: left;
margin: 0;
padding: 0;
border-radius: 0;
font-size: 14px;
background: #fff; width: 80%;
}
.ticker {
width: 100%;
height: 100%;
background: #f4f4f4;
}
.ticker-swipe {
width: 100%;
height: 100%;
background: #f4f4f4;
}
.ticker-swipe span {
background: #f4f4f4;
border-bottom: 0;
}
.ticker-title {
background: #f4f4f4;
}
.ticker-content {
background: #f4f4f4;
color: #000;
font-weight: 500;
line-height: 30px;
font-size: 16px;
padding-top: 0;
left: 0 !important;
}
.ticker-content a {
color: #000;
}
.ticker-content a:hover,
.ticker-content a:focus {
text-decoration: none;
color: #acacac;
}
.scrolling-news .breaking-news-link {
background: #ff3c36;
font-size: 16px;
line-height: 18px;
color: #fff;
text-transform: uppercase;
float: left;
padding: 7px 18px;
display: inline-block;
margin-right: 14px;
font-weight: 500;
}
.scrolling-news .breaking-news-link:hover,
.scrolling-news .breaking-news-link:focus { text-decoration: none;
opacity: 0.8;
}
.site-header.header-5 .ticker-wrapper.has-js,
.site-header.header-5 .ticker,
.site-header.header-5 .ticker-content,
.site-header.header-5 .ticker-title,
.site-header.header-5 .ticker-swipe span,
.site-header.header-5 .ticker-swipe {
background: #202020;
}
.site-header.header-5 .ticker-content a {
color: #fff;
}
.site-header.header-5 .ticker-content a:hover,
.site-header.header-5 .ticker-content a:focus {
color: #ccc;
} .similar-posts h5 {
color: #313131;
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin: 0 0 17px;
text-transform: uppercase;
}
.similar-posts .post {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.single-post #primary .similar-posts .post .entry-header {
margin-bottom: 0;
border-bottom: 0;
}
.single-post #primary .similar-posts .post .entry-header .entry-title {
font-size: 22px;
line-height: 28px;
} .top-news-slide {
margin-bottom: 25px;
margin-top: 25px;
}
ul::after {
content: "";
display: block;
clear: both;
}
.top-news-slide .post {
position: relative;
line-height: 20px;
font-size: 15px;
}
.top-news-slide .post .post-thumbnail {
display: block;
position: relative;
}
.top-news-slide .post a:after {
background: rgba(15, 180, 210, 0.5);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.top-news-slide .post a:hover:after {
opacity: 1;
}
.top-news-slide .post .entry-header {
position: absolute;
top: 15px;
left: 0;
right: 0;
padding: 0 10px; color: #fff;
z-index: 2;
opacity: 0;
word-break: break-all;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
pointer-events: none;
text-align: center;
}
.top-news-slide .post:hover .entry-header {
opacity: 1;
}
.top-news-slide .post img {
vertical-align: top;
width: 100%;
}
ul.owl-carousel {
margin-left: 0;
padding: 0;
list-style: none;
}
.top-news-slide.owl-carousel .owl-item:last-child {
margin-right: 0 !important;
}
.top-news-slide .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
left: 0;
overflow: hidden;
text-indent: 60px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-news-slide.owl-carousel .owl-nav .owl-prev {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/arrow-prev.png) no-repeat;
width: 53px;
height: 39px;
}
.top-news-slide.owl-carousel .owl-nav .owl-next {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/arrow-next.png) no-repeat;
width: 53px;
height: 39px;
right: 0;
left: auto;
}
.header-slider-warp {
display: none;
} .ajax-search-results-container {
clear: both;
margin-top: 55px;
background: #fff;
}
.ajax-search-results-container .ajax-search-results {
margin: 0;
list-style: none;
background: #fff;
text-align: left;
padding: 5px 12px;
}
.ajax-search-results-container .ajax-search-results li {
margin-bottom: 15px;
}
.ajax-search-results-container .ajax-search-meta {
overflow: hidden;
}
.ajax-search-results-container .ajax-search-meta .results-count {
float: left;
font-size: 16px;
line-height: 24px;
}
.ajax-search-results-container .ajax-search-meta .results-link {
float: left;
margin-left: 10px;
}
.header-slider-wrap {
display: none;
}
.advertise {
text-align: center;
} .sticky-menu {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: #fff;
}
.custom-background .sticky-menu {
max-width: 1450px;
} .blocker-notice {
display: none;
position: absolute;
background: #f7f7f7;
box-shadow: 0 0 10px #c7c7c7;
padding: 30px;
width: 90%;
left: 5%;
box-sizing: border-box;
z-index: 1;
top: 2%;
}
.blocker-notice .icon-holder {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/icon-blocker.png) no-repeat;
width: 143px;
height: 143px;
float: left;
margin-right: 20px;
margin-top: 25px;
}
.blocker-notice .blocker-notice-text {
overflow: hidden;
}
.blocker-notice h4 {
font-size: 28px;
margin: 0 0 15px;
color: #444;
}
.blocker-notice .refresh-button {
padding: 7px 20px 9px;
background: #0098d7;
color: #fff;
display: inline-block;
border-radius: 0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#primary .entry-content .social-shortcode a svg {
font-size: 16px;
line-height: 26px;
}
.clearfix:after {
content: "";
display: block;
clear: both;
} #primary .entry-content .rara_tab_wrap {
margin: 0 0 1.5em;
}
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title {
float: left;
padding: 5px 9px;
border: 1px solid #06509d;
cursor: pointer;
}
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title.active,
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title:hover,
#primary .entry-content .rara_tab_wrap .rara_tab_group .tab-title:focus {
background: #06509d;
color: #fff;
}
#primary .entry-content .rara_tab_wrap .rara_tab_content {
padding: 10px 20px;
background: #f8f8f8;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_group {
float: left;
width: 225px;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_content {
overflow: hidden;
}
#primary .entry-content .rara_tab_wrap.vertical .rara_tab_group .tab-title {
float: none;
display: block;
} .rara_toggle {
border: 1px solid #06509d;
margin: 0 0 10px;
}
.rara_toggle .rara_toggle_title {
background: #06509d;
color: #fff;
cursor: pointer;
padding: 7px 15px 7px 35px;
position: relative;
}
.rara_toggle .rara_toggle_title:after {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
-webkit-transform: rotate(90deg) scale(1);
-moz-transform: rotate(90deg) scale(1);
transform: rotate(90deg) scale(1);
width: 15px;
}
.rara_toggle .rara_toggle_title:before {
background: #fff;
content: "";
height: 3px;
left: 12px;
position: absolute;
top: 50%;
width: 15px;
}
.rara_toggle .rara_toggle_title.active:after {
opacity: 0;
}
.rara_toggle .rara_toggle_content {
padding: 10px 20px;
} #primary .entry-content .shortcode-slider ul {
margin: 0;
}
#primary .entry-content .shortcode-slider .owl-prev,
#primary .entry-content .shortcode-slider .owl-next {
top: 50%;
position: absolute;
text-indent: -9999px;
margin-top: -44px;
}
#primary .entry-content .shortcode-slider .owl-next {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-next.png) no-repeat;
height: 44px;
width: 44px;
right: 10px;
}
#primary .entry-content .shortcode-slider .owl-prev {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/btn-prev.png) no-repeat;
height: 44px;
width: 44px;
left: 10px;
} .rara-row {
margin: 0 -15px;
}
.rara-row:after {
content: "";
display: block;
clear: both;
}
.rara_column {
float: left;
padding: 0 15px;
margin-bottom: 30px;
}
.rara-span1 {
width: 16.66%;
}
.rara-span2 {
width: 33.33%;
}
.rara-span3 {
width: 50%;
}
.rara-span4 {
width: 66.66%;
}
.rara-span5 {
width: 83%;
}
.rara-span6 {
width: 100%;
}
.divider {
margin: auto;
} .site-header.header-2 .header-t {
background: #386fa7;
padding: 15px 0;
}
.site-header.header-2 .header-t .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.site-header.header-2 .header-t .col {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
}
.site-header.header-2 .secondary-menu {
margin-top: 20px;
}
.site-header.header-2 .secondary-menu ul {
font-size: 15px;
line-height: 24px;
}
.site-header.header-2 .secondary-menu ul ul {
z-index: 9999;
}
.site-header.header-2 .site-branding {
text-align: center;
}
.site-header.header-2 .site-branding .site-title a {
color: #fff;
}
.site-header.header-2 .site-branding .site-description {
color: #fff;
font-size: 17px;
line-height: 24px;
}
.site-header.header-2 .header-t .social-networks {
font-size: 16px;
line-height: 20px;
margin-top: 20px;
}
.site-header.header-2 .header-b {
padding: 0;
}
.site-header.header-2 .main-navigation ul {
font-size: 17px;
text-transform: uppercase;
}
.site-header.header-2 .main-navigation a {
padding: 23px 0;
}
.site-header.header-2 .main-navigation .current_page_item>a,
.site-header.header-2 .main-navigation .current-menu-item>a,
.site-header.header-2 .main-navigation .current_page_ancestor>a,
.site-header.header-2 .main-navigation .current-menu-ancestor>a {
border-top: 0;
padding: 23px 0;
}
.site-header.header-2 .main-navigation li:hover>a,
.site-header.header-2 .main-navigation li.focus>a,
.site-header.header-2 .main-navigation ul li a:hover,
.site-header.header-2 .main-navigation ul li a:focus {
border-top: 0;
padding: 23px 0;
}
.site-header.header-2 .main-navigation ul ul a {
padding: 8px 15px;
}
.site-header.header-2 .main-navigation ul ul a:hover,
.site-header.header-2 .main-navigation ul ul a:focus,
.site-header.header-2 .main-navigation ul ul li:hover>a,
.site-header.header-2 .main-navigation ul ul li.focus>a {
padding: 8px 15px;
}
.site-header.header-2 .scrolling-news {
background: #f4f4f4;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #e1e1e1;
padding: 14px 0;
margin-bottom: 0;
}
.site-header.header-2 .scrolling-news img {
vertical-align: top;
}
.site-header.header-2 .ticker-wrapper.has-js,
.site-header.header-2 .ticker,
.site-header.header-2 .ticker-title,
.site-header.header-2 .ticker-content,
.site-header.header-2 .ticker-swipe,
.site-header.header-2 .ticker-swipe span {
background: #f4f4f4;
} .site-header.header-3 .header-holder {
margin-bottom: 0;
}
.site-header.header-3 .header-t {
background: #fff;
border-bottom: 1px solid #ebebeb;
padding: 6px 0;
}
.site-header.header-3 .secondary-menu {
margin-top: 8px;
}
.site-header.header-3 .secondary-menu ul ul {
background: #fff;
}
.site-header.header-3 .secondary-menu ul li a {
color: #444;
}
.site-header.header-3 .secondary-menu ul li a:hover,
.site-header.header-3 .secondary-menu ul li a:focus,
.site-header.header-3 .secondary-menu ul li:hover>a,
.site-header.header-3 .secondary-menu ul li.focus>a {
color: #06509d;
}
.site-header.header-3 .secondary-menu .current_page_item>a,
.site-header.header-3 .secondary-menu .current-menu-item>a,
.site-header.header-3 .secondary-menu .current_page_ancestor>a,
.site-header.header-3 .secondary-menu .current-menu-ancestor>a {
color: #06509d;
}
.site-header.header-3 .social-networks {
font-size: 17px;
line-height: 36px;
text-align: center;
}
.site-header.header-3 .social-networks a {
display: block;
width: 36px;
height: 36px;
color: #fff;
-webkit-border-radius: 100px;
border-radius: 50%;
background: #386fa7;
-webkit-transition: cubic-bezier(0.84, 0.15, 0.58, 1) 0.5s;
-moz-transition: cubic-bezier(0.84, 0.15, 0.58, 1) 0.5s;
transition: cubic-bezier(0.84, 0.15, 0.58, 1) 0.5s;
}
.site-header.header-3 .social-networks a:hover,
.site-header.header-3 .social-networks a:focus {
color: #fff;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
.site-header.header-3 .social-networks li {
margin-left: 6px;
}
.site-header.header-3 .social-networks li a[href*="facebook"] {
background: #3b5998;
}
.site-header.header-3 .social-networks li a[href*="twitter"] {
background: #6acff4;
}
.site-header.header-3 .social-networks li a[href*="google"] {
background: #d13f2d;
}
.site-header.header-3 .social-networks li a[href*="linkedin"] {
background: #3272bd;
}
.site-header.header-3 .social-networks li a[href*="pinterest"] {
background: #d73532;
}
.site-header.header-3 .social-networks li a[href*="instagram"] {
background: #a47b5f;
}
.site-header.header-3 .social-networks li a[href*="dribbble"] {
background: #e84c88;
}
.site-header.header-3 .social-networks li a[href*="youtube"] {
background: #c8312b;
}
.site-header.header-3 .social-networks li a[href*="foursquare"] {
background: #ef4b78;
}
.site-header.header-3 .social-networks li a[href*="flicker"] {
background: #0567d6;
}
.site-header.header-3 .social-networks li a[href*="reddit"] {
background: #ff4500;
}
.site-header.header-3 .social-networks li a[href*="skype"] {
background: #00a9f0;
}
.site-header.header-3 .social-networks li a[href*="stumbleupon"] {
background: #eb4924;
}
.site-header.header-3 .social-networks li a[href*="tumblr"] {
background: #314358;
}
.site-header.header-3 .social-networks li a[href*="vimeo"] {
background: #00adee;
}
.site-header.header-3 .social-networks li a[href*="ok.ru"] {
background: #ee8208;
}
.site-header.header-3 .social-networks li a[href*="vk"] {
background: #507299;
}
.site-header.header-3 .social-networks li a[href*="xing"] {
background: #005a5f;
}
.site-header.header-3 .header-m {
padding: 20px 0;
}
.site-header.header-3 .header-promo {
float: right;
}
.site-header.header-3 .nav-holder {
padding: 0;
background: #386fa7;
}
.site-header.header-3 .nav-holder .nav-content {
border-top: 0;
margin-top: 0;
}
.site-header.header-3 .nav-holder .nav-content:after {
display: block;
content: "";
clear: both;
}
.site-header.header-3 .nav-content .btn-search {
color: #fff;
}
.site-header.header-3 .main-navigation {
width: 95%;
}
.site-header.header-3 .main-navigation ul {
font-size: 17px;
line-height: 24px; text-transform: uppercase;
}
.site-header.header-3 .main-navigation ul li {
margin-right: 2px;
}
.site-header.header-3 .main-navigation a {
color: #fff;
padding: 18px 15px;
}
.site-header.header-3 .main-navigation .current_page_item>a,
.site-header.header-3 .main-navigation .current-menu-item>a,
.site-header.header-3 .main-navigation .current_page_ancestor>a,
.site-header.header-3 .main-navigation .current-menu-ancestor>a {
background: #3b76b1;
border-top: 0;
}
.site-header.header-3 .main-navigation li:hover>a,
.site-header.header-3 .main-navigation li.focus>a,
.site-header.header-3 .main-navigation ul li a:hover,
.site-header.header-3 .main-navigation ul li a:focus {
border-top: 0;
background: #3b76b1;
}
.site-header.header-3 .main-navigation ul ul {
font-size: 16px;
font-weight: 400;
}
.site-header.header-3 .main-navigation ul ul li a {
color: #000;
padding: 8px 15px;
}
.site-header.header-3 .main-navigation ul ul li a:hover,
.site-header.header-3 .main-navigation ul ul li a:focus,
.site-header.header-3 .main-navigation ul ul li:hover>a,
.site-header.header-3 .main-navigation ul ul li.focus>a,
.site-header.header-3 .main-navigation ul ul .current_page_item>a,
.site-header.header-3 .main-navigation ul ul .current-menu-item>a,
.site-header.header-3 .main-navigation ul ul .current_page_ancestor>a,
.site-header.header-3 .main-navigation ul ul .current-menu-ancestor>a {
background: #3b76b1;
color: #fff;
}
.site-header.header-3 .scrolling-news {
background: #f4f4f4;
padding: 20px 0;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0;
}
.site-header.header-3 .ticker-wrapper.has-js,
.site-header.header-3 .ticker,
.site-header.header-3 .ticker-title,
.site-header.header-3 .ticker-content,
.site-header.header-3 .ticker-swipe,
.site-header.header-3 .ticker-swipe span {
background: #f4f4f4;
} .site-header.header-4 .header-holder {
margin-bottom: 0;
}
.site-header.header-4 .header-t {
background: #fff;
padding: 5px 0;
border-bottom: 1px solid #ebebeb;
}
.site-header.header-4 .header-t .scrolling-news {
float: left;
background: #fff;
padding: 0;
width: 50%;
}
.site-header.header-4 .header-t .ticker-wrapper.has-js {
background: #fff;
width: 65%;
}
.site-header.header-4 .header-t .ticker-content,
.site-header.header-4 .header-t .ticker-swipe,
.site-header.header-4 .header-t .ticker-swipe span,
.site-header.header-4 .header-t .ticker {
background: #fff;
}
.site-header.header-4 .header-t .scrolling-news img {
vertical-align: top;
}
.site-header.header-4 .header-t .right {
float: right;
}
.site-header.header-4 .header-t .right .social-networks {
font-size: 19px;
margin-top: 3px;
}
.site-header.header-4 .header-t .right .social-networks a {
color: #3b5998;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
display: block;
}
.site-header.header-4 .header-t .right .social-networks a:hover,
.site-header.header-4 .header-t .right .social-networks a:focus {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
transform: scale(1.15);
}
.site-header.header-4 .header-t .right .social-networks a[href*="facebook"] {
color: #3b5998;
}
.site-header.header-4 .header-t .right .social-networks a[href*="twitter"] {
color: #6acff4;
}
.site-header.header-4 .header-t .right .social-networks a[href*="google"] {
color: #d13f2d;
}
.site-header.header-4 .header-t .right .social-networks a[href*="linkedin"] {
color: #3272bd;
}
.site-header.header-4 .header-t .right .social-networks a[href*="instagram"] {
color: #b09781;
}
.site-header.header-4 .header-t .right .social-networks a[href*="dribbble"] {
color: #e74d89;
}
.site-header.header-4 .header-t .right .social-networks a[href*="youtube"] {
color: #db2824;
}
.site-header.header-4 .header-t .right .social-networks a[href*="foursquare"] {
color: #ef4b78;
}
.site-header.header-4 .header-t .right .social-networks a[href*="reddit"] {
color: #ff4500;
}
.site-header.header-4 .header-t .right .social-networks a[href*="skype"] {
color: #00aff0;
}
.site-header.header-4 .header-t .right .social-networks a[href*="stumbleupon"] {
color: #eb4924;
}
.site-header.header-4 .header-t .right .social-networks a[href*="tumblr"] {
color: #36465d;
}
.site-header.header-4 .header-t .right .social-networks a[href*="vimeo"] {
color: #1ab7ea;
}
.site-header.header-4 .header-t .right .social-networks a[href*="ok.ru"] {
color: #ee8208;
}
.site-header.header-4 .header-t .right .social-networks a[href*="vk"] {
color: #507299;
}
.site-header.header-4 .header-t .right .social-networks a[href*="xing"] {
color: #006567;
}
.site-header.header-4 .header-t .right .secondary-menu {
float: right;
margin-right: 30px;
}
.site-header.header-4 .header-t .right .secondary-menu ul {
margin-top: 5px;
font-size: 14px;
}
.site-header.header-4 .header-t .right .secondary-menu ul li a {
color: #444;
}
.site-header.header-4 .header-t .right .secondary-menu ul ul {
margin-top: 0;
background: #fff;
}
.site-header.header-4 .header-t .right .secondary-menu ul li a:hover,
.site-header.header-4 .header-t .right .secondary-menu ul li a:focus,
.site-header.header-4 .header-t .right .secondary-menu ul li:hover>a {
color: #5081d9;
}
.site-header.header-4 .site-branding {
float: left;
}
.site-header.header-4 .header-promo {
float: right;
}
.site-header.header-4 .header-promo img {
vertical-align: top;
}
.site-header.header-4 .header-m {
padding: 22px 0;
}
.site-header.header-4 .nav-holder {
padding: 0;
background: #1a1a1a;
border-top: 3px solid #06509d;
}
.site-header.header-4 .nav-holder .nav-content {
margin-top: 0;
border-top: 0;
}
.site-header.header-4 .nav-holder .nav-content:after {
display: block;
content: "";
clear: both;
}
.site-header.header-4 .nav-holder .nav-content .btn-search {
color: #fff;
}
.site-header.header-4 .main-navigation ul {
font-weight: 500;
text-transform: uppercase;
}
.site-header.header-4 .main-navigation ul li {
margin-right: 2px;
}
.site-header.header-4 .main-navigation ul li a {
padding: 18px 15px;
color: #fff;
}
.site-header.header-4 .main-navigation li:hover>a,
.site-header.header-4 .main-navigation li.focus>a,
.site-header.header-4 .main-navigation ul li a:hover,
.site-header.header-4 .main-navigation ul li a:focus {
background: #06509d;
border-top: 0;
}
.site-header.header-4 .main-navigation .current_page_item>a,
.site-header.header-4 .main-navigation .current-menu-item>a,
.site-header.header-4 .main-navigation .current_page_ancestor>a,
.site-header.header-4 .main-navigation .current-menu-ancestor>a {
background: #06509d;
border-top: 0;
}
.site-header.header-4 .main-navigation ul ul li a {
padding: 8px 15px;
color: #000;
}
.site-header.header-4 .main-navigation ul ul li a:hover,
.site-header.header-4 .main-navigation ul ul li a:focus,
.site-header.header-4 .main-navigation ul ul li:hover>a,
.site-header.header-4 .main-navigation ul ul li.focus>a {
color: #fff;
} .site-header.header-5 .header-holder {
margin-bottom: 0;
}
.site-header.header-5 .header-t {
background: #202020;
padding: 5px 0;
}
.site-header.header-5 .header-t .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.site-header.header-5 .header-t .scrolling-news .breaking-news-link {
background: #f4f4f4;
color: #202020;
position: relative;
}
.site-header.header-5 .header-t .scrolling-news .breaking-news-link:after {
width: 0;
height: 0;
border-bottom: 32px solid #f4f4f4;
border-right: 13px solid transparent;
content: "";
position: absolute;
top: 0;
right: -13px;
}
.site-header.header-5 .header-t .scrolling-news { width: 45%;
background: #202020;
padding: 0;
}
.site-header.header-5 .header-t .scrolling-news img {
vertical-align: top;
}
.site-header.header-5 .header-t .right { display: flex;
flex-basis: 0;
flex-grow: 1;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
flex-direction: row-reverse;
}
.site-header.header-5 .header-t .right .social-networks {
font-size: 14px;
line-height: 22px;
margin-top: 5px;
}
.site-header.header-5 .ticker-wrapper.has-js {
width: 60%;
}
.site-header.header-5 .header-t .right .social-networks a {
color: #000;
width: 22px;
height: 22px;
text-align: center;
border-radius: 5px;
background: #fff;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.site-header.header-5 .header-t .right .social-networks a:hover,
.site-header.header-5 .header-t .right .social-networks a:focus {
-webkit-border-radius: 100px;
border-radius: 50%;
}
.site-header.header-5 .header-t .right .secondary-menu {
float: right;
margin-right: 30px;
}
.site-header.header-5 .header-t .right .secondary-menu ul {
margin-top: 5px;
font-size: 14px;
}
.site-header .social-networks li {
margin-bottom: 5px;
}
.site-header.header-5 .header-t .right .secondary-menu ul li a {
color: #d3d3d3;
}
.site-header.header-5 .header-t .right .secondary-menu ul ul {
margin-top: 0;
background: #202020;
}
.site-header.header-5 .header-t .right .secondary-menu ul li a:hover,
.site-header.header-5 .header-t .right .secondary-menu ul li a:focus,
.site-header.header-5 .header-t .right .secondary-menu ul li:hover>a {
color: #fff;
}
.site-header.header-5 .site-branding {
float: left;
}
.site-header.header-5 .header-promo {
float: right;
}
.site-header.header-5 .header-promo img {
vertical-align: top;
}
.site-header.header-5 .header-m {
padding: 22px 0;
}
.site-header.header-5 .nav-holder {
padding: 0;
background: #386fa7;
}
.site-header.header-5 .nav-holder .nav-content {
margin-top: 0;
border-top: 0;
}
.site-header.header-5 .nav-holder .nav-content:after {
display: block;
content: "";
clear: both;
}
.site-header.header-5 .nav-holder .nav-content .btn-search {
color: #fff;
}
.site-header.header-5 .main-navigation ul {
font-weight: 500;
text-transform: uppercase;
}
.site-header.header-5 .main-navigation ul li {
margin-right: 2px;
}
.site-header.header-5 .main-navigation ul li a {
padding: 18px 15px;
color: #fff;
border: none;
}
.site-header.header-5 .main-navigation li:hover>a,
.site-header.header-5 .main-navigation li.focus>a,
.site-header.header-5 .main-navigation ul li a:hover,
.site-header.header-5 .main-navigation ul li a:focus {
background: #4276ab;
border-top: 0;
}
.site-header.header-5 .main-navigation .current_page_item>a,
.site-header.header-5 .main-navigation .current-menu-item>a,
.site-header.header-5 .main-navigation .current_page_ancestor>a,
.site-header.header-5 .main-navigation .current-menu-ancestor>a {
background: #4276ab;
border-top: 0;
}
.site-header.header-5 .main-navigation ul ul li a {
padding: 8px 15px;
color: #000;
}
.site-header.header-5 .main-navigation ul ul li a:hover,
.site-header.header-5 .main-navigation ul ul li a:focus,
.site-header.header-5 .main-navigation ul ul li:hover>a,
.site-header.header-5 .main-navigation ul ul li.focus>a {
color: #fff;
} .scrolling-news { background: #f4f4f4;
padding: 18px 0;
}
.newsticker-wrapper {
display: none;
}
.ticker-wrapper.has-js {
float: left;
margin: 0;
padding: 0;
border-radius: 0;
font-size: 14px;
background: #fff; width: 80%;
}
.ticker {
width: 100%;
height: 100%;
background: #f4f4f4;
}
.ticker-swipe {
width: 100%;
height: 100%;
background: #f4f4f4;
}
.ticker-swipe span {
background: #f4f4f4;
border-bottom: 0;
}
.ticker-title {
background: #f4f4f4;
}
.ticker-content {
background: #f4f4f4;
color: #000;
font-weight: 500;
line-height: 30px;
font-size: 16px;
padding-top: 0;
left: 0 !important;
}
.ticker-content a {
color: #000;
}
.ticker-content a:hover,
.ticker-content a:focus {
text-decoration: none;
color: #acacac;
}
.scrolling-news .breaking-news-link {
background: #ff3c36;
font-size: 16px;
line-height: 18px;
color: #fff;
text-transform: uppercase;
float: left;
padding: 7px 18px;
display: inline-block;
margin-right: 14px;
font-weight: 500;
}
.scrolling-news .breaking-news-link:hover,
.scrolling-news .breaking-news-link:focus { text-decoration: none;
opacity: 0.8;
}
.site-header.header-5 .ticker-wrapper.has-js,
.site-header.header-5 .ticker,
.site-header.header-5 .ticker-content,
.site-header.header-5 .ticker-title,
.site-header.header-5 .ticker-swipe span,
.site-header.header-5 .ticker-swipe {
background: #202020;
}
.site-header.header-5 .ticker-content a {
color: #fff;
}
.site-header.header-5 .ticker-content a:hover,
.site-header.header-5 .ticker-content a:focus {
color: #ccc;
} .similar-posts h5 {
color: #313131;
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin: 0 0 17px;
text-transform: uppercase;
}
.similar-posts .post {
float: left;
width: 33.3333%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.single-post #primary .similar-posts .post .entry-header {
margin-bottom: 0;
border-bottom: 0;
}
.single-post #primary .similar-posts .post .entry-header .entry-title {
font-size: 22px;
line-height: 28px;
} .top-news-slide {
margin-bottom: 25px;
margin-top: 25px;
}
ul::after {
content: "";
display: block;
clear: both;
}
.top-news-slide .post {
position: relative;
line-height: 20px;
font-size: 15px;
}
.top-news-slide .post .post-thumbnail {
display: block;
position: relative;
}
.top-news-slide .post a:after {
background: rgba(15, 180, 210, 0.5);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.top-news-slide .post a:hover:after {
opacity: 1;
}
.top-news-slide .post .entry-header {
position: absolute;
top: 15px;
left: 0;
right: 0;
padding: 0 10px; color: #fff;
z-index: 2;
opacity: 0;
word-break: break-all;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
pointer-events: none;
text-align: center;
}
.top-news-slide .post:hover .entry-header {
opacity: 1;
}
.top-news-slide .post img {
vertical-align: top;
width: 100%;
}
ul.owl-carousel {
margin-left: 0;
padding: 0;
list-style: none;
}
.top-news-slide.owl-carousel .owl-item:last-child {
margin-right: 0 !important;
}
.top-news-slide .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
left: 0;
overflow: hidden;
text-indent: 60px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-news-slide.owl-carousel .owl-nav .owl-prev {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/arrow-prev.png) no-repeat;
width: 53px;
height: 39px;
}
.top-news-slide.owl-carousel .owl-nav .owl-next {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/arrow-next.png) no-repeat;
width: 53px;
height: 39px;
right: 0;
left: auto;
}
.header-slider-warp {
display: none;
} .ajax-search-results-container {
clear: both;
margin-top: 55px;
background: #fff;
}
.ajax-search-results-container .ajax-search-results {
margin: 0;
list-style: none;
background: #fff;
text-align: left;
padding: 5px 12px;
}
.ajax-search-results-container .ajax-search-results li {
margin-bottom: 15px;
}
.ajax-search-results-container .ajax-search-meta {
overflow: hidden;
}
.ajax-search-results-container .ajax-search-meta .results-count {
float: left;
font-size: 16px;
line-height: 24px;
}
.ajax-search-results-container .ajax-search-meta .results-link {
float: left;
margin-left: 10px;
}
.header-slider-wrap {
display: none;
}
.footer-promo {
text-align: center;
margin: 0 0 30px;
} .sticky-menu {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: #fff;
}
.custom-background .sticky-menu {
max-width: 1450px;
} .blocker-notice {
display: none;
position: absolute;
background: #f7f7f7;
box-shadow: 0 0 10px #c7c7c7;
padding: 30px;
width: 90%;
left: 5%;
box-sizing: border-box;
z-index: 1;
top: 2%;
}
.blocker-notice .icon-holder {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/icon-blocker.png) no-repeat;
width: 143px;
height: 143px;
float: left;
margin-right: 20px;
margin-top: 25px;
}
.blocker-notice .blocker-notice-text {
overflow: hidden;
}
.blocker-notice h4 {
font-size: 28px;
margin: 0 0 15px;
color: #444;
}
.blocker-notice .refresh-button {
padding: 7px 20px 9px;
background: #0098d7;
color: #fff;
display: inline-block;
border-radius: 0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.adblocker-enabled .blocker-notice {
display: block;
}
.adblocker-enabled.hide-content .content-holder {
position: relative;
}
.adblocker-enabled.hide-content #primary .post .entry-content,
.adblocker-enabled.hide-content #primary .page .entry-content {
opacity: 0.15;
}
.adblocker-enabled.floating-notice .blocker-notice {
position: fixed;
bottom: 30px;
right: 30px;
top: auto;
left: auto;
padding: 20px;
max-width: 658px;
z-index: 1000;
}
.adblocker-enabled.floating-notice .blocker-notice i {
float: left;
font-size: 66px;
margin: 5px 20px 17px 0;
width: 100px;
line-height: 100px;
border-width: 5px;
border-radius: 50%;
}
.adblocker-enabled.floating-notice .blocker-notice h4 {
text-align: left;
font-size: 20px;
clear: none;
}
.adblocker-enabled.floating-notice .blocker-notice p {
text-align: left;
font-size: 15px;
margin-bottom: 10px;
overflow: hidden;
}
.adblocker-enabled.floating-notice .blocker-notice .refresh-button {
float: left;
}
.adblocker-enabled.show-popup .blocker-notice {
position: fixed;
max-width: 610px;
top: 50%;
left: 50%;
margin-top: -148px;
margin-left: -305px;
z-index: 99999;
}
.adblocker-enabled.show-popup {
position: relative;
}
.adblocker-enabled.show-popup:after {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
content: "";
z-index: 9999;
}
.single-post .post .post-promo-top,
.page .post-promo-top {
margin-bottom: 30px;
} #load-posts a {
display: block;
background: #bfbfbf;
color: #fff;
text-align: center;
padding: 10px;
}
#load-posts a svg {
margin-right: 5px;
}
#load-posts a:hover {
text-decoration: none;
opacity: 0.8;
}
#load-posts a:focus {
text-decoration: none;
}
#load-posts .disabled {
display: none;
}
.mobile-header {
display: none;
} @media only screen and (max-width: 1450px) {
.custom-background .site {
max-width: 90%;
}
.header-4 .secondary-menu ul.secondary-nav>li:nth-last-of-type(1) ul,
.header-4 .secondary-menu ul.secondary-nav>li:nth-last-of-type(2) ul,
.header-4 .secondary-menu ul.secondary-nav>li:nth-last-of-type(3) ul,
.header-5 .secondary-menu ul.secondary-nav>li:nth-last-of-type(1) ul,
.header-5 .secondary-menu ul.secondary-nav>li:nth-last-of-type(2) ul,
.header-5 .secondary-menu ul.secondary-nav>li:nth-last-of-type(3) ul {
left: auto;
right: 0;
}
.header-4 .secondary-menu ul.secondary-nav>li:nth-last-of-type(1) ul ul,
.header-4 .secondary-menu ul.secondary-nav>li:nth-last-of-type(2) ul ul,
.header-4 .secondary-menu ul.secondary-nav>li:nth-last-of-type(3) ul ul,
.header-5 .secondary-menu ul.secondary-nav>li:nth-last-of-type(1) ul ul,
.header-5 .secondary-menu ul.secondary-nav>li:nth-last-of-type(2) ul ul,
.header-5 .secondary-menu ul.secondary-nav>li:nth-last-of-type(3) ul ul {
left: auto;
right: 100%;
}
}
@media only screen and (max-width: 1199px) {
.container {
max-width: 970px;
}
.site-header form input[type="search"] {
width: 56%;
}
.all-post ul li {
width: 50%;
}
.site-header.header-2 .secondary-menu ul {
font-size: 13px;
font-weight: 400;
}
.site-header.header-2 .site-branding .site-title {
font-size: 23px;
line-height: 30px;
}
.site-header.header-2 .header-t .social-networks {
font-size: 17px;
}
}
@media only screen and (max-width: 1024px) {
.site-header {
display: none;
}
.mobile-header {
display: block;
background: #fff;
}
.mobile-main-header {
padding: 15px 0;
}
.mobile-main-header .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.mobile-main-header .site-branding {
max-width: 90%;
width: 100%;
float: none;
display: block;
}
.menu-opener {
width: 25px;
height: 20px;
cursor: pointer;
}
.menu-opener span {
width: 100%;
display: block;
height: 2px;
background: #000;
margin-bottom: 5px;
}
.menu-opener span:last-child {
margin-bottom: 0;
}
.mobile-header-b {
padding: 10px 0 0;
}
.mobile-menu {
position: fixed;
top: 0;
right: 0;
max-width: 320px;
width: 100%;
background: #fff;
z-index: 3;
overflow-y: auto;
height: 100%;
padding-top: 80px;
-webkit-transition: ease 0.35s;
-moz-transition: ease 0.35s;
transition: ease 0.35s;
-webkit-transform: translateX(420px);
-moz-transform: translateX(420px);
transform: translateX(420px);
}
body.menu-open .mobile-menu {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.btn-close-menu {
cursor: pointer;
position: absolute;
top: 25px;
right: 25px;
width: 20px;
height: 25px;
font-size: 0;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
}
.mobile-main-navigation ul,
.mobile-secondary-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-main-navigation ul li,
.mobile-secondary-menu ul li {
position: relative;
}
.mobile-main-navigation ul li .angle-down,
.mobile-secondary-menu ul li .angle-down {
width: 45px;
height: 45px;
background: transparent;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-main-navigation ul li .angle-down.active,
.mobile-secondary-menu ul li .angle-down.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile-main-navigation ul li .angle-down:after,
.mobile-secondary-menu ul li .angle-down:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
}
.mobile-main-navigation ul li a,
.mobile-secondary-menu ul li a {
display: block;
padding: 10px 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
color: #000;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-main-navigation ul li a svg {
width: 20px !important;
margin-right: 5px;
}
.mobile-main-navigation ul li a:hover,
.mobile-main-navigation ul li a:focus,
.mobile-main-navigation ul li:hover>a,
.mobile-main-navigation ul li:focus>a,
.mobile-main-navigation ul .current-menu-item>a,
.mobile-main-navigation ul .current-menu-ancestor>a,
.mobile-main-navigation ul .current_page_item>a,
.mobile-main-navigation ul .current_page_ancestor>a,
.mobile-secondary-menu ul li a:hover,
.mobile-secondary-menu ul li a:focus,
.mobile-secondary-menu ul li:hover>a,
.mobile-secondary-menu ul li:focus>a,
.mobile-secondary-menu ul .current-menu-item>a,
.mobile-secondary-menu ul .current-menu-ancestor>a,
.mobile-secondary-menu ul .current_page_item>a,
.mobile-secondary-menu ul .curren_page_ancestor>a {
text-decoration: none;
color: #386fa7;
}
.mobile-main-navigation ul ul,
.mobile-secondary-menu ul ul {
display: none;
}
.mobile-menu .search-form {
margin: 0 25px 40px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
display: flex;
flex-wrap: wrap;
padding: 10px;
}
.mobile-menu .search-form label {
flex-basis: 0;
flex-grow: 1;
}
.mobile-menu .search-form input[type="search"] {
border: 0;
padding: 0;
margin: 0;
background: none;
width: 100%;
}
.mobile-menu .search-form input[type="submit"] {
border: 0;
border-radius: 0;
padding: 0;
margin: 0;
background: none;
font-size: 0;
width: 15px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z'/%3E%3C/svg%3E") center center no-repeat;
}
.mobile-menu .social-networks {
margin: 40px 25px 20px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.mobile-menu .social-networks li {
margin: 0 5px 5px 0;
}
.mobile-menu .social-networks li a {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border: 1px solid rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-menu .social-networks li a:hover,
.mobile-menu .social-networks li a:focus {
text-decoration: none;
color: #fff;
border-color: #386fa7;
background: #386fa7;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: ease 0.35s;
-moz-transition: ease 0.35s;
transition: ease 0.35s;
}
body.menu-open .overlay {
opacity: 1;
visibility: visible;
}
body.menu-open {
overflow-y: hidden;
}
body.admin-bar .mobile-menu {
padding-top: 110px;
}
.btn-close-menu {
top: 50px;
}
}
@media only screen and (max-width: 991px) {
.container {
max-width: 750px;
}
.site-header {
z-index: 999999;
}
.site-header form input[type="submit"] {
padding: 0 20px;
}
.videos .col {
width: 100%;
margin-bottom: 15px;
}
.videos .image-holder::after {
left: 50%;
}
.videos .col img {
width: 100%;
}
#mobile-header,
#secondary-mobile-header {
display: block;
float: right;
width: 35px;
margin-top: 19px;
}
#secondary-mobile-header {
margin-top: 0;
}
.site-header .btn-search {
float: left;
}
.site-header .social-networks {
float: left;
}
.site-header.header-5 .header-t .right .social-networks {
float: left;
margin-right: 10px;
}
.site-header.header-5 .header-t .scrolling-news {
width: 100%;
margin-bottom: 10px;
}
.site-header.header-5 .header-t .right {
width: 100%;
}
.site-header.header-5 .nav-holder .nav-content .btn-search {
float: left;
}
.secondary-menu {
display: none;
}
.main-navigation {
float: none;
position: fixed;
top: 0;
left: 0;
background: #333;
width: 320px;
height: 100%;
z-index: 9999;
padding-top: 80px;
visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.site-header.header-3 .main-navigation {
width: 320px;
}
.main-navigation.menu-toggled {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.main-navigation .close {
display: block;
position: absolute;
top: 35px;
right: 20px;
}
.main-navigation ul {
display: block;
}
.main-navigation li {
float: none;
margin-right: 0;
}
.site-header.header-3 .main-navigation ul li,
.site-header.header-4 .main-navigation ul li,
.site-header.header-5 .main-navigation ul li {
margin-right: 0;
}
.main-navigation a {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
padding: 15px;
}
.site-header.header-2 .main-navigation a,
.site-header.header-2 .main-navigation .current_page_item>a,
.site-header.header-2 .main-navigation .current-menu-item>a,
.site-header.header-2 .main-navigation .current_page_ancestor>a,
.site-header.header-2 .main-navigation .current-menu-ancestor>a,
.site-header.header-2 .main-navigation li:hover>a,
.site-header.header-2 .main-navigation li.focus>a,
.site-header.header-2 .main-navigation ul ul a,
.site-header.header-2 .main-navigation ul li a:hover,
.site-header.header-2 .main-navigation ul li a:focus,
.site-header.header-2 .main-navigation ul ul a:hover,
.site-header.header-2 .main-navigation ul ul a:focus,
.site-header.header-2 .main-navigation ul ul li:hover>a,
.site-header.header-2 .main-navigation ul ul li.focus>a,
.site-header.header-3 .main-navigation ul ul li a,
.main-navigation ul ul a {
padding: 15px;
}
.main-navigation li:hover>a,
.main-navigation li.focus>a,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
padding-top: 15px;
}
.main-navigation ul ul {
position: static;
width: 100%;
box-shadow: none;
border: none;
background: rgba(255, 255, 255, 0.05);
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
display: none;
}
.main-navigation ul ul::after {
display: none;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
border-top: 3px solid transparent;
}
.submenu-toggle {
display: block;
position: absolute;
top: 0;
right: 0;
width: 30px;
text-align: center;
height: 60px;
line-height: 60px;
color: #fff;
font-size: 14px;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.site-header.header-3 .main-navigation li:hover>.submenu-toggle,
.site-header.header-3 .main-navigation li.focus>.submenu-toggle,
.site-header.header-3 .main-navigation .current_page_item>.submenu-toggle,
.site-header.header-3 .main-navigation .current-menu-item>.submenu-toggle,
.site-header.header-3 .main-navigation .current_page_ancestor>.submenu-toggle,
.site-header.header-3 .main-navigation .current-menu-ancestor>.submenu-toggle,
.site-header.header-5 .main-navigation li:hover>.submenu-toggle,
.site-header.header-5 .main-navigation li.focus>.submenu-toggle,
.site-header.header-5 .main-navigation .current_page_item>.submenu-toggle,
.site-header.header-5 .main-navigation .current-menu-item>.submenu-toggle,
.site-header.header-5 .main-navigation .current_page_ancestor>.submenu-toggle,
.site-header.header-5 .main-navigation .current-menu-ancestor>.submenu-toggle {
color: #386fa7;
}
.main-navigation ul ul a {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.site-header.header-5 .main-navigation ul ul li a,
.site-header.header-4 .main-navigation ul ul li a {
color: #fff;
padding: 15px;
}
.site-header.header-3 .main-navigation ul ul li a {
color: #fff;
}
.main-navigation ul ul li:last-child a {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#mobile-header a,
#secondary-mobile-header a {
display: block;
}
#secondary-mobile-header a {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/menu-icon1.png) no-repeat;
width: 35px;
height: 28px;
}
.site-header.header-3 #secondary-mobile-header a,
.site-header.header-4 #secondary-mobile-header a {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/menu-icon.png) no-repeat;
}
#mobile-header a {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/menu-icon.png) no-repeat;
width: 35px;
height: 28px;
}
.site-header.header-3 #mobile-header a,
.site-header.header-4 #mobile-header a {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/menu-icon1.png) no-repeat;
}
.section-two .post {
width: 100%;
}
.section-two .post .post-thumbnail img {
width: 100%;
}
.section-four .text-holder {
padding: 20px 0 0 5vw;
}
.section-five .col {
width: 100%;
}
.section-five .post .post-thumbnail img {
width: 100%;
}
.footer-nav ul li {
margin: 0 10px;
}
#primary {
width: 100%;
}
#primary .post .text-holder {
padding: 13px 20px;
}
#secondary {
width: 100%;
}
.footer-b {
text-align: center;
}
.site-info,
.footer-nav {
float: none;
margin-bottom: 10px;
}
.all-post ul li.large,
.all-post ul li.medium {
width: 100%;
}
.all-post ul li {
width: 50%;
}
.all-post.layout-2 ul li,
.all-post.layout-2 ul li.large,
.all-post.layout-3 ul li {
width: 100%;
}
.all-post.layout-4 ul li {
width: 33.3333%;
}
.section-two .col {
width: 50%;
}
.section-two.layout-3 .col {
width: 100%;
}
.section-three.category-layout-3 .text-holder {
padding: 10px 32px 0;
}
.category-layout-10 .post-list .post .text-holder {
padding: 0;
}
.site-header.header-2 .header-t .col {
width: 100%;
margin-bottom: 10px;
}
.site-header.header-2 .site-branding {
text-align: left;
}
.site-header.header-2 .header-t .social-networks {
float: left;
}
.site-header.header-2 .header-t .social-networks li:first-child {
margin-left: 0;
}
.ticker-wrapper.has-js {
width: 75%;
}
.all-post.layout-2 ul li .post:last-child {
margin-bottom: 4px;
}
.site-header.header-2 .header-b,
.site-header.header-3 .nav-holder,
.site-header.header-4 .nav-holder,
.site-header.header-5 .nav-holder {
padding-bottom: 15px;
}
.site-header.header-2 .btn-search {
float: left;
}
.site-header.header-3 .social-networks {
float: left;
}
.site-header.header-3 #secondary-mobile-header {
margin-top: 6px;
}
.header-b .header-promo {
width: 100%;
}
.site-header.header-3 .nav-content .btn-search {
float: left;
}
.site-header.header-4 .header-t .scrolling-news {
width: 100%;
margin-bottom: 10px;
}
.site-header.header-4 .header-t .right {
width: 100%;
}
.site-header.header-4 .header-t .right .social-networks,
.site-header.header-4 .nav-holder .nav-content .btn-search {
float: left;
} .site-header .header-t {
position: relative;
}
.secondary-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
margin: 0;
padding: 0;
z-index: 999;
}
.site-header.header-2 .secondary-menu,
.site-header.header-3 .secondary-menu {
margin-top: 0;
}
.site-header.header-4 .header-t .right .secondary-menu,
.site-header.header-5 .header-t .right .secondary-menu {
float: none;
margin-right: 0;
}
.secondary-menu ul.secondary-nav {
max-width: 750px;
margin: 0 auto;
padding: 15px;
}
.site-header.header-5 .header-t .right .secondary-menu ul {
margin-top: 0;
}
.secondary-menu ul li {
float: none;
display: block;
margin-left: 0;
}
.secondary-menu ul li a {
padding: 15px 0;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: #000;
}
.site-header.header-5 .header-t .right .secondary-menu ul li a {
color: #000;
}
.secondary-menu ul li:last-child>a {
border-bottom: none;
}
.secondary-menu ul li a:hover,
.secondary-menu ul li a:focus,
.secondary-menu ul li:hover>a,
.secondary-menu ul .current_page_item>a,
.secondary-menu ul .current-menu-item>a,
.secondary-menu ul .current_page_ancestor>a,
.secondary-menu ul .current-menu-ancestor>a,
.site-header.header-5 .header-t .right .secondary-menu ul li a:hover,
.site-header.header-5 .header-t .right .secondary-menu ul li a:focus,
.site-header.header-5 .header-t .right .secondary-menu ul li:hover>a,
.site-header.header-5 .header-t .right .secondary-menu ul .current_page_item>a,
.site-header.header-5 .header-t .right .secondary-menu ul .current-menu-item>a,
.site-header.header-5 .header-t .right .secondary-menu ul .current_page_ancestor>a,
.site-header.header-5 .header-t .right .secondary-menu ul .current-menu-ancestor>a {
color: #386fa7;
}
.secondary-menu .submenu-toggle {
color: #000;
height: 40px;
line-height: 45px;
}
.secondary-menu ul ul {
position: static;
background: rgba(0, 0, 0, 0.02) !important;
width: auto;
padding: 10px;
}
.site-header.header-5 .header-t .right .secondary-menu ul ul {
background: rgba(0, 0, 0, 0.02);
}
.secondary-menu ul li:hover>ul {
display: none;
}
}
@media only screen and (max-width: 767px) {
.container {
width: 100%;
}
.site-branding .site-title {
font-size: 22px;
line-height: 32px;
}
.site-header .header-t .social-networks { text-align: center;
} .section-two .col {
width: 100%;
margin-bottom: 10px;
}
.site-header .modal-content form {
width: 100%;
}
.site-header .header-t .social-networks li {
float: none;
display: inline-block;
margin: 0 8px 5px;
}
.header-b .advertise {
width: 100%;
}
.all-post .post {}
.all-post ul li.large .post .entry-title,
.all-post ul li.medium .post .entry-title {
font-size: 20px;
line-height: 24px;
}
.all-post ul li {
width: 100%;
margin-bottom: 15px;
}
.all-post ul li.large,
.all-post ul li.medium {
width: 100%;
}
.section-four .img-holder {
width: 100%;
}
.section-four .text-holder {
width: 100%;
padding: 20px;
}
.section-three .post-thumbnail img {
width: 100%;
} .section-two .header,
.section-three .header,
.section-five .header {
margin: 0 0 20px;
}
.section-two .header .header-title,
.section-three .header .header-title,
.section-five .header .header-title {
font-size: 20px;
line-height: 24px;
}
.section-two .post .entry-header .entry-title,
.section-three .post .entry-header .entry-title,
.section-four .post .entry-header .entry-title,
.section-five .post .entry-title {
font-size: 18px;
}
.section-three .post-thumbnail {
width: 100%;
}
.section-three .text-holder {
width: 100%;
padding: 20px;
}
.section-four .img-holder .text .main-title {
font-size: 42px;
line-height: 50px;
margin: 0;
}
.section-four .img-holder .text {
font-size: 20px;
}
.section-four .img-holder {
height: 267px;
}
.footer-nav ul li {
margin: 0 0 5px;
}
.page-header {
width: 100%;
text-align: left;
}
.page-header .page-title {
font-size: 34px;
line-height: 40px;
}
#content .all-post {
margin-top: -345px;
}
#primary .post .post-thumbnail {
width: 100%;
}
#primary .post .text-holder {
width: 100%;
}
#primary .post .post-thumbnail img,
#primary .page .post-thumbnail img {
width: 100%;
}
.search .page-header,
.error404 .page-header {
width: 100%;
}
.single-post #crumbs,
.page #crumbs,
.search #crumbs,
.error404 #crumbs {
width: 100%;
}
.single-post .top-bar,
.page .top-bar,
.search .top-bar,
.error404 .top-bar {
height: auto;
}
.error404 .error-holder .search-form {
width: 100%;
}
.author-section .text-holder {
width: 100%;
}
.comment-author,
.comments-area .comment-body .comment-metadata {
width: 100%;
}
.comments-area .comment-body .comment-content {
margin-left: 0;
margin-top: 5px;
}
.comments-area .comment-body .reply {
margin-left: 0;
}
.comments-area .comment-list .children {
padding-left: 0;
}
.footer-t .col {
width: 100%;
margin-bottom: 15px;
}
.all-post ul li,
.all-post.layout-3 ul .holder .col {
width: 100%;
}
.section-two.top-news.layout-2 .col.full-width .post .text-holder {
position: unset;
padding: 0;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta a {
color: #666;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta .category a {
color: #fff;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta a:hover,
.section-two.layout-2 .col.full-width .post .entry-header .entry-meta a:focus {
color: #bfbfbf;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-title {
font-size: 18px;
line-height: 28px;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-title a {
color: #333;
}
.section-two.layout-2 .col.full-width .post .entry-header .entry-title a:hover,
.section-two.layout-2 .col.full-width .post .entry-header .entry-title a:focus {
color: #bfbfbf;
}
.section-two.top-news.layout-2 .col.full-width {
margin-bottom: 30px;
}
.section-two.layout-3 .news-list .post .image-holder {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.section-two.layout-3 .news-list .post .text-holder {
width: 100%;
}
.category-layout-2 .col {
width: 100%;
}
.section-three.category-layout-2 .list .post .text-holder {
width: auto;
}
.section-three.category-layout-2 {
padding-top: 0;
}
.category-layout-3 .post-list {
padding: 10px 15px 0;
}
.category-layout-3 .post-list .post {
width: 100%;
}
.section-three.category-layout-3 .text-holder {
position: unset;
padding: 10px 10px 0;
}
.category-layout-5 .col {
width: 100%;
}
.category-layout-6 .col {
width: 100%;
}
.category-layout-7 .col {
width: 100%;
}
.category-layout-7 .post-list .post .text-holder {
width: auto;
}
.category-layout-8 .post-list .post,
.category-layout-9 .col {
width: 100%;
}
.category-layout-10 .post-list .post .post-thumbnail {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.category-layout-11 .post .post-thumbnail {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.site-header.header-4 .header-t .scrolling-news {
width: 100%;
}
.site-header.header-5 .header-t .right,
.site-header.header-5 .header-t .scrolling-news {
width: 100%;
}
.similar-posts .post {
width: 100%;
}
.all-post.layout-1 ul li:last-child {
margin-bottom: 0;
}
.single-post #primary .post .social-share.floating-share {
position: fixed;
left: 0;
top: auto;
width: 100%;
bottom: 0;
text-align: center;
}
.single-post #primary .post .social-share.floating-share ul {
margin: 0;
}
.single-post #primary .post .social-share.floating-share ul li {
display: inline-block;
vertical-align: bottom;
}
.single-post #primary .post .social-share.floating-share ul li a {
width: 30px;
height: 30px;
line-height: 30px;
}
.single-post #primary .post .social-share.floating-share ul li a:hover,
.single-post #primary .post .social-share.floating-share ul li a:focus {
height: 35px;
width: 30px;
}
.custom-background .site {
max-width: 100%;
}
.section-three,
.section-two {
padding-top: 15px;
}
.site-header.header-3 .social-networks {
margin-top: 10px;
}
.site-header.header-4 .header-t .right .social-networks,
.site-header.header-4 .header-t .right {
width: 100%;
}
.site-header.header-5 .ticker-wrapper.has-js {
width: 100%;
}
.site-header.header-4 .header-t .ticker-wrapper.has-js {
width: 100%;
}
#wpadminbar {
position: fixed;
}
} .section-three .header .header-title span a:hover {
text-decoration: none;
color: #386fa7;
}
svg.fallback-svg {
vertical-align: top;
} #secondary .widget.widget_btif_instagram_widget .popup-gallery,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery {
display: flex;
overflow: hidden;
margin-left: -5px;
margin-right: -5px;
}
#secondary .widget.widget_btif_instagram_widget .popup-gallery li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery li {
width: 18%;
flex: unset;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px;
padding-bottom: 0;
border: 0;
}
#secondary .widget.widget_btif_instagram_widget .popup-gallery li a img,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery li a img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: center center;
}
#secondary .widget.widget_btif_instagram_widget .profile-link,
.site-footer .widget.widget_btif_instagram_widget .profile-link {
display: inline-block;
font-size: 16px;
margin: 0 0 16px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#secondary .widget.widget_btif_instagram_widget .profile-link .insta-icon,
.site-footer .widget.widget_btif_instagram_widget .profile-link .insta-icon {
margin-right: 8px;
} #secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-1,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-1 {
display: block;
}
#secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-1 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-1 li {
flex: 100%;
width: 100%;
} #secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-2 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-2 li {
width: 50%;
} #secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-3 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-3 li {
width: 33.33%;
flex: unset;
} #secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-4 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-4 li {
width: 25%;
flex: unset;
} #secondary .widget.widget_btif_instagram_widget .popup-gallery.photos-5 li,
.site-footer .widget.widget_btif_instagram_widget .popup-gallery.photos-5 li {
width: 20%;
flex: unset;
} .widget_block .wp-block-group__inner-container h2 {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: var(--black-color);
text-transform: uppercase;
margin: 0 0 17px;
}
.widget_block ul li a {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: var(--font-color);
font-family: Playfair Display;
}
.widget_block ul {
text-transform: none;
}
.widget_block ul li a:hover {
color: var(--primary-color);
}
.widget_block ul li {
border: none;
display: inline-block;
width: 100%;
}
.widget_block ol li a {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: var(--font-color);
font-family: Playfair Display;
}
.widget_block ol {
padding: 0;
}
.widget_block ol li a:hover {
color: var(--primary-color);
text-decoration: none;
}
.wp-block-social-links li:before {
content: none !important;
}
.wp-block-search__inside-wrapper input {
background: none;
border: 0;
border-radius: 0;
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 14px;
outline: none;
}
.wp-block-search__inside-wrapper input:focus {
outline: none;
color: var(--font-color);
}
.wp-block-search__inside-wrapper button {
float: right;
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/bg-search.png) no-repeat;
width: 14px;
height: 15px;
margin: 5px 0 0;
padding: 0;
border: 0;
text-indent: -9999px;
box-shadow: none;
}
.wp-block-search__inside-wrapper button:hover {
background: url(//efriend.in/wp-content/themes/metro-magazine-pro/images/bg-search.png) no-repeat;
}
.wp-block-search__inside-wrapper {
border: 1px solid #ddd;
overflow: hidden;
padding: 14px 15px 15px 18px;
}
.wp-block-search {
margin: 0 0 30px;
}
.wp-block-search__label {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: var(--black-color);
text-transform: uppercase;
margin: 0 0 17px;
display: inline-block;
}
#primary .post .entry-content ul[class*="wp-block-"] {
margin: 0 0 30px;
}
.single .site-main .entry-content ul[class*="wp-block-"] a {
color: var(--font-color);
}
.single .site-main .entry-content ul[class*="wp-block-"] a:hover {
color: var(--primary-color);
text-decoration: none;
}
#primary .post .entry-content .wp-block-group__inner-container h2 {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: var(--black-color);
text-transform: uppercase;
margin: 0 0 17px;
font-family: Ubuntu;
}
.site-footer .wp-block-group__inner-container h2 {
color: var(--white-color);
}
.footer-t .widget_block ul li a:hover {
color: var(--primary-color);
}
.post .entry-content ul[class*="wp-block-"] {
list-style: none;
margin-block: 0;
margin: 0 0 30px;
padding: 0;
}
.footer-t .wp-block-search__label {
color: var(--white-color);
}
.footer-t .widget_block ul li {
border-bottom: 1px dotted #4e4e4e;
margin-bottom: 14px;
padding-bottom: 14px;
}
.wp-block-latest-posts__post-date {
font-size: 13px;
text-transform: uppercase;
}
.widget_block .wp-block-tag-cloud a {
float: unset;
display: inline-block;
font-size: 14px !important;
border: 1px solid #d9d9d9;
padding: 4px 15px;
border-radius: 40px;
font-weight: 400;
margin-right: 5px;
margin-bottom: 10px;
color: var(--font-color) !important;
vertical-align: middle;
font-family: var(--primary-font);
}
.widget_block .wp-block-tag-cloud a:hover {
background: var(--primary-color);
color: var(--white-color) !important;
}
.wp-block-social-links .wp-block-social-link {
padding: 10px !important;
width: auto;
text-align: center;
margin-bottom: 10px;
}
.wp-block-social-links .wp-block-social-link:last-child {
padding: 10px;
margin-bottom: 10px;
}
.wp-block-social-links .wp-block-social-link a {
font-size: 18px;
line-height: 50px;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}