/*
Theme Name: Public Health Rotterdam
Theme URI: https://www.publichealthrotterdam.nl/
Author: Reclamebureau 390
Description: Public Health Rotterdam - Algemeen
Version: 2.0
Tags: Public Health Rotterdam
*/

@import url('css/bootstrap.min.css');
@import url('css/style.css');
@import url('css/CookieCode.css');
@import url('css/anniversary.css');



@font-face {
	font-family: NexaLight;
	src: 	url(./fonts/Nexa_Light.otf) format('otf'),
			url(./fonts/nexa_light-webfont.tff) format('truetype'),
			url(./fonts/nexa_light-webfont.woff) format('woff'),
			url(./fonts/nexa_light-webfont.woff2) format('woff2');
}

@font-face {
	font-family: NexaRegular;
	src: 	url(./fonts/Nexa_Regular.otf) format('otf'),
			url(./fonts/nexa_regular-webfont.woff) format('woff'),
			url(./fonts/nexa_regular-webfont.woff2) format('woff2');
}

@font-face {
	font-family: NexaBold;
	src:	url(./fonts/Nexa_Bold.otf) format('otf'),
			url(./fonts/nexa_bold-webfont.tff) format('truetype'),
			url(./fonts/nexa_bold-webfont.woff) format('woff'),
			url(./fonts/nexa_bold-webfont.woff2) format('woff2');
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
	color: #21336A;
}
article {
	margin-top: -14px;
}
.h-100{
	width: 100%;
	height: 100px;
}
.h-75{
	width: 100%;
	height: 75px;
}
.h-50{
	width: 100%;
	height: 50px;
}
.h-20{
	width: 100%;
	height: 20px;
}
.row.no-padding > div {
	padding-left: 0px;
	padding-right: 0px;
}
.moreImage {
	background-image: url(images/header-under.png);
	background-position: center;
	width: 100%;
	height: 30px !important;
	position: absolute;
	bottom: 0;

}
.caretRight {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.no-paddingRight{
	padding-right: 0px;
}
.no-paddingLeft{
	padding-left: 0px;
}
/*nav .menuContainer a.logo {
    position: relative;
    width: 250px;
    height: 80px;
    background: url(images/WhatWorks_logo_v2.png) no-repeat center left;
    z-index: 100;
}*/

/*VIDEO*/
.no-click {
    pointer-events: none;
}

body .content a {
    color: #2670d0;
}
body .content a:hover {
    color: #c86402;
}
body.home .header .contentContainer h1{
    margin-bottom: 20px;
    font-size: 6em;
}
body.home .header .contentContainer p.subtitle-large {
    color: #FFF;
    font-size: 2.2em;
    font-weight: 300;
    margin-bottom: 35px;
}
body.home .header .contentContainer p {
    color: #FFF;
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 20px;
}
h2 {
    font-size: 2.5em;
    font-weight: 600;
    color: #213368;
}
h3{
    font-size: 1.8em;
    font-weight: 600;
    color: #213368;
}
article h1 {
    font-size: 3.4em;
    font-weight: 100;
    margin-bottom: 40px;
    color: #213368;
}
article h2,
article h3{
    margin-bottom: 20px;
}
/*a#video-2 .video-item .overlay .play-icon,
a#video-3 .video-item .overlay .play-icon,
a#video-4 .video-item .overlay .play-icon,
a#video-5 .video-item .overlay .play-icon,
a#video-6 .video-item .overlay .play-icon {
    background-image: url(images/play_btn_NA.png);

}*/




.video-item h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
}

/* CTA Activities Report 
*/
body.lock .homeHeaderCTA {
    display: none;
}

body.logged-in .homeHeaderCTA {
    display: block;
}

