/*
Theme Name: Jpthijsse
Theme URI: http://www.jpthijsse.nl/
Description: This is a custom child theme for Salient
Author: Sixtyseven	
Author URI: http://www.sixtyseven.com/
Template: salient
Version: 0.1
*/

/* ==============================================================
GENERAL
=================================================================*/

.wpb_row {
    margin-bottom: 0px;
}
  
.hide, .hidden {
    display: none !important;
}

.standard_section:not(.full-width-section) .row-bg-wrap:after {
    margin-left: -30px;
    width: calc(100% + 60px);
}

@media only screen and (max-width:1000px) {
    .col.neg-marg {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 1200px) {
    body:not(.home) .wpb_text_column {
        padding-right: 10%;
    }
}

/* =====================================
HEADER 
======================================== */

@media only screen and (min-width:1000px) {
    #header-outer {
      padding-top: 0px !important;
    }
  }

 .sf-menu > li.menu-item-has-children > a {
     display: inline-block;
     padding-right: 15px !important;
 }
 .sf-menu > li.menu-item-has-children > a:before {
    content: '\f107';
    opacity: 0.5;
    font-family: FontAwesome;
    padding-left: 6px;
    font-size: 1.15em;
    -webkit-transition: 300ms all ease;
    transition: 300ms all ease;
    position: absolute;
    right: 0;
}
  
.sf-menu > li.menu-item-has-children > a:before:after {
    opacity: 1;
}
  
header#top .sf-menu li ul li.current-menu-item a {
    font-weight: bold !important;
}

#header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after, 
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after, 
.material #header-secondary-outer[data-lhe="animated_underline"] nav >ul.sf-menu >li >a:after {
    border-width: 1px;
    opacity: 0.3;
}

/* Engelse vlag */

@media only screen and (min-width:1000px) {
	#header-secondary-outer #social {
		margin-right: 45px;
	}

	 .sf-menu > li.engels {
		position: absolute;
	    right: 0;
	}

	body #header-secondary-outer nav > ul > li.engels > a {
		font-size: 0px !important;
	}

	.sf-menu > li.engels > a:before {
		content: url(/wp-content/themes/jpthijsse/img/flag-english.png);
		position: absolute;
	    right: 0px;
	    top: 5px;
	}
}
  
/* Dropdown */
  
body[data-dropdown-style="minimal"] .sf-menu >li ul {
    padding: 0px;
    width: 20em;
}
  
body[data-dropdown-style="minimal"] .sf-menu >li ul li a,
body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu ul li a {
    padding: 12px 9px;
}
  
.sf-menu .sub-menu {
    background-color: #ffffff;
    top: 72px !important;
    width: 20em;
}
  
.sf-menu .sub-menu li:after {
    background-color: #cccccc;
    content: '';
    display: block;
    height: 1px;
    margin: 0 6px;
}
.sf-menu .sub-menu li:last-child:after {
    display: none;
}
  
/* Secundair menu */

body #header-secondary-outer nav {
    position: relative;
    top: 20px;
}

body #header-secondary-outer nav > ul > li > a {
    letter-spacing: 0.25px;
    font-size: 12px !important;
}

#header-secondary-outer #social {
    float: right;
}

body[data-header-color="custom"]:not(.material) #header-secondary-outer {
    border-bottom: 1px solid rgba(0,0,0,0);
}

body[data-header-color="custom"]:not(.material) #header-secondary-outer nav >ul >li >a {
    border-left: 1px solid rgba(0,0,0,0);
}

body[data-header-color="custom"]:not(.material) #header-secondary-outer nav >ul >li:last-child {
    border-right: 1px solid rgba(0,0,0,0);
}

body #header-secondary-outer #social i {
    font-size: 18px !important;
}

/* Off canvas */

body #slide-out-widget-area .menuwrapper li.back, body #slide-out-widget-area .menu.subview li.subviewopen >.sub-menu >li.back {
    display: block;
}

#slide-out-widget-area .menuwrapper li.back >a {
    background-color: #0f4972;
    display: block;
    margin-left: 0 !important;
    width: 100%;
    font-size: 14px !important;
    padding-left: 15px !important;
}

#slide-out-widget-area .menuwrapper li.back >a:before {
    content: '\f060';
    opacity: 1;
    font-family: FontAwesome;
    padding-right: 6px;
    font-size: 0.75em;
}

