/*
Theme Name: SociallyViral-Child
Theme URI:  https://lfimedia.nl/themes/lfimedia/
Author: LFI Media Beheer BV
Author URI: https://lfimedia.nl
Description: lfimedia 
Template: Sociallyviral
Version: 1.0.0
Tags: right-sidebar, custom-background, custom-header, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, two-columns, one-column

lfimedia WordPress Theme, Copyright (C) 2015, MyThemeShop
lfimedia is distributed under the terms of the GNU GPL


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poppins:wght@400;500&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poppins:wght@400;600&display=swap');*/


html {
    -webkit-text-size-adjust: 100%;
}

body, button, input, select, textarea { font-family: 'Poppins', system-ui, sans-serif; color: #1E1511; font-weight: 400; font-size: 17px; letter-spacing: -0.01em; line-height: 1.6; text-rendering: auto; }

.trc_rbox_header_span {
	display: none !important;
}

.thumbnails-rr .logoDiv a span {
	color: #A0A0A0 !important;
}

.site-content {
  margin-top:0px;
}

.ot-sdk-show-settings {
   color: #545454;
   cursor: pointer;
}

.onetrust-pc-dark-filter {
    background: rgba(0,0,0,0.2) !important;
}

.wp-pagenavi a:hover, .wp-pagenavi {
	border-color: inherit !important;
}

ins.adsbygoogle {
	margin-bottom: 20px;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.topad { display: inline-block; text-align:center; width:100%; height:288px }

@media(max-width: 375px) {
	.topad { width: 100%; height: 250px; }
}

.topadA { display: inline-block; text-align:center; width:100%; height:288px }

@media(max-width: 375px) {
	.topadA { width: 300px; height: 250px; }
}

.topadB { display: inline-block; text-align:center; width:768px; height:90px }

@media(max-width: 375px) {
	.topadB { width: 100%; height: 250px; }
}

.leaderboard-below-title { width: 100%; height: 60px; }

@media(min-width: 800px) {
	.example_responsive_1 { height: 90px; }
}

.inarticle3 { width:100%; height:140px }

@media(max-width: 750px) {
	.inarticle3 {  height: 120px; }
}

.inarticle5 { display: inline-block; text-align:center; width:320px; min-height: 250px; max-height:320px }

@media(max-width: 750px) {
	.inarticle5 { width:100%; height: 320px; }
}

.inarticle7 { display: inline-block; text-align:center; width:320px; min-height: 250px; max-height:320px }

@media(max-width: 750px) {
	.inarticle7 { width:100%; height: 320px; }
}

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html { font-family: sans-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 { background-color: transparent }

a:active, a:hover { outline: 0 }

abbr[title] { border-bottom: 1px dotted }

b, strong { font-weight: 600 }

dfn { font-style: italic }

h1 { font-size: 2em }

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: 1em 40px }

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 }

#commentform .comment-form-cookies-consent label { 
    padding: 0;
    cursor: pointer;
    margin-left: 7px;
    line-height: 18px;
    vertical-align: top;
}

#commentform .comment-form-cookies-consent input {
    width: 18px;
    height: 18px;
    -webkit-appearance: checkbox;
}

fieldset { border: 0; margin: 0; padding: 0; }

legend { border: 0; padding: 0; }

textarea { overflow: auto }

optgroup { font-weight: 600 }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0 }

/*--------------------------------------------------------------
2.1 Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { margin: 0; clear: both; color: #1E1511; font-weight: 600; margin-bottom: 12px; }

h1 { font-size: 1.8em; line-height: 1.2; }

h2 { font-size: 1.35em; line-height: 1.2; }

h3 { font-size: 18px; line-height: 1.3; }

h4 { font-size: 18px; line-height: 1.4; }

h5 { font-size: 18px; line-height: 1.4; }

h6 { font-size: 18px; line-height: 1.4; }

p { 
   margin-bottom: 15px;
   margin-top: 0; 
   display: block;
}

p.pis-thumbnail { 
   margin-bottom: 0px;
}

dfn, cite, em, i { font-style: italic }

blockquote { margin: 0 1.5em }

address { margin: 0 0 1.5em }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; margin-bottom: 1.6em; 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: transparent; text-decoration: none; margin-bottom: 0px; }

small { font-size: 75% }

big { font-size: 125% }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

html { box-sizing: border-box }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http: //css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

body { background: #E6E9F0; /* Fallback for when there is no custom background color defined. */ }

