@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");
@import url("page-template.css");
/* ==========================================
   Chody Navigation Suite
   navigation.css v3.1 — SueBird Global Nav
========================================== */

:root{
    --cns-purple:#4a246a;
    --cns-gold:#d4af37;
    --cns-cream:#fffaf0;
}

/* ==========================================
   HEADER
========================================== */

.cns-navigation,
.cns-navigation *{
    box-sizing:border-box;
}

.cns-navigation{
    position:relative;
    z-index:9998;

    display:grid;
    grid-template-columns:minmax(300px,1fr) auto minmax(180px,1fr);
    align-items:center;

    width:calc(100% - 56px);
    max-width:1400px;
    min-height:64px;

    margin:18px auto 26px;
    padding:4px 30px;

    /* Floating frosted-glass treatment */
    background:rgba(255,255,255,.50);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    /* No visible gold border */
    border:none;

    border-radius:26px;

    box-shadow:
        0 14px 36px rgba(0,0,0,.18),
        0 4px 12px rgba(0,0,0,.08);
}

.cns-logo{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
}

.cns-logo-link{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    text-decoration:none;
}

.cns-header-logo{
    display:block;
    width:auto;
    height:56px;
    max-width:100%;
    object-fit:contain;
}

.cns-nav{
    justify-self:center;
}

.cns-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
    margin:0;
    padding:0;
    list-style:none;
}

.cns-menu li{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
}

.cns-menu li::before,
.cns-menu li::after{
    display:none !important;
    content:none !important;
}

.cns-menu a{
    position:relative;
    display:block;
    padding:12px 0;
    color:var(--cns-purple);
    font-size:16px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:.3px;
    text-decoration:none;
    white-space:nowrap;
    transition:color .25s ease,text-shadow .25s ease;
}

.cns-menu a::before{
    display:none !important;
    content:none !important;
}

.cns-menu a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:5px;
    width:0;
    height:2px;
    background:var(--cns-gold);
    border-radius:2px;
    transform:translateX(-50%);
    transition:width .25s ease;
}

.cns-menu a:hover,
.cns-menu a:focus-visible,
.cns-menu .current-menu-item>a,
.cns-menu .current_page_item>a,
.cns-menu .current-menu-ancestor>a{
    color:var(--cns-purple);
    text-shadow:
        0 0 6px rgba(212,175,55,.50),
        0 0 12px rgba(212,175,55,.25);
}

.cns-menu a:hover::after,
.cns-menu a:focus-visible::after,
.cns-menu .current-menu-item>a::after,
.cns-menu .current_page_item>a::after,
.cns-menu .current-menu-ancestor>a::after{
    width:100%;
}

/* ==========================================
   HEADER ACTIONS / SEARCH
========================================== */

.cns-header-actions{
    justify-self:end;
    display:flex;
    align-items:center;
}

.cns-search-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:48px;
    margin-left:10px;
    color:var(--cns-purple);
    text-decoration:none;
    border-radius:50%;
    transition:color .25s ease,transform .25s ease,text-shadow .25s ease;
}

.cns-search-button::before{
    content:"";
    position:absolute;
    left:-8px;
    top:8px;
    bottom:8px;
    width:1px;
    background:rgba(74,36,106,.22);
}

.cns-search-button:hover,
.cns-search-button:focus-visible{
    color:var(--cns-gold);
    transform:translateY(-1px);
    filter:drop-shadow(0 0 5px rgba(212,175,55,.35));
}

.cns-search-button svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}

.cns-menu-toggle{
    display:none;
    width:48px;
    height:48px;
    padding:11px;
    border:1px solid rgba(212,175,55,.65);
    border-radius:14px;
    background:rgba(255,250,240,.72);
    color:var(--cns-purple);
    cursor:pointer;
}

.cns-menu-toggle span{
    display:block;
    width:24px;
    height:2px;
    margin:5px auto;
    background:currentColor;
    border-radius:2px;
    transition:transform .25s ease,opacity .2s ease;
}

.cns-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.cns-menu-toggle.is-open span:nth-child(2){
    opacity:0;
}

.cns-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

/* ==========================================
   DROPDOWN FOUNDATION
========================================== */

