/*
 Theme Name:     House of 9
 Theme URI:      https://www.houseof9.com
 Description:    A custom Divi child theme for houseof9.com
 Author:         Patrick Labadie
 Author URI:     https://www.houseof9.com
 Template:       Divi
 Version:        2.1.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


#logo {
    	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
    	border-top:1px solid #777;
	z-index: 99999;
}
.et-fixed-header #logo {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0);
}
@media (max-width:980px) {
	#logo {
	position:absolute;
	top:0;
	height:100px !important;
	}
	.et_header_style_left #logo, .et_header_style_split #logo {
    	width: 65px !important;
	height: 75px !important;
	max-width: 65px !important;
	max-height: 75px !important;
	}
}

.et_pb_fullscreen_menu_opened {
padding-top: 0px !important;
opacity:1 !important;
}



.blue {
color:#02cfe7/*#007DB3*/ !important;
}

.divi-icon:before {
content:" \5a";
position:relative;
font-family: 'ETmodules';
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu::before {
    top: -19px !important;
}

.et_pb_header_toggle {
    
}


.et_toggle_fullscreen_menu
{
    
}



.et_pb_fullscreen_menu_opened .et_divi_100_custom_hamburger_menu__icon {
     top: 50px !important;
}

.et_pb_fullscreen_menu_animated .et_divi_100_custom_hamburger_menu__icon--toggled {
     top: 50px !important;
}


.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {
    color: #fff;
    font-size: 3.5em;
    margin-top: -50px !important;
}

.et_pb_fullwidth_header_scroll {

    margin-top: -50px !important;
}

.scroll-down {
font-size:14px;
}




/*--- Contact Primary Menu Button ---*/
/*-------------------------
---------------------------*/


#top-menu { margin-top:-6px; }
#top-menu .menu-item { margin-right:10px; }
#menu-item-28437 a, #menu-item-28343 a, .gform_next_button, #gform_submit_button_5, #gform_submit_button_7 { 
	color: #142d2d/*#69bc45*/ !important;
	background-color: #02cfe7 !important;
	font-size:12px !important;
	font-weight:bold !important;
	border: 2px solid #02cfe7; 
	border-radius:3em;
	padding:6px 20px 6px 20px !important;
}
#menu-item-28437 a:hover, #menu-item-28343 a:hover, .gform_next_button:hover, #gform_submit_button_5:hover, #gform_submit_button_7:hover { 
	color: #142d2d/*#138142*/ !important;
	background-color: #02cfe7 !important;
	border:2px solid #02cfe7;
}
.et-fixed-header #et-top-navigation nav > ul > li#menu-item-28437 a, .et-fixed-header #et-top-navigation nav > ul > li#menu-item-28343 a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li#menu-item-234 a { 
	color: #142d2d/*#69bc45*/ !important;
	background-color: #02cfe7 !important;
	font-size:12px !important;
	font-weight:bold !important;
	border: 2px solid #02cfe7; 
	border-radius:3em;
	padding:6px 20px 6px 20px !important;
}
.et-fixed-header #et-top-navigation nav > ul > li#menu-item-28437 a:hover, .et-fixed-header #et-top-navigation nav > ul > li#menu-item-28343 a:hover, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li#menu-item-234 a:hover { 
	color: #142d2d/*#138142*/ !important;
	background-color: #02cfe7 !important;
	border:2px solid #02cfe7;
}


/*-------------------------
---------------------------*/

body {
color: #173435 !important;
font-size: 16px !important;
}

.et_pb_grid_item .et_pb_gallery_image {
padding-top:57%;
}
.et_pb_grid_item img {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

.et_pb_gallery_image {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
}

.blue {
color: #02cfe7;
}

/* NEW Contact US Page
------------------------------------------------------- */

.contact-us-form #gform_1 {
	/*background-color: #ffffff;*/
	padding:0;
	margin:0;
	border: 0px solid #e1e1e1;
        color:#1c2430;
	/*-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);*/
	}

.contact-us-form .gfield {
	/*background-color: #f3f4f4;*/
	padding:0 !important;
}

/* this styles the white space between form field sections */
#gform_1.contact-us-form .form-divider {
	/*background-color: #ffffff !important;*/
	padding:0 !important;
	border: 0 solid #ccc !important;
}
/* this styles the white space between form field sections */
#gform_1.contact-us-form .phone-field {
	margin-top:0 !important;
}

.contact-us-form .gfield.form-id-2-email-field {
	padding-bottom:0 !important;
}

.contact-us-form .gfield_label {
	font-weight:bold;
	font-size:16px;
}

.contact-us-form .gform_wrapper .gsection {
    border-bottom: none;
    clear: both;
    margin: 0 0;
    padding: 0 0 0 0;
}

.contact-us-form input[type="text"], .contact-us-form input[type="password"], .contact-us-form input[type="tel"], .contact-us-form input[type="email"], .contact-us-form input.text, .contact-us-form input.title, .contact-us-form textarea, .contact-us-form select {
    background-color: #fff !important;
    border: 1px solid #ccc;
    color: #4e4e4e;
    padding: 10px !important;
    font-size:18px !important;
    border-radius: 3px;
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
}



body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_page_footer input.button {
        color: #ffffff /*#69bc45*/ !important;
 background-color: transparent !important;
	/*background-color: #02cfe7 !important;*/
	font-size:18px !important;
	font-weight:bold !important;
	border: 2px solid #ffff; 
	border-radius:3em;
	padding:6px 50px 6px 50px !important;
	text-transform: uppercase;
    /*-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);*/
}
body .gform_wrapper .gform_footer input.button:hover, body .gform_wrapper .gform_page_footer input.button:hover {
        color: #ffffff /*#69bc45*/ !important;
 background-color: #02cfe7 !important;
	/*background-color: #02cfe7 !important;*/
	font-size:18px !important;
	font-weight:bold !important;
	border: 2px solid #02cfe7; 
	border-radius:3em;
	padding:6px 50px 6px 50px !important;
	text-transform: uppercase;
    /*-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);*/
}

.contact-us-form .gform_footer {
   text-align:center !important;
}

body .gform_wrapper .gform_footer input[type="submit"], body .gform_wrapper .gform_page_footer .button.gform_next_button, body .gform_wrapper .gform_page_footer input.button.gform_button[type="submit"] {
    float: none;
}

body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_page_footer input.button {
/*position: relative;
right: 30% !important;*/
 text-align: center !important;
}

div.gform_footer.top_label {
 text-align: center;
}

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}
.et_pb_bg_layout_dark .et_pb_slide_description h2 {
    text-transform: none !important;
    font-weight: normal !important;
}
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title {
    font-weight: 300 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #173435 !important;
}

@media (max-width:980px) {
#hero h1 { 
	font-size: 72px;
	}
}
@media (max-width:760px) {
#hero h1 { 
	font-size: 54px;
	}
}
@media (max-width:640px) {
#hero h1 { 
	font-size: 36px;
	}
}
@media (max-width:420px) {
#hero h1 { 
	font-size: 48px;
	margin-left:-.25em;
	}
#hero h3 {
	line-height:30px;
	}
#hero .blue {
	margin-left: -2em;
}
#hero .white-text {
	margin-left: .25em;
}
}