/*
Theme Name: Antech 2024
Requires at least: 6.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: antech-2024

*/

:root {

    /* Default Color Scheme */
    --background: var(--white);
    --on-background: var(--indigo);
    --on-overlay: var(--white);
    --overlay: var(--heritage);
    --stroke: var(--light-grey);
    --overlay-stroke: var(--light-grey);
    --overlay-2: var(--lavender);
    --on-overlay-2: var(--indigo);
	
    /* Global Variables */
    --content-size: 800px;
    --wide-size: 1400px;
    --text-color: var(--indigo);
    --background-color: var(--white);
	
    /* Body Typography Body/Large/: Regular */
    --font-family: var(--body-secondary-small-regular-family);
    --font-size: var(--body-secondary-small-regular-size-rem);
    --font-style: var(--body-secondary-small-regular-style);
    --font-weight: var(--body-secondary-small-regular-weight);
    --line-height: var(--body-secondary-small-regular-line-height-rem);

    & strong,
    & b {
        --font-weight: var(--body-secondary-small-bold-weight);
    }

    @media (min-width: 431px) {
        --font-family: var(--body-secondary-large-regular-family);
        --font-size: var(--body-secondary-large-regular-size-rem);
        --font-style: var(--body-secondary-large-regular-style);
        --font-weight: var(--body-secondary-large-regular-weight);
        --line-height: var(--body-secondary-large-regular-line-height-rem);
        
        & strong,
        & b {
            --font-weight: var(--body-secondary-large-bold-weight);
        }
    
    }

}

@font-face {
    font-display: fallback;
    font-family: Portrait;
    font-style: normal;
    font-weight: 400;
    src: url("./assets/fonts/Portrait/Portrait-Regular-Web.woff2") format("woff2");
}

@font-face {
    font-display: fallback;
    font-family: Portrait;
    font-style: normal;
    font-weight: 500;
    src: url("./assets/fonts/Portrait/Portrait-RegularNo2-Web.woff2") format("woff2");
}

@font-face {
    font-display: fallback;
    font-family: Portrait;
    font-style: italic;
    font-weight: 400;
    src: url("./assets/fonts/Portrait/Portrait-RegularItalic-Web.woff2") format("woff2");
}

@font-face {
    font-display: fallback;
    font-family: Portrait;
    font-style: italic;
    font-weight: 500;
    src: url("./assets/fonts/Portrait/Portrait-RegularNo2Italic-Web.woff2") format("woff2");
}

@font-face {
    font-display: fallback;
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 400;
    src: url("./assets/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf") format("truetype");
}

@font-face {
    font-display: fallback;
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 600;
    src: url("./assets/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf") format("truetype");
}

@font-face {
    font-display: fallback;
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 800;
    src: url("./assets/fonts/DM_Sans/DMSans-Italic-VariableFont_opsz,wght.ttf") format("truetype");
}

@font-face {
    font-display: fallback;
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 400;
    src: url("./assets/fonts/DM_Sans/DMSans-Italic-VariableFont_opsz,wght.ttf") format("truetype");
}


/* Cookie Consent Banner */
#consent-banner-modal {
    padding: 0 0 20px !important;
}

#consent-banner-modal h2 {
    line-height: 1.5rem;
    margin: 0;
}

#consent-banner-modal .consent-banner-button {
    border-color: var(--overlay);
    color: var(--overlay);
}

#consent-banner-modal .consent-banner-button[href="#accept"] {
    background-color: var(--overlay);
    border-color: var(--overlay);
    color: #fff;
}

#consent-banner-settings input[type="checkbox"] {
    width: 25px;
}

#consent-banner-settings .consent-banner-button {
    border-color: var(--overlay);
    color: var(--overlay);
}

#consent-banner-settings .consent-banner-button[href="#accept"] {
    background-color: var(--overlay);
    border-color: var(--overlay);
    color: #fff;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    display: none !important;
}

/* Popup Styles */

