/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/* Menü Titelzeile */
.sub_menu { margin: 10px 0; }
.sub_menu li.menu-item { padding: 0 20px 0 20px; }
.sub_menu a { font-weight: 500 !important; }
.sub_menu a:hover { color: #80acbd !important;}

#home-einleitung { background-size: 1500px 830px; }
#home-terrasse { background-size: 1250px 334px; }
@media only screen and (max-width: 770px) {
	#home-terrasse { background-image: none !important; }
}
body.page-id-15 #hintergrundbild  { background-size: 1300px 525px;}
body.page-id-17 #hintergrundbild  { background-size: 1200px 500px;}
body.page-id-19 #hintergrundbild  { background-size: 1400px 600px;}
body.page-id-21 #hintergrundbild  { background-size: 1600px 615px;}
body.page-id-23 #hintergrundbild  { background-size: 1100px 535px;}
body.page-id-530 #hintergrundbild { background-size: 1100px 535px;} /* Stripes */
body.page-id-528 #hintergrundbild { background-size: 1100px 487px;} /* Rillen */

.menu-item, .av-active-burger-items { background: no-repeat top left; }
.av-active-burger-items {
	background-size: 25px;
	background-position: 5px;
}
.av-active-burger-items a:hover { background: none  !important; }

#header_main_alternate {
	height: 110px;
	background-color: #171717;
	overflow: hidden;
}
.main_menu .menu-item {
	display: block;
	background-size: 40px;
	background-position: center 15px;
	margin: 0 5px;
}
.main_menu .menu-item a {
	line-height: 1em !important;
	width: 125px;
	height: 110px !important;
	display: block;
	font-size: 12px;
	padding-top: 75px;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition: 1s;
	transition: 1s;
}

.current-menu-item { background-color: #222222; }
.main_menu .menu-item a:hover {
	color: #80acbd !important;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(80,80,80,1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(80,80,80,1);
	box-shadow: 0px 0px 20px 0px rgb(80,80,80);
	-webkit-transition:.3s;
	transition: .3s;
}

/* Navigation-Grafiken */

.main_menu .menu-item .avia-menu-text { position: relative; }
.menu-item-33, #menu-item-33 { background-image: url(img/menu-sockel2.png); }
.menu-item-32, #menu-item-32 { background-image: url(img/menu-l2.png); }
.menu-item-31, #menu-item-31 { background-image: url(img/menu-jolly2.png); }
.menu-item-30, #menu-item-30 { background-image: url(img/menu-fenster2.png); }
.menu-item-29, #menu-item-29 { background-image: url(img/menu-mauer2.png); }
.menu-item-533, #menu-item-533 { background-image: url(img/menu-rille3.png); }
.menu-item-532, #menu-item-532 { background-image: url(img/menu-stripes2.png); }
.menu-item-623, #menu-item-623 { background-image: url(img/menu-terrasse.png); }


h1 {
	font-weight: 300;
	margin-bottom: 1em;
}
h3 {
	font-weight: 600;
	padding-top: 3em;
}


/* Kontakltformular */
.kontaktformular {
	background-color: #171717;
	overflow: hidden;
	padding: 20px;
}
.kontaktformular h3 { padding-top: 4px; }
.kontaktformular label { font-weight: 500 !important; }
.wpcf7-text, .wpcf7-textarea {
	background-color: #222222 !important;
	border: none !important;
}
.wpcf7-submit {
	background-color: #333333 !important;
	border: 1px solid #555 !Important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	float: right;
}


/* Footer */
#footer {
	border: none;
	background-color: #171717;
	color: #666666;
	font-size: 13px;
	line-height: 1.4em;
}
#nav_menu-2 {
	text-align: right;
	padding-top: 1em !important;
}
#footer a { color: #999999; }
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Cookie */
.cc-banner .cc-compliance {
    margin-left: 20px;
}

/* Desktop only*/
@media only screen and (min-width: 768px) {
	#header .container {
		max-width: 1100px !important;
		margin: 0 auto;
	}
	.sub_menu a {
	  font-size: 13px;
		text-transform: uppercase;
}
	#header .headerlogo {
		display: block;
		float: left;
		width: 90px;
		height: 45px;
		margin-top: 5px;
		background: url(img/logo-top.png) no-repeat top left;
		text-indent: -999em;
		background-size: 90px 35px;
	}
	#header .av-logo-container {display: none;}
}

/* Zwischen Mobile und Desktop */
@media only screen and (max-width: 990px) {
	.main_menu .menu-item {
        margin-left: 0;
        margin-right: 0;
        margin: 0;
    }
    .main_menu .menu-item a {
        max-width: 105px;
        padding: 0 !important;
        font-size: 10px;
    }
	.main_menu .menu-item a .avia-menu-text { top: 75px;}
}    
    
/* Mobile only*/
@media only screen and (max-width: 767px) {
	#header .headerlogo { display: none;}
	#header .logo a, #header .logo img {
		width: 90px;
		height: 45px;
	}
	h1 { font-size: 25px;}
}