/*======================================
Theme Name: Wisechain Fasteners 
Theme URI: https://divicake.com/
Description: A divi child theme for Wisechain Fasteners
Version: 1.0
Author: Fishgate Advertising
Author URI: https://fishgate.co.za
Template: Divi
======================================*/

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* Mobile Nav */
@media (max-width: 980px) {
  .et-db #et-boc .et-l .custom-main-menu ul#mobile_menu1.et_mobile_menu,
  .et-db #et-boc .et-l #mobile_menu1 {
    background-color: white !important;
    min-width: 100vw !important;
    left: -2.5% !important;
    border: none !important;
    box-shadow: 0 6px 3px #00000030 !important;
    padding: 0px 25px 60px !important;
    overflow-y: scroll !important;
    height: 100vh !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 li,
  .et-db #et-boc .et-l #mobile_menu1 li {
    border-bottom: 1px solid #00267C;
    position: relative !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 li a {
    padding: 0 !important;
    min-height: 56px !important;
    border: none !important;
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #00267C !important;
    font-weight: bold !important;
    opacity: 1 !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 .sub-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 .sub-menu li {
    border: none !important;
    padding-left: 25px !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 .sub-menu li:last-child {
    padding-bottom: 30px !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 .sub-menu li a {
    min-height: 19px !important;
    height: 19px !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 li.menu-item-has-children a.dipi-collapse-menu {
    color: #E2B344 !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 li.menu-item-has-children > a:before {
    content: '' !important;
    background-image: url(https://staging2.fishgate.co.za/wisechain/wp-content/uploads/2025/07/Group-4672-1.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    width: 17.07px !important;
    height: 8.54px !important;
    display: block !important;
    position: absolute !important;
    top: 22px !important;
    right: 0 !important;
    transition: transform 0.3s ease-in-out, background-image 0.3s 0.1s ease-in-out !important;
    background-color: transparent !important;
    opacity: 1 !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 li.menu-item-has-children > a.dipi-collapse-menu:before {
    background-image: url(https://staging2.fishgate.co.za/wisechain/wp-content/uploads/2025/07/Group-4672asdasd.svg) !important;
    transform: rotate(-180deg) !important;
  }

  .et-db #et-boc .et-l #mobile_menu1 li.menu-item-has-children > a:after {
    display: none !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .et_pb_menu__wrap {
    justify-content: flex-end !important;
    padding-right: 0px !important;
    min-height: 60px !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .et_pb_menu__wrap span.mobile_menu_bar {
    position: relative !important;
    width: 33px !important;
    height: 20px !important;
    border-top: 2px solid #121552 !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .et_pb_menu__wrap span.mobile_menu_bar:before {
    content: '' !important;
    width: 33px !important;
    height: 2px !important;
    display: block !important;
    background-color: #121552 !important;
    top: 6.5px !important;
    transition: transform 0.3s ease-in-out !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .et_pb_menu__wrap span.mobile_menu_bar:after {
    content: '' !important;
    width: 33px !important;
    height: 2px !important;
    display: block !important;
    background-color: #121552 !important;
    top: auto !important;
    bottom: 0 !important;
    position: absolute !important;
    transition: transform 0.3s ease-in-out !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .mobile_nav.opened span.mobile_menu_bar {
    border-color: transparent !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .mobile_nav.opened span.mobile_menu_bar:before {
    transform: rotate(45deg) !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .mobile_nav.opened span.mobile_menu_bar:after {
    transform: rotate(-45deg) !important;
    bottom: 9px !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .et_pb_menu__logo {
    display: none !important;
  }

  .et-db #et-boc .et-l .custom-main-menu ul#mobile_menu1.et_mobile_menu li:first-child {
    margin-top: 20px !important;
  }

  .et-db #et-boc .et-l .custom-main-menu ul#mobile_menu1.et_mobile_menu ul.sub-menu li:first-child {
    margin-top: 0px !important;
  }

  .et-db #et-boc .et-l .custom-main-menu ul#mobile_menu1.et_mobile_menu li.social:last-child {
    padding-bottom: 150px !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .et_pb_menu__icon.et_pb_menu__search-button {
    display: none !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .mobile-search-form,
  .et-db #et-boc .et-l .custom-main-menu .social {
    border: none !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .mobile-search-form form {
    padding: 40px 0 !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .mobile-search-form form input {
    width: 100% !important;
    height: 45px !important;
    font-size: 15px !important;
    padding: 0 10px !important;
    border: 1px solid #E2B344 !important;
    color: black !important;
    box-shadow: 0px 3px 6px #00000029 !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .mobile-search-form form input::placeholder {
    color: black !important;
  }

  .et-db #et-boc .et-l .custom-main-menu .social {
    max-width: 38px !important;
    display: inline-block !important;
    min-width: 38px !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .social a {
    min-height: 38px !important;
    max-width: 38px !important;
    min-width: 38px !important;
    display: block !important;
    text-align: center !important;
    line-height: 38px !important;
    color: transparent !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .facebook.social {
    left: calc(50% - 75px) !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .instagram.social {
    left: calc(50% - 65px) !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .x.social {
    left: calc(50% - 55px) !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .social a:before {
    content: '' !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    width: 37px !important;
    height: 37px !important;
    display: block !important;
    position: absolute !important;
    z-index: 99999999 !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .facebook.social a:before {
    background-image: url(https://staging2.fishgate.co.za/wisechain/wp-content/uploads/2025/07/Group-4620.svg) !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .instagram.social a:before {
    background-image: url(https://staging2.fishgate.co.za/wisechain/wp-content/uploads/2025/07/Image-18@2x.png) !important;
  }

  .et-db #et-boc .et-l .custom-main-menu #mobile_menu1 .x.social a:before {
    background-image: url(https://staging2.fishgate.co.za/wisechain/wp-content/uploads/2025/07/Group-4622.svg) !important;
  }
}

@media (max-width: 487px) {
  body #mobile_menu1 {
    padding: 20px 20px 60px !important;
  }
}