/*
Theme Name: It's all about safety
Author: Sebas de Reus @ Smeders Internet
Author URI: http://smeders.nl/


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

@import url('/asset.php?file=responsive.css&pathList=[%22dhtc%22]&startingPath=css');

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

@font-face {
	font-family: 'Apex New';
	src: url('/asset.php?file=ApexNew-Bold.eot&pathList=[%22dhtc%22]&startingPath=css/fonts');
	src: url('/asset.php?file=ApexNew-Bold.eot&pathList=[%22dhtc%22]&startingPath=css/fonts#iefix') format('embedded-opentype'),
		url('/asset.php?file=ApexNew-Bold.woff&pathList=[%22dhtc%22]&startingPath=css/fonts') format('woff'),
		url('/asset.php?file=ApexNew-Bold.ttf&pathList=[%22dhtc%22]&startingPath=css/fonts') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Apex New';
	src: url('/asset.php?file=ApexNew-BoldItalic.eot&pathList=[%22dhtc%22]&startingPath=css/fonts');
	src: url('/asset.php?file=ApexNew-BoldItalic.eot&pathList=[%22dhtc%22]&startingPath=css/fonts#iefix') format('embedded-opentype'),
		url('/asset.php?file=ApexNew-BoldItalic.woff&pathList=[%22dhtc%22]&startingPath=css/fonts') format('woff'),
		url('/asset.php?file=ApexNew-BoldItalic.ttf&pathList=[%22dhtc%22]&startingPath=css/fonts') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Apex New';
	src: url('/asset.php?file=ApexNew-Book.eot&pathList=[%22dhtc%22]&startingPath=css/fonts');
	src: url('/asset.php?file=ApexNew-Book.eot&pathList=[%22dhtc%22]&startingPath=css/fonts#iefix') format('embedded-opentype'),
		url('/asset.php?file=ApexNew-Book.woff&pathList=[%22dhtc%22]&startingPath=css/fonts') format('woff'),
		url('/asset.php?file=ApexNew-Book.ttf&pathList=[%22dhtc%22]&startingPath=css/fonts') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Apex New';
	src: url('/asset.php?file=ApexNew-Medium.eot&pathList=[%22dhtc%22]&startingPath=css/fonts');
	src: url('/asset.php?file=ApexNew-Medium.eot&pathList=[%22dhtc%22]&startingPath=css/fonts#iefix') format('embedded-opentype'),
		url('/asset.php?file=ApexNew-Medium.woff&pathList=[%22dhtc%22]&startingPath=css/fonts') format('woff'),
		url('/asset.php?file=ApexNew-Medium.ttf&pathList=[%22dhtc%22]&startingPath=css/fonts') format('truetype');
	font-weight: 500;
	font-style: normal;
}

body {
	font-family: 'Apex New'!important;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #484848;
	font-weight: 300!important;
	font-size: 16px;
	    -webkit-overflow-scrolling: touch;
}

#primary {
	line-height: 23px;
}

h1, .home h2 {
	font-weight: 300;
	color: #484848;
	text-transform: uppercase;
	text-align: center;
	font-size: 30px;
}

h2 {
	font-weight: 300;
	color: #484848;
	text-transform: uppercase;
	font-size: 25px;
}

h3 {
	font-size: 16px;
text-transform: uppercase;
font-weight: 900;
}

h1:after, .home h2:after {
    content: "";
    height: 3px;
    width: 80px;
    position: relative;
    background: #3898D4;
    display: block;
    margin: 0 auto;
		margin-top:10px;
}

a {
	color:#3898D4;
}

.footer-menu {
	margin-left:0;
	padding:0 0 30px 0;
}

.footer-menu li {
	display:inline;
	list-style-type:none;
}

#colophon p {
	margin: 0;
	padding: 0;
	line-height: 100px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
}

.footer-menu li a {
	border-left:1px solid #ddd;
	padding: 0 8px;
}

.footer-menu > li:first-child > a {
	border-left:none;
	padding:0 8px 0 0;
}

.navbar-default {
	border:0;
	background: #2f2f2f;
	min-height: 150px;
}

.navbar {
    position: relative;
	margin-bottom: 0;
	border-radius: 0px;
}

.navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -90px !important;  /* 50% of your logo width */
    display: block;
}

.navbar-brand>img {
	margin-top: 10px;
}

