/*
 Theme Name:   Bellas Artes Child
 Theme URI:    http://www.tutticreativedesign.com
 Description:  A child theme of Divi
 Author:       Tutti Creative Design
 Author URI:   http://www.tutticreativedesign.com
 Template:     Divi
 Version:      2.6.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@media all and (min-width: 981px) {
#tutti .et_pb_slider .et_pb_container {height: 500px !important}
}
/*END OF 981*/
@media all and (max-width: 767px) {
#tutti .et_pb_slider .et_pb_container {height: 234px !important}
}

/*TOP HEADER*/
#et-info {
    float: right;
    padding-bottom: 10px;
}
#et-info-phone::before {font-size: 24px}
#et-info-phone{
margin-left:20px;
top: -8px;
font-size: 18px
}
#et-info-email {display: none}
#direction {top: -10px; position: relative; font-size: 18px}
#direction img {top: 2px; position: relative;}

@media screen and (max-width: 767px) {
#et-info-phone, #et-info-email, .et-cart-info span {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
}}
@media screen and (max-width: 480px) {
#et-info-phone, #et-info-email, .et-cart-info span {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
}
#direction, #et-info-phone {width: 100%; display: block;}
#et-info-phone {margin-left: 0px; margin: 0 auto; top: -5px}
#et-info {float: none; }
#top-header .container {width: 65%}
}/*END 480*/

/*END TOP HEADER*/

/*##START MOBILE FIXED NAV ##*/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important; } 
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
/*##END MOBILE FIXED NAV ##*/

/*------------- START ADDING BELOW -------------*/

@media only screen and (min-width: 981px) and (max-width: 1144px) { 
#logo {    	
	max-height: 60% !important;
	}
}
@media (max-width: 980px) { 
.et_header_style_left #logo {
    	max-width: 80% !important;
	max-height: 90% !important;
	}
}
#tutti-gf .et_pb_row.et_pb_row_fullwidth {width: 90% !important;}
.front-form {
padding: 2%;
font-size: 14px !important;
border: solid 0px #fff;
background: #1b8e46;
height: auto;
}

.front-form label {color: #fff; !important}
.front-form .gform_title {
        float: left;
	color: #fff !important; 
	font-size: 20px !important;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}
.front-form .gform_button {
font-size: 14px !important;
padding: 15px !important;
border: 0px solid #fff;
background: #ffffff;
color: #1b8e46;
position: relative;
/*left: 5px;
top: -35px;*/
}

.front-form .gform_button:hover {
background: rgba(0, 0, 0, 0.5);
color: #fff;
cursor: pointer;
}
form.sell-houz, form.contact {
padding: 15px;
    border: 1px solid #008F3E;
    border-radius: 15px;
    background: rgba(255,255,255,0.3);
}

form.sell-houz input, form.sell-houz select, form.contact textarea, form.contact input, form.contact select, form.contact textarea {
	border: 1px solid #008F3E;
}
.sell-houz .gform_button, .contact .gform_button  {
border-radius: 5px;
font-size: 14px !important;
padding: 15px 35px;
background: #008F3E;
color: #fff;
position: relative;
/*left: 5px;
top: -35px;*/
}

.sell-houz .gform_button:hover, .contact .gform_button:hover {
background: #efefef;
color: #008F3E;
font-weight: bold;
cursor: pointer;
}