html body {
    --section-footer-bg: var(--dark-gray-color);
}

html body.site-home {
    --section-utility-bg: var(--dark-gray-color);
}

html body #g-navigation {
    --main-menu-bg: transparent;
    --main-menu-bg-color: transparent;

    --navigation-toplevel-menu-item-font-family: var(--title-font-family);

    --navigation-menu-item-padding: min(1.5vw, 1.5rem) min(1vw, 14.4px);
}

blockquote {border-left: 0px solid transparent;}
h3.noline {border-bottom: none;}
hr {
    border-bottom: 2px solid var(--default-black);
}
hr.short {
    padding: 0;
    margin: 0 auto;
    width: 400px;
}

/*NAVIGATION*/
@media only screen and (min-width: 50.99rem) {
    #g-navigation {
        height: 0;
        transform: translateY(100%);
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-sub #g-navigation > .g-container > .g-grid:has(.g-main-nav) {
        position: relative;
    }
    .site-sub #g-navigation:not(#g-navigation.is-sticky) > .g-container > .g-grid:has(.g-main-nav):before {
        content: '';
        background: rgba(0,0,0,.7);
        height: 100%;
        width: 3000%;
        margin-left: -500%;
        margin-right: -500%;
        position: absolute;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-navigation .g-main-nav .g-sublevel>li>.g-menu-item-container {
        color: var(--default-white);
    }
    #g-navigation .g-main-nav .g-sublevel>li>.g-menu-item-container:hover {
        background: var(--secondary-color);
    }

    .crawl-space > .g-container > .g-grid:has(.g-main-nav) .g-social-items a {
        color: var(--default-white)!important;
    }
    .crawl-space > .g-container > .g-grid:has(.g-main-nav) .g-social-items a:hover {
        color: var(--default-white)!important;
        opacity: .5;
    }

    /*html body #g-navigation.is-sticky .g-main-nav {
        --main-menu-bg-color: rgba(0,0,0,.7);
    }*/

    #g-navigation.crawl-space .g-main-nav .g-toplevel>li:hover:not(.g-menu-item-type-particle)>.g-menu-item-container, #g-navigation.crawl-space .g-main-nav .g-toplevel>li.active:not(.g-menu-item-type-particle)>.g-menu-item-container {
        margin: 0!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-navigation.is-sticky > .g-container > .g-grid:has(.g-main-nav) .g-main-nav {
        position: relative;
    }
    #g-navigation.is-sticky > .g-container > .g-grid:has(.g-main-nav) .g-main-nav:before {
        content: '';
        background: rgba(0,0,0,.7);
        height: 100%;
        width: 3000%;
        margin-left: -500%;
        margin-right: -500%;
        position: absolute;
    }
}

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

/*SLIDESHOW*/
@media only screen and (min-width: 50.99rem) {
    .site-home #g-slideshow > .g-container {
        max-width: 100%!important;
    }
    .site-home #g-slideshow .g-video-container video {
        height: 80vh!important;
        object-fit: cover;
        object-position: center;
    }
    .site-home .slideshow-spacing > .g-container > .g-grid > .g-block {
        height: 80vh!important;
    }
    .swiper-overlay-title > .g-content {
        display: flex;
        flex-direction: column;
        gap: min(2vw, 2rem);
        justify-content: center;
        align-items: center;
    }

    .swiper-overlay-quote p {
        font-size: min(1.75vw, 1.75rem)!important;
        line-height: 1.4!important;
        font-family: var(--title-font-family)!important;
        font-weight: 400!important;
        color: var(--default-white)!important;
        text-align: center!important;
        font-style: italic;
    }

    .grand-entry > .g-container > .g-grid:has(.swiper-overlay-title) .swiper-overlay-logo {
        text-align: center;
    }
    .grand-entry > .g-container > .g-grid:has(.swiper-overlay-title) .swiper-overlay-logo img {
        max-width: 40%;
    }

    .home-video > .g-content {
        height: 100%;
    }
    .home-video .g-video-container {
        height: 100%;
    }
    .home-video .g-video-container > .g-video-inner {
        height: 100%;
    }
    .home-video .g-video-container > .g-video-inner > .g-video {
        height: 100%;
    }
}

#g-slideshow > .g-container > .g-grid:has(.g-videolocal-play) {
    pointer-events: none!important;
}