a.homeHeaderCTA {
    z-index: 80;
    position: absolute;
    top: 200px;
    right: 25%;
    width: 200px;
    height: 200px;
    border-radius: 300px;
    text-align: center;
    padding-top: 30px;
    font-size: 11px;
    filter: drop-shadow(0 0 50px #2d70ae);
}

a.homeHeaderCTA .backgroundCTA {
    display: block;
    height: 200px;
    width: 200px;
    border-radius: 300px;
    position: absolute;
    top: 0;
    padding-top: 30px;
    background: rgb(80,182,221);
    background: -moz-linear-gradient(315deg, rgba(80,182,221,1) 0%, rgba(33,51,106,1) 100%);
    background: -webkit-linear-gradient(315deg, rgba(80,182,221,1) 0%, rgba(33,51,106,1) 100%);
    background: linear-gradient(315deg, rgba(80,182,221,1) 0%, rgba(33,51,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#50b6dd",endColorstr="#21336a",GradientType=1);
    -moz-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
/*
a.homeHeaderCTA:hover .backgroundCTA {
    background: rgb(255,141,0);
    background: -moz-linear-gradient(315deg, rgba(255,141,0,1) 0%, rgba(33,51,106,1) 100%);
    background: -webkit-linear-gradient(315deg, rgba(255,141,0,1) 0%, rgba(33,51,106,1) 100%);
    background: linear-gradient(315deg, rgba(255,141,0,1) 0%, rgba(33,51,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8d00",endColorstr="#21336a",GradientType=1);
    -moz-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
*/

a.homeHeaderCTA span{
    color: rgb(255,255,255);

}
a.homeHeaderCTA:hover span.clickCTAtitle{
    font-weight: 500;
    text-decoration: none;
    -moz-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
a.homeHeaderCTA:hover span.clickCTAtitle{
    font-weight: 400;
    text-decoration: underline;
    
}
span.topCTAtitle {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.8em;
}
span.middleCTAtitle {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.4em;
    line-height: 1em;
}
span.bottomCTAtitle {
     display: block;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 2.5em;
}
@media screen and (max-width: 767px) {
    a.homeHeaderCTA  {
    height: 110px;
    width: 110px;
    font-size: 6px;
    }
    a.homeHeaderCTA .backgroundCTA{
    height: 110px;
    width: 110px;
    padding-top: 20px;
    }
    a.homeHeaderCTA.aos-init.aos-animate {
    top: 80px;
    right: 20px;
}
}
/* News HOME*/

.home .wrapper.content.social .postLeft {
    height: 150px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-top: 5px;
	position: relative;
}
.home .wrapper.content.social .postRight {
	position: relative;
}
.home .wrapperNews {
   	padding-top: 10px;
}
.home .wrapperNews h4 {
    font-size: 1.6em;
    font-weight: 500;
}
.home .wrapperNews .post p {
    font-size: 1.2em;
}
.home .wrapperNews .post a {
    height: 205px;
}
.home .wrapperNews .post a:hover {
    border-bottom: 1px solid #e1e8ed;
}
.home .wrapperNews .postLeft::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 85px;
    height: 5px;
    background-color: #50b6dd;
}
.home .wrapperNews .postRight.no-image::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 85px;
    height: 5px;
    background-color: #50b6dd;
}


a.backbtnNews {
    background-position: right 10px center;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-top: 40px;
    display: block;
}

/* Calendar HOME*/

.home .calendarBanner {
	padding:15px 25px 15px 70px;
}

.home .calendarBanner a.allCalendarlink {
    color: #919dbe;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9em;
    border-bottom: 1px solid #4d5e8b;
    width: 100%;
    display: block;
    text-align: right;
    padding-bottom: 15px;
}
a.calendar-item {
    float: left;
    width: 100%;
    border-bottom: 1px solid #4d5e8b;
    padding: 10px 0;
}
.dateCalenderitem {
    float: left;
    width: 50px;
    margin-right: 10px;
    text-align: center;
    line-height: 1.4em;
	}
.dateCalenderitem .date {
	font-size: 1.8em;
}
.dateCalenderitem .month {
	font-size: 1.1em;
	font-weight: 900;
	text-transform: uppercase;
}
span.calendarCat {
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 0.9em;
}
.home .calendarBanner a.allCalendarlink:hover {
    color: #fff;
}
.home .calendarBanner a.allCalendarlink::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: #919dbe;
}
.home .calendarBanner a.calendar-item{
	color: #fff;	
    background-image: url("images/arrow-right-white.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    -moz-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.home .calendarBanner a.calendar-item:hover{
    background-position: right 0px center;

}
/* Speakers HOME*/

.wrapper .ctaContainer.speakers .col-md-3 {
    height: 500px;
    background-size: cover;
    background-position: center;
}
.wrapper .ctaContainer.speakers .bgGradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(to right, rgba(33, 51, 104, 0.65) 20%, rgba(33, 51, 104, 0.4)) !important;
    background-image: -o-linear-gradient(to right, rgba(33, 51, 104, 0.65) 20%, rgba(33, 51, 104, 0.4)) !important;
    background-image: linear-gradient(to top, rgba(33, 51, 104, 0.65) 20%, rgba(33, 51, 104, 0.4)) !important;
}
@media screen and (max-width: 767px) {
	.wrapper .ctaContainer.speakers,
	.wrapper .ctaContainer.twitter {
		height: auto;

	}
	.wrapper .ctaContainer.twitter .col-md-3 {
		height: auto;
	}
	.wrapper .ctaContainer.speakers .col-md-3{
		height: 210px;
	}
	.wrapper .ctaContainer.speakers .col-xs-6.bt {
    	height: 250px !important;
}

}

.e-mail-btn a{
	color: #213368 !important;

}
.e-mail-btn a:hover{
	color: #008472 !important;
}

.e-mail-btn a:before{
	content: '';
	background-image: url(images/mail-icons-comp.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 5px 0px 5px 35px;
    margin-top: 20px;
}
.e-mail-btn a:hover:before{
	background-image: url(images/mail-icons-comp.png);
    background-position: top left;

}
.wrapper.content img {
    display: block;
    height: auto;
    margin-top: 10px;
    margin-bottom: 30px;
    max-width: 100%;
}
.wrapper.content img.aligncenter{
	margin: 30px auto;
}
.wrapper.content img.icon {
    display: unset;
    margin: 0 5px 0 0;
}
h2 {
    font-size: 2em;
    font-weight: 600;
    color: #213368;
}
body.parent-pageid-11 .contentContainer h1 span {
	font-weight: 400;
	font-size: 1em;
}
body.parent-pageid-11 .contentContainer h1 span.subtitle{
    font-family: 'montserrat';
    font-weight: 400;
    text-transform: none;
	font-size: 0.8em;
}
body.parent-pageid-11 .google-maps{
    margin-bottom: -200px;
	-webkit-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
	position: 	relative;
	background-image:url("images/preload-map.jpg");
	background-position: center;
	background-size: cover;
}
body.parent-pageid-11 .wrapper.grey{
        padding-top: 240px;
}
.float-right {
    float: right;
    top: 0;
    position: absolute;
    right: 0;
	padding: 0;
}
.page-template-tn-locations-googlemaps-3-venues a.directions-button {
    /* background-color: #eeeff3; */
    font-size: 0.8em;
    padding: 4px 10px;
    font-weight: 600;
}
body.page-template-tn-locations-googlemaps .wrapper.content {
    position: relative;
}



.inleiding {
	color: #213368;
    font-family: 'montserrat';
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 30px;
    display: block;
}

.bgGradient{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	/* CONFLICT MET FOOTER GRADIENT */
/*		background-image: -webkit-linear-gradient(to right, rgba(33, 51, 104, 0.85) 20%, rgba(33, 51, 104, 0.1)) !important;
		background-image: -o-linear-gradient(to right, rgba(33, 51, 104, 0.85) 20%, rgba(33, 51, 104, 0.1)) !important;
		background-image: linear-gradient(to right, rgba(33, 51, 104, 0.85) 20%, rgba(33, 51, 104, 0.1)) !important;*/
}

/*span.headerBar {
    display: block;
    background-color: #50b6dd;
    height: 45px;
    position: absolute;
    bottom: -15px;
    width: 300px;
}*/
span.headerBar {
    display: block;
    background-color: #50b6dd;
    height: 25px;
    position: absolute;
    bottom: 0px;
    width: 300px;
}
.header .contentContainer {
    bottom: 20% !important;

}
.timeline-Widget .SandboxRoot.env-bp-550 .timeline-Tweet-text {
	color: #213368 !important;
    font-family: 'montserrat' !important;
    font-size: 1.2em !important;
    font-weight: 300 !important;
}

.video-item {
    height: 300px;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
    position: relative;
}
.video-item .overlay {
    background-color: rgba(33, 51, 104, 0.5);
    width: 100%;
    height: 300px;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
/*.video-item .overlay:hover {
	background-color: RGBA(205,122,125,0.8);
}*/
.video-item .overlay:hover {
    background-color: RGBA(80,182,221,0.8);
}


.video-item .overlay .play-icon {
    background-image: url(images/play_btn-def.png);
    width: 100%;
    height: 300px;
    background-position: center;
    background-size: auto;
    display: block;
    background-repeat: no-repeat;
}

.wrapper-video {
    position: relative;
}
.wrapper-tempblocks {
    position: absolute;
    width: 100%;
    top: 0;
    /* z-index: -1; */
}
.wrapper-tempblocks > div > div {
    height: 300px;
    background: rgba(255,255,255,0.5);
}

.programme-table {
	color: #213368;
    font-family: 'montserrat';
    font-size: 1.2em;
    font-weight: 300;
	margin-bottom: 50px;
	border-top: 1px solid #dadce5;

}
.prg-item {
	padding: 5px 15px;
	width: 100%;
	

}
.prg-time {
    margin: 5px 20px 5px 0;
    float: left;
    display: block;
    width: 10%;
    font-weight: 600;
}

.prg-title {
	margin: 5px 0 5px 112px;
	display: block;
}
@media screen and (max-width: 767px) {
.prg-title {
    margin: 5px 0 5px 70px;
    display: block;
}
}

.prg-item {
	border-bottom: 1px solid #dadce5;
    background-color: #f4f5f7;
}

.prg-item.break {
	padding: 25px 15px;
    background-color: #fff;
}

.page-template-tn-locations-googlemaps-2-conference .wrapper .speakers .speakerContainer .speakerContent {
    background-image: none;
}
.page-template-tn-locations-googlemaps-2-conference .wrapper .speakers {
    margin: 20px 0px;
}
.modal-content {
    -webkit-box-shadow: 0 5px 55px rgba(0,0,0,0.1) !important;
    box-shadow: 0 5px 55px rgba(0,0,0,0.1) !important;
}
.modal-header {
    height: 350px;
	background-color: #213368;
	padding: 0 20px 0 0;
	position: relative;
	border-bottom: none;
}
.modal-header button.close {
    position: absolute;
    top: 10px;
    width: 21px;
    height: 21px;
    text-align: right;
    right: 20px;
    background-image: url(images/X-white.png);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
    background-size: 80%;
}
.wrapper .staff .modal-header button.close {
	background-color: rgba(0,0,0,0.0) !important;
}
.modal-header button.close:hover {
    opacity: 1;
}
.staff-info {
    width: 50%;
    float: right;
    padding-top: 40px;
}
.staff-photo {
    width: 45%;
    height: 350px;
    background-position: center;
    background-size: cover;
    float: left;
    position: absolute;

}
.wrapper .staff {
    margin: 0;
}
h3#exampleModalLongTitle p {
    color: #fff;
    font-size: 0.9em;
    line-height: 1.35em;
}
h5#exampleModalName {
    color: #FFF;
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 900;
    text-transform: uppercase;
	margin-bottom: 5px;
}
.staff-name .staffOrganisation {
    color: #50b6dd;
    font-size: .9em;
    font-weight: 900;
    text-transform: uppercase;
}
.staff-name {
	position: absolute;
	top: 100px;
	padding-right: 15px;
}
.staff-name h3 {
    color: #fff;
	text-transform: uppercase;
}
.modal-body {
    position: relative;
    padding: 40px 30px 40px;
}
.modal-body ul li {
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
	font-size: 1.2em;
}
.modal-body ul {
    padding-left: 15px;
}


.modal-backdrop {
    background-color: #0a1537;
}
.modal-backdrop.in {
    opacity: .8;
    filter: alpha(opacity=80);
}

#twitter-widget-0 .SandboxRoot.env-bp-550 p.timeline-Tweet-text{
    font-size: 16px!important;
    line-height: 20px!important;
    font-weight: 300;
}


@media screen and (max-width: 767px) {
footer {
    height: 300px;
}
	footer .container .footerMenu span.logo {
    position: relative;
    width: 190px;
    background: url(images/logo_phr-SM.svg) no-repeat center left;
    z-index: 100;
    float: left;
}

}

/* TN - STAFF */

.staff .staffItem:hover h3{
/*   color: #c86402 !important;
*/}
.wrapper .staff .staffContainer .staffContent {
    background-position: top 15px right 20px;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}

.wrapper .staff .staffContainer .staffImage {
    position: relative;

}
.wrapper .staff .staffItem .staffContainer .staffImage::before {
	height: 250px;
	content: '';
    width: 100%;
    display: block;
    background-color: rgba(33, 51, 104, 0.0);
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.wrapper .staff .staffItem:hover .staffContainer .staffImage::before {
    height: 250px;
	content: '';
    width: 100%;
    display: block;
    background-color: rgba(33, 51, 104, 0.5);
}


.wrapper .staff .staffItem:hover .staffContainer .staffContent {
    background-position: top 15px right 15px;
}
body.page-template-tn-staff-members .colTop {
	background-color: #a4d9ed;
	height: auto;
}
body.page-template-tn-staff-members .filter-group label {
    font-size: 1.3em;
}
body.page-template-tn-staff-members .filter-group {
    padding-bottom: 30px;
}
body.page-template-tn-staff-members .colTop {
    padding-top: 20px;
}

span.researchGroup,
.modal-dialog .staffCategorie a.researchGroup {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.95em;
    color: #21336A;
    line-height: 1.3em;
    display: block;
}
.modal-dialog .staffCategorie a.researchGroup::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 8px;
    vertical-align: middle;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.modal-dialog .staffCategorie a.researchGroup:hover{
	color: #c86402;
}
.modal-content .staffCategorie {
    height: 80px;
    background-color: #cae4f5;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 0;
}
.modal-content .staffCategorie {
    height: 80px;
    background-color: #cae4f5;
    position: absolute;
    bottom: 0;
    width: 55%;
    z-index: 0;
    right: 0;
    padding: 20px;
}

a.btn.staffPersWebP {
    border: solid 1px #50b6dd;
    border-radius: 0;
    background: url(images/ico-persWeb.png) no-repeat center left 15px;
    padding: 10px 60px 10px 65px;
    text-align: left;
	position: relative;
	color:#21336A;
}
a.btn.staffPersWebP::after {
    content: '';
    width: 30px;
    background-image: url(images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    height: 50px;
    background-size: 65%;
    right: 10px;
    top: 5px;
    opacity: .4;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
a.btn.staffPersWebP:hover::after {
    opacity: 1;

}
.modlaContent.left {
    width: 40%;
	float: left;
}
.modlaContent.right {
    width: 60%;
    float: right;
    padding: 0 20px 0 40px;
}
.staff a.btn,
.modlaContent.right label{
	display: block;
	text-align: left;
}
.staff .modlaContent.right a.btn {
	color:#21336A;
	padding: 10px 10px 10px 40px;
    background-size: auto;
    font-size: 1.1em;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.staff .modlaContent.right a.btn:hover {
    color: #c86402;

}
.btn.staffTelNo {
    background: url(images/ico-telPhone.png) no-repeat center left;
}
.btn.staffEmail {
    background: url(images/ico-mail.png) no-repeat center left;
}
.secretaryModal {
/*    background: url(images/ico-secretary.png) no-repeat top left;
}*/
}
.secretaryModal label {
    color: #50b6dd;
    margin-top: 20px;
/*    padding-left: 40px;*/
}
span.secrearyName {
/*    padding-left: 40px;*/
}
a.btn.secrearyEmail {
    padding-top: 4px !important;
}

.staffMemberslinked span.name {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.8em;
}

.staffIcoItem {
	height: 190px;
}


@media only screen and (max-width: 767px){
.wrapper .staff .staffContainer .staffImage {
    height: 225px;
}
.wrapper .staff .modal-content .modlaContent{
    width: 100%;
    float: inherit;
}
.wrapper .staff .modal-content .modlaContent.left .staffPersWebP{
			margin-bottom: 20px;
}
.wrapper .staff .modal-content	.modlaContent.right {
    padding: 0 20px 0 25px;
}
.wrapper .staff button {
    font-size: 0.9em;
}
}

/* TN - STAFF supportive */

.sidebar_content {
    margin-left: 20px;
}
.sidebar_content h3 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
}
.sidebar-image,
a.sidebar-image{
    height: 250px;
    background-position: center;
    background-size: cover;
    margin-top: -25px;
    margin-bottom: 30px;
}
.fotozijbalk {
    height: 250px;
    margin-top: -25px;
    margin-bottom: 30px;
}

button.fotozijbalk {
    width: 100%;
    padding: 0px;
    border: 0;
    text-align: left;
    outline: none;
    background-color: #fff !important;
    background-size: cover;
}


.modal_wrapper_zijbalk .modal-header {
    height: auto; 
    background-color: #213368;
    padding: 0;
    position: relative;
    border-bottom: none;
}
.modal_wrapper_zijbalk img {
    display: block;
    height: auto;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    max-height: 80% !important;
}


@media (min-width: 768px){
.modal_wrapper_zijbalk .modal-dialog {
    width: 60%;

}
}
@media screen and (max-width: 767px) {
    .sidebar_content {
    margin-left: 0px;
    margin-bottom: 80px;
}
}


/* TN - CALENDAR */

a.calendar-listItem {
    background-color: #cae9f5;
    display: block;
    height: 325px;
    margin-bottom: 30px;
    -moz-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}

a.calendar-listItem:hover {
    box-shadow: 0px 5px 15px 8px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
}

a.calendar-listItem header {
    background-color: #213368;
    color: #fff;
    display: block;
    float: left;
    width: 100%;
    padding: 15px 25px;
}
a.calendar-listItem h2 {
    padding-left: 35px;
    float: left;
    width: 100%;
    margin: 0px;
    padding-right: 35px;
    font-size: 1.8em;
    line-height: 1.3em;
}
span.calendarItemDate {
    display: block;
    float: left;
    width: 100%;
    padding-top: 20px;
    font-weight: 700;
    color: #213368;
}
span.calendarItemTime {
    color: #213368;
}
.calenderItemsList-wrapper .calendarCat {
    display: block;
    float: right;
    font-weight: 500;
    padding-top: 10px;
}
span.calendarItemInfo {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    padding-left: 35px;
}


@media screen and (max-width: 767px) {
a.calendar-listItem {
    height: auto;
    display: block;
    float: left;
    padding-bottom: 20px;
}
}

/* SINGLE - Calendar item */

.single-calendar-item .colTop {
    background-color: #213368;
    color: #fff;

}
.single-calendar-item .colTop_Title {
    color: #fff;

}

.single-calendar-item .dateCalenderitem {
    position: absolute;
    bottom: 20px;
}
.single-calendar-item span.colTop_Title {
    position: absolute;
    left: 100px;
    bottom: 20px;
    display: block;
}
.single-calendar-item .dateCalenderitem .date {
    font-size: 2.5em;
}

.single-calendar-item .dateCalenderitem .month {
    font-size: 1.3em;

}
.single-calendar-item .calendarItemInfo-zijbalk {
    display: block;
    float: left;
    width: 100%;
}
.single-calendar-item .headerItemInfo {
    text-transform: uppercase;
    font-weight: 700;
    color: #50b6dd;
}
.single-calendar-item span.calendarItemInfo {
    padding-left: 25px;
}
.single-calendar-item span.calendarItemTime {
    display: block;
}
.single-calendar-item span.calendarItemDate {
    padding-top: 0px;
}
.single-calendar-item span.thesis.Title {
    display: block;
}
span.calendarItemInfo-part {
    display: block;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.calendarItemDetail {
    display: block;
}
.calendarItemInfo-zijbalk a.back-link {
    display: block;
    width: 100%;
    padding-left: 25px;
    float: left;
    color: #21336A;

}
a.back-link::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-right: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: #21336A;
    margin-right: 5px;
}


/* TN - CONTACT */

.wrapper.content .wpv-addon-maps-render img {

    margin-top: 0px!important;

}


.blauwKaart{
    background-color: #21336A;
    color: #fff;
    padding: 20px 20px;
    position: relative;
    margin: auto;
}

.blauwKaart p{
    color: #fff;

}

.wrapper .ctaButtonWide a {
    display: block;
    width: auto;
    height: 40px;
    padding: 0px 60px 0px 20px;
    color: #213368;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    background-color: #FFF;
    background-image: url(images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    transition: .15s ease-in-out;

}
.wrapper .ctaButtonWide a:hover {
    color: #FFF;
    background-color: #50b6dd;
    background-image: url(images/arrow-right-white.png);
}


/*FAQ*/
body.page-template-tn-faqs .panel-group .panel-default .panel-body {
    padding: 30px 20px 20px 50px;
}
body.page-template-tn-faqs .panel-group .panel-default > .panel-heading {
    padding: 30px 20px 30px 50px;
}
body.page-template-tn-faqs .panel-group .panel-default .panel-title a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    background-image: url(images/faq-icons-comp.png);
    background-repeat: no-repeat;
	background-position: center top -60px;
    background-size: auto;

}
body.page-template-tn-faqs .panel-group .panel-default .panel-title a:hover:before {
	background-position: center top -60px;
}
body.page-template-tn-faqs .panel-group .panel-default .panel-title a.collapsed:before {
	background-position: center top -30px;
    background-size: auto;
}
body.page-template-tn-faqs .panel-group .panel-default .panel-title a.collapsed:hover:before {
	background-position: center top;
    background-size: auto;
}
body.page-template-tn-faqs .panel {
	box-shadow: 0 1px 1px rgba(0,0,0,0.00) !important;
}
h4.panel-title a {
    font-size: 1.2em;
    color: #213368;
    font-weight: 800;
    line-height: 1.6em;
}
h4.panel-title a:hover {
    color: #008472;
}
body.page-template-tn-faqs .panel-group .panel-collapse.collapse.in, body.page-template-tn-faqs .panel-group .panel-collapse.collapsing {
	background-color: #eeeff3;
}


.form-group .radio {
  width: auto;
  display: inline-block; 
}
 .form-group .radio label {
    width: auto;
    margin-right: 10px;
    padding: 10px 15px;
    background-color: #dedede;
    text-transform: uppercase;
    transition: .15s ease-in-out; 
}
.form-group .radio label input[type="radio"] {
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      margin: 0px;
      z-index: -1; 
}
.form-group .radio:hover label {
    color: #FFF;
    background-color: #cd7a7d; 
}
.form-group .radio label.active{
	color: #FFF;
    background-color: #cd7a7d; 
}


/*FORM*/
body.page-template-tn-register-form-invite .wrapper.grey,
body.page-template-tn-register-form .wrapper.grey {
    background-color: #eeeff3;
    margin-top: 400px;
}
body.page-template-tn-register-form-invite .gform_wrapper label.gfield_label
body.page-template-tn-register-form .gform_wrapper label.gfield_label {
	font-size: 0.9em !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin-top: 4px;
}
body.page-template-tn-register-form-invite .gform_wrapper label,
body.page-template-tn-register-form .gform_wrapper label {
    color: #213368;
    font-family: 'montserrat';
    font-size: 0.9em !important;
    font-weight: 300 !important;
}
body.page-template-tn-register-form-invite div.gform_wrapper,
body.page-template-tn-register-form div.gform_wrapper {
	background-color: #fff;
    margin-top: -500px;
	-webkit-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
	padding: 50px 10px;
}
@media screen and (min-width: 991px) {
body.page-template div.gf_browser_chrome.gform_wrapper {
    padding: 50px 80px !important;
}
}
@media only screen and (min-width: 641px){
.gform_wrapper .left_label input.large,
.gform_wrapper .left_label select.large,
.gform_wrapper .left_label textarea.large,
.gform_wrapper .left_label textarea.medium,
.gform_wrapper .left_label textarea.small,
.gform_wrapper .right_label input.large,
.gform_wrapper .right_label select.large,
.gform_wrapper .right_label textarea.large,
.gform_wrapper .right_label textarea.medium,
.gform_wrapper .right_label textarea.small {
    width: 100% !important;
}
}
body.page-template-tn-register-form-invite .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body.page-template-tn-register-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 1.3em !important;
    margin-top: -8px;
    background-color: #dadce5;
    border: none;
    padding-left: 15px;
}








.ginput_container.ginput_container_consent {
    position: relative;
}
.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"],
.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px !important;
    margin-top: 0px !important;
    border: 1px solid #bbb;
    transition: .15s ease-in-out;
}
.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"]:checked:after {
  content: '';
  position: relative;
  top: 3px;
  width: 10px;
  height: 15px;
  margin: auto;
  display: block;
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transform: rotate(45deg); }






.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"]:before {
  background-color: #eee; }
.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"]:after {
  transition: .15s ease-in-out; }
