/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.1
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/

.theme-notice {visibility:hidden;}

@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro&display=swap');

/* FOOTER AANPASSINGEN */
#tie-wrapper .widget-title .the-subtitle {font-family: open sans;}
#footer .widget_tag_cloud .tagcloud a {color: #003fff;}
.site-footer a:hover {color:#003fff!important;}
.site-footer.dark-skin a:not(:hover) {color:#003fff!important;}
#footer-widgets-container {border-top: none!important;}
.button, [type="submit"] {background-color:#003fff;}
.button:hover, input[type='submit']:hover {background-color:#0838cc!important;}

/* post-title h2 aanpassingen */
#tie-wrapper .mag-box.wide-post-box .posts-items>li:nth-child(n) .post-title {
	font-size:25px!important;
	line-height:32px;
	font-weight:600!important;
}

/* post-title-calendar h3 aanpassingen */
.post-title-calendar {
	font-size:25px!important;
	line-height:32px;
	font-weight:600!important;
}



/* BEGIN MEGA-MENU DARK VARIANT */

.main-nav .tie-logo-hover {
    display: none;
}

.main-nav:hover .tie-logo-default {
    display: none !important;
}

.main-nav:hover .tie-logo-hover {
    display: inline;
}

.main-nav:hover {
    background-color: #333333 !important;
    color: #fff !important;
}

.main-nav .menu-item>a {
    color: #333 !important;
    background-color: transparent !important;
}

.main-nav:hover .menu-item>a {
    color: #fff !important;
    background-color: transparent !important;
}

/* .main-nav:hover a:not(.monotone-link):hover, .main-nav:hover a:not(.monotone-link):active {
    color: #0065FF !important;    
} */

.main-menu .menu > li.tie-current-menu {border-bottom: none !important;}

.main-menu .menu > li.menu-item > a:hover,
.main-menu .menu > li.tie-current-menu > a {color: #0065FF !important;}


.main-menu .menu > li.menu-item > a:hover::before,
.main-nav .main-menu .menu > li.tie-current-menu > a:before {border-top-color: #0065FF !important;}

.main-nav .main-menu .menu > li.tie-current-menu > a:after {display: none;}

.mega-cat-wrapper {
    background-color: #333333 !important;
    color: #fff !important;
    position: relative;
}

.mega-cat-background {
    position: absolute;
    background-color: #333333;
    width: 300vw;
    height: calc(100% + 2px);
    left: -100vw;
    top: -2px;
}

.mega-menu-block {
    border: none !important;
}

.mega-menu-post .date {
    color: #999 !important;
}

.mega-menu-link {
    color: #fff !important;
}

.mega-cat-sub-categories li a {
    font-size: 12px !important;
}


/* END MEGA MENU */


/* BEGIN CATEGORY PAGE */

.category-header {
    text-align: left !important;
}

.category-title {
    margin-bottom: 16px;
}

.category-title a {
    font-size: 41px;
    color: #003FFF;
}

.cat-title-disruptiefburgerschap a,
.cat-title-disruptivecitizenship a {
    color: #76B2FF;
}

.cat-title-maatschappelijkleiderschap a,
.cat-title-civilleadership a {
    color: #55D8A2;
}

.cat-title-maatschappelijkondernemerschap a,
.cat-title-socialentrepreneurship a {
    color: #FFAAA6;
}

.category-sub-cat {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 2em;
    position: relative;
}

.category-sub-cat::after {
    content: "";
    display: table;
    clear: both;
}

.category-sub-cat-slide {
    white-space: normal;
    margin-bottom: 1em;
}

@media (min-width: 992px) {
    .category-sub-cat-slide {
        width: calc(33% - 1.25px);
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
        margin-bottom: 0;
    }

    .category-sub-cat-slide:first-child {
        transition: margin-left .5s ease-out;
    }

    .category-sub-cat .tie-slider-nav {
        opacity: 1 !important;
        top: 35% !important;
    }

    .tie-slider-nav-disabled {
        background-color: #aaa !important;
        cursor: default !important;
        opacity: 0.5;
    }

    .tie-slider-nav-disabled:before {
        content: '' !important;
    }    
}

.category-sub-cat-slide-thumbnail {
    height: 65vw;
}

@media (min-width: 992px) {
    .category-sub-cat-slide-thumbnail {
        height: 225px;
    }
}

.category-sub-cat-slide-thumbnail a {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    display: block;
}

.category-sub-cat-slide h2 {
    font-size: 25px;
    color: #333333;
    margin-bottom: 16px;
	max-width:85%;
}

.category-sub-cat-slide .date {
    font-size: 12px;
    color: #A3A3A3;
    font-family: 'open sans', Arial, Helvetica, sans-serif;
    line-height: 2em;
}

.category-sub-cat-slide p {
    font-size: 16px;
    color: #707070;
    font-family: 'Source Serif Pro', 'Comic Sans MS';
	max-width:90%;
}




/* END CATEGORY PAGE */




/* BEGIN MONOTONE */

.mega-sub-cat {
    color: #003FFF !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
    font-family: "open sans", Arial, Helvetica, sans-serif;
}

.mega-sub-cat:hover {
    background-color: #0838CC !important;
    border-color: #0838CC !important;
    color: #FFF !important;
}

.monotone-maatschappelijkondernemerschap,
.monotone-socialentrepreneurship {
    background-color: #FFAAA6 !important;
    border-color: #FFAAA6 !important;
    color: #fff !important;
}

.monotone-maatschappelijkondernemerschap:hover,
.monotone-socialentrepreneurship:hover {
    background-color: #E29A96 !important;
    border-color: #E29A96 !important;
    color: #fff !important;
}

.monotone-disruptiefburgerschap,
.monotone-disruptivecitizenship {
    background-color: #76B2FF !important;
    border-color: #76B2FF !important;
    color: #fff !important;
}

.monotone-disruptiefburgerschap:hover,
.monotone-disruptivecitizenship:hover {
    background-color: #649BE0 !important;
    border-color: #649BE0 !important;
    color: #fff !important;
}

.monotone-maatschappelijkleiderschap,
.monotone-civilleadership {
    background-color: #55D8A2 !important;
    border-color: #55D8A2 !important;
    color: #fff !important;
}

.monotone-maatschappelijkleiderschap:hover,
.monotone-civilleadership:hover {
    background-color: #4ABE8E !important;
    border-color: #4ABE8E !important;
    color: #fff !important;
}

.monotone-inlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
}

.monotone-civilleadership>img,
.monotone-civilleadership .monotone-inlay,
.monotone-maatschappelijkleiderschap>img,
.monotone-maatschappelijkleiderschap .monotone-inlay,
.monotone-disruptivecitizenship>img,
.monotone-disruptivecitizenship .monotone-inlay,
.monotone-disruptiefburgerschap>img,
.monotone-disruptiefburgerschap .monotone-inlay,
.monotone-socialentrepreneurship>img,
.monotone-socialentrepreneurship .monotone-inlay,
.monotone-maatschappelijkondernemerschap>img,
.monotone-maatschappelijkondernemerschap .monotone-inlay {
    opacity: 0.3;
    /* Firefox 10-34 */
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'>&lt;filter id='grayscale'>&lt;feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */
    -webkit-filter: grayscale(1);
    /* Firefox 35+ */
    filter: grayscale(1);
    /* IE 6-9 */
    filter: gray;
    transition: opacity 0.5s ease;
}

.monotone:hover .monotone-inlay,
.monotone:hover>img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: opacity 0.5s ease;
}


/* END MONOTONE */

/* aanpassingen homepagina zijbalk agenda items */
.tribe-events-widget-events-list__header-title {
    font-family: 'open sans'!important;
    font-size: 20px;
    font-weight: 400;
}
.tribe-events-widget-events-list__event-title {
    font-family: 'open sans'!important;
    color: #707070;
    font-weight: 400;
    font-size: 14px;
}
.tribe-events-widget-events-list__event-datetime {
	font-family: 'open sans';
	font-size:14px;
}
.tribe-events-widget-events-list__event-date-tag-datetime {
	font-family: 'open sans';
	font-size:14px;
}
.tribe-events-widget-events-list__view-more-link {
    font-family: 'open sans';
    font-size: 14px!important;
    font-weight: 600!important;
    padding: 7px 15px!important;
    transition: 0.3s;
    background-color: #003fff;
	  float: right;
		max-width:140px;
}
.tribe-events-widget-events-list__view-more a {
	color:#fff;
}
.tribe-events-widget-events-list__view-more-link:hover {
    background-color: #0838cc!important;
}
/* aanpassingen zijbalk twitter */
a.button.dark-btn.fullwidth {
	    padding: 7px 15px!important;
	margin:0;
	float:right;
	max-width:140px;

}
/* einde zijbalk aanpassingen */

.wide-slider-wrapper .slide {background-color: #003fff;}
#mobile-menu li a {font-family: 'open sans'}
#content a:hover {color:#0056ff; text-decoration:none !important;}
.posts-list-counter li:before {width: 20px; height: 20px; top: 0; left: -15px; font-size: 12px; font-weight: 600; line-height: 20px; border: 0; font-family: 'open sans';}
@media (min-width: 992px) {
.boxed-slider-wrapper .thumb-content {max-width: 50%;margin:0 0 20px 20px;}}
.steven-sidebar {color:#707070; font-family: 'Open Sans'; font-weight:400; font-size:14px; line-height: 1.4 !important;}
.entry h6 {font-family: 'Open Sans'; font-size: 14px; font-weight: 600;}
.post-cat-wrap {font-family: 'Open Sans' !important; font-size: 12px; font-weight: 600;}
.thumb-meta {font-family: 'Open Sans'; font-size: 14px; font-weight: 600;}
.post-meta {font-family: 'Open Sans'; font-size: 12px; font-weight: 400;margin-bottom:0;}
/*.main-menu .menu > li > a:hover {background-color: #fff !important; color: #0065FF !important;}*/
.tie-popup {background-color: rgba(0, 101, 255, 0.8);}
#tie-popup-search-input {background: rgba(0, 101, 255, 0.8);}
@media (min-width: 768px) {
	.grid-3-slides .grid-item:nth-child(1) .thumb-title, .grid-5-slider .thumb-title { font-size: 40px !important;}}
.grid-slider-wrapper .thumb-title {font-size: 25px;}
.block-head-3 .the-global-title {border-bottom: 0px; margin-bottom: 0px;}
.timeline-widget ul li h3 {font-family: open sans; color:#707070; font-weight: 400;}
.timeline-widget li .date {font-family: open sans; font-size:11px; color:#a3a3a3;font-weight:400;}
.post-title-calendar a { font-size:25px;font-weight:bold;}
.post-widget-body .post-title a {font-family: open sans; color: #707070; font-weight: 400;}
.widget li:first-child {font-family: open sans; color:#707070; font-weight: 400;}
.widget_recent_entries li {font-family: open sans; color:#707070; font-weight: 400;}
.widget .post-meta {font-size:11px; color:#a3a3a3;font-weight:400;}
.widget-title h4 {font-family: open sans; color: #333333; font-weight:400; font-size:20px;}
.alignleft {margin: 0 1.1em 1em 0;}
.block-head-3 .the-global-title:after {height: 0px;}
.block-head-3 .the-global-title {border-bottom: 0px;}
.post-widget-body .post-title {font-family: open sans; color:#707070; font-weight: 400;}
.entry-header-outer .taxonomy-description {font-size: 20px; color: #8D8D8D;line-height:26px!important;}
.entry a {color: #8d8d8d; text-decoration: underline;}
.magazine2 .sidebar .container-wrapper {margin-bottom: 30px; border-bottom: 1px solid #CECECE; padding-bottom: 30px;}
.magazine2 .big-post-top-box .posts-items > li:first-child {border-bottom: 1px solid #CECECE; margin-bottom: 20px; padding-bottom:20px;}
.mag-box-filter-links {font-family: open sans;}
.theiaStickySidebar {background-color:#f7f7f7; padding:20px !important;}
.footer-widget-area {font-family: open sans; font-size:14px;}
.copyright-text {font-family: open sans; font-size:12px !important;}
#footer .widget_tag_cloud .tagcloud a {border: 0px; background-color:#fff; font-weight: 600; font-size:14px;}
q, blockquote {background: #fff;margin: 20px 0;display: block;color: #003fff;font-family: 'Bitter';font-weight:400;}
q p, blockquote p {margin-bottom: 1.474em;font-size: 32px;line-height: 40px !important;font-style: normal;}
q::before, blockquote::before {display: block;content: none;font-family: 'fontawesome';font-size: 18px;color: #003fff;}
.post-bottom-meta a[href] {color:#003fff; border:0;background: rgba(0, 0, 0, 0.07);}
.post-bottom-meta {font-family: 'open sans';font-weight: 600;}
.entry a {color: #003fff;text-decoration: underline;}
#related-posts .related-item .post-title {font-size: 20px;line-height: 25px;}
.magazine2 .post-footer-on-bottom {border: 0;padding: 0; margin:0 0 20px 0;}
.share-links a.facebook-share-btn {background: #003fff;border-radius: 40px;font-size: 20px;}
.share-links a:hover {background-color:#0838cc;}
.share-links a.twitter-share-btn {background: #003fff;border-radius: 40px;font-size: 20px;}
.share-links a.linkedin-share-btn {background: #003fff;border-radius: 40px;font-size: 20px;}
.share-links a.email-share-btn {background: #003fff;border-radius: 40px;font-size: 20px;}
.share-links a {background: #003fff;border-radius: 40px;font-size: 20px;}
@media (max-width: 991px) { .magazine2 .post-components {float:left;}}
@media (min-width: 992px) { 
.post-bottom-meta {border-top:1px solid #CECECE; margin:20px 0 0 0; padding:20px 0 0 0;float: left;width: 70%;}
.magazine2 .post-footer-on-bottom {float: right;margin-top: -146px;border-top: 1px solid #CECECE;padding-top: 20px;}}
.post-bottom-meta {border-top:1px solid #CECECE; margin:20px 0 0 0; padding:20px 0 0 0;}
.magazine2 .post-footer-on-bottom {float: right;padding-bottom:40px;}
#main-nav .main-menu > ul ul li a {padding: 3px 6px;}
.wpml-ls-menu-item .wpml-ls-flag {width: 18px;height: 18px;}
#footer-widgets-container {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;border-top: 8px solid #003fff;}
#go-to-top {background-color: #003fff;}
.magazine2 .show-more-button {color:#003fff; font-family:'open sans'; font-weight:600;font-size:14px; min-height:35px;height:35px;line-height: 35px;}
.magazine2 .show-more-button:hover {color: #0838cc !important;}
.button {font-family:'open sans';font-weight:400;font-size:13px;}
.button:hover {color:#fff!important;}
.category-sticky {border-top: none;border-bottom: 1px solid #CECECE;padding-bottom:20px!important;}
.post-9440 .post-meta {display:none;}
.post-10277 .post-meta {display:none;}
.post-10291 .post-meta {display:none;}
.post-9764 .post-meta {display:none;}
.post-10272 .post-meta {display:none;}
.post-10355 .post-meta {display:none;}
.shortc-button.blue {background-color:#003fff;border-width:0;}
.button.dark-btn:hover {background: #0838CC;}
.button.dark-btn {background: #003fff;}
.steven-sidebar a:hover {color:#0056ff !important;}
.steven-sidebar a {font-family:'open sans';font-weight:400;color: #707070;}
.widget_text p, .text-html p {font-size:14px;line-height: 1.4;}
.taxonomy-description p{font-size: 20px;color: #8D8D8D;line-height:26px;}
.taxonomy-description {font-size: 20px;color: #8D8D8D;line-height:26px;}
@media (max-width: 767px) {
.intro-psf {font-size:16px;line-height:20px;}
.img-sdw {width:30%;display: block;margin:0 auto!important;}
.h1-sdw {text-align:center;line-height:20px;}
p, .intro-sdw {font-size:16px!important; line-height:24px!important;}
.entry h6 {text-align:center;margin-bottom:60px;}
q, blockquote {padding:10px 0;}
#related-posts .related-item .post-title {font-size: 16px;line-height: 20px;}}
@media (max-width: 385px) {
.intro-psf {display:none;}
.grid-3-slides .grid-item:nth-child(n) {height: 150px;}
.section-item {padding-top: 0;}}
.tribe-mini-calendar-event .list-info h2 {font-family: open sans; color:#707070; font-weight:400!important;margin-bottom: 5px!important;}
.tribe-mini-calendar-event .list-info {font-family: 'Open Sans';font-size: 11px!important; color: #a3a3a3; font-weight: 400;}
.tribe-events-list-separator-month {font-family: 'open sans'!important;font-size: 20px;
    font-weight: 400;}
.tribe-events-event-meta {font-family: 'open sans';font-size:12px!important;font-weight:400!important;color:#777;}
.tribe-events-event-cost span {font-family: 'open sans';font-size:12px!important;font-weight:400!important;color:#777;}
.tribe-events-content p {color:#666;}
.tribe-events-read-more {background-color:#003fff;font-family: 'open sans';font-size:13px;font-weight:400;color:#fff!important;padding:7px 15px;margin:0;text-align:center;line-height:21px;border:none;cursor:pointer;border-radius:2px;}
.tribe-events-read-more:hover {background-color:#000dcd;}
.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {font-family: 'open sans';
font-weight: 600;font-size: 14px;line-height: 35px;border: 1px solid rgba(0, 0, 0, 0.1);padding:7px 15px;margin:0;text-align:center;color:#003fff!important;}
.tribe-events-adv-list-widget .tribe-events-widget-link a:hover, .tribe-events-back a:hover, .tribe-events-list-widget .tribe-events-widget-link a:hover, ul.tribe-events-sub-nav a:hover {color:#0838cc!important;}
.tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details a {color:#003fff;text-decoration:underline!important;}
#tribe-events-bar {display: none !important;}
.entry {font-size:16px;line-height:1.4em;}
.tribe_events-template-default .entry-header {display:none;}
.tribe_events-template-default .featured-area {display:none;}
.single-tribe_events .tribe-events-single-event-title {font-size:41px;line-height:1.3;}
.tribe-events-content p {color:#2c2f34;margin:0 0 25px!important;}
.tribe-events-list-event-title a {color:#2c2f34;}
.tribe-events-list-event-title a:hover {color:#0056ff!important;}
.tribe-events-single .tribe-events-sub-nav {display:none;}
.tribe-events-title a {font-family: open sans;color: #707070;font-weight: 400;}
.tribe-events-title a:hover {color: #003fff;}
.tribe-events-widget-link {display:none;}
.tribe-mini-calendar-event {border-bottom:0!important;}
.tribe-mini-calendar-event .list-date {background:#707070!important;}
#tribe-events .tribe-events-button, .tribe-events-button {background-color:#003fff;border-radius:0;font-family:open sans;font-weight:400;}
h3 a:hover {color:#003fff!important;}
.tweetaya-meta a {color: #a3a3a3!important;font-size:11px!important;}
.widget-title-icon {display:none;}
.tweetaya-body {font-family: open sans;color: #707070;font-weight: 400;font-size:14px;}
.tweetaya-body a {font-family: open sans;color: #707070;font-weight: 400;font-size:14px;}
.tweetaya-body a:hover {color: #003fff;}