/* @import url('//fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

body {
    --primary-color-rgb: 128, 50, 50;
    --secondary-color-rgb: 200, 190, 166;
    --default-white-rgb: 255, 255, 255;
    --default-black-rgb: 0, 0, 0;
    --tertiary-color-rgb: 0, 128, 128; /* Added a placeholder tertiary color as it was used in the original CSS without declaration */
    --alert-red-rgb: 234, 54, 54; /* RGB for #EA3636 */

    --primary-color: rgba(var(--primary-color-rgb), 1);
    --secondary-color: rgba(var(--secondary-color-rgb), 1);
    --default-white: rgba(var(--default-white-rgb), 1);
    --default-black: rgba(var(--default-black-rgb), 1);
    --tertiary-color: rgba(var(--tertiary-color-rgb), 1);
    --alert-red: rgba(var(--alert-red-rgb), 1);

    --transparent: rgba(var(--default-white-rgb), 0);
    --default-box-shadow: 0px 0px 10px rgba(var(--default-black-rgb), .5);

    /*****NAVIGATION*****/
    --navigation-menu-box-shadow: var(--default-box-shadow);
    --navigation-menu-item-padding: min(0.75vw, 10.8px) min(1vw, 14.4px);
    --navigation-toplevel-menu-item-padding: var(--navigation-menu-item-padding);
    --navigation-sublevel-menu-item-padding: var(--navigation-menu-item-padding);
    --navigation-menu-item-font-family: var(--body-font-family);
    --navigation-menu-item-font-size: min(1.25vw, 18px);
    --navigation-menu-item-text-transform: none;
    --navigation-menu-item-variant-caps: normal;
    --navigation-menu-item-font-weight: 700;
    --navigation-menu-item-line-height: 1;
    --navigation-menu-item-letter-spacing: 1px;
    --navigation-toplevel-menu-item-font-family: var(--navigation-menu-item-font-family);
    --navigation-toplevel-menu-item-font-size: var(--navigation-menu-item-font-size);
    --navigation-toplevel-menu-item-text-transform: var(--navigation-menu-item-text-transform);
    --navigation-toplevel-menu-item-variant-caps: var(--navigation-menu-item-variant-caps);
    --navigation-toplevel-menu-item-font-weight: var(--navigation-menu-item-font-weight);
    --navigation-toplevel-menu-item-line-height: var(--navigation-menu-item-line-height);
    --navigation-toplevel-menu-item-letter-spacing: var(--navigation-menu-item-letter-spacing);
    --navigation-sublevel-menu-item-font-family: var(--navigation-menu-item-font-family);
    --navigation-sublevel-menu-item-font-size: var(--navigation-menu-item-font-size);
    --navigation-sublevel-menu-item-text-transform: var(--navigation-menu-item-text-transform);
    --navigation-sublevel-menu-item-variant-caps: var(--navigation-menu-item-variant-caps);
    --navigation-sublevel-menu-item-font-weight: var(--navigation-menu-item-font-weight);
    --navigation-sublevel-menu-item-line-height: var(--navigation-menu-item-line-height);
    --navigation-sublevel-menu-item-letter-spacing: var(--navigation-menu-item-letter-spacing);
    --navigation-social-item-gap: min(1.5vw, 21.6px);
    --navigation-social-item-flex-direction: row;
    --navigation-social-item-align-items: center;
    --navigation-social-item-justify-content: center;
    --navigation-social-item-font-size: clamp(1.25rem, 2vw, 28.8px);
    --navigation-social-item-color: var(--secondary-color);
    --navigation-social-item-color-hover: var(--tertiary-color);
    --navigation-mobile-toplinks-padding: 1rem;
    --navigation-floating-social-bg: var(--primary-color);
    --navigation-floating-social-top: 0;
    --navigation-floating-social-right: 0;
    --navigation-floating-social-bottom: unset;
    --navigation-floating-social-left: unset;
    --navigation-floating-social-padding: min(0.5vw, 7.2px) min(2vw, 28.8px);
    --navigation-floating-social-margin: 0;
    --navigation-floating-social-border-radius: 0 0 0 1rem;
    --navigation-floating-social-flex-direction: row;
    --navigation-floating-social-items-gap: min(1vw, 14.4px);
    --navigation-floating-social-items-color: var(--default-white);
    --navigation-floating-social-items-color-hover: var(--tertiary-color);
    --navigation-floating-social-items-font-size: min(2vw, 32px);
    --navigation-floating-social-items-transform-hover: none;
    --navigation-floating-social-bg-mobile: var(--navigation-floating-social-bg);
    --navigation-floating-social-padding-mobile: .5rem 2rem;
    --navigation-floating-social-margin-mobile: 0;
    --navigation-floating-social-border-radius-mobile: 10% / 50%;
    --navigation-floating-social-flex-direction-mobile: row;
    --navigation-floating-social-items-gap-mobile: 1rem;
    --navigation-floating-social-items-color-mobile: var(--navigation-floating-social-items-color);
    --navigation-floating-social-items-color-hover-mobile: var(--navigation-floating-social-items-color-hover);
    --navigation-floating-social-items-font-size-mobile: 7vw;
    --navigation-floating-social-items-transform-hover-mobile: none;
    --navigation-menu-width: 90%;
    --navigation-floating-menu-border-radius: 1rem;
    --navigation-floating-social-box-flex-direction: row;
    --navigation-floating-social-box-gap: min(1vw, 14.4px);
    --navigation-floating-social-box-justify-content: flex-end;
    --navigation-floating-social-box-align-items: center;
    --navigation-floating-social-search-box-border: var(--navigation-floating-social-search-box-border-width) var(--navigation-floating-social-search-box-border-style) var(--navigation-floating-social-search-box-border-color);
    --navigation-floating-social-search-box-border-width: 2px;
    --navigation-floating-social-search-box-border-style: solid;
    --navigation-floating-social-search-box-border-color: var(--default-white-rgb);
    --navigation-floating-social-search-box-text-color: var(--default-white);
    --navigation-floating-social-search-box-bg: transparent;
    --navigation-floating-social-search-box-padding: min(0.5vw, 7.2px);
    --navigation-floating-social-search-box-padding-mobile: .5rem;

    --sh-circle-icon-negative-margin: max(-5vw, -72px);


    /*****Toplinks*****/
    --ql-toplinks-gap: min(1vw, 14.4px);
    --ql-toplinks-item-flex-direction: column;
    --ql-toplinks-item-justify-content: flex-start;
    --ql-toplinks-item-align-items: center;
    --ql-toplinks-item-gap: min(1vw, 14.4px);
    --ql-toplinks-item-background-rgb: var(--default-white-rgb);
    --ql-toplinks-item-background-opacity: 0;
    --ql-toplinks-item-background: rgba(var(--ql-toplinks-item-background-rgb), var(--ql-toplinks-item-background-opacity));
    --ql-toplinks-item-background-hover-rgb: var(--secondary-color-rgb);
    --ql-toplinks-item-background-hover-opacity: .8;
    --ql-toplinks-item-background-hover: rgba(var(--ql-toplinks-item-background-hover-rgb), var(--ql-toplinks-item-background-hover-opacity));
    --ql-toplinks-item-border-radius: 0;
    --ql-toplinks-item-border: none;
    --ql-toplinks-item-padding: min(1vw, 14.4px) 0;
    --ql-toplinks-item-transition-time: .3s;
    --ql-toplinks-item-transition-timing-function: ease-in-out;
    --ql-toplinks-item-transition-property: all;
    --ql-toplinks-item-transition: var(--ql-toplinks-item-transition-property) var(--ql-toplinks-item-transition-time) var(--ql-toplinks-item-transition-timing-function);
    --ql-toplinks-item-box-shadow: none;
    --ql-toplinks-item-box-shadow-hover: var(--ql-toplinks-item-box-shadow);
    --ql-toplinks-item-hover-transform: none;
    --ql-toplinks-icon-color: var(--ql-toplinks-title-color);
    --ql-toplinks-icon-color-hover: var(--ql-toplinks-title-color-hover);
    --ql-toplinks-icon-font-size: calc(var(--ql-toplinks-title-font-size) * 1.5);
    --ql-toplinks-icon-line-height: 1;
    --ql-toplinks-icon-font-weight: 900;
    --ql-toplinks-title-color: var(--default-white);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-font-size: min(1.5vw, 21.6px);
    --ql-toplinks-title-line-height: 1;
    --ql-toplinks-title-font-weight: 400;
    --ql-toplinks-title-text-transform: none;
    --ql-toplinks-title-variant-caps: normal;
    --ql-toplinks-title-text-decoration: none;
    --ql-toplinks-title-text-align: center;
    --ql-toplinks-gap-mobile: 1rem;
    --ql-toplinks-item-flex-direction-mobile: column;
    --ql-toplinks-item-justify-content-mobile: flex-start;
    --ql-toplinks-item-align-items-mobile: center;
    --ql-toplinks-item-gap-mobile: var(--ql-toplinks-gap-mobile);
    --ql-toplinks-item-background-rgb-mobile: var(--default-white-rgb);
    --ql-toplinks-item-background-opacity-mobile: 0;
    --ql-toplinks-item-background-mobile: rgba(var(--ql-toplinks-item-background-rgb-mobile), var(--ql-toplinks-item-background-opacity-mobile));
    --ql-toplinks-item-background-hover-rgb-mobile: var(--secondary-color-rgb);
    --ql-toplinks-item-background-hover-opacity-mobile: .8;
    --ql-toplinks-item-background-hover-mobile: rgba(var(--ql-toplinks-item-background-hover-rgb-mobile), var(--ql-toplinks-item-background-hover-opacity-mobile));
    --ql-toplinks-item-border-radius-mobile: 5px;
    --ql-toplinks-item-border-mobile: none;
    --ql-toplinks-item-padding-mobile: 1rem 0;
    --ql-toplinks-item-transition-time-mobile: .3s;
    --ql-toplinks-item-transition-timing-function-mobile: ease-in-out;
    --ql-toplinks-item-transition-property-mobile: all;
    --ql-toplinks-item-transition-mobile: var(--ql-toplinks-item-transition-property-mobile) var(--ql-toplinks-item-transition-time-mobile) var(--ql-toplinks-item-transition-timing-function-mobile);
    --ql-toplinks-item-box-shadow-mobile: none;
    --ql-toplinks-item-box-shadow-hover-mobile: var(--ql-toplinks-item-box-shadow-mobile);
    --ql-toplinks-item-hover-transform-mobile: none;
    --ql-toplinks-icon-color-mobile: var(--ql-toplinks-title-color-mobile);
    --ql-toplinks-icon-color-hover-mobile: var(--ql-toplinks-title-color-hover-mobile);
    --ql-toplinks-icon-font-size-mobile: calc(var(--ql-toplinks-title-font-size-mobile) * 1.5);
    --ql-toplinks-icon-line-height-mobile: 1;
    --ql-toplinks-icon-font-weight-mobile: 900;
    --ql-toplinks-title-color-mobile: var(--default-white);
    --ql-toplinks-title-color-hover-mobile: var(--default-white);
    --ql-toplinks-title-font-size-mobile: 4vw;
    --ql-toplinks-title-line-height-mobile: 1;
    --ql-toplinks-title-font-weight-mobile: 400;
    --ql-toplinks-title-text-transform-mobile: none;
    --ql-toplinks-title-variant-caps-mobile: normal;
    --ql-toplinks-title-text-decoration-mobile: none;
    --ql-toplinks-title-text-align-mobile: center;
}