.cns-menu .sub-menu{
    position:absolute;
    top:calc(100% + 10px);
    left:50%;
    z-index:9999;
    min-width:260px;
    margin:0;
    padding:12px;
    list-style:none;
    background:var(--cns-cream);
    border:1px solid var(--cns-gold);
    border-radius:18px;
    box-shadow:0 14px 32px rgba(0,0,0,.14);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}

.cns-menu .sub-menu::before{
    content:"";
    position:absolute;
    top:-7px;
    left:50%;
    width:12px;
    height:12px;
    background:var(--cns-cream);
    border-left:1px solid var(--cns-gold);
    border-top:1px solid var(--cns-gold);
    transform:translateX(-50%) rotate(45deg);
}

.cns-menu li:hover>.sub-menu,
.cns-menu li:focus-within>.sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

.cns-menu .sub-menu a{
    padding:11px 14px;
    border-radius:10px;
}

.cns-menu .sub-menu a::after{
    display:none;
}

.cns-menu .sub-menu a:hover,
.cns-menu .sub-menu a:focus-visible{
    background:rgba(212,175,55,.10);
}

/* ==========================================
   BACK TO TOP
========================================== */

.cns-back-to-top{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9997;
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    padding:0;
    border:1px solid var(--cns-gold);
    border-radius:50%;
    background:rgba(255,250,240,.94);
    color:var(--cns-gold);
    box-shadow:
        0 8px 22px rgba(0,0,0,.14),
        0 0 12px rgba(212,175,55,.16);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    cursor:pointer;
    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}

.cns-back-to-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.cns-back-to-top:hover,
.cns-back-to-top:focus-visible{
    background:var(--cns-purple);
    color:var(--cns-gold);
    transform:translateY(-2px);
}

.cns-back-to-top svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ==========================================
   RESPONSIVE HEADER
   ========================================== */

/* Tablet / smaller desktop */
@media (max-width:1280px) and (min-width:1051px){
    .cns-navigation{
        width:calc(100% - 28px);
        grid-template-columns:minmax(190px,1fr) auto minmax(110px,1fr);
        padding-left:20px;
        padding-right:20px;
    }

    .cns-header-logo{
        height:100px;
    }

    .cns-menu{
        gap:24px;
    }

    .cns-menu a{
        font-size:16px;
    }
}

/* Phone + portrait tablet: identical hamburger behavior */
@media (max-width:1050px){

    .cns-navigation{
        position:absolute !important;
        top:18px !important;
        left:50% !important;
        right:auto !important;
        transform:translateX(-50%) !important;

        display:grid !important;
        grid-template-columns:1fr auto !important;
        grid-template-rows:auto auto !important;

        width:calc(100% - 28px) !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:8px 20px !important;

        overflow:visible !important;
        z-index:99999 !important;
    }

    .cns-header-logo{
        height:85px !important;
        max-width:100% !important;
        object-fit:contain !important;
    }

    .cns-header-actions{
        grid-column:2 !important;
        grid-row:1 !important;
        gap:10px !important;
        align-self:center !important;
    }

    .cns-menu-toggle{
        display:block !important;
    }

    .cns-nav{
        grid-column:1 / -1 !important;
        grid-row:2 !important;
        justify-self:stretch !important;

        display:block !important;
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
        transition:none !important;
    }

    .cns-nav:not(.is-open){
        display:none !important;
    }

    .cns-nav.is-open{
        display:block !important;
        margin-top:8px !important;
        padding:10px 12px 12px !important;

        background:#F7F0E2 !important;
        border-radius:16px !important;
        box-shadow:0 10px 25px rgba(0,0,0,.15) !important;

        overflow:visible !important;
    }

    .cns-nav > .cns-menu,
    .cns-nav.is-open > .cns-menu{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:0 !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
    }

    .cns-nav.is-open .cns-menu > li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:center !important;
    }

    .cns-nav.is-open .cns-menu > li > a{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        padding:10px 8px !important;
        text-align:center !important;
        color:#4A246A !important;
        text-shadow:none !important;
    }

    /* Mobile/tablet submenus */
    .cns-nav.is-open .cns-menu .sub-menu{
        position:static !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:4px 0 8px !important;
        padding:8px !important;

        box-sizing:border-box !important;
        text-align:center !important;

        opacity:1 !important;
        visibility:visible !important;

        background:#F7F0E2 !important;
        border:1px solid rgba(212,175,55,.35) !important;
        border-radius:12px !important;
        box-shadow:none !important;
    }

    .cns-nav.is-open .cns-menu .sub-menu::before{
        display:none !important;
    }

    .cns-nav.is-open .cns-menu .sub-menu li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:center !important;
    }

    .cns-nav.is-open .cns-menu .sub-menu a{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        padding:9px 8px !important;
        text-align:center !important;
        color:#4A246A !important;
    }

    .cns-nav.is-open .cns-menu > li > a:hover,
    .cns-nav.is-open .cns-menu > li > a:focus,
    .cns-nav.is-open .cns-menu > li.current-menu-item > a,
    .cns-nav.is-open .cns-menu .sub-menu a:hover,
    .cns-nav.is-open .cns-menu .sub-menu a:focus{
        color:#B08A24 !important;
    }
}

