@import url('//fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/************ TEMPLATE  ************
COLORS
Primary: Navy Blue 152a6b rgb(21,42,107)
Secondary: Light Blue 697fb7 rgb(105,127,183)
Tertiary/hover: Red a8391b rgb(168,57,27)
- The shadows/rectangles behind the rotator and quick links are navy at 25% opacity.

FONTS USED (Google)
Source Sans 3

IMAGES (Opacity | Blur Radius)
- Header/Rotator/Ql background:
- Headlines BG: 93% opacity. 3px blur.
- Widgets BG: Same as headlines
- Footer BG: Same
************/

html body {
    --heading-color: rgba(var(--primary-color));
    --heading-font-family: var(--title-font-family);

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

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

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

    --site-box-shadow: 4px 4px 4px rgba(0,0,0,.4);

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

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

    --hero-title-left-position: 5%;

    --ql-flex: 5;

    --ql-toplinks-title-color: rgba(var(--default-white));
    --ql-toplinks-title-color-hover: rgba(var(--default-white));

    --main-menu-bg-color: white;

    --main-menu-sub-bg-hover: #cc6f30;

    --ql-toplinks-title-color-mobile: white;

    --ph-title-font-size-mobile: 4.5vw;

    --section-offcanvas-bg: rgba(var(--primary-color));
    --section-offcanvas-bg-overlay: rgba(0,0,0,0);

    --navigation-social-item-font-size: clamp(1.25rem, 1.5vw, 3rem);
}

.ph-rounded-square {
    --ph-title-padding: 1rem;
}

html body #g-top {
    --primary-color: #ff8533;
    --secondary-color: #ff8533;
    --tertiary-color: #ff8533;

    --default-white: #ffffff;
    --default-black: #000000;
}

.site-sub .item-image {
    display: none;
}

body.sponsorshippage .buy-page {
    --primary-color: #ff8533;
    --secondary-color: #ff8533;
    --tertiary-color: #ff8533;

    --primary-rgb: 255, 133, 51;
    --secondary-rgb: 255, 133, 51;
    --tertiary-rgb: 255, 133, 51;

    --default-white: #ffffff;
    --default-black: #000000;
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: rgba(var(--primary-color));
    font-family: var(--body-font-family);
}

body {
    --bg-container-top-position-horiz: 50%;
    --bg-container-top-position-vert: 50%;
    --bg-container-top-repeat: no-repeat;
    --bg-cotnainer-top-size: cover;
    --bg-container-top-attachment: unset;
    --bg-container-top-color: unset;

    --bg-top-position-horiz: 50%;
    --bg-top-position-vert: 50%;
    --bg-top-repeat: no-repeat;
    --bg-top-size: cover;
    --bg-top-attachment: unset;
    --bg-top-color: unset;

    --bg-navigation-position-horiz: 50%;
    --bg-navigation-position-vert: 50%;
    --bg-navigation-repeat: no-repeat;
    --bg-navigation-size: cover;
    --bg-navigation-attachment: unset;
    --bg-navigation-color: unset;

    --bg-slideshow-position-horiz: 50%;
    --bg-slideshow-position-vert: 50%;
    --bg-slideshow-repeat: no-repeat;
    --bg-slideshow-size: cover;
    --bg-slideshow-attachment: unset;
    --bg-slideshow-color: unset;

    --bg-header-position-horiz: 50%;
    --bg-header-position-vert: 50%;
    --bg-header-repeat: no-repeat;
    --bg-header-size: cover;
    --bg-header-attachment: unset;
    --bg-header-color: unset;

    --bg-above-position-horiz: 50%;
    --bg-above-position-vert: 50%;
    --bg-above-repeat: no-repeat;
    --bg-above-size: cover;
    --bg-above-attachment: unset;
    --bg-above-color: unset;

    --bg-feature-position-horiz: 50%;
    --bg-feature-position-vert: 50%;
    --bg-feature-repeat: no-repeat;
    --bg-feature-size: cover;
    --bg-feature-attachment: unset;
    --bg-feature-color: unset;

    --bg-showcase-position-horiz: 50%;
    --bg-showcase-position-vert: 50%;
    --bg-showcase-repeat: no-repeat;
    --bg-showcase-size: cover;
    --bg-showcase-attachment: unset;
    --bg-showcase-color: unset;

    --bg-utility-position-horiz: 50%;
    --bg-utility-position-vert: 50%;
    --bg-utility-repeat: no-repeat;
    --bg-utility-size: cover;
    --bg-utility-attachment: unset;
    --bg-utility-color: unset;

    --bg-container-main-position-horiz: 50%;
    --bg-container-main-position-vert: 50%;
    --bg-container-main-repeat: no-repeat;
    --bg-container-main-size: cover;
    --bg-container-main-attachment: unset;
    --bg-container-main-color: unset;

    --bg-expanded-position-horiz: 50%;
    --bg-expanded-position-vert: 50%;
    --bg-expanded-repeat: no-repeat;
    --bg-expanded-size: cover;
    --bg-expanded-attachment: unset;
    --bg-expanded-color: unset;

    --bg-extension-position-horiz: 50%;
    --bg-extension-position-vert: 50%;
    --bg-extension-repeat: no-repeat;
    --bg-extension-size: cover;
    --bg-extension-attachment: unset;
    --bg-extension-color: unset;

    --bg-bottom-position-horiz: 50%;
    --bg-bottom-position-vert: 50%;
    --bg-bottom-repeat: no-repeat;
    --bg-bottom-size: cover;
    --bg-bottom-attachment: unset;
    --bg-bottom-color: unset;

    --bg-container-footer-position-horiz: 50%;
    --bg-container-footer-position-vert: 50%;
    --bg-container-footer-repeat: no-repeat;
    --bg-container-footer-size: cover;
    --bg-container-footer-attachment: unset;
    --bg-container-footer-color: unset;

    --bg-footer-position-horiz: 50%;
    --bg-footer-position-vert: 50%;
    --bg-footer-repeat: no-repeat;
    --bg-footer-size: cover;
    --bg-footer-attachment: unset;
    --bg-footer-color: unset;

    --bg-copyright-position-horiz: 50%;
    --bg-copyright-position-vert: 50%;
    --bg-copyright-repeat: no-repeat;
    --bg-copyright-size: cover;
    --bg-copyright-attachment: unset;
    --bg-copyright-color: unset;

    --bg-offcanvas-position-horiz: 50%;
    --bg-offcanvas-position-vert: 50%;
    --bg-offcanvas-repeat: no-repeat;
    --bg-offcanvas-size: cover;
    --bg-offcanvas-attachment: unset;
    --bg-offcanvas-color: unset;
}

a:hover, a {
    color: rgba(var(--primary-color));
}

h5 {
    color: rgba(var(--default-white));
    font-family: var(--heading-font-family);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    font-variant-caps: var(--h5-font-variant-caps);
    text-transform: var(--h5-text-transform);
    line-height: var(--h5-line-height);
    margin: var(--h5-margin);
    padding: var(--h5-padding);
    border-bottom: var(--none);
    border-radius: .2rem;
    background: rgba(var(--primary-color));
}

