@charset "utf-8";
/*
Theme Name: TSH opleidingen
Theme URI: https://www.webba.nl/
Author: Webba
Author URI: https://www.webba.nl/
Description: TSH opleidingen
Version: 1.0

* Built on the Whiteboard Framework
* http://whiteboardframework.com
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #414d5c;
	line-height: 1.5;
	background: #d9dbdb;
	background: #fff;
}
aside, article, footer, header, nav, section {
	display: block;
}
::selection {
	background: #0057c5;
	color: #fff;
}
::-moz-selection {
	background: #0057c5;
	color: #fff;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif;
	color: #0f1721;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.4;
	font-size: 20px;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 25px;
}
input, textarea {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
}
input:required {
	box-shadow:none;
}
input:invalid {
	box-shadow:0 0 2px #e7312c;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	list-style: decimal;
	margin: 0 0 30px 20px;
}
p {
	margin: 0 0 30px;
}
p strong {
	font-weight:bold;
}
form {
	margin: 0px;
	padding: 0px;
}
a img {
	border: 0px;
}
a {
	color: #414d5c;
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
a:hover {
	text-decoration: underline;
}
iframe {
	max-width: 100%;
}
.clear {
	clear:both;
}
img {
	max-width:100%;
	height:auto;
}

/* Algemeen */
.container {
	position: relative;
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
a.btn {
	color: #fff;
	background-color: #ffa500;
	padding: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    text-decoration: none !important;
    display: inline-block;
    margin: 20px 20px 0 0;
    min-width: 200px;
    text-align: center;
}
a.btn:hover {
	background-color: #ffae18;
}

/* Header */
.header_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.header_image {
	height: 280px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.header_image:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(23,67,123,0.6);
}
body.home .header_image {
	height: 450px;
}
.header_image > div {
	position: relative;
	z-index: 1;
}
a.logo {
	position: relative;
	background-color: #fff;
	float: left;
	padding: 40px 20px;
}
a.logo img {
	width: 125px;
}
a.logo:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 100px 0 0;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -24px;;
	left: 0;
}
a.logo:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 100px 25px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	bottom: -24px;;
	right: 0;
}
ul.header_cta {
	float: right;
	margin: 40px 10px 0 0;
}
ul.header_cta > li {
	display: inline-block;
}
ul.header_cta > li a {
	color: #fff;
	min-height: 30px;
	line-height: 30px;
	display: block;
	-webkit-transition: 0s ease;
	transition: 0s ease;
}
ul.header_cta > li a.telefoon {
	padding-left: 40px;
	background: url(../images/icon_telefoon.png) no-repeat center left;
	background-size: 20px auto;
	margin: 0 60px 0 0;
}
ul.header_cta > li a.email {
	padding-left: 50px;
	background: url(../images/icon_nieuwsbrief.png) no-repeat center left;
	background-size: 30px auto;
}
ul.header_cta > li a:hover {
	opacity: 0.75;
	text-decoration: none;
}
.header_wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.header_wrapper > div {
	width: 550px;
    margin: 40px auto 0;
    color: #fff;
    position: relative;
}
.header_wrapper > div h1 {
	color: #fff;
	font-size: 50px;
	line-height: 1;
	margin: 0 0 5px 0;
}
.header_wrapper > div a {
	color: #fff;
	text-decoration: underline;
}

/* Blokken */
.blokken {
	background-color: #4e5e73;
	padding: 90px 0;
}
.blok1 h1,
.blok1 h2,
.blok1 h3,
.blok1 h4,
.blok1 h5,
.blok1 h6 {
	color: #fff;
	font-size: 18px;
}
.blokken > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.blokken > div > article,
#nieuws > article {
	position: relative;
	width: 33.33%;
	margin-right: 20px;
	background-color: #fff;
	background-size: cover;
	background-position: center;
}
.blokken > div > article img,
#nieuws > article img {
	vertical-align: bottom;
}
.blokken > div > article.blok1 a.lees_meer {
	color: #fff;
	background-color: #0057c5;
	text-transform: initial;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}
