@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Spectral:wght@500&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Serif:  Spectral
Sans Serif:  Lato

/************ COLORS  ************
Dark Blue: #0C0C63; rgba(12,12,99,1)
Bright Blue: #1B1BE2; rgba(27,27,226,1)
Light Grey: #F1F2F2; rgba(241,242,242,1)

NEW January 2024
Green: #006548 rgba(8,76,55,1)
Gold: #AC772F rgba(172,119,47,1)


/************ NOTES ************
Landing Page: 'Visit Website' buttons text is white with Drop Shadow
Homepage: Menu, quicklinks, and View Full Calendar button are white text with Drop Shadow 
************/

.site-1 {
    --primary-color: #006548;
    --secondary-color: #AC772F;

    --primary-rgb: 8,76,55;
    --secondary-rgb: 172,119,47;

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

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Lato', sans-serif;

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

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

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

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

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

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

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

    --rok-mini-badge: var(--primary-color);
    --rok-mini-timeline: var(--secondary-color);
}
.site-2 {
    --primary-color: #006548;
    --secondary-color: #AC772F;

    --primary-rgb: 8,76,55;
    --secondary-rgb: 172,119,47;

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

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Lato', sans-serif;

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

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

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

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

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

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

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

    --rok-mini-badge: var(--primary-color);
    --rok-mini-timeline: var(--secondary-color);
}
.site-3 {
    --primary-color: #006548;
    --secondary-color: #AC772F;

    --primary-rgb: 8,76,55;
    --secondary-rgb: 172,119,47;

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

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Lato', sans-serif;

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

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

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

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

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

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

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

    --rok-mini-badge: var(--primary-color);
    --rok-mini-timeline: var(--secondary-color);
}

.site-1 .ql-inner-box {
    --ql-background-color: rgba(var(--primary-rgb),.7);
    --ql-background-hover: rgba(var(--primary-rgb),.9);
    --ql-font-family: var(--body-font-family);
}
.site-2 .ql-inner-box {
    --ql-background-color: rgba(var(--primary-rgb),.7);
    --ql-background-hover: rgba(var(--primary-rgb),.9);
    --ql-font-family: var(--body-font-family);
}
.site-3 .ql-inner-box {
    --ql-background-color: rgba(var(--primary-rgb),.7);
    --ql-background-hover: rgba(var(--primary-rgb),.9);
    --ql-font-family: var(--body-font-family);
}

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

/*************** HOMELAYOUT ***************/ 
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--default-white);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/
@media only screen and (min-width: 50.99rem) {
    #g-navigation .g-logo {
        padding: 1vw 5%;
    }
    #g-navigation .g-logo img {
        width: 40%;
        height: auto;
    }
}

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

/*************** SLIDESHOW ****************/ 
.homelayout video.background-video {
    height: 42vw;
}
.site-landing video.background-video {
    height: 42vw;
}



@media only screen and (min-width: 50.99rem) {
    :is(.site-landing, .site-1-home, .site-2-home, .site-3-home) .ql-swiper-overlay .swiper-logo .g-blockcontent-subcontent-img {
        width: 20vw;
        height: auto;
    }
	.ql-swiper-overlay .g-blockcontent-subcontent {
		gap: 0.5vw;
	}
}

/*************** HEADER *******************/
@media only screen and (min-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home) #g-header {
        padding: 0 5%;
    }

    .ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        border: none;
        text-transform: uppercase;
    }
}

/*************** ABOVE ********************/
:is(.site-landing, .site-1-home, .site-2-home, .site-3-home) #g-above .g-title {
    border-bottom: 2px solid var(--secondary-color);
    font-family: var(--title-font-family);
    text-transform: none;
    font-variant-caps: normal;
    font-weight: 400;
    font-size: 4vw;
}

@media only screen and (max-width: 50.99rem) {
    :is(.site-landing, .site-1-home, .site-2-home, .site-3-home)  #g-above .g-title {
        font-size: 6vw;
    }
}

/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** MAIN *********************/
@media only screen and (min-width: 50.99rem) {
    :is(.site-1-home, .site-2-home, .site-3-home) #g-container-main {
        padding: 0 10%;
    }
    :is(.site-1-home, .site-2-home, .site-3-home) #g-container-main .g-title {
        border-bottom: 2px solid var(--secondary-color);
        font-family: var(--title-font-family);
        text-transform: none;
        font-variant-caps: normal;
        font-weight: 400;
        font-size: 2vw;
    }
}

/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--default-white);} 

#g-footer :is(h1,h2,h3,h4,h5,h6) {
    border: none;
    color: var(--default-white);
    font-family: var(--title-font-family);
}

#g-footer h1 {
    font-weight: 400;
}
#g-footer h3 {
    font-family: var(--body-font-family);
    font-weight: 700;
    text-transform: uppercase;
}

/*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: white; 
    background: var(--secondary-color);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/