/*
 Theme Name:     Jay Forde Child
 Theme URI:      https://jayforde.com
 Description:    Jay Forde Child Theme
 Author:         Jay Forde
 Author URI:     https://jayforde.com
 Template:       Divi
 Version:        1.0.2
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* MOBILE MENU HACK
------------------------------------------------------- */

/** Making the mobile menu sticky **/

@media only screen and (max-width: 980px) {
.et_fixed_nav #main-header, 
.et_fixed_nav #top-header,
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
}
}
.et_mobile_menu {
    overflow: hidden !important;
    max-height: 90vh;
}


/** Makes the menu background full width **/

@media (max-width: 980px) {
#main-header #et-top-navigation {
    width: 100%;
}
}
 
 
/** Hamburger icon turns to an x when opened **/

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
    color: #FFF;
    z-index: 99999;
}

.mobile_nav.closed .mobile_menu_bar:before {
    color: #1e1e1e;
}

/** Makes the menu background a texure **/

.mobile_nav.closed #mobile_menu, 
.mobile_nav.opened #mobile_menu {
    background: url("https://jayforde.com/wp-content/uploads/2019/07/noisy_bg.png");
    background-position: top left;
    background-repeat: repeat;
}

/** Add a dropmenu function to the submenu... Script was added to Divi Integration **/

#main-header .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
  position: relative;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
  font-family: 'ETmodules';
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
  font-size: 18px;
  content: '\4c';
  top: 13px;
  right: 10px;
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
  content: '\4d';
}
#main-header .et_mobile_menu ul.sub-menu {
  display: none !important;
  visibility: hidden !important;
}
#main-header .et_mobile_menu .visible > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
  background:#333;
}
.et_mobile_menu li li {
    padding-left: 0%;
}


/** Styles the menu nav elements **/

.et_mobile_menu li a {
 text-align: center;
 font-size: 1em;
 font-weight:800px;
 letter-spacing: 1px;
}

.et_mobile_menu li a:hover {
 color: #f1d9be;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}

.mobile_nav ul#mobile_menu li ul li a {
 font-size: .8em !important;
 margin: auto;
 color: #f16334 !important;
 padding-top: 0.2em;
}
.mobile_nav ul#mobile_menu li ul li a:hover {
 color: #f1d9be !important;
}

.mobile_nav ul#mobile_menu .current_page_item > a {
 color: #f1d9be;
}

 
/*****************************************************************