.g-video-container .g-video {
    box-shadow: none;
}

@media only screen and (max-width: 50.99rem) {
    .grand-entry > .g-container > .g-grid:has(.swiper-overlay-title) {
        display: flex!important;
    }
    .grand-entry > .g-container > .g-grid:has(.swiper-overlay-title) .swiper-overlay-logo {
        display: none!important;
    }

    .swiper-overlay-quote p {
        font-size: 4vw!important;
        line-height: 1.4!important;
        font-family: var(--title-font-family)!important;
        font-weight: 400!important;
        color: var(--default-white)!important;
        text-align: center!important;
        font-style: italic;
    }
}

/*HEADER*/
@media only screen and (min-width: 50.99rem) {
    .site-home #g-header {
        background: url('/images/template/bg-locations.jpg') 50% 50% no-repeat;
        background-size: cover;
        position: relative;
    }
    .site-home #g-header:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background: rgba(var(--primary-color-rgb),.9);
        backdrop-filter: blur(5px);
        --webkit-backdrop-filter: blur(5px);
    }
    .site-home #g-header > .g-container {
        position: relative;
        z-index: 2;
        padding: min(5vw, 5rem) min(2vw, 2rem)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-home #g-header {
        background: url('/images/template/bg-locations.jpg') 50% 50% no-repeat;
        background-size: cover;
        position: relative;
    }
    .site-home #g-header:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background: rgba(var(--primary-color-rgb),.9);
        backdrop-filter: blur(5px);
        --webkit-backdrop-filter: blur(5px);
    }
    .site-home #g-header > .g-container {
        position: relative;
        z-index: 2;
        padding: 2rem 1rem!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ql-circles {
        margin: 0;
        padding: 0;
    }
    .ql-circles > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-circles > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-circles .g-blockcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: min(3vw, 3rem);
        justify-content: center;
        align-items: center;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) {
        margin: 0;
        padding: 0;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block {
        margin: 0;
        padding: 0;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block > .g-blockcontent-header {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block > .g-blockcontent-header:after {
        content: '';
        width: 60%;
        border-bottom: 2px solid var(--default-white);
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block > .g-blockcontent-header .g-title {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-size: min(3.5vw, 3.5rem);
        line-height: 1.4;
        font-family: var(--title-font-family);
        font-weight: 400;
        text-align: center;
        text-transform: none;
        font-variant-caps: normal;
    }
    .ql-circles .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: min(1vw, 1rem);
        width: 100%;
    }
    .ql-circles .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        transition: .3s all ease-in-out;
    }
    .ql-circles .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-text {
        width: 100%;
        height: 100%;
        padding: min(2vw, 2rem);
        border: 2px solid transparent;
    }
    .ql-circles .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        transition: .3s all ease-in-out;
    }
    .ql-circles .g-blockcontent-subcontent-img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        object-position: center;
        object-fit: cover;
        transition: .3s all ease-in-out;
    }

    .ql-circles .g-blockcontent-subcontent-desc {
        display: none!important;
    }

    .ql-circles .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255,255,255,.9);
        transition: .3s all ease-in-out;
    }
    .ql-circles .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: min(1vw, 1rem);
        height: 90%;
        width: 90%;
        border-radius: 50%;
        border: 2px solid var(--default-black);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: var(--default-black);
        font-family: var(--title-font-family);
        transition: .3s all ease-in-out;
    }
    .ql-circles .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }
    .ql-circles .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ldl-container .g-title {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-size: min(3.5vw, 3.5rem);
        line-height: 1.4;
        font-family: var(--title-font-family);
        font-weight: 400;
        text-align: center;
        text-transform: none;
        font-variant-caps: normal;
    }

    .ldl-container p {
        color: var(--default-white);
        text-align: center;
        font-size: min(1.5vw, 1.5rem);
        line-height: 1.4;
    }

    .ldl-container a {
        color: var(--default-white);
    }
    .ldl-container a:hover {
        opacity: .5;
    }
}
@media only screen and (max-width: 50.99rem) {
	.ldl-container .g-title {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-size: 2rem;
        line-height: 1.4;
        font-family: var(--title-font-family);
        font-weight: 400;
        text-align: center;
        text-transform: none;
        font-variant-caps: normal;
    }

    .ldl-container p {
        color: var(--default-white);
        text-align: center;
        font-size: 1rem;
        line-height: 1.4;
    }

    .ldl-container a {
        color: var(--default-white);
    }
    .ldl-container a:hover {
        opacity: .5;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-circles {
        margin: 0;
        padding: 0;
    }
    .ql-circles > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-circles > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-circles .g-blockcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) {
        margin: 0;
        padding: 0;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block {
        margin: 0;
        padding: 0;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block > .g-blockcontent-header {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block > .g-blockcontent-header:after {
        content: '';
        width: 60%;
        border-bottom: 2px solid var(--default-white);
    }
    .ql-circles .g-blockcontent > .g-grid:not(.g-blockcontent-subcontent) > .g-block > .g-blockcontent-header .g-title {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-size: 8vw;
        line-height: 1.2;
        font-family: var(--title-font-family);
        font-weight: 400;
        text-align: center;
        text-transform: none;
        font-variant-caps: normal;
        padding: 0 2rem
    }
    .ql-circles .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        width: 100%;
    }
    .ql-circles .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        transition: .3s all ease-in-out;
        min-width: calc(50% - .5rem)!important;
        width: calc(50% - .5rem)!important;
        max-width: calc(50% - .5rem)!important;
    }
    .ql-circles .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-text {
        width: 100%;
        height: 100%;
        padding: min(2vw, 2rem);
        border: 2px solid transparent;
    }
    .ql-circles .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        transition: .3s all ease-in-out;
    }
    .ql-circles .g-blockcontent-subcontent-img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        object-position: center;
        object-fit: cover;
        transition: .3s all ease-in-out;
    }

    .ql-circles .g-blockcontent-subcontent-desc {
        display: none!important;
    }

    .ql-circles .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255,255,255,.9);
        transition: .3s all ease-in-out;
    }
    .ql-circles .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: min(1vw, 1rem);
        height: 90%;
        width: 90%;
        border-radius: 50%;
        border: 2px solid var(--default-black);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: var(--default-black);
        font-family: var(--title-font-family);
        transition: .3s all ease-in-out;
    }
    .ql-circles .g-blockcontent-buttons {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }
    .ql-circles .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }
}