html body {
    --button-default-text-color: rgba(var(--default-white));
    --hero-title-color: rgba(var(--primary-color));
    --hero-title-font-family: var(--title-font-family);
    --hero-title-font-size: 4vw;
    --hero-title-font-size-mobile: 7vw;
    --hero-title-text-shadow: 3px 3px 3px rgba(var(--default-black-rgb),.15);
    --hero-title-left-position: 6%;
    --hero-title-right-position: unset;
    --hero-title-top-position: unset;
    --hero-title-bottom-position: 5%;
    --hero-text-color: rgba(var(--primary-color));
    --hero-text-font-family: var(--body-font-family);
    --hero-text-font-size-desktop: 1vw;
    --hero-text-font-size-mobile: 2vw;
    --hero-text-text-shadow: 3px 3px 3px rgba(var(--default-black-rgb),.15);
    --hero-text-left-position: 6%;
    --hero-text-right-position: unset;
    --hero-text-top-position: unset;
    --hero-text-bottom-position: 5%;
    --hero-img-height: 24vw;
    --hero-img-height-mobile: 30vw;
    --hero-opacity: 0.35;
    --hero-object-fit: cover;
    --hero-object-position: center;
    --web-policy-color: rgba(var(--default-white));
    --web-policy-hover: #777777;
    --button-default-bg: rgba(var(--primary-color));
    --button-default-bg-hover: rgba(var(--primary-color));
    --button-default-text-color: rgba(var(--default-white));
    --button-default-text-color-hover: var(--button-default-text-color);
    --button-default-font-size: 1.25vw;
    --button-default-text-transform: none;
    --button-default-fvc: normal;
    --button-default-font-weight: normal;
    --button-default-padding: .7rem 1.3rem;
    --button-default-border-radius: .5rem;
    --button-default-margin: 0;
    --button-default-line-height: 1;
    --button-default-display: inline-block;
    --button-default-border: none;
    --button-default-transition: .2s all ease-in-out;
    --button-default-text-decoration: none;
    --button-default-box-shadow: none;
    --button-default-box-shadow-hover: none;
    --button-default-text-shadow: none;
    --button-default-text-shadow-hover: none;
    --button-default-text-align: center;
    --button-default-font-style: normal;
    --button-default-vertical-align: middle;
    --button-default-font-family: var(--body-font-family);
    --button-default-opacity: 1;
    --button-default-opacity-hover: 1;
    --button-default-scale-hover: 1.05;
    --button-default-bg-mobile: var(--button-default-bg);
    --button-default-bg-hover-mobile: var(--button-default-bg-hover);
    --button-default-text-color-mobile: var(--button-default-text-color);
    --button-default-text-color-hover-mobile: var(--button-default-text-color-hover);
    --button-default-font-size-mobile: 4vw;
    --button-default-text-transform-mobile: var(--button-default-text-transform);
    --button-default-fvc-mobile: var(--button-default-fvc);
    --button-default-font-weight-mobile: var(--button-default-font-weight);
    --button-default-width-mobile: 100%;
    --button-default-padding-mobile: 1rem;
    --button-default-border-radius-mobile: var(--button-default-border-radius);
    --button-default-margin-mobile: var(--button-default-margin);
    --button-default-display-mobile: var(--button-default-display);
    --button-default-border-mobile: var(--button-default-border);
    --button-default-line-height-mobile: var(--button-default-line-height);
    --button-default-transition-mobile: var(--button-default-transition);
    --button-default-text-decoration-mobile: var(--button-default-text-decoration);
    --button-default-box-shadow-mobile: var(--button-default-box-shadow);
    --button-default-box-shadow-hover-mobile: var(--button-default-box-shadow-hover);
    --button-default-text-shadow-mobile: var(--button-default-text-shadow);
    --button-default-text-shadow-hover-mobile: var(--button-default-text-shadow-hover);
    --button-default-text-align-mobile: var(--button-default-text-align);
    --button-default-font-style-mobile: var(--button-default-font-style);
    --button-default-vertical-align-mobile: var(--button-default-vertical-align);
    --button-default-font-family-mobile: var(--button-default-font-family);
    --button-default-opacity-mobile: var(--button-default-opacity);
    --button-default-opacity-hover-mobile: var(--button-default-opacity-hover);
    --button-default-scale-hover-mobile: var(--button-default-scale-hover);
    --button-transparent-bg: transparent;
    --button-transparent-bg-hover: var(--secondary-color);
    --button-transparent-text-color: rgba(var(--primary-color));
    --button-transparent-text-color-hover: rgba(var(--default-white));
    --button-transparent-font-size: 1.25vw;
    --button-transparent-line-height: 1;
    --button-transparent-text-transform: none;
    --button-transparent-fvc: normal;
    --button-transparent-font-weight: normal;
    --button-transparent-padding: .7rem 1.3rem;
    --button-transparent-border-radius: .5rem;
    --button-transparent-margin: 0;
    --button-transparent-display: inline-block;
    --button-transparent-border: 2px solid rgba(var(--primary-color));
    --button-transparent-transition: all .2s ease-in;
    --button-transparent-text-decoration: none;
    --button-transparent-box-shadow: none;
    --button-transparent-box-shadow-hover: none;
    --button-transparent-text-shadow: none;
    --button-transparent-text-shadow-hover: none;
    --button-transparent-text-align: center;
    --button-transparent-font-style: normal;
    --button-transparent-vertical-align: middle;
    --button-transparent-font-family: var(--body-font-family);
    --button-transparent-opacity: 1;
    --button-transparent-opacity-hover: 1;
    --button-transparent-scale-hover: unset;
    --button-transparent-bg-mobile: var(--button-transparent-bg);
    --button-transparent-bg-hover-mobile: var(--button-transparent-bg-hover);
    --button-transparent-text-color-mobile: var(--button-transparent-text-color);
    --button-transparent-text-color-hover-mobile: var(--button-transparent-text-color-hover);
    --button-transparent-font-size-mobile: 4vw;
    --button-transparent-width-mobile: 100%;
    --button-transparent-padding-mobile: 1rem;
    --button-transparent-border-mobile: var(--button-transparent-border);
    --button-transparent-fvc-mobile: var(--button-transparent-fvc);
    --button-transparent-font-weight-mobile: var(--button-transparent-font-weight);
    --button-transparent-border-radius-mobile: var(--button-transparent-border-radius);
    --button-transparent-margin-mobile: var(--button-transparent-margin);
    --button-transparent-display-mobile: var(--button-transparent-display);
    --button-transparent-border-mobile: var(--button-transparent-border);
    --button-transparent-line-height-mobile: var(--button-transparent-line-height);
    --button-transparent-transition-mobile: var(--button-transparent-transition);
    --button-transparent-text-decoration-mobile: var(--button-transparent-text-decoration);
    --button-transparent-box-shadow-mobile: var(--button-transparent-box-shadow);
    --button-transparent-box-shadow-hover-mobile: var(--button-transparent-box-shadow-hover);
    --button-transparent-text-shadow-mobile: var(--button-transparent-text-shadow);
    --button-transparent-text-shadow-hover-mobile: var(--button-transparent-text-shadow-hover);
    --button-transparent-text-align-mobile: var(--button-transparent-text-align);
    --button-transparent-font-style-mobile: var(--button-transparent-font-style);
    --button-transparent-vertical-align-mobile: var(--button-transparent-vertical-align);
    --button-transparent-font-family-mobile: var(--button-transparent-font-family);
    --button-transparent-opacity-mobile: var(--button-transparent-opacity);
    --button-transparent-opacity-hover-mobile: var(--button-transparent-opacity-hover);
    --button-transparent-scale-hover-mobile: var(--button-transparent-scale-hover);
    --button-transparent-text-transform-mobile: var(--button-transparent-text-transform-mobile);

}

/* Container Names in order
#g-contaienr-top
#g-top
#g-navigation
#g-slideshow
#g-header
#g-above
#g-feature
#g-showcase
#g-utility
#g-container-main
#g-expanded
#g-extension
#g-bottom
#g-container-footer
#g-footer
#g-copyright
#g-offcanvas
*/

#g-container-top.bg-container-top-p {
    background: url('/images/template/bg/bg-container-top.png') var(--bg-container-top-position-horiz) var(--bg-container-top-position-vert) var(--bg-container-top-repeat);
    background-size: var(--bg-cotnainer-top-size);
    background-attachment: var(--bg-container-top-attachment);
}

#g-container-top.bg-container-top-j {
    background: url('/images/template/bg/bg-container-top.jpg') var(--bg-container-top-position-horiz) var(--bg-container-top-position-vert) var(--bg-container-top-repeat);
    background-size: var(--bg-cotnainer-top-size);
    background-attachment: var(--bg-container-top-attachment);
}

#g-top.bg-top-p {
    background: url('/images/template/bg/bg-top.png') var(--bg-top-position-horiz) var(--bg-top-position-vert) var(--bg-top-repeat);
    background-size: var(--bg-top-size);
    background-attachment: var(--bg-top-attachment);
}

#g-top.bg-top-j {
    background: url('/images/template/bg/bg-top.jpg') var(--bg-top-position-horiz) var(--bg-top-position-vert) var(--bg-top-repeat);
    background-size: var(--bg-top-size);
    background-attachment: var(--bg-top-attachment);
}

#g-navigation.bg-navigation-p {
    background: url('/images/template/bg/bg-navigation.png') var(--bg-navigation-position-horiz) var(--bg-navigation-position-vert) var(--bg-navigation-repeat);
    background-size: var(--bg-navigation-size);
    background-attachment: var(--bg-navigation-attachment);
}

#g-navigation.bg-navigation-j {
    background: url('/images/template/bg/bg-navigation.jpg') var(--bg-navigation-position-horiz) var(--bg-navigation-position-vert) var(--bg-navigation-repeat);
    background-size: var(--bg-navigation-size);
    background-attachment: var(--bg-navigation-attachment);
}