.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"]:checked:before {
  background-color: #213368; }

label.gfield_consent_label {
    margin-top: 30px;
}



/*.gform_wrapper div.ginput_container input[type="checkbox"] {
	margin-left: -1000px !important;
}
.gform_wrapper div.ginput_container input[type="checkbox"]:before,
.gform_wrapper div.ginput_container input[type="checkbox"]:checked:before {
	margin-left: 1000px !important;
}
.gform_wrapper div.ginput_container input[type="checkbox"]:after{
	margin-left: 1007px !important;

}*/

.gform_wrapper .gsection {
    border-bottom: 1px solid #99cfc8 !important;
    padding: 0 16px 8px 0;
    margin: 28px 0;
    clear: both;
    margin-bottom: 45px !important;
}
li#field_1_12 .ginput_container,
li#field_2_12 .ginput_container {
	width: 100%;
}
li#field_1_12 .gfield_label,
li#field_2_12 .gfield_label {
    width: 70%;
    margin-left: 29%;
}
@media screen and (max-width: 767px) {
li#field_1_12 .gfield_label, li#field_2_12 .gfield_label {
    width: 70%;
    margin-left: 0;
}}

.gform_wrapper div.ginput_container_radio ul.gfield_radio li input[type="radio"]:checked:after {
    top: 9px;
    width: 7px;
    height: 7px;

}
.gform_wrapper div.ginput_container_radio ul.gfield_radio li input[type="radio"], .gform_wrapper div.ginput_container_radio ul.gfield_radio li input[type="radio"]:before {
    border: 0px !important;
	background-color: #dadce5;

}