blockquote { position: relative; font-style: italic; font-family: Georgia; font-size: 20px; }

blockquote:before, blockquote:after, q:before, q:after { content: "" }

blockquote:before { content: '\e800'; font-family: lfimedia; position: absolute; content: '"'; font-size: 58px; top: -14px; left: -40px; }

blockquote, q { quotes: "" "" }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

.entry-content ul, .entry-content ol { margin: 0 0 1.5em 2em; padding: 0; }

ul { list-style: disc; padding: 0; margin: 0; }

ol { list-style: decimal }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: 600 }

dd { margin: 0 1.5em 1.5em }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button, input[type=button], input[type=reset], input[type=submit] { border: 1px solid; border-color: #ccc #ccc #bbb; background: #e6e6e6; color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; }

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { box-shadow: none }

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 { box-shadow: none }

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], textarea { color: #666; border: 1px solid #E6E9F0; background-color: #E6E9F0; }

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: 3px }

textarea { padding-left: 3px; width: 100%; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a { color: #1E1511; text-decoration: none; -webkit-transition: color 0.1s ease-in; -moz-transition: color 0.1s ease-in; -ms-transition: color 0.1s ease-in; -o-transition: color 0.1s ease-in; transition: color 0.1s ease-in; }

a:hover, a:focus, a:active { color: #1E1511; outline: 0; }

a:hover, #navigation.footer-navigation ul li a:hover, .top-menu-class ul li a:hover { color: #E65C00; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

a#pull { display: none }

.primary-navigation { clear: right; display: block; float: left; background:#FFF; }

.primary-navigation ul { list-style: none; margin: 0; padding-left: 0; }

.primary-navigation li { float: left; position: relative; }

.primary-navigation a { text-decoration: none }

.primary-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; }

.primary-navigation ul ul ul { left: -999em; top: 0; }

.primary-navigation ul ul a { width: 200px }

.primary-navigation li:hover > a { color:#E65C00; }

.primary-navigation ul li:hover > ul { left: auto }

.primary-navigation ul ul li:hover > ul { left: 100% }

.menu-item-has-children > a:after { content: "\e802"; font-family: lfimedia; position: absolute; right: 19px; }

.primary-navigation#navigation .menu-item-has-children > a { padding-right: 38px }

.primary-navigation { display: block; float: left; text-align: left; max-width: 1170px; }

.primary-navigation a { color: #222222; font-weight: 600; text-align: left; text-decoration: none; padding: 8px 15px; -webkit-transition: none; -moz-transition: none; transition: none; }

.primary-navigation a { padding: 10px 15px 5px 15px; font-weight: normal; font-size: 16px; color: #1E1511; text-transform: uppercase; }

.primary-navigation#navigation ul li:hover { /* background: rgba(0, 0, 0, 0.08); */ color: #E65C00; }

.primary-navigation a .sub { font-size: 11px; font-weight: normal; color: #9B9B9B; }

.primary-navigation#navigation { float: left }

.primary-navigation#navigation ul { margin: 0 auto; min-height: 54px; }

.primary-navigation#navigation ul li { float: left; line-height: 24px; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.22); -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; -ms-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in; transition: background 0.25s ease-in; }

.primary-navigation#navigation ul li a, .primary-navigation#navigation ul li a:link, .primary-navigation#navigation ul li a:visited { display: inline-block }

.primary-navigation#navigation > ul > .current a { background: transparent; color: #5a5a5a !important; }

.primary-navigation#navigation ul li li { border-bottom: 0 }

.primary-navigation#navigation ul ul { position: absolute; width: 265px; padding: 20px 0 0 0; padding-top: 0; z-index: 400; font-size: 12px; color: #798189; border-top: 1px solid rgba(255, 255, 255, 0.22); display: none; top: 54px; background: #1E1511; }

.primary-navigation#navigation ul ul li { padding: 0; border-right: 0; width: 100%; }

.primary-navigation#navigation ul ul a, .primary-navigation#navigation ul ul a:link, .primary-navigation#navigation ul ul a:visited { padding: 13px 45px 13px 20px; position: relative; width: 100%; border-left: 0; background: transparent; border-right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-bottom: 0; margin: 0; }

.primary-navigation#navigation ul ul li:last-child a { border-bottom: none }

.primary-navigation#navigation ul ul ul { left: 265px; top: -1px; }



.primary-navigation .current-menu-item > a {color: #E65C00;
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 25px; float: left; }

.pagination ul { list-style-type: none; padding: 0; margin: 0; }

.nav-next a, .nav-previous a, .pagination a, .pagination .current, .pagination .dots { float: left; padding: 15px 13px; background: #1E1511; -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3); line-height: 1; font-size: 18px;  min-width: 44px; text-align: center; margin:0px 5px 0px 0px; color:white }

.pagination .flexlink {flex: 1 }

.nav-previous { float: left }

.nav-next { float: right }

.posts-navigation { clear: both; width: 100%; float: left; margin-top: 15px; }

.pagination .current { font-weight: 600;  background-color: #E65C00; }

.pagination { margin : 15px 0 15px 0; display: flex; width: 100% }

.pagination a, .pagination .current {margin: 0px 5px 0px 0px; }

.pagination span {display: inline-flex }

.pagination a {flex:1 }

.pagination .fl {flex:1 }

.paging { margin-top: -25px }

.page-links a { min-width: 40px; line-height: 40px; display: inline-block; text-align: center; background-color: #1E1511; color: #fff; padding: 0px 15px; }

/*-[ Toggle menu ]---------------------------*/

.toggle-menu ul ul { display: none }

.toggle-menu .toggle-menu-item-parent { position: relative }

.toggle-menu .toggle-caret { position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; line-height: inherit; }

.toggle-menu .toggle-caret .fa { width: 20px; text-align: center; font-size: inherit; color: inherit; line-height: 20px; }

.toggle-menu .active > .toggle-caret .fa:before { content: "\f068" }

/*minus*/

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:hover, .screen-reader-text:active, .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: 600; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.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; }

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.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; }

.entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both }

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget { margin: 0 0 }

/* Calender Widget */

#wp-calendar { margin-bottom: 0; background-color: #fff; border: 1px solid #E6E9F0; }

#wp-calendar td { text-align: center; padding: 7px 0; border-top: 1px solid #E6E9F0; border-right: 1px solid #E6E9F0; }

#wp-calendar caption { font-size: 16px; padding-bottom: 10px; font-weight: 600; }

#wp-calendar #prev { text-align: left; padding-left: 12px; }

#wp-calendar #next { text-align: right; padding-right: 12px; }

#wp-calendar thead th { padding: 10px 0; text-align: center; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.sticky { display: block }

.hentry { margin: 0 0 1.5em }

.page-content, .entry-content { margin: 5px 0 0 }

.page-links { clear: both; margin: 2em 0 1.5em 0; }

.single_post { background: #fff; float: left; width: 100%; padding: 25px; box-sizing: border-box; margin-top: 0px; margin-bottom: 30px; }

#content_box { width: 67%; float: left; margin-bottom: 10px; padding: 0; display: flex;   align-content: space-around;  align-items: stretch;  flex-wrap: wrap; }

.single article.post { width: 100%; box-shadow: none; }

.entry-header > h1 { margin-top: 0; padding-top: 0; }

.page-header { width: 100%; }

.single .entry-header > hx { margin-bottom: 10px; font-size: 1.75em; font-family: 'Playfair Display', Georgia, serif; line-height: 1.1; font-weight: 600;  color: #1E1511; }
.single .entry-header > h1 { margin-bottom: 22px;  }


#respond h4, #respond h3, .comments-title { margin-bottom: 25px; font-weight: 500; text-transform: uppercase; font-size: 22px; margin-top: 10px; line-height: 1; }

h1.page-title { margin-bottom: 5px; font-size: 24px; margin-top: -5px }

post {
    float: left;
    width: 100%;
    word-wrap: break-word;
}

/*--------------------------------------------------------------
10.2 Asides  
--------------------------------------------------------------*/

.sidebar.c-4-12 { float: right; width: 33%; line-height: 1.3; max-width: 324px; padding: 0px 12px; -moz-box-sizing: border-box; box-sizing: border-box; }

#sidebar .widget { width: 100%; font-size: 16px; color: #1E1511; display: inline-block; }

.widget > h3 { font-size: 18px; color: #1E1511; line-height: 18px; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; }

.widget .widget-title { font-weight: 700 }

.widget ul { list-style-type: none; margin: 0; padding: 0; }

.widget_nav_menu li { width: 100%; padding: 5px 0; list-style-type: square; margin-left: 18px; }

.oddad { float: left }

.evenad { float: right }

.sidebar.c-4-12 .advanced-recent-posts li.vertical-small, .wp-most-popular li { display: inline-block; padding: 0 0 10px 0; margin-bottom: 15px; width: 100%; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); }

.sidebar.c-4-12 .advanced-recent-posts img { float: left }

.widget .vertical-small .post-data { float: left; width: 100%; padding: 5px 0px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.widget .vertical-small .post-title { clear: both; margin-bottom: 5px; float: left; }

.post-info > span:last-of-type { margin-right: 0 }

#commentform input#submit { line-height: 1; background-color: #E65C00; text-transform: uppercase; padding: 12px 15px; color: #fff; text-decoration: none; float: left; cursor: pointer; display: inline-block; border: none; transition: all 0.2s linear; font-weight: normal; font-size: 18px; margin-top: 5px; text-shadow: none; }

#commentform input#submit:hover { background-color: #008EE3 }

/*--------------------------------------------------------------
10.21 Author Box
--------------------------------------------------------------*/

.related-posts, #comments { float: left; width: 100%; }

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comment-content a { word-wrap: break-word }

.bypostauthor { display: block }

#comments label { min-width: 80px; display: inline-block; }

.comment-form-comment label { margin-bottom: 5px }

.comment-list { list-style-type: none; padding: 0; margin: 0; }

.comment-list li { margin: 0 0 25px 0; padding-left: 0; float: left; width: 100%; position: relative; }

.comment-list li { list-style-type: none }

.comment-list li .children { margin-top: 20px ;float: left;width: 100%;margin-left: 0; }

#comments .avatar { float: left; margin-right: 20px; margin-top: 7px; }

.comment-meta { position: relative }

.comment-metadata a { color: #C9A05A; font-size: 12px; text-transform: capitalize; position: absolute; right: 0; top: 0; }

.comment-metadata time { margin-right: 30px }

.comment-metadata a:hover { color: #E65C00; }

.comment-content { overflow: hidden }

.comment-content p:last-child { margin-bottom: 0 }

.reply { margin-top: 0px; padding-bottom: 0px; overflow: hidden; float: right; }

.reply a { padding: 0; color: #C9A05A; font-size: 12px; }

.reply a:hover { color: #E65C00; }

.says {display:none; }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation { /* Theme Footer (when set to scrolling) */ display: none; }

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */

embed, iframe, object { max-width: 100% }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }

.wp-caption-text { text-align: right; font-size: 0.7em; color: #808080; }

.wp-caption .wp-caption-text { margin: -0.1em 0 }

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery { margin-bottom: 1.5em }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.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 }

/*-----------------------------------
 404 Page
------------------------------------*/

.error404 .site-content { margin-top: 4px; padding-bottom: 100px; }

h1.big { font-size: 100px }

/*-----------------------------------
 Main Content
------------------------------------*/

.main-container { background-color: #FFF; width: 100%; max-width: 1170px; margin: 0 auto; clear: both; display: block; padding: 10px; }

.container { max-width: 1170px; margin: 0 auto; }

/*-[header]-----------------------------------*/

#masthead { text-align: center; margin-bottom: 0px; }

.single #masthead, .page-template-default #masthead { margin-bottom: 0 }

.site-branding { margin: 0 0 0 10px; overflow: hidden; float: left; display: inline-block; }

#logo { float: left; display: inline-block; line-height: 1; position: relative; margin-bottom: 10px; }

#logo a { float: left; line-height: 1; }

.showsm {
	display: none;
}

@media (max-width: 865px) {
	.showsm {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-indent: 5px;
	}

	img[class^="wp-image-"]:first-child, img[class*=" wp-image-"]:first-child {
	object-fit: cover;
    max-height: 140px ;
	}
}

img[class^="wp-image-"]:first-child, img[class*=" wp-image-"]:first-child {
	object-fit: cover;
    max-height: 250px;
}

article.post { width: 31.6%; float: left; margin-bottom: 10px; margin-right: 2.6%; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); }

article.featuredpost.post { width: 65.8% }

article.post:nth-of-type(11n+2), article.post:nth-of-type(11n+5), article.post:nth-of-type(11n+8), article.post:nth-of-type(11n+11) { margin-right: 0 }

.paged article.post:nth-of-type(2), .paged article.post:nth-of-type(3n+5) { margin-right: 2.6% }
.paged article.post:nth-of-type(6n) { clear: none }
.paged article.post:nth-of-type(3n+1) { clear: left }
.paged article.post:nth-of-type(3n) { margin-right: 0 }
.search-area article.post:nth-of-type(2), .search-area article.post:nth-of-type(3n+5), .content-archive article.post:nth-of-type(2), .content-archive article.post:nth-of-type(3n+5) { margin-right: 2.6% }
.search-area article.post:nth-of-type(3n), .content-archive article.post:nth-of-type(3n) { margin-right: 0 }
.related-posts article.post:nth-of-type(2), .related-posts article.post:nth-of-type(3n+5) { margin-right: 3.04% }




.content-archive article.post:nth-of-type(2), .content-archive article.post:nth-of-type(3n+5) { margin-right: 2.6% }

.content-archive article.post:nth-of-type(3n) { margin-right: 0 }

.featured-thumbnail, .wp-most-popular li img { float: left; max-width: 100%; width: 100%; border: 1px solid #d0d0d0; }

#featured-thumbnail { float: left; max-width: 100%; display: block; position: relative; width: 100%; }

.featured-thumbnail img { margin-bottom: 0; width: 100%; float: left; width: 100%; }

article.latestpost .entry-title { font-weight: 300; font-size: 21px; color: #1E1511; margin-top: 0; margin-bottom: 5px; }

.latestpost .title { display: block; margin-bottom: 7px; }

.latestpost.featuredpost .title { margin-bottom: 0px }

.latestpost header { padding: 15px 20px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; min-height: 0px; overflow: hidden; }

.latestpost.featuredpost header { min-height: 0px }

.post-info { display: block; color: #C9A05A; float: left; clear: both; width: 100%; font-size: 13px; text-transform: capitalize; line-height: 2; }

.post-info > span:last-child { margin-right: 0 }

.post-info i { margin-right: 3px }

.post-info > span { margin-right: 35px }

.post-info > span:first-child i:before { margin-left: 0 }

.post-label { position: absolute; top: 0; right: 0; padding: 0 15px; line-height: 44px; background: #e65c00; color: #fff; float: left; }

.post-label span { margin-left: 5px; line-height: 21px; }

.no-results .page-content { margin-bottom: 50px; float: left; margin-top: 0; }

/*-[ Search Form ]------------------*/

#searchform { padding: 0; float: left; clear: both; width: 100%; position: relative; }

#searchform .sbutton { right: 0; top: 0; padding: 9px 0; float: right; border: 0; width: 42px; height: 42px; cursor: pointer; text-align: center; padding-top: 10px; color: #C9A05A; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; background: #E65C00; fill: #fff; z-index: 10; position: absolute; border: 0; vertical-align: top; text-shadow: none; }

#searchform .fa-search { font-size: 20px; top: 0px; color: #FFF; background: #E65C00; position: absolute; right: 0; padding: 0; height: 42px; width: 42px; text-align: center; line-height: 42px; z-index: 100; cursor: pointer; }

#s { width: 100%; background-color: #fff; float: left; padding: 8px 0; text-indent: 10px; color: #C9A05A; border: 1px solid #C9A05A; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 42px; outline: none; }

#s:focus { color: #343434; }

.site-footer { position: relative; overflow: hidden; clear: both; }

.site-info.container { width: 100%; clear: both; padding-bottom: 29px; padding-top: 38px; color: #C9A05A; font-size: 0.8em; overflow: hidden; }

a.toplink { font-size: 40px; line-height: 15px; position: absolute; top: 50%; left: 50%; margin-left: -13px; margin-top: -18px; color: #C9A05A; }

a.toplink i { line-height: 15px }

.copyrights { float: left }

#navigation.footer-navigation { float: right }

#navigation.footer-navigation ul { list-style-type: none }

#navigation.footer-navigation ul.sub-menu { display: none!important }

#navigation.footer-navigation ul li { display: inline-block; padding-right: 12px; padding-left: 12px; border-right: 1px solid #D2D2D2; line-height: 1; }

#navigation.footer-navigation ul li:last-of-type { border-right: 0; padding-right: 0; }

#navigation.footer-navigation ul li:first-child { padding-left: 0 }

#navigation.footer-navigation ul li:last-child { padding-right: 0; border-right: 0; }

#navigation.footer-navigation ul li a { color: #545454 }

#navigation.footer-navigation ul li a:after { display: none }

.top-menu-class { display: block; font-size: 0.8em; margin-right:5px; text-align: right; margin-bottom:5px; }

.top-menu-class ul { list-style-type: none }

.top-menu-class ul.sub-menu { display: none!important }

.top-menu-class ul li { display: inline-block; padding-bottom: 2px; margin-left: 10px; border-bottom: 1px solid #c9a05a; line-height: 1; }

.top-menu-class ul li:last-of-type { border-right: 0; padding-right: 0; }

.top-menu-class ul li:first-child { padding-left: 0 }

.top-menu-class ul li:last-child { padding-right: 0; border-right: 0; }

.top-menu-class ul li a { color: #545454 }

.top-menu-class ul li a:after { display: none }

.hidenomob { display: none }

.menu-primary-container ul.sub-menu { margin: 4px 0 -7px 10px }

/*-----------------------------------
 Responsive
------------------------------------*/

@media screen and (max-width: 1230px) {
	.main-container, .site-info.container { width: 100% }

	.oddad, .evenad { width: 45% }

	.primary-navigation a {padding: 15px 10px; font-size: 1.4vw; }

	.leaderboard_inart {
		  height: 90px;
	}
}

@media screen and (max-width: 1080px) {
	.sidebar.c-4-12 { float: right; width: 40%; line-height: 20px; max-width: 324px; padding: 12px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	#content_box { width: 60%; float: left; margin-bottom: 10px; padding: 0; }
}

@media screen and (max-width: 980px) {
	.site-branding { width: 250px; height:50px; margin: 0; float: left; text-align: center; }

	#logo { float: none }

	#logo { margin: 0; margin-top: 5px; }

	#masthead { text-align: left }

	article.latestpost .entry-title { font-size: 22px; line-height: 1.4; }

	.post-info > span { margin-right: 10px }

}

@media screen and (max-width: 865px) {
	.primary-navigation { width: 100%; border: none !important; display: none; }

	.primary-navigation .menu a, .primary-navigation .menu .fa > a, .primary-navigation .menu .fa > a {font-size:16px; background: transparent; }

	.primary-navigation .menu { display: block!important; float: none; background: transparent; margin-bottom: 45px; }

	.primary-navigation ul ul { visibility: visible!important; opacity: 1!important; position: relative; left: 0!important; border: 0; width: 100%; }

	.primary-navigation ul li li { background: transparent; border: 0; }

	nav.primary-navigation { height: auto }

	nav.primary-navigation li, .primary-navigation ul li li { width: 100%!important; float: left; position: relative; }

	.primary-navigation ul li:after { display: none }

	.primary-navigation ul li:before { display: none }

	nav.primary-navigation li a { border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important; width: 100%!important; box-sizing: border-box; }

	nav.primary-navigation a { text-align: left; width: 100%; text-indent: 25px; }

	a#pull { display: block; width: 45px; height: 50px; position: relative; background: #1E1511; color: #ffffff; padding: 10px 0; text-indent: 15px; float: right; }

	a#pull:after { content: "\f0c9"; display: inline-block; position: absolute; right: 15px; top: 10px; font-family: 'Font Awesome 5 Pro'; }

	.primary-navigation ul .sfHover a, .primary-navigation ul li:hover, .primary-navigation ul .sfHover ul li { background: transparent }

	.primary-navigation#navigation ul ul.toggle-submenu { position: static; width: 100%; border-top: 0; box-shadow: none; }

	/*-[ Responsive Navigation ]--------------------------------*/

	.main-container, .site-footer { position: relative; left: 0; transition: left 500ms ease; }

	.mobile-menu-active .main-container, .mobile-menu-active .site-footer { left: 300px; transition: left 500ms ease; }

	.primary-navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0; left: -300px; width: 300px; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.2); overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden; z-index:9999 }

	.mobile-menu-active .primary-navigation.mobile-menu-wrapper { left: 0 }

	.primary-navigation ul li { width: 100%; display: block; }

	.primary-navigation ul li:hover { background: none }

	.primary-navigation ul li a, .primary-navigation ul ul a { padding: 9px 0; width: 100%; border: none; }

	.primary-navigation ul ul { position: static; width: 100%; border: none; }

	.primary-navigation ul ul li { background: none; width: 100%; }

	.primary-navigation i { display: inline }

	.primary-navigation ul ul a { padding: 9px 18px !important }

	.primary-navigation ul ul ul a { padding: 9px 27px !important }

	.primary-navigation ul ul ul ul a { padding: 9px 36px !important }

	.primary-navigation .toggle-caret { display: block; width: 50px; height: 42px; line-height: 42px; color: #ffffff; border-left: 1px solid rgba(0, 0, 0, 0.2); }

	.copyrights { float: none; text-align: center; }

	#navigation.footer-navigation { float: none }

	.top-menu-class {display:none; }

	.hidenomob { display: block }

	a.toplink { top: 13% }

	#content_box { width: 100%; float: none; margin-bottom: 30px; overflow: hidden; }

	article.latestpost .entry-title { font-size: 18px }

	.sidebar.c-4-12 { width: 100%; max-width: 100%; padding: 0px; float: none; margin: 0 auto; }

	#commentform .comment-form-cookies-consent label { clear: both; width: 100%; margin-left: 0; }

	.sidebar.c-4-12 { display: none; }

	#sidebar .widget {width: 100%; padding: 0% 0% 10px; vertical-align: top; }

	.wp-most-popular li { width:49%; padding: 1% 1% 10px; vertical-align: top; }

	.related-posts {width: 100% !important; }

	.sidebar.c-4-12 .advanced-recent-posts li.vertical-small {width: 49% !important; vertical-align: top; padding:0 1% 10px; }

	.related-posts .featured-thumbnail { max-height: 185px; overflow: hidden; }
}

@media screen and (max-width: 640px) {
	article.post { width: 48%; margin-right: 0; min-height: auto; !important; }

	article.post:nth-of-type(2) { margin-right: 0 !important; }

	article.post:nth-of-type(3) { margin-right: 0 !important; }

	article.post:nth-of-type(3n+5) { margin-right: 0 !important; }

	article.post:nth-of-type(odd) { margin-right: 0 !important; }

	article.featuredpost.post { width: 100% }

	.single_post { padding: 20px 15px }

	article.post:nth-of-type(3n) { clear: none }

	article.featuredpost { width: 100% }

	.content-archive article.post:nth-of-type(odd) { margin-right: 4% }

	.content-archive article.post:nth-of-type(even) { margin-right: 0 }

	.related-posts .featured-thumbnail { float: none }

	.related-posts .featured-thumbnail img { min-width: 100% }

	h1 { font-size: 1.4em; line-height: 1.2; }

	h2 { font-size: 1.25em; line-height: 1.2; }

	h3 { font-size: 18px; line-height: 1.3; }

	h4 { font-size: 18px; line-height: 1.4; }

	h5 { font-size: 18px; line-height: 1.4; }

	h6 { font-size: 18px; line-height: 1.4; }
	
	
}

@media screen and (max-width: 550px) {
	.comment-metadata a { position: static }
}

@media screen and (max-width: 420px) {
	article.post { width: 100% }

	.related-posts .featured-thumbnail { max-height: 90px; overflow: hidden; }

	#sidebar .widget {width: 100%; padding: 0; }

	.wp-most-popular li { width:100%; padding: 0 0 10px; }
}

/*!
 * Font Awesome Pro 5.0.10 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */

.fal, .fas {
 display:inline-block;
 font-style:normal;
 font-variant:normal;
 text-rendering:auto;
 line-height:1
}

.fa-chevron-left:before {
 content:"\f053"
}

.fa-chevron-right:before {
 content:"\f054"
}

.fa-search:before {
 content:"\f002"
}

@font-face {
 font-family:Font Awesome\ 5 Pro;
 font-style:normal;
 font-weight:300;
 src:url(/fonts/fa-light-300.eot);
 src:url(/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-light-300.woff2) format("woff2"),url(/fonts/fa-light-300.woff) format("woff"),url(/fonts/fa-light-300.ttf) format("truetype"),url(/fonts/fa-light-300.svg#fontawesome) format("svg")
}

.fas {
 font-family:"Font Awesome 5 Pro";
 font-weight:900
}

.trc_rbox_container {
    direction: ltr;
    text-align: left;
    background-color: white;
}

/* ADS CLASSES */

.code-block {
 display: block;
 text-align : center;
}

.code-block-5, .code-block-6 {
  margin-bottom: 20px !important;
}

.code-block-6 {
	margin-top: 0px !important;
}