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

Rotator - Superwide 1600x669
News - Portrait 1200x1600 or Wide 1600x900
QL - Wide 1600x900
----

R3V1 - https://seas-salina-mockup.forge.solutiosoftware.com/seas-mockup-r2v1

/**

(r2v1, now r3v1)
Fonts: Julius Sans One, Montserrat 
Green(secondary): #6a770a; rgba(106,119,10,1)
Orange (primary) : #af4f25; rgba(175,79,37,1)
Gold2 (third): #ed993e; rgba(237,153,62,1)
Base: Cream Tan: #dfcdbc
Base2: Cream Tan2: #f2ebe4
Black
Overlay QL bg color: Sand: #bca791; rgba(188,167,145,1)



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

.site-1 {
    --primary-color: #af4f25;
    --secondary-color: #6a770a;
    --tertiary-color: #ed993e;

    --primary-rgb: 175,79,37;
    --secondary-rgb: 106,119,10;
    --tertiary-rgb: 237,153,62;

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

    --title-font-family: 'Julius Sans One', sans-serif;
    --body-font-family: 'Montserrat', sans-serif;

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

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

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

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

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

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

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

    --ph-title-color: var(--default-white);
    --ph-border-bottom: 4px solid var(--tertiary-color);
}

.ql-swiper-overlay {
    --ql-background-color: rgba(188,167,145, .8);
    --ql-background-hover: rgba(188,167,145, 1);
    --ql-font-size-desktop: 1.25vw;
    --ql-font-family: var(--title-font-family);
    --ql-title-weight: 600;
    --ql-title-color: var(--default-black);
}

.ql-inner-box {
    --ql-background-color: transparent;
    --ql-background-hover: transparent;
}

@media only screen and (max-width: 50.99rem) {
    .site-1 {
        --ph-title-color: var(--default-black);
    }
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--tertiary-color);
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0px 0px 15px rgba(0,0,0,.25);
} 

/*************** HOMELAYOUT ***************/ 
.site-1-home .g-content-array {
    margin: 0;
}

/*************** 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) {
    .site-1 #g-navigation {
        background: url('/images/template/header-background-left2.jpg') 10% 0% no-repeat, url('/images/template/header-background-left2.jpg') 90% 0% no-repeat, #BCA890;
        background-size: contain;
    }
	.site-1-home #g-navigation {
		background: none;
	} 
	.site-1 #g-navigation .g-logo {
        max-width: 70%;
        margin: 1.5rem auto;
    }
	.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: 1vw;
        font-family: var(--body-font-family);
    }
    .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content>.g-menu-item-title {
        font-size: 1vw;
        font-family: var(--body-font-family);
    }
}
@media only screen and (max-width: 50.99rem) {
    .site-1 #g-navigation .g-logo {
        max-width: 70%;
        margin: 1rem auto;
    }
}

/*************** SLIDESHOW ****************/ 
@media only screen and (min-width: 50.99rem) {
    .swiper-overlay-links .g-container > .g-grid:nth-child(2) {
        left: unset;
        right: 5%;
        width: 30%;
    }
    .ql-swiper-overlay .g-blockcontent-subcontent-title {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ql-swiper-overlay .g-blockcontent-subcontent-title-text {
        letter-spacing: .125rem;
        text-shadow: none;
    }
    .ql-swiper-overlay .swiper-logo .g-blockcontent-subcontent-block-content {
        padding: 1vw!important;
    }
}
@media only screen and (max-width: 50.99rem) {
    .ql-swiper-overlay .g-blockcontent-subcontent-block {
        background: rgba(188,167,145, .8);
    }
    .ql-swiper-overlay .g-blockcontent-subcontent-block:hover {
        background: rgba(188,167,145, 1);
    }
    .ql-swiper-overlay .g-blockcontent-subcontent-title-text {
        text-shadow: none;
    }
}

/*************** HEADER *******************/
/*************** ABOVE ********************/

#g-above .g-content {padding: 0.5rem 0.5rem 0.5rem 1rem;}

@media only screen and (min-width: 50.99rem) {
    .welcome-mt-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .welcome-mt-wrapper :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
    }
    .welcome-mt-wrapper a {
        color: var(--default-white);
    }
    .welcome-mt-wrapper p {
        color: var(--default-white);
    }
    /*.welcome-wrapper {
        flex: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .welcome-wrapper > div {
        width: 80%
    }*/
    .mt-wrapper {
        flex: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }
    .mt-wrapper > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 50.99rem) {
    .welcome-mt-wrapper :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
    }
    .welcome-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .welcome-wrapper > div {
        width: calc(100% - 2rem);
    }
    .mt-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mt-wrapper > div {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% - 2rem);
    }
    .mt-wrapper > div > div:first-child {
        width: 100%;
    }
    .mt-wrapper > div > div:not(div:first-child) {
        width: 50%;
    }
}

