/*
Theme Name: B4ST
Theme URI: http://simonpadbury.com
Description: Bootstrap Starter Theme for WordPress. Using Twitter Bootstrap 4.0.0-alpha4.
Author: Simon Padbury
Author URI: http://simonpadbury.github.io
Version: 1.7.1
License: Unlicense
License URI: http://unlicense.org
*/

/*
Do not put your styles in here - put them in `theme/css/b4st.css`.
*/


body {
	
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 15px !important;
	color: #4A4A4A;
}

.wp-facebook-form  {
	display: none !important
}


h1, h2, h3, h4, h5, h6 { 
	color: #000;

}

h1 {
	font-weight: 900;
}

h2 {
	font-weight: 700;
	font-size: 2.4rem;	
}

h2 small {
	font-size: 1rem;
	font-weight: 600;
	color: #00ADF0;
	margin-bottom: 10px;
	display: inline-block;
}

h3 {
	font-size: 1.4rem;
	font-weight: 600;
}

h3 small{
	font-size: 1rem;
	font-weight: 600;
	color: #00ADF0;
	margin-bottom: 10px;
	display: inline-block;
	
}

.bg-light {
	
	background: #F1F1F1 !important;
}

.bg-light-gradient {
	
	/* Rectangle 8 Copy 29: */
background-image: linear-gradient(-180deg, #F1F1F1 45%, rgba(249,249,249,0.00) 100%);
	
}

/*
#topbar {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;	
}


.topfix {
	height: 75px;
}
*/


.enlarged {
	
	color: #fff;
	font-size: 3.5rem;
	font-weight: 800;
	line-height: 2rem;
	margin-bottom: 40px;
}

.enlarged-subtitle {
	
	font-size: 1rem;

}

.counter {
	
	font-size: 4rem;
}



.leerling{
	position: relative;
	
}

.passed {
	
	position: absolute;
	bottom: 0px;
	width: 92%;

	background-image: linear-gradient( top, 
	    rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.2 ) 100% );
	background-image: -moz-linear-gradient( top, 
	    rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.2 ) 100% );
	background-image: -ms-linear-gradient( top, 
	    rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.2 ) 100% );
	background-image: -o-linear-gradient( top, 
	    rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.2 ) 100% );
	background-image: -webkit-linear-gradient( top, 
	    rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.2 ) 100% );
}



/*
.bg {
	
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}
*/

.bg-blue {
	
	background: #00ADF0;
}

.text-blue{
	
	color: #00AFE8 !important;
	
}

.text-dark{
	
	color: #4a4a4a !important;
	
}

.intro-text {
	
	font-size: 1.6em;
	font-weight: 300;
}

.cursusdata-locaties img{
	
	
	max-width: 16px;
}

.cursusdata-locaties a {
	
	color: #000;
	font-weight: 500;
	margin-bottom: 5px;
	display: inline-block;
	text-decoration: none;
}

.cursusdata-locaties a:hover {
	text-decoration: none !important;
	color: #00AFE8;
	}
	
.text-page-title {
	
	font-size: 2.2em;
	line-height: 1.3em;
	color: #000 ;
}

.text-page-title b{
	
	font-weight: 600;
}

.debug {
	
	background: rgba(255,0,0,0.4);
}

.container {
	
	max-width: 1366px;
}

.jijvolgende {
	
	background: yellow;
	
}


/* Navigatie */

.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:active, .navbar-light .navbar-toggler:focus {
	
	border: none;
	outline: none !important;

}