#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li.menu-item-has-children:not(.subviewopen) > a:after {
    content: '+';
    display: inline-block;
    font-size: 0.75em;
    padding-left: 6px;
    opacity: 0.75;
}
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li.menu-item-has-children.subviewopen > a {
    border-bottom: 2px solid #0f4972;
}

#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a {
    display: block;
    padding: 6px 0;
    opacity: 1 !important;
}

/* Search */

html body.ascend #search-outer #search input[type="text"] {
    color: #15639A!important;
    font-size: 30px!important;
    text-transform: none;
    letter-spacing: 0px;
}


/* ==============================================================
TYPOGRAPHY
=================================================================*/

body .wpb_row > .col.span_12.dark h1,
body .wpb_row > .col.span_12.dark h3,
body .wpb_row > .col.span_12.dark h4,
body .wpb_row > .col.span_12.dark h5,
body .wpb_row > .col.span_12.dark p {
    color: #676767;
}

body .wpb_row > .col.span_12.dark h2 {
    color:#8D8D8D;
}

.col.light h1, .first-section .col.light h4 {
    margin-top: 15px;
	text-shadow: 0 2px 10px rgba(30,30,30,0.85);
}

@media (min-width: 1300px) and (max-width: 1400px) {
	.col.light h1 {
		font-size: 30px;
		line-height: 36px;
	}
}

body h2 {
    padding-bottom: 27px;
}

body p {
    padding-bottom: 17px;
}

body .wpb_row > .col.span_12.light .dark p {
    color: #676767;
}

@media (max-width: 1000px) {
    h1 br {
        display: none;
    }
}

body .row .col .team-member h4 {
	text-transform: none;
	letter-spacing: 0.25px;
	font-size: 14px;
}

/* ==============================================================
HERO
=================================================================*/

@media (max-width: 1000px) {
    .first-section .col.span_12 {
        margin-top: 45px;
    }
}

.first-section .row-bg-wrap:before {
    content: url('/wp-content/themes/jpthijsse/img/hero-bottom.svg');
    position: absolute;
    bottom: -10px;
    display: block;
    width: 101%;
    z-index: 9;
    left: -2px;
}

.mededelingen .wpb_column[data-bg-color="#ffffff"] .vc_column-inner {
    padding: 15px 0;
}

.mededelingen .tweet p {
	font-size: 15px;
	line-height: 24px;
}

.mededelingen .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
}

@media (min-width: 1000px) {
    .mededelingen {
        position: absolute;
        top: 1%;
        width: 75%;
        right: 0;
    }
    .mededelingen .wpb_column[data-bg-color="#ffffff"] {
        box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    }
    .mededelingen .wpb_column[data-bg-color="#ffffff"] .vc_column-inner {
        padding: 15px;
        padding-bottom: 15px !important;
    }
    .mededelingen .wpb_column[data-bg-color="#ffffff"]:before {
        border-radius: 3px;
    }
}
@media (min-width: 1000px) and (max-width: 1400px) {
    .mededelingen {
        width: 100%;
        left: 0;
		top: 2%;
    }
    .owl-carousel.twitter-feed .owl-stage {
    	padding: 10px 0;
    }
    .mededelingen .tweet p {
    	font-size: 12px;
    	line-height: 21px;
    	font-weight: 600;
	}
}
@media (min-width: 1400px) {
    .mededelingen {
        position: absolute;
        top: 4%;
        width: 75%;
        left: 15%;
    }
}



/* Breadcrumbs */

.main-content .breadcrumbs {
    margin-top: 9px;
    margin-bottom: 9px;
    margin-left: 0;
}

.breadcrumbs, .breadcrumbs li {
    list-style: none;
}

.breadcrumbs li {
    font-size: 0.85em;
    font-weight: 600;
}

.breadcrumbs li, .breadcrumbs li a {
    display: inline-block;
    font-size: 13px;
}

.breadcrumbs li a {
    color: #15639A;
}

.breadcrumbs .separator {
    color: #a1a1a1;
    padding: 0 5px;
    font-size: 0.75em;
}

/* ==============================================================
FOOTER
=================================================================*/