label#label_2_9_3 {
    font-weight: 700 !important;
}


label.gfield_label {
    margin-bottom: 13px;
    font-weight: bold !important;
}

.validation_error {
	display: none;
}


body.page-template-tn-register-form .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(0,0,0,0) !important;
    margin-bottom: inherit !important;
    border-top: 0px;
    border-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    box-sizing:inherit;
}

.gform_wrapper .validation_message {
    display: none;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  animation: -glowing 5000ms infinite;
}

div#validation_message_3_1 {
    display: block;
font-weight: 100;
}

@keyframes glowing {
  0% { box-shadow: 0 0 -10px #cd7a7d; }
  40% { box-shadow: 0 0 20px #cd7a7d; }
  60% { box-shadow: 0 0 20px #cd7a7d; }
  100% { box-shadow: 0 0 -10px #cd7a7d; }
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 0px !important;
    background-color: #f0e6e6;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 4px !important;
}




div.gform_wrapper{
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 29px 0px rgba(0,0,0,0.1);
    padding: 50px 10px;
}

@media screen and (min-width: 991px){
 div.gf_browser_chrome.gform_wrapper {
    padding: 30px 40px !important;
}
}

.gform_wrapper label.gfield_label {
    color: #213368;
    font-family: 'montserrat';
    font-size: 0.9em !important;
    font-weight: 300 !important;
}
.gform_wrapper .gform_body label {
    color: #213368;
    font-family: 'montserrat';
    font-size: 0.9em !important;
    font-weight: 300 !important;
}
.gform_wrapper .gfield_radio li label {
    margin: 0 0 0 4px;
}

.gform_wrapper div.ginput_container_checkbox ul.gfield_checkbox li input[type="checkbox"]:before,
.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"]:before{
    background-color: #dadce5;
}
.gform_wrapper div.ginput_container_checkbox ul.gfield_checkbox li input[type="checkbox"], .gform_wrapper div.ginput_container_checkbox ul.gfield_checkbox li input[type="checkbox"]:before,
.gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"], .gform_wrapper div.ginput_container.ginput_container_consent input[type="checkbox"]:before{
    border: 1px solid #dadce5;
}
.gform_wrapper.gf_browser_chrome select {
    padding: 7px 5px 7px 3px !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 1.3em !important;
    margin-top: -8px;
    background-color: #dadce5;
    border: none;
    padding-left: 15px;
}

h3.gform_title {
    font-size: 1.8em !important;
    line-height: 1.3em;
}


.gform_wrapper .gform_heading {
    width: 100%;
    margin-bottom: 40px !important;
}


.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    margin: 9px 0 10px 1px !important;
}

/*VENUE*/

h2.venueTitle {
    font-size: 1.8em;
    margin: 30px 0 30px !important;
}
.venueInformation {
	text-align: center;
}
a.directions-button {
       background-color: #213368;
    color: #fff !important;
    padding: 5px 20px;
    margin: auto;
    text-transform: uppercase;
    font-size: 1em;
	-moz-transition:all 0.4s ease 0s;
-webkit-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
}
a.directions-button:hover {
	background-color:#008472;
}


/*CONTACT*/

.lgc-column.lgc-grid-parent.lgc-grid-50.lgc-tablet-grid-50.lgc-mobile-grid-100.lgc-equal-heights.lgc-last strong {
    margin-bottom: 9px;
    display: block;
}


@media screen and (max-width: 767px) {
nav .menuContainer {
    height: 70px;
    margin-top: 0px;

}
nav .menuContainer a.logo {
    width: 250px;
    height: 70px;
    background-size: contain;
}
	nav .menuContainer .mobButton {
    width: 30px;
    height: 30px;
    top: 23px;
    right: 20px;

}
	nav .menuContainer .mobButton .iconBar {
    height: 2px;
    width: 30px;
    left: 0px;

}
nav .menuContainer .mobButton .iconBar:nth-child(1) {
          top: 3px; }
nav .menuContainer .mobButton .iconBar:nth-child(2) {
          top: 10px; }
nav .menuContainer .mobButton .iconBar:nth-child(3) {
          top: 17px; }
	
nav .menuContainer .mobButton.collapsed .iconBar:nth-child(1) {
    top: 13px;
    transform: rotate(45deg);
}
nav .menuContainer .mobButton.collapsed .iconBar:nth-child(3) {
    top: 9px;
    transform: rotate(-45deg);
}

body.home .header .contentContainer h1 {
    margin-bottom: 20px;
    font-size: 3em;
}
body.home .header .contentContainer p.subtitle-large {
    color: #FFF;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 50px;
}
.header .contentContainer {
    bottom: 24% !important;
}
	body.home .header .contentContainer p {
    color: #FFF;
    font-size: 1em;
    font-weight: 300;
    margin-bottom: 20px;
}
	
	.wrapper .ctaContainer {
    height: 300px;


	}
.wrapper .ctaContent .ctaButton a {
    font-size: 0.9em;
}
	footer .container .footerMenu ul li {
    display: block;
}
	footer .container .footerMenu {
    width: 100%;
    height: 160px;
    position: absolute;
    bottom: -100px;
}
footer .container .footerMenu ul {
    margin-top: 10px;
    padding: 0px;
    display: inline-block;
    float: right;
    text-align: right;
}
	.footerMenu img {
    width: 100px;
	}
footer .container .footerMenu span {
    float: right;
    color: #213368;
    font-weight: 700;
    clear: both;
    width: 100%;
    text-align: right;
}
	

	/*NAV*/
	.dropdown-menu>li>a {

    white-space: inherit;
}
	nav .menuContainer .veAlign.collapsed ul.menu {
    top: 100px;
}
	nav .menuContainer .vsAlign ul li.dropdown.open .dropdown-menu, nav .menuContainer .veAlign ul li.dropdown.open .dropdown-menu {
    background-color: #213368;
}
	nav .menuContainer .vsAlign ul li .dropdown-menu li a, nav .menuContainer .veAlign ul li .dropdown-menu li a {
    color: #fff !important;
}
}

/*WORKSHOPS*/
.accordion-workshops{
	margin-top: 50px;	
    border-bottom: 1px solid #50b6dd; 
}
#accordion {
  margin-top: 50px; }
	#accordion .card-header {
