/*
  Theme Name: TWC-Divi-Child-Theme
  Theme URI: https://thewebcompany.digital/
  Version: 1.0.0
  Template: Divi
  Author: Balpreet Saran
  Author URI: https://thewebcompany.digital/
  Text Domain: twc-divi-child-theme
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* make header sticky */
.et_fixed_nav #main-header {
        top:50px !important;
}


/* add background overlay hack when mega menu is opened */
#menu-overlay-wrap {
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #000000;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    opacity: 0;
    display: none;
    transition: 0.3s;
    
}
    
body:has(.mega-toggle-on) {
    #menu-overlay-wrap {
        display: block;
        opacity: 0.3;
        
    }
}

.custom-more-button::after {
    font-family: ETmodules !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    font-size: 32px;
    content: "\35";
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    color: white;
    background-color: #95C768;
    border-radius: 25px;
}   


#main-header {

    
    .et_menu_container {
        height: 80px;
        display: flex;
        justify-content: right;
        align-items: center;
        
        #et-top-navigation {
            padding-top: 0px !important;
        } 
    }
    
    &.et-fixed-header {
        background-color: white !important;
    
        .et_menu_container {
            height: 60px;
        }
    }
}

.training-support-section {
    background :linear-gradient(90deg, rgba(255, 255, 255, 1),
                            rgba(255, 255, 255, 0.3)),
                            url(/wp-content/uploads/2026/01/training-support-bg.png)  center/cover no-repeat !important;

} 

/* top notification style */
.easy-notification-bar  {
    
    .easy-notification-bar-container {
        max-width: 1125px;
        margin: auto;
        
        .easy-notification-bar-message {
            display: flex;
            
            .notification-text-container {
                margin-right: 30px;
                display: flex;
                align-items: center;
                gap:8px;
                
                a {
                    text-decoration: none;
                }
                
            }
        }
    }
}

.woocommerce-cart {
    .cart-collaterals {
        .wc-proceed-to-checkout {
            .checkout-button {
                border-color: #95c768 !important;
                
                &:hover {
                    color: #95c768 !important;
                }
            }
        }
    }
    
    .return-to-shop {
        margin-bottom: 36px;
    }
}

.woocommerce-page button {
    border-color: #95c768 !important;
                
    &:hover {
        color: #95c768 !important;
    }
    
    &:disabled {
        border-color: grey !important;
        
        &:hover {
            color: grey !important;
        }
    }
}

.icon {
    display: inline-block;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: white;   /* icon default color */
}


.icon-phone {
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7915 22.9882C13.9786 22.9882 11.1989 21.8944 9.14227 19.8361L3.14829 13.8469C0.00369108 10.7047 -0.885288 5.87221 0.935793 1.81859C1.39355 0.801044 2.32897 0.124887 3.4402 0.0155092C4.55142 -0.093869 5.5963 0.380109 6.24313 1.28496L7.91495 3.62499C8.57505 4.54973 8.65466 5.78605 8.12061 6.84669C7.47709 8.13271 7.72587 9.68056 8.74754 10.7014L12.2869 14.238C13.3052 15.2555 14.8576 15.5074 16.1446 14.8644C17.2094 14.3308 18.4434 14.4103 19.3689 15.0699L21.714 16.7437C22.6196 17.3901 23.0939 18.4341 22.9845 19.5412C22.875 20.6515 22.2016 21.5862 21.1833 22.0469C19.7802 22.68 18.2808 22.9849 16.7915 22.9849V22.9882ZM3.74869 1.6595C3.70225 1.6595 3.65249 1.65951 3.60274 1.66614C3.08859 1.71586 2.65736 2.0274 2.44838 2.49806C0.909256 5.92855 1.66224 10.0186 4.32254 12.6735L10.3165 18.6628C12.9801 21.3277 17.0734 22.0801 20.5066 20.5355C20.9776 20.3234 21.2894 19.8925 21.3392 19.3788C21.389 18.8683 21.17 18.3877 20.7554 18.0927L18.4102 16.4189C17.9856 16.1173 17.4051 16.0875 16.891 16.346C14.9638 17.3105 12.6451 16.936 11.1193 15.4113L7.57992 11.8748C6.05406 10.3501 5.67923 8.03326 6.6445 6.10754C6.89992 5.5938 6.87338 5.01375 6.57153 4.5895L4.89971 2.24947C4.63103 1.87162 4.20976 1.6595 3.75532 1.6595H3.74869Z' fill='white'/%3E%3Cpath d='M16.0385 12.3255C15.5807 12.3255 15.2092 11.9543 15.2092 11.4969C15.2092 9.45186 13.5441 7.78799 11.4974 7.78799C11.0397 7.78799 10.6681 7.41676 10.6681 6.95936C10.6681 6.50196 11.0397 6.13074 11.4974 6.13074C14.4596 6.13074 16.8678 8.53706 16.8678 11.4969C16.8678 11.9543 16.4963 12.3255 16.0385 12.3255Z' fill='white'/%3E%3Cpath d='M20.3242 12.3255C19.8664 12.3255 19.4949 11.9543 19.4949 11.4969C19.4949 7.08863 15.9058 3.50235 11.4941 3.50235C11.0363 3.50235 10.6648 3.13113 10.6648 2.67373C10.6648 2.21633 11.0363 1.84511 11.4941 1.84511C16.818 1.84511 21.1535 6.17383 21.1535 11.4969C21.1535 11.9543 20.7819 12.3255 20.3242 12.3255Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 23px;
    height: 23px;
    
}