/*ABOVE*/
@media only screen and (min-width: 50.99rem) {
    .site-home #g-above {
        background: url('/images/template/bg-community-impact.png') 100% 100% no-repeat;
        background-size: 50%;
        position: relative;
    }
    .site-home #g-above:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255,255,255,.95);
        z-index: 1;
    }
    .site-home #g-above > .g-container {
        position: relative;
        z-index: 2;
        padding: min(5vw, 5rem) min(2vw, 2rem)!important;
        display: flex;
        flex-direction: column;
        gap: min(4vw, 4rem);
        justify-content: center;
        align-items: center;
    }
    .site-home #g-above > .g-container > .g-grid:has(.ci-container) {
        width: 100%;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-home #g-above > .g-container {
        padding: 2rem 1rem!important;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        justify-content: center;
        align-items: center;
    }
    .site-home #g-above > .g-container > .g-grid:has(.ci-container) {
        width: 100%;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ci-title .g-title {
        color: var(--default-black);
        border-bottom: 2px solid var(--default-black);
        font-size: min(3.5vw, 3.5rem);
        font-weight: 400;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ci-title .g-title {
        color: var(--default-black);
        border-bottom: 2px solid var(--default-black);
        font-size: 8vw;
        font-weight: 400;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ci-container {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content > div > .g-particle {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content > div > .g-particle > div {
        margin: 0;
        padding: 0;
    }
    .ci-container .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ci-container .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: min(4vw, 4rem);
        align-items: flex-start!important;
    }
    .ci-container .g-blockcontent-subcontent > .g-blockcontent-subcontent-block .g-blockcontent-subcontent-title {
        display: none!important;
    }
    .ci-container .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:first-child .g-blockcontent-subcontent-title {
        display: flex!important;
    }
    .ci-container .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        flex: 1;
    }
    .ci-container .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: min(1vw, 1rem);
        justify-content: flex-start;
        align-items: center;
    }
    .ci-container .g-blockcontent-subcontent-subtitle {
        margin: 0;
        padding: 0;
        order: 3;
        color: var(--default-black);
        font-size: min(2.5vw, 2.5rem);
        line-height: 1;
        font-family: var(--title-font-family);
        background: none;
        font-weight: 700;
    }
    .ci-container .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        order: 1;
        font-size: min(2.5vw, 2.5rem);
        color: var(--dark-gray-color);
    }
    .ci-container .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        display: none!important;
        order: 2;
        color: var(--default-black);
        font-size: min(1.25vw, 1.25rem);
        line-height: 1;
        font-family: var(--body-font-family);
        font-weight: 700;
    }
    .ci-container .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--default-black);
        font-size: min(1.25vw, 1.25rem);
        line-height: 1;
        font-family: var(--body-font-family);
        font-weight: 700;
    }
    .ci-container .g-blockcontent-subcontent-desc {
        margin: 0;
        padding: 0;
        order: 4;
        color: var(--default-black);
        font-size: min(1.25vw, 1.25rem);
        line-height: 1;
        font-family: var(--body-font-family);
        font-weight: 700;
		text-align: center;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ci-container {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content > div > .g-particle {
        margin: 0;
        padding: 0;
    }
    .ci-container > .g-content > div > .g-particle > div {
        margin: 0;
        padding: 0;
    }
    .ci-container .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ci-container .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 3rem 1rem;
        align-items: flex-start!important;
        justify-content: center;
    }
    .ci-container .g-blockcontent-subcontent > .g-blockcontent-subcontent-block .g-blockcontent-subcontent-title {
        display: none!important;
    }
    .ci-container .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:first-child .g-blockcontent-subcontent-title {
        display: flex!important;
    }
    .ci-container .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        flex: 1;
        min-width: calc(50% - .5rem)!important;
        width: calc(50% - .5rem)!important;
        max-width: calc(50% - .5rem)!important;
    }
    .ci-container .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        align-items: center;
    }
    .ci-container .g-blockcontent-subcontent-subtitle {
        margin: 0;
        padding: 0;
        order: 3;
        color: var(--default-black);
        font-size: 4vw;
        line-height: 1;
        font-family: var(--title-font-family);
        background: none;
        font-weight: 700;
    }
    .ci-container .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        order: 1;
        font-size: 6vw;
        color: var(--dark-gray-color);
    }
    .ci-container .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        display: none!important;
        order: 2;
        color: var(--default-black);
        font-size: 4vw;
        line-height: 1;
        font-family: var(--body-font-family);
        font-weight: 700;
    }
    .ci-container .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--default-black);
        font-size: 4vw;
        line-height: 1;
        font-family: var(--body-font-family);
        font-weight: 700;
    }
    .ci-container .g-blockcontent-subcontent-desc {
        margin: 0;
        padding: 0;
        order: 4;
        color: var(--default-black);
        font-size: 4vw;
        line-height: 1;
        font-family: var(--body-font-family);
        font-weight: 700;
		text-align: center;
    }
}

