/*
 Theme Name:   KHC
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

#et-top-navigation {
	font-weight: normal;
}

@media (min-width: 981px) {
	.flex {
/*
	display: flex;
	flex-direction: column;
	justify-content: center;
*/
	display: flex;
	justify-content: center;
	align-items: center; 
}
}

#main-header {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
}


.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a {
}

.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a:hover {
	color: #00a2ff;
	opacity: 1;
}

.et_header_style_fullscreen ul#mobile_menu_slide:before {
}

.et_header_style_fullscreen ul#mobile_menu_slide:after {
}

@media screen and (max-width:980px) {
.et_fullwidth_nav #main-header .container {width: 100%!important;
    max-width: 100%!important;
    padding-right: 30px!important;
    padding-left: 30px!important;}
#et-top-navigation {padding-left: 0px!important;}
	
	.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
font-size: 40px !important;
}
	
	.et_header_style_fullscreen ul#mobile_menu_slide:before {
	font-size: 30px;
}
	
	.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a {
padding: 40px 50px 40px 50px;
}
	
	.et_header_style_fullscreen ul#mobile_menu_slide:after {
    background-size: 100px 100px;
    width: 100px; 
    height: 100px;
}
	
	.et_header_style_fullscreen ul#mobile_menu_slide:before {
font-size: 40px !important;
}

	
}

@media screen and (max-width:768px) {
.et_fullwidth_nav #main-header .container {width: 100%!important;
    max-width: 100%!important;
    padding-right: 30px!important;
    padding-left: 30px!important;}
#et-top-navigation {padding-left: 0px!important;}
	
	.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
font-size: 30px !important;
}
	
		.et_header_style_fullscreen ul#mobile_menu_slide:before {
font-size: 30px !important;
}
	
	.et_header_style_fullscreen ul#mobile_menu_slide:before {
	font-size: 20px;
}
	
	.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a {
padding: 30px 50px 30px 50px;
}
	
	.et_header_style_fullscreen ul#mobile_menu_slide:after {
    background-size: 90px 90px;
    width: 90px; 
    height: 90px;
}
	
	.mobile_menu_bar:before {
	font-size: 40px;
	color: #fff;
}
	
}

.imagezoom {
overflow:hidden;
}
.imagezoom img{
transform: scale(1);
transition: transform 3s linear !important;
}
.imagezoom :hover img {
transform: scale(1.1)
}

#logo {}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}

/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}

.second-on-mobile {
-webkit-order: 2;
order: 2;
}

.third-on-mobile {
-webkit-order: 3;
order: 3;
}

.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}

/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}

.mobile_menu_bar:before, .mobile_menu_bar:after {
    color: #003d2e;
}

.et_slide_in_menu_container {
    background-color: transparent;
    background: url('images/menu-background.png') no-repeat top left;
    background-size: cover;
}

.et_slide_menu_top {
    background-color: transparent;
}

.et_slide_in_menu_container #mobile_menu_slide li a {
    color: #fbc82f;
    font-family: 'Vollkorn',Georgia,"Times New Roman",serif;
    font-size: 20px;
    font-weight: normal;
}

.et_slide_in_menu_container #mobile_menu_slide li li a {
    font-size: 15px !important;
    color: #fff !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    opacity: 1;
}

.et_header_style_slide .et_slide_in_menu_container {
    width: 400px !important;
    max-width: 100% !important;
}

/*
@media all and (min-width: 980px) {
.et_slide_menu_top span#et-info-email, .et_slide_menu_top ul.et-social-icons {
    float: left;
    position: absolute;
    bottom: 75px;
}
    .et_header_style_slide .et_slide_menu_top ul.et-social-icons a {
    font-size: 18px;
}
    .et_slide_menu_top ul.et-social-icons li {
    margin-right: 20px;
}
}
*/

.et_slide_menu_top, .et_slide_menu_top a, .et_slide_menu_top input {
    color: #fff;
}

#et-info-email:hover, #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et-social-icons a:hover {
    opacity: 1;
    color: #59b253;
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 

#et-info-email:hover, #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et-social-icons a:hover {
    color: #59b253;
}

#main-header .nav li ul a {
    color: #ffffff !important;
}

.et_pb_button:hover {
    box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);
}

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
.sub-menu {
	min-width: 300px;
}
#top-menu li li a {
    width: 260px;
	/* Extra - Reduce padding on list items */
	padding: 4px 12px;
	}
}

/* Text left of hamburger in the Theme Builder */
/*
.et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 40px;
}
*/

/* Text left of hamburger in Divi 3 */
/*
#et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 33px;
bottom:30px;
}
*/

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0px;
}

/* Center-align moble menu items */

.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0px !important;
}

/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Make the mobile menu full height */
.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}

html {
height: -webkit-fill-available;
}

#main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #003D2E !important;
}

#mobile_menu .menu-item-has-children > a {
    color: #fff !important;
}

.et_mobile_menu li a {
    color: #fff !important;
}

/********* Mobile Menu Collapse ********/
  
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
content: "\4c";
display: block;
color: #fff;
font-size: 16px;
font-family: ETmodules;
}
  
span.menu-closed.menu-open:before {
content: "\4d";
}

.et_pb_video_play {
    display: none;
}

@media only screen and (max-width: 980px) {
.four-columns .et_pb_column {
width: 25%!important;
        margin-right: 0 !important;
}
    
    .et_pb_row {
    width: 90%;
}
    
}


.mobile-footer .et_pb_column {
    margin-bottom: 20px !important;
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 

.ti-widget.ti-goog .ti-controls .ti-next, .ti-widget.ti-goog .ti-controls .ti-prev {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    opacity: 1;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.ti-widget.ti-goog .ti-controls .ti-prev:before {
    background: #333333 !important;
}

.ti-widget.ti-goog .ti-controls .ti-prev:after {
    background: #333333 !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:before {
    background: #333333 !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:after {
    background: #333333 !important;
}

#mobile_menu .menu-item-has-children>a+span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
width: 100% !important;
float: right !important;
text-align: right !important;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    border: 0;
}


#gform_submit_button_1 {
color: #003D2E!important;
    border-width: 2px!important;
    border-color: #59B253;
    border-radius: 5px;
    font-size: 15px !important;
    font-weight: 700!important;
    background-color: #59B253;
    padding: 7px 18px;
    border: none;
    cursor: pointer !important;
}