.navbar-light .navbar-nav .nav-link {

	padding: 20px 15px;
	font-weight: 500;
	color: #000;
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover {
	
	
	color: #00AFE8;
/* 	border-bottom: 5px solid #00AFE8; */
}

.navbar {

	padding-bottom: 0px !important;	
	padding-top: 0px !important;
}

/*
.connect {
	
	margin-top:6px;
}
*/

.connect div {
	
	display: inline-block;
	
}

.connect a {
	display: inline-block;
	float:left;
}

.connect a{
	
	color: #000 !important;
	font-weight: 500;
	font-size: .95em;
	text-decoration: none !important;
}


.connect .phone {
	margin-right: 10px;
	float:left;

	
}

/* Main visual Anders */


.main-bg {
	
	background: url(../../../b4st-master/images/main-visual.jpg) no-repeat center top;
	background-size: cover;
}

.auto-bg {
	background: url(../../../b4st-master/images/main-auto.jpg) no-repeat center top;
	background-size: cover;	
	
}

.motor-bg {
	background: url(../../../b4st-master/images/main-motor.jpg) no-repeat center top;
	background-size: cover;	
	
}

.contact-bg {
	background: url(../../../b4st-master/images/main-contact.jpg) no-repeat center top;
	background-size: cover;	
	
}

.denhaag-bg {
	background: url(../../../b4st-master/images/main-den-haag.jpg) no-repeat center top;
	background-size: cover;		
	
}
.rotterdam-bg {
	background: url(../../../b4st-master/images/main-rotterdam.jpg) no-repeat center top;
	background-size: cover;		
	
}

.bg-dark {

	background:#242C42 !important;
	
	
}

.bg-white {

	background:#fff !important;	
}



.bg-services {
	
	margin-top: -150px;
	background: #fff;
}


.visual-title {
	
text-shadow: 0 2px 20px rgba(0,0,0,0.25);
}


.reviewblock {
	
	border: 1px solid #d1d1d1;
}

.reviewblock p{ 
	
	font-size: 1.2rem;
	font-style: italic;
}

.reviewblock .naamcursist {
	
	font-size: 1rem;
}

.visual {

	min-height: 600px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.visual-small {

	min-height: 400px ;

}

.visual-no-photo {

	min-height: 200px  !important;

}

.visual-content {	
	color: #fff;
	padding: 30px;
	-webkit-align-self: center;
	align-self: center;
	align-self: flex-center;


}

.visual h1{
	
	font-size: 2.6rem;
	color: #fff;
	font-weight: 700;
	

}


.visual h1 small{
	
	font-size: 1rem;
	color: #fff;
	font-weight: 500;

}
	

	

.bg-blue-trans {
	
	/* Rectangle 6: */
	background-image: linear-gradient(-74deg, #00AFE8 18%, rgba(45,171,226,0.75) 100%);
}


/*

Buttons

*/



.btn {

	padding: .80em 1.1em;
	border-radius: 0 !important;
	
}

.btn-primary {
	font-size: 1em;
	font-weight: 500;
	background: #00ADF0;	
	border-color: #00ADF0;
	color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #059AD6;
	border-color: #059AD6;
	color: #fff;
}



.btn-secondary {
	
	font-size: 1em;
	font-weight: 500;
	background: #242C42;	
	border-color: #242C42;
	color: #fff;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	background: #444B5E;
	border-color: #444B5E;
	color: #fff;
}
	
.btn-ghost {	


}

.btn-small {
	font-size: 1em;
	font-weight: 500;
	background: #00ADF0;
	border-color: #00ADF0;
	color: #fff;
	padding: 0.6rem;
	
}

.btn-small:hover, .btn-small:focus, .btn-small:active {
	font-size: 1em;
	font-weight: 500;
	background: #059AD6;
	border-color: #059AD6;
	color: #fff;	
	
}


/* homepage */

.video-holder {
	
	display: flex;
	align-content: center;
	align-items: center;
	float: none;
}




.holder-block{
  padding: 0;
  margin: 0;

  

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.holder-block .item {
	
	  -webkit-align-content: flex-start; 
  align-content: flex-start; 
}
.holder-block span {
	
	margin-right: 15px;
	
}





/* faq */

	.faqcontainer {
		
	}
	
	.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
	}
	
	.panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;

	}
	
	.panel-heading:nth-child(odd) {
		border-color: #e1e1e1 !important;
		border-top: 1px solid;
/* 		border-bottom: 1px solid; */
		margin-top: -1px;
	}
	
	.panel-title {
		font-size: 1.2rem;
		font-weight: 300;
		margin-bottom: 0px;
		line-height: 1.3em;
	}
	
	.panel-title > a {
		display: block;
		padding: 15px;
		text-decoration: none;
		color: #4a4a4a;
	}
	
	.panel-title > a:hover {
		color: #00AFE8;
	}
	
	.more-less {
		float: right;
		color: #212121;
	}
	
	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
		padding: 15px;
	}
	
	.arrow-down {
		
		background: url(../../../b4st-master/images/arrow-down.svg) no-repeat right top;	
		width: 20px;
		height: 30px;
		background-size: 20px 12px;
		background-position-y: 8px;
	}
	
	.close {
		
		background: url(../../../b4st-master/images/close.svg) no-repeat right top;	
		width: 20px;
		height: 30px;
		background-size: 16px 16px;
		background-position-y: 8px;
	}



/* search-bar

.123-input.cursus-datum button {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    padding-left: 3.5rem;
    border: 1px solid #03a3f0;
    text-transform: none;
    font-size: 1rem;
}
.123-input.cursus-datum button:before {
    content: "";
    position: relative;
    display: block;
    box-sizing: border-box;
    background-image: url(../b4st-master/images/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 5px;
    z-index: 200;
    width: 30px;
    height: 30px;
    top: 10px;
}
.123-input.cursus-locatie button {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    padding-left: 3.5rem;
    border: 1px solid #03a3f0;
    text-transform: none;
    font-size: 1rem;
}
.123-input.cursus-locatie button:before {
    content: "";
    position: relative;
    display: block;
    box-sizing: border-box;
    background-image: url(/wp-content/themes/understrap/img/icon-location-48.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 5px;
    z-index: 200;
    width: 30px;
    height: 30px;
    top: 10px;
}


selectlocation-selector {
    max-width: 100%;
    min-width: 100%;
    display: inline-block;
    margin-right: 1em;
    background: #fff;
    border: 1px solid #dce0e0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-image: url("data:image/svg+xml;
    utf8, <svg version='1.1' xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#9b9b9b' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding: 0 .5rem;
    height: 40px;
    line-height: 40px;
}
*/






/* Cursusdata locatie & data-tabel */

.hr {
	
	width: 100%;
	height: 2px;
	background: #eee;
	display: block;
}


.locatie-gegevens .route-knop {
	
	background: #DDDDDD;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.10em;
	padding: 0.5em 1em;
	font-size: 0.90em;
	border-radius: 3px;
}

.locatie-gegevens .route-knop:hover {
	
	background: #00AFE8;
	color: #fff;
}


.locatie-data .btn-table {

	
	padding: 0.40em 1em;
	font-size: 0.90em;
	border-radius: 3px;
	
}

.locatie-data .btn-table:hover, .locatie-data .btn-table:focus, .locatie-data .btn-table:active {

/*
	color: #fff;
	background: #00AFE8;
	border-color: #00AFE8;
*/
	
}


.cursusdata-table thead th {
	
	font-weight: 500;
	color: #333;
	font-size: .95em;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #eee;
	border-top: 0px !important;
	
}

.cursusdata-table td, .cursusdata-table th {
	
	padding: 0.55rem;
	vertical-align: middle;
}

.cursusdata-table th {
	
	padding: 0.25rem;
}

.cursusdata-table tr:hover {
	
	background: #F5F8FA;
}

.cursusdata-table td:last-child{

	text-align: right;
}

.cursusdata-table td img {
	
	margin-bottom: 3px;
}

.locatie-adres {
	display: flex;
	
}


/* theoriecursus */


.title-list {
	
	list-style-type: none;
	padding: 0px;
}

.title-list li{
	
	list-style-type: none;
	padding: 0px;
	font-size:1.3em;
	font-weight: 100;
	color: #fff;
}



.page-title-content-holder {
	
	display: flex;
	align-content: center;
	align-items: center;

}

.page-title h1{
	

    font-size: 2.6rem;
    color: #fff;
    font-weight: 700;


}


.page-title small{
	

color: #fff;
font-size: 1rem;


}


.theoriecursus-visual {
	
	background: url(../../../b4st-master/images/theoriecursus-visual.jpg) no-repeat center center;
	background-size: cover;
/* 	min-height: 550px; */
	
}


.landingpage-visual {
	
	background: url(../../../b4st-master/images/lp-visual.jpg) no-repeat center center;
	background-size: cover;
/* 	min-height: 550px; */
	
}

.page-id-186 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-amsterdam.jpg) no-repeat center center;
	background-size: cover;
	
}

