@import url('fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'Tinos';
    src: url('/content/Tinos-Regular.ttf');
}

/************ TEMPLATE  ************

************/

.site-1 {
    --primary-color: #004b8d;
    --secondary-color: #e31b23;
    --tertiary-color: #949494;

    --primary-rgb: 0, 75, 141;
    --secondary-rgb: 227, 27, 35;
    --tertiary-rgb: 148, 148, 148;

    --default-white: #ffffff;
    --default-black: #000000;
    --default-grey: #f1f2f2;

    --title-font-family: 'Tinos';
    --body-font-family: 'Open Sans', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255, 255, 255, 0);

    --default-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);

    --swiper-box-shadow: var(--default-box-shadow);

    --ql-title-color: var(--default-white);

    --ph-g-title-size: 4vw;
    --ph-g-title-font: var(--title-font-family);
    --ph-g-title-color: var(--default-white);
    --ph-g-title-weight: 400;

    --ph-title-font: var(--title-font-family);
    --ph-title-font-size-desktop: 2.5vw;
    --ph-title-weight: 700;
    --ph-title-color: var(--default-white);

    /*--hero-title-top-position: unset;
    --hero-title-bottom-position: calc(50% - 3vw);
    --hero-title-right-position: unset;
    --hero-title-left-position: 6%;

    --hero-text-bottom-position: 6%;
    --hero-text-right-position: unset;
    --hero-text-left-position: 6%;
    --hero-text-font-size-desktop: 2vw;*/

    --hero-img-height: 24vw;

    --bottom-quote-bg: var(--tertiary-color);
}

.site-1-sub .ph-sidepics-3 {
    --ph-title-color: var(--primary-color);
}

.site-2 {
    --primary-color: #004b8d;
    --secondary-color: #e31b23;
    --tertiary-color: #949494;

    --primary-rgb: 0, 75, 141;
    --secondary-rgb: 227, 27, 35;
    --tertiary-rgb: 148, 148, 148;

    --default-white: #ffffff;
    --default-black: #000000;
    --default-grey: #f1f2f2;

    --title-font-family: 'Tinos';
    --body-font-family: 'Open Sans', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255, 255, 255, 0);

    --default-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);

    --swiper-box-shadow: var(--default-box-shadow);

    --ql-title-color: var(--default-white);

    --ph-g-title-size: 4vw;
    --ph-g-title-font: var(--title-font-family);
    --ph-g-title-color: var(--default-white);
    --ph-g-title-weight: 400;

    --ph-title-font: var(--title-font-family);
    --ph-title-font-size-desktop: 1.75vw;
    --ph-title-weight: 700;
    --ph-title-color: var(--default-white);

    --rm-rme-badge-bg: var(--primary-color);
    --rm-rme-title-time-color-desktop: var(--primary-color);
    --rm-rme-title-time-color-mobile: var(--primary-color);
    --rm-rme-timeline-point-bg: var(--secondary-color);
    --rm-rme-arrow-color: var(--secondary-color);

    --bottom-quote-bg: var(--tertiary-color);
}

.site-1-sub.title-quote-page {
    --hero-img-height: 24vw;
    --hero-title-bottom-position: calc(6% + 7vw);
}

@media only screen and (min-width: 50.99rem) {
    .site-1 #hero-text-box {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        max-width: 88%;
    }

    .site-1 #hero-text-box:not(.site-1 #hero-text-box > span) {
        font-style: italic;
    }
}

@media only screen and (min-width: 50.99rem) {
    #sticky-menu.sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: fit-content;
        z-index: 1000;
    }
}

.site-1 .ql-fa-toplinks {
    --ql-title-color: var(--primary-color);
}

.site-1 .ql-overlay-buttons {
    --ql-background-color: rgba(var(--secondary-rgb), .8);
    --ql-background-hover: var(--primary-color);
}

.site-2 .ql-fa-toplinks {
    --ql-title-color: var(--primary-color);
}

.site-2 .ql-overlay-buttons {
    --ql-background-color: rgba(var(--secondary-rgb), .7);
    --ql-background-hover: var(--secondary-color);
}

.site-1-home :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .g-array-item-read-more .button, .ph-sidepics-3.grid .g-array-item-read-more .button) {
    background: radial-gradient(circle, #e31b23, #ff9aa2);
    background-color: var(--secondary-color);
    background-size: 300% 300%;
    font-family: var(--body-font-family);
    border-radius: 2vw / 50%;
    font-size: 1.75vw;
    padding: 1.5vw 3vw;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    position: relative;
    z-index: 0;
    /*transition: .3s all ease-in-out;*/

    -webkit-animation: moveGradient 35s linear infinite;
    -moz-animation: moveGradient 35s linear infinite;
    animation: moveGradient 35s linear infinite;
}

.site-1-sub :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .ph-sidepics-3.grid .g-array-item-read-more .button

    /*, .g-array-item-read-more .button*/
) {
    background: radial-gradient(circle, #e31b23, #ff9aa2);
    background-color: var(--secondary-color);
    background-size: 300% 300%;
    font-family: var(--body-font-family);
    border-radius: 1vw / 50%;
    font-size: 1.25vw;
    padding: .75vw 1.5vw;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    position: relative;
    z-index: 0;
    /*transition: .3s all ease-in-out;*/

    -webkit-animation: moveGradient 40s linear infinite;
    -moz-animation: moveGradient 40s linear infinite;
    animation: moveGradient 40s linear infinite;
}

.site-2-home :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .ph-sidepics-3.grid .g-array-item-read-more .button

    /*, .g-array-item-read-more .button*/
) {
    background: radial-gradient(circle, #e31b23, #ff9aa2);
    background-color: var(--secondary-color);
    background-size: 300% 300%;
    font-family: var(--body-font-family);
    border-radius: 2vw / 50%;
    font-size: 1.75vw;
    padding: 1.5vw 3vw;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    position: relative;
    z-index: 0;
    /*transition: .3s all ease-in-out;*/

    -webkit-animation: moveGradient 30s linear infinite;
    -moz-animation: moveGradient 30s linear infinite;
    animation: moveGradient 30s linear infinite;
}

.site-2-sub :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .ph-sidepics-3.grid .g-array-item-read-more .button

    /*, .g-array-item-read-more .button*/
) {
    background: radial-gradient(circle, #e31b23, #ff9aa2);
    background-color: var(--secondary-color);
    background-size: 300% 300%;
    font-family: var(--body-font-family);
    border-radius: 1vw / 50%;
    font-size: 1.25vw;
    padding: .75vw 1.5vw;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
    position: relative;
    z-index: 0;
    /*transition: .3s all ease-in-out;*/

    -webkit-animation: moveGradient 35s linear infinite;
    -moz-animation: moveGradient 35s linear infinite;
    animation: moveGradient 35s linear infinite;
}

a.transparentbutton {
    color: var(--primary-color);
    background: transparent;
    font-family: var(--title-font-family);
    letter-spacing: 1px;
    border-radius: .5rem;
    border: 2px solid var(--primary-color);
    font-weight: 700;
    padding: 0.75rem 3.5rem;
}

.transparentbutton:hover {
    background: var(--primary-color);
    color: var(--default-white);
    border: 2px solid var(--secondary-color);
}

.primary-back {
    background: var(--primary-color);
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
}

.secondary-back {
    background: var(--secondary-color);
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.primary-back p,
.primary-back li,
.primary-back h1,
.primary-back h2,
.primary-back div .primary-back h3,
.primary-back h4,
.primary-back h5,
.primary-back h6 {
    color: var(--default-white);
}

.secondary-back p,
.secondary-back li,
.secondary-back h1,
.secondary-back h2,
.secondary-back div .secondary-back h3,
.secondary-back h4,
.secondary-back h5,
.secondary-back h6 {
    color: var(--default-white);
}

.whiteborder {
    border: 2px solid white;
    padding: 2vw;
}



:is(.site-1, .site-2) .g-main-nav {
    position: relative;
    z-index: 1000;
}

@keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }

    25% {
        background-position: 100% 0%;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

.site-1-home :is(.readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover, .listentobutton.moduletable a:hover):not(.g-blockcontent-buttons .button:hover, .g-array-item-read-more .button:hover) {
    background: var(--primary-color);
}

.site-1-sub :is(.readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover, .listentobutton.moduletable a:hover):not(.g-blockcontent-buttons .button:hover, .g-array-item-read-more .button:hover) {
    background: var(--primary-color);
}

.site-2-home :is(.readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover, .listentobutton.moduletable a:hover):not(.g-blockcontent-buttons .button:hover, .g-array-item-read-more .button:hover) {
    background: var(--primary-color);
}

.site-2-sub :is(.readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover, .listentobutton.moduletable a:hover):not(.g-blockcontent-buttons .button:hover, .g-array-item-read-more .button:hover) {
    background: var(--primary-color);
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .g-array-item-read-more .button) {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;
        font-family: var(--body-font-family);
        border-radius: 20px / 50%;
        font-size: 1.5rem;
        padding: 0.7rem 1.3rem;

        -webkit-animation: moveGradient 40s linear infinite;
        -moz-animation: moveGradient 40s linear infinite;
        animation: moveGradient 40s linear infinite;
    }

    .site-1-sub :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .g-array-item-read-more .button) {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;
        font-family: var(--body-font-family);
        border-radius: 1rem / 50% !important;
        font-size: 1.5rem !important;
        padding: 0.7rem 1.3rem !important;

        -webkit-animation: moveGradient 30s linear infinite;
        -moz-animation: moveGradient 30s linear infinite;
        animation: moveGradient 30s linear infinite;
    }

    .site-2-home :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .g-array-item-read-more .button) {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;
        font-family: var(--body-font-family);
        border-radius: 20px / 50%;
        font-size: 1.5rem;
        padding: 0.7rem 1.3rem;

        -webkit-animation: moveGradient 35s linear infinite;
        -moz-animation: moveGradient 35s linear infinite;
        animation: moveGradient 35s linear infinite;
    }

    .site-2-sub :is(.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a):not(.g-blockcontent-buttons .button, .g-array-item-read-more .button) {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;
        font-family: var(--body-font-family);
        border-radius: 1rem / 50% !important;
        font-size: 1.5rem !important;
        padding: 0.7rem 1.3rem !important;

        -webkit-animation: moveGradient 40s linear infinite;
        -moz-animation: moveGradient 40s linear infinite;
        animation: moveGradient 40s linear infinite;
    }
}

/*************** ALL SITE *****************/
.item-image {
    display: none;
}

/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {
    color: var(--default-white);
}

.g-offcanvas-toggle .fa-fw {
    text-shadow: none;
}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-offcanvas .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        align-items: center;
        justify-content: center;
    }

    .site-1 #g-offcanvas .g-social-items a {
        color: var(--default-white);
    }

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

    .site-1 #g-offcanvas .g-toplevel>li:first-child {
        display: none !important;
    }

    .site-1 #g-offcanvas .g-toplevel> :is(li:nth-child(2), li:nth-child(8), li:nth-child(9)) {
        display: none !important;
    }

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

    .site-2 #g-offcanvas .g-social-items a {
        color: var(--default-white);
    }

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

    .site-2 #g-offcanvas .g-toplevel>li:first-child {
        display: none !important;
    }
}

#g-offcanvas>.g-grid:nth-child(2) {
    margin-left: -2rem !important;
}

#g-offcanvas>.g-grid:nth-child(2)>.g-block>.g-content {
    margin: 0 .625rem;
    padding: 0 1.5rem;
}