.blokken > div > article.blok1 a.lees_meer:hover {
	background-color: #0048a4;
}
.home_right > div a {
	display: table;
	color: #000;
	background-color: #fff;
	padding: 18px 35px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 600;
	margin: 30px 0 0;
}
.home_right > div a:hover {
	text-decoration: none;
	background-color: #eee;
}
.home_right > div a.lees_meer {
	position: relative;
	left: auto;
	bottom: auto;
	padding: 6px 35px;
}
.home_right > div.agenda > div > .blok1 {
	margin-top: 60px;
}
.home_right > div.databank {
	margin-top: 20px;
}
.blokken > div > article:last-of-type {
	margin-right: 0;
}
.blokken > div > article > div,
#nieuws > article > div {
	padding: 30px 30px 70px;
	position: relative;
	z-index: 1;
}
#nieuws > article > div {
	position: initial;
}
.blokken > div > article > div h3.categorie,
#nieuws > article > div h3.categorie {
	color: #fff;
	background-color: #0057c5;
	padding: 8px 20px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	display: table;
	letter-spacing: 1px;
	margin-top: -48px;
    z-index: 1;
    position: relative;
}
.blokken > div > article > div span.datum,
#nieuws > article > div span.datum {
	font-size: 14px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 10px;
}
.blokken > div > article > div h1,
#nieuws > article > div h1 {
	font-size: 16px;
	margin-bottom: 15px;
}
a.lees_meer {
	background-color: #0057c5;
	padding: 0 20px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #fff;
	display: table;
	height: 40px;
	line-height: 40px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 1;
}
a.lees_meer:hover {
	text-decoration: none;
	background-color: #0048a4;
}
#nieuws {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
}
#nieuws > article {
	width: calc(33.33% - 14px);
	margin: 0 20px 20px 0;
}
#nieuws > article:nth-child(3n) {
	margin-right: 0;
}
.blokken > .meer_nieuws {
	display: block;
	padding-top: 40px;
}
.meer_nieuws > a {
	background-color: #fff;
    padding: 0 20px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #414d5c;
    display: table;
    height: 40px;
    line-height: 40px;
    float: right;
}
.meer_nieuws > a:hover {
	text-decoration: none;
	background-color: #eee;
 }
.paging {
	margin-bottom: 60px;
}
ul.page-numbers:after {
	clear: both;
	content: '';
	display: block;
}
ul.page-numbers {
	list-style: none;
	padding: 0;
	padding-top: 30px;
}
ul.page-numbers li {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	float: left;
	margin: 0 10px 0 0;
	background: #fff;
	color: #0057c5;
}
ul.page-numbers li:hover {
	color: #fff;
	text-decoration: none
}
ul.page-numbers li:hover a {
	color: #fff;
	text-decoration: none;
	background: #0057c5;
}
ul.page-numbers li a {
	color: #414d5c;
	display: block;
}
ul.page-numbers li .current,
ul.page-numbers li .dots {
	color: #fff;
	background: #0057c5;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
}

