/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

div#page-container {
    padding-top: 0px !important;
}

header#main-header {
    background: #00000000;
}

.et-fixed-header {
    background: #211b1b !important;
}

#main-header {

    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0%);
    box-shadow: 0 1px 0 rgb(0 0 0 / 0%);
}



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


}

.mobile_menu_bar:before {
    color: #ffffff;
}


@media (max-width: 1553px) {
	
		.et_mobile_menu {
    background: #99cc00;
    border-top: 3px solid #99cc00;
}
                .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,.et_fixed_nav.et_show_nav #page-container {
                    padding-top:80px
                }

                .et_fixed_nav.et_show_nav.et-tb #page-container,.et_fixed_nav.et_show_nav.et-tb-has-header #page-container {
                    padding-top: 0 !important
                }

                .et_non_fixed_nav #page-container {
                    padding-top: 0
                }

                .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header {
                    top: 32px !important
                }

                .et_hide_mobile_logo #main-header .logo_container {
                    display: none;
                    opacity: 0;
                    -webkit-transition: all 0.4s ease-in-out;
                    transition: all 0.4s ease-in-out
                }

                #top-menu {
                    display: none
                }

                .et_hide_nav.et_fixed_nav #main-header {
                    -webkit-transform: translateY(0px) !important;
                    transform: translateY(0px) !important;
                    opacity: 1
                }

                #et-top-navigation {
                    margin-right: 0;
                    -webkit-transition: none;
                    transition: none
                }

                .et_fixed_nav #main-header {
                    position: absolute
                }

                .et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_left #et-top-navigation {
                    padding-top: 24px;
                    display: block
                }

                .et_fixed_nav #main-header {
                    -webkit-transition: none;
                    transition: none
                }

                .et_fixed_nav_temp #main-header {
                    top: 0 !important
                }

                #logo,.logo_container,#main-header,.container {
                    -webkit-transition: none;
                    transition: none
                }

                .et_header_style_left #logo {
                    max-width: 50%
                }

                #et_top_search {
                    margin: 0 35px 0 0;
                    float: left
                }

                #et_search_icon:before {
                    top: 7px
                }

                .et_header_style_left .et-search-form {
                    width: 50% !important;
                    max-width: 50% !important
                }

                #et_mobile_nav_menu {
                    display: block
                }

                #et-top-navigation .et-cart-info {
                    margin-top: 5px
                }
            }



/**************************fixed-phone******************************/
.fixed-phone {
    position: fixed;
    right: 0;
    top: 45%;
    transform: translateY(320%);
    background-color: #99cc00;
    border-radius: 0;
    width: 70px;
    transition: width 0.3s ease, background-color 0.5s ease;
    overflow: hidden;
    z-index: 2;
    white-space: nowrap; 
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.fixed-phone a {
  display: flex;
  align-items: center;
  color: white;
	padding: 15px 0px 15px 20px;
  text-decoration: none;
  font-size: 16px;
}
.phone-icon {
  font-size: 20px;
  margin-right: 10px;
  transform: rotate(0deg);
}

span.phone-number {
    font-family: 'Exo 2';
    font-size: 18px;
}
.phone-number {
  display: none;
  font-size: 16px;
  color: white;
  white-space: nowrap; 
}
.fixed-phone:hover {
  width: 210px; 
}
.fixed-phone:hover .phone-number {
  display: inline;
}
.fixed-phone:hover .phone-icon {
  margin-right: 15px;
}
@media (max-width:767px) {
.fixed-phone {
    width: 50px;
}
.fixed-phone a {
    padding: 10px 0px 10px 10px;
}
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #fec144 !important;
}

.et_mobile_menu {
    border-top: 3px solid #fec144 !important;
}

@media only screen and (max-width: 768px) {
	
.box {
    display: flex;
    flex-direction: column-reverse;
}
h3.cls_h3 {
    font-size: 19px !important;
}
	
}


/**************************fixed-email******************************/
.fixed-email {
    position: fixed;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    background-color: #99cc00;
    border-radius: 0;
    width: 70px;
    transition: width 0.3s ease, background-color 0.5s ease;
    overflow: hidden;
    z-index: 2;
    white-space: nowrap; 
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.fixed-email a {
  display: flex;
  align-items: center;
  color: white;
	padding: 15px 0px 15px 20px;
  text-decoration: none;
  font-size: 16px;
}
.email {
  font-size: 20px;
  margin-right: 10px;
  transform: rotate(0deg);
}

span.email {
    font-family: 'Exo 2';
    font-size: 18px;
}
.email {
  display: none;
  font-size: 16px;
  color: white;
  white-space: nowrap; 
}
.fixed-email:hover {
  width: 227px; 
}
.fixed-email:hover .email {
  display: inline;
}
.fixed-email:hover .email {
  margin-right: 15px;
}
@media (max-width:767px) {
.fixed-email {
    width: 50px;
}
.fixed-email a {
    padding: 10px 0px 10px 10px;
}
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #fec144 !important;
}

.et_mobile_menu {
    border-top: 3px solid #fec144 !important;
}

@media only screen and (max-width: 768px) {
	
.box {
    display: flex;
    flex-direction: column-reverse;
}
h3.cls_h3 {
    font-size: 19px !important;
}
	
}