.icon-mail {
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0882 21.0443H1.97289C0.88592 21.0443 0 20.1591 0 19.073V1.97133C0 0.885216 0.88592 0 1.97289 0H25.0882C26.1752 0 27.0611 0.885216 27.0611 1.97133V19.073C27.0611 20.1591 26.1752 21.0443 25.0882 21.0443ZM1.97289 1.56953C1.74984 1.56953 1.57076 1.74846 1.57076 1.97133V19.073C1.57076 19.2958 1.74984 19.4748 1.97289 19.4748H25.0882C25.3112 19.4748 25.4903 19.2958 25.4903 19.073V1.97133C25.4903 1.74846 25.3112 1.56953 25.0882 1.56953H1.97289Z' fill='white'/%3E%3Cpath d='M13.5304 11.6648C12.7105 11.6648 11.8906 11.376 11.2246 10.7984L1.15285 2.122C0.822989 1.83949 0.788429 1.34352 1.07117 1.01391C1.3539 0.684313 1.85027 0.64978 2.18014 0.932296L12.255 9.60868C12.9933 10.249 14.0677 10.2522 14.8091 9.61495L24.8965 0.938575C25.2264 0.656059 25.7228 0.693731 26.0055 1.02019C26.2882 1.3498 26.2505 1.84263 25.9238 2.12828L15.8363 10.8047C15.1703 11.376 14.3535 11.6616 13.5399 11.6616L13.5304 11.6648Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 27px;
    height: 21.5px;
    
}

.icon-pin {
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.18688 11.5021C6.35263 11.5021 4.86264 10.0133 4.86264 8.18048C4.86264 6.34766 6.35263 4.85884 8.18688 4.85884C10.0211 4.85884 11.5111 6.34766 11.5111 8.18048C11.5111 10.0133 10.0211 11.5021 8.18688 11.5021ZM8.18688 6.20255C7.09493 6.20255 6.2074 7.08939 6.2074 8.18048C6.2074 9.27156 7.09493 10.1584 8.18688 10.1584C9.27882 10.1584 10.1664 9.27156 10.1664 8.18048C10.1664 7.08939 9.27882 6.20255 8.18688 6.20255Z' fill='white'/%3E%3Cpath d='M8.18689 21.3273C5.68026 21.3273 0 14.5899 0 8.18047C0 3.671 3.67119 0 8.18689 0C12.7026 0 16.3738 3.66831 16.3738 8.18047C16.3738 14.5899 10.6935 21.3273 8.18689 21.3273ZM8.18689 1.3437C4.4135 1.3437 1.34476 4.41004 1.34476 8.18047C1.34476 14.3911 6.9255 19.9836 8.18689 19.9836C9.44827 19.9836 15.029 14.3911 15.029 8.18047C15.029 4.41004 11.9603 1.3437 8.18689 1.3437Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 21px;

}