body {
    --main-menu-bg: var(--default-white);
    --main-menu-bg-color: transparent;
    --main-menu-sub-bg: rgba(var(--primary-color-rgb), .95);
    --main-menu-sub-bg-color: transparent;
    --main-menu-sub-bg-hover: var(--secondary-color);
    --main-menu-text-color: var(--primary-color);
    --main-menu-text-color-hover: var(--primary-color);
    --main-menu-sub-text-color: var(--default-white);
    --main-menu-sub-text-color-hover: var(--default-white);
}

#g-navigation > .g-container > .g-grid:has(.g-main-nav) {
    background: var(--main-menu-bg);
}

#g-navigation .g-main-nav {
    background: var(--main-menu-bg-color);
}

#g-navigation ul.g-dropdown {
    background: var(--main-menu-sub-bg);
    min-width: min(18vw, 200px);
}

#g-navigation .g-main-nav .g-toplevel>li>.g-menu-item-container {
    color: var(--main-menu-text-color);
}

#g-navigation .g-main-nav .g-toplevel>li.active>.g-menu-item-container {
    color: var(--main-menu-text-color);
}

#g-navigation .g-main-nav .g-toplevel>li:hover>.g-menu-item-container {
    color: var(--main-menu-text-color-hover);
}

#g-navigation.center-of-attention .g-main-nav .g-toplevel>li:hover>.g-menu-item-container, #g-navigation.center-of-attention .g-main-nav .g-toplevel>li.active>.g-menu-item-container  {
    color: var(--main-menu-text-color);
    border-bottom: 3px solid var(--main-menu-text-color);
}

#g-navigation .g-main-nav .g-toplevel>li.active>.g-menu-item-container {
    color: var(--main-menu-text-color);
}

#g-navigation.crawl-space .g-main-nav .g-toplevel>li:hover:not(.g-menu-item-type-particle)>.g-menu-item-container, #g-navigation.crawl-space .g-main-nav .g-toplevel>li.active:not(.g-menu-item-type-particle)>.g-menu-item-container{
    border-bottom: 3px solid var(--main-menu-text-color);
    margin: min(0.5vw, 8px) 0;
}

#g-navigation .g-main-nav .g-sublevel>li.active>.g-menu-item-container {
    color: var(--main-menu-sub-text-color);
    background: var(--main-menu-sub-bg-color);
}
#g-navigation .g-main-nav .g-sublevel>li.active:hover>.g-menu-item-container {
    background: var(--main-menu-sub-bg-hover);
    color: var(--main-menu-sub-text-color-hover);
}

body:has(.hover-craft) {
    --navigation-floating-social-right: min(4vw, 57.6px);
    --navigation-floating-social-border-radius: 0 0 1rem 1rem;
    --navigation-menu-item-padding: min(1.25vw, 18px) min(1vw, 14.4px);
}

body:has(.rooftop-bar) {
    --navigation-floating-social-border-radius: 0;
}

body:has(.space-hog) {
    --navigation-floating-social-top: 0;
    --navigation-floating-social-bottom: min(3vw, 43.2px);
    --navigation-floating-social-flex-direction: column;
    --navigation-floating-social-padding: min(1vw, 14.4px);
    --navigation-floating-social-border-radius: 1rem 0 0 1rem;
}

body:has(.on-the-grid) {
    --navigation-floating-social-top: 0;
    --navigation-floating-social-bottom: min(3vw, 43.2px);
    --navigation-floating-social-flex-direction: column;
    --navigation-floating-social-padding: min(1vw, 14.4px);
    --navigation-floating-social-border-radius: 1rem 0 0 1rem;
}

body:has(.crawl-space) {
    --navigation-floating-social-border-radius: 0;
}

#site-grid.herotitlepage #g-mainbar > .g-grid > .g-block > .g-content {
    margin: 0;
    padding: 0;
}

#g-top.modern-alert-padding {
    background: var(--primary-color);
}

.hidden-menu-social-icons .g-main-nav > .g-toplevel > li:has(.g-social-items) {
    display: none !important;
}