/*************** TOP **********************/
/*************** NAVIGATION ***************/
@media only screen and (min-width: 50.99rem) {
    .site-2 #g-navigation .g-main-nav .g-dropdown:has(> .g-dropdown-column > .g-grid > .g-block > .g-sublevel > li.g-level-2) {
        width: 600px !important;
    }

    .site-2 #g-navigation .g-main-nav .g-sublevel:has(> li.g-level-2) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .site-2 #g-navigation .g-sublevel:has(> li.g-level-2) li {
        width: 50%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-2 #sticky-menu {
        width: 100% !important;
        flex: 0 100% !important;
    }

    .site-2 #sticky-menu .g-toplevel>li:nth-child(2):not(#overlay-menu .g-toplevel > li:nth-child(2)) {
        width: 60%;
    }

    .site-2 #sticky-menu .g-main-nav .g-toplevel i {
        opacity: 1;
    }

    .site-2 #sticky-menu .g-toplevel>li:nth-child(2)>.g-menu-item-container {
        width: fit-content;
    }

    .site-2 #overlay-menu {
        display: none !important;
    }

    .site-2-home #g-navigation {
        overflow: hidden;
    }

    /*.site-2 #g-navigation {
        overflow: hidden;
    }*/
    .site-2 #overlay-menu .g-toplevel>li:last-child {
        display: none !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-offcanvas .ql-fa-toplinks .g-blockcontent-subcontent-title-icon {
        flex: 1;
    }

    #g-offcanvas .ql-fa-toplinks .g-blockcontent-subcontent-block-content>.g-blockcontent-subcontent-title {
        flex: 1;
    }

    #g-offcanvas .ql-fa-toplinks .g-blockcontent-subcontent-block-content {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    #g-offcanvas .ql-fa-toplinks .g-blockcontent-subcontent-block {
        width: 100%;
    }

    #g-offcanvas .ql-fa-toplinks .g-blockcontent-buttons {
        opacity: 0;
    }

    #g-offcanvas .ql-fa-toplinks .g-blockcontent-subcontent-block-content>.g-blockcontent-subcontent-title {
        display: flex;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2 #g-navigation>.g-container>.g-grid:nth-child(2) {
        display: none !important;
    }

    .site-2 #overlay-menu-exit-icon {
        display: none !important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-2 #overlay-menu-icon {
        font-size: 2vw;
    }

    .site-2 #overlay-menu-exit-icon {
        font-size: 2vw;
        cursor: pointer;
    }

    .site-2 #overlay-menu-icon {
        cursor: pointer;
    }

    .site-2 #overlay-menu-container {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100vh;
        width: 100vw;
        background: rgba(0, 75, 141, 0.6);
        backdrop-filter: blur(5px);
        --webkit-backdrop-filter: blur(5px);
        z-index: 10000;
    }

    .site-2 #overlay-menu-container.menu-visible {
        display: flex;
    }

    .site-2 #overlay-menu-container.menu-visible #overlay-menu {
        display: flex !important;
        width: 100% !important;
        flex: 0 100% !important;
        background: rgba(0, 75, 141, 1);
    }

    .site-2 #overlay-menu-container.menu-visible #overlay-menu .g-toplevel>li:first-child {
        max-width: 20%;
    }

    .site-2 #overlay-menu-container.menu-visible #overlay-menu {
        height: 6vw;
    }

    .site-2 #overlay-menu>.g-content {
        width: 100%;
        display: flex;
        align-items: flex-end;
    }

    .site-2 #overlay-menu>.g-content>.g-main-nav {
        width: 100%;
    }
}

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

    .menu-overlay-ql>div {
        margin: 0;
        padding: 0;
    }

    .menu-overlay-ql .g-blockcontent {
        margin: 0;
        padding: 0;
    }

    .menu-overlay-ql .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 2vw;
        justify-content: center;
        align-items: stretch !important;
    }

    .menu-overlay-ql .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        /*padding: .5vw;*/
    }

    .menu-overlay-ql .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: fit-content;
        transition: .3s all ease-in-out;
        background: rgba(0, 0, 0, 0);
        border-radius: .5rem;
        gap: 1vw;
        padding: .5vw;
    }

    .menu-overlay-ql .g-blockcontent-subcontent-block-content:hover {
        background: rgba(0, 0, 0, .25);
    }

    .menu-overlay-ql .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        color: var(--default-white) !important;
    }

    .menu-overlay-ql .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-size: 1vw;
        text-align: center;
    }

    .menu-overlay-ql .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-size: 1vw;
        width: fit-content;
        line-height: 1vw;
        font-weight: 500;
        white-space: nowrap;
    }

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

    .menu-overlay-ql .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 (min-width: 50.99rem) {
    .site-1 .searchbar-menu .g-toplevel>li:nth-child(8) {
        display: none !important;
    }

    .site-1-home #g-navigation .g-toplevel>li:nth-child(2) {
        display: none !important;
    }

    .site-1-sub #g-navigation .g-toplevel>li:nth-child(1) {
        display: none !important;
    }

    .site-1 #sticky-menu .g-toplevel>li:nth-child(8) .search-box input[type="text"] {
        width: 0%;
        transition: .3s all ease-in-out;
    }

    .site-1-home .searchbar-active .g-toplevel> :is(li:nth-child(2), li:nth-child(3), li:nth-child(4), li:nth-child(5), li:nth-child(6), li:nth-child(7)) {
        display: none !important;
        opacity: 0;
    }

    .site-1-sub .searchbar-active .g-toplevel> :is(li:nth-child(3), li:nth-child(4), li:nth-child(5), li:nth-child(6), li:nth-child(7)) {
        display: none !important;
        opacity: 0;
    }

    .site-1 .searchbar-active .g-toplevel>li:nth-child(8) {
        width: 100%;
        justify-content: flex-end;
    }

    .site-1 .searchbar-active .g-toplevel>li:nth-child(8)>.g-menu-item-container {
        width: 90%;
        background: rgba(0, 0, 0, .25);
        border-top-left-radius: 1.5rem !important;
        border-bottom-left-radius: 1.5rem !important;
        border-top-right-radius: 0% !important;
        border-bottom-right-radius: 0% !important;
        /*padding: .45rem .775rem;*/
    }

    .site-1 .searchbar-active .g-toplevel>li:nth-child(8)>.g-menu-item-container:hover {
        width: 90%;
        /*background: none!important;*/
    }

    .site-1 .search-box .g-search>form:before {
        display: none !important;
    }

    .site-1 #sticky-menu.searchbar-active .g-toplevel>li:nth-child(8) .search-box input[type="text"] {
        background: var(--default-white);
        padding-left: 1vw;
        border-radius: 15px / 50%;
        width: 100%;
        height: 1.8vw;
        font-size: 1.4vw;
    }

    .site-1 #sticky-menu.searchbar-active .g-toplevel .g-social-items {
        line-height: 1;
    }

    .site-1 #sticky-menu.searchbar-active .g-toplevel .g-social-items a {
        font-size: 1.75vw;
    }

    .site-1 #g-navigation #sticky-menu.searchbar-active .g-toplevel>li:last-child>.g-menu-item-container {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
        background: rgba(0, 0, 0, .25);
    }
}

@media only screen and (min-width: 50.99rem) and (max-width: 1145px) {
    .site-1 #sticky-menu.searchbar-active .g-toplevel>li:nth-child(8) .search-box input[type="text"] {
        border-radius: 5px / 50%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: 1.25vw;
        font-family: var(--body-font-family);
    }

    .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: 1.25vw;
        font-family: var(--body-font-family);
    }

    .g-main-nav .g-toplevel>li.active>.g-menu-item-container {
        border: none;
    }

    .site-1 #g-navigation .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2vw;
        align-items: center;
    }

    .site-1 #g-navigation .g-social-items a {
        color: var(--default-white);
        font-size: 1.25vw;
    }

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

    .site-1 #g-navigation .g-main-nav {
        backdrop-filter: blur(5px);
        --webkit-backdrop-filter: blur(5px);
    }

    .site-1 #g-navigation .g-toplevel {
        padding-left: 4%;
        padding-right: 4%;
        justify-content: space-between;
    }

    .site-1 #g-navigation .g-toplevel>li:first-child {
        max-width: 20%;
    }

    .site-1-sub #g-navigation .g-toplevel>li:nth-child(2) {
        max-width: 20%;
    }

    .site-1 #g-navigation .g-toplevel>li:not(.site-1 #g-navigation .g-toplevel > li:first-child, .site-1 #g-navigation .g-toplevel > li:nth-child(2)

        /*, .site-1 #g-navigation .g-toplevel > li:last-child*/
    )>.g-menu-item-container {
        transition: .2 all ease-in-out;
        border-radius: 20px / 50%;
    }

    .site-1 #g-navigation .g-toplevel>li:last-child>.g-menu-item-container {
        border-radius: 50% !important;
    }

    .site-1 #g-navigation .g-toplevel>li:not(.site-1 #g-navigation .g-toplevel > li:first-child, .site-1 #g-navigation .g-toplevel > li:nth-child(2)

        /*, .site-1 #g-navigation .g-toplevel > li:last-child*/
    )>.g-menu-item-container:hover {
        background: rgba(0, 0, 0, .25);
    }

    .site-1 #g-navigation .menu-logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1 #g-navigation .menu-logo>a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1 #g-navigation .menu-logo img {
        width: 90%;
    }

    .site-1 #g-navigation .sub-logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1 #g-navigation .sub-logo>a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1 #g-navigation .sub-logo img {
        width: 90%;
    }

    .site-1 .g-main-nav .g-dropdown-column {
        backdrop-filter: blur(5px);
        --webkit-backdrop-filter: blur(5px);
    }



    .site-2 #g-navigation .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2vw;
        align-items: center;
    }

    .site-2 #g-navigation .g-social-items a {
        color: var(--default-white);
        font-size: 1.25vw;
    }

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

    .site-2 #g-navigation .g-main-nav {
        backdrop-filter: blur(5px);
        --webkit-backdrop-filter: blur(5px);
    }

    .site-2 #g-navigation .g-toplevel>li:first-child {
        max-width: 20%;
    }

    .site-2 #g-navigation .g-toplevel>li:not(.site-2 #g-navigation .g-toplevel > li:first-child

        /*, .site-2 #g-navigation .g-toplevel > li:last-child*/
    )>.g-menu-item-container {
        transition: .2 all ease-in-out;
        border-radius: 8% / 50%;
    }

    .site-2 #g-navigation .menu-logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-2 #g-navigation .menu-logo>a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-2 #g-navigation .menu-logo img {
        width: 90%;
    }

    .site-2 .g-main-nav .g-dropdown-column {
        backdrop-filter: blur(5px);
        --webkit-backdrop-filter: blur(5px);
    }

    .site-2 #g-navigation .g-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;

        -webkit-animation: moveGradient 30s linear infinite;
        -moz-animation: moveGradient 30s linear infinite;
        animation: moveGradient 30s linear infinite;
    }

}

@media only screen and (max-width: 50.99rem) {
    .site-2 #g-navigation .g-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--secondary-color);
    }
}