/* Content */
.content_wrapper {
	padding: 40px 20px;
	background: url(../images/grijs_bg.jpg) no-repeat top center;
	background-size: cover;
	background: #fff;
}
body.home .content_wrapper {
	padding-top: 90px;
}
.column_left {
	width: 40%;
	float: left;
}
.column_right {
	width: 55%;
	float: right;
}
.content_left {
	width: 65%;
	float: left;
}
.content_left > div {
	padding: 30px 20px;
	background-color: #fff;
	margin-bottom: 20px;
}
.content_left > div p a,
.content_left > div > ul > li > a {
	text-decoration: underline;
}
body.page-id-2 .content_left > div:first-of-type {
	padding-bottom: 80px;
}
.content_left > div.afbeeldingsblok {
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.content_left > div.afbeeldingsblok img {
	vertical-align: bottom;
	width: calc(50% - 10px);
	height: auto;
	margin-bottom: 20px;
}
.content_left > div.afbeeldingsblok img:nth-child(2n) {
	margin-left: 20px;
}
.content_right {
	width: calc(35% - 20px);
	float: right;
}
.content_right > div {
	background-color: #fff;
}
.content_left > div ul,
.page_content ul{
	margin: 0 0 30px 0;
}
.content_left > div ul li,
.page_content ul li {
	padding-left: 30px;	
	background: url(../images/icoon_opsomming.png) no-repeat 0px 8px;
	background-size: 13px auto;
}
p.meta {
	margin: -12px 0 5px;
	letter-spacing: 1px;
	font-weight: 300;
}
a.terug_nieuws {
	color: #0057c5;
	display: table;
	margin: 60px 0 0;
	text-decoration: underline;
}
a.terug_nieuws:hover {
	opacity: 0.75;
}
a.terug_nieuws
.content_left p+h2,
.content_left p+h3,
.content_left p+h4,
.content_left p+h5,
.content_left p+h6 {
	margin-top: 40px;
}
body.home .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.content table {
	width: 100% !important;
	height: auto !important;
}
.content table tr td {
	vertical-align: top;
}
.post-password-form label {
	display: inline-block;
	vertical-align: middle;
}
.post-password-form input {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}
.post-password-form input[type=password] {
	margin-left: 10px;
}
.post-password-form input[type=submit] {
	background-color: #0057c5;
	border: 1px solid #0057c5;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.home_left {
	width: 68%;
	float: left;
	display: -webkit-box;display: -ms-flexbox;display: flex;
}
.home_left > div {
	background-color: #fff;
	width: 50%;
}
.home_left > div.lastechniek {
	margin-right: 20px;
}
.home_right {
	margin-left: 20px;
	width: 32%;
	float: right;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
}
.home_right > div {
	background-color: #0057c5;
	padding: 30px;
	color: #fff;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-ms-flex-preferred-size: auto;
	    flex-basis: auto;
}
.home_right > div p {
	margin: 20px 0 0;
}
.home_right > div h1,
.home_right > div h2,
.home_right > div h3,
.home_right > div h4,
.home_right > div h5,
.home_right > div h6 {
	font-size: 25px;
	color: #fff;
}
.home_right > div.agenda {
	position: relative;
	margin-top: 20px;
	background-size: cover;
}
.home_right > div.agenda:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
}
.home_right > div.agenda > div {
	position: relative;
	z-index: 1;
}
.home_right > div.agenda ul {
	margin-bottom: 20px;
}
.home_right > div.agenda ul li {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	margin: 0 0 10px 0;
	padding: 0 5px 10px 5px;
}
.home_right > div.agenda ul li:last-child {
	border-bottom: 0;
}
.home_right > div.agenda ul li a {
	background-color: transparent;
	text-transform: initial;
	font-size: 16px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.home_right > div.agenda ul li a:hover {
	opacity: 0.75;
}
.home_right > div.agenda ul li a:after {
	content: '';
	display: block; 
	clear: both;
}
.home_right > div.agenda ul li a > p {
	float: left;
	width: 70px;
	margin: 0;
	font-size: 13px;
	font-weight: 300;
}
.home_right > div.agenda ul li a > span {
	float: right;
	width: calc(100% - 100px);
	font-weight: 400;
	line-height: 1.2;
}
.home_right > div.agenda > div > a {
	display: block;
	margin: 10px 0 0;
	padding: 15px 30px;
	text-align: center;
}
.content_right .elektrotechniek {
	margin-top: 20px;
}
.lastechniek > div,
.elektrotechniek > div {
	padding: 20px 25px 30px;
}
.lastechniek > div h2,
.elektrotechniek > div h2 {
	font-size: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.lastechniek > div h2 a,
.elektrotechniek > div h2 a {
	color: #0f1721;
}
.lastechniek > div h2 a:hover,
.elektrotechniek > div h2 a:hover {
	text-decoration: none;
	color: #054ba4;
}
.lastechniek > div h2 img ,
.elektrotechniek > div h2 img {
	width: 30px;
	height: 30px;
	margin-right: 12px;
}
.lastechniek > div ul li,
.elektrotechniek > div ul li {
	border-bottom: 1px solid #f0f0f0;
	margin: 8px 0 0;
	padding: 0 22px 8px;
}
.lastechniek > div ul li:last-child,
.elektrotechniek > div ul li:last-child {
	border: 0;
	padding-bottom: 0;
}
.lastechniek > div ul li a:hover,
.elektrotechniek > div ul li :hover {
	color: #0057c5;
}
.uitgelicht {
	background-color: #fff;
	padding: 30px 75px;
	margin: 20px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.uitgelicht h2 {
	font-size: 25px;
	margin: 0 50px 0 0;
}
.uitgelicht ul li {
	display: table;
	float: left;
	margin: 0 5px 0 0;
}
.uitgelicht ul li:after {
	content: ',';
}
.uitgelicht ul li:last-child:after {
	display: none;
}
.page_content {
	background-color: #fff;
	padding: 30px;
}
.content.niveau2 {
	background-color: #fff;
	margin-bottom: 20px;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	width: 100%;
}
.content.niveau2 > div {
	float: left;
	width: 50%;
	padding: 30px;
}
.content.niveau2 > div+div {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.content.niveau2 > div > a {
	display: table;
	border-bottom: 1px solid #f0f0f0;
    margin: 8px 0 0;
    padding: 0 22px 8px 8px;
}
.content.niveau2 > div > a:last-child {
	border-bottom: 0;
}
body.page-id-8 .page_content,
body.page-id-67 .page_content,
body.page-template-blokken .page_content {
	margin-bottom: 20px;
}
.opleidingen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
}
.opleidingen > article {
	width: calc(33.33% - 14px);
	margin: 0 20px 20px 0;
	background-color: #fff;
}
.opleidingen > article:nth-child(3n) {
	margin-right: 0;
}
.opleidingen > article > div {
	padding: 30px;
}
.opleidingen > article > div h1 {
	font-size: 20px;
	margin: 0 0 20px 0;
}
.opleidingen > article > div h1 img,
.content.niveau2 > div > a > img {
	width: 30px;
	height: 30px;
	margin-right: 12px;
	vertical-align: middle;
}
.opleidingen > article > div h1 > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	        align-items: flex-start;
}
.opleidingen > article > div ul li {
	border-bottom: 1px solid #f0f0f0;
    margin: 8px 0 0;
    padding: 0 22px 8px;
}
.opleidingen > article > div ul li:last-child {
	border: 0;
	padding-bottom: 0;
}
.opleidingen > article p a {
	text-decoration: underline;
}
body.page-id-8 .introtekst,
body.page-id-67 .introtekst {
	display: none;
}
#gallery-2 {
	margin: auto;
}
#gallery-2 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
#gallery-2 img {
	border: 2px solid #cfcfcf;
}
#gallery-2 .gallery-caption {
	margin-left: 0;
}