@media only screen and (min-width: 50.99rem) {
    .modern-alert-padding {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        padding-left: min(min(2vw, 28.8px), 28.8px) !important;
        padding-right: min(min(2vw, 28.8px), 28.8px) !important;
    }

    .modern-alert {
        margin: 0;
        padding: 0;
    }

    .modern-alert > .g-content {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .modern-alert .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        border: 3px solid var(--default-white);
        border-radius: 1rem;
        position: relative;
        transition: .3s all ease-in-out;
        background: rgba(var(--default-white-rgb), 0);
    }

    .modern-alert .g-content-array > .g-grid:hover {
        transform: scale(1.015);
        background: rgba(var(--default-white-rgb), .15);
        backdrop-filter: blur(4px);
    }

    .modern-alert .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-radius: 1rem;
    }

    .modern-alert .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        position: relative;
    }

    .modern-alert .g-array-alert-popup {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        background: var(--alert-red);
        padding: 1rem;
    }

    .modern-alert .g-array-item {
        margin: 0;
        padding: 1rem;
    }

    .modern-alert .g-array-item :is(h1, h2, h3, h4, h5, h6, p, a) {
        color: var(--default-white);
    }

    .modern-alert .g-array-item :is(h1, h2, h3, h4, h5, h6) {
        text-transform: uppercase;
        border-bottom: 2px solid var(--default-white);
        font-size: min(min(2vw, 28.8px), 28.8px);
        margin-bottom: min(min(1vw, 14.4px), 14.4px);
    }

    .modern-alert .g-array-item p {
        font-size: min(min(1.25vw, 18px), 18px);
    }

    .modern-alert .g-array-item-title {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-item-title {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-item-title a {
        margin: 0;
        padding: 0;
        pointer-events: none;
    }

    .modern-alert .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-array-item-read-more {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        pointer-events: none;
    }

    .modern-alert .g-array-item-read-more a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .modern-alert .g-array-alert-icon {
        font-size: min(4vw, 57.6px);
    }

    .modern-alert .g-array-alert-icon > .fas {
        border-radius: 50%;
        border: 3px solid var(--default-white);
        background: var(--default-white);
        color: var(--alert-red);
    }

    .modern-alert .g-array-alert-title h1 {
        margin: 0;
        padding: 0;
        font-size: min(3vw, 43.2px);
        text-transform: uppercase;
        font-family: var(--title-font-family);
        line-height: min(2.5vw, 36px);
        color: var(--default-white);
    }

    .modern-alert .alert-close {
        font-size: 2.5rem;
        line-height: 2.5rem;
        height: 2.75rem;
        width: 2.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        /*border: 3px solid var(--primary-color);*/
        border-radius: 50%;
        background: var(--primary-color);
        transition: .3s all ease-in-out;
    }

    .modern-alert .alert-close:hover {
        transform: scale(1.1);
    }

    .modern-alert .alert-close .fas {
        /*border: 3px solid var(--primary-color);*/
        border-radius: 50%;
        font-size: 2.5rem;
        line-height: 2.5rem;
        color: var(--default-white);
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-top.modern-alert-padding {
        padding: 5rem 5% 2rem 5% !important;
    }

    .modern-alert-padding {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .modern-alert {
        margin: 0;
        padding: 0;
    }

    .modern-alert > .g-content {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .modern-alert .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        border: 3px solid var(--default-white);
        border-radius: 1rem;
        position: relative;
        transition: .3s all ease-in-out;
    }

    .modern-alert .g-content-array > .g-grid:hover {
        transform: scale(.95);
    }

    .modern-alert .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-radius: 1rem;
    }

    .modern-alert .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        position: relative;
    }

    .modern-alert .g-array-alert-popup {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        background: var(--alert-red);
        padding: 1rem;
    }

    .modern-alert .g-array-item {
        margin: 0;
        padding: 1rem;
    }

    .modern-alert .g-array-item :is(h1, h2, h3, h4, h5, h6, p, a) {
        color: var(--default-white);
    }

    .modern-alert .g-array-item :is(h1, h2, h3, h4, h5, h6) {
        text-transform: uppercase;
        border-bottom: 2px solid var(--default-white);
        font-size: 6vw;
        margin-bottom: min(1vw, 14.4px);
    }

    .modern-alert .g-array-item p {
        font-size: 3.25vw;
    }

    .modern-alert .g-array-item-title {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-item-title {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-item-title a {
        margin: 0;
        padding: 0;
        pointer-events: none;
    }

    .modern-alert .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .modern-alert .g-array-item-read-more {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        pointer-events: none;
    }

    .modern-alert .g-array-item-read-more a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .modern-alert .g-array-alert-icon {
        font-size: 4vw;
    }

    .modern-alert .g-array-alert-icon > .fas {
        border-radius: 50%;
        border: 3px solid var(--default-white);
        background: var(--default-white);
        color: var(--alert-red);
    }

    .modern-alert .g-array-alert-title {
        display: none !important;
    }

    .modern-alert .g-array-alert-title h1 {
        margin: 0;
        padding: 0;
        font-size: min(3vw, 43.2px);
        text-transform: uppercase;
        font-family: var(--title-font-family);
        line-height: min(2.5vw, 36px);
        color: var(--default-white);
    }

    .modern-alert .alert-close {
        font-size: 2.5rem;
        line-height: 2.5rem;
        height: 2.75rem;
        width: 2.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        /*border: 3px solid var(--primary-color);*/
        border-radius: 50%;
        background: var(--primary-color);
        transition: .3s all ease-in-out;
    }

    .modern-alert .alert-close:hover {
        transform: scale(1.1);
    }

    .modern-alert .alert-close .fas {
        /*border: 3px solid var(--primary-color);*/
        border-radius: 50%;
        font-size: 2.5rem;
        line-height: 2.5rem;
        color: var(--default-white);
    }
}

.ole-faithful.stock {
    --section-navigation-bg: var(--primary-color);

    --main-menu-bg-color: var(--default-white);
    --main-menu-text-color: var(--primary-color);
    --main-menu-text-color-hover: var(--primary-color);
    --main-menu-sub-bg: rgba(var(--primary-color-rgb),.95);
    --main-menu-sub-bg-hover: var(--secondary-color);

    --navigation-social-item-color: var(--primary-color);
    --navigation-social-item-color-hover: var(--secondary-color);
    --navigation-menu-box-shadow: none;

    --ql-toplinks-title-color: var(--default-white);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-color-mobile: var(--default-white);
    --ql-toplinks-item-background: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-background-mobile: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover-mobile: rgba(var(--secondary-color-rgb), .8);

    --navigation-floating-social-bg: var(--secondary-color);
    --navigation-floating-social-search-box-border: 2px solid var(--default-white);
    --navigation-floating-social-items-color: var(--default-white);
    --navigation-floating-social-items-color-hover: var(--primary-color);
}

@media only screen and (min-width: 50.99rem) {
    .ole-faithful .g-logo img {
        width: 100% !important;
    }

    .ole-faithful > .g-container > .g-grid:has(.ql-toplinks-studius) {
        padding: min(1vw, 14.4px) min(2vw, 28.8px) !important;
    }

    .ole-faithful {
        position: relative;
        z-index: 100;
    }

    .ole-faithful > .g-container > .g-grid:has(.g-main-nav) {
        box-shadow: var(--navigation-menu-box-shadow);
    }

    .ole-faithful .g-main-nav .g-toplevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .ole-faithful .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .ole-faithful .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .ole-faithful .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .ole-faithful .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .ole-faithful .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .ole-faithful > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .ole-faithful > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color)!important;
        font-size: var(--navigation-social-item-font-size);
    }

    .ole-faithful > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(.ole-faithful, .free-menu, .hover-craft, .rooftop-bar, .space-hog, .top-gun, .center-of-attention, .on-the-grid, .crawl-space, .icecream-sammy) .g-logo {
        max-width: 65% !important;
        margin: 2rem auto;
    }

    :is(.ole-faithful, .free-menu, .hover-craft, .rooftop-bar, .space-hog, .top-gun, .center-of-attention, .on-the-grid, .crawl-space, .icecream-sammy) > .g-container > .g-grid:has(.ql-toplinks-studius) > .ql-toplinks-studius {
        padding: var(--navigation-mobile-toplinks-padding);
    }

    #g-offcanvas {
        border: 2px solid var(--default-white);
        margin: 0 !important;
        padding: 0 !important;
    }

    #g-offcanvas > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }

    #g-offcanvas #g-mobilemenu-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel {
        display: flex;
        flex-direction: column;
        padding: 1rem .5rem 0 .5rem !important;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li:not(li:last-child) {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(var(--default-white-rgb), .5);
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container {
        margin: 0;
        padding: .5rem 1rem;
        display: flex;
        flex-direction: row;
        gap: .5rem;
        justify-content: space-between;
        align-items: center;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container:hover .g-menu-parent-indicator {
        background: var(--default-white);
        color: var(--primary-color) !important;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container:hover .g-menu-parent-indicator:after {
        color: var(--primary-color) !important;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-parent-indicator {
        position: relative;
        vertical-align: unset;
        text-align: unset;
        right: unset;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 50%;
        height: 1.5rem;
        width: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-parent-indicator:after {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content > .g-menu-item-title {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-size: 4vw;
        font-weight: 400;
        letter-spacing: normal;
        text-transform: none;
        font-variant-caps: normal;
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel>li:hover,
    #g-offcanvas #g-mobilemenu-container .g-toplevel>li.active {
        background: rgba(var(--default-white-rgb), .25);
    }

    #g-offcanvas #g-mobilemenu-container .g-toplevel>li:hover>.g-menu-item-container>.g-menu-item-content,
    #g-offcanvas #g-mobilemenu-container .g-toplevel>li.active>.g-menu-item-container>.g-menu-item-content {
        color: var(--default-white);
    }


    #g-offcanvas #g-mobilemenu-container .g-sublevel {
        display: flex;
        flex-direction: column;
        padding: 1rem .5rem 0 .5rem !important;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(var(--default-white-rgb), .5);
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container {
        margin: 0;
        padding: .5rem 1rem;
        display: flex;
        flex-direction: row;
        gap: .5rem;
        justify-content: space-between;
        align-items: center;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container:hover .g-menu-parent-indicator {
        background: var(--default-white);
        color: var(--primary-color) !important;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container:hover .g-menu-parent-indicator:after {
        color: var(--primary-color) !important;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-parent-indicator {
        position: relative;
        vertical-align: unset;
        text-align: unset;
        right: unset;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 50%;
        height: 1.5rem;
        width: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-parent-indicator:after {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-item-content > .g-menu-item-title {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-size: 4vw;
        font-weight: 400;
        letter-spacing: normal;
        text-transform: none;
        font-variant-caps: normal;
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel>li:hover,
    #g-offcanvas #g-mobilemenu-container .g-sublevel>li.active {
        background: rgba(var(--default-white-rgb), .25);
    }

    #g-offcanvas #g-mobilemenu-container .g-sublevel>li:hover>.g-menu-item-container>.g-menu-item-content,
    #g-offcanvas #g-mobilemenu-container .g-sublevel>li.active>.g-menu-item-container>.g-menu-item-content {
        color: var(--default-white);
    }

    #g-offcanvas .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        align-items: center;
        justify-content: center;
    }

    #g-offcanvas .g-social-items a {
        color: var(--default-white);
        font-size: 7vw;
    }

    #g-offcanvas .g-social-items a:hover {
        color: var(--tertiary-color);
    }

    .g-offcanvas-open body:has(.ole-faithful, .free-menu, .hover-craft, .rooftop-bar, .space-hog, .top-gun, .center-of-attention, .on-the-grid, .crawl-space, .icecream-sammy) .g-offcanvas-toggle {
        left: 0;
        padding-left: 20px;
        padding-right: 15px;
        border-top-right-radius: 1rem 50%;
        border-bottom-right-radius: 1rem 50%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 60px;
    }

    .g-offcanvas-open body:has(.ole-faithful, .free-menu, .hover-craft, .rooftop-bar, .space-hog, .top-gun, .center-of-attention, .on-the-grid, .crawl-space, .icecream-sammy) .g-offcanvas-toggle > i:before {
        content: '\f00d';
    }

    :is(.free-menu, .hover-craft, .space-hog, .on-the-grid, .rooftop-bar, .crawl-space, .icecream-sammy) > .g-container > .g-grid:has(.nav-social-icons) .nav-social-icons {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem 0 !important;
    }

    :is(.free-menu, .hover-craft, .space-hog, .on-the-grid, .rooftop-bar, .crawl-space, .icecream-sammy) > .g-container > .g-grid:has(.nav-social-icons) .nav-social-icons > .g-content {
        background: var(--navigation-floating-social-bg-mobile);
        padding: var(--navigation-floating-social-padding-mobile);
        margin: var(--navigation-floating-social-margin-mobile);
        border-radius: var(--navigation-floating-social-border-radius-mobile);
    }

    :is(.free-menu, .hover-craft, .space-hog, .on-the-grid, .rooftop-bar, .crawl-space, .icecream-sammy) > .g-container > .g-grid:has(.nav-social-icons) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-floating-social-flex-direction-mobile);
        gap: var(--navigation-floating-social-items-gap-mobile);
    }

    :is(.free-menu, .hover-craft, .space-hog, .on-the-grid, .rooftop-bar, .crawl-space, .icecream-sammy) > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a {
        pointer-events: all !important;
        color: var(--navigation-floating-social-items-color-mobile) !important;
        font-size: var(--navigation-floating-social-items-font-size-mobile);
    }

    :is(.free-menu, .hover-craft, .space-hog, .on-the-grid, .rooftop-bar, .crawl-space, .icecream-sammy) > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a:hover {
        color: var(--navigation-floating-social-items-color-hover-mobile) !important;
        transform: var(--navigation-floating-social-items-transform-hover-mobile);
    }

    :is(.rooftop-bar, .crawl-space) > .g-container > .g-grid:has(.g-search) > .g-block:has(.g-search) {
        padding: 1rem !important;
    }

    :is(.rooftop-bar, .crawl-space) .search-box form {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    :is(.rooftop-bar, .crawl-space) .search-box form:before {
        display: none !important;
    }

    :is(.rooftop-bar, .crawl-space) .search-box form > input[type="text"] {
        border: var(--navigation-floating-social-search-box-border) !important;
        border-radius: .5rem;
        padding: var(--navigation-floating-social-search-box-padding-mobile);
        font-size: 4vw;
        font-family: var(--body-font-family);
        color: var(--navigation-floating-social-search-box-text-color);
        background: var(--navigation-floating-social-search-box-bg);
        box-sizing: border-box;
        -webkit-appearance: none;
        appearance: none;
    }

    :is(.rooftop-bar, .crawl-space) .search-box form > input::placeholder {
        color: var(--navigation-floating-social-search-box-text-color);
    }

    :is(.rooftop-bar, .crawl-space) > .g-container > .g-grid:has(.g-search) > .g-block.search-box {
        order: 1;
    }

    :is(.rooftop-bar, .crawl-space) > .g-container > .g-grid:has(.g-search) > .g-block.ql-toplinks-studius {
        order: 3;
    }

    :is(.rooftop-bar, .crawl-space) > .g-container > .g-grid:has(.g-search) > .g-block.nav-social-icons {
        order: 2;
    }

    .center-of-attention > .g-container > .g-grid:has(.ql-toplinks-studius) > .g-block:has(.ql-toplinks-studius) {
        display: none !important;
    }

    body:has(.center-of-attention) #g-offcanvas .ql-toplinks-studius {
        padding: 1rem;
        --ql-toplinks-item-padding-mobile: 1rem;
        --ql-toplinks-item-flex-direction-mobile: row;
        --ql-toplinks-item-align-items-mobile: center;
        --ql-toplinks-item-justify-content-mobile: flex-start;
        --ql-toplinks-item-border-radius-mobile: 1rem;
        --ql-toplinks-item-border-mobile: 2px solid var(--default-white);
        --ql-toplinks-title-font-size-mobile: 5vw;
    }

    body:not(:has(.center-of-attention)) #g-offcanvas > .g-grid:has(.ql-toplinks-studius) {
        display: none !important;
    }
}

.free-menu.stock {
    --section-navigation-bg: var(--primary-color);

    --main-menu-bg-color: var(--primary-color);
    --main-menu-text-color: var(--default-white);
    --main-menu-text-color-hover: var(--default-white);
    --main-menu-sub-bg: rgba(var(--primary-color-rgb),.95);
    --main-menu-sub-bg-hover: var(--secondary-color);

    --navigation-social-item-color: var(--default-white);
    --navigation-social-item-color-hover: var(--tertiary-color);
    --navigation-menu-box-shadow: none;

    --ql-toplinks-title-color: var(--default-white);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-color-mobile: var(--default-white);
    --ql-toplinks-item-background: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-background-mobile: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover-mobile: rgba(var(--secondary-color-rgb), .8);

    --navigation-floating-social-bg: var(--secondary-color);
    --navigation-floating-social-search-box-border: 2px solid var(--default-white);
    --navigation-floating-social-items-color: var(--default-white);
    --navigation-floating-social-items-color-hover: var(--primary-color);
}

@media only screen and (min-width: 50.99rem) {
    .free-menu .g-logo img {
        width: 100% !important;
    }

    .free-menu > .g-container {
        position: relative;
    }

    .free-menu > .g-container > .g-grid:has(.nav-social-icons) {
        position: absolute;
        top: var(--navigation-floating-social-top);
        right: var(--navigation-floating-social-right);
        bottom: var(--navigation-floating-social-bottom);
        left: var(--navigation-floating-social-left);
        pointer-events: none !important;
        background: var(--navigation-floating-social-bg);
        padding: var(--navigation-floating-social-padding);
        margin: var(--navigation-floating-social-margin);
        border-radius: var(--navigation-floating-social-border-radius);
        overflow: hidden;
    }

    .free-menu > .g-container > .g-grid:has(.nav-social-icons) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-floating-social-flex-direction);
        gap: var(--navigation-floating-social-items-gap);
    }

    .free-menu > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a {
        pointer-events: all !important;
        color: var(--navigation-floating-social-items-color) !important;
        font-size: var(--navigation-floating-social-items-font-size);
    }

    .free-menu > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a:hover {
        color: var(--navigation-floating-social-items-color-hover) !important;
        transform: var(--navigation-floating-social-items-transform-hover);
    }

    .free-menu > .g-container > .g-grid:has(.ql-toplinks-studius) {
        padding: min(1vw, 14.4px) min(2vw, 28.8px) !important;
    }

    .free-menu {
        position: relative;
        z-index: 100;
    }

    .free-menu > .g-container > .g-grid:has(.g-main-nav) {
        box-shadow: var(--navigation-menu-box-shadow);
    }

    .free-menu .g-main-nav .g-toplevel>li:not(.g-toplevel>li:has(.g-social-items))>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .free-menu .g-main-nav .g-toplevel>li:has(.g-social-items)>.g-menu-item-container {
        padding: 0;
        margin: 0;
    }

    .free-menu .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .free-menu .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .free-menu .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .free-menu .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .free-menu .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .free-menu > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .free-menu > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color)!important;
        font-size: var(--navigation-social-item-font-size);
    }

    .free-menu > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover)!important;
    }
}

