/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#copyrights a { color: white; }
.entry h3, .entry .h3 {
    line-height: 1.9rem;
}
.jobfilter { min-width: 175px; }
.study-title {
	 text-align: center;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 161, 154, 0.3);
    padding-bottom: 8px;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
	background:transparent;
}
.study-items a {
	text-transform: uppercase;
    font-weight: 500;
    /*letter-spacing: 1px;*/
}
.study-items a span.badge {
	text-transform: none;
}
.study-items a:hover {
	background-color: rgba(27, 93, 110,0.9);
	color: white !important;
}
ul.items.study-items { margin-bottom: 45px}
.study-arrows { position: absolute; right: 5px; top: 5px; }
.study-arrow { height: 25px; }
.dashed-border {
	border-left: 3px dashed white;
}

/* Jobs */
.joblist { min-height: 400px; }
.jobitem { margin: 30px 0 30px -15px; padding-bottom: 20px; border-bottom: 2px solid #DFF1F1; }
.jobfilter > a { border: 1px solid #dee2e6 !important; margin-right: 2px; }
.sidebar-img { width:100%; height: 30%; margin-bottom: 3%; background-size: cover; background-position: center; } 
.sidebar-img.single-img { height: 100%; margin-bottom: 0%; } 
.sidebar-img.half-img { height: 45%; margin-bottom: 5%; }
.jobitem .btnbar { align-content: center; }

.dropdown-item:hover,.dropdown-item:focus {
    background-color: #1a5d6e;
    color: white;
}

.dropdown-item.active,.dropdown-item:active {
    background-color: #1a5d6e;
    color: white;
}

.study-title h2 span.menu-link {
    color: var(--cnvs-primary-menu-color) !important;
}
.studies span.button.button-reveal.button-medium {
	background-color: var(--cnvs-themecolor) !important;
	cursor: default !important;
}

.entry ul { margin-left:0px; }
.entry ul li {
    margin-bottom: 4px;
}
.entry ul li a:hover, .entry a:not(.button):hover {
	color: #1b5d6e;
}
.entry ul li {
	list-style: none;
	position: relative;
	padding-left: 15px;
}
.entry ul li:before {
	content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    color: var(--cnvs-themecolor);
    left: 0px;
    top: 1px;
}
.pane-bg .bg.bg-left, .promo-bg .bg.bg-left,
.pane-bg .bg.bg-right, .promo-bg .bg.bg-right {
	background-position: center !important;
}
.sidebar-img.h100 {
	height: 100%;
}
.sidebar-img.h50 {
	height: 50%;
}

#header #header-wrap{ border:none}
#header .page-title{ border-top: 1px solid var(--cnvs-header-border-color); }
}

/* RESPONSIVE */
@media screen and (min-width: 1200px){
	.pane-bg .col-padding:not(.offset-md-6), .promo-bg .col-padding:not(.offset-md-6) {
	    padding-left: 4rem;
	}
}
@media screen and (max-width: 1400px) and (min-width: 992px){
	#menu-hoofdnavigatie > li:first-child { display: none; }
	.menu-link { padding-left: 12px; padding-right:12px }
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	#top-bar .container, #header .container, .page-title .container { width:100%; max-width:100%; }
	.pane-bg .bg.single-arrow:after, .promo-bg .bg.single-arrow:after {
		right: -40px;

	}
	.pane-bg .bg.single-arrow.bg-right.single-arrow:after, .promo-bg .bg.single-arrow.bg-right.single-arrow:after {
		left: -40px;
	}
}
@media screen and (max-width: 991px){
	.pane-bg .bg.bg-left, .promo-bg .bg.bg-left,
	.pane-bg .bg.bg-right, .promo-bg .bg.bg-right {
		position: relative;
		position: relative;
	    top: auto;
	    width: 100% !important;
	    bottom: auto;
	    height: 50vh;
	    min-height: 400px;
	    left: 0;
	}
}
@media screen and (max-width: 767px){
	#header-wrap #logo img {
	    height: 45px;
	}
	#top-bar {
		height: 70px; margin-bottom: 10px;
	}
	#top-bar .fa-search {
		font-size: 12px;
	}
	#menu-top-menu {
		margin-top: 4px;
	}
	.primary-menu-trigger {
		padding-top: 0px;
    	padding-bottom: 14px;
	}
	#top-search button.btn {
		padding: 1px 8px 3px;
	}
	#top-search input {
		line-height: 10px;
	    height: 30px;
	    border-radius: 0 !important;
	    padding: 6px;
	}
	.slider-element.min-vh-60 { min-height: 40vh !important }
	.pane-bg .col-padding:not(.offset-md-6), .promo-bg .col-padding:not(.offset-md-6) {
	    padding: 2rem !important;
	    padding-left: 15px !important;
	    padding-right: 15px !important;
	}
	.px-5 {
	    padding-right: 2rem !important;
	    padding-left: 2rem !important;
	}
	.button.px-6 {
		padding-left: 0px !important; padding-right:0px !important; display: block; 
        text-align: center !important;
	}
	.pane-bg .ps-5, .pane-bg .pe-5 { padding-left: 15px !important; padding-right: 15px !important }
}
@media screen and (max-width: 1399px){
	.services .fbox-more {
	    padding-top: 50px;
	}
	.entry h1, .entry .h1 {
	    font-size: 44px;
	}
}
@media screen and (max-width: 1199px){
	.min-vh-60 {
    	min-height: 50vh !important;
    }
    .heading-block h1, .heading-block .h1 {
	    font-size: 2.5rem;
	}
	.services .fbox-more {
	    padding-top: 0px;
	}
	.promo .button { margin-bottom: 15px; }
	.pane-bg .col-padding:not(.offset-md-6), .promo-bg .col-padding:not(.offset-md-6) {
	    padding-left: 40px;
	}
	.footer-logo:not(.bvl) {
	    width: 310px;
	    max-width: 310px;
	}
}
@media screen and (min-width: 992px){
	.mt-lg-40 { margin-top: 40px !important; }
	.mt-lg-30 { margin-top: 30px !important; }
	.footer-logo.bvl { float:right; }
	.logo-bvl { padding-right:49px; height:auto !important; }
}
@media screen and (max-width: 991px){
	.col-lg-6.col-md-12.pe-5 { padding-right:calc(var(--bs-gutter-x)* .5) !important; }
	.services .feature-box.media-box { margin-bottom: 50px; }
	.media-box .fbox-media {
    	margin: 0 0 1rem;
    }
    .faqs {
    	margin-top: 20px;
    }
    .min-vh-40 {
	    min-height: 0vh !important;
	}
	.col-padding {
	    padding: 0rem 1rem 3rem 1rem !important;
	}
	.min-vh-md-30 {
        min-height: 30vh !important;
    }
    .col-padding {
	    padding: 2rem 1rem 2rem 1rem !important;
	}
    .heading-block.pb-5 { padding-bottom:1rem !important; }
    .pane-bg .img-block { order: 1; padding-top: 0px !important }
    .pane-bg .text-block { order: 2; }
    .pane-bg.md-5 { margin-bottom: 2rem; }
    .heading-block { margin-bottom: 25px; }
    .pane-bg.mb-6, .pane-bg.mb-5 {
	    margin-bottom: 0rem !important;
	    z-index: 1;
	}
	.promo .bg-right { margin-top: 30px; }
	#posts .grid-inner { padding-bottom: 25px; }
	.grid-filter li a {
	    padding-left: 11px !important;
	    padding-right: 11px !important;
	}
	.single-event { margin-top: 0px !important }
	.single-event .heading-block.pt-5 { padding-top: 0px !important }
	.studies .dashed-border { border: none !important }
	.border-white-right {
        border-top: 3px solid #fff;
        margin-top: 0px;
        height: 3px;
        overflow: hidden;
        margin-bottom: 25px;
    }
    .sidebar-img { display:none !important }
}
@media screen and (max-width: 767px){
	.pane-bg .col-padding {
		padding-left: 0px; padding-right: 0px;
	}
	.pane-bg .col-padding .entry {
		width: 100%;
	}
	.jobfilter > a {
	    padding: 7px 12px;
	}
	.content-wrap .fbox-content p {
	    line-height: 1.3;
	}
	.pe-3, .pe-4, .pe-5, .pe-6 {
	    padding-right: 15px !important
	}

	.ps-3, .ps-4, .ps-5, .ps-6 {
	    padding-left: 15px !important
	}
	.px-3, .px-4, .px-5, .px-6 {
	    padding-left: 15px !important;
	     padding-right: 15px !important
	}
	.jobfilter { min-width: 135px; }
	.button {
        text-wrap: auto;
    }
}