.page-id-190 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-arnhem.jpg) no-repeat center center;
	background-size: cover;
	
}

.page-id-195 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-breda.jpg) no-repeat center center;
	background-size: cover;
	
}

.page-id-198 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-deventer.jpg) no-repeat center center;
	background-size: cover;
	
}


.page-id-200 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-enschede.jpg) no-repeat center center;
	background-size: cover;
	
}


.page-id-204 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-eindhoven.jpg) no-repeat center center;
	background-size: cover;
	
}


.page-id-206 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-goes.jpg) no-repeat center center;
	background-size: cover;
	
}

.page-id-208 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-rotterdam.jpg) no-repeat center center;
	background-size: cover;
	
}

.page-id-210 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-den-haag.jpg) no-repeat center center;
	background-size: cover;
	
}

.page-id-212 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-utrecht.jpg) no-repeat center center;
	background-size: cover;
	
}

.page-id-155 .landingpage-visual {
	
	background: url(../../../b4st-master/images/landingpage/visual-zwolle.jpg) no-repeat center center;
	background-size: cover;
	
}






.percentage-image {
	
	max-width: 175px;
}

#likebox-wrapper * {
   width: 100% !important;
}



/* Contactpagina */

.contact-form {
	
	width: 100%;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="phone"], .contact-form textarea {
	
	width: 100% !important;
	border-radius: 0px;
	border: 2px solid #ddd;
	padding: 0.75em 1em !important;
}

.contact-form .gfield_label {
	font-weight: 400 !important;
	color: #000;
	
}

