/*
Theme Name: Geocomfort 
Theme URI: http://geocomfort.nl
Author: Esselink.nu
Author URI: http://esselink.nu/

*/

/* BODY */

h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif !important;
}

h1 {
	font-size: 32px !important;
	font-weight: 600;
	color: #5087c7 !important;
}

h2 {
	font-size: 22px !important;
	font-weight: 600;
	color: #333 !important;
}

h3 {
	color: #5087c7 !important;
	font-size: 18px !important;
	font-weight: 600;
}


p, li {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
	color: #333;
}

p a, #page-content li a, #page-container li a  {
	color: #5087c7 !important;
	text-decoration: underline;
}

p a:hover, #page-content li a:hover, #page-container li a:hover {
	color: #333;
}

/* HEADER */

#top {
	height: 100px;
	width: 100%;
	clear: both;
	background: white !important;
}

.title-bar {
	background: #5087c7 !important;
}

button:focus {outline:0 !important;}

#menu {
	z-index: 9999;
	height: 100px !important;
	background-color: white;
	background-image: url('img/logo-bg_nw.png');
	background-repeat: no-repeat !important; 
    background-position: top right;
}

.logo img {
	width: 100%;
	margin-top: 15px;
	max-width: 325px;
}

.topbar-menu .top-bar {
	padding-top: 55px !important; 
}

.top-bar, .top-bar ul {
	list-style: none !important;
	background: none !important;
}

.top-bar ul li {
	display: inline-block !important;
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
	border-color: #5087c7 transparent transparent !important;
	top: 15px !important;
}

.top-bar ul li a {
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: 400;
    padding: 10px;
	color: #333;
}

.top-bar ul li a:hover {
	background: #5087c7;
	color: white;
	border-radius: 5px;
}

.dropdown.menu .submenu {
	border: none !important;
	background: white !important;
	z-index: 9999 !important;
	border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.dropdown.menu .submenu ul {
	width: 100%;
}

.dropdown.menu .submenu li {
	padding: 0px !important;
	width: 100%;
}

.dropdown.menu .submenu li a {
	font-size: 15px !important;
	background: none !important;
	display: block;
	word-break: normal !important;
	white-space: nowrap !important;
}

.dropdown.menu .submenu li a:hover {
	color: #5087c7 !important;
}

.dropdown.menu .is-dropdown-submenu-parent.opens-right .submenu {
/*
	left: 0 !important;
*/
	margin-left: 0px !important;

}

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
	right: 0 !important;
	margin-right: 20px !important;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
	margin-top: 10px !important;
}

.menu-icon {
	width: 26px;
    height: 20px;
    z-index: 9999 !important;
    position: absolute;
}

.mobile-title {
	position: absolute;
    left: 0;
    margin-left: 35px;
    margin-top: -5px;
}

.mobile-toggle {
	left: 0;
    /* top: 0; */
    height: 50px;
    width: 100%;
    position: absolute;
    z-index: 9999 !important;
}

.title-bar {
	z-index: 9999 !important;
}

#responsivehide {
	z-index: 9999;
}

.fa {
	color: white;
}

#slider-container {
	z-index: 888 !important;
	position: relative;
	max-height: 750px;
}

.slides {
	text-align: right;
	position: relative;
}

h3.slider-caption {
	padding: 10px 20px !important;
	color: white !important;
	font-family: 'Oswald', sans-serif;	
	font-weight: 600 !important;
	font-size: 34px !important;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-align: left;
}

.slides-button img {
	width: 285px;
	height: 234px;
	margin-top: 100px;
}

.slider-button {
	background: white;
	padding: 5px 10px;
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-align: left;
	margin-top: 10px;
	border-radius: 5px;
}

.slider-button:hover {
	background-color: white;
	color: #5087c7;
}

#call-to-action {
	width: 100%;
	height: 50px;
	background: rgba(80,135,199,0.6);
	text-align: center;
	padding: 10px;
	clear: both;
	position: absolute;
	bottom: 0;
	z-index: 9999;
}

.ctatop-txt {
	padding-top: 10px !important;
}

.ctatop-txt h2 a {
	background: white;
	color: #5087c7 !important;
	display: inline-block;
	border-radius: 5px;
	padding: 5px 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.ctatop-txt h2 a:hover {
	background: #5087c7;
	color: white !important;
}

#call-to-action h2 a, .social h2 {
	font-family: 'Oswald', sans-serif !important;
	font-size: 22px !important;
	font-weight: 300 !important;
}

.follow {
	text-align: right;	
}

.follow h2 {
	color: white !important;
}

.social-icons h2 {
	display: inline;
	color: white !important;
}

.ctatop-txt {
	text-align: center;
}

.social {
	text-align: right !important;
}

.social .fa  {
	padding: 0px 10px;
}