/*@media only screen and (min-width: 50.99rem) and (max-height: 1080px) {
    .site-1-home .video-overlay-menu > .g-container {
        position: relative;
        height: 100vh!important;
        width: 100%;
    }
    video.background-video {
        height: 100vh;
    }
    .site-1-home #g-slideshow {
        transform: translateY(2.65vw);
        transition: .3s all ease-in-out;
    }
}*/

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-navigation .ql-overlay-buttons .g-blockcontent-header {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .site-1-home #g-navigation .ql-overlay-buttons .g-blockcontent-header>.g-title {
        order: 2;
    }

    .site-1-home #g-navigation .ql-overlay-buttons .g-blockcontent-header>.g-blockcontent-description {
        order: 1;
        text-align: center;
    }

    .site-1-home #g-navigation .ql-overlay-buttons .g-blockcontent-header>.g-blockcontent-description img {
        width: 33%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-1-home .video-overlay-menu>.g-container {
        position: relative;
        height: 56vw;
        width: 100%;
    }

    .site-1-home .video-overlay-menu>.g-container>.g-grid:nth-child(3) {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: fit-content;
        z-index: 12;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .25);
    }

    .site-1-home .video-overlay-menu>.g-container>.g-grid:nth-child(4) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }

    .site-1-home .video-overlay-menu>.g-container>.g-grid:nth-child(5) {
        position: absolute;
        /*top: 0;*/
        bottom: 2vw;
        left: 0;
        right: 0;
        height: fit-content;
        width: 100%;
        z-index: 11;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 5%;
        pointer-events: none;
    }


    .site-2-home .video-overlay-menu>.g-container {
        position: relative;
        height: 50vw;
        width: 100%;
    }

    .site-2-home .video-overlay-menu>.g-container>.g-grid:nth-child(2) {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: fit-content;
        z-index: 12;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .25);
    }

    .site-2-home .video-overlay-menu>.g-container>.g-grid:nth-child(3) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }

    .site-2-home .video-overlay-menu>.g-container>.g-grid:nth-child(4) {
        position: absolute;
        /*top: 0;*/
        bottom: 1.5rem;
        left: 0;
        right: 0;
        height: fit-content;
        width: 100%;
        z-index: 11;
        display: flex;
        justify-content: center;
        align-items: stretch !important;
        padding: 0 10%;
        pointer-events: none;
    }

    .site-2-home .video-overlay-menu .mission-wrapper {
        padding-right: 2vw;
    }

    .site-2-home .video-overlay-menu .vision-wrapper {
        padding-left: 2vw;
    }

    .site-2-home .video-overlay-menu .rotate-overlay-boxes>.g-content {
        background: rgba(var(--primary-rgb), .6);
        border-radius: 1rem;
        box-shadow: var(--default-box-shadow);
        backdrop-filter: blur(4px);
        --webkit-backdrop-filter: blur(4px);
        padding: 2vw;
        position: relative;
        z-index: 15;
        height: 100%;
    }

    .site-2-home .video-overlay-menu .rotate-overlay-boxes :is(h1, h2, h3, h4, h5, h6) {
        color: var(--default-white);
        text-transform: none;
        font-variant-caps: normal;
        font-weight: 500;
        font-family: var(--title-font-family);
        letter-spacing: 1px;
        border: none;
        background: none;
        margin: 0;
        margin-bottom: 1vw;
        font-size: 2vw;
    }

    .site-2-home .video-overlay-menu .rotate-overlay-boxes p {
        font-size: 1.25vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2-home .video-overlay-menu>.g-container>.g-grid:nth-child(4) {
        background: url('/images/template/school-bg-mission-left.jpg') 0% 0% no-repeat, url('/images/template/school-bg-mission-right.jpg') 100% 100% no-repeat, #ffffff;
        background-size: 25%;
        padding: 2rem 10% !important;
    }

    .site-2-home .video-overlay-menu .rotate-overlay-boxes :is(h1, h2, h3, h4, h5, h6) {
        color: var(--secondary-color);
        text-transform: none;
        font-variant-caps: normal;
        font-weight: 500;
        font-family: var(--body-font-family);
        letter-spacing: 1px;
        border: none;
        background: none;
        margin: 0;
        margin-bottom: 1vw;
        font-size: 5vw;
    }

    .site-2-home .video-overlay-menu .rotate-overlay-boxes p {
        font-size: 3vw;
        color: var(--primary-color);
    }
}

@media only screen and (min-width: 50.99rem) {
    .ql-overlay-buttons .g-title {
        text-align: center;
        font-family: var(--title-font-family);
        font-size: 4vw;
        text-shadow: 2px 2px 15px #000000;
        text-transform: none;
        font-variant-caps: normal;
        color: var(--default-white);
        font-weight: 400;
        padding-bottom: 3vw;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 2vw;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-block {
        flex: 1;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-block-content {
        position: relative;
        width: 100%;
        pointer-events: all;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
        background: var(--ql-background-hover);
        transform: scale(1.05);
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-title {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8% / 50%;
        margin: 0;
        padding: 0;
        box-shadow: var(--default-box-shadow);
        transition: .3s all ease-in-out;

        -webkit-animation: moveGradient 35s linear infinite;
        -moz-animation: moveGradient 35s linear infinite;
        animation: moveGradient 35s linear infinite;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 1.5vw 3vw;
        color: var(--ql-title-color);
        font-weight: 400;
        font-size: 1.75vw;
    }

    .ql-overlay-buttons .g-blockcontent-buttons {
        opacity: 0;
        margin: 0;
        padding: 0;
    }

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

@media only screen and (max-width: 50.99rem) {
    .ql-overlay-buttons .g-title {
        text-align: center;
        font-family: var(--title-font-family);
        font-size: 7vw;
        text-shadow: 2px 2px 15px #000000;
        text-transform: none;
        font-variant-caps: normal;
        color: var(--default-white);
        font-weight: 400;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-block {
        flex: 1;
        width: 100%;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-block-content {
        position: relative;
        width: 100%;
        pointer-events: all;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
        background: var(--ql-background-hover);
        transform: scale(1.05);
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-title {
        background: var(--ql-background-color);
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 1.3rem / 50%;
        margin: 0;
        padding: 0;
        width: 100%;
        box-shadow: var(--default-box-shadow);
        transition: .3s all ease-in-out;
    }

    .ql-overlay-buttons .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 1rem;
        color: var(--ql-title-color);
        font-weight: 400;
        font-size: 4.5vw;
    }

    .ql-overlay-buttons .g-blockcontent-buttons {
        opacity: 0;
        margin: 0;
        padding: 0;
    }

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

@media only screen and (max-width: 50.99rem) {
    #g-navigation .g-logo {
        max-width: 65%;
        margin: 1rem auto;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-navigation>.g-container>.g-grid:nth-child(2) {
        padding: 1rem;
    }

    .site-1-home #g-navigation>.g-container>.g-grid:nth-child(2) input[type="text"] {
        background: var(--default-white);
        padding-left: 1rem;
        border-radius: 15px / 50%;
        width: 100%;
        /*height: 1.8vw;
        font-size: 1.4vw;*/
    }

    .site-1-home #g-navigation>.g-container>.g-grid:nth-child(2) .g-search form:before {
        display: none;
    }

    .site-1-home #g-navigation>.g-container>.g-grid:nth-child(4) {
        background: var(--default-white);
    }

    .site-1-home #g-navigation .overlay-video {
        /*border-radius: 1rem;*/
        overflow: hidden;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
    }

    .site-1-home #g-navigation>.g-container>.g-grid:nth-child(5) {
        background: var(--default-white);
    }

    .site-1-home #g-navigation .ql-overlay-buttons .g-blockcontent-description {
        display: none;
    }

    .site-1 #g-navigation .videocontainer {
        margin: 0;
        padding: 0;
        display: flex;
    }

    .site-1 #g-navigation .ql-overlay-buttons {
        padding: 0 2rem 1rem 2rem !important;
    }

    .site-1 #g-navigation .ql-overlay-buttons .g-title {
        color: var(--primary-color);
        text-align: center;
        font-style: italic;
        font-size: 8vw;
        text-shadow: none;
    }

    .site-2 #g-navigation .videocontainer {
        margin: 0;
        padding: 0;
        display: flex;
    }

    .site-2 #g-navigation .ql-overlay-buttons {
        padding: 1rem !important;
    }

    .site-2 #g-navigation .ql-overlay-buttons .g-title {
        color: var(--default-white);
        text-align: center;
        font-size: 8vw;
    }
}

/*************** SLIDESHOW ****************/
@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-slideshow>.g-container>.g-grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(1) {
        width: 100%;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(2) {
        width: 50%;
        flex: 0 50%;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(3) {
        width: 50%;
        flex: 0 50%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-slideshow>.g-container>.g-grid {
        display: grid;
        grid-template-areas:
            "a b"
            "a c";
        grid-template-columns: 4fr 1fr;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(1) {
        grid-area: a;
        width: auto;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(2) {
        grid-area: b;
        width: auto;
        align-items: flex-end;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(3) {
        grid-area: c;
        width: auto;
        align-items: flex-start;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-slideshow {
        background: url('/images/stories/template/paralax1.jpg');
        background-size: cover;
        background-position: center 40%;
        margin-top: -2.65vw !important;
        padding-top: 24px !important;
        position: relative;
        z-index: 10;
        /*clip-path: polygon(calc(50% - 24px) 0, 50% 24px, calc(50% + 24px) 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);*/
    }

    .site-1-home #g-slideshow:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, .9);
        width: 50%;
        height: 24px;
        display: block;
        /*transform: skew(45deg) translateX(-11px);*/
        z-index: 11;
    }

    .site-1-home #g-slideshow:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(255, 255, 255, .9);
        width: 50%;
        height: 24px;
        display: block;
        /*transform: skew(-45deg) translateX(11px);*/
        z-index: 11;
    }

    .site-1-home #g-slideshow>.g-container {
        background: rgba(255, 255, 255, .9);
        padding: 6vw 10% !important;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1-home #g-slideshow .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .site-1-home .m-times-container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
    }

    .site-1-home .m-times-container>div {
        flex: 1;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(1) :is(.g-content.g-particle, .g-content-array, .g-content-array > .g-grid, .g-content-array > .g-grid > .g-block, .g-content-array > .g-grid > .g-block > .g-content) {
        width: 100%;
    }

    .site-1-home .m-times-container p>.mt-bold-text {
        font-weight: 500;
        margin-bottom: 1vw;
    }

    .site-1-home .m-times-container :is(h1, h2, h3, h4, h5) {
        color: var(--primary-color);
        font-size: 3vw;
        /*text-align: center;*/
        font-variant-caps: normal;
        text-transform: none;
        border: none;
        line-height: 1;
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        background: none;
    }

    .site-1-home .m-times-container h6 {
        font-size: 1.25vw;
        font-weight: 400;
        color: var(--default-black);
        /*text-align: center;*/
        text-transform: uppercase;
        font-variant-caps: normal;
        letter-spacing: 1px;
        margin-bottom: 0;
        font-family: var(--body-font-family);
    }

    .site-1-home .m-times-container p {
        color: var(--default-black);
        /*text-align: center;*/
        font-size: 1vw;
        font-family: var(--body-font-family);
        font-weight: 300;
    }

    .site-1-home #g-slideshow .m-times-container .button {
        font-size: 1.75vw;
        padding: 1vw 1.75vw;
        margin-top: 1vw;
    }

    .site-1-home #g-slideshow .m-times-container .empty-tag {
        margin: 0;
    }


    .site-2-home #g-slideshow {
        background: url('/images/stories/template/paralax1.jpg');
        background-size: cover;
        background-position: center 40%;
        margin-top: -24px !important;
        padding-top: 24px !important;
        position: relative;
        z-index: 10;
        /*clip-path: polygon(calc(50% - 24px) 0, 50% 24px, calc(50% + 24px) 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);*/
    }

    .site-2-home #g-slideshow:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, .9);
        width: 50%;
        height: 24px;
        display: block;
        transform: skew(45deg) translateX(-11px);
        z-index: 11;
    }

    .site-2-home #g-slideshow:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(255, 255, 255, .9);
        width: 50%;
        height: 24px;
        display: block;
        transform: skew(-45deg) translateX(11px);
        z-index: 11;
    }

    .site-2-home #g-slideshow>.g-container {
        background: rgba(255, 255, 255, .9);
        padding: 6vw 10% !important;
    }

    .site-2-home #g-slideshow>.g-container>.g-grid>.g-block {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-2-home #g-slideshow .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .site-2-home .m-times-container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
    }

    .site-2-home .m-times-container>div {
        flex: 1;
    }

    .site-2-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(1) :is(.g-content.g-particle, .g-content-array, .g-content-array > .g-grid, .g-content-array > .g-grid > .g-block, .g-content-array > .g-grid > .g-block > .g-content) {
        width: 100%;
    }

    .site-2-home .m-times-container p>.mt-bold-text {
        font-weight: 500;
        margin-bottom: 1vw;
    }

    .site-2-home .m-times-container :is(h1, h2, h3, h4, h5) {
        color: var(--primary-color);
        font-size: 3vw;
        text-align: center;
        font-variant-caps: normal;
        text-transform: none;
        border: none;
        line-height: 1;
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        background: none;
    }

    .site-2-home .m-times-container h6 {
        font-size: 1.25vw;
        font-weight: 400;
        color: var(--default-black);
        text-align: center;
        text-transform: uppercase;
        font-variant-caps: normal;
        letter-spacing: 1px;
        margin-bottom: 0;
        font-family: var(--body-font-family);
    }

    .site-2-home .m-times-container p {
        color: var(--default-black);
        text-align: center;
        font-size: 1vw;
        font-family: var(--body-font-family);
        font-weight: 300;
    }
}

