/*
 Theme Name:     Süess Archi
 Theme URI:      http://www.sueess-architekt.ch
 Description:    Divi Child Theme
 Author:         Manuel Merz
 Author URI:     http://www.webclay.ch
 Template:       Divi
*/
 
@import url("../Divi/style.css");
@import url("etf.css");
@import url("font-awesome.css");


/* =Theme customization starts here
------------------------------------------------------- */
.et_color_scheme_green a {color: #f1ab25;}
#et-info {float: right;}
#et-info-phone {font-size: 1.4em; color: #fff;}
.et_fixed_nav #logo {max-height: 85px; margin-bottom: 5px;}
.et-fixed-header #logo {max-height: 60px;}
/*#main-header nav#top-menu-nav {padding-top: 30px;}
#main-header.et-fixed-header nav#top-menu-nav {
    padding-top: 14px;}*/

#lander {margin: 0;}

#main-header {
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    font-weight: 500;
    line-height: 23px;
    min-height: 43px;
    padding: 5px 0 0;
    position: relative;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 99999;
}

#headline {margin-bottom: 10px !important;}
#headline h1 {font-family: 'Arimo'; font-size: 4em; font-weight: bold; line-height: 55px; margin: 0; padding: 0;}
#subheadline {margin: 0; padding: 0;}
#subheadline h2 {margin: 0 0 30px 0; padding: 0;}

/*#darkblock {margin-top: 30px;}*/
#darkblock #darkblock-content {padding: 20px;}
.transparent {background:#7f7f7f; background:rgba(60,79,79,0.9);}

#cta {
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 15px;
	background: #ffb527;
	text-align: center;
	border: 1px solid #cccccc;
	cursor: pointer; border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#cta-small {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 15px;
	background: #ffb527;
	text-align: center;
	border: 1px solid #cccccc;
	cursor: pointer; border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#cta a, #cta-small a {font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2em; color: #3C4F4F;}
#cta:hover, #cta-small:hover {background: #f1ab25;}

.caption h2 {font-size: 2.3em;}

p {font-size: 16px;}

.customlist ul li {list-style: none; font-size: 1.1em; line-height: 26px;}

.et_full_width_portfolio_page .et_project_meta {
display: none;}

.et-social-facebook a.icon {color: #f1ab25;}
#footer-info a { color: #666; font-weight: normal !important;}
#footerdisclaimer  p{font-size: 0.9em; color: #aaaaaa;}
#et-footer-nav {background-color: #e5e5e5;}
#et-footer-nav ul li a {font-size: 0.9em; color: #333;}
#footer-info {font-size: 0.9em;}

/* LEAD GEN FORM CODE CONTACT */
.leadform {text-align: center; width: 80%;}
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {padding: 0 !important;}
.leadform form {display: block;}
.leadform h3 {margin-top: 15px;}
.leadform p {padding: 15px; line-height: 23px;}
.leadform  ul li {list-style: none; text-align:left;}
.leadform label {text-align: left; width: 100%;}
.leadform input[type="text"]{
	height: 42px !important;
width: 100%;
	color: #FFF;
	border: 1px solid #cccccc;
	padding: 0 0 0 16px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 42px; color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.leadform input[type="email"]{
	height: 42px !important;
width: 100%;
	color: #FFF;
	border: 1px solid #cccccc;
	padding: 0 0 0 16px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 42px; color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.leadform input[type="tel"]{
	height: 42px !important;
width: 100%;
	color: #FFF;
	border: 1px solid #cccccc;
	padding: 0 0 0 16px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 42px; color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.leadform  textarea {
	height: 70px;
width: 100%;
	border: 1px solid #cccccc;
	padding: 16px 0 0 16px;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: #333;
	resize: none;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.leadform .submitWrapper  {
    text-align: center;    
} 

.leadform input[type="submit"]{
	display: inline-block;
	margin: 0;
	padding: 0;
width: 100%;
	background: #ffb527;
	height: 56px;
	text-align: center;
	border: 1px solid #cccccc;
	cursor: pointer; border: none;
	font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.2em; color: #3C4F4F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.leadform input[type="submit"]:hover{
	background: #f1ab25;
	height: 56px;
	text-align: center;
	border: 1px solid #cccccc;
	cursor: pointer; border: none; 
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.leadform label .fa {padding: 10px 4px 0 0; }
.validation_message {color: red; font-size: 0.9em;}

.portrait {text-align: center;}

.et_color_scheme_green #et_search_icon:hover, .et_color_scheme_green .mobile_menu_bar:before, .et_color_scheme_green .footer-widget h4, .et_color_scheme_green .et_pb_sum, .et_color_scheme_green .et_pb_pricing li a, .et_color_scheme_green .et_pb_pricing_table_button, .et_color_scheme_green .comment-reply-link, .et_color_scheme_green .form-submit input, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_green .et_pb_contact_submit, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_green .et_overlay:before, .et_color_scheme_green .entry-summary p.price ins, .et_color_scheme_green.woocommerce div.product span.price, .et_color_scheme_green.woocommerce-page div.product span.price, .et_color_scheme_green.woocommerce #content div.product span.price, .et_color_scheme_green.woocommerce-page #content div.product span.price, .et_color_scheme_green.woocommerce div.product p.price, .et_color_scheme_green.woocommerce-page div.product p.price, .et_color_scheme_green.woocommerce #content div.product p.price, .et_color_scheme_green.woocommerce-page #content div.product p.price, .et_color_scheme_green #top-menu li.current-menu-ancestor > a, .et_color_scheme_green #top-menu li.current-menu-item > a, .et_color_scheme_green .bottom-nav li.current-menu-item > a {
    color: #f1ab25 !important;
}
.mobile_menu_bar:before {
    content: "a";
    font-size: 40px;
    left: 0;
    position: relative;
    top: 0;
}

.et_color_scheme_green .et-search-form, .et_color_scheme_green .nav li ul, .et_color_scheme_green .et_mobile_menu, .et_color_scheme_green .footer-widget li:before, .et_color_scheme_green .et_pb_pricing li:before {
    border-color: #f1ab25 !important;
}

@media only screen and (max-width: 980px) {
#headline h1 {font-family: 'Arimo';font-size: 2.4em; font-weight: bold; line-height: 40px; margin: 0; padding: 0;}
#et-top-navigation {padding-left: 0 !important;}
}

@media only screen and (max-width: 780px) {
#headline h1 {font-family: 'Arimo'; font-size: 3em; font-weight: bold; line-height: 1.1em; margin: 0; padding: 0;}
#subheadline h2 {font-size: 1.5em;}
}

@media only screen and (max-width: 480px) {

#headline h1 {font-family: 'Arimo'; font-size: 1.8em; font-weight: bold; line-height: 20px; margin: 0; padding: 0;}
#subheadline h2 {font-size: 1.1em;}

}