/*   
Theme Name: KSZZP theme
Description: KSZZP WordPress Theme Template
Author: Wim Creative Agency
Author URI: http://www.wearewim.nl
Version: 1
*/

/*
font-family: 
Kleuren
Geel: #fcaf3f
Grijs: #7A7B7C
*/

@media screen {

	* { margin: 0; padding: 0; }
	html {}
	.fullwidth {width:100%; margin:0 auto;}
	
	.do-not-print { display: none; }
	#comments { page-break-before: always; }

	body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; color: #000; background: none; font-size: 12pt; }
	h1,h2,h3,h4,h5,h6 { font-family: 'Oswald', sans-serif;}
	h1 { font-size: 19pt; }
	h2 { font-size:17pt; }
	h3 { font-size:15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: black; }
	
	.logo-link {width: 140px;}
	#header img { height: 50px;}
	.cta { background: #fcaf3f; position: fixed; right: 0; top: 82px; z-index: 900; padding: 12px 15px; text-align: center; }
	.cta a { color: white; font-size: 25px; }
	
	.kszzp-slider-wrapper { position: relative; height: 800px; width: 90%; margin-bottom: 50px; }
	.kszzp-slider-wrapper.loading { visibility: hidden; }
	.kszzp-slider-container { position: relative; overflow: hidden; margin: 0; width: 100%; height: 100%; }
	.kszzp-slider-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
	.kszzp-slider-item .background img { max-width: none; }
	.kszzp-slider-item .foreground { position: absolute; bottom: 310px; }
	.kszzp-slider-item .background { position: absolute; overflow: hidden; width: 100%; height: 100%; }
	.kszzp-slider-item .foreground .element { position: relative; }
	.kszzp-slider-content-holder { padding: 0 5%; text-align: left; }
	.kszzp-slider-content-holder .element { padding: 2%; } 
	.kszzp-slider-content-holder h2 { font-size: 56px; font-weight: 700; color: #FFF; text-transform: uppercase; margin-bottom: 0; }
	.kszzp-slider-pagination { position: absolute; width: 100%; bottom: 25px; left: 0; text-align: center; z-index: 20; }
	.kszzp-slider-pagination a { margin: 5px; display: inline-block; width: 12px; height: 12px; background: none; }
	.kszzp-slider-pagination a.active, .kszzp-slider-pagination a:hover { background: #fff; }
	.kszzp-slider-controls { position: absolute; width: 100%; top: 50%; left: 0; z-index: 20; }
	.kszzp-slider-controls .prev { left: 0; }
	.kszzp-slider-controls .prev:before { content: '\f100'; }
	.kszzp-slider-controls .next { right: 0; }
	.kszzp-slider-controls .next:before { content: '\f101'; }
	.kszzp-slider-controls a { position: absolute; display: block; width: 55px; height: 55px; background: rgba(255,255,255,0); text-align: center; font: 41px/55px FontAwesome; color: #fff; text-decoration: none; }
	.kszzp-slider-controls a:hover { background: rgba(0,0,0,1); }
	
	#hijskraan h2.carriereheading {text-align: right; }
	#hijskraan .foreground {bottom: 330px;}
	#lasser h2.carriereheading { text-align: right; width: 75%; margin-left: 25%; }
	#lasser .foreground { bottom: 75px; }
	
	h3 { text-align: center; font-size: 32px; text-transform: uppercase; margin-bottom: 50px; }
	p, ul {font-family: 'Roboto', sans-serif;font-size: 16px; color: #7A7B7C; margin-bottom: 15px; font-weight: 300; line-height: 25.6px; }
	ul {list-style: none;}
	li {padding-left:6px;}
	ul li::before { content: "\2022"; color: #fcaf3f; margin-left: -15px; margin-right: 8px; font-size: 20px;}
	
	#contact-balk {margin-top:50px; margin-bottom: 50px;}
	#contact-balk h4 {font-size: 21px; text-transform: uppercase;}
	
	.call-button {font-family: 'Oswald', sans-serif; background: #fcaf3f; color: #fff; text-transform: uppercase; padding: 5px 35px; font-size: 26px;}
	
	h4 { line-height: 26px; letter-spacing: 2px; font-size: 22px; margin-bottom: 35px; }
	h4 a { color: black; text-decoration: none; }
	
	.footer { background-color: #fff !important; background: url(images/footer_feelflex_hoofdkantoor.jpg) center center; background-repeat: no-repeat; padding-top: 40px; padding-bottom: 40px; height:270px; }
	.footer .locatie { text-align: right; }
	.footer .locatie span { display: block; }
	
	.post-footer { background: #fcaf3f; padding-bottom: 10px; text-align: center; }
	.post-footer span a { color: #FFF; margin-left: 10px; text-decoration: none; font-size: 14px; font-weight: 300;}
	.post-footer span a:first-child { margin-left: 0px !important; }
	/* .footer .locatie { color:white } */
}

@media(max-width: 1307px) {
	#hijskraan .foreground {bottom: 350px;}
	#lasser .foreground {bottom: 225px;}
	#lasser h2.carriereheading, #hijskraan h2.carriereheading { font-size: 43px; }
}

@media(max-width: 1020px) {
	#hijskraan .foreground {bottom: 370px;}
	#hijskraan h2.carriereheading{ font-size:37px; }
	#lasser h2.carriereheading{ width: 90%; margin-left: 10%; }
}

@media (max-width: 962px) {
	#contact-balk .five.columns {width: 100%; text-align:center;}
}

@media (max-width: 880px) {
	#lasser h2.carriereheading, #hijskraan h2.carriereheading { font-size: 31px; }
	#lasser .foreground { bottom: 275px; }
}

@media (max-width: 704px) {
	#hijskraan .foreground {bottom: 410px;}	
	#hijskraan h2.carriereheading {font-size:25px;}
}

@media (max-width: 549px) {
	.cta {top: 153px;}
}