/* Small phones */
@media (max-width:600px){
    .cns-navigation{
        top:10px !important;
        width:calc(100% - 20px) !important;
        padding:8px 12px !important;
        border-radius:20px !important;
    }

    .cns-header-logo{
        height:78px !important;
        max-width:min(58vw,240px) !important;
    }

    .cns-search-button{
        width:42px !important;
        height:42px !important;
        margin-left:0 !important;
    }

    .cns-menu-toggle{
        width:44px !important;
        height:44px !important;
        padding:9px !important;
    }
}

/* =========================================================
   CHODY.COM — FINAL HEADER OVERRIDES
   Cleaned / consolidated
   ========================================================= */

/* Desktop interior pages — floating frosted navigation */
@media (min-width:1051px){

    html body .cns-navigation{
        position:absolute !important;
        top:18px !important;
        left:28px !important;
        right:28px !important;
        width:auto !important;

        height:64px !important;
        min-height:64px !important;
        max-height:64px !important;

        margin:0 !important;
        padding:0 30px !important;
        z-index:99999 !important;

        background:rgba(255,255,255,.50) !important;
        backdrop-filter:blur(16px) !important;
        -webkit-backdrop-filter:blur(16px) !important;

        border:none !important;
        border-radius:26px !important;

        box-shadow:
            0 14px 36px rgba(0,0,0,.18),
            0 4px 12px rgba(0,0,0,.08) !important;
    }

    html body .cns-navigation .cns-logo,
    html body .cns-navigation .cns-logo-link{
        height:64px !important;
        align-items:center !important;
    }

    html body .cns-header-logo{
        height:90px !important;
        max-height:90px !important;
        width:auto !important;
        object-fit:contain !important;
    }

    html body .cns-navigation .cns-menu{
        height:64px !important;
        align-items:center !important;
    }
}

/* WordPress admin bar */
@media (min-width:1051px){
    html body.admin-bar .cns-navigation{
        top:50px !important;
    }
}

Cleaned / consolidated
   ========================================================= */

/* Desktop interior pages — floating frosted navigation */
@media (min-width:1051px){

    html body .cns-navigation{
        position:absolute !important;
        top:18px !important;
        left:28px !important;
        right:28px !important;
        width:auto !important;

        height:64px !important;
        min-height:64px !important;
        max-height:64px !important;

        margin:0 !important;
        padding:0 30px !important;
        z-index:99999 !important;

        background:rgba(255,255,255,.50) !important;
        backdrop-filter:blur(16px) !important;
        -webkit-backdrop-filter:blur(16px) !important;

        border:none !important;
        border-radius:26px !important;

        box-shadow:
            0 14px 36px rgba(0,0,0,.18),
            0 4px 12px rgba(0,0,0,.08) !important;
    }

    html body .cns-navigation .cns-logo,
    html body .cns-navigation .cns-logo-link{
        height:64px !important;
        align-items:center !important;
    }

    /* Locked-in desktop Suebird logo size */
    html body .cns-header-logo{
        height:90px !important;
        max-height:90px !important;
        width:auto !important;
        object-fit:contain !important;
    }

    html body .cns-navigation .cns-menu{
        height:64px !important;
        align-items:center !important;
    }
}