@media only screen and (min-width: 50.99rem) {
    .ci-button .button {
        padding: min(1vw, 1rem) min(2.5vw, 2.5rem);
        border-radius: 0;
        background: var(--dark-gray-color);
        color: var(--default-white);
        font-size: min(1.5vw, 1.5rem);
        font-weight: 700;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ci-button .button {
        padding: 1rem;
        border-radius: 0;
        background: var(--dark-gray-color);
        color: var(--default-white);
        font-size: 4vw;
        font-weight: 700;
    }
}

/*UTILITY*/
@media only screen and (min-width: 50.99rem) {
    .site-home #g-utility > .g-container {
        padding: min(5vw, 5rem) min(2vw, 2rem)!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-home #g-utility > .g-container {
        padding: 2rem 0!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-home #grid-addpic > .g-content {
        display: flex;
        flex-direction: column;
        gap: min(4vw, 4rem);
        justify-content: center;
        align-items: center;
    }
    .site-home #grid-addpic .g-title {
        margin: 0;
        padding: 0;
        text-align: center;
        border-bottom: 2px solid var(--default-white);
        font-size: min(3.5vw, 3.5rem);
        line-height: 1.4;
        font-family: var(--title-font-family);
        font-weight: 500;
        color: var(--default-white);
        text-transform: none;
        font-variant-caps: normal;
        padding: 0 2vw;
    }
    .site-home #grid-addpic .g-content-array {
        width: 100%;
    }

    .site-home #grid-addpic.grid-articles .g-array-item-title {
        padding-bottom: 1rem!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-home #grid-addpic .g-title {
        margin: 0 1rem;
        padding: 0;
        text-align: center;
        border-bottom: 2px solid var(--default-white);
        font-size: 8vw;
        line-height: 1.4;
        font-family: var(--title-font-family);
        font-weight: 500;
        color: var(--default-white);
        text-transform: none;
        font-variant-caps: normal;
        padding: 0 1rem;
    }
	.site-home .grid-mobile-stacked .g-array-item {
		pointer-events: none;
	}
}

