@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/************ TEMPLATE  ************





************/

.site-1 {
    --primary-color: #c11e1e;
    --secondary-color: #5facfa;

    --primary-rgb: 193, 30, 30;
    --secondary-rgb: 119,0,9;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'Cinzel', 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-font-size-mobile: 3vw;
	--ql-right-border-color: white;
}
.kiosk-display {
	--primary-color: #c11e1e;
    --secondary-color: #5facfa;

    --primary-rgb: 193, 30, 30;
    --secondary-rgb: 119,0,9;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'Cinzel', 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);

	--grid-title-font-size: 3vw ;
	--grid-title-bg-opacity: .3;
	--grid-title-align: center;
}

.site-1-home {
    --primary-color: #c11e1e;
    --secondary-color: #b4b4b4;

    --primary-rgb: 193, 30, 30;
    --secondary-rgb: 119,0,9;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'Cinzel', 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);
	--ql-font-title-color: var(--default-white);
	--ql-title-hover: #E1E1E1;
	--ql-background-color: rgba(var(--primary-rgb),var(--ql-bg-opacity));
	--ql-bg-opacity: .2;
	--ql-bg-hover-opacity: .8;
	
	--ph-title-color: var(--default-white);
	--ph-background-color: rgba(var(--primary-rgb),0.75);
	
	--footer-hover: #D9D9D9;
	--ql-right-border-color: white;
}

.site-1-sub {
	--ql-title-color: var(--default-white);
	--ql-font-title-color: var(--default-white);
	--ql-title-hover: #E1E1E1;
	--ql-background-color: rgba(var(--primary-rgb),var(--ql-bg-opacity));
	--ql-bg-opacity: .2;
	--ql-bg-hover-opacity: .8;
	
	--ph-title-color: var(--default-white);
	--ph-background-color: rgba(var(--primary-rgb),0.75);
	
	--footer-hover: #D9D9D9;
	--ql-right-border-color: white;
}

.ql-fa-toplinks {--ql-background-hover: #b01c1c;}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--primary-color);
    font-family: 'Lato', sans-serif;
} 

/*************** HOMELAYOUT ***************/ 
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--default-white);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}
#g-offcanvas #g-mobilemenu-container ul {background: var(--primary-color);}

/*************** TOP **********************/ 

#g-top .g-content {
	padding: 0;
	margin: 0;
}


#g-top .g-array-item {
	margin: 2rem;
}

#g-top :is(h1,h2,h3,h4,h5,h6, a,p) {
	color: white;
}


/*************** NAVIGATION ***************

.site-1-home #menu-4789-particle > nav > ul > li.g-menu-item.g-menu-item-type-separator.g-menu-item-111.g-parent.g-standard, 
#menu-7624-particle > nav > ul > li.g-menu-item.g-menu-item-type-separator.g-menu-item-111.g-parent.g-standard {
	padding-left: 10%;
}*/

.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {letter-spacing: 0;}


.site-1 #blockcontent-9272-particle {
	margin: 0.65vw;
}


:is(.site-1-home, .site-1-sub) .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
	text-transform: uppercase;
	font-family: var(--body-font-family);
	font-size: 0.9vw;
}

.g-main-nav {font-family:  var(--body-font-family); }

@media only screen and (min-width: 50.99rem) {
	
	:is(.site-1-home, .site-1-sub) :is(#logo-2157-particle, #logo-2981-particle) > a > img {
		margin-top: -45px;
		margin-bottom: -50px;
		z-index: 8;
		position: relative;
		width: 80%;
		max-width: 300px;
		margin-left: 5%;
		max-height: 300px;
}
	.ql-fa-toplinks .g-blockcontent-subcontent-block {padding: 1vw 0 1vw 0;}

}


.ql-fa-toplinks .g-blockcontent-subcontent-title-icon { margin-bottom: 0.25rem;}