/* WordPress admin bar */
@media (min-width:1051px){
    html body.admin-bar .cns-navigation{
        top:50px !important;
    }
}

/* =========================================================
   MOBILE / TABLET — CLEAN HAMBURGER MENU
   ========================================================= */

@media (max-width:1050px){

    html body .cns-navigation{
        position:absolute !important;
        top:18px !important;
        left:50% !important;
        right:auto !important;
        transform:translateX(-50%) !important;

        display:grid !important;
        grid-template-columns:1fr auto !important;
        grid-template-rows:auto auto !important;

        width:calc(100% - 28px) !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:8px 20px !important;

        overflow:visible !important;
        z-index:99999 !important;
    }

    html body .cns-header-logo{
        height:85px !important;
        max-width:100% !important;
        object-fit:contain !important;
    }

    html body .cns-header-actions{
        grid-column:2 !important;
        grid-row:1 !important;
        align-self:center !important;
    }

    html body .cns-menu-toggle{
        display:block !important;
    }

    html body .cns-nav{
        grid-column:1 / -1 !important;
        grid-row:2 !important;
        justify-self:stretch !important;

        display:block !important;
        width:100% !important;

        /* No clipping: the full menu can open */
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;

        transition:none !important;
    }

    /* Closed state: JS hides the menu with this class */
    html body .cns-nav:not(.is-open){
        display:none !important;
    }

    /* Open menu */
    html body .cns-nav.is-open{
        display:block !important;
        margin-top:8px !important;
        padding:10px 12px 12px !important;

        background:#F7F0E2 !important;
        border-radius:16px !important;
        box-shadow:0 10px 25px rgba(0,0,0,.15) !important;

        overflow:visible !important;
    }

    html body .cns-nav > .cns-menu,
    html body .cns-nav.is-open > .cns-menu{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:0 !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }

    html body .cns-nav.is-open .cns-menu > li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:center !important;
    }

    html body .cns-nav.is-open .cns-menu > li > a{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;

        padding:10px 8px !important;
        text-align:center !important;

        color:#4A246A !important;
        text-shadow:none !important;
    }

    /* Mobile submenus stay inside the cream panel */
    html body .cns-nav.is-open .cns-menu .sub-menu{
        position:static !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:4px 0 8px !important;
        padding:8px !important;

        box-sizing:border-box !important;
        text-align:center !important;

        opacity:1 !important;
        visibility:visible !important;

        background:#F7F0E2 !important;
        border:1px solid rgba(212,175,55,.35) !important;
        border-radius:12px !important;
        box-shadow:none !important;
    }

    html body .cns-nav.is-open .cns-menu .sub-menu::before{
        display:none !important;
    }

    html body .cns-nav.is-open .cns-menu .sub-menu li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:center !important;
    }

    html body .cns-nav.is-open .cns-menu .sub-menu a{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;

        padding:9px 8px !important;
        text-align:center !important;
        color:#4A246A !important;
    }

    html body .cns-nav.is-open .cns-menu > li > a:hover,
    html body .cns-nav.is-open .cns-menu > li > a:focus,
    html body .cns-nav.is-open .cns-menu > li.current-menu-item > a,
    html body .cns-nav.is-open .cns-menu .sub-menu a:hover,
    html body .cns-nav.is-open .cns-menu .sub-menu a:focus{
        color:#B08A24 !important;
    }
}

/* Small phones */
@media (max-width:600px){

    html body .cns-navigation{
        top:10px !important;
        width:calc(100% - 20px) !important;
        padding:8px 12px !important;
        border-radius:20px !important;
    }

    html body .cns-header-logo{
        height:78px !important;
        max-width:min(58vw,240px) !important;
    }

    html body .cns-search-button{
        width:42px !important;
        height:42px !important;
        margin-left:0 !important;
    }

    html body .cns-menu-toggle{
        width:44px !important;
        height:44px !important;
        padding:9px !important;
    }
}


/* =========================================================
   SUEBIRD — GLOBAL DESKTOP NAV TYPOGRAPHY
   Applies the finished Great Vibes navigation style site-wide
   ========================================================= */

