/* ==========================================================================
   Google webfont https://www.google.com/fonts
   ========================================================================== */

	@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html { box-sizing: border-box; }
	*, *:before, *:after { box-sizing: inherit; }
	::-moz-selection { background: #b3d4fc; text-shadow: none; }
	::selection { background: #b3d4fc; text-shadow: none; }
	a:focus { outline: none; }
	hr { display: block; height: 0.1rem; border: 0; border-top: 0.1rem solid #ccc; margin: 1.5rem 0; padding: 0; }
	audio, canvas, iframe, img, svg, video { vertical-align: middle; }
	textarea { resize: vertical; min-height: 15rem; }

/* ==========================================================================
   Sticky Footer by Ryan Fait http://ryanfait.com/
   ========================================================================== */
   /*
	* { margin: 0; }
	html, body { height: 100%; }
	.wrapper { min-height: 100%; margin: 0 auto -15rem; }
	footer.site-footer, .push { height: 15rem; }*/
	
	/* with wordpress admin bar */
	/*html.admin_bar_showing { height: calc(100% - 3.2rem); }*/
  
/* ==========================================================================
   Design classes
   ========================================================================== */
	
	body { font-family: 'Open Sans', sans-serif; }
	
	h1, h2 {
		font-weight: 700; 
		font-size: 3rem;
		text-transform: uppercase;
		border-bottom: 0.1rem solid #ffffff;
		margin-top: 0;
		margin-bottom: 4rem;
		padding-bottom: 1rem;
	}
	
	header.site-header {}
	
	.site-main .container { position: relative; z-index: 0; }
	
	.slick-slide,
	.slider-holder img {
		z-index: -1 !important;
	}
	
	.slider-holder {
		position: absolute;
		top: 0;
		width: 100%;
	}
	#gwolle_gb .input input[type="text"], #gwolle_gb .input input[type="email"], #gwolle_gb .input textarea,
	.gwolle_gb_submit .input input,
	#gwolle_gb_write_button input[type=button] { color: #000; }
	
	.content-page {
		background: url('../images/content-page-bg.png');
		padding: 4rem 3.5rem;
		position: absolute;
		color: #fff;
		max-width: 61.5rem;
		width: 100%;
		font-weight: 400;
		line-height: 2.5rem;
		z-index: 3;
	}
	
	.content-contact {
		background: url('../images/content-page-bg.png');
		padding: 4rem 3.5rem;
		position: absolute;
		color: #fff;
		width: 100%;
		font-weight: 400;
		line-height: 2.5rem;
		z-index: 3;
	}
	
	.lefttop { left: 0; top: 4rem; }
	.leftbottom { left: 0; bottom: 15rem; }
	.righttop { right: 0; top: 4rem; }
	.rightbottom { right: 0; bottom: 15rem; }
	
	footer.site-footer { padding: 4rem 2rem; background: #3e3e3e; color: #fff; }
	footer.site-footer a { color: #fff; }
	
/* ==========================================================================
   Bootstrap overrides
   ========================================================================== */
   
	.site-header .navbar {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.6);
	}

   .navbar { margin-bottom: 0; z-index: 1; border: 0; }
   .navbar a { color: #64102d; font-weight: 700; font-size: 1.8rem; border-top: 6px solid transparent; }
   
   .nav > li > a:focus, 
   .nav > li > a:hover { background-color: transparent; }
   
   .navbar-brand,
   .navbar-nav > li > a {
		padding-top: 4rem;
		padding-bottom: 4rem;
		height: auto;
	}
   
   .current-menu-item a, .navbar-nav > li > a:hover {
		border-top: 6px solid #64102d;
	}
   
   .container.fixed-height { height: 935px;
		display: none; }
   
   .icon-bar { background: #fff; }
   
   .content-contact .col-md-6 {
	   padding: 0;
   }
   
   .content-contact .col-left {
	   padding-right: 1.5rem;
   }
   .content-contact .col-right {
	   padding-left: 1.5rem;
   }
   
   .entry-content a {
	   color: #fff;
	   text-decoration: underline;
   }

/* ==========================================================================
   Slickjs
   ========================================================================== */
    
	.slick-prev,
	.slick-next { z-index: 1; opacity: 0; transition: all 300ms; width: auto; height: auto; }
	
	.slick-prev::before, .slick-next::before { color: #fff; font-family: "Fontawesome"; font-size: 6rem; }
	.slick-prev::before { content: "\f053"; }
	.slick-next::before { content: "\f054"; }

	.slick-prev { left: 0; z-index: 5; }
	.site-main:hover .slick-prev { left: 4rem; opacity: 1; }

	.slick-next { right: 0; z-index: 5; }
	.site-main:hover .slick-next { right: 4rem; opacity: 1; }

/* ==========================================================================
   Contact form 7
   ========================================================================== */
   
	span.wpcf7-not-valid-tip {
		float: right;
		margin-top: -2.9rem;
		margin-right: 1rem;
	}
	
	div.wpcf7-response-output {
		margin: 0 0 1em;
		padding: 1em 2rem;
		font-weight: 300;
		background: #f39c12;
		border: 0;
	}
	
/* ==========================================================================
   WordPress wysiwyg editor classes
   ========================================================================== */

	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignleft { float: left; }
	.alignright { float: right; }

/* ==========================================================================
   Clearfix
   ========================================================================== */

	.clearfix:before, .clearfix:after { content: " "; display: table; }
	.clearfix:after { clear: both; }

/* ==========================================================================

	Following Bootstrap responsive utilities

	Phones 		 			< 768px
	Tablets					>= 768px
	Desktops Medium 		>= 992px
	Desktops Large			>= 120rem

	Wordpress likes other utilities...
	WP Phones				< 782px
	
   ========================================================================== */
	
	/* Phones */
	@media only screen and (max-width: 768px) {
		
		.content-page,
		.content-contact {
			position: unset;
			max-width: 100%;
		}
		
		.container.fixed-height {
			height: auto;
			padding: 0;
		}
   
		.navbar-toggle {
			margin-top: 1.5rem;
			margin-right: 1.5rem;
		}
		
		.content-contact .col-left,
		.content-contact .col-right {
			padding: 0;
		}
		
		.page-template-template-contact .container.fixed-height {
			padding-right: 15px;
			padding-left: 15px;
		}
		
		.navbar-nav {
			margin: 0 -15px;
		}

		.slider-holder {
			width: 100%;
		}
		
		.navbar-brand,
		.navbar-nav > li > a {
			padding-top: 1.5rem;
			padding-bottom: 1.5rem;
		}
		
		.navbar-collapse {
			border: 0;
			background: url('../images/content-page-bg.png');
			border-bottom: 6px solid #64102d;
			padding: 2rem 3rem;
		}
		
		.current-menu-item a { border-color: transparent; border-bottom: 2px solid #64102d; }
		
		footer.site-footer { height: auto; }
		
		footer.site-footer .text-center,
		footer.site-footer .text-right {
			text-align: left;
		}
		
		.slick-prev::before, .slick-next::before { font-size: 2rem; }
		
	}
	
	/* Tablets */
	@media only screen and (min-width: 768px) {
		
	}
	
	/* Desktops medium */
	@media only screen and (min-width: 992px) {
		
	}
	
	/* Desktops large */
	@media only screen and (min-width: 120rem) {
		
	}
	
	/* WP Phones */
	@media only screen and (max-width: 782px) {
		html.admin_bar_showing { height: calc(100% - 4.6rem); }
	}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

	@media print {
		*,
		*:before,
		*:after {
			background: transparent !important;
			color: #000 !important; /* Black prints faster:
									   http://www.sanbeiji.com/archives/953 */
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		/*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */

		a[href^="#"]:after,
		a[href^="javascript:"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 0.1rem solid #999;
			page-break-inside: avoid;
		}

		/*
		 * Printing Tables:
		 * http://css-discuss.incutio.com/wiki/Printing_Tables
		 */

		thead {
			display: table-header-group;
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}