.hover-craft.stock {
    --section-navigation-bg: var(--primary-color);

    --main-menu-bg-color: var(--default-white);
    --main-menu-text-color: var(--primary-color);
    --main-menu-text-color-hover: var(--primary-color);
    --main-menu-sub-bg: rgba(var(--primary-color-rgb),.95);
    --main-menu-sub-bg-hover: var(--secondary-color);

    --navigation-social-item-color: var(--primary-color);
    --navigation-social-item-color-hover: var(--secondary-color);

    --ql-toplinks-title-color: var(--default-white);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-color-mobile: var(--default-white);
    --ql-toplinks-item-background: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-background-mobile: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover-mobile: rgba(var(--secondary-color-rgb), .8);

    --navigation-floating-social-bg: var(--secondary-color);
    --navigation-floating-social-search-box-border: 2px solid var(--default-white);
    --navigation-floating-social-items-color: var(--default-white);
    --navigation-floating-social-items-color-hover: var(--primary-color);
}

@media only screen and (min-width: 50.99rem) {
    body:has(.hover-craft) {
        --main-menu-bg: transparent;
        --main-menu-bg-color: var(--default-white);
    }

    .hover-craft .g-logo img {
        width: 100% !important;
    }

    .hover-craft > .g-container {
        position: relative;
    }

    .hover-craft > .g-container > .g-grid:has(.nav-social-icons) {
        position: absolute;
        top: var(--navigation-floating-social-top);
        right: var(--navigation-floating-social-right);
        bottom: var(--navigation-floating-social-bottom);
        left: var(--navigation-floating-social-left);
        pointer-events: none !important;
        background: var(--navigation-floating-social-bg);
        padding: var(--navigation-floating-social-padding);
        margin: var(--navigation-floating-social-margin);
        border-radius: var(--navigation-floating-social-border-radius);
        overflow: hidden;
    }

    .hover-craft > .g-container > .g-grid:has(.nav-social-icons) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-floating-social-flex-direction);
        gap: var(--navigation-floating-social-items-gap);
    }

    .hover-craft > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a {
        pointer-events: all !important;
        color: var(--navigation-floating-social-items-color) !important;
        font-size: var(--navigation-floating-social-items-font-size);
    }

    .hover-craft > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a:hover {
        color: var(--navigation-floating-social-items-color-hover) !important;
        transform: var(--navigation-floating-social-items-transform-hover);
    }

    .hover-craft > .g-container > .g-grid:has(.ql-toplinks-studius) {
        padding: 1vw 2vw 0 2vw !important;
    }

    .hover-craft {
        position: relative;
        z-index: 100;
    }

    .hover-craft > .g-container > .g-grid:has(.g-main-nav) {
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translateY(50%);
        margin-top: -1vw;
    }

    .hover-craft > .g-container > .g-grid:has(.g-main-nav) > .g-block {
        box-shadow: var(--navigation-menu-box-shadow);
        border-radius: var(--navigation-floating-menu-border-radius);
        width: var(--navigation-menu-width);
        flex: unset;
    }

    .hover-craft > .g-container > .g-grid:has(.g-main-nav) > .g-block .g-main-nav {
        border-radius: var(--navigation-floating-menu-border-radius);
    }

    .hover-craft .g-main-nav .g-toplevel>li:not(.g-toplevel>li:has(.g-social-items))>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .hover-craft .g-main-nav .g-toplevel>li:has(.g-social-items)>.g-menu-item-container {
        padding: 0;
        margin: 0;
    }

    .hover-craft .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .hover-craft .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .hover-craft .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .hover-craft .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .hover-craft .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .hover-craft > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .hover-craft > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color)!important;
        font-size: var(--navigation-social-item-font-size);
    }

    .hover-craft > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover)!important;
    }

    body[class*="-home"]:has(.hover-craft) #g-slideshow > .g-container {
        padding-top: 4vw !important;
    }

    body[class*="-sub"]:not(.herotitlepage):has(.hover-craft) #g-container-main > .g-container {
        padding-top: 4vw !important;
    }
}

.rooftop-bar.stock {
    --section-navigation-bg: var(--default-white);

    --main-menu-bg-color: var(--default-white);
    --main-menu-text-color: var(--primary-color);
    --main-menu-text-color-hover: var(--primary-color);
    --main-menu-sub-bg: rgba(var(--primary-color-rgb),.95);
    --main-menu-sub-bg-hover: var(--secondary-color);

    --navigation-social-item-color: var(--primary-color);
    --navigation-social-item-color-hover: var(--secondary-color);
    --navigation-menu-box-shadow: none;

    --ql-toplinks-title-color: var(--primary-color);
    --ql-toplinks-icon-color: var(--primary-color);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-color-mobile: var(--primary-color);
    --ql-toplinks-item-background: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-background-mobile: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover-mobile: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-border: none;

    --navigation-floating-social-bg: var(--primary-color);
    --navigation-floating-social-search-box-border: 2px solid var(--default-white);
    --navigation-floating-social-items-color: var(--default-white);
    --navigation-floating-social-items-color-hover: var(--primary-color);
}