@media only screen and (min-width: 50.99rem) and (max-device-aspect-ratio: 16/9) and (orientation: landscape) {
    .site-1-home .video-overlay-menu>.g-container {
        position: relative;
        height: 90vh !important;
        width: 100%;
    }

    .site-2-home .video-overlay-menu>.g-container {
        position: relative;
        height: 90vh !important;
        width: 100%;
    }

    video.background-video {
        height: 90vh;
    }

    .site-1-home #g-slideshow {
        /*transform: translateY(2.65vw);*/
        transition: .4s all ease-in-out;
        margin-top: -4.65vw !important;
    }
}

@media only screen and (min-width: 50.99rem) and (min-device-aspect-ratio: 16/9) and (max-device-aspect-ratio: 16/12) and (orientation: landscape) {
    .site-1-home .video-overlay-menu>.g-container {
        position: relative;
        height: 100vh !important;
        width: 100%;
    }

    video.background-video {
        height: 100vh;
    }

    .site-1-home #g-slideshow {
        transform: translateY(4.65vw);
        transition: .4s all ease-in-out;
        /*margin-top: -4.65vw!important;*/
    }
}

@media only screen and (min-width: 50.99rem) and (max-device-aspect-ratio: 16/9) and (orientation: portrait) {
    .site-1-home .video-overlay-menu>.g-container {
        position: relative;
        height: 50vh !important;
        width: 100%;
    }

    video.background-video {
        height: 50vh;
    }

    .site-1-home #g-slideshow {
        /*transform: translateY(2.65vw);*/
        transition: .4s all ease-in-out;
        margin-top: -4.65vw !important;
    }
}

@media only screen and (min-width: 50.99rem) and (min-device-aspect-ratio: 16/9) and (orientation: portrait) {
    .site-1-home .video-overlay-menu>.g-container {
        position: relative;
        height: 50vh !important;
        width: 100%;
    }

    .site-2-home .video-overlay-menu>.g-container {
        position: relative;
        height: 50vh !important;
        width: 100%;
    }

    video.background-video {
        height: 50vh;
    }

    .site-1-home #g-slideshow {
        /*transform: translateY(2.65vw);*/
        transition: .4s all ease-in-out;
        margin-top: -4.65vw !important;
    }
}

.h6-text {
    font-size: 1.25vw;
    font-weight: 400;
    color: var(--default-black);
    text-transform: none;
    font-variant-caps: normal;
    letter-spacing: 1px;
    font-family: var(--body-font-family);
    margin-bottom: 0;
    line-height: 1;
    height: 3vw;
    align-items: center;
    margin-bottom: 1vw;
}

@media only screen and (max-width: 50.99rem) {
    .h6-text {
        font-size: 3vw;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-slideshow {
        background: url('/images/stories/template/paralax1.jpg');
        background-size: cover;
        background-position: center 40%;
        position: relative;
        z-index: 10;
    }

    /*.site-1-home #g-slideshow .admod.adside > table {
        height: 235px;
    }*/
    /*.site-1-home #g-slideshow .admod.adside > table > tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }*/
    .site-1-home #g-slideshow>.g-container {
        background: rgba(255, 255, 255, .9);
        padding: 2rem 1rem !important;
    }

    .site-1-home #g-slideshow .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .site-1-home .m-times-container {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        gap: 1rem;
    }

    .site-1-home .m-times-container>div {
        flex: 1;
        max-width: 50%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .site-1-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(1) :is(.g-content.g-particle, .g-content-array, .g-content-array > .g-grid, .g-content-array > .g-grid > .g-block, .g-content-array > .g-grid > .g-block > .g-content) {
        width: 100%;
    }

    .site-1-home .m-times-container p>.mt-bold-text {
        font-weight: 500;
        margin-bottom: 1vw;
    }

    .site-1-home .m-times-container :is(h1, h2, h3, h4, h5) {
        color: var(--primary-color);
        font-size: 7vw;
        /*text-align: center;*/
        font-variant-caps: normal;
        text-transform: none;
        border: none;
        line-height: 1;
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        background: none;
    }

    .site-1-home .m-times-container h6 {
        font-size: 4vw;
        font-weight: 400;
        color: var(--default-black);
        /*text-align: center;*/
        text-transform: uppercase;
        font-variant-caps: normal;
        letter-spacing: 1px;
        margin-bottom: 0;
        font-family: var(--body-font-family);
    }

    .site-1-home .m-times-container p {
        color: var(--default-black);
        /*text-align: center;*/
        font-size: 3vw;
        font-family: var(--body-font-family);
        font-weight: 300;
    }

    .site-1-home .m-times-container .empty-tag {
        margin: 0 !important;
        margin-bottom: .5rem !important;
    }

    /*.site-1-home #g-slideshow .m-times-container > div:first-child .button {
        line-height: 10vw;
    }*/
    .site-1-home #g-slideshow .m-times-container .button {
        font-size: 3vw;
        border-radius: 1rem / 50%;
        margin-top: 1rem;
    }

    .site-2-home #g-slideshow {
        background: url('/images/stories/template/paralax1.jpg');
        background-size: cover;
        background-position: center 40%;
        position: relative;
        z-index: 10;
    }

    .site-2-home #g-slideshow>.g-container {
        background: rgba(255, 255, 255, .9);
        padding: 2rem 1rem !important;
    }

    .site-2-home #g-slideshow .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .site-2-home .m-times-container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
    }

    .site-2-home .m-times-container>div {
        flex: 1;
    }

    .site-2-home #g-slideshow>.g-container>.g-grid>.g-block:nth-child(1) :is(.g-content.g-particle, .g-content-array, .g-content-array > .g-grid, .g-content-array > .g-grid > .g-block, .g-content-array > .g-grid > .g-block > .g-content) {
        width: 100%;
    }

    .site-2-home .m-times-container p>.mt-bold-text {
        font-weight: 500;
        margin-bottom: 1vw;
    }

    .site-2-home .m-times-container :is(h1, h2, h3, h4, h5) {
        color: var(--primary-color);
        font-size: 7vw;
        text-align: center;
        font-variant-caps: normal;
        text-transform: none;
        border: none;
        line-height: 1;
        margin: 0;
        padding: 0;
        font-family: var(--title-font-family);
        background: none;
    }

    .site-2-home .m-times-container h6 {
        font-size: 4vw;
        font-weight: 400;
        color: var(--default-black);
        text-align: center;
        text-transform: uppercase;
        font-variant-caps: normal;
        letter-spacing: 1px;
        margin-bottom: 0;
        font-family: var(--body-font-family);
    }

    .site-2-home .m-times-container p {
        color: var(--default-black);
        text-align: center;
        font-size: 3vw;
        font-family: var(--body-font-family);
        font-weight: 300;
    }

    .site-2-home .m-times-container .button {
        font-size: 3vw;
    }
}

/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*@media screen and (orientation:landscape) {
    .site-1-home #g-showcase {
        background-attachment: unset!important;
        background-size: cover;
    }
}

@media screen and (orientation:portrait) {
    .site-1-home #g-showcase {
        background-attachment: unset!important;
        background-size: cover;
    }
}*/

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-showcase {
        background: url('/images/template/paralax2.jpg') 50% 50% no-repeat;
        background-size: 110% 110%;
        background-attachment: fixed;
    }

    .site-1-home.tablet-screen #g-showcase {
        background: url('/images/template/paralax2.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: unset !important;
    }

    .site-1-home #g-showcase>.g-container {
        background: rgba(var(--primary-rgb), .3);
        padding: 5vw 10% 0 10% !important;
        backdrop-filter: blur(4px);
        --webkit-backdrop-filter: blur(4px);
    }

    .site-1 .ph-lower-title .g-content-array {
        flex-wrap: wrap;
        gap: 3vw 10vw;
    }

    .site-1 .ph-lower-title .g-content-array>.g-grid {
        min-width: 40%;
        max-width: 50%;
    }

    .site-1 .ph-lower-title .g-array-item-image img {
        height: unset;
        max-height: unset;
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .site-1 .ph-lower-title .g-item-title {
        border: none;
    }

    .site-1 #g-showcase>.g-container>.g-grid:last-child {
        margin-top: 5vw !important;
    }

    .site-1 #g-showcase>.g-container>.g-grid:last-child .button {
        margin-bottom: -2vw !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-showcase {
        background: url('/images/template/paralax2.jpg') 50% 50% no-repeat;
        background-size: 110% 110%;
    }

    .site-1-home #g-showcase>.g-container {
        background: rgba(var(--primary-rgb), .3);
        padding: 2rem 0 !important;
        backdrop-filter: blur(4px);
        --webkit-backdrop-filter: blur(4px);
    }

    .site-1-home #g-showcase>.g-container>.g-grid:last-child {
        padding: 1rem 10vw !important;
    }

    .site-1 .ph-sidebyside-mobile {
        --ph-title-color: var(--primary-color);
    }

    .site-1-home .ph-sidebyside-mobile .g-title {
        text-align: center;
        color: var(--default-white);
    }

    .site-1-home #g-showcase>.g-container>.g-grid:last-child .button {
        line-height: 2.3rem;
        font-size: 1rem;
    }
}

.ph-rounded-square {
    --ph-g-title-size-desktop: 6vw;
    --ph-g-title-margin: 0 0 2vw 0;

    --ph-num-cols: 3;
    --ph-gap: 2vw;
    --ph-num-cols-gaps: calc(var(--ph-num-cols) - 1);
    --ph-num-cols-gaps-total: calc(var(--ph-num-cols-gaps) * var(--ph-gap));
    --ph-num-cols-gaps-quotient: calc(var(--ph-num-cols-gaps-total) / var(--ph-num-cols));
    --ph-flex: calc(100% / var(--ph-num-cols));
    --ph-vertical-flex: 1;
    --ph-flex-gap: calc(var(--ph-flex) - var(--ph-num-cols-gaps-quotient));

    --ph-border-radius: 1rem;

    --ph-background-color: #E3E3E3;

    --ph-title-padding: 1vw 2vw;

    --ph-title-font-size-desktop: 1.75vw;
    --ph-title-min-height: calc(var(--ph-title-font-size-desktop) * 4);
    --ph-title-border-top: 4px solid var(--secondary-color);
    --ph-title-color: #7C7C7C;
    --ph-title-font: var(--body-font-family);
    --ph-title-weight: 700;
}

@media only screen and (max-width: 50.99rem) {
    .site-1 .ph-rounded-square-mobile {
        --ph-g-title-size-mobile: 8vw;

        --ph-num-cols: 1;
        --ph-gap: 1rem;
    }

    .site-2 .ph-rounded-square-mobile {
        --ph-g-title-size-mobile: 8vw;

        --ph-num-cols: 1;
        --ph-gap: 1rem;
        --ph-g-title-color: var(--primary-color);
    }
}