/* Cursussen */
.content_cursus {
	background-color: #fff;
	padding: 40px 50px;
	margin-bottom: 20px;
}
.content_cursus > ul.cursussen > li {
	margin: 12px 0;
	padding: 0 0 12px 0;
	background: transparent;
	border-bottom: 1px solid #f1f1f1;
}
.content_cursus > ul.cursussen > li:last-child {
	border: 0;
}
.content_cursus > ul.cursussen > li:after,
.content_cursus > ul.cursussen > li > a:after {
	content: '';
	display: block;
	clear: both;
}
.content_cursus > ul.cursussen > li > a {
	display: block;
}
.content_cursus > ul.cursussen > li:hover > a {
	color: #0057c5;
}
.content_cursus > ul.cursussen > li > div,
.content_cursus > ul.cursussen > li > a > div {
	float: left;
	width: 50%;
}
.content_cursus > ul.cursussen > li.cursus_head {
	color: #0057c5;
	font-size: 16px;
	color: #0057c5;
	font-weight: 600;
}
.content_cursus > ul.cursussen > li > div > p,
.content_cursus > ul.cursussen > li > a > div > p {
	margin: 0;
}
.content_cursus > ul.cursussen > li > div > span,
.content_cursus > ul.cursussen > li > a > div > span {
	width: 33.33%;
	display: block;
	float: left;
	padding: 0 10px;
}