@media only screen and (min-width: 50.99rem) {
    .rooftop-bar .g-logo img {
        width: 100% !important;
    }

    .rooftop-bar > .g-container {
        position: relative;
    }

    .rooftop-bar > .g-container > .g-grid:has(.nav-social-icons) {
        top: var(--navigation-floating-social-top);
        right: var(--navigation-floating-social-right);
        bottom: var(--navigation-floating-social-bottom);
        left: var(--navigation-floating-social-left);
        /*pointer-events: none!important;*/
        background: var(--navigation-floating-social-bg);
        padding: var(--navigation-floating-social-padding);
        margin: var(--navigation-floating-social-margin);
        border-radius: var(--navigation-floating-social-border-radius);
        overflow: hidden;
        display: flex;
        flex-direction: var(--navigation-floating-social-box-flex-direction);
        gap: var(--navigation-floating-social-box-gap);
        justify-content: var(--navigation-floating-social-box-justify-content);
        align-items: var(--navigation-floating-social-box-align-items);
    }

    .rooftop-bar .search-box form {
        margin: 0;
        padding: 0;
        width: 17vw;
    }

    .rooftop-bar .search-box form:before {
        display: none !important;
    }

    .rooftop-bar .search-box form > input {
        border: var(--navigation-floating-social-search-box-border);
        border-radius: .5rem;
        padding: var(--navigation-floating-social-search-box-padding);
        font-size: 1vw;
        font-family: var(--body-font-family);
        color: var(--navigation-floating-social-search-box-text-color);
        background: var(--navigation-floating-social-search-box-bg);
    }

    .rooftop-bar .search-box form > input::placeholder {
        color: var(--navigation-floating-social-search-box-text-color);
    }

    .rooftop-bar > .g-container > .g-grid:has(.nav-social-icons) > .g-block {
        flex: unset;
        width: auto;
    }

    .rooftop-bar > .g-container > .g-grid:has(.nav-social-icons) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-floating-social-flex-direction);
        gap: var(--navigation-floating-social-items-gap);
    }

    .rooftop-bar > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a {
        pointer-events: all !important;
        color: var(--navigation-floating-social-items-color) !important;
        font-size: var(--navigation-floating-social-items-font-size);
    }

    .rooftop-bar > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a:hover {
        color: var(--navigation-floating-social-items-color-hover) !important;
        transform: var(--navigation-floating-social-items-transform-hover);
    }

    .rooftop-bar > .g-container > .g-grid:has(.ql-toplinks-studius) {
        padding: min(1vw, 14.4px) min(2vw, 28.8px) !important;
    }

    .rooftop-bar {
        position: relative;
        z-index: 100;
    }

    .rooftop-bar > .g-container > .g-grid:has(.g-main-nav) {
        box-shadow: var(--navigation-menu-box-shadow);
    }

    .rooftop-bar .g-main-nav .g-toplevel>li:not(.g-toplevel>li:has(.g-social-items))>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .rooftop-bar .g-main-nav .g-toplevel>li:has(.g-social-items)>.g-menu-item-container {
        padding: 0;
        margin: 0;
    }

    .rooftop-bar .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .rooftop-bar .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .rooftop-bar .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .rooftop-bar .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .rooftop-bar .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .rooftop-bar > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .rooftop-bar > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color)!important;
        font-size: var(--navigation-social-item-font-size);
    }

    .rooftop-bar > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover)!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .space-hog .g-logo img {
        width: 100% !important;
    }

    .space-hog > .g-container {
        position: relative;
    }

    .space-hog > .g-container > .g-grid:has(.nav-social-icons) {
        position: absolute;
        top: var(--navigation-floating-social-top);
        right: var(--navigation-floating-social-right);
        bottom: var(--navigation-floating-social-bottom);
        left: var(--navigation-floating-social-left);
        pointer-events: none !important;
    }

    .space-hog > .g-container > .g-grid:has(.nav-social-icons) > .g-block {
        background: var(--navigation-floating-social-bg);
        padding: var(--navigation-floating-social-padding);
        margin: var(--navigation-floating-social-margin);
        border-radius: var(--navigation-floating-social-border-radius);
        overflow: hidden;
    }

    .space-hog > .g-container > .g-grid:has(.nav-social-icons) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-floating-social-flex-direction);
        gap: var(--navigation-floating-social-items-gap);
        justify-content: center;
        align-items: center;
    }

    .space-hog > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a {
        pointer-events: all !important;
        color: var(--navigation-floating-social-items-color) !important;
        font-size: var(--navigation-floating-social-items-font-size);
        line-height: 1;
    }

    .space-hog > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a:hover {
        color: var(--navigation-floating-social-items-color-hover) !important;
        transform: var(--navigation-floating-social-items-transform-hover);
    }

    .space-hog > .g-container > .g-grid:has(.ql-toplinks-studius) {
        padding: min(1vw, 14.4px) min(2vw, 28.8px) !important;
    }

    .space-hog {
        position: relative;
        z-index: 100;
    }

    .space-hog > .g-container > .g-grid:has(.g-main-nav) {
        box-shadow: var(--navigation-menu-box-shadow);
    }

    .space-hog .g-main-nav .g-toplevel>li:not(.g-toplevel>li:has(.g-social-items))>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    } 

    .space-hog .g-main-nav .g-toplevel>li:has(.g-social-items)>.g-menu-item-container {
        padding: 0;
        margin: 0;
    }

    .space-hog .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .space-hog .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .space-hog .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .space-hog .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .space-hog .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .space-hog > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .space-hog > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color);
        font-size: var(--navigation-social-item-font-size);
    }

    .space-hog > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover);
    }

    .space-hog > .g-container > .g-grid:has(.sh-circle-icon) > .g-block:not(.sh-circle-icon):has(.g-logo) {
        padding-left: 2vw !important;
    }

    .space-hog:has(.sh-circle-icon.size-5) .g-main-nav {
        padding-left: 5% !important;
    }

    .space-hog:has(.sh-circle-icon.size-6) .g-main-nav {
        padding-left: 6% !important;
    }

    .space-hog:has(.sh-circle-icon.size-7) .g-main-nav {
        padding-left: 7% !important;
    }

    .space-hog:has(.sh-circle-icon.size-8) .g-main-nav {
        padding-left: 8% !important;
    }

    .space-hog:has(.sh-circle-icon.size-9) .g-main-nav {
        padding-left: 9% !important;
    }

    .space-hog:has(.sh-circle-icon.size-10) .g-main-nav {
        padding-left: 10% !important;
    }

    .space-hog:has(.sh-circle-icon.size-11) .g-main-nav {
        padding-left: 11% !important;
    }

    .space-hog:has(.sh-circle-icon.size-12) .g-main-nav {
        padding-left: 12% !important;
    }

    .space-hog:has(.sh-circle-icon.size-13) .g-main-nav {
        padding-left: 13% !important;
    }

    .space-hog:has(.sh-circle-icon.size-14) .g-main-nav {
        padding-left: 14% !important;
    }

    .space-hog:has(.sh-circle-icon.size-15) .g-main-nav {
        padding-left: 15% !important;
    }

    .space-hog:has(.sh-circle-icon.size-16) .g-main-nav {
        padding-left: 16% !important;
    }

    .space-hog:has(.sh-circle-icon.size-17) .g-main-nav {
        padding-left: 17% !important;
    }

    .space-hog:has(.sh-circle-icon.size-18) .g-main-nav {
        padding-left: 18% !important;
    }

    .space-hog:has(.sh-circle-icon.size-19) .g-main-nav {
        padding-left: 19% !important;
    }

    .space-hog:has(.sh-circle-icon.size-20) .g-main-nav {
        padding-left: 20% !important;
    }

    .space-hog:has(.sh-circle-icon.size-21) .g-main-nav {
        padding-left: 21% !important;
    }

    .space-hog:has(.sh-circle-icon.size-22) .g-main-nav {
        padding-left: 22% !important;
    }

    .space-hog:has(.sh-circle-icon.size-23) .g-main-nav {
        padding-left: 23% !important;
    }

    .space-hog:has(.sh-circle-icon.size-24) .g-main-nav {
        padding-left: 24% !important;
    }

    .space-hog:has(.sh-circle-icon.size-25) .g-main-nav {
        padding-left: 25% !important;
    }

    .space-hog:has(.sh-circle-icon.size-26) .g-main-nav {
        padding-left: 26% !important;
    }

    .space-hog:has(.sh-circle-icon.size-27) .g-main-nav {
        padding-left: 27% !important;
    }

    .space-hog:has(.sh-circle-icon.size-28) .g-main-nav {
        padding-left: 28% !important;
    }

    .space-hog:has(.sh-circle-icon.size-29) .g-main-nav {
        padding-left: 29% !important;
    }

    .space-hog:has(.sh-circle-icon.size-30) .g-main-nav {
        padding-left: 30% !important;
    }

    .space-hog:has(.sh-circle-icon.size-31) .g-main-nav {
        padding-left: 31% !important;
    }

    .space-hog:has(.sh-circle-icon.size-32) .g-main-nav {
        padding-left: 32% !important;
    }

    .space-hog:has(.sh-circle-icon.size-33) .g-main-nav {
        padding-left: 33% !important;
    }

    .space-hog:has(.sh-circle-icon.size-34) .g-main-nav {
        padding-left: 34% !important;
    }

    .space-hog:has(.sh-circle-icon.size-35) .g-main-nav {
        padding-left: 35% !important;
    }

    .space-hog:has(.sh-circle-icon.size-36) .g-main-nav {
        padding-left: 36% !important;
    }

    .space-hog:has(.sh-circle-icon.size-37) .g-main-nav {
        padding-left: 37% !important;
    }

    .space-hog:has(.sh-circle-icon.size-38) .g-main-nav {
        padding-left: 38% !important;
    }

    .space-hog:has(.sh-circle-icon.size-39) .g-main-nav {
        padding-left: 39% !important;
    }

    .space-hog:has(.sh-circle-icon.size-40) .g-main-nav {
        padding-left: 40% !important;
    }

    .space-hog:has(.sh-circle-icon.size-41) .g-main-nav {
        padding-left: 41% !important;
    }

    .space-hog:has(.sh-circle-icon.size-42) .g-main-nav {
        padding-left: 42% !important;
    }

    .space-hog:has(.sh-circle-icon.size-43) .g-main-nav {
        padding-left: 43% !important;
    }

    .space-hog:has(.sh-circle-icon.size-44) .g-main-nav {
        padding-left: 44% !important;
    }

    .space-hog:has(.sh-circle-icon.size-45) .g-main-nav {
        padding-left: 45% !important;
    }

    .space-hog:has(.sh-circle-icon.size-46) .g-main-nav {
        padding-left: 46% !important;
    }

    .space-hog:has(.sh-circle-icon.size-47) .g-main-nav {
        padding-left: 47% !important;
    }

    .space-hog:has(.sh-circle-icon.size-48) .g-main-nav {
        padding-left: 48% !important;
    }

    .space-hog:has(.sh-circle-icon.size-49) .g-main-nav {
        padding-left: 49% !important;
    }

    .space-hog:has(.sh-circle-icon.size-50) .g-main-nav {
        padding-left: 50% !important;
    }

    .space-hog .sh-circle-icon {
        position: relative;
        z-index: 1;
    }

    .space-hog .sh-circle-icon.size-5 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-6 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-7 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-8 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-9 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-10 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-11 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-12 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-13 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-14 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-15 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-16 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-17 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-18 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-19 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-20 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-21 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-22 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-23 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-24 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-25 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }

    .space-hog .sh-circle-icon.size-26 {
        margin-bottom: var(--sh-circle-icon-negative-margin) !important;
    }
}