/*************** SHOWCASE *****************/
/*************** UTILITY ******************/ 
/*************** FEATURE ******************/
/*************** MAIN *********************/
@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-container-main .g-title {
        font-size: 4vw;
        margin-bottom: 3vw;
    }
    .site-1-home #g-container-main > .g-grid > .g-block:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ph-rec-row .g-array-item {
        border-radius: 1rem;
        background: var(--secondary-color);
    }
    .ph-rec-row .g-array-item-image img {
        aspect-ratio: 16 / 9;
        height: unset;
    }
}
@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-container-main .g-title {
        text-align: center;
    }
    .ph-sidebyside-mobile.ph-wide .g-item-title {
        font-size: 3vw;
    }
    .ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }
}

/*************** EXPANDED *****************/ 
@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-expanded {
        background: url('/images/template/paralax.jpg') 0% 0% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    .site-1-home #g-expanded .g-title {
        font-size: 3vw;
        color: var(--default-white);
        font-weight: 400;
        text-shadow: 1px 1px #000000;
    }
    .site-1-home #g-expanded > .g-grid > .g-block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-1-home #g-expanded iframe {
        box-shadow: var(--default-box-shadow);
    }
    .site-1-home #g-expanded img {
        box-shadow: var(--default-box-shadow);
    }
}

@media only screen and (max-width: 50.99rem) {
	.site-1-home #g-expanded {
        background: url('/images/template/mobile-parallax.jpg') 0% 0% no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
	.site-1-home #g-expanded .g-title {
        font-size: 9vw;
        color: var(--default-white);
        font-weight: 400;
		text-shadow: 1px 1px #000000;
	}
	
}


/*************** EXTENSION ****************/
@media only screen and (min-width: 50.99rem) {
    .ql-inner-box .g-blockcontent-subcontent {
        flex-wrap: wrap;
    }
    .ql-inner-box .g-blockcontent-subcontent-block {
        flex: 25%;
    }
    .ql-inner-box .g-blockcontent-subcontent-title {
        padding: 2vw;
    }
    .ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        background: rgba(var(--tertiary-rgb), .7);
        border: none;
        text-shadow: 1px 1px #000000;
    }
    .ql-inner-box .g-blockcontent-subcontent-block-content:hover .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
        padding: 2vw;
    }
}

@media only screen and (max-width: 50.99rem) {
	.ql-dm .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
		background: rgba(var(--tertiary-rgb), .5);
        border: none;
        text-shadow: 1px 1px #000000;
	}
	.ql-dm .g-blockcontent-subcontent-title {
		font-family: var(--title-font-family);
	}
	
	
}

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

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-footer :is(h1,h2,h3,h4,h5,h6) {
        font-size: 3vw;
    }
    .site-1 #g-footer .g-content-array .g-array-item .g-array-item-text {
        padding: 3vw 0;
    }
}

/*************** 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 **********************/