/**
*  Theme settings
*
*/


/* Fonts include here */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/* Fonts end */



/**
*   HEADER
*/

.wp-site-blocks > header, .site-header {
    position: fixed;
    display: grid;
    align-content: center;
    min-height: 12rem;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    margin-bottom: -1.6rem;
    z-index: 100;
    transition: min-height 0.5s ease-in-out;
}
.scrolled {
    min-height: 0 !important;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 13px 35px -12px rgba(35,35,35,0.1);
}
.wp-site-blocks > footer {
    position: relative;
    margin-top: 4rem;
    z-index: 1;
}

/* MAIN MENU */
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
    background-color: white !important;
}
.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {

}
.wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    gap: 2rem;
    justify-content: center;
}
.wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > li > a
 {
    font-size: var(--wp--preset--font-size--x-large) !important;
}
/* SITE LOGO */
header .wp-block-site-logo img {
    max-width: 40vw;
    min-width: 12rem;
}

/* Site navigation */
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    fill: white;
    display: block;
    height: 4rem;
    pointer-events: none;
    width: 4rem;
    background-color: var(--wp--preset--color--secondary);
    border-radius: 0.7rem;
}



/* LAYOUT */
:where(h1, h2, h3, h4, h5, h6, p) {
    text-wrap: balance;
}

.wp-block-separator.is-style-default {
    display: inline-block;
}


/** special classes */
.w100 {
    width: 100%;
}
.w-100 {
    width: 100% !important;
}

.h100 {
    height: 100%;
}

.m0 {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}
.mt--2 {
    margin-top: -2rem !important;
}
.mt--4 {
    margin-top: -4rem !important;
}
.mb--2 {
    margin-bottom: -2rem !important;
}
.mb--4 {
    margin-bottom: -4rem !important;
}
.zindex0 {
    z-index: 0;
}
.zindex1 {
    z-index: 1;
}
.zindex2 {
    z-index: 2;
}
.absolute {
    position: absolute !important;
}
.relative {
    position: relative;
}
.grid {
    display: grid;
}
.left {
    left: 0;
}
.right {
    right: 0;
}
.top {
    top: 0;
}

.hidden {
    display: none !important;
}

.d-hidden {
    display: none !important;
}

.shadow-product {
    filter: drop-shadow(0.5rem 0.7rem 1rem #00000044);
}
.zoom-product {
    transition: transform 0.5s ease-in-out;
}
.zoom-product:hover {
    transform: scale(1.07);
}
@media(max-width: 599px) {
    .d-hidden {
        display: revert !important;
    }

    .m-hidden {
        display: none !important;
    }

    .m-reverse {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .m-justify-center.m-justify-center {
        justify-content: center;
    }
}

.relative {
    position: relative;
}

.inline-block {
    display: inline-block;
}

.ratio-1-1 {
    aspect-ratio: 1 / 1;
}

.text-nowrap {
    white-space: nowrap;
}

/* custom styles */
.shapes {
    position: absolute;

}
.animate-down {
    animation-duration: 1200ms;
    animation: down 4s forwards ease;
}
@keyframes down {
    0% {
        transform: translateY(-100px);
    }
    100% {
        transform: translateY(0px);
    }
}
.animate-left {
    animation-duration: 1200ms;
    animation: left 3s forwards ease;
}
@keyframes left {
    0% {
        transform: translateX(100px);
    }
    100% {
        transform: translateX(0px);
    }
}
.theme-menu-four:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 220px;
    height: 220px;
    left: -5rem;
    top: -9rem;
    background: #FFFFFF;
    box-shadow: 6px 73px 62px rgba(0, 12, 119, 0.03);
    z-index: -1;
}
.hero-banner-five:before {
    content: '';
    position: absolute;
    position: absolute;
    width: 1056px;
    height: 1056px;
    right: -305px;
    top: -385px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 6px 73px 62px rgba(0, 12, 119, 0.03);
}
.dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(133, 75, 255, 0.5);
    animation: jump-three 3s infinite linear;
}

.illustration-holder .shape-one {
    top: 25%;
    left: 3%;
    width: 9.71%;
    animation: jump-two 4s infinite linear;
}
.illustration-holder .shape-two {
    top: 16%;
    right: 7%;
    width: 11.73%;
    animation-delay: 2s;
    animation: jump-three 4s infinite linear;
}
.illustration-holder .shape-three {
    top: 13%;
    left: 20.5%;
    width: 14.63%;
    z-index: 1;
}
.illustration-holder .shape-four {
    bottom: 5.5%;
    left: 2.8%;
    width: 32.3%;
}
.illustration-holder .shape-five {
    bottom: 11.9%;
    right: 16.5%;
    width: 11.61%;
    animation-delay: 1000ms;
    animation: jump-three 4s infinite linear;
}
.rotated {
    animation: rotated 20s infinite linear;
}
@keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.jump-three {
    animation: jump-three 3s infinite linear;
}
@keyframes jump-two {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes jump-three {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* from */
.wpcf7-form p {

}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
    font-size: inherit;
    padding: 0.7em 0.5em;
    width: 96%;
    border: 1px solid lightgray;
    border-radius: 0.5rem;
}
.wpcf7-form-control.wpcf7-textarea {
    height: 10rem;
}
.wpcf7-form-control.wpcf7-submit {
    background-color: var(--wp--preset--color--secondary);
    border-color:  var(--wp--preset--color--secondary);
    border-radius: var(--button--border-radius);
}

/* login */
.login-username, .login-password,
.swpm-form-row {
    font-size: inherit;
    font-family: inherit;
    display: flex;
    flex-direction: column;
}
.login-username input, .login-password input, 
#swpm-login-form input[type="text"],
#swpm-login-form input[type="password"],
#swpm-login-form textarea,
#swpm-pw-reset-form input[type="text"],
#swpm-pw-reset-form input[type="password"],
.swpm-form-row input,
.swpm-form-row select {
    font-size: inherit;
    font-family: inherit;
    padding: 0.7em 0.5em;
}
.login-submit input[type="submit"],
.swpm-login-submit input[type="submit"],
.swpm-form-row button[type="submit"],
#swpm-pw-reset-form button[type="submit"],
#swpm-pw-reset-form input[type="submit"] {
    background-color: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
    color: white !important;
    font-size: inherit;
    font-family: inherit;
    padding: var(--button--padding-block) var(--button--padding-inline);
    border-width: var(--button--border-size);
    width: max-content;
}
.login-remember {
    display: none;
}

/* custom login link */
.swpm_mini_login_label,
.swpm_mini_login_username,
.swpm_mini_login_profile,
.swpm_mini_login_no_membership,
.swpm_mini_login_join_now,
.swpm_mini_login_login_here {
    display: none;
}
.swpm_mini_login_logout {
    visibility: hidden;
}
.swpm_mini_login_logout a {
    visibility: visible;
}