.navbar-right {
	padding-right: 30px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 0px;
    text-transform: uppercase;
    color: white!important;
    font-size: 18px;
    font-weight: 500;
		margin-top: 55px;
}

.navbar-nav>li {
	height: 150px;
	padding-right: 20px;
}

.navbar-search input[type=search] {
		background: none;
    border: 0!important;
    color: white;
    font-weight: 300;
    font-size: 20px;
}

input.search-field:focus::-webkit-input-placeholder {
	opacity: .1;
	position: relative;
	transition:0.15s ease-in-out;
}

input.search-field::-webkit-input-placeholder {
	opacity: 1;
	position: relative;
	transition:0.15s ease-in-out;
}

input.search-field:focus {
    border: 0;
    outline-offset: 0!important;
    outline: 0!important;
}

.navbar-search input[type=image] {
		top: 8px;
    position: relative;
    margin-right: 20px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent;
    border-bottom: 2px solid #3898d4;
}

.navbar-search {
		float: left;
		line-height: 147px;
		padding-left: 30px;
}

.breadcrumbs {
	background: #f1f1f1;
	min-height: 55px;
	font-weight: 300;
}

#breadcrumbs {
	padding-left: 30px;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

#content #primary {
	padding:80px 0;
}

#colophon {
	background: #2f2f2f;
	color: white;
	height: 100px;
}

#colophon a {
	color: white;
}

#footermenu {
	background: #3898D4;
	color: white;
	padding: 80px 0;
}

.page-bigimage {
	  padding-top: 40px;
	  padding-bottom: 40px;
}

#certificates {
	background: #f1f1f1;
	padding:80px 0;
	text-align: center;
}

.cert-item {
	display: inline-block;
	text-align: center;
}

.cert-item img {
	padding:0 10px;
	max-height: 80px;
}

.page h1, .post-type-archive-cursusaanbod h1, .tax-cursus_categories h1 {
	padding-bottom: 50px;
}

#footermenu li {
	list-style: none;
}

#footermenu li.title {
	font-weight: 900;
	text-transform: uppercase;
	border-bottom: 1px solid white;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#footermenu .row:first-child {
	margin-bottom: 40px;
}

.class-photos .first {
	padding-left: 0;
	padding-right: 7px;
}

.class-photos .last {
	padding-right: 0;
	padding-left: 7px;
}

.type-cursusaanbod h1 {
	padding-bottom: 50px;
}

.class-infobox {
    background: #f1f1f1;
    text-align: center;
    padding: 30px 0;
    margin: 50px 0;
}

.class-infobox .col-lg-3 {
    border-left: 1px solid;
}

.class-infobox .col-lg-3:first-child {
    border-left: 0;
}

.row.class-details, .row.dates {
    border-bottom: 1px solid #eaeaea;
    line-height: 35px;
}

.dates .col-lg-12 {
	padding-left: 0;
}

.classinfo h2 {
	margin-top:50px;
}

.dates .book {
	text-align: right;
}

.home h1 {
	font-size: 70px;
	font-style: italic;
	color: white;
	text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}

.home h1:after {
	background: white;
	width: 200px;
}

.home .breadcrumbs {
	display: none;
}

.home .navbar-default {
	background: transparent;
	border-bottom: 1px solid #eaeaea;
}

.dhtcblue {
	color:#3898D4;
}

.fpintro {
	font-weight: 900;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px!important;
}

.hero .fpintro, .hero .content {
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
	color: white;
}

.hero {
    height: 75vh;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12100b+0,12100b+20,3898d4+100 */
    margin-top: -155px;

}

.herooverlay {
	background: #12100b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #12100b 0%, #12100b 20%, #3898d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #12100b 0%,#12100b 20%,#3898d4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #12100b 0%,#12100b 20%,#3898d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12100b', endColorstr='#3898d4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: absolute;
	opacity: .85;
	width: 100%;
	height: 75vh;
}

.fpclassoverlay {
	background: #12100b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #12100b 0%, #12100b 20%, #3898d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #12100b 0%,#12100b 20%,#3898d4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #12100b 0%,#12100b 20%,#3898d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12100b', endColorstr='#3898d4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: absolute;
	opacity: .4;
	width: 100%;
	height: 400px;
}

.hero .container {
	position: absolute;
	bottom: 30vh;
	left: 0;
	width:100%!important;
}

.dhtcvideo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
		height: 75vh;
}

.dhtcvideo video {
    position: absolute;
    top: 0;
    left: 0;
		width: 100%;
		object-fit: cover;
		height: 75vh;
}