@media screen and (max-width: 480px){
	.pane-bg .bg.bg-left, .promo-bg .bg.bg-left, .pane-bg .bg.bg-right, .promo-bg .bg.bg-right {
        height: 30vh;
        min-height: 300px;
        /*background-size: contain !important;*/
    }

	.pe-3, .pe-4, .pe-5, .pe-6 {
	    padding-right: 15px !important
	}

	.px-3, .px-4, .px-5, .px-6,
	.ps-3, .ps-4, .ps-5, .ps-6 {
	    padding-left: 15px !important
	}
	.entry table th, .entry td {
	    padding: .75rem;
	    vertical-align: top;
	    border-top: 1px solid #dee2e6;
	    display: block;
	    width: 100% !important;
	    height: auto !important;
	}
	.p-6 {
	    padding: 1rem !important;
	}
	.entry h1,.h1 {
	        font-size: 1.7rem; line-height: 2.2rem;
	    }
	.arrow-element {
	    border-width: 0 55px 55px 55px;
	    left: 50%;
	    margin-left: calc(-1% - 55px);
	}
	.arrow-element.after {
	    bottom: -18px;
	}
	.breadcrumb { margin-top:0px; justify-content: left; }
	.pxl-12 {
	    padding-left: 0px !important;
	}
	.pxlr-12 {
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}
	.menu-link {
    	--cnvs-primary-menu-padding-y: 9px;
    }
        .heading-block.pt-5 {
        padding-top: 1rem !important;
    }
    .event .entry-image { margin-bottom: 10px; }
    .items.study-items li a { padding-right:80px; text-align:left; }
    .study-items a span.badge {
	    margin-left: 0px;
	}
	img.alignright {
	    float: left;
	    margin-left: 0px;
        width: 100%;
	}
	.promo.promo-dark { padding-top: 40px !important; padding-bottom: 40px !important; }
	.promo.promo-dark .mt-5 {
	    margin-top: 1rem !important;
	}
	.section.pane-bg:not(.pt-0) { padding-top: 30px; }
	.services .feature-box.media-box {
        margin-bottom: 30px;
    }
    .jobfilter {
        min-width: 100%;
    }
    /*.promo-bg .bg.bg-right { display:none; }*/
}