@media only screen and (min-width: 50.99rem) {
    .ph-rounded-square {
        margin: 0;
        padding: 0;
    }

    .ph-rounded-square>.g-content {
        margin: 0;
        padding: 0;
    }

    .ph-rounded-square .g-title {
        margin: var(--ph-g-title-margin);
        padding: 0;
        color: var(--ph-g-title-color);
        font-family: var(--ph-g-title-font);
        font-size: var(--ph-g-title-size-desktop);
        font-weight: var(--ph-g-title-weight);
        text-transform: var(--ph-g-title-text-transform);
        font-variant-caps: var(--ph-g-title-variant-caps);
    }

    .ph-rounded-square .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: var(--ph-gap);
    }

    .ph-rounded-square .g-content-array>.g-grid {
        margin: 0;
        padding: 0;
        flex: var(--ph-flex-gap);
        max-width: var(--ph-flex-gap);
        border-radius: var(--ph-border-radius);
        overflow: hidden;
        background: var(--ph-background-color);
        box-shadow: var(--ph-box-shadow);
    }

    .ph-rounded-square .g-content-array>.g-grid>.g-block {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        border-radius: var(--ph-border-radius);
    }

    .ph-rounded-square .g-content-array>.g-grid>.g-block>.g-content {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        border-radius: var(--ph-border-radius);
    }

    .ph-rounded-square .g-array-item {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        position: relative;
        border-radius: var(--ph-border-radius);
    }

    .ph-rounded-square .g-array-item-image {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .ph-rounded-square .g-array-item-image img {
        margin: 0;
        padding: 0;
        width: 100%;
        object-position: center;
        object-fit: cover;
        transition: .3s all ease-in-out;
    }

    .ph-rounded-square.ph-uw .g-array-item-image img {
        width: 100%;
        aspect-ratio: 3.6 / 1;
    }

    .ph-rounded-square.ph-sw .g-array-item-image img {
        width: 100%;
        aspect-ratio: 2.39 / 1;
    }

    .ph-rounded-square.ph-wide .g-array-item-image img {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .ph-rounded-square.ph-standard .g-array-item-image img {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .ph-rounded-square.ph-square .g-array-item-image img {
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .ph-rounded-square.ph-portrait .g-array-item-image img {
        width: 100%;
        aspect-ratio: 3 / 4;
    }

    .ph-rounded-square .g-array-item:hover .g-array-item-image img {
        transform: scale(1.10);
    }

    .ph-rounded-square .g-array-item-title {
        margin: 0;
        padding: var(--ph-title-padding);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: var(--ph-title-min-height);
        /*border-top: var(--ph-title-border-top);*/
        position: relative;
    }

    .ph-rounded-square .g-item-title {
        margin: 0;
        padding: 0;
        height: 100%;
        border: none;
        font-size: var(--ph-title-font-size-desktop);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }

    .ph-rounded-square .g-array-item-title:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 25%;
        transition: .3s all ease-in-out;
        background: var(--secondary-color);
    }

    .ph-rounded-square .g-array-item:hover .g-array-item-title:before {
        width: 100%;
    }

    .ph-rounded-square .g-item-title a {
        margin: 0;
        padding: 0;
        font-size: var(--ph-title-font-size-desktop);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }

    .ph-rounded-square .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;
    }

    .ph-rounded-square .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;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ph-rounded-square-mobile {
        margin: 0;
        padding: 0;
    }

    .ph-rounded-square-mobile>.g-content {
        margin: 0;
        padding: 0;
        max-width: 100%;
        /*overflow-x: scroll;
        scroll-snap-type: x mandatory;*/
    }

    .ph-rounded-square-mobile .g-title {
        margin: var(--ph-g-title-margin);
        padding: 0;
        color: var(--ph-g-title-color);
        font-family: var(--ph-g-title-font);
        font-size: var(--ph-g-title-size-mobile);
        font-weight: var(--ph-g-title-weight);
        text-transform: var(--ph-g-title-text-transform);
        font-variant-caps: var(--ph-g-title-variant-caps);
    }

    .ph-rounded-square-mobile .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        /*flex-wrap: nowrap;*/
        /*justify-content: center;*/
        align-items: stretch;
        gap: var(--ph-gap);
        width: 100%;
        /*max-width: calc(480vw + var(--ph-gap));*/
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        padding: 1rem 15vw;
    }

    .ph-rounded-square-mobile .g-content-array>.g-grid {
        margin: 0;
        padding: 0;
        flex: var(--ph-flex-gap);
        width: 80vw;
        max-width: var(--ph-flex-gap);
        border-radius: var(--ph-border-radius);
        /*overflow: hidden;*/
        background: var(--ph-background-color);
        box-shadow: var(--ph-box-shadow);
        scroll-snap-align: center;
    }

    .ph-rounded-square-mobile .g-content-array>.g-grid>.g-block {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 80vw;
        border-radius: var(--ph-border-radius);
    }

    .ph-rounded-square-mobile .g-content-array>.g-grid>.g-block>.g-content {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        border-radius: var(--ph-border-radius);
    }

    .ph-rounded-square-mobile .g-array-item {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: var(--ph-border-radius);
    }

    .ph-rounded-square-mobile .g-array-item-image {
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: 100%;
    }

    .ph-rounded-square-mobile .g-array-item-image img {
        margin: 0;
        padding: 0;
        width: 100%;
        object-position: center;
        object-fit: cover;
        transition: .3s all ease-in-out;
    }

    .ph-rounded-square-mobile.ph-uw .g-array-item-image img {
        width: 80vw;
        aspect-ratio: 3.6 / 1;
    }

    .ph-rounded-square-mobile.ph-sw .g-array-item-image img {
        width: 80vw;
        aspect-ratio: 2.39 / 1;
    }

    .ph-rounded-square-mobile.ph-wide .g-array-item-image img {
        width: 80vw;
        aspect-ratio: 16 / 9;
    }

    .ph-rounded-square-mobile.ph-standard .g-array-item-image img {
        width: 80vw;
        aspect-ratio: 4 / 3;
    }

    .ph-rounded-square-mobile.ph-square .g-array-item-image img {
        width: 80vw;
        aspect-ratio: 1 / 1;
    }

    .ph-rounded-square-mobile.ph-portrait .g-array-item-image img {
        width: 80vw;
        aspect-ratio: 3 / 4;
    }

    .ph-rounded-square-mobile .g-array-item:hover .g-array-item-image img {
        transform: scale(1.10);
    }

    .ph-rounded-square-mobile .g-array-item-title {
        margin: 0;
        padding: var(--ph-title-padding);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: var(--ph-title-min-height);
        /*border-top: var(--ph-title-border-top);*/
        position: relative;
    }

    .ph-rounded-square-mobile .g-item-title {
        margin: 0;
        padding: 0;
        height: 100%;
        border: none;
        font-size: var(--ph-title-font-size-mobile);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }

    .ph-rounded-square-mobile .g-array-item-title:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 25%;
        transition: .3s all ease-in-out;
        background: var(--secondary-color);
    }

    .ph-rounded-square-mobile .g-array-item:hover .g-array-item-title:before {
        width: 100%;
    }

    .ph-rounded-square-mobile .g-item-title a {
        margin: 0;
        padding: 0;
        font-size: var(--ph-title-font-size-mobile);
        color: var(--ph-title-color);
        font-family: var(--ph-title-font);
        font-weight: var(--ph-title-weight);
    }

    .ph-rounded-square-mobile .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;
    }

    .ph-rounded-square-mobile .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;
    }
}

/*************** UTILITY ******************/
/*************** FEATURE ******************/
@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-feature>.g-container>.g-grid {
        display: grid;
        grid-template-areas:
            "a b c"
            "a b d";
        grid-template-columns: 2fr 2fr 1fr;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(1) {
        grid-area: a;
        width: auto;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(2) {
        grid-area: b;
        width: auto;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(3) {
        grid-area: c;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(4) {
        grid-area: d;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: flex-start !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(1) {
        width: 100%;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(2) {
        width: 100%;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(3) {
        width: 50%;
        flex: 0 50%;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:nth-child(4) {
        width: 50%;
        flex: 0 50%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-feature {
        background: url('/images/template/bg-school-welcome.jpg') 50% 50% no-repeat;
        background-size: cover;
    }

    .site-2-home #g-feature>.g-container {
        padding: 3vw 8% 3vw 8% !important;
        background: rgba(255, 255, 255, .7);
    }

    .site-2-home #g-feature .lunch-menu {
        padding-right: 2vw;
    }

    .site-2-home #g-feature .school-downloads {
        padding-left: 2vw;
    }

    /*.site-2-home #g-feature .school-boxes {
        margin-bottom: -10vw!important;
        /*margin-top: -8vw!important;*
    }*/
    .site-2-home #g-feature .school-boxes p {
        font-size: 1.25vw;
    }

    .site-2-home #g-feature .school-boxes .koowa_header {
        font-size: 1.25vw;
    }

    .site-2-home #g-feature .school-boxes>.g-content {
        /*background: rgba(255,255,255,.75);
        border-radius: 1rem;
        box-shadow: var(--default-box-shadow);
        backdrop-filter: blur(4px);
        --webkit-backdrop-filter: blur(4px);*/
        padding: 2vw 2vw 2vw 4vw;
        /*position: relative;
        z-index: 15;*/
        height: 100%;
    }

    .site-2-home #g-feature>.g-container>.g-grid>.g-block:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-2-home #g-feature .button {
        font-size: 1.25vw;
        padding: .75vw 1.5vw;
        border-radius: 1vw / 50%;
    }

    .site-2-home.homelayout .k-ui-namespace .mod_docman.mod_docman--documents {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2-home #g-feature {
        background: url('/images/template/bg-school-welcome.jpg') 50% 50% no-repeat;
        background-size: cover;
    }

    .site-2-home #g-feature>.g-container {
        padding: 2rem 1rem !important;
    }

    .site-2-home #g-feature .lunch-menu {
        margin-bottom: 2rem;
    }

    .site-2-home #g-feature .school-boxes {
        margin-bottom: 2rem;
    }

    /*.site-2-home #g-feature .school-downloads {
        padding-left: 2vw;
    }
    .site-2-home #g-feature .school-boxes {
        margin-bottom: -10vw!important;
        /*margin-top: -8vw!important;*
    }*/
    .site-2-home #g-feature .school-boxes>.g-content {
        background: rgba(255, 255, 255, .75);
        border-radius: 1rem;
        box-shadow: var(--default-box-shadow);
        backdrop-filter: blur(4px);
        --webkit-backdrop-filter: blur(4px);
        padding: 1rem;
        /*position: relative;
        z-index: 15;*/
        height: 100%;
    }
}

/*@media screen and (orientation:landscape) {
    .site-2-home #g-feature {
        background-attachment: unset!important;
        background-size: cover;
    }
}

@media screen and (orientation:portrait) {
    .site-2-home #g-feature {
        background-attachment: unset!important;
        background-size: cover;
    }
}*/

/*************** MAIN *********************/
.parish-home #g-container-main {
    padding: 0 5%;
}

@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-container-main {
        background: url('/images/template/bg-school-calendar.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
        /*padding-top: 10vw;*/
    }

    .site-2-home.tablet-screen #g-container-main {
        background: url('/images/template/bg-school-calendar.jpg') 50% 50% no-repeat;
        background-size: cover;
        background-attachment: unset !important;
    }

    .site-2-home #g-container-main>.g-grid {
        background: rgba(var(--primary-rgb), .3);
        padding: 5vw 10% 0 10% !important;
    }

    .site-2-home #g-mainbar>.g-grid:last-child {
        margin-top: 3vw;
    }

    .site-2-home #g-mainbar>.g-grid:last-child>.g-block>.g-content {
        margin-bottom: -2.5vw;
        padding-bottom: 0 !important;
    }

    /*.site-2-home #g-container-main {
        background: url('/images/template/paralax2.jpg') 50% 50% no-repeat;
        background-size: 110% 110%;
        background-attachment: fixed;
    }
    .site-2-home #g-container-main > .g-container {
        background: rgba(0,0,0,.3);
        padding: 6vw 10%!important;
    }*/
    .site-2-home #g-aside {
        background: transparent;
    }

    .site-2 .ph-lower-title .g-title {
        color: var(--primary-color);
    }

    .site-2 .ph-lower-title .g-item-title>a {
        --ph-title-color: var(--primary-color);
    }

    .site-2 .ph-lower-title .g-content-array {
        gap: 1rem;
    }

    .site-2 .ph-lower-title .g-content-array>.g-grid {
        min-width: 25%;
        max-width: 33%;
    }

    .site-2 .ph-lower-title .g-array-item-image img {
        height: unset;
        max-height: unset;
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .site-2 .ph-lower-title .g-item-title {
        border: none;
    }

    .site-2 #g-container-main>.g-container>.g-grid:last-child {
        margin-top: 3vw !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    /*.site-2-home #g-container-main {
        background: url('/images/template/paralax2.jpg') 50% 50% no-repeat;
        background-size: 110% 110%;
    }
    .site-2-home #g-container-main > .g-container {
        background: rgba(0,0,0,.3);
        padding: 2rem 1rem!important;
    }*/

    .site-2-home #g-mainbar {
        padding: 2rem 0;
    }

    .site-2 .ph-sidebyside-mobile {
        --ph-title-color: var(--primary-color);
    }

    .site-2-home .ph-sidebyside-mobile .g-title {
        text-align: center;
        color: var(--primary-color);
    }
}

