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

/* Header Navigation
--------------------------------- */

/* Divi Native */
.et_header_style_slide #top-menu-nav {
     display: block;
}

.et_fullwidth_nav #main-header .container {
     width: 100%;
     max-width: 100%;
     padding-right: 30px;
     padding-left: 30px;
}

.et_fixed_nav.et_header_style_slide #main-header,
.et_header_style_slide #page-container {
     -webkit-transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1) !important;
     transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1) !important;
}

#et-top-navigation {
     display: flex !important;
     flex: 1;
     justify-content: flex-end;
     align-items: center;
}

@media (min-width: 981px) {
     #et-top-navigation {
          padding: 0 !important;
     }

     #top-menu {
          display: flex;
          padding-right: 14px;
     }

     #top-menu li:not(.top) {
          display: none;
     }

     #top-menu > li.top {
          padding-right: 0;
     }

     #top-menu li a {
          padding: 14px !important;
     }

     #top-menu-nav > ul > li:hover > a {
          color: #ffffff !important;
          background-color: #58cbf5 !important;
          opacity: 1 !important;
     }

     #top-menu-nav > ul > li.special > a {
          background-color: #ec1d25 !important;
     }

     #top-menu-nav > ul > li.special:hover > a {
          background-color: #c02226 !important;
     }

     #top-menu li.current_page_item,
     #top-menu li.current_page_item > a,
     #top-menu li.page_item_has_children > a {
          pointer-events: none;
     }

     #top-menu li.current_page_item > a::after,
     #top-menu li.page_item_has_children > a::after {
          content: "";
          position: relative;
          display: block;
          top: 10px;
          border-top: solid 2px #ffffff;
          animation: current-page-item-fade 2.2s ease-out infinite;
     }

     #top-menu li.current_page_item.special > a::after {
          content: none !important;
     }

     @keyframes current-page-item-fade {
          0% {
               border-top: solid 2px #ffffff;
          }

          50% {
               border-top: solid 2px #58cbf5;
          }

          100% {
               border-top: solid 2px #ffffff;
          }
     }
}

@media (max-width: 980px) {
     #main-header {
          position: fixed !important;
     }

     .et_fixed_nav.et_header_style_slide #main-header {
          -webkit-transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1);
          transition: left 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     }

     #main-header.et-fixed-header {
          background-color: #4d5b63;
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          -webkit-transition: background-color 300ms ease;
          -moz-transition: background-color 300ms ease;
          -o-transition: background-color 300ms ease;
          transition: background-color 300ms ease;
     }

     .et_header_style_left #et-top-navigation .mobile_menu_bar {
          padding-top: 5px !important;
          padding-bottom: 5px !important;
     }

     .et_header_style_left #et-top-navigation,
     .et_header_style_slide .et-fixed-header #et-top-navigation {
          padding: 24px 0 24px 0 !important;
     }
}

/* Dropdown Menus
--------------------------------- */
.nav li ul {
     -webkit-box-shadow: none;
     box-shadow: none;
}

/* Side Navigation (Drawer)
--------------------------------- */
.et_slide_menu_top {
     position: relative;
     background-color: #c02226 !important;
     padding: 40px 30px;
}

.mobile_menu_bar:before {
     top: 1px;
}

.et_slide_in_menu_container {
     display: none;
     -webkit-transition: right 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: right 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.et_mobile_menu {
     position: relative;
}

.et_slide_in_menu_container .et_slide_menu_top {
     width: 100%;
}

.et_pb_fullscreen_nav_container {
     height: 100%;
}

.et_slide_in_menu_container ul#mobile_menu_slide {
     padding: 21px 0 !important;
     overflow: auto;
     height: 100%;
}

.et_slide_in_menu_container #mobile_menu_slide li.current_page_parent > a {
     background: rgba(255, 255, 255, 0.25) !important;
}

.et_slide_in_menu_container #mobile_menu_slide li a,
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a {
     padding: 25px 10px 25px 30px !important;
     line-height: 1em;
     display: flex;
     align-items: center;
}

.et_slide_in_menu_container .et_mobile_menu li a:hover {
     background-color: #c02226 !important;
}

.et_slide_in_menu_container .et_mobile_menu li.current_page_item a {
     pointer-events: none;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
     opacity: 1;
}

.et_slide_in_menu_container span.et_mobile_menu_arrow {
     position: relative;
     right: unset !important;
     left: 10px;
     opacity: 1;
}

.et_slide_menu_top ul.et-social-icons li.et-social-google-plus a.icon:before {
     content: '\e0a3' !important;
}

.et_slide_in_menu_container .et_mobile_menu li.noside {
     display: none;
}

@media (max-width: 980px) {
     .et_slide_in_menu_container ul#mobile_menu_slide {
          padding: 13px 0 !important;
     }
}

/* Side Navigation (Drawer Submenu)
----------------------------------------- */
.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu {
     background-color: rgba(192, 34, 38, 0.25) !important;
     padding-top: 10px;
     padding-bottom: 10px;
}

.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu li {
     padding-left: 0 !important;
}

.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu li a {
     padding: 15px 10px 15px 30px !important;
     opacity: 1;
}

.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu li.current_page_item {
     pointer-events: none;
     background: rgba(255, 255, 255, 0.25) !important;
}

.et_slide_in_menu_container #mobile_menu_slide li.current_page_item a {
     display: inline-block;
}

.et_slide_in_menu_container #mobile_menu_slide li.current_page_item::after {
     content: "";
     position: relative;
     display: inline-block;
     background: rgba(255, 255, 255, 0.5) !important;
     height: 5px;
     width: 5px;
     border-radius: 100%;
     outline: 0;
     vertical-align: middle;
}

/* Mobile Header
--------------------------------- */
.et_toggle_slide_menu:after,
.et_toggle_slide_menu:before,
.mobile_menu_bar:after,
.mobile_menu_bar:before {
     color: #ffffff !important;
}

@media (max-width: 768px) {
     .et_pb_menu .et_pb_menu__logo-wrap {
          display: inline-block;
          width: 50px;
          overflow: hidden;
     }
}

/* Mobile Header Sticky
--------------------------------- */
.et-fixed-header .et_toggle_slide_menu:after,
.et-fixed-header .et_toggle_slide_menu:before,
.et-fixed-header .mobile_menu_bar:after,
.et-fixed-header .mobile_menu_bar:before {
     color: #ffffff !important;
}

/* Transitions
--------------------------------- */
#top-menu li a,
.et-fixed-header .et_toggle_slide_menu:after,
.et-fixed-header .mobile_menu_bar:after,
.et-fixed-header .mobile_menu_bar:before {
     -webkit-transition: all 100ms ease !important;
     -moz-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 100ms ease !important;
}