.center-of-attention.stock {
    --section-navigation-bg: var(--primary-color);
    --ql-toplinks-title-color: var(--default-white);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-color-mobile: var(--default-white);
    --main-menu-bg-color: var(--default-white);
    --main-menu-text-color: var(--primary-color);
    --main-menu-text-color-hover: var(--default-white);
    --navigation-social-item-color: var(--primary-color);
    --navigation-social-item-color-hover: var(--secondary-color);
    --main-menu-sub-bg: rgba(var(--primary-color-rgb),.95);
    --main-menu-sub-bg-hover: var(--secondary-color);
    --navigation-menu-box-shadow: none;
    --ql-toplinks-item-background: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-background-mobile: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover-mobile: rgba(var(--secondary-color-rgb), .8);
}

@media only screen and (min-width: 50.99rem) {
    .center-of-attention .g-logo img {
        width: 100% !important;
    }

    .center-of-attention > .g-container > .g-grid:has(.ql-toplinks-studius) {
        padding: min(1vw, 14.4px) min(2vw, 28.8px) !important;
    }

    .center-of-attention {
        position: relative;
        z-index: 100;
    }

    .center-of-attention > .g-container > .g-grid:has(.g-main-nav) {
        box-shadow: var(--navigation-menu-box-shadow);
    }

    .center-of-attention .g-main-nav .g-toplevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .center-of-attention .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .center-of-attention .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .center-of-attention .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .center-of-attention .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .center-of-attention .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .center-of-attention > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .center-of-attention > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color)!important;
        font-size: var(--navigation-social-item-font-size);
    }

    .center-of-attention > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover)!important;
    }
}

.on-the-grid.stock {
    --section-navigation-bg: var(--primary-color);

    --main-menu-bg-color: var(--default-white);
    --main-menu-text-color: var(--primary-color);
    --main-menu-text-color-hover: var(--primary-color);
    --main-menu-sub-bg: rgba(var(--primary-color-rgb),.95);
    --main-menu-sub-bg-hover: var(--secondary-color);

    --navigation-social-item-color: var(--primary-color);
    --navigation-social-item-color-hover: var(--secondary-color);
    --navigation-menu-box-shadow: none;

    --ql-toplinks-title-color: var(--default-white);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-color-mobile: var(--default-white);
    --ql-toplinks-item-background: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-background-mobile: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover-mobile: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-border: none;

    --navigation-floating-social-bg: var(--secondary-color);
    --navigation-floating-social-search-box-border: 2px solid var(--default-white);
    --navigation-floating-social-items-color: var(--default-white);
    --navigation-floating-social-items-color-hover: var(--primary-color);
}

@media only screen and (min-width: 50.99rem) {
    .on-the-grid .g-logo img {
        width: 100% !important;
    }

    .on-the-grid > .g-container {
        position: relative;
    }

    .on-the-grid > .g-container > .g-grid:has(.nav-social-icons) {
        position: absolute;
        top: var(--navigation-floating-social-top);
        right: var(--navigation-floating-social-right);
        bottom: var(--navigation-floating-social-bottom);
        left: var(--navigation-floating-social-left);
        pointer-events: none !important;
    }

    .on-the-grid > .g-container > .g-grid:has(.nav-social-icons) > .g-block {
        background: var(--navigation-floating-social-bg);
        padding: var(--navigation-floating-social-padding);
        margin: var(--navigation-floating-social-margin);
        border-radius: var(--navigation-floating-social-border-radius);
        overflow: hidden;
    }

    .on-the-grid > .g-container > .g-grid:has(.nav-social-icons) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-floating-social-flex-direction);
        gap: var(--navigation-floating-social-items-gap);
        justify-content: center;
        align-items: center;
    }

    .on-the-grid > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a {
        pointer-events: all !important;
        color: var(--navigation-floating-social-items-color) !important;
        font-size: var(--navigation-floating-social-items-font-size);
        line-height: 1;
    }

    .on-the-grid > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a:hover {
        color: var(--navigation-floating-social-items-color-hover) !important;
        transform: var(--navigation-floating-social-items-transform-hover);
    }

    .on-the-grid > .g-container > .g-grid:has(.ql-toplinks-grid-studius) {
        padding: min(1vw, 14.4px) min(2vw, 28.8px) !important;
    }

    .on-the-grid {
        position: relative;
        z-index: 100;
    }

    .on-the-grid > .g-container > .g-grid:has(.g-main-nav) {
        box-shadow: var(--navigation-menu-box-shadow);
    }

    .on-the-grid .g-main-nav .g-toplevel>li:not(.g-toplevel>li:has(.g-social-items))>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .on-the-grid .g-main-nav .g-toplevel>li:has(.g-social-items)>.g-menu-item-container {
        padding: 0;
        margin: 0;
    }

    .on-the-grid .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .on-the-grid .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .on-the-grid .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .on-the-grid .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .on-the-grid .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .on-the-grid > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .on-the-grid > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color)!important;
        font-size: var(--navigation-social-item-font-size);
    }

    .on-the-grid > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover)!important;
    }

    .on-the-grid > .g-container > .g-grid:has(.sh-circle-icon) > .g-block:not(.sh-circle-icon):has(.g-logo) {
        padding-left: 2vw !important;
    }
}

.crawl-space.stock {
    --section-navigation-bg: var(--primary-color);
    --main-menu-bg-color: var(--secondary-color);
    --main-menu-text-color: var(--default-white);
    --main-menu-text-color-hover: var(--default-white);
    --main-menu-sub-bg: rgba(var(--primary-color-rgb),.95);
    --main-menu-sub-bg-hover: var(--secondary-color);

    --navigation-social-item-color: var(--default-white);
    --navigation-social-item-color-hover: var(--tertiary-color);
    --navigation-menu-box-shadow: none;

    --ql-toplinks-title-color: var(--default-white);
    --ql-toplinks-title-color-hover: var(--default-white);
    --ql-toplinks-title-color-mobile: var(--default-white);
    --ql-toplinks-item-background: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover: rgba(var(--secondary-color-rgb), .8);
    --ql-toplinks-item-background-mobile: rgba(255,255,255, 0);
    --ql-toplinks-item-background-hover-mobile: rgba(var(--secondary-color-rgb), .8);

    --navigation-floating-social-search-box-border: 2px solid var(--default-white);
    --navigation-floating-social-items-color: var(--default-white);
    --navigation-floating-social-items-color-hover: var(--secondary-color);
}

