/*
Theme Name: CNNBS
Theme URI: https://cnnbs.nl/
Author: ESBL Digital
Author URI: https://esbl.digital
Description: Het nieuwe CNNBS Thema.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.3
Version: 1.0
Text Domain: cnnbs
Tags: cnnbs
*/

/* Common Variables */
:root {
    --bs-body-bg: #f7f7f7;
    --primary: #2ce700;
    --white: #fff;
    --black: #000;
    --text: #4c4c4c;
    --orange: #ff6000;
    --blue: #0096fe;
    --red: #f00;
    --black_222: #222;
    --gray: #e6e6e6;
    --green: #247d08;
    --primary-hover: #4eef2a;
    --blue-hover: #39adff;
    --bs-body-line-height: 1.34;
}

/* common */
body {margin: 0;font-family: Arial, Helvetica;font-size: 15px;color: var(--text);overflow: auto!important;overflow-x: hidden!important;padding: 0!important;}
html {scroll-behavior: smooth;margin: 0!important;}
* {box-sizing: border-box;margin: 0;padding: 0;}
ol,ul {margin: 0;padding: 0;}
a {text-decoration: none;transition: all 0.5s ease;}
a:focus,a:hover,a:active {text-decoration: none;outline: none;}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-family: "Arial Black";letter-spacing: -1px;color: #000;}
h2 {font-size:1.9rem}
h3 {margin: 0 0 5px 0;font-size: 20px;line-height: 20px;}
h4 {margin: 24px 10px;font-size:24px;color:var(--primary);}
h6{font-size:13px;font-weight:300;color: var(--text)!important;font-family: Arial, Helvetica;}
p {margin: 0 0 15px 0;}
b, strong {font-weight: bold;}
figure {margin: 0!important;}
img {display: block;max-width: 100%;height: auto;}
button:focus,.btn-primary:focus,.btn-primary:active:focus {outline: none;box-shadow: none;}
.main-content{background-color: #fff;margin: 0;padding: 205px 30px 30px 30px;}
.container,.container-fluid {padding: 0 15px;}
.offcanvas {z-index: 1111;}
.ad_text{margin: 0 0 10px 0;display: block;font-size: 11px;text-align: center;}
a.button, a.button:hover{color:var(--orange);}
.clear{clear:both;}
.aligncenter, div.aligncenter {display: block;margin: 20px auto 20px auto;}
.wp-caption {background:#000;max-width:96%;padding: 5px 3px 10px;text-align:center;}
.wp-caption p.wp-caption-text {font-size: 13px;margin: 8px 0 0 0;padding: 0 4px 5px;color: #fff;}

.btn.btn-primary {min-width: 110px;height: 30px;display: inline-block;background: var(--black);font-family: "Arial";font-weight: 600;font-size: 14px;line-height: 19px;letter-spacing: -1px;border: 0;text-transform: uppercase;text-align: center;color: var(--white);border-radius: 0;}
.btn.btn-primary.btn-orange{color: var(--white);background-color: var(--orange);}
.btn.btn-primary.blue:hover,.btn.btn-primary.blue:focus {color: var(--white);background-color: var(--blue);box-shadow:unset;}
.btn.btn-primary.green:hover,.btn.btn-primary.green:focus {color: var(--white);background-color: var(--primary);box-shadow:unset;}

.section.right {width:310px;flex-shrink:0;}
.section.left,.section.center {flex: 1;min-width: 0;}
.section.left div[id^="attachment_"] {max-width:100%;}
.section.center {border-left: 1px solid var(--primary) !important;border-right: 1px solid var(--primary) !important;}

/* HOME */
.columns {display:flex;flex-wrap:wrap;align-items:stretch;}
.col1 {flex: 0 0 367px;padding-right: 17px;}
.col2 {flex: 0 0 382px;padding: 0 16px;border-left: 1px solid var(--primary);border-right: 1px solid var(--primary);}
.col3 {flex: 0 0 327px;padding-left: 17px;}

/* Header */
.top-closebar,.mobile-menu,.mobile-btn,.mobile {display: none;}
.btn-close{color: var(--white);opacity: 1;}
.header {z-index: 11111111111;position: fixed;width: 100%;top: 0;left: 0;transition: all 0.5s ease;}

.logo img {max-height:132px;}

.navbar-toggler {padding: 0;z-index: 1;position: relative;border: none;margin: 0 0 0 auto;}
.navbar-toggler-icon {width: auto;height: auto;}
.navbar-toggler:focus {box-shadow: none;}
.bar1,.bar2,.bar3 {width: 20px;height: 2px;background: var(--white);margin: 5px 0;border-radius: 100px;transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-3px, 6px);transform: rotate(-45deg) translate(-3px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-4px, -7px);transform: rotate(45deg) translate(-4px, -7px);}

.logobar {background-color: var(--black);}
.logo-row {display: flex;align-items: center;}

.add-item-left {position: relative;margin-right: 25px;}
.add-item img{width: 100%;}
.add-item-right {position: relative;margin: 0 0 0 5px;}

.header_ad_text {position: absolute;padding: 4px 15px;font-size: 11px;color:#fff;}
.header_ad_text.left {transform: rotate(-90deg);left:-60px;top:50px;display: table;}
.header_ad_text.top {top:-20px;left:50%;transform:translateX(-50%);}

.search-wrapper{width: 100%;position: absolute;top: 68px;left: 0;padding: 0 30px;display: none;}
.form-search{width: 100%;padding: 12px 15px;background: #f7f7f7;border: none;font-size: 18px;height: 45px;text-align: center;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);outline: none;border: none;}
.search-form-group input{color: var(--text);}
.search-button{cursor: pointer;display: table;}
.search-block i {color: var(--text);font-size: 24px;}

.navigation {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin: 0;padding: 0 30px;background-color: var(--white);min-height: 68px;width: 100%;position: relative;}
.navbar-brand {margin: 0 15px 0 0;padding: 0 0px 0 0;max-width: 405px;display: inline-block;width: 100%;position: relative;}
.navbar {min-height: auto;padding: 0px;width: 100%;margin: 0 auto;position: relative;}

.navbar-nav li:nth-child(2) a{color:var(--primary)}
.navbar-expand-lg .navbar-nav .menu-item {margin: 0 24px 0 0;}
.navbar-expand-lg .navbar-nav a {font-size:20px;font-weight:900;letter-spacing:-2px;text-transform: uppercase;color:var(--black);font-family: "Arial Black";-webkit-font-smoothing:antialiased;}
.navbar-expand-lg .navbar-nav .green-item a:hover,.navbar-expand-lg .navbar-nav .green-item.current-menu-item a,.navbar-expand-lg .navbar-nav .green-item.current-category-parent a, .navbar-expand-lg .navbar-nav .green-item.current-category-ancestor a{color: var(--primary);}
.navbar-expand-lg .navbar-nav .menu-item.green-item .sub-menu a {color: var(--black);}

.navbar-expand-lg .navbar-nav .green-item.current-menu-item .sub-menu a,
.navbar-expand-lg .navbar-nav .green-item.current-category-parent .sub-menu a,
.navbar-expand-lg .navbar-nav .green-item.current-category-ancestor .sub-menu a{color: var(--black);}

.navbar-expand-lg .navbar-nav .blue-item.current-category-parent a, .navbar-expand-lg .navbar-nav .blue-item.current-category-ancestor a,.navbar-expand-lg .navbar-nav .blue-item.current-menu-item a {color: var(--blue);}

.sub-menu{min-width: 210px;border-radius: 0;border: none;padding: 0;margin: 0;}
.navbar-expand-lg .navbar-nav .menu-item-has-children li{position: relative;}
.navbar-expand-lg .navbar-nav ul.sub-menu a{width: 100%;padding: 7px 14px;display: block;color: var(--black);letter-spacing: -1px ;font-size: 16px;text-transform: uppercase;font-family: "Arial Black";font-weight: 900;background-color: var(--primary);list-style: none;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.navbar-expand-lg .navbar-nav li.menu-item-has-children:hover>.sub-menu {display: block;}

.navbar-expand-lg .navbar-nav .menu-item.blue-item a:hover,
.navbar-expand-lg .navbar-nav .menu-item.blue-item.active a.dropdown-toggle:hover{color: var(--blue);}
.navbar-expand-lg .navbar-nav .menu-item.blue-item .sub-menu a{background-color: var(--blue);color: var(--white);}

.navbar-expand-lg .navbar-nav .menu-item.orange-item a:hover,
.navbar-expand-lg .navbar-nav .menu-item.orange-item.active a.dropdown-toggle:hover{color: var(--orange);}
.navbar-expand-lg .navbar-nav .menu-item.orange-item .sub-menu a{background-color: var(--orange);color: var(--white);}

.navbar-expand-lg .navbar-nav .menu-item.green-item .sub-menu .current-category-parent a{background-color: var(--primary-hover);}
.navbar-expand-lg .navbar-nav .menu-item.green-item .sub-menu a:hover {background-color: var(--primary-hover);}
.navbar-expand-lg .navbar-nav .menu-item.green-item .sub-menu .current-menu-item a {background-color: var(--primary-hover);}

.navbar-expand-lg .navbar-nav .menu-item.blue-item .sub-menu .current-category-parent a,
.navbar-expand-lg .navbar-nav .menu-item.blue-item .sub-menu .current-menu-item a,
.navbar-expand-lg .navbar-nav .menu-item.blue-item .sub-menu a:hover {background-color: var(--blue-hover);}


.mm-navbar__title {text-align: center;text-transform: uppercase;font-size: 15px;font-weight: 900;padding: 10px 0;}
.mm-navbar__title span {color: var(--orange);}
.mm-menu {background-color: var(--white);overflow: hidden;}
.mm-menu li{margin: 0;}
.mm-menu li a{font-size: 16px;display: flex;align-items: center;justify-content: space-between;color: var(--black);font-weight: 900;text-transform: uppercase;border-bottom: 1px solid #e5e5e5;position: relative;}

/* Sub-menu */
.sub-menu{position: absolute;display: none;list-style: none;}
.sub-menu ul.sub-menu{left: 100%;top: 0;}
.menu-title-data{display: none;}
.nav-menudata{position: relative;height: 100%;overflow-y: auto;width: 100%;}
.main-wrapper {padding: 0 30px 30px 30px;background-color: var(--white);position: relative;}
.leftside-add-item{position: fixed;top: 138px;left: 50%;margin: 0 0 0 -970px;z-index: 1;}
.rightside-add-item{position: fixed;top: 138px;right: 50%;margin: 0 -970px 0 0;z-index: 1;}
.leftside-add-item .header_ad_text,.rightside-add-item .header_ad_text{top: 0;padding: 11px;color: var(--text);}

/* Top Story Section */
.topstories-section {background: #000;position: relative;overflow: hidden;height: 50px;margin-bottom: 15px;}
.topstories-title {position: absolute;background: #000;z-index:9999;font-weight: 900;font-size: 22px;text-transform: uppercase;letter-spacing: -2px;color: var(--white);text-transform: uppercase;padding: 12px 15px;}
.topstories-title strong {font-weight: 900;color: var(--primary);}
.topstories-content {margin-top: 14px;}
[class^="marquee"] {display: inline-block;white-space: nowrap;position: absolute;}
.marquee-content-items li {display: inline-block;color: #fff;}
.marquee-content-items {padding: 0;margin: 0;height: 45px;position: relative;}
.marquee-content-items li a::after {content: "//";margin: 0 1em;color: #fff;font-weight: bold;}
.topstory {display: inline-block;color: #fff;font-size: 15px;font-family: "Arial";text-transform: uppercase;font-weight: bold;text-align: center;}
.topstory:hover {color: var(--red);}

/* Post styles (Homepage / Category ) */
.post{position:relative;}
.post.post_format_image {position: relative;height: 305px;padding: 0;background: #000;}
.post.post_format_image img {height: 100%;opacity: 1.0;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.post.post_format_image:hover img {opacity: 0.6;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.post_top50 {position: absolute;width:100px!important;height:100px!important;top:0;right:0;z-index:1;}
.post.post_format_image.with_video .video_play {position: absolute;top: 50%;left: 50%;margin: -30px 0px 0px -30px;z-index: 4;text-align: center;}
.post.post_format_image.with_video .video_play i {width: 60px;height: 60px;padding: 14px 0 0 19px;border-radius: 100%;border: 4px solid #fff;color: #fff;font-size: 24px;background: rgba(0, 0, 0, 0.5);box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);text-align: left;}
.post.green.post_format_image.with_video .video_play:hover i {background: var(--green);border-color: var(--green);}
.post.orange.post_format_image.with_video .video_play:hover i {background: var(--orange);border-color: var(--orange);}
.post.blue.post_format_image.with_video .video_play:hover i {background: var(--blue);border-color: var(--blue);}
.post.post_format_image.with_video .video_play:hover i {-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.post_format_image_title {position: absolute;z-index: 3;right: 0;top: 0;left: 0;width: 100%;padding: 10px 10px 30px 10px;line-height: 26px;color: #fff!important;text-transform: uppercase;text-shadow: 0 3px 5px #000;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}

/* Post Slider */
#posts_slider {margin: 0;padding: 0;overflow: hidden;}
#posts_slider a {position: relative;width: 100%;height: 305px;display: block;color: #fff;}
.posts_slider {position: relative;max-width:350px; height:283px;margin: 0 auto;overflow: hidden;border:0;}
.posts_slider_title {position: absolute;z-index: 99;right: 0;top: 0;left: 0;width: 100%;padding: 10px 10px 30px 10px;font-family: "Arial Black";letter-spacing: -2px;font-weight: bold;font-size: 23px;line-height: 30px;color: #fff;text-align: center;text-transform: uppercase;text-shadow: 0 3px 5px #000;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}
.lSSlideOuter .lSPager.lSpg {position: absolute;bottom: 20px;width: 100%;}
.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {background-color: #fff !important;}

/* PAGE */
.page-title h1{margin: 0 0 20px 0;font-family: "Arial Black";font-size: 32px;line-height: 36px;letter-spacing: -2px;color: var(--black);}
.page-title p{line-height: 20px;margin: 0 0 15px 0;}
.page-content a,.page-title p a{color: var(--orange);text-decoration: underline;}
.page-content ul {margin:revert;padding:revert;}

/* SINGLE */
#top50 {margin: 0 0 40px 0;}
#top50 .top50_text {margin: 20px 0 0 0;font-size: 17px;}

#more_in_category {position: relative;height: 36px;margin: 15px 0 30px 0;padding: 0 0 0 0;overflow: hidden;}
#more_in_category a {padding: 7px 0 3px 0;display: block;font-family: "Arial Black";font-weight: normal;font-size: 18px;text-decoration: none;letter-spacing: -1px;color:var(--orange);}
#more_in_category_label {position: relative;left: 0;top: 0;margin: 0 25px 15px 0;padding: 6px 15px 6px 15px;float:left;color: #fff;text-transform: uppercase;font-family: "Arial Black";font-weight: normal;letter-spacing: -1px;font-size: 16px;background: #000;}
#more_in_category_label:after {position: absolute;top: 0;right: -8px;content: "";width: 0;height: 0;border-top: 0 solid transparent;border-bottom: 36px solid transparent;border-left: 8px solid #000;}
#more_in_category_label.blue {background: var(--blue);}
#more_in_category_label.blue:after {border-left-color: var(--blue);}
#more_in_category_label.orange {background: var(--orange);}
#more_in_category_label.orange:after {background: var(--orange);}
.more_in_category_also {margin: 8px 10px 0 0;float: left;font-family: "Arial";font-size: 17px;font-weight: 600;letter-spacing: -1px;color: #000;}

.single #page_header {margin: 15px 0 15px 0;overflow:hidden;}
.single #page_header .title {width: 70%;float: left;}
#page_header{margin: 0 0 20px 0;overflow: hidden;}
#page_header .title {font-size:2rem;line-height:36px;letter-spacing:-2px;}
.single #page_header .single_post_meta {width: 30%;float: right;text-align: right;}
.single.green #page_header .single_post_meta .single_post_category:before {border-right-color: #000;}
.single #page_header .single_post_meta .single_post_category:before {position: absolute;top: 0;left: -8px;content: "";width: 0;height: 0;border-top: 0 solid transparent;border-bottom: 34px solid transparent;border-right: 8px solid #000;}
.single #page_header .single_post_meta .single_post_category {position: relative;margin: 0 0 15px 0;padding: 6px 15px 6px 15px;display: inline-block;color: #fff;text-transform: uppercase;letter-spacing: -1px;font-family:"Arial Black";font-weight:normal;font-size: 16px;background: #000;}
.single #page_header .single_post_meta .single_post_date {display: block;font-size: 16px;text-align: right;}
.single_post_image {width: 200px;float: right;height: auto;margin: 3px 0 20px 20px;clear: both;overflow: hidden;border: 1px solid #e9e9e9;}
.single_post_image img {width: 100%;height:auto!important;}
.single_post_category.blue{background: var(--blue)!important;}
.single_post_category.blue:before{border-right-color: var(--blue)!important;}
.single .green .main-content p a {color:var(--primary);}

.single_post_share {margin: 30px 0;}
.conditional_share {display: inline-block;height: 60px;background: #f7f7f7;padding: 3px 20px;}
.share_article_head {float: left;font-size: 16px;color: #4363b2;padding-top: 16px;margin-right: 20px;}
.share-green {display: block;color: #4363b2;font-family: "Oswald";font-weight: bold;text-transform: uppercase;font-size: 18px;}
.single_post_next_post {float: right;text-align: center;margin-top: 10px;}
.single_post_next_post a {margin: 0 20px 0 0;display: inline-block;background: #000;font-family: "Arial";font-weight: 600;font-size: 16px;text-align: center;color: #fff;text-decoration: none !important;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.06) !important;border-radius: 3px !important;padding: 10px 15px !important;}

.addtoany_shortcode {float: left;}
.a2a_kit_size_14 a {box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.06) !important;border-radius: 3px !important;margin: 10px !important;padding: 10px 15px !important;}
.a2a_kit_size_14 .a2a_label {clip: auto !important;position: relative !important;overflow: hidden !important;clip-path: none;font-size: 13px;font-weight: bold;font-family: 'Arial';color: #fff;margin-left: 10px;width: auto !important;height: 13px;}
.a2a_button_facebook,a.a2a_button_facebook:hover {background: #3c5898!important;}
.a2a_button_twitter,a.a2a_button_twitter:hover {background: #55acef!important;}
.a2a_button_whatsapp,a.a2a_button_whatsapp:hover {background: #13af0b!important;}

/* --- Author */
.single_post_author {margin: 30px 0 0 0;padding: 30px 0 0 0;overflow: hidden;border-top: 1px solid #bababa;font-weight: bold;}
.single_post_author img {width: 75px;height: auto;border: 1px solid #bababa;float: left;}
.single_post_author_name {position: relative;display: block;margin: 0 0 10px 90px;font-size: 20px;font-family: "Arial-Black";letter-spacing: -2px;text-transform: uppercase;color: #000;}
.single_post_author_name span {color: #f00;}
.single_post_author_text {position: relative;display: block;margin: 0 0 0 90px;}

/* --- Related posts */
.single_related {margin-top: 20px;}
body.single-post #content h3 {font-size: 18px;line-height: 18px;margin-bottom: 5px;}
.single_related .related_heading {margin: 0 0 10px 0;padding: 10px;display: block;background:#000;font-size: 18px;font-weight: normal;color: #fff;text-transform: uppercase;}
.single_related ul li {position: relative;margin: 0 0 10px 0;padding: 0;list-style-type: none;}
.single_related ul li a {position: relative;padding: 20px;display: block;overflow: hidden;border: 1px solid #bababa;text-decoration: none !important;color: var(--black);}
.single_related ul li a .related_thumbnail {width: 130px;height: 90px;background: #ccc;float: left;}
.single_related ul li a .related_title {position: relative;margin: 0 0 0 150px;display: block;font-size: 19px;text-transform: uppercase;font-weight: 700;}
.single_related ul li a .related_excerpt {position: relative;display: block;margin: 0 0 0 150px;color: #000;}

/* Category */
/* Left column expands to use remaining space */
.category .left-column {flex: 1;}
/* Posts grid: two-column layout */
.posts-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Each post max 350px wide, and flexes within the row */
.post {
  flex: 1 1 350px;
  max-width: 350px;
}


.post {margin: 0 0 45px 0;}
.post_category {position: absolute;bottom: 15px;left: 0;color: var(--white);background-color: var(--black);text-transform: uppercase;font-family: "Arial Black";font-weight: 900;font-size: 15px;letter-spacing: -1px;padding: 6px 20px 6px 20px;display: table;}
.post_category::after {content: "";position: absolute;top: 0;right: -8px;width: 0;height: 0;display: inline-block;border-top: 0 solid transparent;border-bottom: 33px solid transparent;border-left: 8px solid var(--black);}
.green .post_category {background-color: var(--primary);color: var(--black);}
.green .post_category::after {border-left-color: var(--primary);}
.green .post_title:hover h2 {color: var(--primary-hover);}
.blue .post_category {background-color: var(--blue);}
.blue .post_category::after {border-left-color: var(--blue);}
.blue .post_title:hover h2  {color: var(--blue);}
.orange .post_category {background-color: var(--orange);}
.orange .post_category::after {border-left-color: var(--orange);}
.orange .post_title:hover h2  {color: var(--orange);}
.post-image{position:relative;}
.post img {width: 100%;height: 210px;object-fit: cover;}
.post h2 {font-weight: bold;font-size: 20px;letter-spacing: -1px;text-transform: uppercase;margin: 20px 0 15px 0;color: var(--black);font-family: 'Arial Narrow';}
.post h2 a {color: var(--black);}
.category .post p {font-size: 16px;line-height: 20px;}

.post_meta {display: flex;align-items: center;flex-wrap: wrap;}
.post_meta .btn.btn-primary {margin-right: 20px;}
.post_meta .post_date {font-size: 16px;color: var(--text);}
.post_meta .post_date i {margin: 0 3px 0 0;}

/* Search Results */
.search #page_header {margin: 0 0 20px 0;overflow: hidden;}
.search #page_header .title span {color:var(--red);}

.search-result {height: auto;overflow: hidden;text-decoration: none !important;border: none;margin: 0 0 25px 0;padding: 8px;color: #000;border: 1px solid #e9e9e9;display: block;max-width: 350px;float: left;font-weight: 300;font-size: 16px;width: 100%;}
.search-result.last {float:right;}
.search-result .searchpost_thumbnail {width: 60px;height: auto;margin: 0;float: left;}
.search-result .searchpost_thumbnail img {width: 100%;height: auto;}
.search-result .searchpost_title {position: relative;display: block;margin: 0 0 0 75px;font-family: "Oswald";font-size: 16px;font-weight: 400;color: #000;text-transform: uppercase;}
.search-result .searchpost_excerpt {position: relative;display: block;margin: 0 0 0 75px;color: #000;}
.search-result .searchpost_category {position: relative;top: inherit;left: inherit;margin: 10px 0 0 75px;padding: 0;background: none;text-align: left;font-weight: normal;font-family: "Arial Black";}
.search-result .searchpost_category .searchpost_date {margin: 0;color: #000;text-transform: lowercase;font-family: Arial;}
.search-result.green .searchpost_category {color: var(--green);}
.search-result.blue .searchpost_category {color: var(--blue);}
.search-result.orange .searchpost_category {color: var(--orange);}
.search-result.green:hover {border-color: var(--green);}
.search-result.blue:hover {border-color: var(--blue);}
.search-result.orange:hover {border-color: var(--orange);}

/* SIDEBAR */
.social-icons ul {list-style: none;margin: 0 -7.5px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.social-icons ul li {padding: 0 7.5px;margin: 0 0 15px 0;width: 25%;}
.social-icons ul li a {padding: 5px;display: block;color: var(--white);font-size: 22px;text-align: center;background-color: #4e6ca8;}
.social-icons ul li:nth-of-type(2) a {background-color: #43a9d5;}
.social-icons ul li:nth-of-type(3) a {background-color: #f71f1f;}
.social-icons ul li:nth-of-type(4) a {background-color: #de4b62;}
.sidebar .widget {margin-bottom:20px;}
.sidebar h3{display: block;font-size: 21px;color: var(--black);letter-spacing: -1px;text-transform: uppercase;text-align: center;font-weight: bold;}
.sidebar h3.widget_title{margin: 0 0 5px 0;}
.sidebar h3 strong {color: var(--primary);font-family: "Arial Black";font-weight: 900;}


/* --- Poll */
.widget_polls-widget {list-style-type: none;margin-top:20px;}
.sidebar .wp-polls-ans a {color: var(--orange);}
.sidebar .wp-polls-ans input[type="radio"] {margin: 5px 0 0 3px;float: left;}
.sidebar .wp-polls-ans li {margin: 0 0 15px 0;overflow: hidden;}
.sidebar .wp-polls-ans label {position: relative;display: block;margin: 0 0 0 26px;font-weight: normal;}
.sidebar .wp-polls-ans input[type="button"] {padding: 3px 7px;}
input[type="submit"], input[type="button"] {background: #ff6000 !important;font-family: "Oswald";font-weight: bold;font-size: 18px;color: #fff;text-transform: uppercase;border: none !important;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;border-radius: 0;}

/* --- Top 10  */
.sidebar .widget_title.top10_title {margin: 10px 0 5px 0;}
.sidebar .top10 {margin: 0;padding: 0;font-weight: normal;}
.sidebar .top10.last {margin: 0 0 20px 0;}
.sidebar .top10 li {margin: 0 0 5px 0;padding: 0;overflow: hidden;list-style-type: none;border-top: 2px solid #2be400;border-bottom: 2px solid #2be400;border-right: 2px solid #2be400;}
.sidebar .top10 li:last-child {margin: 0;}
.sidebar .top10 li .top10_thumbnail {position: relative;width: 64px;height: 64px;margin: -2px 0 -2px -2px;float: left;background: #ccc;}
.sidebar .top10 li .top10_thumbnail img {width: 100%;height: 100%;}
.sidebar .top10 li .top10_thumbnail .top10_count {position: absolute;padding: 0 6px 0 6px;font-family: "Arial-Black";font-weight: bold;font-size: 18px;color: #fff;background: #000;text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;text-align: center;}
.sidebar .top10 li .top10_title {position: relative;display: block;margin: 7px 10px 7px 75px;font-family: "Arial";font-size: 15px;font-weight: bold;line-height: 20px;letter-spacing: -1px;color: #000;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.sidebar .top10 li .top10_title:hover {color: var(--orange);-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}

/* --- Wietskeburt/watskeburt */
.sidebar .sidebar_posts li {margin: 10px 0 0 0;padding: 0;overflow: hidden;list-style-type: none;clear: both;}
.sidebar .sidebar_posts li a {padding: 10px;display: block;overflow: hidden;background: #fff;border: 2px solid #000;}
.sidebar .sidebar_posts.right li img, #sidebar .sidebar_posts.right li .sidebar_thumbnail {float: right;}
.sidebar .sidebar_posts li img, #sidebar .sidebar_posts li .sidebar_thumbnail {width: 100px;height: 60px;float: left;background: #ccc;}
.sidebar .sidebar_posts.right li .sidebar_title {margin: 0;}
.sidebar .sidebar_posts li .sidebar_title {position: relative;display: block;margin: 0px 0px 0px 120px;font-family: "Arial";font-size: 15px;font-weight: bold;line-height: 20px;letter-spacing: -1px;color: #000;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.sidebar .sidebar_posts li.green .sidebar_category {color: var(--green);}
.sidebar .sidebar_posts li.blue .sidebar_category {color: var(--blue);}
.sidebar .sidebar_posts li.orange .sidebar_category {color: var(--orange);}
.sidebar .sidebar_posts.right li .sidebar_category {margin: 0;}
.sidebar .sidebar_posts li .sidebar_category {position: relative;display: block;margin: 0 0 0 120px;font-family: "Arial Black";letter-spacing: -1px;font-size: 12px;font-weight: 400;text-transform: uppercase;}
.sidebar .sidebar_posts li.orange a:hover {border-color: var(--orange);}
.sidebar .sidebar_posts li.orange a:hover .sidebar_title {color: var(--orange);}
.sidebar .sidebar_posts li.blue a:hover {border-color: var(--blue);}
.sidebar .sidebar_posts li.blue a:hover .sidebar_title {color: var(--blue);}
.sidebar .sidebar_posts li.green a:hover {border-color: var(--green);}
.sidebar .sidebar_posts li.green a:hover .sidebar_title {color: var(--green);}

/* --- Friends-block
.friends-block {padding: 10px 0 0 0;}
.friends-block h3 {margin-bottom: 25px;}
.friends-block ul{list-style: none;margin: 0;}
.friends-block ul li{display: table;margin: 0 0 10px 0;}
.friends-block ul li a{display: table;position: relative;color: var(--black);line-height: 18px;padding: 0 0 0 23px;}
.friends-block ul li a::before {content: "";width: 13px;height: 13px;display: inline-block;background: url('images/weed_leaf.png');background-size: 13px;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 3px;}
.friends-block ul li a:hover{color: var(--red);}
*/

/* Pagination */
#pagination {margin: 20px 0 0 0;clear: both;font-family: "Arial";color: #4c4c4c;text-transform: uppercase;}
#pagination ul {width: 100%;margin: 0;padding: 0;text-align: center;}
#pagination ul li {margin: 0;padding: 0;display: inline-block;list-style-type: none;}
#pagination ul li a {padding: 6px 12px;display: block;font-weight: bold;background: #000;color: #fff;text-decoration: none !important;}
#pagination ul li a:hover, #pagination ul li.active a {background: #ff6000;}

/* Footer */
.footer {background-color: var(--gray);padding: 25px 0;z-index: 111;position: relative;}
.footlink ul {list-style: none;margin: 0;}
.footlink ul li {margin: 0 0 0 0;display: inline-block;}
.footlink ul li a,.copyright h6 {font-family: 'Oswald';font-size: 16px;font-weight: 400;color: var(--black);text-transform: uppercase;}
.footlink ul li a::after {content: "//";margin: 0 10px;font-size: 16px;font-weight: 400;color: var(--text);}
.footlink ul li:last-child a::after {display: none;}
.copyright h6 {text-align: right;}

/* Advertenties */
.post_ad_large {min-width:350px;margin:0 0 15px 0;float:left;display:block;}
.post_ad_large.last {float:right;}
.post_ad_large.home {clear: both;float: none;}
.post_ad_small {margin: 0 10px 15px 0;float:left;}
.post_ad_small.last {margin: 0;float:right;}
.sidebar_ad_small {margin: 0 20px 20px 0;float: left;overflow: hidden;}
.sidebar_ad_small.last {float: right;}
.sidebar_ad_large {margin: 0 0 10px 0;overflow: hidden;}

/*Mobile top 10 */
.top10_mobile_title {display: block;font-family:"Arial";font-size: 21px;color: #000;letter-spacing: -1px;text-transform: uppercase;text-align: center;}
.top10_mobile_title span {color: var(--primary);font-family: "Arial Black";}
.top10_mobile {margin: 0;padding: 0;font-weight: normal;}
.top10_mobile li {margin: 0 0 5px 0;padding: 0;overflow: hidden;list-style-type: none;border-top: 2px solid #2be400;border-bottom: 2px solid #2be400;border-right: 2px solid #2be400;}
.top10_mobile li a {text-decoration: none !important;}
.top10_mobile li .top10_thumbnail {position: relative;width: 64px;height: 64px;margin: -2px 0 -2px -2px;float: left;background: #ccc;}
.top10_mobile li .top10_thumbnail .top10_count {position: absolute;padding: 0 6px 0 6px;font-family: "Arial-Black";font-weight: bold;font-size: 18px;color: #fff;background: #000;text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;text-align: center;}
.top10_mobile li .top10_thumbnail .top10_count {position: absolute;padding: 0 6px 0 6px;font-family: "Arial-Black";font-weight: bold;font-size: 18px;color: #fff;background: #000;text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;text-align: center;}
.top10_mobile li .top10_thumbnail img {width: 100%;height: 100%;}
.top10_mobile li .top10_title {position: relative;display: block;margin: 7px 10px 7px 75px;font-family: "Arial";font-size: 15px;font-weight: bold;line-height: 20px;letter-spacing: -1px;color: #000;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}