/*
Theme Name: Geveldoek
Author: Webrr
Version: 1.0
*/

/* Defaults */
h1, h2, h3, h4, h5, h6, p, label, input, textarea, li, .btn, blockquote, select { font-family: Arial, sans-serif; font-size: 13px; }

h1 { font-size: 24px; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #000; }
h2 { font-size: 16px; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #000; }
h3 { font-size: 13px; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #000; }
h4 { font-size: 13px; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #000; }
h5 { font-size: 13px; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #000; }
h6 { font-size: 13px; margin: 0px 0px 0px 0px; text-transform: uppercase; color: #000; }
p { line-height: 22px; margin: 0px 0px 20px 0px; color: #000; }
p a { color: #000; }
ul { margin: 0px 0px 20px 0px; }
li { color: #000; line-height: 22px; }
blockquote { color: #000; }
img { max-width: 100%; height: auto; margin: 0; display: block; }


/* Utility Classes */
.hidden { display: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.red, .msg-error { color: #B20701; }
.msg-success { color: green; }
.darkgray { color: #525252; }
.lightgray { color: #C5C5C5; }
.center { text-align: center; }
.alignleft { float: left; margin: 0px 20px 20px 0px; }
.alignright { float: right; margin: 0px 0px 20px 20px; }
.alignright { margin: 0px 0px 20px 0px; }

/* Buttons */
.btn { width: auto; height: 24px; line-height: 24px; font-size: 12px; padding: 0px 8px 0px 8px; color: #fff; background: #A8007E; font-weight: normal; text-transform: uppercase; text-decoration: none; display: block; float: right; cursor: pointer; }
.btn .arrow-right { width: 12px; height: 17px; margin: 4px 0px 0px 10px; background: url('assets/custom/img/images.png') -24px -92px no-repeat; float: right; }
.btn .arrow-down { width: 17px; height: 12px; margin: 4px 0px 0px 10px; background: url('assets/custom/img/images.png') -89px -92px no-repeat; float: right; }
.btn.btn-formslanding { float: left;  }
.btn.btn-formslanding-top { float: right; }

/* CSS3 */
.box-shadow, .the_content img { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.32); }
.wpa-scroll { display: none; }

/* Elements */
.webrr-wrapper { }
	
	.webrr-header img { height: 101px; width: auto; float: left; }
	.webrr-header .row .content { padding: 10px 20px 11px 20px; }
	
	.webrr-header-social-icons { font-size: 20px; text-align: right; }
	.webrr-header-social-icons a { color: #000000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; }
	.webrr-header-social-icons a:hover { color: #A8007E; }
	.webrr-header-social-icons i { margin: 0 0 0 10px; }

	.webrr-navigation { display: none; }
	.webrr-navigation .row .content { padding: 10px 20px; }

	.webrr-navigation .row:nth-child(1) ul { border-bottom: 1px dotted #EAEAEA; }
	.webrr-navigation ul { width: 100%; margin: -1px 0 0 0; padding: 0; border-top: 1px dotted #EAEAEA; float: left; list-style: none; }
	.webrr-navigation p { width: 100%; float: left; height: 40px; }
	.webrr-navigation ul li a { height: 22px; line-height: 22px; margin: 5px 5px 5px 0px; padding: 0px 5px; float: left; color: #999; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; }
	.webrr-navigation ul li a:hover,
	.webrr-navigation ul li.current_page_item a,
	.webrr-navigation ul li.current_page_ancestor a { color: #fff; background: #A8007E; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.32); }
	
	.webrr-navigation ul li.page-item-8,
	.webrr-navigation ul li.page-item-1052,
	.webrr-navigation ul li.page-item-1061 { float: right; }
	
	.webrr-navigation-button p { height: 30px; line-height: 30px; margin: 0px; padding: 0px 0px 0px 8px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: 12px; cursor: pointer; } 
	.webrr-navigation-button p:hover { background: #eaeaea; } 
	.webrr-navigation-button p i { margin-right: 10px; } 
	.webrr-navigation-button .fa-angle-up { display: none; float: right; line-height: 30px; }
	.webrr-navigation-button .fa-angle-down { display: block; float: right; line-height: 30px; }
	.webrr-navigation-button.open .fa-angle-up { display: block; }
	.webrr-navigation-button.open .fa-angle-down { display: none; }

	.webrr-header-social { float: left; margin: 0px 10px 10px 10px; }
	
	.webrr-cover { background: url('assets/custom/img/shadow.png') no-repeat; background-position-x: center; }
	.webrr-cover .row .content { padding: 10px 20px; }
	.webrr-cover .row .content { position: relative; overflow: auto; }
	    .slider-container { width: 100%; height: auto; margin: 0px 0px 10px 0px; padding: 0px; background: #000; }
	    .slider-container .title { height: 42px; line-height: 42px; font-size: 24px; margin: 0px; padding: 0px 12px 0px 12px; background: #151515; text-transform: uppercase; position: absolute; top: 32px; left: 32px; }
	    .slider-container .subtitle { height: 24px; line-height: 24px; font-size: 12px; margin: 0px; padding: 0px 8px 0px 8px; background: #A8007E; text-transform: uppercase; font-weight: normal; position: absolute; top: 68px; left: 42px; }
	    .slider-container .title a, 
	    .slider-container .subtitle a { color: #FFF; text-decoration: none; }
	    .slider { width: auto; height: auto; overflow: hidden; }
	    .slider .slide { width: auto; height: auto; float: left; position: relative; }
	    .slider .slide .title { top: 30px; left: 30px; }
	    .slider .slide .subtitle { top: 66px; left: 40px; }
	    .slider .slide img { display: block; }
	
	    .prev { width: 12px; height: 17px; background: url('assets/custom/img/images.png') -0px -92px no-repeat; position: absolute; bottom: 50%; left: 0px; cursor: pointer; }
	    .next { width: 12px; height: 17px; background: url('assets/custom/img/images.png') -12px -92px no-repeat; position: absolute; bottom: 50%; right: 0px; cursor: pointer; }
	
	    .dots-container { height: 25px; margin: 0px 10px 10px 10px; }
	    .dots { height: 25px; margin: 0px auto 0px auto; display: block; }
	    .dots a { width: 11px; height: 11px; margin: 8px 6px 6px 8px; background: url('assets/custom/img/images.png') -78px -92px no-repeat; float: left; }
	    .dots a.selected { width: 11px; height: 11px; background: url('assets/custom/img/images.png') -67px -92px no-repeat; }
	    .dots a span { display: none; }
	
	.webrr-stage { }
		
	.webrr-news { }
	.webrr-news .row { border-top: 1px dotted #eaeaea; }
    .webrr-news h2 { font-size: 24px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
    .webrr-news h2 a { color: #000; text-decoration: none; }
	
	.webrr-tweets { }
	.webrr-tweets .row { border-top: 1px dotted #eaeaea; }
		
		/*
		#tweets { height: 32px; margin: 0px 10px 10px 10px; border-bottom: 1px dotted #eaeaea; }
		#tweets h4 { line-height: 32px; margin: 1px 10px 0px 0px; text-transform: uppercase; color: #A8007E; float: left; }
		#tweets #tweets-slider { width: 791px; height: 32px; float: left; }
		#tweets #tweets-slider .tweet { width: 791px; height: 32px; float: left; overflow: hidden; }
		#tweets #tweets-slider .tweet p { color: #999; margin: 0px; line-height: 32px; }
		#tweets #tweets-slider .tweet p a { color: #999; text-decoration: none; }
		#tweets #tweets-buttons { margin: 11px; float: right; }
		#tweets #tweets-buttons div { float: left; margin: 0px 5px 0px 0px; cursor: pointer; }
		#tweets #tweets-buttons #tweets-play { width: 7px; height: 8px; margin: 1px 5px 0px 1px; background: url('assets/custom/img/images.png') -36px -100px no-repeat; }
		#tweets #tweets-buttons #tweets-pause { width: 7px; height: 8px; margin: 1px 5px 0px 1px; background: url('assets/custom/img/images.png') -36px -92px no-repeat; }
		#tweets #tweets-buttons #tweets-prev { width: 12px; height: 7px; margin: 1px 5px 0px 1px; background: url('assets/custom/img/images.png') -43px -92px no-repeat; }
		#tweets #tweets-buttons #tweets-next { width: 12px; height: 7px; margin: 1px 5px 0px 1px; background: url('assets/custom/img/images.png') -55px -92px no-repeat; }
		*/
		
		.webrr-share-default {  }
		.webrr-share-default a { float: left; height: 24px; line-height: 26px;  margin: 0px 5px 0px 0px; padding: 0 10px 0 0; border: 1px solid #cccccc; border-radius: 2px; background: #f8f8f8; color: #777; font-size: 12px; text-decoration: none; }
		.webrr-share-default a:hover { border-color: #999999; }
		.webrr-share-default a i { float: left; width: 24px; height: 24px; line-height: 26px; margin: 0px 0px 0 0; font-size: 16px; text-align: center; color: #777; }

	.webrr-footer .row { border-top: 1px dotted #eaeaea; }
    .webrr-footer ul { width: 100%; margin: 30px 0px 0px 0px; padding: 0px; float: left; list-style: none; }
    .webrr-footer ul li { border-bottom: 1px dotted #eaeaea; }
    .webrr-footer ul li a { height: 20px; line-height: 20px; margin: 0px 0px 0px 4px; color: #999; font-size: 11px; text-decoration: none; }
    .webrr-footer ul li a:hover,
    .webrr-footer ul li.active a { color: #000; }
    .webrr-footer ul li.right a { float: right; margin: 0px 0px 0px 10px; }
	.webrr-footer ul li.subsub { padding-left: 15px; }
	.webrr-footer ul li.subsubsub { padding-left: 30px; }

	.webrr-bottom { }
	.webrr-bottom .row { border-top: 1px dotted #eaeaea; }
    .webrr-bottom p { margin: 0px; font-size: 11px; color: #999; text-transform: uppercase; text-align: center; }
    .webrr-bottom p a { color: #999; text-decoration: none; }
    .webrr-bottom p a:hover { text-decoration: underline; }

		/* Scroll to Top */
		.wpa-scroll-to-top {  opacity: 0; cursor: pointer; position: fixed; visibility: hidden; text-align: center; z-index: 9; background-color: #000000; color: #FFFFFF; width: 40px; height: 38px; line-height: 38px; right: 20px; bottom: 20px; padding-top: 2px; border-radius: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; }
		.wpa-scroll-to-top:hover { background-color: #A8007E; color: #FFFFFF; }
		.wpa-scroll-to-top.show { visibility: visible; opacity: 1.0; }
		.wpa-scroll-to-top i.fa { line-height: inherit; }

		/* Soortgelijke */
	    .project-siblings { width: 100%; margin: 0px 0px 0px 0px; float: left; }
	    .project-siblings h2 { font-size: 18px; margin: 0px 0px 20px 10px; text-transform: uppercase; }
	    .project-siblings .project-sibling { margin: 0px 0px 40px 0px; padding: 0px; float: left; background: #fff; position: relative; }
	    .project-siblings .project-sibling img { display: block; }
	    .project-siblings .project-sibling .siblingslider { width: auto; height: auto; }
	    .project-siblings .project-sibling .siblingslider .slide { width: auto; height: auto; float: left; position: relative; }
	    .project-siblings .project-sibling h3 { margin: 0px; position: absolute; bottom: -12px; left: 8px; display: block; }
	    .project-siblings .project-sibling h3 a { width: auto; height: 24px; line-height: 24px; font-size: 12px; padding: 0px 8px 0px 8px; color: #fff; background: #A8007E; font-weight: normal; text-transform: uppercase; text-decoration: none; display: block; }
	    .webrr-footer .project-siblings .project-sibling { margin: 0px 0px 0px 0px; }
	    
	    /* Formulieren */
		form { max-width: 680px; margin: 0 0 10px 0; }
		form label { width: 100%; display: block; margin: 0 0 10px 0 }
		form label.error { color: #B20701; margin-bottom: 20px; margin-top: -5px; }
		form input, form textarea, form select { width: 100%; height: 40px; display: block; line-height: 40px; margin: 0px 0px 10px 0px; padding: 0px 10px; border: 0px; background: #eaeaea; color: #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		form input.error, form textarea.error { border-color: #B20701; }
		form textarea { height: 120px; line-height: 20px; padding: 10px 10px 0 10px; resize: none; }
		form .form-radiobuttons,
		form .form-checkboxes { margin: 0 0 10px 0; }
		form .form-radiobuttons input { float: left; width: auto; height: auto; line-height: auto !important; margin: 4px 10px 0 0; }
		form .form-checkboxes input { float: left; width: auto; height: auto; line-height: auto !important; margin: 4px 10px 0 0; }
	
			/* Placeholder colorfixes - don't group */
			*::-webkit-input-placeholder { color: #666; } *:-moz-placeholder { /* FF 4-18 */ color: #666; } *::-moz-placeholder { /* FF 19+ */ color: #666; } *:-ms-input-placeholder { /* IE 10+ */ color: #666; }

		/* Langingspagina Call to Action */
		.formslanding { display: none; }

	    /* Visitekaartje */
	    .visitekaartje { margin: 0px 0px 20px 0px; }
	    .visitekaartje img.logo { }
	    .visitekaartje p {  }
	    .visitekaartje p a {  }
	    .visitekaartje p a:hover { }
		
	/* Hide Admin Bar items */
	#wp-admin-bar-comments,
	#wp-admin-bar-new-content,
	#wp-admin-bar-wpseo-menu,
	#wp-admin-bar-wp-logo,
	#wp-admin-bar-search { display: none; }
	
	
	

/* xs Smartphones */
@media screen and (max-width: 639px) {

	/* Webrr Cover: Pas de breedte aan de viewport aan */
	.slider .slide img { width: 280px; height: 131px; }
	.project-siblings .project-sibling img { width: 280px; height: 131px; }
	.webrr-cover { background-size: 310px; background-position-y: 52px; }

	/* Webrr Nieuws: Maak de Lees verder knop groter */
	.webrr-news .btn { width: 264px; margin-bottom: 20px; float: left; }

	/* Menu: Mobile */
	.webrr-navigation { display: block; }
	.webrr-navigation .row .content { padding: 0px 20px 10px 20px; }
	.webrr-navigation .row:nth-child(1) ul { border-bottom: 0; }
	.webrr-navigation .row { border-top: 0; }
	.webrr-navigation-list { display: none; }
    .webrr-navigation ul { width: 100%; margin: 0px 0px 0px 0px; padding: 0px; border-top: 0; float: left; list-style: none; }
    .webrr-navigation ul li { border-bottom: 1px dotted #eaeaea; }
    .webrr-navigation ul li a { height: 30px; line-height: 30px; margin: 0px 0px 0px 8px; padding: 0px; float: none; color: #999; font-size: 12px; text-decoration: none; text-transform: none; }
    .webrr-navigation ul li a:hover,
    .webrr-navigation ul li.active a { color: #000; }
    .webrr-navigation ul li.right a { float: right; margin: 0px 0px 0px 10px; }
	.webrr-navigation ul li ul li { padding-left: 15px; }
	.webrr-navigation ul li ul li ul li { padding-left: 30px; }
	.webrr-navigation ul li.current_page_ancestor a { color: #999; background: 0; box-shadow: none; }
	.webrr-navigation ul li.current_page_item a { color: #999; background: 0; box-shadow: none; }
	.webrr-navigation ul li a:hover,
	.webrr-navigation ul li.current_page_item>a { color: #A8007E; background: 0; box-shadow: none; }
	.webrr-navigation ul li.page-item-8,
	.webrr-navigation ul li.page-item-1052,
	.webrr-navigation ul li.page-item-1061 { float: none; }	

}

/* sm Tablets (portrait) & Smartphones (landscape) */
@media screen and (min-width: 640px) and (max-width: 959px) { 

	/* Webrr Cover: Pas de breedte aan de viewport aan */
	.slider .slide img { width: 600px; height: 281px; }
	.project-siblings .project-sibling img { width: 280px; height: 131px; }
	.webrr-cover { background-size: 660px; background-position-y: 100px; }

	/* Menu: Mobile */
	.webrr-navigation { display: block; }
	.webrr-navigation .row .content { padding: 0px 20px 10px 20px; }
	.webrr-navigation .row:nth-child(1) ul { border-bottom: 0; }
	.webrr-navigation .row { border-top: 0; }
	.webrr-navigation-list { display: none; }
    .webrr-navigation ul { width: 100%; margin: 0px 0px 0px 0px; padding: 0px; border-top: 0; float: left; list-style: none; }
    .webrr-navigation ul li { border-bottom: 1px dotted #eaeaea; }
    .webrr-navigation ul li a { height: 30px; line-height: 30px; margin: 0px 0px 0px 8px; padding: 0px; float: none; color: #999; font-size: 12px; text-decoration: none; text-transform: none; }
    .webrr-navigation ul li a:hover,
    .webrr-navigation ul li.active a { color: #000; }
    .webrr-navigation ul li.right a { float: right; margin: 0px 0px 0px 10px; }
	.webrr-navigation ul li ul li { padding-left: 15px; }
	.webrr-navigation ul li ul li ul li { padding-left: 30px; }
	.webrr-navigation ul li.current_page_ancestor a { color: #999; background: 0; box-shadow: none; }
	.webrr-navigation ul li.current_page_item a { color: #999; background: 0; box-shadow: none; }
	.webrr-navigation ul li a:hover,
	.webrr-navigation ul li.current_page_item>a { color: #A8007E; background: 0; box-shadow: none; }
	.webrr-navigation ul li.page-item-8,
	.webrr-navigation ul li.page-item-1052,
	.webrr-navigation ul li.page-item-1061 { float: none; }
	
}

/* md Laptops & Tablets (landscape) */
@media screen and (min-width: 960px) and (max-width: 1279px) { 

	/* Webrr Cover: Pas de breedte aan de viewport aan */
	.slider .slide img { width: 920px; height: 431px; }
	.project-siblings .project-sibling img { width: 200px; height: 94px; }
	.webrr-cover { background-size: 1000px; background-position-y: 150px; }

}


/* lg Desktops - UITGESCHAKELD; WAARDES VAN LAPTOP OVERGENOMEN */
@media screen and (min-width: 1280px) {

	/* Webrr Cover: Pas de breedte aan de viewport aan *1/
	.slider .slide img { width: 1240px; height: 581px; }
	.project-siblings .project-sibling img { width: 280px; height: 131px; }
	.webrr-cover { background-size: 1320px; background-position-y: 208px; }

	/* Webrr Cover: Pas de breedte aan de viewport aan */
	.slider .slide img { width: 920px; height: 431px; }
	.project-siblings .project-sibling img { width: 200px; height: 94px; }
	.webrr-cover { background-size: 1000px; background-position-y: 150px; }

}