@media only screen and (min-width: 50.99rem) {
    .site-home #grid-addpic.text-overlay-cover .g-array-item-text {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255,255,255,.9);
        padding: min(1vw, 1rem)!important;
        opacity: 0;
        transition: .3s all ease-in-out;
        z-index: 11;
    }
    .site-home #grid-addpic.text-overlay-cover .g-content-array > .g-grid:hover .g-array-item-text {
        opacity: 1;
        z-index: 11;
    }
    .site-home #grid-addpic.text-overlay-cover .g-array-item-text a {
        pointer-events: all!important;
        color: var(--secondary-color)!important;
    }
    .site-home #grid-addpic.grid-articles.text-overlay-cover .g-array-item-text :is(p,li,a,h1,h2,h3,h4,h5,h6) {
        font-size: min(1.05vw, 1.05rem)!important;
        line-height: 1.4;
        font-weight: 700;
    }
    .site-home #grid-addpic.grid-articles.text-overlay-cover .g-array-item-read-more a {
        pointer-events: none!important;
    }
}

/*MAIN*/
@media only screen and (min-width: 50.99rem) {
    .site-home #g-container-main > .g-container {
        padding: min(5vw, 5rem) min(2vw, 2rem)!important;
    }
}

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

@media only screen and (min-width: 50.99rem) {
    .testimonials-container {
        margin: 0;
        padding: 0;
    }
    .testimonials-container > .g-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: min(3vw, 3rem);
        justify-content: center;
        align-items: center;
    }
    #g-container-main h1 {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: min(3.5vw, 3.5rem);
        line-height: 1.2;
        font-family: var(--title-font-family);
        font-weight: 400;
        color: var(--default-black);
        /*border-bottom: 2px solid var(--default-black);*/
        text-transform: none;
        font-variant-caps: normal;
    }
    .testimonials-container .g-content-array {
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: min(3vw, 3rem);
    }
    .testimonials-container .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-array-item {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: min(2vw, 2rem);
        justify-content: flex-start;
        align-items: flex-start;
    }
    .testimonials-container .g-array-item-image {
        margin: 0;
        padding: 0;
        order: 1;
        flex: 20;
    }
    .testimonials-container .g-array-item-image a {
        margin: 0;
        padding: 0;
        pointer-events: none!important;
    }
    .testimonials-container .g-array-item-image img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: center;
        border-radius: 50%;
    }
    .testimonials-container .g-array-item-text {
        margin: 0;
        padding: 0;
        order: 2;
        flex: 80;
    }
    .testimonials-container .g-array-item-text :is(h1,h2,h3,h4,h5,h6,p,li) {
        color: var(--default-black)!important;
    }
    .testimonials-container .g-content-array-pagination {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: min(2.5vw, 2.5rem);
        justify-content: flex-start;
        align-items: center;
        padding-left: calc(20% + min(2vw, 2rem));
    }
    .testimonials-container .g-content-array-pagination button {
        background: var(--dark-gray-color);
        border-radius: 0;
        padding: min(1.25vw, 1.25rem);
        font-size: min(1.5vw, 1.5rem);
        color: var(--default-white);
        font-weight: 600;
        display: flex;
        flex-direction: row;
        gap: min(2vw, 2rem);
        align-items: center;
    }
    .testimonials-container .g-content-array-pagination button.pagination-button-prev:before {
        content: '\f104';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        color: var(--default-white);
        font-size: min(1.5vw, 1.5rem);
        line-height: 1;
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-content-array-pagination button.pagination-button-next:after {
        content: '\f105';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        color: var(--default-white);
        font-size: min(1.5vw, 1.5rem);
        line-height: 1;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .testimonials-container {
        margin: 0;
        padding: 0;
    }
    .testimonials-container > .g-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        justify-content: center;
        align-items: center;
    }
    .testimonials-container .g-title {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 8vw;
        line-height: 1.2;
        font-family: var(--title-font-family);
        font-weight: 400;
        color: var(--default-black);
        border-bottom: 2px solid var(--default-black);
        text-transform: none;
        font-variant-caps: normal;
    }
    .testimonials-container .g-content-array {
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .testimonials-container .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-array-item {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        align-items: center;
    }
    .testimonials-container .g-array-item-image {
        margin: 0;
        padding: 0;
        order: 1;
        flex: 20;
        max-width: 50%;
    }
    .testimonials-container .g-array-item-image a {
        margin: 0;
        padding: 0;
        pointer-events: none!important;
    }
    .testimonials-container .g-array-item-image img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: center;
        border-radius: 50%;
    }
    .testimonials-container .g-array-item-text {
        margin: 0;
        padding: 0;
        order: 2;
        flex: 80;
    }
    .testimonials-container .g-array-item-text :is(h1,h2,h3,h4,h5,h6,p,li) {
        color: var(--default-black)!important;
    }
    .testimonials-container .g-content-array-pagination {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        gap: 1rem;
        justify-content: flex-start;
        align-items: center;
    }
    .testimonials-container .g-content-array-pagination button {
        background: var(--dark-gray-color);
        border-radius: 0;
        padding: 1rem;
        font-size: 4vw;
        color: var(--default-white);
        font-weight: 600;
        display: flex;
        flex-direction: row;
        gap: min(2vw, 2rem);
        align-items: center;
        flex: 1;
    }
    .testimonials-container .g-content-array-pagination button.pagination-button-next {
        text-align: right;
        justify-content: flex-end;
    }
    .testimonials-container .g-content-array-pagination button.pagination-button-prev:before {
        content: '\f104';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        color: var(--default-white);
        font-size: 4vw;
        line-height: 1;
        margin: 0;
        padding: 0;
    }
    .testimonials-container .g-content-array-pagination button.pagination-button-next:after {
        content: '\f105';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        color: var(--default-white);
        font-size: 4vw;
        line-height: 1;
        margin: 0;
        padding: 0;
    }
}



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

    .quote-rotator .g-swiper > .g-swiper-slider > .swiper-slide {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .quote-rotator .swiper-slide > img {
        order: 1;
        flex: 1;
        width: 30%;
        max-width: 30%;
        aspect-ratio: 1/1;
        /* height: fit-content; */
        object-fit: cover;
        border-radius: 50%;
        margin-right: -5vw;
        position: relative;
        z-index: 21;
    }
    .quote-rotator .swiper-slide > img::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: black;
        opacity: 0.5;
        z-index: -1;
    }
    .quote-rotator .swiper-slide > .slide {
        order: 2;
        flex: 3;
        position: unset!important;
        z-index: 1;
        position: relative;
    }
    .quote-rotator .slide-content-wrapper {
        background: rgba(var(--primary-color-rgb),.8);
    }
    .quote-rotator .g-swiper-text {
        padding: 2vw 0;
    }
    .quote-rotator .g-swiper-text p {
        font-size: min(1.5vw, 1.5rem);
        font-weight: 700;
        text-shadow: 1px 1px 4px rgba(0,0,0,.5);
    }
    .quote-rotator .swiper-navigation div[class*="button-next"] {
        right: 1rem;
    }
    .quote-rotator :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"]) {
        font-size: 3vw;
    }

    .quote-rotator .slide-content-wrapper {
        padding-right: 4.5vw;
    }

    .quote-rotator .g-swiper-text {
        padding: 2vw 4vw 2vw 4vw;
    }

    .quote-rotator .slide-content {
        min-height: 250px;
        display: grid;
        align-items: center;
    }
}

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

    .quote-rotator .g-swiper > .g-swiper-slider > .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .quote-rotator .swiper-slide > img {
        order: 1;
        flex: 1;
        width: 50%;
        max-width: 50%;
        aspect-ratio: 1/1;
        /* height: fit-content; */
        object-fit: cover;
        border-radius: 50%;
        margin-bottom: -5vw;
        position: relative;
        z-index: 21;
    }
    .quote-rotator .swiper-slide > img::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: black;
        opacity: 0.5;
        z-index: -1;
    }
    .quote-rotator .swiper-slide > .slide {
        order: 2;
        flex: 3;
        position: unset!important;
        z-index: 1;
        position: relative;
    }
    .quote-rotator .slide-content-wrapper {
        background: rgba(var(--primary-color-rgb),.8);
    }
    .quote-rotator .g-swiper-text {
        padding: 2vw 0;
    }
    .quote-rotator .g-swiper-text p {
        font-size: 4;
        font-weight: 700;
        text-shadow: 1px 1px 4px rgba(0,0,0,.5);
    }
    .quote-rotator .swiper-navigation div[class*="button-next"] {
        right: calc(30% + 1rem);
    }
    .quote-rotator :is(.swiper-navigation div[class*="button-next"], .swiper-navigation div[class*="button-prev"]) {
        font-size: 3vw;
        display: none;
    }

    .quote-rotator .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper {
        height: fit-content;
    }

    .quote-rotator .slide-content {
        padding: 7vw 5%;
    }

    .quote-rotator #swiper-4599 .g-swiper-slider {
        height: fit-content !important;
    }

    .quote-rotator {
        margin: 5% 0;
    }
	.quote-rotator .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper .slide-content .g-swiper-text {
		margin: 1rem;
	}

}