/* Make the popup fill the viewport */
#pum-29784.pum-theme-default-theme-copy.pum {
    height: 100vh;
    max-height: none;
    max-width: none;
    width: 100vw;
}

/* Mosquito Campaign Styles */
#pum-29784 .pum-content {
    padding: 4rem 2.5rem;
    text-align: center;
}

/* Swarm Layer: sits inside overlay, beneath popup card */
#pum-29784 #mosquito-layer {
    inset: 0;
    overflow: hidden;
    pointer-events: none; /* don't block clicks */
    position: fixed;
    z-index: 1;  /* under popup card, above overlay bg */
}

#pum-29784 #mosquito-swarm {
    inset: 0;
    position: absolute;
}

/* Popup Card */
#popmake-29784 {
    left: 50% !important;
    position: relative;
    transform: translateX(-50%);
    z-index: 2; /* above swarm layer */
}

/* Stationary mosquito inside content */
.mosq-stationary svg {
    height: auto;
    width: 60px;
}

/* Each moving mosquito wrapper */
#mosquito-swarm .mosq {
    position: absolute;
    transform-origin: center;
    will-change: transform;
}

#mosquito-swarm .mosq {
    pointer-events: none;
}

#mosquito-swarm .mosq--far svg {
    will-change: filter, opacity;
}

.pum-theme-29784 .pum-content + button.pum-close,
.pum-theme-default-theme-copy .pum-content + button.pum-close {
    right: 1rem;
    top: 1rem;
    transition: all 0.5s ease;
}

.pum-theme-29784 .pum-content + button.pum-close:hover,
.pum-theme-default-theme-copy .pum-content + button.pum-close:hover {
    background-color: var(--white);
    color: var(--antech-rgb-antech-indigo);
}

.pum-theme-29784 .pum-content + button.pum-close,
.pum-theme-default-theme-copy .pum-content + button.pum-close {
    border-radius: 50%;
    border-width: 2px;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
}

#pum-29784 .pum-content h2 {
    color: white;
    font-size: 2.0625rem;
    font-weight: 400;
    line-height: 1.21212;
    margin: 1.5rem 0 1rem;
}

#pum-29784 .pum-content p {
    background: transparent;
    color: white;
    margin-bottom: 1.5rem;
    text-align: center;
}

#pum-29784 .pum-content > p:last-of-type {
    margin-bottom: 0;
}

#pum-29784 .pum-content > p > a {
    background-color: var(--antech-rgb-antech-teal);
    border: 1px solid var(--antech-rgb-antech-teal);
    border-radius: 100px;
    color: var(--white);
    display: inline-block;
    padding: 1rem 1.5rem;
    transition: all 0.5s ease;
}

#pum-29784 .pum-content > p > a:hover {
    background-color: var(--white);
    color: var(--antech-rgb-antech-teal);
    text-decoration: none;
}

/* Reduced motion: no swarm */
@media (prefers-reduced-motion: reduce) {

    #mosquito-layer {
        display: none;
    }
}

@keyframes mosq-buzz {

    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    20% {
        transform: translate(14px, -10px) rotate(8deg);
    }

    40% {
        transform: translate(-6px, 6px) rotate(-6deg);
    }

    60% {
        transform: translate(12px, 8px) rotate(5deg);
    }

    80% {
        transform: translate(-10px, -6px) rotate(-8deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

@media (min-width: 1024px) {

    #popmake-29784 {
        top: 50% !important;
        transform: none !important;
        transform: translateY(-50%) !important;
    }

    #pum-29784 .pum-content {
        padding: 5rem;
    }

    #pum-29784 .pum-content h2 {
        font-size: 4.3125rem;
    }

    .pum-theme-29784 .pum-content + button.pum-close,
    .pum-theme-default-theme-copy .pum-content + button.pum-close {

        /* padding-left: 1.5rem;
        padding-right: 1.5rem; */
        right: 2.5rem;
        top: 2.5rem;
    }
}