@media (min-width:1051px){

    html body .cns-navigation .cns-menu > li > a{
        font-family:'Great Vibes', cursive !important;
        font-size:40px !important;
        font-weight:400 !important;
        line-height:1.15 !important;
        -webkit-text-stroke:0.35px currentColor !important;
    }

    html body .cns-navigation .cns-menu .sub-menu a{
        font-family:'Great Vibes', cursive !important;
        font-size:20px !important;
        font-weight:400 !important;
        line-height:1.3 !important;
    }
}
/* =========================================================
   CHODY.COM — FOOTER FINAL OVERRIDE
   ========================================================= */

html body footer.cns-footer{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    color:#4A246A !important;
}

html body footer.cns-footer .cns-footer-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    max-width:1400px !important;
    margin:0 auto !important;
    padding:28px 30px 24px !important;
}

html body footer.cns-footer .cns-footer-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

html body footer.cns-footer .cns-footer-menu li{
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
}

html body footer.cns-footer .cns-footer-menu li:not(:last-child)::after{
    content:"\25C6" !important;
    color:#d4af37 !important;
    font-size:8px !important;
    margin:0 10px !important;
}

html body footer.cns-footer .cns-footer-menu li a{
    display:inline-block !important;
    font-family:"Great Vibes", cursive !important;
    font-size:24px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    color:#4A246A !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    transition:color .25s ease,text-shadow .25s ease !important;
}

html body footer.cns-footer .cns-footer-menu li a:hover,
html body footer.cns-footer .cns-footer-menu li a:focus-visible{
    color:#d4af37 !important;
    text-shadow:0 0 8px rgba(212,175,55,.35) !important;
}

html body footer.cns-footer .cns-footer-copy{
    display:block !important;
    margin-left:auto !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    color:#4A246A !important;
    white-space:nowrap !important;
}

@media (max-width:1100px){
    html body footer.cns-footer .cns-footer-inner{
        display:grid !important;
        grid-template-columns:1fr !important;
        row-gap:14px !important;
        text-align:center !important;
    }

    html body footer.cns-footer .cns-footer-nav,
    html body footer.cns-footer .cns-footer-copy,
    html body footer.cns-footer .cns-footer-social{
        justify-self:center !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    html body footer.cns-footer .cns-footer-menu{
        justify-content:center !important;
        flex-wrap:wrap !important;
    }
}
/* =========================================================
   AQUARIUMS PAGE 518 — MOBILE/TABLET NAV TYPOGRAPHY
   ========================================================= */

@media (max-width:1050px){

    body.page-id-518 .cns-navigation .cns-menu > li > a{
        font-family:"Great Vibes", cursive !important;
        font-size:30px !important;
        font-weight:400 !important;
        line-height:1.2 !important;
    }

    body.page-id-518 .cns-navigation .cns-menu .sub-menu a{
        font-family:"Great Vibes", cursive !important;
        font-size:24px !important;
        font-weight:400 !important;
        line-height:1.3 !important;
    }

}
/* =========================================================
   SUEBIRD FOOTER — CLEAN FINAL GEM + DIVIDER
   Test version
   ========================================================= */

html body footer.cns-footer .cns-footer-top-band{
    position:relative !important;
    height:46px !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-bottom:2px solid #d6ad2f !important;
    margin:0 !important;
    padding:0 !important;
}

html body footer.cns-footer .cns-footer-gem{
    position:absolute !important;
    left:50% !important;
    bottom:-16px !important;
    top:auto !important;
    transform:translateX(-50%) !important;
    width:32px !important;
    height:32px !important;
    z-index:10 !important;
}

html body footer.cns-footer .cns-footer-gem-image{
    display:block !important;
    width:32px !important;
    height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:contain !important;
}

/* =========================================================
   SUEBIRD — CENTER THE CHODY TRANSPARENT NAV PILL
   ========================================================= */

@media (min-width: 1051px) {

    html body .cns-navigation {
        position: absolute !important;

        top: 18px !important;

        left: 50% !important;
        right: auto !important;

        width: 86% !important;
        max-width: 1400px !important;

        height: 64px !important;
        min-height: 64px !important;

        transform: translateX(-50%) !important;

        display: grid !important;
        align-items: center !important;

        box-sizing: border-box !important;

        background: rgba(255, 255, 255, 0.50) !important;

        border-radius: 32px !important;

        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }
}