.social .fa:hover {
	color: #5087c7;
}

.no-padding {
	padding: 0px !important;
}

.no-padding-left {
	padding-left: 0px !important;
}


/* HOME CONTENT */

#home-content {
	text-align: center;
	clear: both;
}

/* BLACK WHITE WRAPPER */

.bwWrapper {
    position:relative;
    display:block;
}

.half-desaturate {
    filter: grayscale(50%); /* Standard */
    -webkit-filter: grayscale(50%); /* Webkit */
    filter: url(grayscale.svg#desaturate); /* Firefox 4-34 */
/*     filter: gray;  /* Internet Explorer IE6-9 */ 
    -webkit-filter: grayscale(0.5); /* Old WebKit */
}

.half-desaturate:hover {

	filter: grayscale(0%); /* Standard */
    -webkit-filter: grayscale(0%); /* Webkit */
    filter: url(grayscale.svg#desaturate); /* Firefox 4-34 */
/*     filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(0); /* Old WebKit */
}

/* NEWS */

#news {
	padding-top: 50px;
	height: 500px;
	width: 100%;
	display: table;
	clear: both;
	padding-bottom: 25px;
	background: #F2F4F5;
}

.newsitem {
	background: white;
	padding: 15px;
}

.newsitem-title {
	height: 70px;
}

.newsitem h2 a {
	color: #5087c7 !important;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
}

.newsitem h2 a:hover {
	color: #333 !important;
}

.newsitem-txt {
	height: 100px;
}

.newsitem-img {
	height: 225px;
}

.more a, a.more {
	color: #333 !important;
	font-weight: 600 !important;
	font-family: 'Oswald', sans-serif;
	text-decoration: none !important;
	font-size: 15px !important;
}

.more a:hover, a.more:hover {
	color: #5087c7 !important;
}

.news-list-item {
	background: white;
	height: 119px;
	margin-bottom: 34px;
}

.news-intro { padding-top: 10px;}

.news-intro a.link-more {
	color: #333 !important;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	text-decoration: none !important;
}

.news-intro a.link-more:hover {
	color: #5087c7 !important;
}

.news-intro h3, .news-intro h3 a {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
}

.news-intro p {
	color: #333;
	font-size: 13px !important;
	font-family: 'Open Sans', sans-serif;
	line-height: 16px;
}

.newsitem-img {
	position: relative;
}

.newsitem-img .hover {
	display: none;
	position:absolute;
	z-index: 9999;
	margin: 0;
	padding: 0;
	top: 50%;
}

.hover {
	width: 100%;
    text-align: center;
}

.button.black {
	background: #333 !important;
	border-radius: 0px !important;
	color: white !important;
	text-decoration: none !important;
	font-weight: 600;
}


/* REFERENCES */


#references {
	clear: both;
	width: 100%;
	height: 380px;
	display: block;
	background: white;
	padding: 40px 0px;
}

#reference-tabs { border-bottom: 1px solid #333 !important;}

#references .tabs, #references .tabs-content {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	background: none !important;
}

#references .tabs-title > a {
	color: #333;
	font-size: 15px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	padding-bottom: 20px;
}

#references .tabs-panel {
	padding: 0px !important;
}

#references .tabs-panel p {
	color: #333;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
	background: none !important;
	border-bottom: 4px solid #5087c7 !important;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
	float: left !important;
}

.ref-img {
	position: relative;
}

.ref-img img {
	margin-top: 20px;
}

.ref-img-caption {
	position: absolute;
	width: 262px;
	height: 40px;
	display: block;
	bottom: 0;
	background: rgba(80,135,199,0.6) !important;
	padding: 8px 10px;
	z-index: 9998 !important;
}

.ref-img-caption h3, .ref-img-caption h3 a {
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.ref-img-caption h3 a:hover, .ref-img-caption:hover h3 a, .ref-img-caption:hover {
	color: #5087c7 !important;
	background: white !important;
}

p.ref-date {
	color: white !important;
	font-family: 'Oswald', sans-serif;
	font-size: 13px !important;
	font-weight: 400 !important;
	margin-top: -8px;
}

/* PARTNERS */

#partners {
	display: block;
	width: 100%;
	height: 230px;
	background: url('img/samenwerking.jpg');
	padding-top: 40px;
}

#partners h2 {
	font-size: 24px !important;
	font-family: 'Oswald', sans-serif;
}

.partners-logos {
	text-align: center;
}

.item img {
	max-width: 200px;
}


/* CONTENT */

#content {
	padding-top: 60px;
	padding-bottom: 60px;
	background: white !important;
}


/* PAGE CONTENT */

.page-container {
	padding: 40px 20px !important;
	margin-bottom: 60px;
}

.page-container h1, .page-container h2 {
	padding-bottom: 10px;
}