#g-slideshow.bg-slideshow-p {
    background: url('/images/template/bg/bg-slideshow.png') var(--bg-slideshow-position-horiz) var(--bg-slideshow-position-vert) var(--bg-slideshow-repeat);
    background-size: var(--bg-slideshow-size);
    background-attachment: var(--bg-slideshow-attachment);
}

#g-slideshow.bg-slideshow-j {
    background: url('/images/template/bg/bg-slideshow.jpg') var(--bg-slideshow-position-horiz) var(--bg-slideshow-position-vert) var(--bg-slideshow-repeat);
    background-size: var(--bg-slideshow-size);
    background-attachment: var(--bg-slideshow-attachment);
}

#g-header.bg-header-p {
    background: url('/images/template/bg/bg-header.png') var(--bg-header-position-horiz) var(--bg-header-position-vert) var(--bg-header-repeat);
    background-size: var(--bg-header-size);
    background-attachment: var(--bg-header-attachment);
}

#g-header.bg-header-j {
    background: url('/images/template/bg/bg-header.jpg') var(--bg-header-position-horiz) var(--bg-header-position-vert) var(--bg-header-repeat);
    background-size: var(--bg-header-size);
    background-attachment: var(--bg-header-attachment);
}

#g-above.bg-above-p {
    background: url('/images/template/bg/bg-above.png') var(--bg-above-position-horiz) var(--bg-above-position-vert) var(--bg-above-repeat);
    background-size: var(--bg-above-size);
    background-attachment: var(--bg-above-attachment);
}

#g-above.bg-above-j {
    background: url('/images/template/bg/bg-above.jpg') var(--bg-above-position-horiz) var(--bg-above-position-vert) var(--bg-above-repeat);
    background-size: var(--bg-above-size);
    background-attachment: var(--bg-above-attachment);
}

#g-feature.bg-feature-p {
    background: url('/images/template/bg/bg-feature.png') var(--bg-feature-position-horiz) var(--bg-feature-position-vert) var(--bg-feature-repeat);
    background-size: var(--bg-feature-size);
    background-attachment: var(--bg-feature-attachment);
}

#g-feature.bg-feature-j {
    background: url('/images/template/bg/bg-feature.jpg') var(--bg-feature-position-horiz) var(--bg-feature-position-vert) var(--bg-feature-repeat);
    background-size: var(--bg-feature-size);
    background-attachment: var(--bg-feature-attachment);
}

#g-showcase.bg-showcase-p {
    background: url('/images/template/bg/bg-showcase.png') var(--bg-showcase-position-horiz) var(--bg-showcase-position-vert) var(--bg-showcase-repeat);
    background-size: var(--bg-showcase-size);
    background-attachment: var(--bg-showcase-attachment);
}

#g-showcase.bg-showcase-j {
    background: url('/images/template/bg/bg-showcase.jpg') var(--bg-showcase-position-horiz) var(--bg-showcase-position-vert) var(--bg-showcase-repeat);
    background-size: var(--bg-showcase-size);
    background-attachment: var(--bg-showcase-attachment);
}

#g-utility.bg-utility-p {
    background: url('/images/template/bg/bg-utility.png') var(--bg-utility-position-horiz) var(--bg-utility-position-vert) var(--bg-utility-repeat);
    background-size: var(--bg-utility-size);
    background-attachment: var(--bg-utility-attachment);
}

#g-utility.bg-utility-j {
    background: url('/images/template/bg/bg-utility.jpg') var(--bg-utility-position-horiz) var(--bg-utility-position-vert) var(--bg-utility-repeat);
    background-size: var(--bg-utility-size);
    background-attachment: var(--bg-utility-attachment);
}

#g-container-main.bg-container-main-p {
    background: url('/images/template/bg/bg-container-main.png') var(--bg-container-main-position-horiz) var(--bg-container-main-position-vert) var(--bg-container-main-repeat);
    background-size: var(--bg-container-main-size);
    background-attachment: var(--bg-container-main-attachment);
}

#g-container-main.bg-container-main-j {
    background: url('/images/template/bg/bg-container-main.jpg') var(--bg-container-main-position-horiz) var(--bg-container-main-position-vert) var(--bg-container-main-repeat);
    background-size: var(--bg-container-main-size);
    background-attachment: var(--bg-container-main-attachment);
}

#g-expanded.bg-expanded-p {
    background: url('/images/template/bg/bg-expanded.png') var(--bg-expanded-position-horiz) var(--bg-expanded-position-vert) var(--bg-expanded-repeat);
    background-size: var(--bg-expanded-size);
    background-attachment: var(--bg-expanded-attachment);
}

#g-expanded.bg-expanded-j {
    background: url('/images/template/bg/bg-expanded.jpg') var(--bg-expanded-position-horiz) var(--bg-expanded-position-vert) var(--bg-expanded-repeat);
    background-size: var(--bg-expanded-size);
    background-attachment: var(--bg-expanded-attachment);
}

#g-extension.bg-extension-p {
    background: url('/images/template/bg/bg-extension.png') var(--bg-extension-position-horiz) var(--bg-extension-position-vert) var(--bg-extension-repeat);
    background-size: var(--bg-extension-size);
    background-attachment: var(--bg-extension-attachment);
}

#g-extension.bg-extension-j {
    background: url('/images/template/bg/bg-extension.jpg') var(--bg-extension-position-horiz) var(--bg-extension-position-vert) var(--bg-extension-repeat);
    background-size: var(--bg-extension-size);
    background-attachment: var(--bg-extension-attachment);
}

#g-bottom.bg-bottom-p {
    background: url('/images/template/bg/bg-bottom.png') var(--bg-bottom-position-horiz) var(--bg-bottom-position-vert) var(--bg-bottom-repeat);
    background-size: var(--bg-bottom-size);
    background-attachment: var(--bg-bottom-attachment);
}

#g-bottom.bg-bottom-j {
    background: url('/images/template/bg/bg-bottom.jpg') var(--bg-bottom-position-horiz) var(--bg-bottom-position-vert) var(--bg-bottom-repeat);
    background-size: var(--bg-bottom-size);
    background-attachment: var(--bg-bottom-attachment);
}

#g-container-footer.bg-container-footer-p {
    background: url('/images/template/bg/bg-container-footer.png') var(--bg-container-footer-position-horiz) var(--bg-container-footer-position-vert) var(--bg-container-footer-repeat);
    background-size: var(--bg-container-footer-size);
    background-attachment: var(--bg-container-footer-attachment);
}

#g-container-footer.bg-container-footer-j {
    background: url('/images/template/bg/bg-container-footer.jpg') var(--bg-container-footer-position-horiz) var(--bg-container-footer-position-vert) var(--bg-container-footer-repeat);
    background-size: var(--bg-container-footer-size);
    background-attachment: var(--bg-container-footer-attachment);
}

#g-footer.bg-footer-p {
    background: url('/images/template/bg/bg-footer.png') var(--bg-footer-position-horiz) var(--bg-footer-position-vert) var(--bg-footer-repeat);
    background-size: var(--bg-footer-size);
    background-attachment: var(--bg-footer-attachment);
}

#g-footer.bg-footer-j {
    background: url('/images/template/bg/bg-footer.jpg') var(--bg-footer-position-horiz) var(--bg-footer-position-vert) var(--bg-footer-repeat);
    background-size: var(--bg-footer-size);
    background-attachment: var(--bg-footer-attachment);
}

#g-copyright.bg-copyright-p {
    background: url('/images/template/bg/bg-copyright.png') var(--bg-copyright-position-horiz) var(--bg-copyright-position-vert) var(--bg-copyright-repeat);
    background-size: var(--bg-copyright-size);
    background-attachment: var(--bg-copyright-attachment);
}

#g-copyright.bg-copyright-j {
    background: url('/images/template/bg/bg-copyright.jpg') var(--bg-copyright-position-horiz) var(--bg-copyright-position-vert) var(--bg-copyright-repeat);
    background-size: var(--bg-copyright-size);
    background-attachment: var(--bg-copyright-attachment);
}