.location {
	text-align: center;
}

.location-image {
	width: 100px;
	height: 100px;
	background-position: center!important;
	margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 30px;
}

.home .locations h2, .home .classes h2 {
	margin-bottom: 50px;
}

.home .locations {
	padding:80px 0;
	margin:0 auto;
	max-width: 800px;
}

.home .classes {
	max-width: 1400px;
}

.col-md-4.fpclass {
	width: calc(33.3% - 5px);
}

.fpclass {
  height: 400px;
  background: grey;
  margin-right: 5px;
  margin-bottom: 5px;
	background-position: center!important;
	padding:0!important;
}

.fpclass_content {
    position: absolute;
    bottom: 20px;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
		padding-left: 25px;
		font-size: 15px;
		text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}

.fpclass_content:after {
    content: url(/asset.php?file=arrow.svg&pathList=[%22dhtc%22]&startingPath=css/img);
    width: 100px;
    height: 20px;
    position: relative;
		margin-left: 10px;
			transition-duration: .3s;
}

.fpclass:hover .fpclass_content:after {
	margin-left: 20px;
	transition-duration: .3s;
}

.listview-classes {
	max-width: 1400px;
padding:80px 0;
}

.listview-classes h2 {
	margin-bottom: 20px;
}

.classlist-item, .classlist-item div {
	padding-left: 0px;
}

.col-lg-3.classlist-item {
    border-top: 1px solid;
    padding-top: 10px;
    padding-bottom: 10px;

    margin-right: 15px;
}

 .classlist-item div {
	 padding-right: 0px;
 }

.classlist-item h3 {
	text-transform: inherit;
	margin: 0;
	margin-top: 5px;
}

.classitemimage {
	background-size: cover!important;
	background-position: center!important;
	height: 70px;
	width: 70px;
    position: relative;
}

.col-lg-4.certifitem {
    border-bottom: 1px solid #eaeaea;
    width: calc(33% - 50px);
    margin-right: 50px;
		margin-bottom: 25px;
		min-height: 70px;
}

.akkoord-form-group label {
	font-weight: 100;
}

.certifitem a {
	margin-bottom: 10px;
	display: block;
}

.certifitem img {
	float: left;
    margin-right: 15px;
    top: -5px;
    position: relative;
}

.certificeringen {
	padding-top:80px;
}

.faq {
	padding-top: 50px;
}

.certificeringen .row h2, .faq .row h2 {
	margin-bottom: 40px;
	margin-top:80px;
}

.certificeringen .row:first-child h2 {
	margin-top:0;
}

.faqitem {
	padding-left: 0!important;
}

.panel-primary>.panel-heading,
.panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
    border-radius: 0;
    border: 0px;
		border-top:1px solid;
		padding-top:15px;
}

.panel-primary>.panel-heading {
	border-bottom: 1px solid #3898D4;
}
.panel-primary>.panel-body,
.panel-primary>.panel-footer {
	border-left: 1px solid #3898D4;
	border-right: 1px solid #3898D4;
}
.panel-primary>*:last-child {
	border-bottom: 1px solid #3898D4;
}


.panel {
	box-shadow: 0px 0px 0px!important;
	border: 0px!important;
}

.panel-heading {
	padding: 0;
}

h4 {
    color: #3898d4!important;
    font-size: 16px!important;
    font-weight: 500;
}

.panel:not(.panel-primary)>.panel-body {
	padding-left: 0px;
}

a:focus, a:hover {
	text-decoration: none;
}

.faq h2 {
    margin-top: 50px;
}

.contact .location {
	margin-bottom: 40px;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, .gform_wrapper .top_label .gfield_label {
	display: none!important;
}

.gform_wrapper input, .gform_wrapper textarea.medium {
    border: 0px;
    border-bottom: 1px solid #eaeaea;
}

input#input_1_3_1 {
    margin-bottom: 15px;
}

label {
	font-weight: 300;
}

.gfield_checkbox li {
    width: 50%;
    display: inline-block;
}

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    letter-spacing: inherit;
    vertical-align: middle;
    cursor: pointer;
    top: 5px;
    position: relative;
    left: 5px;
}

.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
	height: 23px;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/


.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
img {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}


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

.navbar-brand>img {
	min-width: 110px;
}

@media only screen and (max-width : 979px) {
.dropdown-menu li:hover .dropdown-menu {
	position:static;
}
}