.page-container a {
	color: #5087c7 !important;
	text-decoration: underline !important;
}

.page-container a:hover {
	color: #333 !important;
}

.page-background { background: white !important; padding: 10px;}


#page-content, #page-content-single {
	background: #F2F4F5 !important;
}

#page-content p {
	padding-right: 20px;
}

.page-header, .page-header-none {
	width: 100%;
	display: block;
	height: 350px;
	padding-bottom: 60px;
}

/* SINGLE */

.page-container img {
	padding-bottom: 20px;
}

.page-container.single {
	padding-bottom: 20px !important;
}


/* TEAM */

.team-img {
	margin-bottom: 20px;
}

.team-img img {
	padding-bottom: 0px !important;
	width: 276px;
	height: 300px;
}

.team-img-caption {
	max-width: 275px;
	width: 100%;
	height: 80px;
	display: block;
	background: #B45750 !important;
	padding: 6px 10px;
}

.team-img-caption h3, .team-img-caption h3 a {
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.team-img-caption h3 a:hover {
	color: #333;
}

p.team-func {
	color: white !important;
	font-family: 'Oswald', sans-serif;
	font-size: 13px !important;
	font-weight: 400 !important;
	margin-top: -8px;
}

.single-ref h1, .single-ref h2 {
	padding-bottom: 10px !important;
}

.special, .team-email, .team-email a {
	background: #F49500;
	padding: 3px 8px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border-radius: 5px;
	font-size: 13px !important;
}

.city { 
	background: #5087c7;
	padding: 3px 8px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border-radius: 5px;
	font-size: 13px !important;
}

.back-to {
	padding-top: 20px;
}

.back-to a {
	background: #333;
	padding: 5px 10px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border-radius: 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 14px !important;
}

.back-to a:hover {
	background: white !important;
	color: #5087c7 !important;
}


/* SIDEBAR */

.sidebar {
	padding-bottom: 40px;
}

.side {
	margin-top: 55px;
}

.side h3 {
	color: #5087c7;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-weight: 600;
}

.side p {
	color: #333;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight: normal;
}

.side p a, .side ul li a, .textwidget li a {
	color: #333 !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	text-decoration: none !important;

}

.side p a:hover, .side ul li a:hover {
	color: #5087c7 !important;
}

.side-team h4, .side-team h4 a {
	color: #5087c7 !important;
	font-family: 'Oswald', sans-serif;
	font-size: 14px !important;
	padding-top: 5px !important;
}

#menu-referenties li {
	display: inline;
}

#menu-referenties li a {
	padding-left: 0px !important;
}

/* CTA */

#cta {
	position: relative;
	clear: both;
}

.cta-slider {
	height: 350px;
	width: 100%;
	background: url('img/calltoaction.jpg');
	padding-top: 60px !important;
	background-size: cover;
}

.cta-slider img {
	width: 100% !important;
	height: auto;
}

.cta-container {
	max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.cta-txt {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 40px;
}

.cta-txt h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 26px !important;
	font-weight: 600;
	color: #5087c7;
	padding-bottom: 10px;
}

.cta-txt p {
	font-family: 'Oswald', sans-serif;
	font-size: 16px !important;
	color: #333;
	font-weight: 400;
	letter-spacing: 1px;
}

.cta-txt .button {
	background: #333 !important;
	color: white !important;
	text-decoration: none !important;
	font-weight: 600;
	border-radius: 0px !important;
}

.cta-txt .button:hover {
	background: white;
	color: #1c3f95;
}

.cta-button {
	position: absolute;
	top: 0;
	right: 0;
}

.cta-button img {
	max-width: 250px !important;
	max-height: 250px !important;
	margin-top: -50px;
}

/* FORM */

.button {
	background: #5087c7 !important;
	border-radius: 5px !important;
}

.button:hover {
	background: white !important;
	color: #5087c7 !important;
}


/* TAXONOMY */

.werkveld-item {
	padding-bottom: 20px;
}

.werkveld-content {
	background: white !important;
	height: 151px !important;
	padding-top: 10px;
}

.werkveld-content h2 { padding-bottom: 0px !important;}

.werkveld-content a {
	text-decoration: none !important;
	color: #333 !important;
}
.werkveld-content a:hover { color: #5087c7 !important;}


/* KENNISBRON */

#kennisbron {
	width: 100%;
	height: 54px;
	display: block;
	text-align: right;
	padding-right: 15px;
}

#kennisbron h3 {
	color: #F49500 !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 28px !important;
	text-transform: uppercase !important;
}


/* CONTACT */

.maps {
	padding-bottom: 20px;
}

.contact {
	clear: both;
	padding-top: 30px;
}


/* FOOTER */

#footer {
	position: relative;
	display: block;
	width: 100%;
	height: 320px;
	background: #5087c7;
	background-image: url('img/footer-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	clear: both;
	z-index: 9999 !important;
}