.bg-overlay-color-primary-05 > .g-container {
    background: rgba(var(--primary-color), 0.05);
}
.bg-overlay-color-primary-10 > .g-container {
    background: rgba(var(--primary-color), 0.1);
}
.bg-overlay-color-primary-15 > .g-container {
    background: rgba(var(--primary-color), 0.15);
}
.bg-overlay-color-primary-20 > .g-container {
    background: rgba(var(--primary-color), 0.2);
}
.bg-overlay-color-primary-25 > .g-container {
    background: rgba(var(--primary-color), 0.25);
}
.bg-overlay-color-primary-30 > .g-container {
    background: rgba(var(--primary-color), 0.3);
}
.bg-overlay-color-primary-35 > .g-container {
    background: rgba(var(--primary-color), 0.35);
}
.bg-overlay-color-primary-40 > .g-container {
    background: rgba(var(--primary-color), 0.4);
}
.bg-overlay-color-primary-45 > .g-container {
    background: rgba(var(--primary-color), 0.45);
}
.bg-overlay-color-primary-50 > .g-container {
    background: rgba(var(--primary-color), 0.5);
}
.bg-overlay-color-primary-55 > .g-container {
    background: rgba(var(--primary-color), 0.55);
}
.bg-overlay-color-primary-60 > .g-container {
    background: rgba(var(--primary-color), 0.6);
}
.bg-overlay-color-primary-65 > .g-container {
    background: rgba(var(--primary-color), 0.65);
}
.bg-overlay-color-primary-70 > .g-container {
    background: rgba(var(--primary-color), 0.7);
}
.bg-overlay-color-primary-75 > .g-container {
    background: rgba(var(--primary-color), 0.75);
}
.bg-overlay-color-primary-80 > .g-container {
    background: rgba(var(--primary-color), 0.8);
}
.bg-overlay-color-primary-85 > .g-container {
    background: rgba(var(--primary-color), 0.85);
}
.bg-overlay-color-primary-90 > .g-container {
    background: rgba(var(--primary-color), 0.9);
}
.bg-overlay-color-primary-95 > .g-container {
    background: rgba(var(--primary-color), 0.95);
}
.bg-overlay-color-primary-100 > .g-container {
    background: rgba(var(--primary-color), 1);
}

.bg-overlay-color-secondary-05 > .g-container {
    background: rgba(var(--secondary-color), 0.05);
}
.bg-overlay-color-secondary-10 > .g-container {
    background: rgba(var(--secondary-color), 0.1);
}
.bg-overlay-color-secondary-15 > .g-container {
    background: rgba(var(--secondary-color), 0.15);
}
.bg-overlay-color-secondary-20 > .g-container {
    background: rgba(var(--secondary-color), 0.2);
}
.bg-overlay-color-secondary-25 > .g-container {
    background: rgba(var(--secondary-color), 0.25);
}
.bg-overlay-color-secondary-30 > .g-container {
    background: rgba(var(--secondary-color), 0.3);
}
.bg-overlay-color-secondary-35 > .g-container {
    background: rgba(var(--secondary-color), 0.35);
}
.bg-overlay-color-secondary-40 > .g-container {
    background: rgba(var(--secondary-color), 0.4);
}
.bg-overlay-color-secondary-45 > .g-container {
    background: rgba(var(--secondary-color), 0.45);
}
.bg-overlay-color-secondary-50 > .g-container {
    background: rgba(var(--secondary-color), 0.5);
}
.bg-overlay-color-secondary-55 > .g-container {
    background: rgba(var(--secondary-color), 0.55);
}
.bg-overlay-color-secondary-60 > .g-container {
    background: rgba(var(--secondary-color), 0.6);
}
.bg-overlay-color-secondary-65 > .g-container {
    background: rgba(var(--secondary-color), 0.65);
}
.bg-overlay-color-secondary-70 > .g-container {
    background: rgba(var(--secondary-color), 0.7);
}
.bg-overlay-color-secondary-75 > .g-container {
    background: rgba(var(--secondary-color), 0.75);
}
.bg-overlay-color-secondary-80 > .g-container {
    background: rgba(var(--secondary-color), 0.8);
}
.bg-overlay-color-secondary-85 > .g-container {
    background: rgba(var(--secondary-color), 0.85);
}
.bg-overlay-color-secondary-90 > .g-container {
    background: rgba(var(--secondary-color), 0.9);
}
.bg-overlay-color-secondary-95 > .g-container {
    background: rgba(var(--secondary-color), 0.95);
}
.bg-overlay-color-secondary-100 > .g-container {
    background: rgba(var(--secondary-color), 1);
}

.bg-overlay-color-tertiary-05 > .g-container {
    background: rgba(var(--tertiary-color), 0.05);
}
.bg-overlay-color-tertiary-10 > .g-container {
    background: rgba(var(--tertiary-color), 0.1);
}
.bg-overlay-color-tertiary-15 > .g-container {
    background: rgba(var(--tertiary-color), 0.15);
}
.bg-overlay-color-tertiary-20 > .g-container {
    background: rgba(var(--tertiary-color), 0.2);
}
.bg-overlay-color-tertiary-25 > .g-container {
    background: rgba(var(--tertiary-color), 0.25);
}
.bg-overlay-color-tertiary-30 > .g-container {
    background: rgba(var(--tertiary-color), 0.3);
}
.bg-overlay-color-tertiary-35 > .g-container {
    background: rgba(var(--tertiary-color), 0.35);
}
.bg-overlay-color-tertiary-40 > .g-container {
    background: rgba(var(--tertiary-color), 0.4);
}
.bg-overlay-color-tertiary-45 > .g-container {
    background: rgba(var(--tertiary-color), 0.45);
}
.bg-overlay-color-tertiary-50 > .g-container {
    background: rgba(var(--tertiary-color), 0.5);
}
.bg-overlay-color-tertiary-55 > .g-container {
    background: rgba(var(--tertiary-color), 0.55);
}
.bg-overlay-color-tertiary-60 > .g-container {
    background: rgba(var(--tertiary-color), 0.6);
}
.bg-overlay-color-tertiary-65 > .g-container {
    background: rgba(var(--tertiary-color), 0.65);
}
.bg-overlay-color-tertiary-70 > .g-container {
    background: rgba(var(--tertiary-color), 0.7);
}
.bg-overlay-color-tertiary-75 > .g-container {
    background: rgba(var(--tertiary-color), 0.75);
}
.bg-overlay-color-tertiary-80 > .g-container {
    background: rgba(var(--tertiary-color), 0.8);
}
.bg-overlay-color-tertiary-85 > .g-container {
    background: rgba(var(--tertiary-color), 0.85);
}
.bg-overlay-color-tertiary-90 > .g-container {
    background: rgba(var(--tertiary-color), 0.9);
}
.bg-overlay-color-tertiary-95 > .g-container {
    background: rgba(var(--tertiary-color), 0.95);
}
.bg-overlay-color-tertiary-100 > .g-container {
    background: rgba(var(--tertiary-color), 1);
}

.bg-overlay-color-black-05 > .g-container {
    background: rgba(var(--default-black), 0.05);
}
.bg-overlay-color-black-10 > .g-container {
    background: rgba(var(--default-black), 0.1);
}
.bg-overlay-color-black-15 > .g-container {
    background: rgba(var(--default-black), 0.15);
}
.bg-overlay-color-black-20 > .g-container {
    background: rgba(var(--default-black), 0.2);
}
.bg-overlay-color-black-25 > .g-container {
    background: rgba(var(--default-black), 0.25);
}
.bg-overlay-color-black-30 > .g-container {
    background: rgba(var(--default-black), 0.3);
}
.bg-overlay-color-black-35 > .g-container {
    background: rgba(var(--default-black), 0.35);
}
.bg-overlay-color-black-40 > .g-container {
    background: rgba(var(--default-black), 0.4);
}
.bg-overlay-color-black-45 > .g-container {
    background: rgba(var(--default-black), 0.45);
}
.bg-overlay-color-black-50 > .g-container {
    background: rgba(var(--default-black), 0.5);
}
.bg-overlay-color-black-55 > .g-container {
    background: rgba(var(--default-black), 0.55);
}
.bg-overlay-color-black-60 > .g-container {
    background: rgba(var(--default-black), 0.6);
}
.bg-overlay-color-black-65 > .g-container {
    background: rgba(var(--default-black), 0.65);
}
.bg-overlay-color-black-70 > .g-container {
    background: rgba(var(--default-black), 0.7);
}
.bg-overlay-color-black-75 > .g-container {
    background: rgba(var(--default-black), 0.75);
}
.bg-overlay-color-black-80 > .g-container {
    background: rgba(var(--default-black), 0.8);
}
.bg-overlay-color-black-85 > .g-container {
    background: rgba(var(--default-black), 0.85);
}
.bg-overlay-color-black-90 > .g-container {
    background: rgba(var(--default-black), 0.9);
}
.bg-overlay-color-black-95 > .g-container {
    background: rgba(var(--default-black), 0.95);
}
.bg-overlay-color-black-100 > .g-container {
    background: rgba(var(--default-black), 1);
}