@media only screen and (min-width: 50.99rem) {
    .crawl-space .g-logo img {
        width: 100% !important;
    }

    .crawl-space > .g-container {
        position: relative;
    }

    .crawl-space > .g-container > .g-grid:has(.nav-social-icons) {
        top: var(--navigation-floating-social-top);
        right: var(--navigation-floating-social-right);
        bottom: var(--navigation-floating-social-bottom);
        left: var(--navigation-floating-social-left);
        /*pointer-events: none!important;*/
        background: var(--navigation-floating-social-bg);
        padding: var(--navigation-floating-social-padding);
        margin: var(--navigation-floating-social-margin);
        border-radius: var(--navigation-floating-social-border-radius);
        overflow: hidden;
        display: flex;
        /* flex-direction: var(--navigation-floating-social-box-flex-direction);
        gap: var(--navigation-floating-social-box-gap); */
        justify-content: var(--navigation-floating-social-box-justify-content);
        align-items: var(--navigation-floating-social-box-align-items);
    }

    .crawl-space .search-box form {
        margin: 0;
        padding: 0;
        width: 17vw;
    }

    .crawl-space .search-box form:before {
        display: none !important;
    }

    .crawl-space .search-box form > input {
        border: var(--navigation-floating-social-search-box-border);
        border-radius: .5rem;
        padding: var(--navigation-floating-social-search-box-padding);
        font-size: 1vw;
        font-family: var(--body-font-family);
        color: var(--navigation-floating-social-search-box-text-color);
        background: var(--navigation-floating-social-search-box-bg);
    }

    .crawl-space .search-box form > input::placeholder {
        color: var(--navigation-floating-social-search-box-text-color);
    }

/*    .crawl-space > .g-container > .g-grid:has(.nav-social-icons) > .g-block {
        flex: unset;
        width: auto;
        max-width: unset;
    } */

  /*  .crawl-space > .g-container > .g-grid:has(.nav-social-icons) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-floating-social-flex-direction);
        gap: var(--navigation-floating-social-items-gap);
    } */

    .crawl-space > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a {
        pointer-events: all !important;
        color: var(--navigation-floating-social-items-color) !important;
        font-size: var(--navigation-floating-social-items-font-size);
    }

    .crawl-space > .g-container > .g-grid:has(.nav-social-icons) .g-social-items a:hover {
        color: var(--navigation-floating-social-items-color-hover) !important;
        transform: var(--navigation-floating-social-items-transform-hover);
    }

    .crawl-space > .g-container > .g-grid:has(.ql-toplinks-studius) {
        padding: min(1vw, 14.4px) min(2vw, 28.8px) !important;
    }

    .crawl-space {
        position: relative;
        z-index: 100;
    }

    .crawl-space > .g-container > .g-grid:has(.g-main-nav) {
        box-shadow: var(--navigation-menu-box-shadow);
    }

    .crawl-space .g-main-nav .g-toplevel>li:not(.g-toplevel>li:has(.g-social-items))>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .crawl-space .g-main-nav .g-toplevel>li:has(.g-social-items)>.g-menu-item-container {
        padding: 0;
        margin: 0;
    }

    .crawl-space .g-main-nav .g-dropdown .size-100>.g-sublevel>li>.g-menu-item-container {
        padding: var(--navigation-menu-item-padding);
    }

    .crawl-space .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .crawl-space .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-toplevel-menu-item-font-size);
        font-family: var(--navigation-toplevel-menu-item-font-family);
        text-transform: var(--navigation-toplevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-toplevel-menu-item-variant-caps);
        font-weight: var(--navigation-toplevel-menu-item-font-weight);
        line-height: var(--navigation-toplevel-menu-item-line-height);
        letter-spacing: var(--navigation-toplevel-menu-item-letter-spacing);
    }

    .crawl-space .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .crawl-space .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: var(--navigation-sublevel-menu-item-font-size);
        font-family: var(--navigation-sublevel-menu-item-font-family);
        text-transform: var(--navigation-sublevel-menu-item-text-transform);
        font-variant-caps: var(--navigation-sublevel-menu-item-variant-caps);
        font-weight: var(--navigation-sublevel-menu-item-font-weight);
        line-height: var(--navigation-sublevel-menu-item-line-height);
        letter-spacing: var(--navigation-sublevel-menu-item-letter-spacing);
    }

    .crawl-space > .g-container > .g-grid:has(.g-main-nav) .g-social-items {
        display: flex;
        flex-direction: var(--navigation-social-item-flex-direction);
        gap: var(--navigation-social-item-gap);
        align-items: var(--navigation-social-item-align-items);
        justify-content: var(--navigation-social-item-justify-content);
    }

    .crawl-space > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--navigation-social-item-color);
        font-size: var(--navigation-social-item-font-size);
    }

    .crawl-space > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--navigation-social-item-color-hover);
    }

    .crawl-space .ql-toplinks-studius .g-blockcontent-subcontent-block {
        flex: unset;
    }
}

body .crawl-space .ql-toplinks-studius {
    --ql-toplinks-item-flex-direction: row;
    --ql-toplinks-item-padding: min(.5vw, 8px);
    --ql-toplinks-item-justify-content: flex-end;
    --ql-toplinks-item-align-items: center;
    --ql-toplinks-icon-font-size: min(1.5vw, 24px);
    --ql-toplinks-item-border-radius: .5rem;
}