/*EXPANDED*/
@media only screen and (min-width: 50.99rem) {
    .site-home #g-expanded {
        background: url('/images/template/bg-stay-connection-section.jpg') 50% 50% no-repeat;
        background-size: cover;
        position: relative;
    }
    .site-home #g-expanded:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background: rgba(var(--primary-color-rgb),.9);
        backdrop-filter: blur(10px);
        --webkit-backdrop-filter: blur(10px);
    }
    .site-home #g-expanded > .g-container {
        position: relative;
        z-index: 2;
        padding: min(5vw, 5rem) min(2vw, 2rem)!important;
    }
    .site-home #g-expanded .g-array-item-text {
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-home #g-expanded {
        background: url('/images/template/bg-stay-connection-section.jpg') 50% 50% no-repeat;
        background-size: cover;
        position: relative;
    }
    .site-home #g-expanded:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background: rgba(var(--primary-color-rgb),.9);
        backdrop-filter: blur(10px);
        --webkit-backdrop-filter: blur(10px);
    }
    .site-home #g-expanded > .g-container {
        position: relative;
        z-index: 2;
        padding: 2rem 1rem!important;
    }
    .site-home #g-expanded .g-array-item-text {
        margin: 0;
        padding: 0;
    }
}


@media only screen and (min-width: 50.99rem) {
    .scjom-wrapper {
        display: flex;
        flex-direction: row;
        gap: min(4vw, 4rem);
    }
    .scjom-wrapper:before {
        content: '';
        order: 2;
        border-left: 2px solid var(--default-white);
    }
    .sc-wrapper {
        order: 1;
        flex: 1;
    }
    .jom-wrapper {
        order: 3;
        flex: 1;
    }

    .scjom-wrapper .g-title {
        color: var(--default-white);
        font-size: min(3.5vw, 3.5rem);
        line-height: 1;
        margin: 0;
        padding: 0;
        margin-bottom: 1.5rem;
        font-family: var(--title-font-family);
        font-weight: 500;
        border: none;
    }
    .scjom-wrapper p {
        color: var(--default-white);
        font-size: min(1.5vw, 1.5rem);
        line-height: 1.4;
    }
}

