/*
 Theme Name:   MOYOD
 Template:     generatepress
 Version:      0.1
*/

body {
    background-color: #FCFCF2;
}

.site.grid-container.container {
    width: 100%;
    max-width: 100%;
}

.site-header {
    z-index: 100;
    position: fixed;
    top: 0;
    background: transparent !important;
    width: 100%;
}

.inside-header {
    padding: 15px 30px;
}

.site-header .inside-header {
    background: #5355C9;
    border-radius: 50px;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.main-navigation .main-nav>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 619px;
    justify-content: space-between;
}

.main-navigation .main-nav ul li a {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 60px;
}

.menu-button {
    width: 270px;
    background: #FF5402;
    border-radius: 25px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    line-height: 18px;
}

.menu-button:hover {
    background: var(--pink-softy);
}

.menu-button a {
    line-height: 50px !important;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a.active {
    text-decoration: underline;
}

.menu-button:hover a,
.menu-button:hover a:hover {
    color: var(--blue-ish) !important;
    text-decoration: none !important;
}

.hero-text h1 {
    text-shadow: 0px 4px 5.5px rgba(33, 26, 57, 0.36);
    ;
}


h1,
h2 {
    font-family: scale-variable;
    font-weight: 800;
    letter-spacing: -1%;
    line-height: 100%;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 200 900;
    font-stretch: expanded;
    font-variation-settings: "wdth" 120, "wght" 900;
}

.footer-menu ul {
    gap: 36px !important;
}

.site-footer a {
    font-weight: bold;
}

.site-footer a:hover {
    text-decoration: underline;
}

.gb-accordion__toggle-icon-open {
    background: url(https://moyod.wpenginepowered.com/wp-content/uploads/2025/08/Group-2181-2.png);
    height: 20px;
    background-repeat: no-repeat;
    width: 20px;
    background-size: contain;
    display: block;
}

.gb-accordion__toggle-icon-open svg,
.gb-accordion__toggle-icon-close svg {
    display: none;
}

.gb-accordion__toggle-icon-close {
    background: url(https://moyod.wpenginepowered.com/wp-content/uploads/2025/08/Group-2181-1.png);
    height: 20px;
    background-repeat: no-repeat;
    width: 20px;
    background-size: contain;
    display: block;
}

.swiper-pagination-bullet-active {
    background: #5355C9 !important;
    width: 11px !important;
    height: 11px !important;
}

.swiper-pagination-bullet.cb-pagination-bullet {
    background: #5355C9 !important;
    width: 11px !important;
    height: 11px !important;
}

.swiper-pagination-bullets {
    bottom: -41px !important;
    gap: 1px;
}

.cb-slide.swiper-slide {
    opacity: .5;
}

.swiper-slide.swiper-slide-next {
    opacity: 1;
}

.home-slider .swiper {
    overflow: visible !important;

}

.site-footer {
    position: relative;
}

.cb-pagination .swiper-pagination-bullet:last-child,
.cb-pagination .swiper-pagination-bullet:nth-last-child(2),
.cb-pagination .swiper-pagination-bullet:nth-last-child(3) {
    display: none !important;
}


@media screen and (max-width: 1440px) {
    .home-slider .swiper {
        overflow: hidden !important;

    }
}

@media screen and (max-width: 1024px) {

    .page-template-default,
    .error404 {
        max-width: 375px;
        margin: auto;
    }

    .error404 .site-content {
        padding: 0 !important;
    }

    .site-header {
        position: sticky;
        top: 0;
        background: transparent !important;
        width: 100%;
    }

    .site-header .inside-header {
        margin-top: 0px;
        border-radius: 0px;
    }

    .swiper-pagination-bullets {
        bottom: -56px !important;
    }

    .footer-menu ul {
        gap: 18px 31px !important;
    }

    .menu.sf-menu {
        background: #5355C9 !important;
        width: 100% !important;
    }

    .inside-header {
        padding: 0;
    }

    .close-search .icon-search svg:nth-child(2),
    .toggled .icon-menu-bars svg:nth-child(2) {
        display: block;
        background: url(https://moyod.wpenginepowered.com/wp-content/uploads/2025/08/Group-1.png) no-repeat;
        width: 21px;
        height: 21px;
        background-size: cover;
    }

    .gp-icon svg {
        display: block;
        background: url(https://moyod.wpenginepowered.com/wp-content/uploads/2025/08/Mobile-Menu-Nav-2.png) no-repeat;
        width: 31px;
        height: 25px;
        fill: transparent;
        background-size: cover;
    }

    .has-inline-mobile-toggle .site-logo {
        padding: 15px 27px;
    }

    .menu-toggle {
        padding: 0 30px;
    }

    .both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav>ul {
        padding-top: 5px;
    }

    .main-navigation.toggled .main-nav li {
        width: 100%;
        text-align: left;
        padding-left: 26px;
        padding-right: 26px;
    }

    .main-navigation .main-nav ul li a {
        border-bottom: 1px solid #CFFF78;
    }

    /* Remove border from the 3rd item */
    .main-navigation .main-nav ul li:nth-child(3) a {
        border-bottom: none;
    }

    .main-navigation .main-nav ul li a {
        padding-left: 0px;
        padding-right: 10px;
        line-height: 70px;
    }

    .toggled .menu-button {
        width: 249px !important;
        margin-left: 26px;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .toggled .menu-button a {
        font-size: 16px;
        border: none !important;
    }

    .home-slider .swiper-wrapper .swiper-slide:first-child {
        display: none !important;
    }

    .home-slider .swiper-wrapper .swiper-slide:last-child {
        display: none !important;
    }

    .home-slider .swiper-wrapper .swiper-slide:nth-last-child(2) {
        display: none !important;
    }

    .mobile-menu-control-wrapper .menu-toggle {
        background-color: transparent;
    }

    .site-footer .wp-block-navigation-item__label {
        font-size: 16px !important;
    }
}

.back-to-top:hover img.normal {
    display: none;
}


.back-to-top:hover img.hover {
    display: block !important;
}

@media (max-width: 1024px) {
    #exit-modal>div h2 {
        font-size: 32px;
        max-width: 59vw;
        margin: auto;
    }
}

#exit-modal #exit-continue {
    text-transform: capitalize;
}



@media screen and (max-width: 1024px) and (min-width:600px) {

    .page-template-default,
    .error404 {
        max-width: 375px;
    }
}

@media screen and (max-width: 1024px) and (min-width:600px) {

    .page-template-default,
    .error404 {
        max-width: 375px !important;
    }
}

@media screen and (max-width:599px) {

    .page-template-default,
    .error404 {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 1024px) {
    .both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav>ul {
        margin-top: -1px;
    }
}

div#exit-modal>div {
    flex-direction: column;
    gap: 30px;
    padding: 45px 0;
}

div#menopur-modal>div {
    max-width: 824px;
}

.sf3-carousel--mobile .sf3-carousel__slide:first-child h3.slide-title {
    /* background: red; */
    /* width: 60px; */
    margin: 0 auto;
    display: block;
    min-width: 200px;
}

@media(max-width:1024px) {
    div#menopur-modal>div {

        padding: 20px 0 30px;
        min-width: 200px;
        width: 340px;
    }
}