/*
Theme Name:   Kuuloxi
Description:  kuuloxi.fi pohjateema
Author:       Niilo Poutanen, Brand Team Finland Oy
Template:     hello-elementor
Version:      1.0.0
Tags:         kuuloxi, child-theme
Text Domain:  kuuloxi
*/

body.elementor-maintenance-mode header,
body.elementor-maintenance-mode footer {
    display: none;
}


.nomargin,
.nomargin * {
    margin: 0;
}

mark.underline {
    display: inline-block;
    line-height: inherit;
    padding-bottom: 0.1em;
    background: linear-gradient(to top, #9ECF37 40%, transparent 40%);
}

.elementor-menu-cart__main {
    border-radius: 10px;
    right: 40px;
    bottom: 20px;
    top: 20px;
}

.woocommerce-message {
    background-color: white;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

body.admin-bar .elementor-menu-cart__main {
    top: 45px;
}

body.admin-bar #ylatunniste {
    margin-top: 32px !important;
}

#ylatunniste .ylatunniste-content {
    transition: background 0.2s ease, border-radius 0.2s ease, padding 0.2s ease;
}

#ylatunniste nav[data-layout="dropdown"] .e-n-menu-wrapper {
    width: var(--content-width);
    left: 0;
    right: 0;
    top: 57px;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
}

body.admin-bar #ylatunniste nav[data-layout="dropdown"] .e-n-menu-wrapper {
    top: 89px;
}

@media screen and (max-width: 767px) {
    #ylatunniste nav[data-layout="dropdown"] .e-n-menu-wrapper {
        width: calc(100vw - 20px);
    }
}

@media screen and (max-width: 1200px) {
    #ylatunniste nav[data-layout="dropdown"] .e-n-menu-content.e-active {
        width: 100%;
        background: white;
    }
}

#ylatunniste .ylatunniste-content:has(.e-active),
#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .ylatunniste-content {
    border-radius: 17px 17px 0 0 !important;
}

#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .e-n-menu-wrapper {
    border-radius: 0 0 17px 17px !important;
}

body.scrolling .ylatunniste-content,
#ylatunniste:has(.e-n-menu-content.e-active) .ylatunniste-content,
#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .ylatunniste-content {
    background-color: white !important;
    padding: 10px 20px;
    box-shadow: 0 0 10px #00000020;

}

#ylatunniste .logo .black {
    display: none;
}

body.scrolling #ylatunniste .logo .black,
#ylatunniste:has(.e-n-menu-content.e-active) .logo .black,
body:has(.no-hero-image) #ylatunniste .logo .black,
#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .logo .black {
    display: block !important;
}

body.scrolling #ylatunniste .logo .white,
#ylatunniste:has(.e-n-menu-content.e-active) .logo .white,
body:has(.no-hero-image) #ylatunniste .logo .white,
#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .logo .white {
    display: none;
}

body.scrolling .e-n-menu-item span,
#ylatunniste:has(.e-n-menu-content.e-active) .e-n-menu-item span,
body:has(.no-hero-image) #ylatunniste .e-n-menu-item span,
#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .e-n-menu-item span {
    color: black !important;
}

body.scrolling .e-n-menu-item svg,
#ylatunniste:has(.e-n-menu-content.e-active) .e-n-menu-item svg,
body:has(.no-hero-image) #ylatunniste .e-n-menu-item svg,
#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .e-n-menu-item svg,

body.scrolling .e-n-menu-toggle svg,
#ylatunniste:has(.e-n-menu-content.e-active) .e-n-menu-togglesvg,
body:has(.no-hero-image) #ylatunniste .e-n-menu-toggle svg,
#ylatunniste:has(.e-n-menu-toggle[aria-expanded="true"]) .e-n-menu-toggle svg {
    fill: black !important;
}




.termsfeed-com---palette-light .cc-nb-okagree,
.termsfeed-com---palette-light .cc-nb-reject {
    background-color: #9ECF37 !important;
    color: black !important;
}

.cc-nb-main-container {
    padding: 25px !important;
}

.termsfeed-com---nb-simple {
    font-family: "Aptos", "Arial", sans-serif !important;
    border-radius: 15px !important;
    background-color: white !important;
    right: 20px !important;
    bottom: 20px !important;
    filter: drop-shadow(0 0 10px #00000040);
}