@import url("css/editor.css");
/*

	Theme Name: menuiserie-cornely.com
	Theme URI:http://www.wangen.be/
	Description:Schreinerei Cornely Theme based on H5 theme from Jeff Starr
	Version:1.0
	Author:Pascal Wangen
	Author URI:http://www.wangen.be/

*/
/*========================================*/
/*================ LAYOUT ================*/
/*========================================*/
/* Bootstrap Override */
.container-fluid {
  padding-right:20px;
  padding-left:20px;
}
.row {
  margin-right:-20px;
  margin-left:-20px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right:20px;
  padding-left:20px;
}
.img-thumbnail {
    background-color:#fff;
    border:2px solid #e8e8e8;
    border-radius:0;
    padding:2px;
}
/* Global */
.services-content,
span,
input[type="submit"],
a {
	-webkit-transition:all 0.15s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.15s linear;
	transition:all 0.15s linear;
}
html body { background:#fff; }
#page-wrap {
	padding-top:60px;
    transition:all 0.15s linear 0s;
}
@media (min-width:768px) {
	#page-wrap {
		padding-top:100px;
	}
}
.scrolled #page-wrap {
	padding-top:60px;
}
/* Clearfix */
.myclass:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
*:first-child+html .container { zoom:1; } /* IE7 */
/* List Resets */
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
/*========================================*/
/*================ HEADER ================*/
/*========================================*/