.bg-overlay-color-white-05 > .g-container {
    background: rgba(var(--default-white), 0.05);
}
.bg-overlay-color-white-10 > .g-container {
    background: rgba(var(--default-white), 0.1);
}
.bg-overlay-color-white-15 > .g-container {
    background: rgba(var(--default-white), 0.15);
}
.bg-overlay-color-white-20 > .g-container {
    background: rgba(var(--default-white), 0.2);
}
.bg-overlay-color-white-25 > .g-container {
    background: rgba(var(--default-white), 0.25);
}
.bg-overlay-color-white-30 > .g-container {
    background: rgba(var(--default-white), 0.3);
}
.bg-overlay-color-white-35 > .g-container {
    background: rgba(var(--default-white), 0.35);
}
.bg-overlay-color-white-40 > .g-container {
    background: rgba(var(--default-white), 0.4);
}
.bg-overlay-color-white-45 > .g-container {
    background: rgba(var(--default-white), 0.45);
}
.bg-overlay-color-white-50 > .g-container {
    background: rgba(var(--default-white), 0.5);
}
.bg-overlay-color-white-55 > .g-container {
    background: rgba(var(--default-white), 0.55);
}
.bg-overlay-color-white-60 > .g-container {
    background: rgba(var(--default-white), 0.6);
}
.bg-overlay-color-white-65 > .g-container {
    background: rgba(var(--default-white), 0.65);
}
.bg-overlay-color-white-70 > .g-container {
    background: rgba(var(--default-white), 0.7);
}
.bg-overlay-color-white-75 > .g-container {
    background: rgba(var(--default-white), 0.75);
}
.bg-overlay-color-white-80 > .g-container {
    background: rgba(var(--default-white), 0.8);
}
.bg-overlay-color-white-85 > .g-container {
    background: rgba(var(--default-white), 0.85);
}
.bg-overlay-color-white-90 > .g-container {
    background: rgba(var(--default-white), 0.9);
}
.bg-overlay-color-white-95 > .g-container {
    background: rgba(var(--default-white), 0.95);
}
.bg-overlay-color-white-100 > .g-container {
    background: rgba(var(--default-white), 1);
}

.bg-overlay-blur-01 > .g-container {
    backdrop-filter: blur(1px);
    --webkit-backdrop-filter: blur(1px);
}
.bg-overlay-blur-02 > .g-container {
    backdrop-filter: blur(2px);
    --webkit-backdrop-filter: blur(2px);
}
.bg-overlay-blur-03 > .g-container {
    backdrop-filter: blur(3px);
    --webkit-backdrop-filter: blur(3px);
}
.bg-overlay-blur-04 > .g-container {
    backdrop-filter: blur(4px);
    --webkit-backdrop-filter: blur(4px);
}
.bg-overlay-blur-05 > .g-container {
    backdrop-filter: blur(5px);
    --webkit-backdrop-filter: blur(5px);
}
.bg-overlay-blur-06 > .g-container {
    backdrop-filter: blur(6px);
    --webkit-backdrop-filter: blur(6px);
}
.bg-overlay-blur-07 > .g-container {
    backdrop-filter: blur(7px);
    --webkit-backdrop-filter: blur(7px);
}
.bg-overlay-blur-08 > .g-container {
    backdrop-filter: blur(8px);
    --webkit-backdrop-filter: blur(8px);
}
.bg-overlay-blur-09 > .g-container {
    backdrop-filter: blur(9px);
    --webkit-backdrop-filter: blur(9px);
}
.bg-overlay-blur-10 > .g-container {
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);
}

/**************************************************************/
/*********************** Container Top ************************/
/**************************************************************/

    /*** Top ***/

    /*** Navigation ***/

    .mobile-logo img {
        padding-left: 3rem;
    }

    /*** Slideshow ***/

	#contentarray-7235-particle > div > div > div > div > div > div > h1:nth-child(1) {
		font-size: clamp(2rem, 2.5vw, 3.5rem);
        color: rgba(var(--primary-color));
	}

	@media (min-width: 50.99rem) {

        .floatator .fullwidth-swiper {
            max-height: 35.5vw;
        }

		.mass-times-block .g-array-item {
			display: grid;
			align-items: center;
		}

		.mass-times-block .g-array-item-text {
			height: fit-content !important;
		}

		.floatator > .g-container > .g-grid {
			gap: 3vw;
		}

        #g-container-main:has(.headlines-rounded-square) .button {
            background: rgba(var(--secondary-color));
            color: white;
        }

	}

/**************************************************************/
/*********************** Header *******************************/
/**************************************************************/

:is(section, header, footer).s-padding-2 > .g-container {
	padding: 3rem !important;
}

/**************************************************************/
/*********************** Above ********************************/
/**************************************************************/

/**************************************************************/
/*********************** Feature ******************************/
/**************************************************************/

/**************************************************************/
/*********************** Showcase *****************************/
/**************************************************************/

/**************************************************************/
/*********************** Utility ******************************/
/**************************************************************/

/**************************************************************/
/*********************** Container Main ***********************/
/**************************************************************/

.site-home #g-container-main {
    border-top: .5rem solid rgba(var(--secondary-color)) !important;
    background-attachment: fixed;
}

    /*** Sidebar ***/

    /*** Main ***/

	#g-container-main:has(.headlines-rounded-square) > .g-container {
		padding: 3rem !important;
	}

	.ph-rounded-square {
		--ph-background-color: white !important;
	}

    /*** Aside ***/

/**************************************************************/
/*********************** Expanded *****************************/
/**************************************************************/

.welcome-wrapper img {
	border-radius: 50%;
	box-shadow: var(--default-box-shadow);
}

.site-home #contentarray-4473-particle > div > div > div > div > div > div {
	margin: 0 !important;
}

.site-home #g-expanded {
	border-bottom: .5rem solid rgba(var(--secondary-color));
}

@media (min-width: 50.99rem) {

	.site-home #g-expanded {
		padding: 3rem !important;
	}

}

@media only screen and (min-width: 50.99rem) {
    .welcome-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3vw;
    }
    .welcome-wrapper > div:nth-child(1) {
        flex: 1;
    }
    .welcome-wrapper > div:nth-child(2) {
        flex: 3;
    }
    .welcome-wrapper p {
		color: white;
    }
    .welcome-wrapper h3 {
        font-size: 3.5vw;
        color: white;
    }
}

@media (max-width: 50.99rem) {
    .welcome-wrapper img {
        width: 80%;
        margin: 0 auto 1.5rem auto;
    }

    .welcome-wrapper > div:nth-child(1) {
        display: grid;
        justify-content: center;
    }
    
    .welcome-wrapper h3 {
        text-align: center;
    }
}

/**************************************************************/
/*********************** Extension ****************************/
/**************************************************************/

.quote-rotator .g-swiper .g-swiper-slider .swiper-slide .slide {
    position: initial !important;
}

.quote-rotator .g-swiper .g-swiper-slider .swiper-slide {
    display: grid;
    grid-template-columns: 1fr 3fr;
    direction: rtl;
}

.site-home #g-extension .slide-content {
    background-color: var(--secondary-color);
}

.site-home .quote-rotator img {
    aspect-ratio: 1/1;
    margin: auto !important;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: var(--default-box-shadow);
}

.site-home .quote-rotator {
    padding: 3rem !important;
}

.quote-rotator .g-swiper-text p {
    margin: 0 !important;
}

.quote-rotator .g-swiper-text {
    margin: 0 3rem !important;
}

.quote-rotator .slide {
    position: relative;
    z-index: 10;
}

.quote-rotator::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 50%;
    background-color: rgba(var(--secondary-color), 1);
    pointer-events: none;
    z-index: 0;
}

.quote-rotator .g-swiper-slider {
    position: relative;
    z-index: 2;
}

.site-home #g-extension {
    background-attachment: fixed;
}

@media (max-width: 50.99rem) {

    .quote-rotator .g-swiper-text {
        margin: 0 1rem !important;
    }

    .site-home .quote-rotator {
        padding: 2rem !important;
    }

    .site-home #swiper-5953 .g-swiper-slider {
        height: fit-content !important;
    }

    #swiper-5953 {
        padding: 2rem 0;
    }

}