#footer .fa {
	padding: 10px;
}

#footer .fa:nth-child(1) {
	padding-left: 0px !important;
}

#footer .fa:hover {
	color: #333 !important;
}

.footer-widgets {
	padding-top: 40px !important;
	height: 250px;
	font-family: 'Oswald', sans-serif;
	color: white !important;
	font-size: 15px !important;
	text-align: left !important;
}

.widget-left {
	font-family: 'Oswald', sans-serif;
	color: white !important;
	font-size: 15px !important;
	text-align: left !important;
}

.widget-footer ul {
	list-style: none !important;
}

.widget-footer li {
	margin-left: -20px !important;
}

.footer-widgets h3 {
	font-family: 'Oswald', sans-serif;
	color: white !important;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}

.footer-widgets a {
	color: white !important;
	font-family: 'Oswald', sans-serif;
	font-size: 15px !important;
	text-align: left !important;
}

.footer-widgets a:hover {
	color: #333 !important;
}

.footer-copy {
	text-align: center;
	clear: both;
	height: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-copy p, .footer-widgets p {
	font-family: 'Oswald', sans-serif;
	color: white;
	font-size: 15px !important;
}

.footer-copy p a {
	color: white !important;
}

.footer-copy p a:hover {
	color: #333 !important;
}


@media screen and (max-width: 39.9375em) {
	.topbar-menu .top-bar { padding-top: 10px !important; }
	.top-bar ul li { display: block !important;}
	.dropdown.menu .submenu { border: 1px solid #5087c7 !important; }
	div#responsivehide.top-bar { background: white !important; border-bottom: 2px solid #5087c7 !important; }
	img.rsImg.rsMainSlideImage, #news, div.rsContent, .rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs { height: 400px !important;}
	.slides { height: 400px !important;}
	h3.slider-caption { font-size: 34px !important;}
	div.rsSBlock.ui-draggable-handle { left: 20px !important; top: 30px !important;}
	.slider-button { margin-left: 20px !important; left: 0px !important; float: left !important; }
	#call-to-action { display: none !important;}
	#call-to-action h2 a { width: 200px !important; text-align: center !important;}
	.follow h2 { display: none !important;}
	.social { display: none !important;}
	#news { padding-top: 40px !important;}
	.itemlist, #references { display: none !important;}
	#footer { padding-bottom: 20px !important;}
	#footer, .footer-widgets { height: auto !important; min-height: 100% !important;}
	.widget-footer .widget-left { padding: 0px !important; margin-top: 20px !important;}
	.footer-widgets h3 { padding-top: 20px !important; }
	.page-header-none, .page-header { height: 200px !important;}
	#kennisbron h3 { font-size: 16px !important; font-weight: 600 !important;}
	.page-container { padding-right: 0.9375rem !important; }
	.team-img { text-align: center !important;}
	.team-img-caption { max-width: 100% !important;}
	.special, .team-email, .team-email a { margin-right: 5px !important; float: left !important; margin-bottom: 5px !important;}
	.single-ref .large-8, .single-ref .large-4 { padding: 0px !important;}
	#cta, .cta-img img { height: 350px !important;}
	#page-content, #page-content-single { padding-bottom: 20px !important; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#responsivehide { background: white !important;}
	.topbar-menu .top-bar { padding-top: 20px !important;}
	.follow { display: none !important;}
	#call-to-action { text-align: center !important;}
	.social .fa { padding: 0 5px 0 0 !important;}
	.large-6.social-icons { float: right !important;}
	.tabs-title > a { padding: 10px 5px !important; font-size: 12px !important;}
	.ref-img img, .ref-img-caption { max-width: 240px !important;}
	.tabs-panel .large-3 { width: 33% !important;}
	#news .large-8, #news .large-4 { width: 50% !important;}
	#news .large-8 .large-6 { width: 100% !important;}
	#references { height: auto !important;}
	#footer { height: auto !important; padding-bottom: 20px !important; min-height: 400px !important;}
	#footer .blok3 .large-6 { width: 100% !important;}
	#footer, .footer-widgets { height: auto !important;}
	.widget-footer .widget-left { padding: 0px !important; margin-top: 20px !important;}
	.page-team .large-3 { width: 33% !important;}
	.team-img img { height: auto !important;}
	.cta-slider, .cta-slider img { min-height: 250px !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.tabs-title > a { padding: 10px !important;}
	.team-img img { height: auto !important;}
	.team-img-caption { height: 80px !important;}
	.cta-slider, .cta-slider img { min-height: 250px !important;}
	#references { height: auto !important;}
	.ref-img img, .ref-img-caption { max-width: 240px !important;}
	.tabs-panel .large-3 { width: 25% !important;}
}