.ql-fa-toplinks .g-blockcontent-subcontent-block:not(.ql-fa-toplinks .g-blockcontent-subcontent-block:last-child) {
    border-right: 1px solid white;
}
@media only screen and (min-width: 50.99rem){
.ql-fa-toplinks .g-blockcontent-subcontent-title-text {font-size: 1vw;}

}
@media only screen and (max-width: 50.99rem) {
	.g-logo img {max-width: 100%; padding: 0 10vw;}
	.ql-fa-toplinks .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:not(.ql-fa-toplinks .g-blockcontent-subcontent > .g-blockcontent-subcontent-block:last-child) {
		border-right: 1px solid white;
	}
	
}

/*************** SLIDESHOW ****************/ 
#g-slideshow { border-bottom: 5px solid #5facfa;}
#g-slideshow .g-content { padding: 0;}

#g-slideshow a {color: transparent;}
#g-slideshow a:hover {color: transparent !important;}

.site-1 #g-slideshow .logo-text-header {
	display: grid;
	justify-content: left;
	align-items: center;
}

.ql-fa-toplinks {
	display: grid;
    align-items: center;
}

@media only screen and (max-width: 50.99rem) {
	
	.ql-fa-toplinks .g-blockcontent-subcontent-block-content > .g-blockcontent-subcontent-title {display: unset;}
	
	
	:is(.site-1-home, .site-1-sub) #g-slideshow .g-blockcontent-subcontent-title-text {
	color: var(--default-white);
	}
	
}


/*************** HEADER *******************/
.site-1-home #contentarray-9552-particle > div {
	justify-content: space-evenly;}

.site-1-home #g-header {padding: 0 2.125rem}

@media only screen and (max-width: 50.99rem) {
	
	#g-header a {
		color: transparent;	}
	
	#g-header a:hover {
		color: transparent !important;	}
	
	.ph-default-mobile .g-array-item-image img {
		width: 100%;
		height: 47vw;
		max-height: 450px;
		box-shadow: none;
		object-position: 50% 50%;
		object-fit: cover;	}
	
	#contentarray-9552-particle {
		padding: 2vw 0 0vw 0;	}
	
	.site-1-home #g-header {
		padding: 4vw;	}
	
	.site-1-home .g-content-array .g-array-item-image {
		margin: 0 0 30px 0;	}
	
}

@media only screen and (min-width: 50.99rem) {
	
	.site-1-home #contentarray-9552-particle > div .g-grid {
		max-width: 33%}
	.ph-lower-title .g-array-item-image img {
		height: 17vw;}
		}




/*************** ABOVE ********************/
.site-1-home #g-above .fullwidth-swiper {
	box-shadow: var(--default-box-shadow);
}

@media only screen and (max-width: 50.99rem) {

	.site-1-home #swiper-5844 .g-swiper-slider {
		height: 27vw !important;
	}

}


/*************** FEATURE ******************/
.site-1-home #g-feature {
	padding-top: 15vw;
    margin-top: -15vw;
}


@media only screen and (max-width: 50.99rem) {
	.site-1-home #g-feature {
		padding: 10vw 4vw;
		margin-top: 0;
	}
}
.site-1-home #contentarray-2874-particle > h2 {
	font-size: 3vw;
	font-weight: 400;
	
}
.site-1-home #contentarray-2874-particle .g-content{
	padding: 0.5rem;
}


/*************** SHOWCASE *****************/

	.site-1-home #g-showcase {
		padding: 0vw 6vw !important;
	}

/*@media only screen and (max-width: 50.99rem) {
	.site-1-home .g-mission img {
		margin: 0.625rem -6vw;
		padding: 1.5rem 0;
}
	}
*/



/*************** UTILITY ******************/

.site-1-home #g-utility {
	padding: 0vw 0 7vw 0 !important;
}


/*.site-1-home #g-utility {
	padding-top: 21vw;
    margin-top: -21vw;
}*/


@media only screen and (max-width: 50.99rem) {

	.site-1-home #g-utility {
		padding: 10vw 4vw;
		margin-top: 0;
	}

}
/*.g-blockcontent-subcontent-desc {
	display: none;
}

.g-blockcontent-subcontent-desc:hover {
	display: initial;
}*/