.footer-bottom {
    background: rgb(209,236,79);
    background: -moz-linear-gradient(-45deg, rgba(209,236,79,1) 1%, rgba(169,201,19,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(209,236,79,1) 1%,rgba(169,201,19,1) 100%);
    background: linear-gradient(135deg, rgba(209,236,79,1) 1%,rgba(169,201,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ec4f', endColorstr='#a9c913',GradientType=1 );
    font-size: 15px;
    font-weight: 600;
    padding-top: 45px;
    z-index: 10;
    overflow: hidden;
}
.footer-bottom .container {
    padding-top: 45px;
}

.footer-bottom p {
    color:#708417;
    font-size: 14px;
}

.footer-bottom a {
    color: #576322;
    display: inline-block;
    margin-right: 12px;
    transition: color 150ms ease; 
    -webkit-transition: color 150ms ease;
}
.footer-bottom a:hover {
    color: #000000;
}

.footer-bottom i {
    color: #ffffff;
    font-size: 30px;
    margin-left: 12px;
    transition: color 150ms ease; 
    -webkit-transition: color 150ms ease;
}
.footer-bottom a:hover i {
    color: #576322;
}

.footer-bottom:before {
    content: url('/wp-content/themes/jpthijsse/img/footer-bottom.svg');
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    z-index: 0;
    left: 0;
    right: 0;
}

@media (min-width: 1575px) {
    .footer-bottom:before {
        bottom: -170px;
        left: initial;
        right: 0px;
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .footer-bottom {
        height: 100% !important;
    }
    .footer-bottom .col.left, .footer-bottom .col.right {
        text-align: center;
    }
}


/* ==============================================================
NEWS
=================================================================*/

.home .blog-recent[data-style="minimal"] .col {
    padding: 0 15px 0 0;
}

body .wpb_row > .col.span_12.dark .blog-recent[data-style="minimal"] h3 {
    color: #15639A;
    display: inline;
    border-bottom: 1px solid #ffffff;
    transition: all 150ms ease; 
    -webkit-transition: all 150ms ease; 
}
body .wpb_row > .col.span_12.dark .blog-recent[data-style="minimal"] a:hover ~ .post-header h3 {
    color: #0f4972;
    border-bottom: 1px solid rgba(21,99,154,0.5);
}

body .wpb_row > .col.span_12.dark .vc_col-sm-4.wpb_column .blog-recent[data-style="minimal"] h3 {
    font-size: 15px;
}

.nectar-recent-posts-single_featured .grav-wrap,
.nectar-recent-posts-single_featured .recent-post-container .excerpt,
.vc_col-sm-4.wpb_column .excerpt, .blog-recent[data-style="minimal"] .col >span {
    display: none;
} 

body .nectar-recent-posts-single_featured {
    margin-bottom: 45px;
}

.nectar-recent-posts-single_featured .nectar-button[data-color-override="false"].regular-button {
    background-color: transparent !important;
    border: 2px solid rgba(255,255,255,0.5);
    color: #15639a;
}
.nectar-recent-posts-single_featured .nectar-button[data-color-override="false"].regular-button:hover {
    background-color: rgba(255,255,255,0.5) !important;
}

.nectar-recent-posts-single_featured h2 {
    font-weight: 700;
    margin: 15px 0 30px 0;
}

body .nectar-recent-posts-single_featured h2 a {
	color: #15639a;
}

body .nectar-recent-posts-single_featured .nectar-recent-post-slide .nectar-recent-post-bg:after {
    background-color: rgba(255,255,255,0.66);
}

.vc_col-sm-4.wpb_column .blog-recent > div {
    border-bottom: 2px solid #ebebeb;
    margin-bottom: 15px;
}

.vc_col-sm-4.wpb_column .blog-recent[data-style="minimal"] .meta {
    margin-bottom: 0;
}

.home .blog-recent .col .post-header {
    color: #676767;
    font-size: 12px;
}

@media (max-width: 690px) {
    .blog-recent .excerpt {
        display: none;
    }
    .blog-recent > div {
        border-bottom: 2px solid #ebebeb;
        margin-bottom: 15px;
    }
    .nectar-recent-posts-single_featured .nectar-button {
        display: none;
    }
    .nectar-recent-posts-single_featured .recent-post-container, .nectar-recent-posts-single_featured.multiple_featured > .container {
        padding-left: 15px;
    }
}

/* Single */

body #post-area.masonry.classic_enhanced article.post .post-meta {
	display: none !important;
}

.single article.post .content-inner .post-featured-img img {
	width: auto;
    max-width: 50%;
    float: right;
    margin-left: 30px;
    box-shadow:none!important;
    margin:0!important;
    transform:none!important;
}

.meta-category, .meta-author, .single #post-area.masonry article.post .post-meta, .meta-comment-count {
    display: none !important;
}

.single #single-below-header >span{border-left:none;}

@media only screen and (min-width: 690px) {

    .single article.post .content-inner .post-featured-img img {

        padding-left:45px;
    }

}

.single .post-area .category-films .post-featured-img {
	display: none;
}

.single .category-films .iframe-embed {
	-webkit-transform: scale(1.15);
          transform: scale(1.15);
    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
}

.post-link-back {
	background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 128px;
    z-index: 15;
    transform: translateX(-50%);
	border-bottom: 1px solid #ededed;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
}

.related-post-wrap[data-using-post-pagination="false"] {
    padding-top: 45px;
    margin-bottom: -40px;
    padding-bottom: 7%;
}

/* ==============================================================
CUSTOM
=================================================================*/

body .iwithtext [class^="icon-"].icon-default-style {
    line-height: 12px!important;
    height: 21px;
    width: 21px;
    font-size: 21px!important;
}

.iwithtext {
    padding-bottom: 3px;
    border-bottom: 3px solid #ebebeb;
}

@media (max-width: 1000px) {
    .iwithtext {
        margin-top: 30px;
    }
}

.iwithtext .iwt-text {
    padding-left: 36px;
}

@media (min-width: 1000px) {
    .home .vc_col-sm-8.wpb_column {
        border-right: 2px solid #ebebeb;
    }
    .home .vc_col-sm-8.wpb_column .vc_column-inner {
        padding-right: 30px;
    }
}

/* List styling */

.wpb_text_column ul li {
	list-style: none;
	padding: 15px 0 0;
    margin: 5px 0;
}


.wpb_text_column ul li:before {
    content: "\f054";
    font-family: "FontAwesome";
    color: #bace00;
    position: absolute;
    margin-left: -30px;
}

/* Tables */

body .tablepress tfoot th, body .tablepress thead th {
    background-color: #ffffff;
    border-top: 3px solid #ebebeb !important;
    border-bottom: 3px solid #ebebeb !important;
    font-size: 15px;
    color: #15639a;
}

/* Detailpagina sidebar list */

.nectar-fancy-ul li a {
    border-bottom: 2px solid #ebebeb;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0;
}

/* Content image effect */

.img-with-aniamtion-wrap {
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    position: relative;
    left: 60px;
}
.img-with-aniamtion-wrap:after {
    background-color:#A9C913; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -10px;
    top: -10px;
    display: block;
    z-index: -1;
}

.img-with-aniamtion-wrap.right {
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    position: relative;
    left: -45px;
}
.img-with-aniamtion-wrap.right:after {
    background-color:#A9C913; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -10px;
    top: -10px;
    display: block;
    z-index: -1;
}

@media (max-width: 1000px) {
    .img-with-aniamtion-wrap, .img-with-aniamtion-wrap.right {
        left: 0;
    }
}

/* Direct naar menu */

.info-links-wrap {
    position: fixed;
    top: 50%;
    right: -250px;
    transform: translateY(-50%);
    z-index: 11;
    -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  	transition:         all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.info-links-wrap.toggled {
    right: 0;
}
.info-links-toggle {
    box-shadow: -3px 0 6px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.15);
    -webkit-transform: rotate(-90deg) translateY(-250px) translateX(58px);
    transform: rotate(-90deg) translateY(-250px) translateX(58px);
    transform-origin: bottom right;
    background-color: #ffffff;
    color: #15639A;
    padding: 13px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    right: 0;
    position: absolute;
    -webkit-transition: all 100ms ease;
  	transition:         all 100ms ease;
}
.info-links-toggle:hover {
    background-color: #ffffff;
    color: #0f4972;
}
.info-links {
    padding: 15px;
    background-color: #ffffff;
    width: 250px;
}
.info-links-toggle i {
    display: inline-block;
    font-size: 24px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 12px;
}

.info-links ul li {
	border-bottom: 1px solid #cccccc;
    padding: 3px 2px;
}

@media only screen and (max-width:690px) {
	.info-links-wrap {
		bottom: 0;
		top: 33%;
		-webkit-transform: none;
		transform: none;
	}
	.info-links-toggle {
		padding: 5px;
		font-size: 11px;
		-webkit-transform: rotate(-90deg) translateY(-250px) translateX(-5px);
		transform: rotate(-90deg) translateY(-250px) translateX(-5px);
	}
	.info-links-wrap i.fa {
		font-size: 13px;
	}
	.info-links ul li {
		font-size: 0.85em;
    	line-height: 1.4;
	}
}


.mededelingen + .wpb_row .vc_column-inner {
    position: static;
}