/*
 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
------------------------------------------------------- */

@media (max-width: 980px){
    /* this will fix the menu regardless of the header format */
    .et_non_fixed_nav ‪#main‬-header, .et_non_fixed_nav ‪#top‬-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        position: fixed !important;
        background-color:transparent !important;
    }
    /*****************************************************************
    Style the Mobile Menu Header
    Used if we have a Heading Style of Centered or Centered Inline Logo
    *****************************************************************/
    /* switch off the Search button on Default header */
    div.et_menu_container span#et_search_icon {
        display:none;
    }
    /* make the enclosing container transparent on Centered and Centered Inline Logo headers */  
    div.et_menu_container div.mobile_nav { 
        background-color:transparent !important;
    }
    /*  switch off the Select Page text on Centered and Centered Inline Logo headers */
    div.et_menu_container span.select_page {
        display:none !important;
    }
    /*  switch off the mobile logo on Default and Centered headers */
    div.et_menu_container div.logo_container {
        display:none;
    }
    /*****************************************************************
    Remove the shadow beneath the header
    *****************************************************************/
    /* this is used when viewport is at top of page */
    #main-header {
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
    }
    /* this is used when we scroll and have a fixed header */
    #main-header.et-fixed-header {
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
    }
    /*****************************************************************
    Style the Hamburger
    *****************************************************************/
    /* style the opened mobile menu hamburger (make it an 'X') */
    div.mobile_nav.opened .mobile_menu_bar:before {
        font-family: "ETmodules";
        content: "\4d";
    }
    /* color and size both the open and close hamburgers */
    div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
        color: #fff;
        font-size:50px !important;
    }
    /*****************************************************************
    Style the Menu Container
    *****************************************************************/
    /* style the container that the menu elements are housed in */
    .et_mobile_menu {
        /* background is white by default */
        background-color:#2e45c9 !important;
    }
    /*****************************************************************
    Style the submenu root (parent)
    *****************************************************************/
    /* the root (parent) menu item of submenus gets treated a little different */
    /* and needs this to deal with the background */
    .et_mobile_menu .menu-item-has-children>a {
        background-color:transparent !important;
    }
    .et_mobile_menu .menu-item-has-children>a:hover {
        background-color:rgba(0, 0, 0, 0.03) !important;
    }
    /*****************************************************************
    Style the menu items
    *****************************************************************/
    .et_mobile_menu li a {
        color:#fff !important;
    }
    /*****************************************************************
    Set all items to the same font weight
    *****************************************************************/
    .et_mobile_menu li a, .et_mobile_menu .menu-item-has-children>a {
        font-weight:600;
    }
	header#main-header {
		border-bottom: none !important;
} 
}
}

#main-footer{
display: none;
}

@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}

@media (min-width: 1200px) {
#top-menu li {
    padding-right: 25px;
}}

/* ### MENU BUTTON ### */
li.cta_menu a {
	padding: 15px 25px !important;
    color: #97d779 !important;
	border: 2px solid #97d779;
	border-radius:1px;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:600;
}

/* ### MENU BUTTON TEXT COLOR WHEN SCROLLED DOWN ### */
.et-fixed-header #top-menu li.cta_menu a {
	color: #fff !important;
}

/* Divi toggle animate arrow and change colour */
/* Open toggle*/
.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(45deg);
content: "\1f7a2";
transition:all 0.5s ease-in-out 0s;
color: #2e45c9 !important;
}
/* Closed toggle*/
.et_pb_toggle_title:before {
content: "\1f7a2";
font-size:2em;
transition:all 0.5s ease-in-out 0s;
color: #2e45c9!important;
}