/**************************************************************/
/*********************** Bottom *******************************/
/**************************************************************/

/**************************************************************/
/*********************** Container Footer *********************/
/**************************************************************/

    /*** Footer ***/

    .footer-wrapper img {
        max-width: 275px;
    }

    @media (max-width: 50.99rem) {
        .footer-wrapper img {
            max-width: 275px;
            margin: auto;
            display: grid;
        }

    }

	#contentarray-8088-particle > div > div > div > div > div > div {
		margin: 0 !important;
	}

	#g-footer {
		padding: 1rem 3rem 3rem 3rem !important;
		color: white;
	}

	#g-footer a {
		color: white !important;
	}

	.footer-wrapper {
		padding-top: 1rem;
	}

	@media only screen and (min-width: 50.99rem) {
    .footer-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .footer-wrapper .footer-icon img {
		height: 100%;
		width: auto;
		max-width: 250px;
		margin: auto;
    }
    .footer-wrapper .footer-text p {
        margin: 0;
        color: rgba(var(--primary-color));
        font-size: 1.25vw;
        font-weight: 600;
        font-family: var(--body-font-family);
    }
}

@media only screen and (max-width: 50.99rem) {
    .footer-wrapper .footer-icon {
        text-align: center;
    }
    .footer-wrapper .footer-icon img {
        width: 40%;
        height: auto;
    }
            #g-footer {
            padding: 1rem 1rem 1rem 1rem !important;
            color: white;
        }
}

    /*** Copyright ***/

/**************************************************************/
/*********************** Offcanvas ****************************/
/**************************************************************/

@media only screen and (max-width: 50.99rem) {
    .g-offcanvas-toggle {
        background: rgba(var(--default-white));
        color: rgba(var(--primary-color));
        display: grid;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        box-shadow: var(--default-box-shadow);
    }
    .g-offcanvas-toggle .fa-fw {text-shadow: none;}
}

/**************************************************************/
/*********************** Subpages *****************************/
/**************************************************************/

/**************************************************************/
/*********************** PWA SETTINGS *************************/
/**************************************************************/
@media only screen and (min-width: 50.99rem) {
    #g-top-nav {
        display: none!important;
    }
    #g-mobile-fixed-nav {
        display: none!important;
    }
    body[class*="-sub"]:not(.sponsorshippage) #g-page-surround #g-container-main:has(.k-ui-namespace.com_docman) {
        padding-top: 3% !important;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-top-nav {
        display: none!important;
    }
    #g-mobile-fixed-nav {
        display: none!important;
    }
}

.site-sub #grid-addpic .g-joomla-articles > .g-grid {
    border-radius: 1rem;
    overflow: hidden;
}

.footer-text {
    line-height: 1.5;
}

.g-swiper-text::before,
.g-swiper-text::after {
    content: '';
    position: absolute;
    display: none;
    direction: ltr;
}

.g-swiper-text,
.g-swiper-text p {
    direction: ltr;
}

/* docman */

.k-ui-namespace .mod_docman .koowa_media--gallery .koowa_media_contents {
    margin: 0 !important;
}

/*  */

@media (min-width: 50.99rem) {

    body[class*="-sub"]:not(.sponsorshippage) #g-container-main #g-aside:has(.nav.menu) {
        padding-bottom: 2rem !important;
    }

}

.moduletable .nav.menu li a {
    color: white;
}

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: white;
}

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

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    background-color: #cc6f30;
}

/* mobile */

@media (max-width: 50.99rem) {

    .ql-toplinks-studius .g-blockcontent-subcontent-title {
        --ql-toplinks-title-color-mobile: white;
    }

    .mobile-logo {
        padding-top: 1rem;
    }

    :is(.ole-faithful, .free-menu, .hover-craft, .rooftop-bar, .space-hog, .top-gun, .center-of-attention, .on-the-grid, .crawl-space) .g-logo {
        max-width: 85% !important;
    }

    .ql-dm .g-blockcontent-subcontent-title {
        color: white;
    }

    :is(section, header, footer).s-padding-2 > .g-container {
        padding: 2rem 1rem !important;
    }

    body {
        --mass-times-block-padding-mobile: 1rem 2rem 0 2rem;
    }

    #g-container-main:has(.headlines-rounded-square) > .g-container {
        padding: 2rem 0rem !important;
    }

    #custom-4753-particle > a {
      background-color: rgba(var(--primary-color)) !important;
      margin-bottom: 2rem !important;
      width: 65% !important;
      border-radius: 10rem !important;
      color: white;
      padding: 1rem 2rem !important;
    }

    .welcome-wrapper img {
        width: 50%;
        margin: auto !important;
        padding-bottom: 2rem;
    }

    .welcome-wrapper {
        padding: 2rem !important;
    }

    .welcome-wrapper :is(h1,h2,h3,h4,h5,h6,p,a,span.div) {
        color: white;
    }

    #contentarray-4473-particle > div > div > div > div > div > div > div > div:nth-child(2) > h3 {
        margin-bottom: 2rem !important;
    }

    .quote-rotator .g-swiper .g-swiper-slider .swiper-slide {
        grid-template-columns: 1fr;
    }

    .site-home .quote-rotator img {
        width: 50%;
    }

    .site-home #swiper-5953-particle {
        background-color: rgba(var(--primary-color));
        z-index: 10;
        position: relative;
        box-shadow: var(--default-box-shadow);
    }

    .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper {
        align-items: flex-start;
    }

    .site-home .footer-wrapper img {
        margin: auto;
        position: relative;
        display: grid;
    }

}

/*  */

.g-error #g-container-main {
  padding: 5% !important;
}

body[class*="-sub"]:not(.sponsorshippage) #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) {
    padding: 2% 5% !important;
}


.site-sub #g-container-main {
    min-height: 30vw;
}

/*  */

#g-footer .g-social .g-social-items a {
    font-size: 1.75rem;
}

#g-footer .g-social-items .fa-instagram {
    /* 1. Set the background to the Instagram gradient */
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    
    /* 2. Clip the background to the text (the icon) */
    -webkit-background-clip: text;
    background-clip: text;

    /* 3. Make the text color transparent */
    color: transparent;

    /* Fallback for older browsers */
    -webkit-text-fill-color: transparent;
}

#g-footer .g-social-items .fa-facebook-f {
    color: #1877F2;
}

/*  */

/* campaign page css */

.cc-site #g-container-main .g-content, .cc-site #g-expanded .g-content, .cc-site #g-extension .g-content {
    padding: 0;
    margin: 0;
}
.cc-site #g-bottom .g-content {
	padding: 0.5rem;
}

.cc-site #g-header {
    position: relative;
}

.cc-site .header-swoosh {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    z-index: 5;
    /* overflow: hidden; */
}

.cc-site .header-swoosh img {
    width: 100%;
    max-height: 35vw;
    object-fit: cover;
}

.cc-sitee .campaign-title {
    position: absolute;
    top: 1rem;
    /* right: 5%; */
    z-index: 6;
}

.cc-site .campaign-title h2 {
    width: fit-content;
    right: 8%;
    position: absolute;
    color: var(--default-white);
    /*text-transform: capitalize !important;*/
    font-variant: normal;
    margin: 0;
    font-size: 2.85vw;
    top: 2vw;
	z-index: 10;
	text-shadow: 0px 0px 10px #000000;
}

.cc-site .campaign-logo {
    position: absolute;
    z-index: 6;
    top: 6%;
    width: 17%;
    left: 13%;
}

.cc-site #g-container-main {
    padding: 3% 5% 3% 5%
}

/* campaing Quicklinks */
.campaign-ql-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 1rem;
}

.campaign-ql-container a {
    width: 90%;
    text-align: center;
    padding: 1.5rem 2rem;
    text-decoration: none;
    color: white;
    background-color: rgba(var(--primary-color));
    border-radius: 1rem;
    font-size: clamp(1.3rem, 1.65vw, 2rem);
    box-shadow: var(--default-box-shadow);
    border: 2px solid transparent;
    line-height: 1.2;
    transition: all 450ms ease-in-out;
}

.campaign-ql-container a:hover {
    background-color: transparent; /* Example background color on hover, you can customize */
    color: rgba(var(--secondary-color));
    border: 2px solid rgba(var(--secondary-color));
    box-shadow: none;
    transition: all 450ms ease-in-out;
}

.cc-site #g-container-main > .g-grid > .g-block:nth-child(2) {
    margin: auto;
}

.cc-site #custom-1152-particle > div > a:nth-child(1) {
	background-color: rgba(var(--secondary-color));
}