/*
#gform_fields_1 li {
	
	clear: both;
	float: left !important;
	width: 50% !important;
}
*/

.gform_wrapper ul li.gfield {
	
	clear: none !important;
}

.contact-form #field_1_6 {
	
	width: 100% !important;
}


.contact-form .gform_wrapper div.validation_error {
	
	background: #fff !important;
	border-top: 0px !important;
	border-bottom: 0px;
	margin-bottom: 0px;
}


.contact-form .gform_wrapper li.gfield.gfield_error {

	background: #fff !important;
	border-top: 0px !important;
	border-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 	0px;
	
}

.contact-form .gform_wrapper .field_description_below .gfield_description {
	padding-top: 0.75em;
	
}


/* Inschrijfformulier aanpassingen */


.inschrijven li {

/* 	margin-bottom: 20px;	 */
	margin-top: 20px;
}	


.inschrijven input[type="text"], .inschrijven input[type="email"], .inschrijven input[type="phone"], .inschrijven textarea {
	
	width: 100% !important;
	border-radius: 0px !important;
	border: 2px solid #ddd !important;
	padding: 0.75em 1em !important;
}

.inschrijven select{

	width: 100% !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
	background-position: 98% 50%;
	background-repeat: no-repeat;
	border: 2px solid #ddd !important;
	min-height: 44px;
	padding-left: 1em !important;
	
}


.miniform select{

	width: 100% !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
	background-position: 98% 50%;
	background-repeat: no-repeat;
	border: 2px solid #ddd !important;
	min-height: 50px;
	padding-left: 1em !important;
	border-color: #fff !important;
	
}


.inschrijven h3 {
	
	font-size: 1.6em !important;
	margin-top:30px !important; 
}

#field_2_30 h3{

	font-size: 1.3em !important;	

}

.inschrijven #field_2_1 label[for="input_2_1"] {
	
	display: none !important;
}

.inschrijven #field_2_7 .gfield_label_before_complex{
	
	display: none !important;
}


.inschrijven label {
	
	color: #000;
	font-size: 1em !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
}


#field_2_18 .gfield_label {
	
	display: none;
}



#field_2_20 p {
	
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#field_2_7 {
	
	
	margin-top: 0px;
	padding-top: 0px;
}

#field_2_30 ul {
	padding-left: 0px !important;
	margin: 0px !important;
	}

#field_2_30 ul li{
	
	list-style-type: none !important;
	padding: 0px;
	margin: 0px;
}


#field_2_30 ul li img{

	margin-right: 10px;


	}
	
#field_2_18 .gfield_description p {
	
	padding-bottom: 0px;
	margin-bottom: 0px;
}



.navbar {
	
	min-height: 75px;
}

.only-location {
	
	display: flex;


}

.miniform select{
	

	margin-right: 20px;
}

.footer-locaties a:hover{
	
	color: #fff !important;
}



footer h3 {
	
	color: #fff;
/* 	font-size: 1.6rem; */
	margin-bottom: 15px;
}

footer p {
	
	color: #d1d1d1;
	
	}

footer .contactgegevens span {
	
	width: 30px;
	display: inline-block;
	font-weight: 800;
}

#subfooter .subnav a{
	margin: 0px 15px;
	display: inline-block;
	color: #4A4A4A;
	text-decoration: none;
}

#subfooter .subnav a:hover{

	color: #00ADF0;
}

/* frontpage carousel */

.carousel-caption h2 {
	
	color: #fff;
	font-size: 2.6em;
}

.carousel-caption p, .carousel-caption h2 {
	
    text-shadow: 1px 1px 10px rgba(0,0,0,0.8);

}
.carousel-caption p {
	
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 1.4em;	
	
}



.leerlingen .holder {

	position: relative !important;
	width: 100%;
	height: 100%;
	min-width: 1px;
	min-height: 1px;
}


.leerlingen .holder .floater {
	
	padding: 0px 15px;
	position: absolute;
	bottom: 0px !important;
	left: 0px;
	z-index: 99;


}

.leerlingen .holder .naw {
	
	padding: 0px 40px;
	position: absolute;
	bottom: 20px !important;
	left: 0px;
	z-index: 399;

}


.leerlingen .holder .leerling {
	
	position: relative;
	width: 100%;
	height: 100%;
	
	
}

.cta-holder {
	
	background: #00ADF0;
	padding: 30px;
	min-height: 98%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cta {

	align-content: flex-start;

	
}

.cta-holder h3{

	font-size: 2rem;
	
}


.cursist {
	
	position: relative;
}


.positioned {
	
	position: absolute;
}


.card {
	
	border-radius: 0rem !important;
	border: 0px solid !important;

}

.card-title{

	font-size: 1.6rem !important;
	font-weight: bold !important;
	color: #fff !important;
}