/*
Theme Name: maison-ric
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical-fly-out > li > a, .dark .nav-vertical > li > ul li a, .dark .nav > li.html, .dark .nav > li > a, .nav-dark .is-outline, .nav-dark .nav > li > a, .nav-dark .nav > li > button, .nav-dropdown.dark .nav-column > li > a, .nav-dropdown.dark > li > a {
    color: #fff;
}

/* 10 -> 22px */
/* 16.9 -> 28px*/
/* 14.9 -> 26px*/
/* 12,11.9 -> 24px*/
/* 11.5 -> 23px */


.button {
    font-weight: 500;
}

.underline {
    text-decoration: underline;
}

.button.is-link:before {
    position: absolute;
    height: 1px;
    width: 0;
    bottom: 8px;
    right: 0;
    background: var(--fs-color-secondary);
    content: "";
    display: block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.button.is-link:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.button.is-link:hover {
    color: var(--fs-color-secondary);
}

* {
    line-height: 1.4 !important;
}

p:has(.wn-video) {
    margin-bottom: 0;
}

#footer .ux-menu-link__link {
    padding: 0;
    min-height: auto;
}

#footer .ux-logo-link {
    padding: 0 !important;
}

#footer form {
    margin-bottom: 0;
}

.wpcf7-spinner {
    display: none !important;
}

.niche-perfumery .box-text.text-center {
    padding-top: 33px;
    padding-left: 0;
    padding-right: 0;
}

.niche-perfumery .dropcap-first {
    font-size: 49px;
    color: var(--fs-color-secondary);
    float: left;
    line-height: normal !important;
    padding-right: 24px;
}

#footer .newsletter-form input[type=email] {
    border-radius: 0;
    height: auto;

    border: none;
    box-shadow: inset 0 0 0 1px #000;
    line-height: normal;

}

#footer .newsletter-form input[type=email]:focus {
}

#footer .newsletter-form input[type=submit] {
    text-transform: none;
    min-height: auto;
    line-height: normal;
    border: none;
    font-weight: 500;

}


/* Mobile-first (min-width) */
@media (width >= 40rem) {
    /* sm: styles */
    #footer a {
        font-size: 1.25rem;
    }
}

@media (width >= 48rem) {
    /* md: styles */
}

@media (width >= 64rem) {
    /* lg: styles */
    #footer .col.medium-6.large-2 {
        padding-left: 0;
    }


    #footer .newsletter-form input[type=submit], #footer .newsletter-form input[type=email] {
        font-size: 23px;
        padding: .75rem 1.25rem;

    }

    #footer .newsletter-form input[type=email] {
        padding-left: 3rem;
        max-width: 26.25rem;
    }


    #footer .newsletter-form input[type=submit] {
        min-width: 13.75rem;
        margin-right: 0;
    }

    .wn-video {
        display: block;
    }

    /*.wn-video {*/
    /*    height: 100vh;*/
    /*    object-fit: cover;*/
    /*    overflow: auto;*/
    /*    width: 100%;*/
    /*}*/
    #header .nav-spacing-xlarge > li {
        margin: 0 2.5rem;
    }

    #header .header-nav-main {
        justify-content: center;
    }

    .hightlight-vertical-text {
        font-size: 4.125rem;
        line-height: 6rem;
    }

    .technology-material-section h3 {
        font-size: 1.5rem;

    }

    .technology-material-section h2 {
        font-weight: 400;

    }

    .about-us-section h2 {
        color: #000;
        font-size: 1.75rem;
    }

    .about-us-section .overlay {
        background-image: linear-gradient(to bottom, transparent 75%, rgba(255, 255, 255, 0.7));
    }

    .about-us-section .box-overlay.dark .box-text {
        text-shadow: none;
    }

    .text-overlay-section img {
        width: 50%;
        right: 0;
        left: auto;
    }


}

@media (width >= 80rem) {
    /* xl: styles */

}

@media (width >= 96rem) {
    /* 2xl: styles */
}

/* Desktop-first (max-width) */
@media (width < 40rem) {
    /* max-sm: styles */
}

@media (width < 48rem) {
    /* max-md: styles */


}

@media (width < 64rem) {
    /* max-lg: styles */
    #footer .ux-logo {
        display: block;
        margin: 0 auto;
    }
}

@media (width < 80rem) {
    /* max-xl: styles */
}

@media (width < 96rem) {
    /* max-2xl: styles */
}