.cc-site #custom-1152-particle > div > a:hover:nth-child(1), 
 .cc-site #custom-1152-particle > div > a:hover:nth-child(2) {
	background-color: transparent;
}

.cc-site #g-expanded > .g-container {
        padding: 2vw 5%!important;
        display: flex;
        flex-direction: column;
        gap: 2vw;
}

@media (min-width: 50.99rem) and (max-width: 1220px) {
       .goal-box > h1 {
        height: 20vw !important;
    }
}

.goal-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
    justify-content: center;
    align-content: center;
    gap: 5%;
}

.goal-container .goal-box h1 {
    text-align: center;
    margin: 0;
    color: white;
}

.goal-box {
    position: relative;
    background: rgba(var(--primary-color));
    border-radius: 1rem;
}

.goal-box p {
    color: white;
}

.goal-box a {
    width: 100%;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    padding: 0.5rem 1rem;
    color: white;
    border-radius: 1rem;
    border: 2px solid white;
}

.goal-box > h1 {
    height: 20vw;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    color: white;
    margin: 1.5rem !important;
    border: 2px solid white;
    font-size: clamp(1rem, 2.5vw, 3.5rem);
}

.goal-content {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 2rem;
    background: rgba(var(--primary-color));
    transition: opacity 450ms ease-in-out;
    overflow: hidden;
    border-radius: 1rem;
    flex-direction: column;
    justify-content: space-between;
}

.goal-content:hover {
    opacity: 1;
    transition: opacity 450ms ease-in-out;
    background: rgba(var(--tertiary-color));
}

.goal-content p {
    margin: 0;
    line-height: 1.2;
    font-size: clamp(0.75rem, 1vw, 2rem);
}

.goal-content h1 {
    font-size: 2.5vw;
    line-height: 1.2;
}

.goal-content a:hover {
    transition: all 200ms ease-in-out;
    transform: scale(0.98);
}

/*  */
/*  */
.cc-site #g-extension {
	padding: 3% 5% !important;
}


.cc-site #g-extension h2 {
    font-size: 5vw;
    color: white;
    margin: 0;
    line-height: 1.5;
}
.cc-site #g-extension h2.decorative:before,
.cc-site #g-extension h2.decorative:after {
border-top: 1px solid white;
}

.cc-site #g-extension p {
    font-size: 1.4rem;
    line-height: 1.4;
    color: white;
    text-shadow: 1px 1px 10px rgba(0,0,0,.7);
}

.goal-box {
    box-shadow: var(--default-box-shadow);
}

@media (max-width: 50.99rem) {
    #g-mainbar {
        padding: 5% 0 !important;
    }

    .cc-site #g-expanded {
        padding: 10% !important;
    }

    .flipbook p {
        font-size: 1.3rem;
    }

    .flipbook h1 {
        font-size: 3.5rem;
    }

    .goal-content > h1 {
        display: none;
    }

    .goal-content > p {
        display: none;
    }

    .goal-content a {
        opacity: 0;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .goal-content:hover {
        opacity: 0;
        background-color: transparent;
    }

    .goal-content {
        grid-template-rows: initial;
        padding: 0;
    }

    .goal-box {
        box-shadow: var(--default-box-shadow);
    }

    .goal-box > h1 {
        height: 15vw;
        display: grid;
        justify-content: center;
        align-items: center;
        border-radius: 1rem;
        color: white;
        margin: 1rem !important;
        border: 2px solid white;
        font-size: clamp(1.5rem, 2.5vw, 3.5rem);
    }

    .goal-container {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 70%;
        margin: auto;
    }

    .cc-site #g-extension h2 {
        font-size: 3.75rem;
        margin-bottom: 1rem;
        gap: 1rem;
    }

    .cc-site #g-extension p {
        font-size: 1.2rem;
        line-height: 1.2;
        color: white;
        text-shadow: 1px 1px 10px rgba(0,0,0,.7);
    }

    .cc-site #g-extension > div {
        padding: 5% !important;
    }

    .title-section h1 {
        padding-top: calc(2rem + 2%) !important;
        padding-bottom: 2rem;
    }

}

/* boxes */

.box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 3rem;
    padding: 2% 5% 5% 5%;
  }

 .box-container .box {
    background-color: #e4edf5;
    padding: 1.5rem;
    border-radius: 1rem;
    text-align: center;
  }

  .box-container i {
    color: rgba(var(--primary-color));
    font-size: 6vw;
  }

  .box-container h3 {
    border-bottom: none;
    color: rgba(var(--secondary-color));
    font-weight: bold;
    margin: 1rem;
  }

  .box-container p {
    margin: 0;
    color: rgba(var(--secondary-color));
    font-size: 1.3rem;
  }

  .title-section h1 {
    text-align: center;
    padding-top: 2%;
    margin: 0;
    color: rgba(var(--secondary-color));
    text-transform: capitalize;
    font-weight: bold;
  }

  .cc-site #custom-6136-particle > h1 {
    color: rgba(var(--secondary-color));
    font-size: clamp(3.5rem, 4vw, 5rem);
    font-weight: bold;
  }

  .cc-site #g-bottom > div:nth-child(3) {
    padding-bottom: 2%;
  }

@media only screen and (min-width: 50.99rem) {
    .ql-icon-medallions {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions .g-blockcontent > .g-grid:has(.g-blockcontent-header) {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions .g-blockcontent > .g-grid:has(.g-blockcontent-header) > .g-block {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions .g-blockcontent-header {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions .g-blockcontent-header .g-title {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }
    .ql-icon-medallions .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex: unset;
    }
    .ql-icon-medallions .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 11vw;
    }
    .ql-icon-medallions .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title-icon {
        background: rgba(var(--tertiary-color));
        color: rgba(var(--tertiary-color));
    }
    .ql-icon-medallions .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title-icon:before {
        background: rgba(var(--primary-color));
    }
    .ql-icon-medallions .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 15vw;
        height: 15vw;
        /*aspect-ratio: 1/1;*/
        background: transparent;
        transition: .3s all ease-in-out;
        border: 2px solid var(--default-white);
        border-radius: 50%;
        overflow: hidden;
        box-shadow: var(--default-box-shadow);
        position: relative;
        color: var(--default-white);
        font-size: 4.5vw;
    }
    .ql-icon-medallions .g-blockcontent-subcontent-title-icon:before {
        content: '';
        position: absolute;
        top: .5vw;
        bottom: .5vw;
        left: .5vw;
        right: .5vw;
        height: calc(100% - 1vw);
        width: calc(100% - 1vw);
        background: rgba(255,255,255,.25);
        backdrop-filter: blur(5px);
        z-index: 0;
        transition: .3s all ease-in-out;
        border-radius: 50%;
    }
    .ql-icon-medallions .g-blockcontent-subcontent-title-icon i {
        position: relative;
        z-index: 1;
    }
    .ql-icon-medallions .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        text-align: center;
		line-height: 0.75;
    }
    .ql-icon-medallions .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-family: var(--title-font-family);
        font-style: italic;
        letter-spacing: 1px;
        font-size: 1.5vw;
    }
    .ql-icon-medallions .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: 2;
    }
    .ql-icon-medallions .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: 2;
    }
}