@media only screen and (max-width: 50.99rem) {

	.site-1-home #contentarray-2874-particle > h2 {
		font-size: 8vw;
		font-weight: 400;
	}
	
	.site-1-home .ph-sidebyside-mobile .g-item-title a {
		color: var(--primary-color);
	}
	
	.site-1-home .ph-sidebyside-mobile .g-item-title {
		margin-left: 3vw;
	}
	
	.site-1-home .ph-sidebyside-mobile .g-array-item:hover {
		background: rgba(217, 217, 217, 1);
	}
	
	.site-1-home .ph-sidebyside-mobile .g-content-array {
		padding: 1rem 6.2vw;
	}
	
}



#g-utility .g-content {padding: 0.5rem;}
	



/*************** MAIN *********************/

.site-1-sub #g-container-main {
	min-height: 28vw;
}

/*************** EXPANDED *****************/ 

.site-1-home #g-expanded :is(iframe, .twitter-timeline) {
	box-shadow: var(--default-box-shadow);
}

.site-1-home #g-expanded {
	padding-top: 10vw;
    margin-top: -17vw;
}

@media only screen and (max-width: 50.99rem) {

	.site-1-home #g-expanded > div > div:nth-child(3) > div {
		padding: 5vw 10% 0 10%;
	}
	
	.site-1-home #g-expanded > div > div:nth-child(2) > div {
		padding: 5vw 10%;
	}

	.site-1-home #g-expanded > div > div.g-block.size-25 > div {
		padding: 3vw 0vw 8vw 0vw;
	}
	
	.site-1-home #g-expanded {
		padding-top: 76vw;
		margin-top: -76vw;
	}

}


/*************** EXTENSION ****************/

.site-1-home #g-extension > div > div > div > div > div > h3 {
    border-bottom: 2px #C11E1E solid;
    text-align: center;
    padding: 0;
    margin-bottom: 1.2rem;
	font-weight: 400;
}

.site-1-home #g-extension > div > div > div > div > div > div > div {
	display: flex;
}

.site-1-home .equaltable > div {
	flex: 1;
	text-align: center;
	margin: 0 5%;
}

@media only screen and (max-width: 50.99rem) {

	.site-1-home .equaltable > div {
		margin: 0 0 9vw 0;
	}
	
	.site-1-home #g-extension > div > div > div > div > div > div > div {
		flex-direction: column;
	}
	
}

/*************** BOTTOM *******************/
/*************** FOOTER *******************/

:is(.site-1, .site-1-home) #g-footer :is(h1, h2, h3, h4, h5, h6) {
	color: var(--default-white);
	font-size: 3rem;
}

:is(.site-1, .site-1-home) #g-footer :is(p, a) {
	color: var(--default-white);
}


:is(.site-1, .site-1-home) #g-footer > div:nth-child(1) > div {
	margin-top: -4rem;
}

:is(.site-1, .site-1-home) #contentarray-7824-particle > div > div > div > div > div > div > p {
	margin-bottom: 0;
}

:is(.site-1-home, .site-1) #g-footer > div:nth-child(3) {
	margin: 0 10vw;
}

#g-footer a:hover {
	color: var(--footer-hover);
}

#g-copyright a:hover .fa.fa-lock {
	color: var(--footer-hover);
}


@media only screen and (max-width: 50.99rem) {
	
	:is(.site-1, .site-1-home) #g-footer :is(h1, h2, h3, h4, h5, h6) {
		font-size: 6vw;
	}
	
	:is(.site-1, .site-1-home) #contentarray-7824-particle > div > div > div > div > div > div > p {
		font-size: 3vw;
	}
	
	:is(.site-1, .site-1-home) #contentarray-7824-particle {
		padding: 4vw 0vw 0vw 0vw !important;
	}
}

#g-footer .g-content-array {margin: 0;}
#g-footer a {color: #ffffff;} 

/*************** 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: var(--primary-color); 
    background: var(--secondary-color);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/


/* center the facebook module */

.facebook-module {
	display: grid;
	justify-content: center;
}