@media only screen and (max-width: 50.99rem) {
    .scjom-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .scjom-wrapper:before {
        content: '';
        order: 2;
        border-bottom: 2px solid var(--default-white);
        width: 100%;
    }
    .sc-wrapper {
        order: 1;
        flex: 1;
    }
    .jom-wrapper {
        order: 3;
        flex: 1;
    }

    .scjom-wrapper .g-title {
        color: var(--default-white);
        font-size: 6vw;
        line-height: 1;
        margin: 0;
        padding: 0;
        margin-bottom: 1.5rem;
        font-family: var(--title-font-family);
        font-weight: 500;
        border: none;
    }
    .scjom-wrapper p {
        color: var(--default-white);
        font-size: 4vw;
        line-height: 1.4;
    }
}

#g-expanded .transparentbutton {
	color: white;
	border: 2px solid white;
}
#g-expanded .transparentbutton:hover {
	background: black;
}

/*EXTENSION*/
@media only screen and (min-width: 50.99rem) {
    .site-home #g-extension > .g-container {
        padding: .5rem 0!important;
    }
    .site-home #g-extension .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .site-home #g-extension .g-array-item-text > p {
        display: none!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-home #g-extension > .g-container {
        padding: 0!important;
    }
    .site-home #g-extension .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .site-home #g-extension .g-array-item-text > p {
        display: none!important;
    }
}