/*		background-color: #f4f5f7;
*/	}
  #accordion h2 {
    margin: 0px; }
    #accordion h2 button {
      position: relative;
      padding: 10px 0px;
      color: #213368;
      font-size: 0.5em;
	  font-weight: 600;	
      width: 100%;
      text-align: left;
      border-top: 1px solid #50b6dd; 
	  padding-left:0px;
		-moz-transition:all 0.4s ease 0s;
-webkit-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;}
      #accordion h2 button:hover, #accordion h2 button:focus {
        text-decoration: none;
		color:#c86402;}
	
     /* #accordion h2 button.collapsed:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        top: 0;
        bottom: 0;
        right: 30px;
        margin: auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #213368;
        transform: rotate(180deg); }
      #accordion h2 button:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        top: 0;
        bottom: 0;
        right: 30px;
        margin: auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #213368;
        transition: .15s ease-in-out; }
      #accordion h2 button:hover:after {
		border-bottom: 10px solid #008472;
		}*/
      #accordion h2 button span.number {
        position: relative;
        width: 50px;
        padding: 10px 0px;
        margin-right: 30px;
        text-align: center;
        color: #e30613;
        display: inline-block; }
        #accordion h2 button span.number:before {
          content: '';
          position: absolute;
          width: 45px;
          height: 45px;
          top: 1px;
          left: 3px;
          border-radius: 30px;
          border: 4px solid #213368; }
  #accordion .card-body {
	/*border-top: 1px solid #dadce5;*/
    padding: 20px 0px 40px; }
    #accordion .card-body h3::first-letter {
      padding-right: 10px; }
    #accordion .card-body p {
      padding-left: 20px;}
/*    #accordion .card-body ul {
      margin: 30px 0 0 30px;
      padding: 20px 45px;
      background-color: #43547d; }
      #accordion .card-body ul li {
        color: #FFF; }*/
  #accordion .card:last-child h2 button {
    /*border-bottom: 1px solid #d8d8d8;*/ }


.btn.active.focus, .btn.active:focus,
.btn.focus, .btn:active.focus, 
.btn:active:focus, .btn:focus {
      outline: none;
    box-shadow:none;

}


/* RESEARCH LINES */