/* Contact */
.content_left .gform_wrapper,
.page_content .gform_wrapper {
	max-width: 500px;
}
.content_left > div .gform_wrapper ul li,
.page_content > .gform_wrapper ul li {
	background: transparent;
	margin: 0;
	padding: 0;
}
.content_left .gform_wrapper .top_label .gfield_label,
.page_content .gform_wrapper .top_label .gfield_label {
	display: initial;
}
.content_left .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.content_left .gform_wrapper textarea.medium,
.page_content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.page_content .gform_wrapper textarea.medium {
	width: 100%;
	padding: 8px 20px;
	border: 1px solid #ebebeb;
	-webkit-appearance: none;
	border-radius: 0;
}
.content_left .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.content_left .gform_wrapper textarea.medium:focus,
.page_content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.page_content .gform_wrapper textarea.medium:focus {
	border: 1px solid #2365c9;
	outline: none;
}
.content_left .gform_wrapper .gform_footer input.button,
.content_left .gform_wrapper .gform_footer input[type=submit],
.content_left .gform_wrapper .gform_page_footer input.button,
.content_left .gform_wrapper .gform_page_footer input[type=submit],
.page_content .gform_wrapper .gform_footer input.button,
.page_content .gform_wrapper .gform_footer input[type=submit],
.page_content .gform_wrapper .gform_page_footer input.button,
.page_content .gform_wrapper .gform_page_footer input[type=submit] {
	background: #2365c9;
	color: #fff;
	border: 0;
	padding: 20px 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	float: right;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}
.content_left .gform_wrapper .top_label .gfield_contains_required .gfield_label,
.page_content .gform_wrapper .top_label .gfield_contains_required .gfield_label {
	display: none;
}
.content_left .gform_wrapper .gform_footer,
.page_content .gform_wrapper .gform_footer {
    padding: 10px 0;
    margin: 0;
}
.content_left .gform_wrapper .gform_footer:after,
.page_content .gform_wrapper .gform_footer:after {
	content: '';
	display: block;
	clear: both;
}
.content_left .gform_wrapper li.gfield.gfield_error,
.content_left .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
.page_content .gform_wrapper li.gfield.gfield_error {
	border: 0;
	background: transparent;
}
.content_left .gform_wrapper .validation_message,
.page_content .gform_wrapper .validation_message {
	color: #2365c9;
	padding-top: 5px;
}
.content_left .gform_wrapper div.validation_error,
.page_content .gform_wrapper div.validation_error {
    color: #2365c9;
    border-top: 2px solid #2365c9;
    border-bottom: 2px solid #2365c9;
}
.overige_opleidingen img {
	vertical-align: bottom;
	width: 100%;
}
.overige_opleidingen > ul {
	padding: 30px;
	background-color: #fff;
}
.overige_opleidingen > ul > li {
	display: none;
}
.overige_opleidingen > ul > li.current_page_item,
.overige_opleidingen > ul > li.current_page_ancestor,
.overige_opleidingen > ul > li.current_page_parent,
.overige_opleidingen > ul > li.current_page_item li,
.overige_opleidingen > ul > li.current_page_ancestor li,
.overige_opleidingen > ul > li.current_page_parent li {
	display: block;
}
.overige_opleidingen > ul > li.current_page_item li,
.overige_opleidingen > ul > li.current_page_ancestor li,
.overige_opleidingen > ul > li.current_page_parent li {
	border-bottom: 1px solid #f0f0f0;
    margin: 8px 0 0;
    padding: 0 22px 8px;
}
.overige_opleidingen > ul > li.current_page_item li.current_page_item,
.overige_opleidingen > ul > li.current_page_ancestor li.current_page_item,
.overige_opleidingen > ul > li.current_page_parent li.current_page_item {
	display: none;
}
.overige_opleidingen > ul > li.current_page_item li:last-child,
.overige_opleidingen > ul > li.current_page_ancestor li:last-child,
.overige_opleidingen > ul > li.current_page_parent li:last-child {
	border: 0;
}
.overige_opleidingen > ul > li.current_page_item > a,
.overige_opleidingen > ul > li.current_page_ancestor > a ,
.overige_opleidingen > ul > li.current_page_parent > a {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    color: #0f1721;
    font-weight: 700;
    line-height: 1.4;
    font-size: 25px;
    margin: 0 0 15px 0;
    display: table;
}