@media only screen and (max-width: 50.99rem) {
    .ql-icon-medallions-mobile {
        margin: 0;
        padding: 0;
     }
    .ql-icon-medallions-mobile > .g-content {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions-mobile > .g-content > div {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions-mobile .g-blockcontent {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions-mobile .g-blockcontent > .g-grid:has(.g-blockcontent-header) {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions-mobile .g-blockcontent > .g-grid:has(.g-blockcontent-header) > .g-block {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions-mobile .g-blockcontent-header {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions-mobile .g-blockcontent-header .g-title {
        margin: 0;
        padding: 0;
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 2rem 0;
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-block {
        margin: 0;
        padding: 0;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex: unset;
        width: 50%;
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-block-content {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /*max-width: 9vw;*/
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title-icon {
        background: var(--tertiary-color);
        color: var(--tertiary-color);
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title-icon:before {
        background: var(--default-white);
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-title-icon {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30vw;
        height: 30vw;
        /*aspect-ratio: 1/1;*/
        background: transparent;
        transition: .3s all ease-in-out;
        border: 2px solid var(--default-white);
        border-radius: 50%;
        overflow: hidden;
        box-shadow: var(--default-box-shadow);
        position: relative;
        color: var(--default-white);
        font-size: 20vw;
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-title-icon:before {
        content: '';
        position: absolute;
        top: 2.5vw;
        bottom: 2.5vw;
        left: 2.5vw;
        right: 2.5vw;
        height: calc(100% - 5vw);
        width: calc(100% - 5vw);
        background: rgba(255,255,255,.25);
        backdrop-filter: blur(5px);
        z-index: 0;
        transition: .3s all ease-in-out;
        border-radius: 50%;
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-title-icon i {
        position: relative;
        z-index: 1;
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-title {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .ql-icon-medallions-mobile .g-blockcontent-subcontent-title-text {
        margin: 0;
        padding: 0;
        color: var(--default-white);
        font-family: var(--title-font-family);
        font-style: italic;
        letter-spacing: 1px;
        font-size: 4.25vw;
        line-height: 4.5vw;
    }
    .ql-icon-medallions-mobile .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: 2;
    }
    .ql-icon-medallions-mobile .g-blockcontent-buttons a {
        margin: 0;
        padding: 0;
    }
}

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-navigation .ql-fa-toplinks .g-blockcontent-subcontent-img {
        width: 4.5vw;
        height: 4.5vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-navigation .ql-fa-toplinks .g-blockcontent-subcontent-img {
        width: 3rem;
        height: 3rem;
    }

    .site-1 #g-navigation .ql-fa-toplinks .g-blockcontent-subcontent-block {
        flex: 1;
        align-items: flex-start;
    }
    .site-1 #g-navigation .ql-fa-toplinks .g-blockcontent-subcontent-block-content {
        justify-content: flex-start;
        align-items: center;
    }
}

/* slideshow quotes */

.swiper-quotes .g-swiper-text :is(h1, h2, h3, h4, h5, h6, p, a) {
    margin: 0;
    line-height: 1.2;
    color: white;
    text-align: left;
}

.swiper-quotes .g-swiper-text {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}

@media (min-width: 50.99rem) {

    .swiper-quotes .g-swiper-text p {
        font-size: 1.4vw;
    }

    .swiper-quotes .g-swiper .g-swiper-slider .swiper-slide .slide .slide-content-wrapper {
        justify-content: right;
        padding-left: 5vw;
        align-items: flex-end;
    }

    .swiper-quotes .slide-content {
        padding-bottom: 5%;
    }

}

/*  */

.donate-button-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 300px;
    margin: 0 auto;
    align-items: center;
    /* padding: 20px 0; */
    justify-content: center;
}

.donate-button-container p {
    margin: 0;
}

.donate-button-container .button {
    display: inline-block;
    width: 100%;
    padding: 2rem 3rem;
    text-align: center;
    text-decoration: none;
    color: white;
    font-family: Arial, sans-serif;
    font-size: clamp(1.5rem, 1.5vw, 2rem);
    font-weight: 600;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-sizing: border-box;
}

/* Pledge Now button - dark red */
.donate-button-container .button[href*="pledge"] {
    background: linear-gradient(135deg, #720b02 0%, #8b0d03 100%);
}

.donate-button-container .button[href*="pledge"]:hover {
    background: linear-gradient(135deg, #8b0d03 0%, #a50f04 100%);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

.donate-button-container .button[href*="pledge"]:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Donate Now button - gold/bronze */
.donate-button-container .button[href*="donate"] {
    background: linear-gradient(135deg, #ac8f4b 0%, #c4a356 100%);
}

.donate-button-container .button[href*="donate"]:hover {
    background: linear-gradient(135deg, #c4a356 0%, #d9b661 100%);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

.donate-button-container .button[href*="donate"]:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Responsive design */
@media (max-width: 50.99rem) {
    .donate-button-container {
        max-width: 100%;
        padding: 15px 20px;
    }
    
    .donate-button-container .button {
        padding: 1rem 3rem;
        font-size: 1.25rem;
        /* width: 75%; */
    }
}

.site-1-sub .flex-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

@media (max-width: 50.99rem) {
    .site-1-sub .flex-container {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

/*  */

body[class*="-sub"]:not(.sponsorshippage) #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) #g-mainbar.section-padding-5 > .g-grid > .g-block > #custom-8404-particle {
    padding-right: 0 !important;
}

.site-campaign .g-block:has(.link-block) {
    margin: auto;
    display: grid;
}

@media (min-width: 50.99rem) {
    .site-campaign .g-block:has(.link-block) {
        padding-left: 2rem;
    }
}

/*  */

.donate-button {
    font-weight: normal;
    /* font-size: clamp(1.3rem, 2vw, 2.5rem) !important; */
}

/*  */

.donation-section {
    font-family: Georgia, serif;
    background-image: url('/images/stories/auto-extract/untitled-design-1_resized.jpg?1759184813');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.donation-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
    gap: 0;
}

.giving-methods {
    background-color: #c65425;
    color: white;
    padding: 60px 50px;
}

.giving-methods h2 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 30px 0;
}

.giving-methods .underline {
    text-decoration: underline;
    text-decoration-color: #90ccd8;
    text-decoration-thickness: 3px;
    text-underline-offset: 8px;
}

.intro-text {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
}

.intro-text em {
    font-style: italic;
}

.payment-methods {
    background-color: #f5f5f5;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.method-item {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 1.1rem;
    color: #333;
}

.method-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    font-size: 1.8rem;
    color: #5d7a92;
}

.pledge-budget {
    background-color: rgba(66, 85, 103, 0.9);
    padding: 50px 30px;
}

.pledge-budget h2 {
    color: white;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 300;
    margin: 0 0 30px 0;
}

.table-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
}

.pledge-table {
    width: 100%;
    border-collapse: collapse;
    background-color: rgba(255, 255, 255, 0.95);
}

.pledge-table thead {
    background-color: #4a5f73;
    color: white;
}

.pledge-table th {
    padding: 15px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.pledge-table td {
    padding: 12px 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;
}

.pledge-table tbody tr:nth-child(odd) {
    background-color: rgba(93, 122, 146, 0.15);
}

.pledge-table tbody tr:hover {
    background-color: rgba(93, 122, 146, 0.25);
}

.pledge-table td:first-child {
    font-weight: 600;
    background-color: rgba(var(--primary-color));
    color: white;
}

@media (max-width: 968px) {
    .donation-container {
    grid-template-columns: 1fr;
    }

    .giving-methods h2 {
    font-size: 2.2rem;
    }

    .pledge-budget h2 {
    font-size: 2rem;
    }

    .table-wrapper {
    overflow-x: scroll;
    }
}

@media (max-width: 640px) {
    .giving-methods,
    .payment-methods {
    padding: 40px 30px;
    }

    .giving-methods h2 {
    font-size: 1.8rem;
    }

    .intro-text,
    .method-item {
    font-size: 1rem;
    }

    .pledge-table th,
    .pledge-table td {
    padding: 10px 8px;
    font-size: 0.85rem;
    }
}

/*  */

.site-sub:has(.pledge-table) #g-mainbar > div:nth-child(2) > div > div > div > div {
    margin: 0 !important;
}

.site-sub:has(.pledge-table) #g-mainbar > div:nth-child(2) > div > div > div > div > div {
    justify-content: center;
}

.site-sub:has(.pledge-table) .site-sub #g-container-main > .g-container {
    padding: 0 !important;
}

/*  */

blockquote {
    border-left: 5px solid rgba(var(--secondary-color));
}

blockquote p {
    font-size: clamp(1.2rem, 1.5vw, 2rem);
}

/*  */

#site-grid.site-sub:has(.pledge-table) section:has(#grid-addpic, .grid-mobile-stacked):not(:has(.grid-mobile-horizontal-scroll)) #g-mainbar {
    margin: 0 !important;
}

@media (max-width: 50.99rem) {
    #site-grid.site-sub:has(.pledge-table) #g-container-main > .g-container {
        padding: 2rem 0 !important;
    }

    .pledge-budget {
        padding: 1rem !important;
    }
}

/*  */

.secure-btn-container img {
    display: none;
}

.secure-btn-container .secure-btn {
    width: auto !important;
    height: auto !important;
    padding: 1rem 3rem !important;
    font-size: clamp(1.5rem, 2vw, 2.5rem) !important;
    background-color: rgba(var(--secondary-color)) !important;
    box-shadow: var(--default-box-shadow) !important;
    transition: all 200ms ease-in-out;
}

.secure-btn-container .secure-btn:hover {
    background-color: rgba(var(--secondary-color)) !important;
    transform: scale(0.97);
    transition: all 200ms ease-in-out;
}