.colTop {
    background-color: #50b6dd;
    height: 90px;
    margin-top: -100px;
    margin-bottom: 30px;
    padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.colTop_Title {
    position: absolute;
    bottom: 15px;
    color: #213368;
    font-weight: 600;
    font-size: 1.2em;
}
.sidebar_menu {
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 50px;
}
.page-template-tn-research .sidebar_menu,
.single-research-line .sidebar_menu{
    margin-left: 0px;

    margin-bottom: 20px;
}
.col-md-4.sidebarCol {
    margin-bottom: 80px;
}
.ulNumber .sidebar_menu  {
    padding-left: 25px;
}
.sidebar_menu li {
    list-style: none;
}

.sidebar_menu li > a > span {
    margin-right: 10px;
}
.sidebar_menu li a{
    color:#213368;
    font-size: 0.9em;
    font-weight: 500;
}

.sidebar_menu li::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -10px;
    margin-right: 5px;
    vertical-align: middle;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.olNumber li.titleSidebar,
.ulNumber li.titleSidebar
{
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 1em !important;
}
.ulNumber{
	list-style: none;
	padding-left: 25px;
}
.ulNumber li.titleSidebar{
	list-style: none;
}
body.page-template-tn-subpage-sidebarmenu .sidebar_menu li::before,
body.page-template-default .sidebar_menu li::before{
    margin-right: 5px;
	
}
.sidebar_menu .current_page_item a{
	color:#c86402;
}

.sidebar_menu .current_page_item::before{

	color:#c86402;
}


a.staffMebers-link {
    display: block;
    width: 100%;
    float: left;
}
.staffMemberslinked {
    float: left;
    width: 100%;
/*    margin-bottom: 20px;
*/    border-bottom: 1px solid #50b6dd;
    padding-bottom: 20px;
}
.staffMemberslinked:hover h2{
		color:#c86402;
}

.staffMebers-ico {
    width: 130px;
    height: 130px;
    border-radius: 200px;
    background-position: center;
/*    float: left;
*/    
	background-color: #d1e2e8;
	display: block;
	margin: 10px auto;

}
.staffMebers-ico::before {
	content: '';
	width: 130px;
    height: 130px;
    border-radius: 200px;
	display: block;
	background-color: rgba(33, 51, 104, 0.0);
	-moz-transition:all 0.4s ease 0s;
-webkit-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
}
.staffMemberslinked:hover .staffMebers-ico::before {
	content: '';
	width: 130px;
    height: 130px;
    border-radius: 200px;
	display: block;
	background-color: rgba(33, 51, 104, 0.5);
}
.staffIcoItem > span {
	text-align: center;
	display: block;
	width: 100%;
}
.staffIcoItem span.title {
	color: #50b6dd;
    font-weight: 600;
    font-size: 0.9em;
}
h2.staffIco {
    /* position: relative; */
    padding: 10px 0px;
    color: #213368;
    font-size: 1.1em;
    font-weight: 600;
    /* width: 100%; */
    text-align: left;
    /* border-top: 1px solid #50b6dd; */
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.teamPhoto {
    float: left;
    width: 100%;
    /* margin-bottom: 20px; */
/*    border-bottom: 1px solid #50b6dd;
*/    padding-bottom: 20px;
}

body.research-line-template-default .js-wpv-view-layout {
	position: relative;
}

a.moreInfo {
    position: absolute;
    right: 30px;
    top: 8px;
    /* text-transform: uppercase; */
    color: #4db5db !important;
    font-size: 0.9em;
    height: 100%;
    width: calc(100% - 30px);
    text-align: right;
    z-index: 999;
}
a.moreInfo:hover {
    color: #213368 !important;
}
/* arrow common style */
.naoyaArrow {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-top: 1px solid #4db5db;
    border-right: 1px solid #4db5db;
    position: absolute;
    right: -15px;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
a.moreInfo:hover .naoyaArrow {
    right: -20px;
}

.arrow-top {
  transform: rotate(-45deg);
}
.arrow-right {
  transform: rotate(45deg);
}
.arrow-bottom {
  transform: rotate(135deg);
}
.arrow-left {
  transform: rotate(-135deg);
}
.arrow-top-narrow {
  transform: rotate(-45deg) skew(-15deg, -15deg);
}
.arrow-top-wide {
  transform: rotate(-45deg) skew(7deg, 7deg);
}
.arrow-top-left {
  transform: rotate(-90deg) skew(-10deg, -10deg);
}
.arrow-top-right {
  transform: rotate(0) skew(-10deg, -10deg);
}
.arrow-bottom-left {
  transform: rotate(180deg) skew(-10deg, -10deg);
}
.arrow-bottom-right {
  transform: rotate(90deg) skew(-10deg, -10deg);
}



/*Accordeon + anim*/
.accplus {
  position: absolute;
  width: 35px;
  height: 35px;
  background: #fff;
  top: 50%;
  right: -20px;
  transform: translate(-50%, -50%) rotate(0deg);
  border-radius: 50%;
  cursor: pointer;
  z-index: 100;
  transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
}

.accplus:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 25px;
  background: #4db5db;
}

.accplus:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 25px;
  width: 1px;
  background: #4db5db;
}

.accplus.clicked {
  transform: translate(-50%, -50%) rotate(360deg);
  background: #fff;
}

.accplus.clicked:before {
  width: 0;
}

/*====================== LIGYTBOX GALLERY ====================*/

.lightbox-gallery {
    /* margin-top: 60px; */
    float: left;
    width: 100%;
}
/*=DEFAULT BLOCK=*/

.row.no-gutter{
	width: 100%;
	margin: 0px;
}
.no-gutter [class*="col"] {
    padding-left: 0;
    padding-right: 1px;
    padding-bottom: 1px;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #FFFFFF;
}

.bg-color:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,255,255, 0.5);
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.square-box{
    background: #FFFFFF;
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #000d85;
}

.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;  
/*	padding:1px;
*/	display: grid;
	align-items: center;
}


.rwd-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999997;
    background: rgba(10,21,55,.8);
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
}
body.rwd-on {
    
} 
body.rwd-on .rwd-container{
    background: rgba(10,21,55,.8)!important;
}

