/*
Theme Name: Stylish Communicatie
Description: Custom-made thema gemaakt voor Stylish Communicatie
Author: Milk Creative. // Mireille Tijdeman
Author URI: http://milkcreative.nl
Version: 1.0

*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');

html{height:100%;}
body {
	padding-top: 66px;
	padding-bottom: 40px;
	height:100%;
	font-family: 'Quicksand', sans-serif;
}

h2{
	text-transform:uppercase;
	letter-spacing:-4px;
	font-size:32pt;
	color:#545454;
	background:url(Images/veer_content_icon.png) no-repeat center bottom;
	padding-bottom:81px;
	text-align:center;
	margin:0 0 35px 0;
}

h3 {
    font-size: 24px;
    line-height: 40px;
    color: #545454;
    letter-spacing: -2;
}

img.alignleft {float: left;margin: 0 15px 15px 0;}
img.alignright {float: right;margin: 0 0 15px 15px;}

p img{margin-top:35px;}
.navbar-inverse .navbar-inner{background:#fff;border:1px solid #DADADA;}
ul.nav{height:50px;margin:9px 0;}
.nav li{list-style:none;display:inline-block;}
.nav li a{line-height:34px;margin:16px 15px; padding:0 10px;display:inline-block;letter-spacing:-1px;color:#59595c;font-weight:700;}
.nav li a:hover{background:#4ec5d0;border-radius:2px;text-decoration:none;color:#fff;}

ul.social-buttons{float:right;}
ul.social-buttons li{list-style:none;display:inline-block;}
ul.social-buttons li a{width:35px;height:35px;display:inline-block;background:#4cc5d0;margin-top:15px;}
ul.social-buttons li a.facebook{background:url(http://stylishcommunicatie.nl/wp-content/themes/stylishcommunicatie/Images/facebook.png) #4cc5d0 center center no-repeat;background-size: 23px 23px;color:#fff;}
ul.social-buttons li a.linkedin{background:url(Images/linkedin.png) #4cc5d0 center center no-repeat;background-size: 23px 23px;color:#fff;}
ul.social-buttons li a:hover{background-color:#2684B1;}

#home-container{height:100%;}
#header{width:100%;height:100%;position:relative;}
#header .inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;}
#header .logo{background:url(Images/logo_header.png) no-repeat;background-size:100% 100%;width:200px;height:200px;margin:0 auto;}
#header a.button{background:#4ec5d0;border-bottom:5px solid #41b3b8;border-radius:3px;padding:13px 13px;color:#fff;font-weight:bold;text-transform:uppercase;font-size:11px;margin-top:35px;display:inline-block;}
#header a.button:after {content: " >";background: #41b3b8;width: 22px;height: 22px;display: inline-block;border-radius: 50%;margin-left: 10px;text-align:center;}
#header a.button:hover{border-bottom:5px solid #fff;text-decoration:none;}
#header h1{color:#faf9f9;text-transform:uppercase;font-weight:500;margin-top:35px;text-shadow: 2px 2px #000;}
#header h2{font-family: 'Yellowtail', cursive;color:#4ec5d0;text-transform:none;letter-spacing:normal;background-image:none;padding-bottom:0;}

.front-section{padding:125px 0;text-align:center;}
#watwijdoen p, #onzeprojecten p{max-width:500px;margin:0 auto;font-style:italic;}
.grey-section{background:#e2e2e2;}
#watwijdoen .tekstblok {display: inline-block;max-width:320px;}
#watwijdoen .icon {border: 5px solid #cecece;color: #cecece;width: 100px;height: 100px;display: table;margin: 0 auto;margin-top: 100px;margin-bottom: 70px;transform: rotate(45deg);}
#watwijdoen i.fa {transform: rotate(-45deg);display: table-cell;vertical-align: middle;font-size: 40pt;}

footer{width:100%;background:url(Images/veer_footer_icon.png) #565656 no-repeat center 50px ;min-height:300px;color:#908f8f;text-align:center;font-weight:700;}
footer a{color:#908f8f;}
footer a:hover{color:#908f8f;font-weight:400;}
footer p{margin-top:35px;}
footer ul{list-style: none;padding-top:180px;margin:0;}
footer ul li{ display: inline; margin:0px 15px;}
footer ul li a{color:#fff;display:inline-block;padding:3px;}
footer ul li a:hover{text-decoration:none;}

.query.query-projecten_front-wrapper, .query-projecten_pagina-wrapper{margin-top:70px;}
.query-unformatted.query-projecten_front, .query-unformatted.projecten_pagina-wrapper {display: flex;justify-content: center;}
.query-wrapper-content {text-align: center;margin: 0 auto;display:table;}
.query.query-projecten_front-wrapper .query-content, .query.query-projecten_front-wrapper .query-footer{display:table-cell;vertical-align:middle;}
.query.query-projecten_front-wrapper .query-row {position: relative;width:230px;height:200px;margin-right:10px;}
.query.query-projecten_front-wrapper .query-row:last-child{margin-right:0;} 
.query.query-projecten_front-wrapper .query-field.query-field-featured_image{position:absolute;}
.query.query-projecten_front-wrapper .query-field.query-field-post_title.title{position:absolute;width:100%;height:100%;display:table;text-align:center;z-index:999;transition:ease all 0.1s;}
.query.query-projecten_front-wrapper .query-field.query-field-post_title.title a{width:100%;height:100%;display: table-cell;vertical-align: middle;color:rgba(0,0,0,0.0);}
.query.query-projecten_front-wrapper .query-field.query-field-post_title.title a:hover{background-color:rgba(255,255,255,0.6);color:#000;font-weight:700;text-decoration:none;}
a.more-btn {display: block;width: 50px;height: 50px;line-height: 50px;background: #5bc0de;color: #fff;font-weight:700;text-transform: uppercase;transform: rotate(45deg);margin-left: 25px;transition:ease all 0.1s;}
a.more-btn span{display:block;transform:rotate(-45deg);}
a.more-btn:hover{text-decoration:none;transform: rotate(0deg);}
a.more-btn:hover span{transform: rotate(0deg);}
a.more-btn-mobile{display:none;}

/*pages*/
.fullwidth-pageheader{width:100%;height:100px;overflow:hidden;background:url(Images/feather_header_bg.jpg) no-repeat;background-size:cover;}
.project-pageheader{width:100%;height:50%;overflow:hidden;background:url(Images/feather_header_bg.jpg) no-repeat;background-size:cover;background-position:center center;border-bottom: 1px solid #DADADA;}
.page-template-page-contactpagina .project-pageheader{height:25%;}
img.attachment-post-thumbnail.wp-post-image{width:100%;}

.page-template-default h1, .single-project h1, .page-template-page-contactpagina h1, .blog h1, .archive h1{text-transform:uppercase;letter-spacing:-4px;font-size:32pt;color:#545454;background:url(Images/veer_content_icon.png) no-repeat center bottom;padding-bottom:81px;text-align:center;margin:0 0 35px 0;}
.page-template-default .span12, .single-project .span12{margin:70px 20px;}

/*projectpagina*/
.query-projecten_pagina-wrapper .query-row {position: relative;width:230px;height:200px;margin-right:10px;display:inline-block;margin:5px;}
.query-projecten_pagina-wrapper .query-field.query-field-featured_image{position:absolute;}
.query-projecten_pagina-wrapper .query-field.query-field-post_title.title{position:absolute;width:100%;height:100%;display:table;text-align:center;z-index:999;transition:ease all 0.1s;}
.query-projecten_pagina-wrapper a.query-field-link {display: table-cell;vertical-align: middle;color:transparent;}
.query-projecten_pagina-wrapper .query-field.query-field-post_title {position: absolute;display: table;width: 100%;height: 100%;}
.query-projecten_pagina-wrapper a.query-field-link:hover{background-color:rgba(255,255,255,0.6);color:#000;font-weight:700;text-decoration:none;}
.wpcf-field-afbeelding{display:inline-block;}
.page-id-44{text-align:center;}
.gallery {width: 100%;}

/*contact*/
.page-template-page-contactpagina .row {padding: 70px 0;}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{ width: 100%;padding: 20px;box-shadow: none;font-family: 'Quicksand', sans-serif;box-sizing:border-box;}
input.wpcf7-form-control.wpcf7-submit {background: #5bc0de;border: 0;font-family: sans-serif;padding: 12px;color: #fff;float: right;font-family: 'Quicksand', sans-serif;}
.page-template-page-contactpagina i.fa {font-size: 14pt;width: 30px;}
/*.single-project .span12 {background: white;margin-top: -50px;position: relative;padding: 20px 30px;box-sizing: border-box;min-height: 35%;border-top: 2px solid #5bc0de;}
*/

/*Blog*/
.blog .row, .archive .row{padding: 70px 0;}
h2.post-heading {text-transform: none;text-align: left;background: none;padding: 0;font-size: 18pt;letter-spacing: -2;margin: 10px 0 3px 0;line-height:1em;}
.blog .span4 ul, .archive .span4 ul{margin:0;}
.blog a, .single a, .archive a{color: #5bc0de;font-weight: 700;}
.blog .post, .archive .post{margin-bottom:35px;}
.blog .post-info, .single .title-info .post-info, .archive .post-info{margin-right:15px;}
.blog .the-content, .archive .the-content{margin-top:35px;}
.blog ul.post-categories, .single .title-info ul, .archive ul.post-categories{display:inline-block;margin:0;}
.blog ul li, .archive ul li{list-style:none;margin:0;padding:0;}
.single .row{margin:70px 0;}
.single .title-info{margin-bottom:35px;}

@media (max-width: 979px){
	body{padding:0;padding-top: 57px;}
	.container{padding-left:20px;padding-right:20px;}
	.front-section{padding:125px 20px;}
	.social-buttons, #header h1, #header h2{display:none;}
	.nav li{width:100%;display:block;float:left;}
	.navbar .btn-navbar {display: block;margin-top:18px;}
	.navbar-inner { position: fixed;top: 0;left: 0;z-index: 3;width: 100%;}
	.navbar .container{box-sizing:border-box;padding:0 30px;}
	.menu-footer-menu-container ul li a{display:block;}
	.query-wrapper-content, .query-footer{display:block;}
	.query.query-projecten_front-wrapper .query-content, a.more-btn{display:none;}
	a.more-btn-mobile {display: inline-block;width: 150px;height: 150px;line-height: 150px;background: #5bc0de;color: #fff;font-weight:700;text-transform: uppercase;transform: rotate(45deg);transition:ease all 0.1s;}
	a.more-btn-mobile span{display:block;transform:rotate(-45deg);}
	.query.query-projecten_front-wrapper .query-footer{display:inline-block;}
	.blog .span4, .archive .span4{border-top:1px solid grey;}
	footer p{margin:35px 0 0 0;padding:10px 0;}
.page-template-default .span12, .single-project .span12{margin:70px 0px;}
}
@media (max-width: 666px){
.page-template-page-contactpagina .project-pageheader img.attachment-post-thumbnail.wp-post-image{height:100%;width:auto;}
}