/*
Theme Name: Belinni Child Theme
Theme URI: https://themeforest.net/user/pixelshow/portfolio
Template: belinni
Author: Pixelshow
Author URI: https://themeforest.net/user/pixelshow
Description: Child theme of Belinni
Version: 1.3.0.1710859291
Updated: 2024-03-19 10:41:31

*/

.atp-menu-top {
    a:hover {
        color: #888787;
        text-decoration: underline;
        transition: right 1s ease;
        
    }

    a {
        color: #000;
        text-decoration: none;
        transition: right 1s ease;
    }

    color: #000;
    margin-top: -15px;


}

.atp-menu-top a:hover::after {
    background-color: rgba(0, 0, 0, 0.1); 
    opacity: 0.7;
}

.header__menu-item {
    font-family: Popins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    letter-spacing: .2em;
    padding: 1.2rem 1.5rem;
    /* color: rgb(var(--color-header-foreground)); */
    transition: right 1s ease;

}

.header__menu-item .label {
    background-color: transparent;
    transition-property: text-decoration-color;
    transition-timing-function: ease;
 
}

.header__menu-item:hover .label {
    text-decoration: underline;
    text-decoration-color: rgba(var(--color-border), 0);
   
}

.mega-menu {
    position: relative;
    display: inline-block;
}

.mega-menu-content {
    display: flex!important;
    position: absolute;
    top: 100%; 
    left: 0; 
    background-color: #f9f9f9;
    width: max-content;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    opacity: 0;  

}

.mega-menu-column {
    flex: 0 0 auto;
    padding: 1em;
    text-align: left;
    white-space: nowrap;
    margin-right: 20px;

}

@media (max-width: 1199px) {
    .mega-menu-column:last-child {
        display: none;
    }
}

.mega-menu-column h3 {
    margin-bottom: 15px;
    font-family: Popins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #888787;
    text-justify: left;

}

.mega-menu-content a {
    color: black;
    text-decoration: none;
    display: block;
    text-justify: left;
    margin-bottom: 15px;
}

.copy-wrapper, footer * {
    border-color: #fff !important;
}