body.rwd-on .rwd-title, .rwd-toolbar {
    background: rgba(10,21,55,.0)!important;
}
a.responsive_lightbox {
    position: relative;
    display: block;
}
a.responsive_lightbox::before {
    content: '';
    background-color: rgba(33, 51, 104, 0.0);
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0;    
    left: 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
a.responsive_lightbox:hover::before {
    content: '';
    background-color: rgba(33, 51, 104, 0.5);
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0;    
    left: 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
a.responsive_lightbox::after {
    content: '';
    background-color: rgba(72, 174, 214, .0);
    width: 60px;
    height: 60px;
    position: relative;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(images/vergrootglas.png);
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
	opacity: 0;
}
a.responsive_lightbox:hover::after {
    content: '';
    background-color: rgba(72, 174, 214, 1.0);
    width: 60px;
    height: 60px;
    position: relative;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(images/vergrootglas.png);
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
	opacity: 1;

}
@media only screen and (max-width: 767px) {
	.visible-xs .square-content{
		position: relative;
		min-height: -webkit-fill-available;
	}
	.visible-xs .square-content .overons h2{
		font-size: 1.4em;
	}
	.visible-xs .square-content .overons p{
		font-size: 1.2em;
	}
}

.overlayMask {
    background-color: rgba(33, 51, 104, 0.0); 
	color: rgba(33, 51, 104, 0.0);
    width: 100%;
    height: 100%;
	position: relative;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.overlayMask:hover {
    background-color: rgba(33, 51, 104, 0.5); 
	color: rgba(33, 51, 104, 0.5);
    width: 100%;
    height: 100%;
}
.overlayMask .plusIcon {
	background-color:#50b6dd;
	opacity: 0.0;
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 1s ease 0s;
	transition:all 1s ease 0s;
}
.overlayMask:hover .plusIcon {
	background-color:#50b6dd;
	opacity: 1;
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.plusIcon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 35px;
  background: #ffffff;
}

.plusIcon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 1px;
  background: #ffffff;
}

.fotozijbalk .overlayMask .loupeIcon {
    content: '';
    background-color: rgba(72, 174, 214, .0);
    width: 60px;
    height: 60px;
    position: relative;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(images/vergrootglas.png);
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    opacity: 0.0;
}
.fotozijbalk:hover .overlayMask .loupeIcon {
    content: '';
    background-color: rgba(72, 174, 214, 1.0);
    width: 60px;
    height: 60px;
    position: relative;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(images/vergrootglas.png);
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    opacity: 1;
}
/* TN - News*/
body.page-template-tn-news .wrapperNews {
    margin-bottom: 80px;
}

body.page-template-tn-news .postLeft {
    height: 120px;
    background-position: center;
    background-size: cover;
    margin-top: 10px;
    margin-bottom: 15px;
}
body.page-template-tn-news .colTop {
    background-color: #a4d9ed;
    height: auto;
}

body.page-template-tn-news .filter-group {
    padding-bottom: 20px;
    padding-top: 20px;
}

body.page-template-tn-news .header.small {
    height: 300px;
    margin-bottom: 30px;
}

footer.timeline-Footer.u-cf {
    display: none !important;
} 
body.page-template-tn-news .wrapper .ctaContainer {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

body.page-template-tn-news .colTop {
    background-color: #50b6dd;
/*    height: 90px;
*/    margin-top: inherit;
    margin-bottom: 30px;
    padding-left: 20px;
	padding-right: 20px;
	position: relative;
}


.wrapper.media {
    background-color: #d0e3ef;
    margin-top: 80px;
    padding-bottom: 30px;
    padding-top: 20px;
}

@media screen and (max-width: 767px) {
.filter-group {
    padding-top: 30px;
    padding-bottom: 20px!important;

}
	.filter-group .row > div {
    margin-bottom: 10px;
}
}


input.btn-secondary.wpv-submit-trigger.js-wpv-submit-trigger.btn {
    width: 100%;
	color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #213368;
    background-image: url(/images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    transition: .15s ease-in-out;
	    border-radius: 0;

}
input.wpv-reset-trigger.js-wpv-reset-trigger.btn {
    width: 100%;
	color: #213368;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #FFF;
    background-image: url(/images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    transition: .15s ease-in-out;    
	border-radius: 0;

}
input.js-wpv-filter-trigger-delayed.form-control {
    padding: 10px 10px 10px 10px;
    font-size: 1.2em;
    height: 38px;
    border-radius: 0;
    border: none;
}
span.searchResults {
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #e1e8ed;
    padding-bottom: 20px;
}
.wrapperNews .postLeft::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 85px;
    height: 5px;
    background-color: #50b6dd;
}
.postLeft {
    position: relative;
}
.wrapperNews .postRight.no-image::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 85px;
    height: 5px;
    background-color: #50b6dd;
}
.postRight.no-image {
    position: relative;
}
/* SINGLE - News*/

.sidebar_news {
    margin-left: 20px;
    padding-right: 20px;
}
.wrapperNews .post p{
    font-size: 1.2em;
}
.geplaatstDatum {
    font-weight: 600;
    color: rgba(33,51,106,1);
}

.wrapperNews a h4{
    color: #213368;
    -moz-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
	font-size: 1.6em;
}

.wrapperNews .post a {
    border-bottom: 1px solid #e1e8ed;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.wrapperNews .post a:hover{
    border-bottom: 1px solid #213368;
}
.wrapperNews .post a .geplaatstDatum {
    font-weight: 600;
    font-size: 0.9em;
    color: rgba(33,51,106,0.5);
}

.wrapperNews .post a:hover .geplaatstDatum {
    color: rgba(33,51,106,1);
}

.wrapperNews .post a:hover h4 {
    color: #2b7bb9;
}

.single .postImage {
    height: 400px;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
	position: relative;
}
.single .postImage::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 85px;
    height: 5px;
    background-color: #50b6dd;
}
.single .postLeft {
    height: 80px;
    width: 80px;
    float: left;
    background-position: center;
    background-size: cover;
    margin: 0 20px 10px 0;
}

/* SINGLE - Thesis items */

.thesisItem {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 17px;
    padding-bottom: 20px;
}
.thesisItem .bookCover {
    margin-right: 20px;
    display: block;
    /*float: left;*/
}
.thesisItem img {
/*    float: left;
*/    width: 100px;
    height: 150px;
    margin-bottom: 5px !important;
-webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.5);
box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.5);
}
.thesisItem .thesisTitle {
    font-size: 1.5em;
    font-weight: 500;
    display: block;
    width: 100%;
    color: #21336A;
    position: relative;
}
.thesisItem .thesisTitle::before {
    content: '';
    position: absolute;
    top: -11px;
    left: 0px;
    width: 60px;
    height: 4px;
    background-color: #50b6dd;
}