/*FOOTER*/
#g-footer {
	padding-bottom: 3rem !important;
}

@media only screen and (min-width: 50.99rem) {
    #g-footer .g-array-item-text {
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-footer .g-array-item-text {
        margin: 0;
        padding: 0;
    }
}

@media only screen and (min-width: 50.99rem) {
    .footer-wrapper {
        display: flex;
        flex-direction: row;
        gap: min(4vw, 4rem);
    }
    .footer-content {
        flex: 33;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .footer-wrapper .footer-logo img {
        max-width: 65%;
    }
    .footer-inner-content h1 {
        color: var(--default-white);
        font-size: min(2.5vw, 2.5rem);
        line-height: 1.2;
        font-family: var(--title-font-family);
        margin: 0;
        padding: 0;
        margin-bottom: 1rem;
        font-weight: 700;
    }
    .footer-inner-content p {
        color: var(--default-white);
        font-size: min(1.5vw, 1.5rem);
        line-height: 1.5;
        font-family: var(--body-font-family);
        margin: 0;
        padding: 0;
    }
    .footer-social-icons .g-social-items {
        display: flex;
        flex-direction: row;
        gap: min(1.5vw, 1.5rem);
        justify-content: flex-start;
        align-items: center;
    }
    .footer-social-icons .g-social-items a {
        font-size: min(2.5vw, 2.5rem);
    }
    .footer-map {
        flex: 67;
    }
    .footer-map iframe {
        width: 100%;
        border-radius: 1rem;
    }
}

@media only screen and (max-width: 50.99rem) {
    .footer-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .footer-content {
        flex: 33;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .footer-inner-content h1 {
        color: var(--default-white);
        font-size: 6vw;
        line-height: 1.2;
        font-family: var(--title-font-family);
        margin: 0;
        padding: 0;
        margin-bottom: 1rem;
        font-weight: 700;
    }
    .footer-inner-content p {
        color: var(--default-white);
        font-size: 4vw;
        line-height: 1.5;
        font-family: var(--body-font-family);
        margin: 0;
        padding: 0;
    }
    .footer-social-icons .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 1.5rem;
        justify-content: flex-start;
        align-items: center;
    }
    .footer-social-icons .g-social-items a {
        font-size: 6vw;
    }
    .footer-map {
        flex: 67;
    }
    .footer-map iframe {
        width: 100%;
        border-radius: 1rem;
    }
}

/* --- Quicklinks modal (white box, black text) --- */
.ql-modal-overlay {
    position: fixed;
    inset: 0;
    display: none;               /* toggled via .is-open */
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.6);
    z-index: 9999;
  }
  .ql-modal-overlay.is-open { display: flex; }
  
  .ql-modal {
    background: #fff;
    color: #000;
    width: 100%;
    height: 50%;
    max-width: min(900px, 92vw);
    max-height: 85vh;
    overflow: auto;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    padding: 1.25rem 1.25rem 1.5rem;
  }
  
  .ql-modal-title { margin: 0 0 .5rem; line-height: 1.25; }
  .ql-modal-desc  { line-height: 1.6; }
  /* Make links inside the modal readable */
  .ql-modal a { color: #000; text-decoration: underline; }

@media only screen and (max-width: 50.99rem) {
    .ql-modal {
        background: #fff;
        color: #000;
        width: 100%;
        height: 50%;
        max-width: min(900px, 92vw);
        max-height: 85vh;
        overflow: auto;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,.35);
        padding: 1.25rem 1.25rem 1.5rem;
      }
}