/*-------------------------------------------------------
 Theme Name: Pro Drive Asphalt
 Theme URI: https://prodriveasphalt.com/
 Description: This is the official theme for Pro Drive Website.
 Author: Duneland Media
 Author URI: https://dunelandmedia.com/
 Template: Divi
 Version: 1.0.0
 ----------------- ADDITIONAL CSS HERE ------------------!*/

/* Optimization - Custom Fonts */

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: 'Rubik';
    src: url('fonts/rubik-black-webfont.woff2') format('woff2'),
         url('fonts/rubik-black-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/rubik-bold-webfont.woff2') format('woff2'),
         url('fonts/rubik-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/rubik-light-webfont.woff2') format('woff2'),
         url('fonts/rubik-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('fonts/rubik-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}


 img#logo {-webkit-transform: initial !important;}

 .mobile_menu_bar:before {
   color: #2C2D2E;
 }

 .et_mobile_menu {
  border-top: 3px solid #FFDE02;
 } 

#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: 16px; 
  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;  
  transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible > ul.sub-menu { 
  display: block !important; 
  visibility: visible !important; 
}