#header {
    background:#fff none repeat scroll 0 0;
    height:60px;
    left:0;
    position:fixed;
    right:0;
    top:0;
    transition:all 0.15s linear 0s;
    z-index:80;
}
@media (min-width:768px) {
	#header {
		height:100px;
	}
}
#logo {
    left:20px;
    position:fixed;
    top:10px;
    transition:all 0.15s linear 0s;
    z-index:130;
}
#logo a, #logo img {
    display:block;
}
#logo .logo-image {
    float:left;
    height:40px;
    transition:all 0.15s linear 0s;
}
#logo .logo-text {
    float:left;
    height:40px;
    opacity:1;
    transition:all 0.15s linear 0s;
}
@media (min-width:768px) {
	#logo {
		top:15px;
	}
	#logo .logo-image {
		float:left;
		height:70px;
	}
	#logo .logo-text {
		height:70px;
		opacity:1;
	}
}
#header .lnk-phonecall {
    display:block;
    margin:20px;
    text-transform:uppercase;
}
@media (min-width:550px) {
	#header .lnk-phonecall {
		margin:0;
		position:fixed;
		right:80px;
		top:10px;
	}
}
@media (min-width:768px) {
	#header .lnk-phonecall {
		top:30px;
	}
}
/*========================================*/
/*============= NAVIGATION ===============*/
/*========================================*/
#navigation {
    background:#fff none repeat scroll 0 0;
    bottom:0;
    left:-300px;
    max-width:100%;
    overflow-y:auto;
    padding-top:80px;
    position:fixed;
    top:0;
    transition:all 0.15s linear 0s;
    width:300px;
    z-index:110;
}
#navigation-overlay {
    background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom:0;
    content:"";
    cursor:pointer;
    left:0;
    opacity:0;
    pointer-events:none;
    position:fixed;
    right:0;
    top:0;
    transition:all 0.15s linear 0s;
    z-index:100;
}
#navigation .nav a {
    border-top:1px solid #f5f5f5;
    color:#3c3c3b;
	font-weight:900;
    display:block;
    padding:15px 20px 15px 30px;
    position:relative;
    text-transform:uppercase;
}
#navigation .nav li:first-child a {
    border-top:medium none;
}
#navigation .nav a:hover,
#navigation .nav a:active,
#navigation .nav a:focus {
    color:#1db6b7;
}
#navigation .nav a.active {
    color:#1db6b7;
}
#navigation-toggle {
    background:#fff none repeat scroll 0 0;
    border:2px solid transparent;
    border-radius:4px;
    cursor:pointer;
    display:block;
    height:40px;
    position:fixed;
    right:20px;
    top:10px;
    transition:all 0.15s linear 0s;
    width:40px;
    z-index:120;
}
#navigation-toggle span, #navigation-toggle span::before, #navigation-toggle span::after {
    background:#ccc none repeat scroll 0 0;
    display:block;
    height:2px;
    position:absolute;
    transition:all 0.15s linear 0s;
    width:22px;
}
#navigation-toggle span {
    left:7px;
    top:17px;
}
#navigation-toggle span::before {
    content:"";
    left:0;
    top:-6px;
}
#navigation-toggle span::after {
    content:"";
    left:0;
    top:6px;
}
#navigation-toggle:hover {
    background-color:#f5f5f5;
}
#navigation-toggle:hover span, #navigation-toggle:hover span::before, #navigation-toggle:hover span::after {
    background:#222 none repeat scroll 0 0;
}
.navigation-visible #navigation {
    left:0;
}
.navigation-visible #navigation-overlay {
    opacity:1;
    pointer-events:all;
}
.navigation-visible #navigation-toggle span {
    background-color:transparent;
}
.navigation-visible #navigation-toggle span::before {
    background:#222 none repeat scroll 0 0;
    top:0;
    transform:rotate(45deg);
}
.navigation-visible #navigation-toggle span::after {
    background:#222 none repeat scroll 0 0;
    top:0;
    transform:rotate(-45deg);
}
@media (min-width:768px) {
	#navigation-toggle {
		top:30px;
	}
	#navigation {
		padding-top:120px;
	}
}
@media (min-width:1060px) {
	#header .lnk-phonecall {
		float:right;
		position:relative;
		right:auto;
	}
	#navigation-toggle {
		display:none;
	}
	#navigation {
		bottom:auto;
		float:right;
		left:0;
		overflow:visible;
		padding:0 20px;
		right:0;
		top:0;
		white-space:nowrap;
		width:auto;
	}
	#navigation-overlay {
		display:none;
	}
	#navigation .nav {
		margin:auto;
		text-align:center;
		margin-left:150px; /* Offset for Logo */
	}
	#navigation .nav li {
		display:inline-block;
	}
	#navigation .nav a {
		border-top:medium none;
		display:block;
		line-height:20px;
		padding:10px 15px;
		margin:30px 0;
	}
}
.scrolled #header {
	box-shadow:0 3px 6px rgba(0, 0, 0, 0.1);
	height:60px;
}
.scrolled #header #logo {
	top:10px;
}
.scrolled #header #logo .logo-image {
	height:40px;
}
.scrolled #header #logo .logo-text {
	height:40px;
	opacity:0;
	height:0;
}
.scrolled #header #navigation-toggle {
	top:10px;
}
.scrolled #header #navigation .nav a {
	padding:10px 15px;
	margin:10px 0;
}
.scrolled #header .lnk-phonecall {
	top:10px;
}
/*========================================*/
/*================ STAGE =================*/
/*========================================*/
.passive-logo {
	display:block;
	width:60px;
	position:absolute;
	top:0;
	right:20px;
}
@media (min-width:992px) {
	.passive-logo {
		width:auto;
	}
}
#stage {
	text-align:center;
	background:#fff center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position:relative;
}
#stage:before {
	display:block;
	content:"";
	background:rgba(0,0,0,0.4);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#stage .container {
	position:relative;
	padding-top:80px;
	padding-bottom:20px;
}
#stage h1 {
	color:#fff;
	margin-bottom:10px;
}
#stage p {
	color:#fff;
	font-size:1.4em;
	font-family:'Crimson Text', serif;
	font-style:italic;
	line-height:1.2em;
	margin-bottom:20px;
}
@media (min-width:768px) {
	#stage .container {
		padding-top:80px;
		padding-bottom:40px;
	}
	#stage p {
		font-size:1.7em;
		line-height:1.2em;
		margin-left:80px;
		margin-right:80px;
	}
}
@media (min-width:992px) {
	#stage .container {
		padding-top:100px;
		padding-bottom:60px;
	}
	#stage p {
		font-size:2em;
		line-height:1.2em;
		margin-left:160px;
		margin-right:160px;
	}
}
/*========================================*/
/*================= MAIN =================*/
/*========================================*/
#main { padding:40px 0; min-height:1200px; }
.section {
	padding:20px 0;
}
#slogan {
	text-align:center;
	font-size:1.4em;
	font-family:'Crimson Text', serif;
	font-style:italic;
	line-height:1.2em;
}
.products-item img {
	display:block;
	max-width:30%;
	float:right;
	margin-left:10px;
}
#slogan:before,
#slogan:after,
.products-item:after,
.block:after {
	display: block;
	content:"";
	height:4px;
	width:80%;
	margin:auto;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:40px auto;
}
#slogan:before { margin-top:0; }
#slogan:after { margin-bottom:0; }
.products-item:last-child:after,
.block:last-child:after {
	display:none;
}
@media (min-width:768px) {
	#slogan {
		font-size:1.7em;
		line-height:1.2em;
	}
	#slogan:before,
	#slogan:after,
	.products-item:after,
	.block:after {
		width:60%;
	}
}
@media (min-width:992px) {
	#slogan {
		font-size:2em;
		line-height:1.2em;
	}
	.products-item img {
		display:inline;
		max-width:none;
		float:none;
		margin-left:0;
		margin-bottom:15px;
	}
	#slogan:before,
	#slogan:after {
		width:40%;
	}
	.products-item:after,
	.block:after {
		display:none;
	}
	.products-item {
		text-align:center;
	}
}
@media (min-width:992px) {
	.products-item,
	.block {
		margin-top:20px;
	}
}
.products-item p:first-child,
.block p:nth-child(3) {
	font-weight:900;
}
/*========================================*/
/*=============== CONTACT ================*/
/*========================================*/
#map-canvas {
	width:100%;
	height:480px;
	background-color:#e8e8e8 !important;
}
/* Hide Google Maps Infowindow Close Button*/
.gm-style-iw + div { display:none; }
.section-contact {
	color:#fff;
	background:#008a8a;
	padding:40px 0;
}
.section-contact h2 {
	color:#fff;
}
.section-contact p:nth-child(2) {
	color:#89c6c6;
}
.form-control {
	border-radius:0;
	color: #3c3c3b;
	font:inherit;
	background-color: #fff;
	border-color:#ccc;
	box-shadow:inset 0 0 10px rgba(0,0,0,0.1);
}
.form-control:focus {
	border-color:#3c3c3b;
	box-shadow:0 0 10px rgba(0,0,0,0.2), inset 0 0 10px rgba(0,0,0,0.2);
}
textarea.form-control {
	height:120px;
	resize:none;
}
.section-contact .form-control::-webkit-input-placeholder { color: #ccc; }
.section-contact .form-control:-moz-placeholder { color: #ccc; }
.section-contact .form-control::-moz-placeholder { color: #ccc; }
.section-contact .form-control:-ms-input-placeholder { color: #ccc; }
.section-contact .wpcf7-not-valid-tip {
    color: #620000;
	font-size:0.8em;
}
.section-contact .wpcf7-mail-sent-ok {
	background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.5);	
}
.section-contact .wpcf7-validation-errors {
	background: rgba(192,50,50,0.6);
    border-color: #620000;	
}
.section-contact .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 10px 20px;
}
/*========================================*/
/*================ FOOTER ================*/
/*========================================*/
#footer {
	color:#fff;
	background:#1d1d1b;
	text-align:center;
	font-size:0.8em;
	padding:20px 0;
}
#footer a { color:#fff; }
#footer a:active,
#footer a:focus,
#footer a:hover { color:#1db6b7; }
#footer h3 {
	
}
/* Copyright */
#copyright {
}
#copyright a {  }
#copyright a:active,
#copyright a:focus,
#copyright a:hover {  }