@media only screen and (min-width: 50.99rem) {
    .ql-toplinks-studius {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius > .g-content {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius > .g-content > div {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius .g-blockcontent {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: var(--ql-toplinks-gap);
        justify-content: center;
        align-items: center;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        transition: var(--ql-toplinks-item-transition);
    }

    .center-of-attention .ql-toplinks-studius .g-blockcontent-subcontent-block {
        flex: unset;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content {
        background: var(--ql-toplinks-item-background-hover);
        box-shadow: var(--ql-toplinks-item-box-shadow-hover);
        transform: var(--ql-toplinks-item-hover-transform);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        color: var(--ql-toplinks-icon-color-hover);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block:hover :is(.g-blockcontent-subcontent-title, .g-blockcontent-subcontent-title-text) {
        color: var(--ql-toplinks-title-color-hover);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: var(--ql-toplinks-item-padding);
        display: flex;
        flex-direction: var(--ql-toplinks-item-flex-direction);
        justify-content: var(--ql-toplinks-item-justify-content);
        align-items: var(--ql-toplinks-item-align-items);
        gap: var(--ql-toplinks-item-gap);
        background: var(--ql-toplinks-item-background);
        transition: var(--ql-toplinks-item-transition);
        box-shadow: var(--ql-toplinks-item-box-shadow);
        border-radius: var(--ql-toplinks-item-border-radius);
        border: var(--ql-toplinks-item-border);
        overflow: hidden;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-icon-color);
        font-size: var(--ql-toplinks-icon-font-size);
        line-height: var(--ql-toplinks-icon-line-height);
        font-weight: var(--ql-toplinks-icon-font-weight);
        transition: var(--ql-toplinks-item-transition);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color);
        font-size: var(--ql-toplinks-title-font-size);
        line-height: var(--ql-toplinks-title-line-height);
        font-weight: var(--ql-toplinks-title-font-weight);
        text-transform: var(--ql-toplinks-title-text-transform);
        font-variant-caps: var(--ql-toplinks-title-variant-caps);
        text-decoration: var(--ql-toplinks-title-text-decoration);
        transition: var(--ql-toplinks-item-transition);
        text-align: var(--ql-toplinks-title-text-align);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color);
        font-size: var(--ql-toplinks-title-font-size);
        line-height: var(--ql-toplinks-title-line-height);
        font-weight: var(--ql-toplinks-title-font-weight);
        text-transform: var(--ql-toplinks-title-text-transform);
        font-variant-caps: var(--ql-toplinks-title-variant-caps);
        text-decoration: var(--ql-toplinks-title-text-decoration);
        transition: var(--ql-toplinks-item-transition);
        text-align: var(--ql-toplinks-title-text-align);
    }

    .ql-toplinks-studius .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .ql-toplinks-studius .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-toplinks-studius {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius > .g-content {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius > .g-content > div {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius .g-blockcontent {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: var(--ql-toplinks-gap-mobile);
        justify-content: center;
        align-items: center;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        transition: var(--ql-toplinks-item-transition-mobile);
        flex: 1;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content {
        background: var(--ql-toplinks-item-background-hover-mobile);
        box-shadow: var(--ql-toplinks-item-box-shadow-hover-mobile);
        transform: var(--ql-toplinks-item-hover-transform-mobile);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        color: var(--ql-toplinks-icon-color-hover-mobile);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block:hover :is(.g-blockcontent-subcontent-title, .g-blockcontent-subcontent-title-text) {
        color: var(--ql-toplinks-title-color-hover-mobile);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: var(--ql-toplinks-item-padding-mobile);
        display: flex;
        flex-direction: var(--ql-toplinks-item-flex-direction-mobile);
        justify-content: var(--ql-toplinks-item-justify-content-mobile);
        align-items: var(--ql-toplinks-item-align-items-mobile);
        gap: var(--ql-toplinks-item-gap-mobile);
        background: var(--ql-toplinks-item-background-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
        box-shadow: var(--ql-toplinks-item-box-shadow-mobile);
        border-radius: var(--ql-toplinks-item-border-radius-mobile);
        border: var(--ql-toplinks-item-border-mobile);
        overflow: hidden;
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-icon-color-mobile);
        font-size: var(--ql-toplinks-icon-font-size-mobile);
        line-height: var(--ql-toplinks-icon-line-height-mobile);
        font-weight: var(--ql-toplinks-icon-font-weight-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color-mobile);
        font-size: var(--ql-toplinks-title-font-size-mobile);
        line-height: var(--ql-toplinks-title-line-height-mobile);
        font-weight: var(--ql-toplinks-title-font-weight-mobile);
        text-transform: var(--ql-toplinks-title-text-transform-mobile);
        font-variant-caps: var(--ql-toplinks-title-variant-caps-mobile);
        text-decoration: var(--ql-toplinks-title-text-decoration-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
        text-align: var(--ql-toplinks-title-text-align-mobile);
    }

    .ql-toplinks-studius .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color-mobile);
        font-size: var(--ql-toplinks-title-font-size-mobile);
        line-height: var(--ql-toplinks-title-line-height-mobile);
        font-weight: var(--ql-toplinks-title-font-weight-mobile);
        text-transform: var(--ql-toplinks-title-text-transform-mobile);
        font-variant-caps: var(--ql-toplinks-title-variant-caps-mobile);
        text-decoration: var(--ql-toplinks-title-text-decoration-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
        text-align: var(--ql-toplinks-title-text-align-mobile);
    }

    .ql-toplinks-studius .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .ql-toplinks-studius .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

body .ql-toplinks-vertical-studius {
    --ql-toplinks-item-flex-direction: row;
    --ql-toplinks-item-padding: 1vw;
}

body .center-of-attention .ql-toplinks-studius {
    --ql-toplinks-item-justify-content: center;
    --ql-toplinks-item-padding: 1.5vw;
    --ql-toplinks-item-border-radius: 1rem;
    --ql-toplinks-item-border: 2px solid var(--default-white);
}

@media only screen and (min-width: 50.99rem) {
    .ql-toplinks-vertical-studius {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius > .g-content {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius > .g-content > div {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius .g-blockcontent {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: var(--ql-toplinks-gap);
        justify-content: center;
        align-items: flex-start;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        transition: var(--ql-toplinks-item-transition);
        width: 100%;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content {
        background: var(--ql-toplinks-item-background-hover);
        box-shadow: var(--ql-toplinks-item-box-shadow-hover);
        transform: var(--ql-toplinks-item-hover-transform);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        color: var(--ql-toplinks-icon-color-hover);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block:hover :is(.g-blockcontent-subcontent-title, .g-blockcontent-subcontent-title-text) {
        color: var(--ql-toplinks-title-color-hover);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: var(--ql-toplinks-item-padding);
        display: flex;
        flex-direction: var(--ql-toplinks-item-flex-direction);
        justify-content: var(--ql-toplinks-item-justify-content);
        align-items: var(--ql-toplinks-item-align-items);
        gap: var(--ql-toplinks-item-gap);
        background: var(--ql-toplinks-item-background);
        transition: var(--ql-toplinks-item-transition);
        box-shadow: var(--ql-toplinks-item-box-shadow);
        border-radius: 5px;
        border: var(--ql-toplinks-item-border);
        overflow: hidden;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-icon-color);
        font-size: var(--ql-toplinks-icon-font-size);
        line-height: var(--ql-toplinks-icon-line-height);
        font-weight: var(--ql-toplinks-icon-font-weight);
        transition: var(--ql-toplinks-item-transition);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color);
        font-size: var(--ql-toplinks-title-font-size);
        line-height: var(--ql-toplinks-title-line-height);
        font-weight: var(--ql-toplinks-title-font-weight);
        text-transform: var(--ql-toplinks-title-text-transform);
        font-variant-caps: var(--ql-toplinks-title-variant-caps);
        text-decoration: var(--ql-toplinks-title-text-decoration);
        transition: var(--ql-toplinks-item-transition);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color);
        font-size: var(--ql-toplinks-title-font-size);
        line-height: var(--ql-toplinks-title-line-height);
        font-weight: var(--ql-toplinks-title-font-weight);
        text-transform: var(--ql-toplinks-title-text-transform);
        font-variant-caps: var(--ql-toplinks-title-variant-caps);
        text-decoration: var(--ql-toplinks-title-text-decoration);
        transition: var(--ql-toplinks-item-transition);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-toplinks-vertical-studius {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius > .g-content {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius > .g-content > div {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius .g-blockcontent {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: var(--ql-toplinks-gap-mobile);
        justify-content: center;
        align-items: center;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        transition: var(--ql-toplinks-item-transition-mobile);
        flex: 1;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content {
        background: var(--ql-toplinks-item-background-hover-mobile);
        box-shadow: var(--ql-toplinks-item-box-shadow-hover-mobile);
        transform: var(--ql-toplinks-item-hover-transform-mobile);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        color: var(--ql-toplinks-icon-color-hover-mobile);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block:hover :is(.g-blockcontent-subcontent-title, .g-blockcontent-subcontent-title-text) {
        color: var(--ql-toplinks-title-color-hover-mobile);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: var(--ql-toplinks-item-padding-mobile);
        display: flex;
        flex-direction: var(--ql-toplinks-item-flex-direction-mobile);
        justify-content: var(--ql-toplinks-item-justify-content-mobile);
        align-items: var(--ql-toplinks-item-align-items-mobile);
        gap: var(--ql-toplinks-item-gap-mobile);
        background: var(--ql-toplinks-item-background-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
        box-shadow: var(--ql-toplinks-item-box-shadow-mobile);
        border-radius: var(--ql-toplinks-item-border-radius-mobile);
        border: var(--ql-toplinks-item-border-mobile);
        overflow: hidden;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-icon-color-mobile);
        font-size: var(--ql-toplinks-icon-font-size-mobile);
        line-height: var(--ql-toplinks-icon-line-height-mobile);
        font-weight: var(--ql-toplinks-icon-font-weight-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color-mobile);
        font-size: var(--ql-toplinks-title-font-size-mobile);
        line-height: var(--ql-toplinks-title-line-height-mobile);
        font-weight: var(--ql-toplinks-title-font-weight-mobile);
        text-transform: var(--ql-toplinks-title-text-transform-mobile);
        font-variant-caps: var(--ql-toplinks-title-variant-caps-mobile);
        text-decoration: var(--ql-toplinks-title-text-decoration-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color-mobile);
        font-size: var(--ql-toplinks-title-font-size-mobile);
        line-height: var(--ql-toplinks-title-line-height-mobile);
        font-weight: var(--ql-toplinks-title-font-weight-mobile);
        text-transform: var(--ql-toplinks-title-text-transform-mobile);
        font-variant-caps: var(--ql-toplinks-title-variant-caps-mobile);
        text-decoration: var(--ql-toplinks-title-text-decoration-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
    }

    .ql-toplinks-vertical-studius .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .ql-toplinks-vertical-studius .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

body .on-the-grid .ql-toplinks-grid-studius {
    --ql-toplinks-item-flex-direction: row;
    --ql-toplinks-item-padding: 1vw;
    --ql-toplinks-item-justify-content: flex-start;
    --ql-toplinks-item-align-items: center;
    --ql-toplinks-item-border-radius: 1rem;
}

@media only screen and (min-width: 50.99rem) {
    .ql-toplinks-grid-studius {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius > .g-content {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius > .g-content > div {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius .g-blockcontent {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--ql-toplinks-gap);
        justify-content: center;
        align-items: flex-start;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        transition: var(--ql-toplinks-item-transition);
        width: 100%;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content {
        background: var(--ql-toplinks-item-background-hover);
        box-shadow: var(--ql-toplinks-item-box-shadow-hover);
        transform: var(--ql-toplinks-item-hover-transform);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        color: var(--ql-toplinks-icon-color-hover);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block:hover :is(.g-blockcontent-subcontent-title, .g-blockcontent-subcontent-title-text) {
        color: var(--ql-toplinks-title-color-hover);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: var(--ql-toplinks-item-padding);
        display: flex;
        flex-direction: var(--ql-toplinks-item-flex-direction);
        justify-content: var(--ql-toplinks-item-justify-content);
        align-items: var(--ql-toplinks-item-align-items);
        gap: var(--ql-toplinks-item-gap);
        background: var(--ql-toplinks-item-background);
        transition: var(--ql-toplinks-item-transition);
        box-shadow: var(--ql-toplinks-item-box-shadow);
        border-radius: var(--ql-toplinks-item-border-radius);
        border: var(--ql-toplinks-item-border);
        overflow: hidden;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-icon-color);
        font-size: var(--ql-toplinks-icon-font-size);
        line-height: var(--ql-toplinks-icon-line-height);
        font-weight: var(--ql-toplinks-icon-font-weight);
        transition: var(--ql-toplinks-item-transition);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color);
        font-size: var(--ql-toplinks-title-font-size);
        line-height: var(--ql-toplinks-title-line-height);
        font-weight: var(--ql-toplinks-title-font-weight);
        text-transform: var(--ql-toplinks-title-text-transform);
        font-variant-caps: var(--ql-toplinks-title-variant-caps);
        text-decoration: var(--ql-toplinks-title-text-decoration);
        transition: var(--ql-toplinks-item-transition);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color);
        font-size: var(--ql-toplinks-title-font-size);
        line-height: var(--ql-toplinks-title-line-height);
        font-weight: var(--ql-toplinks-title-font-weight);
        text-transform: var(--ql-toplinks-title-text-transform);
        font-variant-caps: var(--ql-toplinks-title-variant-caps);
        text-decoration: var(--ql-toplinks-title-text-decoration);
        transition: var(--ql-toplinks-item-transition);
    }

    .ql-toplinks-grid-studius .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .ql-toplinks-grid-studius .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-toplinks-grid-studius {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius > .g-content {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius > .g-content > div {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius .g-blockcontent {
        margin: 0;
        padding: 0;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: var(--ql-toplinks-gap-mobile);
        justify-content: center;
        align-items: center;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        transition: var(--ql-toplinks-item-transition-mobile);
        flex: 1;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content {
        background: var(--ql-toplinks-item-background-hover-mobile);
        box-shadow: var(--ql-toplinks-item-box-shadow-hover-mobile);
        transform: var(--ql-toplinks-item-hover-transform-mobile);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        color: var(--ql-toplinks-icon-color-hover-mobile);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block:hover :is(.g-blockcontent-subcontent-title, .g-blockcontent-subcontent-title-text) {
        color: var(--ql-toplinks-title-color-hover-mobile);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: var(--ql-toplinks-item-padding-mobile);
        display: flex;
        flex-direction: var(--ql-toplinks-item-flex-direction-mobile);
        justify-content: var(--ql-toplinks-item-justify-content-mobile);
        align-items: var(--ql-toplinks-item-align-items-mobile);
        gap: var(--ql-toplinks-item-gap-mobile);
        background: var(--ql-toplinks-item-background-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
        box-shadow: var(--ql-toplinks-item-box-shadow-mobile);
        border-radius: var(--ql-toplinks-item-border-radius-mobile);
        border: var(--ql-toplinks-item-border-mobile);
        overflow: hidden;
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-icon-color-mobile);
        font-size: var(--ql-toplinks-icon-font-size-mobile);
        line-height: var(--ql-toplinks-icon-line-height-mobile);
        font-weight: var(--ql-toplinks-icon-font-weight-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color-mobile);
        font-size: var(--ql-toplinks-title-font-size-mobile);
        line-height: var(--ql-toplinks-title-line-height-mobile);
        font-weight: var(--ql-toplinks-title-font-weight-mobile);
        text-transform: var(--ql-toplinks-title-text-transform-mobile);
        font-variant-caps: var(--ql-toplinks-title-variant-caps-mobile);
        text-decoration: var(--ql-toplinks-title-text-decoration-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
    }

    .ql-toplinks-grid-studius .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--ql-toplinks-title-color-mobile);
        font-size: var(--ql-toplinks-title-font-size-mobile);
        line-height: var(--ql-toplinks-title-line-height-mobile);
        font-weight: var(--ql-toplinks-title-font-weight-mobile);
        text-transform: var(--ql-toplinks-title-text-transform-mobile);
        font-variant-caps: var(--ql-toplinks-title-variant-caps-mobile);
        text-decoration: var(--ql-toplinks-title-text-decoration-mobile);
        transition: var(--ql-toplinks-item-transition-mobile);
    }

    .ql-toplinks-grid-studius .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }

    .ql-toplinks-grid-studius .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-offcanvas .g-toplevel:has( > li.g-selected) > li {
        border: none!important;
    }
}

.g-social .g-social-items {
    display: flex;
    gap: min(1vw, 16px);
    justify-content: flex-end;
}

#g-container-top>.g-container>.g-grid>.g-block {
    margin-bottom: 0;
}

@media only screen and (max-width: 50.99rem) {
    #g-footer>.g-container>.g-grid>.g-block {
        padding: 2%;
    }
}