/* CTA blok */
.cta {
	background-color: #0057c5;
	color: #fff;
	padding: 25px 0;
	position: relative;
}
.cta:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/cta_links.png) no-repeat center left;
	background-size: auto 100%;
}
.cta:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/cta_rechts.png) no-repeat center right;
	background-size: auto 100%;
}
.cta > div {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
}
.cta h1,
.cta a {
	color: #fff;
	min-height: 30px;
	line-height: 30px;
	margin: 0;
}
.cta a:hover {
	opacity: 0.75;
	text-decoration: none;
}
.cta h1 {
	font-size: 25px;
	line-height: 1.2;
}
.cta a.telefoon {
	padding-left: 40px;
	background: url(../images/icon_telefoon.png) no-repeat center left;
	background-size: 20px auto;
	margin: 0 80px;
}
.cta a.email {
	padding-left: 50px;
	background: url(../images/icon_nieuwsbrief.png) no-repeat center left;
	background-size: 30px auto;
}

/* Referenties */
.referenties {
	background-color: #fff;
	padding: 90px 0;
}
.referenties h1 {
	font-size: 25px;
	text-align: center;
}
.referenties ul {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.referenties ul:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	bottom: 0;
	left: 0;
	margin: -1px 0 0;
}
.referenties ul li {
	width: 16.66%;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.referenties ul li:nth-child(6n+1) {
	border-left: 0;
}
.referenties ul li img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.referenties ul li:hover img {
	filter: none;
    filter: none;
    -webkit-filter: grayscale(0%);
}

/* Footer */
footer {
	background: #171e26 url(../images/footer_bg.jpg) no-repeat center bottom;
	color: #fff;
	font-size: 14px;
	padding: 50px 0 10px;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
	color: #fff;
	font-size: 16px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;	
	opacity: 0.75;
	text-decoration: none;
}
footer .container {
	display: -webkit-box;display: -ms-flexbox;display: flex;
}
footer .container > div {
	position: relative;
	float: left;
	width: 33.33%;
	padding-bottom: 60px;
	padding-right: 10%;
}
footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer h3+p {
	margin-bottom: 40px;
}
li.li,
li.fb {
	display: inline-block;
}
li.li a,
li.fb a {
	display: block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
li.li a {
	background: url(../images/icon_li.png) no-repeat;
	background-size: 25px auto;
}
li.fb a {
	background: url(../images/icon_fb.png) no-repeat;
	background-size: 25px auto;
}
.copyright_onder {
	position: absolute;
	bottom: 0;
	left: 20px;
	margin: 0;
}
.website_onder {
	position: absolute;
	bottom: 0;
	right: calc(33.33% + 40px);
}
.nieuwsbrief_wrapper {
	background-color: #0057c5;
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 100%;
	min-height: 300px;
	padding: 30px;
}
.nieuwsbrief_wrapper h3 {
	color: #fff;
}
.nieuwsbrief_wrapper > img {
	margin-bottom: 12px;
}
.mc-field-group > input[type=email] {
	border: 0;
	padding: 10px 20px;
	width: 100%;
}
#mc_embed_signup input[type=submit] {
	border: 0;
	cursor: pointer;
	float: right;
	background-color: #171e26;
	color: #fff;
	display: table;
    padding: 15px 35px;
    margin: 20px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

@media (max-width: 1400px) {

	/* Header */
	ul.header_cta {
	    float: none;
	    position: absolute;
	    margin: 0;
	    right: 120px;
	    top: 40px;
	}

}

@media (max-width: 1200px) {

	/* Content */
	.opleidingen > article > div {
    	padding: 25px 15px;
	}
	.overige_opleidingen > ul > li.current_page_item > a,
	.overige_opleidingen > ul > li.current_page_ancestor > a,
	.overige_opleidingen > ul > li.current_page_parent > a {
		font-size: 22px;
	}

}

@media (max-width: 1023px) {

	/* Header */
	.header_wrapper > div {
	    width: 480px;
	}
	a.logo img {
	    width: 105px;
	}
	.header_wrapper > div {
	    margin: 200px auto 0;
	}
	.header_wrapper > div:after {
		display: none;
	}

	/* Content */
	body.home .content {
	    display: block;
	}
	.home_left {
	    width: 100%;
	    float: none;
	    margin: 0 0 20px 0;
	}
	.home_right {
		width: 100%;
	    float: none;	
	    margin: 0;
	    -ms-flex-flow: row wrap;flex-flow: row wrap;
	}
	.home_right > div {
		width: calc(50% - 10px);
	}
	.home_right > div.agenda {
		height: initial;
		margin: 0 0 0 20px;
	}
	.cta a.telefoon {
	    margin: 0 60px;
	}
	.opleidingen > article {
	    width: calc(50% - 10px);
	    margin: 0 20px 20px 0;
	}
	.opleidingen > article:nth-child(3n) {
	    margin-right: 20px;
	}
	.opleidingen > article:nth-child(2n) {
	    margin-right: 0;
	}
	.opleidingen > article > div h1 {
	    font-size: 17px;
	}
	.opleidingen > article > div h1 img {
	    margin-right: 8px;
	}
	.overige_opleidingen > ul {
	    padding: 25px 20px;
	}
	.content_left {
	    width: 60%;
	}
	.content_right {
	    width: calc(40% - 20px);
	}
	
}

@media (max-width: 767px) {

	body {
		font-size: 15px;
	}

	/* Header */
	ul.header_cta {
		display: none;
	}
	a.logo img {
	    width: 85px;
	}
	body.home .header_image {
    	height: 450px;
	}

	/* Content */
	.column_left {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.column_right {
		width: 100%;
		float: none;
		text-align: center;
	}
	.content_left {
	    width: 60%;
	}
	.content_right {
	    width: calc(40% - 20px);
	}
	.content_left > div {
	    padding: 30px 30px;
	}
	.lastechniek > div h2,
	.elektrotechniek > div h2 {
	    font-size: 20px;
	}
	.lastechniek > div,
	.elektrotechniek > div {
	    padding: 20px 20px 30px;
	}
	.lastechniek > div ul li,
	.elektrotechniek > div ul li {
	    padding: 0 15px 8px;
	}
	.blokken > div {
		display: block;
	}
	.blokken > div > article,
	.blokken > div > article:first-of-type,
	#nieuws > article {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.blokken > div > article img,
	#nieuws > article img {
		width: 100%;
	}
	.cta > div {
		display: block;
		text-align: center;
	}
	.cta a.telefoon {
	    margin: 20px auto;
	    display: table;
	}
	.cta a.email {
	    margin: 10px auto;
	    display: table;
	}
	.content_left {
	    width: 100%;
	    float: none;
	}
	.content_right {
	    width: 100%;
	    float: none;
	}

	/* Cursussen */
	.content_cursus {
		padding: 30px;
	}
	.content_cursus > ul.cursussen > li > div,
	.content_cursus > ul.cursussen > li > a > div {
	    float: none;
	    width: 100%;
	}
	.content_cursus > ul.cursussen > li.cursus_head > div:last-of-type {
		display: none;
	}
	.content_cursus > ul.cursussen > li > a > div:last-child {
		margin: 5px 0 0 0;
		font-size: 13px;
	}
	.content_cursus > ul.cursussen > li > a > div > span:first-of-type:before {
		content: 'Regio: ';
	}
	.content_cursus > ul.cursussen > li > a > div > span:nth-child(2):before {
		content: 'Certificaat: ';
	}
	.content_cursus > ul.cursussen > li > a > div > span:last-of-type:before {
		content: 'Periode: ';
	}
	.content_cursus > ul.cursussen > li > a > div > span {
	    width: 100%;
	    float: none;
	    padding: 0;
	}

	/* Footer */
	footer .container > div {
	    padding-bottom: 40px;
	    padding-right: 5%;
	}

}

@media (max-width: 600px) {

	h1 {
		font-size: 26px;
	}
	h2 {
	    font-size: 22px;
	}

	/* Header */
	.header_wrapper > div h1 {
	    font-size: 8.5vw;
	}
	.header_wrapper > div {
		padding: 0 20px;
	}
	a.logo {
	    padding: 30px 20px 20px;
	}

	/* Content */
	.home_left {
		display: block;
	}
	.home_left > div {
	    width: 100%;
	}
	.home_left > div.lastechniek {
		margin: 0 0 20px 0;
	}
	.home_right {
		display: block;
	}
	.home_right > div {
	    width: 100%;
	}
	.home_right > div.agenda {
		margin: 20px 0 0 0;
	}
	.uitgelicht {
		display: block;
		padding: 30px 20px;
	}
	.home_right > div {
	    padding: 20px;
	}
	.home_right > div h1, .home_right > div h2, .home_right > div h3, .home_right > div h4, .home_right > div h5, .home_right > div h6 {
	    font-size: 22px;
	}
	.content_wrapper {
    	padding: 40px 20px 40px;
    }
	body.home .content_wrapper {
	    padding-top: 40px;
	}
	.blokken {
	    padding: 40px 0;
	}
	.referenties {
	    padding: 40px 0;
	}
	.opleidingen {
	    display: block;
	}
	.opleidingen > article {
	    width: 100%;
	    margin: 0 0 20px 0;
	}
	.opleidingen > article:nth-child(3n) {
	    margin-right: 20px;
	}
	.opleidingen > article > div ul li {
	    padding: 0 14px 8px;
	}
	.page_content {
	    padding: 25px 20px;
	}
	.content_left > div {
 	   padding: 25px 20px;
	}
	.blokken > div > article > div, #nieuws > article > div {
		padding: 25px 20px 60px;
	}
	a.lees_meer {
		bottom: 25px;
		left: 20px;
	}

	/* Cursussen */
	.content_cursus {
		padding: 25px 20px;
	}

	/* Footer */
	footer .container {
		display: block;
	}
	footer .container > div {
	    float: none;
	    width: 100%;
	    padding-bottom: 20px;
	    padding-right: 0;
	}
	.nieuwsbrief_wrapper {
		position: relative;
		bottom: 0;
		margin: 40px 0;
	}
	.copyright_onder {
		position: relative;
		bottom: auto;
		left: auto;
	}
	.website_onder {
		position: relative;
		bottom: auto;
		right: auto;
	}
	.referenties ul li {
	    width: 25%;
	    height: 100px;
	}
	.referenties ul li:nth-child(6n+1) {
	    border-left: 1px solid #e5e5e5;
	}
	.referenties ul li:nth-child(4n+1) {
	    border-left: 0;
	}

}