@media only screen and (max-width: 50.99rem) {
    :is(.site-1-sub, .site-2-sub) #g-mainbar>.g-grid>.g-block>.g-content {
        margin: 0;
        padding: 0;
    }
}

/*************** EXPANDED *****************/
@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-expanded {
        background: url('/images/template/paralax3.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 0 !important;
    }

    .site-2-home #g-expanded>.g-container {
        padding: 5vw 10% !important;
        background: rgba(255, 255, 255, .9);
    }

    .site-2-home #g-expanded .g-title {
        color: var(--primary-color);
        font-size: 4vw;
    }

    .site-2-home #g-expanded>.g-container>.g-grid:last-child {
        margin-top: 2vw !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2-home #g-expanded {
        background: url('/images/template/paralax3.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 0 !important;
    }

    .site-2-home #g-expanded>.g-container {
        padding: 2rem 1rem !important;
        background: rgba(255, 255, 255, .9);
    }

    .site-2-home #g-expanded .g-title {
        color: var(--primary-color);
        font-size: 8vw;
    }
}

/*************** EXTENSION ****************/
@media only screen and (min-width: 50.99rem) {
    .site-2-home #g-extension {
        background: url('/images/template/school-bg-principal-left.jpg') 0% 0% no-repeat, url('/images/template/school-bg-principal-right.jpg') 100% 0% no-repeat, #ffffff;
        background-size: contain;
    }

    .site-2-home #g-extension>.g-container {
        padding: 5vw 10% !important;
    }

    .site-2 .principal-title h3 {
        font-size: 3vw;
        border: none;
        margin: 0;
        padding: 0;
    }

    .site-2 .principal-title h5 {
        background: none;
        font-size: 2vw;
        color: var(--secondary-color);
        margin: 0;
        padding: 0;
        font-family: var(--body-font-family);
        font-weight: 300;
    }

    .site-2 .principal-title hr.short {
        width: 28vw;
        border-bottom: 4px solid var(--secondary-color);
        text-align: center;
        margin: 1rem auto;
    }

    .site-2-home #g-extension .g-array-item-text p {
        color: var(--primary-color);
    }

    .site-2-home #g-extension .g-array-item-read-more a {
        font-size: 1.25vw;
        padding: .75vw 1.5vw;
        border-radius: 1vw / 50%;
    }

    .site-2-home #g-extension .g-array-item-read-more a:hover {
        background: var(--primary-color);
    }
}

@media only screen and (min-width: 50.99rem) {
    .princ-corner {
        padding-left: 2vw;
    }

    .princ-photo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .princ-photo .g-array-item-image {
        border-radius: 50%;
        overflow: hidden;
        box-shadow: var(--default-box-shadow);
    }

    .princ-photo .g-array-item-image a {
        pointer-events: none;
    }
}

@media only screen and (max-width: 50.99rem) {
    .princ-photo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .princ-photo .g-array-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .princ-photo .g-array-item-image {
        border-radius: 50%;
        overflow: hidden;
        box-shadow: var(--default-box-shadow);
        max-width: 65%;
    }

    .princ-photo .g-array-item-image a {
        pointer-events: none;
    }

    .princ-corner .button {
        font-size: 3.75vw !important;
        padding: .5rem 2rem !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2-home #g-extension {
        background: url('/images/template/school-bg-principal-left.jpg') 0% 0% no-repeat, url('/images/template/school-bg-principal-right.jpg') 100% 0% no-repeat, #ffffff;
        background-size: contain;
    }

    .site-2-home #g-extension>.g-container {
        padding: 2rem 1rem !important;
    }

    .site-2 .principal-title h3 {
        font-size: 6vw;
        border: none;
        margin: 0;
        padding: 0;
    }

    .site-2 .principal-title h5 {
        background: none;
        font-size: 4vw;
        color: var(--secondary-color);
        margin: 0;
        padding: 0;
        font-family: var(--body-font-family);
        font-weight: 300;
    }

    .site-2 .principal-title hr.short {
        width: 28vw;
        border-bottom: 4px solid var(--secondary-color);
        text-align: center;
        margin: 1rem auto;
    }

    .site-2-home #g-extension .g-array-item-text p {
        color: var(--primary-color);
    }
}

/*************** BOTTOM *******************/
@media only screen and (min-width: 50.99rem) {
    .site-1 #g-bottom {
        padding: 3vw 0 !important;
    }

    .site-1 #g-bottom .admod td {
        padding: 0;
    }

    .site-2 #g-bottom {
        padding: 3vw 0 !important;
    }

    .site-2 #g-bottom .admod td {
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-2 #g-bottom {
        padding: 1rem !important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-bottom {
        background: url('/images/template/paralax3.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 0 !important;
    }

    .site-1-home #g-bottom>.g-container {
        padding: 3vw 10% !important;
        background: rgba(255, 255, 255, .9);
    }

    .site-1-home #g-bottom .ql-overlay-buttons {
        --ql-background-color: var(--secondary-color);
        --ql-background-hover: var(--primary-color);
    }

    .site-1-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent {
        gap: 2vw;
    }

    .site-1-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-title-text {
        font-weight: 600;
        font-size: 1.5vw;
        text-align: center;
    }

    .site-1-home #g-bottom>.g-container>.g-grid {
        margin-top: 2vw !important;
    }

    .site-1-home #g-bottom>.g-container>.g-grid:first-child {
        margin-top: 1vw !important;
    }

    .site-1-home #g-bottom>.g-container>.g-grid:last-child {
        margin-left: -10% !important;
        margin-right: -10% !important;
    }

    .site-1-home #g-bottom>.g-container>.g-grid:nth-child(3) {
        padding: 0 !important;
        padding-bottom: 3vw !important;
    }

    .site-1-home #g-bottom>.g-container>.g-grid:nth-child(4) {
        padding: 0 !important;
    }



    /*.site-2-home #g-bottom {
        background: url('/images/template/paralax3.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 0!important;
    }
    .site-2-home #g-bottom > .g-container {
        padding: 3vw 0!important;
        background: rgba(255,255,255,.9);
    }
    .site-2-home #g-bottom .ql-overlay-buttons {
        --ql-background-color: var(--secondary-color);
        --ql-background-hover: var(--primary-color);
    }
    .site-2-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent {
        gap: 2vw;
    }
    .site-2-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-title-text {
        font-weight: 600;
    }
    .site-2-home #g-bottom > .g-container > .g-grid {
        margin-top: 3vw!important;
    }
    .site-2-home #g-bottom > .g-container > .g-grid:nth-child(3) {
        padding: 0 12.5%!important;
        padding-bottom: 3vw!important;
    }
    .site-2-home #g-bottom > .g-container > .g-grid:nth-child(4) {
        padding: 0 7.5%!important;
    }*/
}

@media only screen and (min-width: 50.99rem) {
    .home-disciple-block img {
        width: 9vw;
        height: auto;
        margin-bottom: 3vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .quotator .swiper-navigation div[class*="button-next"] {
        right: 0;
        top: 45%;
    }

    .quotator .swiper-navigation div[class*="button-prev"] {
        left: 0;
        top: 45%;
    }

    .quotator :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"])>.fa {
        color: rgba(var(--primary-rgb), .6);
        text-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
        transition: .3s all ease-in-out;
    }

    .quotator :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"])>.fa:hover {
        transform: scale(1.15);
    }
}

@media only screen and (min-width: 50.99rem) {
    .quotator {
        margin: 0;
        padding: 2vw 0% !important;
    }

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

    .quotator>.g-content>.g-swiper {
        margin: 0;
        padding: 0;
        border-radius: 10% / 50%;
        overflow: hidden;
    }

    .quotator>.g-content>.g-swiper>.g-swiper-slider {
        margin: 0;
        padding: 0;
        height: auto !important;
    }

    .quotator>.g-content>.g-swiper>.g-swiper-slider>.swiper-slide {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        padding: 0;
        /*padding: 3vw 6vw!important;*/
        width: 100% !important;
        flex-shrink: 0;
    }

    .quotator>.g-content>.g-swiper>.g-swiper-slider>.swiper-slide img {
        flex: auto;
        height: 27vw;
        width: 27vw;
        border-radius: 50%;
        aspect-ratio: 1/1;
        object-position: center;
        object-fit: cover;
        overflow: hidden;
        order: 1;
    }

    .quotator>.g-content>.g-swiper>.g-swiper-slider>.swiper-slide>.slide {
        flex: auto;
        position: unset;
        order: 2;
        width: calc(100% - 20vw);
    }

    .quotator :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"])>.fa {
        color: rgba(var(--primary-rgb), .6);
        text-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
        transition: .3s all ease-in-out;
        font-size: 5vw;
    }

    .quotator :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"])>.fa:hover {
        transform: scale(1.15);
    }

    .quotator .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text {
        color: #333333;
        font-size: 1.3vw;
        order: 1;
        letter-spacing: 0px;
        font-weight: 400;
        text-align: left;
        font-style: italic;
        margin-left: 0 !important;
        padding-left: 2rem;
        position: relative;
    }

    .quotator .slide-content {
        display: flex;
        flex-direction: column;
    }

    .quotator .g-swiper-title {
        color: #333333 !important;
        order: 2;
        font-size: 1.3vw !important;
        text-align: left;
        margin-right: 0 !important;
        padding-left: 2rem;
        padding-right: 1vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    /*.quotator {
        margin: 0;
        padding: 2vw 5%!important;
    }
    .quotator > .g-content {
        margin: 0;
        padding: 0;
    }
    .quotator > .g-content > .g-swiper {
        margin: 0;
        padding: 0;
    }
    .quotator > .g-content > .g-swiper > .g-swiper-slider {
        margin: 0;
        padding: 0;
        height: auto!important;
    }
    .quotator #swiper-3499 .g-swiper-slider {
        height: auto!important;
    }
    .quotator > .g-content > .g-swiper > .g-swiper-slider > .swiper-slide {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        padding: 3vw 6vw!important;
        width: auto!important;
        flex: auto;
    }
    .quotator > .g-content > .g-swiper > .g-swiper-slider > .swiper-slide img {
        flex: auto;
        height: 60vw;
        width: 60vw;
        border-radius: 50%;
        object-position: center;
        object-fit: cover;
        margin: 1rem auto;
    }
    .quotator > .g-content > .g-swiper > .g-swiper-slider > .swiper-slide > .slide {
        flex: auto;
        position: unset;
    }
    .quotator :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"]) {
        color: rgba(119,119,119,.6);
    }
    .quotator .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text {
        color: #333333;
        font-size: 3vw;
        order: 1;
        margin: 0;
    }
    .quotator .slide-content {
        display: flex;
        flex-direction: column;
    }
    .quotator .g-swiper-title {
        color: #333333!important;
        order: 2;
        font-size: 3vw!important;
        text-align: right;
        margin: 0;
        padding: 0;
    }*/

    .quotator .swiper-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .quotator .swiper-slide>img {
        order: 1;
        height: 60vw;
        width: 60vw;
        object-position: center;
        object-fit: cover;
    }

    .quotator .g-swiper .g-swiper-slider .swiper-slide .slide {
        order: 2;
        position: unset;
    }

    .quotator .slide-content {
        display: flex;
        flex-direction: column;
    }

    .quotator .slide-content .g-swiper-title {
        order: 2;
        color: var(--default-black) !important;
        display: flex;
        justify-content: flex-start;
        margin: 1rem !important;
        padding: 0;
    }

    .quotator .slide-content .g-swiper-text {
        order: 1;
        color: var(--default-black) !important;
    }

    .quotator .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text {
        margin: 1rem;
        text-align: left;
        font-style: italic;
    }

    .quotator .slide-content-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .quotator .slide-content-wrapper>.slide-content {
        width: 90vw;
        height: fit-content;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-title {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;

        -webkit-animation: moveGradient 40s linear infinite;
        -moz-animation: moveGradient 40s linear infinite;
        animation: moveGradient 40s linear infinite;
    }

    #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
        background: var(--ql-background-hover);
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-title {
        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;

        -webkit-animation: moveGradient 30s linear infinite;
        -moz-animation: moveGradient 30s linear infinite;
        animation: moveGradient 30s linear infinite;
    }

    #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title {
        background: var(--ql-background-hover);
    }
}