.thesisItem .name {
    font-weight: 600;
    display: block;
    width: 100%;
    color: #21336A;
    margin-top: 20px;
    font-size: 1.1em;
    /* border-bottom: 1px solid #b5e8fb; */
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.thesisItem .date {
    display: block;
    width: 100%;
    color: #21336A;
}
.thesisItem .date.year {
       margin-top: 20px;
    font-weight: 600;
    color: #50b6dd;
    font-size: 1.1em;
}

.btn.repubLink {
    background-color: #213368;
    padding: 2px 8px;
    color: #fff;
    font-weight: 500;
    border-radius: 0;
    /*padding-right: 40px;*/
    margin-top: 20px;
    font-size: 0.9em;
	width: 100%;
	text-align: left;
		
}
.btn.introductLink {
    background-color: #5b647d;
    padding: 2px 8px;
    color: #fff;
    font-weight: 500;
    border-radius: 0;
    /*padding-right: 40px;*/
    margin-top: 5px;
    font-size: 0.9em;
	width: 100%;
	text-align: left;
}
.btn.repubLink:hover,
.btn.introductLink:hover{
    background-color: #50b6dd;
    color: #21336A;
}

.thesisItem .caretRight {
    vertical-align: top;
    margin-top: 4px;
}

.thesisFilter .wpv-filter-form {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
select.wpv-sort-control-select {
	border: none;
	padding: 6px 30px 6px 20px;
    background-color: #dedede;
	margin-right: 10px;
}

input.sort.wpv-submit-trigger.js-wpv-submit-trigger.btn {
    border-radius: 0;
    padding: 6px 30px;
    margin: 0px !important;
    border: 0px;
    background-color: #213368;
    color: #fff;
}

select.wpv-sort-control-select option{
	text-transform:inherit;

}
label.sort {
    margin-right: 10px;
}
/* remove the original arrow */
select.wpv-sort-control-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /* no standardized syntax available, no ie-friendly solution available */
}
select.wpv-sort-control-select {
  background-image:url("images/chevron_down.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
/*    width: 150px !important;
*/
}


/* TN HOMEPAGE */

body.home .wrapper.header {
/*	position: relative;
*/}
body.home .welkomBanner {
    background-color: #50b6dd;
    padding: 15px 40px 80px;
    position: relative;
}
body.home .welkomBanner .homeText p {
    color: #fff;
    font-size: 1.3em;
}
body.home .welkomBanner h1 {
    font-weight: 700;
    font-size: 2.4em;
    line-height: 1.2em;
}
body.home .homeHeaderContent {
/*	position: absolute;
*/	bottom: 0;
	margin-top: -400px;
}
body.home .calendarBanner {
    background-color: #21336A;
    height: 300px;
    margin-top: 100px;
}
a.nextStart {
    position: absolute;
    height: 60px;
    width: 100%;
    bottom: 0;
}
.downArrow {
    background-image:url("images/arrow_down.png");
    background-position: top center;
    width: 21px;
    height: 26px;
}
.downArrow {
    position: absolute;
    bottom: 20px;
    left: 45px;
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


body.home .kaart {
    height: 500px;
    margin-bottom: 20px;
}
body.home .wrapper.kaarten {
    margin-bottom: 200px;
}
.kaartContent {
    background-color: #21336A;
    color: #fff;
    height: 400px;
    width: 80%;
    padding: 20px 40px;
    position: relative;
    margin: auto;
    bottom: -200px;
}
.kaartContent h2{
	color: #50b6dd;
}
.kaartContent .kaartText p {
	color: #fff;
}
@media screen and (max-width: 767px) {
    .kaartContent {
    bottom: -50px;
}
	body.home .homeHeaderContent {
    margin-top: -80px;
}
body.home .header {
    min-height: 250px;
}	
.header {
    height: 250px;
}
	body.home .welkomBanner {
    margin: 0 20px;
}
	.home .calendarBanner {
    padding: 15px 25px 15px 25px;
}
	.dateCalenderitem {
    width: 30px;

}
	.home .calendarBanner a.calendar-item {
    background-size: 20px;
}
	body.home .calendarBanner {
    background-color: #21336A;
    height: auto;
    margin-top: 50px;
    float: left;
    padding-bottom: 40px;
}
	body.home .wrapper.kaarten {
    margin-bottom: 50px;
}
.wrapper.content.social .ctaContainer {
    height: auto !important;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
	.home .wrapperNews .post a {
    height: auto;
}
	.wrapper .ctaContent {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 10px 20px;
    background-color: rgba(33, 51, 104, 0.9);
}
}
.wrapper.content.event .container.event .eventBackground {
    position: relative;
    height: 400px;
    padding: 75px 0px;
	margin-top: 100px;
	background-image: url("images/Header_ErasmusMC-LRevent.jpg");
	background-size: cover;
	background-position: center;
}
.wrapper.content.event .bgGradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 51, 104, 0.7);
}

.wrapper.content.event canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrapper.content.event img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 40px auto 30px;
}
.eventBackground .kaartContent {
    background-color: #fff;
    color: #21336A;
    height: auto;
    width: 80%;
    padding: 20px 40px 40px;
    position: relative;
    margin: auto;
    bottom: 20px;
    z-index: 999;
    box-shadow: 0px 5px 30px 8px rgba(0, 0, 0, 0.2);
}
.logoWhatWorks {
    background-image: url(images/whatworks_homelogo.png);
    background-position: center;
    background-size: contain;
    display: block;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
span.eventTekst {
    font-size: 1.3em;
    display: block;
    margin-bottom: 25px;
}
.wrapper.content.event .ctaButton a {
	display: block;
    width: 100%;
    padding: 10px 60px 10px 20px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #21336A;
    background-image: url(images/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    -moz-transition:all 0.4s ease 0s;
-webkit-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;transition: .15s ease-in-out;
}
.wrapper.content.event .ctaButton a:hover {
    color: #FFF;
    background-color: #50b6dd;
    background-image: url(images/arrow-right-white.png);
}



@media only screen and (max-width: 992px) {
.wrapper.content.event .container.event .eventBackground {
    height: 578px;
    padding: 10px 0px;
}
	.wrapper.content.event img {
    margin: 40px auto 60px;
}
	.wrapper.content.event {
    margin-bottom: 150px;
}
}
  /*GDPR*/

@media screen and (max-width: 767px) {
#gdprc_bar {

    width: auto;
	right: 10px;
	left: 10px;
}
}

 /* MOBILE EXTRA CSS */
@media screen and (max-width: 767px) {
.header .bCrumb {
    top: 85px;
}
.header .contentContainer {
       top: 180px !important;
}
	.header.small .contentContainer h1 {
    font-size: 2.6em;

}
.bgGradient {
    background-image: -webkit-linear-gradient(to right, rgba(33, 51, 104, 0.9) 20%, rgba(33, 51, 104, 0.6)) !important;
    background-image: -o-linear-gradient(to right, rgba(33, 51, 104, 0.9) 20%, rgba(33, 51, 104, 0.6)) !important;
    background-image: linear-gradient(to right, rgba(33, 51, 104, 0.9) 20%, rgba(33, 51, 104, 0.6)) !important;
}
#menu-mainmenu li#menu-item-24 {
    margin-top: 50px;
}
	h3#exampleModalLongTitle p {
    font-size: 0.7em;
}
	.staff-name .staffOrganisation {
    font-size: .8em;
}
.staff-photo,
.modal-header {
    height: 350px;

}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    nav .menuContainer a.logo {
    width: 97%;
    height: 70px;
    background-size: contain;
}
    nav .menuContainer .vsAlign ul li a, nav .menuContainer .veAlign ul li a {
    font-size: 1em;
}
}


#gdprc_bar .container .gdprc_actions .gdprc_action__bar_save_all {
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 0px;
    border: none;
    color: #213368;
    background-color: #cae4f5;
    border-radius: 0px;
    font-family: montserrat, sans-serif;
    font-size: 1em;
    line-height: 1.8em;
    text-transform: uppercase;
}

#gdprc_bar .container .gdprc_actions .gdprc_action__settings {

    font-family: montserrat, sans-serif;

}
#gdprc_settings .gdprc_actions .gdprc_action__save, #gdprc_settings .gdprc_actions .gdprc_action__save_all {
    color: #213368;
    background-color: #cae4f5;
}
#gdprc_settings .gdprc_actions .gdprc_action__save:hover, #gdprc_settings .gdprc_actions .gdprc_action__save_all:hover {
    background-color: #21336A;
    color: #ffffff;
}

#gdprc_settings .gdprc_actions .gdprc_action__delete span {
    color: #21336A;
    font-family: montserrat, sans-serif;

}

/*====================MOBIEL====================*/
@media screen and (max-width: 767px) {

    body {
	    font-size: 1.2em;
}
}
@media screen and (max-width: 991px) {
	nav .menuContainer .veAlign ul.menu li {
    width: 100%;
    display: block;
    float: left;
}
	nav .menuContainer .veAlign ul.menu {
    top: 100px;
    position: relative;
}
	nav .menuContainer .veAlign {
    overflow-y: scroll;
    display: block;
}
	nav .menuContainer .veAlign ul.menu li a {
    padding: 10px 0px;
    display: block;
}
	nav .menuContainer .veAlign.collapsed ul.menu > li:last-child {
    text-align: left;
}
}


/*====================BLUE NAV====================*/

@media screen and (max-width: 767px) {

nav .menuContainer .veAlign {
    background-color: #21336A;
}
nav .menuContainer a.logo {
    -moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
    z-index: 0;
}
body.lock nav .menuContainer a.logo {
	margin-left: -400px;
}
nav .menuContainer a.logoMob {
    background: url(images/logo_phr_white.svg) no-repeat center left;
	margin-left: 10px;
	position: absolute;
	width: 250px;
    height: 70px;
    background-size: contain;
}
body.lock nav .menuContainer .mobButton .iconBar {
    background-color: #ffffff;
}
	nav .menuContainer .vsAlign ul li a,
	nav .menuContainer .veAlign ul li a {
    color: #ffffff;
    font-size: 2em;
    font-weight: 600;
}
	nav .menuContainer .vsAlign ul li li a,
	nav .menuContainer .veAlign ul li li a{
    font-size: 1.2em;

}
.socialMenubtns {
    position: absolute;
    bottom: -120px;
    width: 80%;
    height: 40px;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;

}
.socialMenubtns a.twtr_icon {
    background-image: url(images/twittericonV2.png);
    background-size: contain;
    width: 40px;
    height: 40px;
    display: block;
	margin-bottom: -100px;
	-moz-transition:all 0.4s ease 0s;
	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;

}
  body.lock .socialMenubtns {
    bottom: 20px;
	  -webkit-animation-delay: 1.15s;
  animation-delay: 	1.15s;  
}
}
/*FADIN menuitems*/
 body.lock .socialMenubtns a.twtr_icon 	{
	 margin-bottom: 0px;
 -webkit-animation: fadeIn 0.3s 1;
  animation: fadeIn 0.3s 1;
	}
 body.lock #menu-main-menu > li {
  opacity: 0;
  -webkit-animation: fadeIn 0.3s 1;
  animation: fadeIn 0.3s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

 body.lock #menu-main-menu > li:nth-child(6n+1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

 body.lock #menu-main-menu > li:nth-child(6n+2) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}

 body.lock #menu-main-menu > li:nth-child(6n+3) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

 body.lock #menu-main-menu > li:nth-child(6n+4) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

 body.lock #menu-main-menu > li:nth-child(6n+5) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
 body.lock #menu-main-menu > li:nth-child(6n+6) {
  -webkit-animation-delay: 0.95s;
  animation-delay: 0.95s;
}

}	
/* Animation steps */

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }	
	

  }