.site-1 .ql-icon-bg {
    --ql-num-cols: 3;
    --ql-gap: 2vw;
    --ql-num-cols-gaps: calc(var(--ql-num-cols) - 1);
    --ql-num-cols-gaps-total: calc(var(--ql-num-cols-gaps) * var(--ql-gap));
    --ql-num-cols-gaps-quotient: calc(var(--ql-num-cols-gaps-total) / var(--ql-num-cols));
    --ql-flex: calc(100% / var(--ql-num-cols));
    --ql-flex-gap-total: calc(var(--ql-flex) - var(--ql-num-cols-gaps-quotient));
}

@media only screen and (max-width: 50.99rem) {
    .site-1 .ql-icon-bg-mobile {
        --ql-num-cols: 2;
        --ql-gap: 5vw;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-1 .ql-icon-bg {
        /*--ql-flex-gap: 2vw;*/
        --ql-font-size-desktop: 1.6vw;
    }

    .site-2 .ql-icon-bg {
        --ql-flex-gap: 2vw;
        --ql-font-size-desktop: 2.5vw;
    }

    .ql-icon-bg .g-blockcontent-subcontent {
        flex-wrap: wrap;
        gap: 3vw var(--ql-gap);
    }

    .ql-icon-bg .g-blockcontent-subcontent-block {
        /*min-width: 27%;*/
        max-width: var(--ql-flex-gap-total);
        flex: var(--ql-flex-gap-total);
        border-radius: .75rem;
        /*overflow: hidden;*/
        width: unset;
        height: unset;
        aspect-ratio: 4 / 3;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
        transition: .3s all ease-in-out;
    }

    .ql-icon-bg .g-blockcontent-subcontent-block:hover {
        transform: scale(1.10);
    }

    .ql-icon-bg .g-blockcontent-subcontent-img {
        width: 100%;
        height: unset;
        aspect-ratio: 4 / 3;
        position: unset;
        border-radius: .75rem;
    }

    .ql-icon-bg .g-blockcontent-subcontent-block-content:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: rgba(var(--primary-rgb), .5);
        border-radius: .75rem;
    }

    .ql-icon-bg .g-blockcontent-subcontent-desc {
        position: absolute;
        top: 0;
        bottom: 40%;
        left: 0;
        right: 0;
        width: 100%;
        height: 60%;
        z-index: 5;
        color: var(--ql-title-color);
        font-size: var(--ql-icon-size-desktop);
        display: flex;
        justify-content: center;
        align-items: flex-end;
        transition: var(--default-transition);
    }

    .ql-icon-bg .g-blockcontent-subcontent-desc img {
        height: 5vw;
        width: 5vw;
        margin-bottom: .25vw !important;
    }

    .ql-icon-bg .g-blockcontent-subcontent-title-icon {
        bottom: 40%;
        height: 60%;
        text-shadow: 2px 2px 15px rgba(0, 0, 0, .5);
    }

    .ql-icon-bg .g-blockcontent-subcontent-title {
        top: 60%;
        bottom: 1.25vw;
        height: calc(40% - 1.25vw);
        padding: 1vw 2vw;
    }

    .ql-icon-bg .g-blockcontent-subcontent-title {
        text-shadow: 2px 2px 15px rgba(0, 0, 0, .5);
    }

    .ql-icon-bg .g-blockcontent-subcontent-subtitle {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: -1.25vw;
        left: 7.5%;
        right: 7.5%;
        width: 85%;
        height: fit-content;
        text-align: center;
        font-size: 1.25vw;
        font-weight: 400;
        font-family: var(--body-font-family);
        color: var(--default-black);
        background: #E2E2E2;
        padding: .5vw;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
        border-radius: .75rem;
        z-index: 1;
        overflow: hidden;
    }

    .ql-icon-bg .g-blockcontent-subcontent-subtitle:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 0%;
        height: 6vw;
        z-index: -1;
        border-radius: .75rem;
        transition: .3s all ease-in-out;

        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;

        -webkit-animation: moveGradient 35s linear infinite;
        -moz-animation: moveGradient 35s linear infinite;
        animation: moveGradient 35s linear infinite;
    }

    .ql-icon-bg .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-subtitle:before {
        width: 100%;
    }

    .ql-icon-bg .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-subtitle {
        color: var(--default-white);
    }

    .ql-icon-bg .g-blockcontent-subcontent-subtitle>* {
        z-index: 1;
        position: relative;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-icon-bg-mobile .g-blockcontent-subcontent {
        flex-wrap: wrap;
        gap: 5vw var(--ql-gap);
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-block {
        /*min-width: 27%;*/
        max-width: var(--ql-flex-gap-total);
        flex: var(--ql-flex-gap-total);
        border-radius: .75rem;
        /*overflow: hidden;*/
        width: unset;
        height: unset;
        aspect-ratio: 4 / 3;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
        transition: .3s all ease-in-out;
    }

    /*.ql-icon-bg-mobile .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-img {
        transform: scale(1.10);
    }*/
    .ql-icon-bg-mobile .g-blockcontent-subcontent-img {
        width: 100%;
        height: unset;
        aspect-ratio: 4 / 3;
        position: unset;
        border-radius: .75rem;
        transition: .3s all ease-in-out;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-block-content:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: rgba(var(--primary-rgb), .5);
        border-radius: .75rem;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-desc {
        position: absolute;
        top: 0;
        bottom: 40%;
        left: 0;
        right: 0;
        width: 100%;
        height: 60%;
        z-index: 5;
        color: var(--ql-title-color);
        font-size: var(--ql-icon-size-desktop);
        display: flex;
        justify-content: center;
        align-items: flex-end;
        transition: var(--default-transition);
        display: none !important;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-desc img {
        height: 5vw;
        width: 5vw;
        margin-bottom: .25vw !important;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-title-icon {
        bottom: 40%;
        height: 60%;
        text-shadow: 2px 2px 15px rgba(0, 0, 0, .5);
        display: none !important;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-title {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        padding: 1vw 2vw;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-title {
        text-shadow: 2px 2px 15px rgba(0, 0, 0, .5);
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-subtitle {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: -2.25vw;
        left: 7.5%;
        right: 7.5%;
        width: 85%;
        height: fit-content;
        text-align: center;
        font-size: 3vw;
        font-weight: 700;
        font-family: var(--body-font-family);
        color: var(--default-black);
        background: #E2E2E2;
        padding: 1vw;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
        border-radius: .75rem;
        z-index: 1;
        overflow: hidden;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-subtitle:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 0%;
        height: 6vw;
        z-index: -1;
        border-radius: .75rem;
        transition: .3s all ease-in-out;

        background: radial-gradient(circle, #e31b23, #ff9aa2);
        background-color: var(--secondary-color);
        background-size: 300% 300%;

        -webkit-animation: moveGradient 35s linear infinite;
        -moz-animation: moveGradient 35s linear infinite;
        animation: moveGradient 35s linear infinite;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-subtitle:before {
        width: 100%;
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-subtitle {
        color: var(--default-white);
    }

    .ql-icon-bg-mobile .g-blockcontent-subcontent-subtitle>* {
        z-index: 1;
        position: relative;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-icon-bg.ql-dm .g-blockcontent-subcontent-subtitle {
        display: none !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .home-disciple-block img {
        width: 25vw;
        height: auto;
        margin-bottom: 3vw;
    }

    .home-disciple-block h1 {
        font-size: 6vw;
    }

    .site-1-home #g-bottom {
        background: url('/images/template/paralax3.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 0 !important;
    }

    .site-1-home #g-bottom>.g-container {
        padding: 3vw 1rem !important;
        background: rgba(255, 255, 255, .9);
    }

    .site-1-home #g-bottom .ql-overlay-buttons {
        --ql-background-color: var(--secondary-color);
        --ql-background-hover: var(--primary-color);
    }

    .site-1-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent {
        gap: 1rem;
    }

    .site-1-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-title-text {
        font-weight: 600;
    }

    .site-1-home #g-bottom>.g-container>.g-grid {
        margin-top: 2rem !important;
    }

    .site-1 .ql-icon-bg .g-blockcontent-subcontent {
        align-items: flex-end;
    }



    /*.site-2-home #g-bottom {
        background: url('/images/template/paralax3.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 0!important;
    }
    .site-2-home #g-bottom > .g-container {
        padding: 3vw 1rem!important;
        background: rgba(255,255,255,.9);
    }

    .site-2-home #g-bottom .ql-overlay-buttons {
        --ql-background-color: var(--secondary-color);
        --ql-background-hover: var(--primary-color);
    }
    .site-2-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent {
        gap: 1rem;
    }
    .site-2-home #g-bottom .ql-overlay-buttons .g-blockcontent-subcontent-title-text {
        font-weight: 600;
    }
    .site-2-home #g-bottom > .g-container > .g-grid {
        margin-top: 3vw!important;
    }

    .site-2 .ql-icon-bg .g-blockcontent-subcontent {
        align-items: flex-end;
    }*/
}

/*************** FOOTER *******************/
#g-footer .g-content-array {
    margin: 0;
}

#g-footer a {
    color: var(--default-white);
    transition: .2s all ease-in-out
}

#g-footer a:hover {
    opacity: .8;
}

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-footer {
        padding: 1.5rem 1rem !important;
    }

    .site-1 #g-footer .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .site-1 #g-footer .footer-wrapper {
        display: flex;
        flex-direction: row;
        gap: 2vw;
        justify-content: space-around;
        align-items: center;
    }

    .site-1 #g-footer .footer-wrapper p {
        margin: 0;
        padding: 0;
        font-size: 1.25vw;
        font-family: var(--body-font-family);
        text-align: center;
    }

    .site-1 #g-footer .footer-logo {
        flex: 1.5;
    }

    .site-1 #g-footer .footer-logo img {
        width: 85%;
    }

    .site-1 #g-footer .footer-address {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1 #g-footer .footer-phone {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1 #g-footer .footer-social-icons {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-1 #g-footer .footer-social-icons .custom {
        display: flex;
        flex-direction: row;
        gap: 1.5vw;
        justify-content: center;
    }

    .site-1 #g-footer .footer-social-icons a {
        font-size: 1.25vw;
    }

    .site-1 #g-footer .footer-links {
        flex: 1;
    }

    .site-1 #g-footer .footer-links .weblinks {
        margin: 0;
        padding: 0;
    }

    .site-1 #g-footer .footer-links .weblinks>li {
        list-style-type: none;
        line-height: normal;
    }

    .site-1 #g-footer .footer-links .weblinks>li a {
        font-size: 1.25vw;
        font-family: var(--body-font-family);
    }



    .site-2 #g-footer {
        padding: 1.5rem 1rem 3rem 1rem !important;
    }

    .site-2 #g-footer .g-array-item-text {
        margin: 0;
        padding: 0;
    }

    .site-2 #g-footer .footer-wrapper {
        display: flex;
        flex-direction: row;
        gap: 2vw;
        justify-content: space-around;
        align-items: center;
    }

    .site-2 #g-footer .footer-wrapper p {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        font-family: var(--body-font-family);
        text-align: center;
    }

    .site-2 #g-footer .footer-logo {
        flex: 1.5;
    }

    .site-2 #g-footer .footer-logo img {
        width: 85%;
    }

    .site-2 #g-footer .footer-address {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-2 #g-footer .footer-phone {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-2 #g-footer .footer-phone p {
        text-align: left;
    }

    .site-2 #g-footer .footer-social-icons {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .site-2 #g-footer .footer-social-icons .custom {
        display: flex;
        flex-direction: row;
        gap: 1.5vw;
        justify-content: center;
    }

    .site-2 #g-footer .footer-social-icons a {
        font-size: 1.25vw;
    }

    .site-2 #g-footer .footer-links {
        flex: 1;
    }

    .site-2 #g-footer .footer-links p {
        text-align: left;
    }

    .site-2 #g-footer .footer-links .weblinks {
        margin: 0;
        padding: 0;
    }

    .site-2 #g-footer .footer-links .weblinks>li {
        list-style-type: none;
        line-height: normal;
    }

    .site-2 #g-footer .footer-links .weblinks>li a {
        font-size: 1.25vw;
        font-family: var(--body-font-family);
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-footer {
        padding: 1rem !important;
    }

    .site-1 #g-footer .footer-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem 1rem;
        justify-content: space-around;
        align-items: center;
    }

    .site-1 #g-footer .footer-logo {
        width: 100%;
        text-align: center;
    }

    .site-1 #g-footer .footer-logo img {
        width: 65%;
    }

    .site-1 #g-footer .footer-address {
        width: 40%;
        text-align: left;
    }

    .site-1 #g-footer .footer-phone {
        width: 40%;
        text-align: right;
    }

    .site-1 #g-footer .footer-social-icons {
        width: 40%;
    }

    .site-1 #g-footer .footer-social-icons .custom {
        display: flex;
        justify-content: flex-start;
        gap: 1.5rem;
    }

    .site-1 #g-footer .footer-social-icons a {
        font-size: 8.25vw;
    }

    .site-1 #g-footer .footer-links {
        width: 40%;
    }

    .site-1 #g-footer .footer-links .weblinks {
        margin: 0;
        padding: 0;
        text-align: right;
    }

    .site-1 #g-footer .footer-links .weblinks>li {
        list-style-type: none;
        line-height: normal;
    }

    .site-1 #g-footer .footer-links .weblinks>li a {
        font-family: var(--body-font-family);
        font-size: .9rem;
    }


    .site-2 #g-footer {
        padding: 1rem !important;
    }

    .site-2 #g-footer .footer-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem 1rem;
        justify-content: space-around;
        align-items: center;
    }

    .site-2 #g-footer .footer-logo {
        width: 100%;
        text-align: center;
    }

    .site-2 #g-footer .footer-logo img {
        width: 65%;
    }

    .site-2 #g-footer .footer-address {
        width: 40%;
        text-align: center;
    }

    .site-2 #g-footer .footer-phone {
        width: 40%;
        text-align: center;
    }

    .site-2 #g-footer .footer-social-icons {
        width: 40%;
    }

    .site-2 #g-footer .footer-social-icons .custom {
        display: flex;
        justify-content: flex-start;
        gap: 1.5rem;
    }

    .site-2 #g-footer .footer-social-icons a {
        font-size: 8.25vw;
    }

    .site-2 #g-footer .footer-links {
        width: 40%;
    }

    .site-2 #g-footer .footer-links .weblinks {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .site-2 #g-footer .footer-links .weblinks>li {
        list-style-type: none;
        line-height: normal;
    }

    .site-2 #g-footer .footer-links .weblinks>li a {
        font-family: var(--body-font-family);
    }
}

/*************** COPYRIGHT ****************/
@media only screen and (max-width: 50.99rem) {
    .web-policy {
        justify-content: flex-end;
        padding-right: 10px;
    }

    .site-1 .adminfootericon {
        bottom: 40px
    }

    .site-2 .adminfootericon {
        bottom: 40px
    }
}

/*************** MODULES ******************/
.moduletable .nav.menu,
.moduletable .unstyled {
    background: var(--primary-color);
}

.moduletable .nav.menu li.current.active a,
.moduletable .nav.menu li a:hover {
    color: var(--default-white);
    background: var(--secondary-color);
}

/*************** SECTIONS *****************/
/*************** MOBILE *******************/
/*************** ADS **********************/

@media only screen and (min-width: 50.99rem) {
    #site-grid #g-container-main {
        padding-bottom: 3vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .grid.ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }

    .grid.ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }
}

@media only screen and (min-width: 50.99rem) {
    .search-page button.btn {
        background: var(--primary-color) !important;
    }

    .search-page button.btn:hover {
        background: var(--secondary-color) !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .search-page button.btn {
        background: var(--primary-color) !important;
    }

    .search-page button.btn:hover {
        background: var(--secondary-color) !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }

    .ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }
}

@media only screen and (min-width: 50.99rem) {
    .bilingual {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 2vw;
    }

    .bilingual .englishtext {
        flex: 1;
    }

    .bilingual .spanishtext {
        flex: 1;
        font-style: italic;
    }
}

@media only screen and (max-width: 50.99rem) {
    .bilingual {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .bilingual .englishtext {
        flex: 1;
    }

    .bilingual .spanishtext {
        flex: 1;
        font-style: italic;
    }
}

@media only screen and (min-width: 50.99rem) {

    .plus10,
    .platform-content .moduletable.plus10 {
        margin: 0 10vw;
    }

    .greyback {
        background: var(--tertiary-color);
        padding: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 50.99rem) {

    .plus10,
    .platform-content .moduletable.plus10 {
        margin: 0 10vw;
    }

    .greyback {
        background: var(--tertiary-color);
        padding: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-1-sub #bottomQuote {
        background: var(--bottom-quote-bg);
    }

    .site-1-sub #g-container-main #bottomQuoteText {
        display: none !important;
    }

    .site-1-sub .quote-set {
        padding: 4vw 20% !important;
    }
}

.row-striped .row-fluid:nth-child(odd) {
    background-color: #F1F2F2 !important;
}

.contact-category .category li {
    padding: 0.6rem 0.5rem;
}

@media only screen and (min-width: 50.99rem) {
    .site-2 .ph-sidepics-3 {
        --ph-title-color: var(--primary-color);
    }
}

#g-aside .moduletable {
    padding-bottom: 0;
}

:is(.site-1, .site-2, .site-3, .site-4, .site-5, .site-6, .site-7, .site-8, .site-9, .site-10).sponsorshippage #g-mainbar {
    margin: 0 !important;
    padding: 0 !important;
}

.sponsorshippage #g-mainbar .page-header {
    display: none !important;
}

.sponsorshippage #g-mainbar>.g-grid>.g-block>.g-content {
    margin: 0 !important;
    padding: 0 !important;
}

@media only screen and (min-width: 50.99rem) {
    #buyIframe iframe {
        height: 1860px;
    }
}

@media only screen and (max-width: 50.99rem) {
    #buyIframe iframe {
        height: 2500px;
    }
}

.school-news-page {
    --hero-object-position: top;
}

.ltgrayback {
    background: #F1F2F2;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.memorialspage #g-mainbar {
    padding: 0 !important;

}


/* Memorial Wall edits */

.j-memorial-wall .g-content-array {
    margin: initial;
}

.j-memorial-wall .ph-rec-row .g-grid {
    border-bottom: none;
}

.j-memorial-wall {
    background-color: #F1F2F259;
    padding: 5% 5%;
}

.j-memorial-wall {
    --ph-title-color: black;
    --ph-background-hover: #F1F2F259;
    --ph-box-shadow: none;
    --ph-border-bottom: none;
}

.j-memorial-wall .ph-rec-row .g-array-item {
    background: transparent;
}

.j-memorial-wall .ph-rec-row .g-content-array .g-item-title {
    font-size: 1.4rem !important;
}

.j-memorial-wall .ph-rec-row .g-content-array .g-array-item .g-array-item-text p {
    font-size: 1rem;
}

.j-memorial-wall .g-content-array .g-array-item-details {
    font-size: 0.9rem;
}

@media only screen and (min-width: 50.99rem) {
    .j-memorial-wall .ph-rec-row .g-grid {
        width: 20% !important;
    }

    .j-memorial-wall .ph-rec-row .g-content-array .g-item-title {
        text-align: center;
    }

    .j-memorial-wall .g-content-array .g-array-item-details {
        justify-content: center;
    }

    /*.j-memorial-wall .ph-rec-row .g-array-item {
    background: #f7edd4;
  }*/

    .j-memorial-wall .button {
        background-color: #1f415d !important;
    }

    .ph-rec-row .g-content-array .g-array-item .g-array-item-text {
        font-size: 1.3vw;
    }

}

@media only screen and (max-width: 50.99rem) {
    .j-memorial-wall .g-array-item-details {
        display: none;
    }
}

.plus5,
.platform-content .moduletable.plus5 {
    margin: 0 5vw;
}

.plus2,
.platform-content .moduletable.plus5 {
    margin: 0 2vw;
}

@media only screen and (min-width: 50.99rem) {}

/* Square Wall: 4-column flex grid */
.square-wall .ph-square .g-joomla-articles {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 -0.75rem;
}

.square-wall .ph-square .g-joomla-articles>.g-grid {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0.75rem;
    box-sizing: border-box;
    margin: 0 !important;
    width: 25% !important;
}

/* Square images via container aspect-ratio (desktop) */
.square-wall .ph-square .g-array-item-image {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 0.75rem;
    display: block !important;
    flex: none !important;
}

.square-wall .ph-square .g-array-item-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.square-wall .ph-square .g-array-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block !important;
    transition: transform 0.4s ease;
    max-width: none !important;
    max-height: none !important;
}

.square-wall .ph-square .g-array-item:hover .g-array-item-image img {
    transform: scale(1.06);
}

/* Card layout — force column even against ph-sidebyside-mobile */
.square-wall .ph-square .g-array-item {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

.square-wall .ph-square .g-block,
.square-wall .ph-square .g-content {
    height: auto !important;
    overflow: visible !important;
}

.square-wall .ph-square .g-item-title a {
    text-decoration: none;
    transition: opacity 0.2s;
    color: inherit;
}

.square-wall .ph-square .g-item-title a:hover {
    opacity: 0.7;
}

.square-wall .ph-square .g-array-item-text {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

/* Buttons */
.square-wall .ph-square .button {
    display: inline-block;
    transition: all 0.25s ease;
    text-decoration: none;
}

.square-wall .ph-square .button:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Pagination row spans full width */
.square-wall .ph-square .g-content-array-pagination {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1.5rem 0.75rem 0;
    border-top: 1px solid #ddd;
}

@media only screen and (max-width: 50.99rem) {
    .square-wall .ph-square .g-joomla-articles>.g-grid {
        flex: 0 0 75%;
        max-width: 75%;
        width: 75% !important;
        margin: auto !important;
        justify-content: center;
    }

    .square-wall .ph-square .g-array-item-read-more a {
        color: white !important;
        font-size: 1.25rem !important;
    }

    /* Override ph-sidebyside-mobile fixed height + row layout */
    .square-wall .ph-square .g-block,
    .square-wall .ph-square .g-content {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .square-wall .ph-square .g-array-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Image: static flow, full-width square via img aspect-ratio */
    .square-wall .ph-square .g-array-item-image {
        position: static !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: none !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }

    .square-wall .ph-square .g-array-item-image a {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .square-wall .ph-square .g-array-item-image img {
        position: static !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
    }

    /* Ensure all card content is visible and unconstrained */
    .square-wall .ph-square .g-array-item-title,
    .square-wall .ph-square .g-array-item-details,
    .square-wall .ph-square .g-array-item-text,
    .square-wall .ph-square .g-array-item-read-more {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        position: static !important;
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        flex: none !important;
        transform: none !important;
    }
}