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

/************ FONTS  ************
Serif: Cinzel
Sans Serif: Lato

/************ COLORS  ************
Blue: #27345F; rgba(39,52,95,1)
Red: #792B38; rgba(121,43,56,1)

/************ NOTES ************
Logo/Quicklinks - background color is blue at 80% - rgba(39,52,95,.8)

Paralax - Latest Mass: color overlay is straight up white @ 80% - rgba(225,225,225,.8)
************/

body {color: #333; font-family: 'Lato', sans-serif;}

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3;}

h1 {color: #27345F; font-size: 3.5rem; font-family: 'cinzel', serif;}
.page-header h1 {text-transform: none; font-size: 3rem; }
h2, .page-header h2  { font-variant-caps: small-caps; color: #792B38; font-size: 2.2rem; font-family: 'cinzel', serif;  font-weight: bold;}
h3 { color: #792B38; font-size: 2.0rem; border-bottom: 1px solid #cdbe79;  line-height: 1.3; margin: 0 0 10px 0; }
h4 { color: #27345F; font-size: 1.8rem; font-family: 'cinzel', serif;}
h5 {background: #27345F; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #27345F; font-size: 1.4rem; text-transform: uppercase; font-weight: bold; }
a { color: #27345F; }
a:hover { color: black; }


@media only screen and (min-width: 768px) and (max-width: 1199px) {
	h1 { font-size: 2rem; }  
	h2 { font-size: 1.3rem; }
	h3 { font-size: 1.3rem; }
	h4 { font-size: 1.3rem; }
	h5 { font-size: 1rem; }
	h6 { font-size: 1rem; }
	p { font-size: .9rem; margin-bottom: 4px;}
	h1, h2, h3, h4, h5, h6, p{ line-height: 1.1; }
}

@media only screen and (max-width: 767px) {

}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {background: #792B38; }
/*#casasponsorpage .button a, .btn a {color: white!important;}*/

/************ HEADER  ************/

/************ MENU ************/
.sublogo {padding-top: 15px!important;}


/************ QUICKLINKS  ************/


/************ MODULES  ************/
h3.g-title {font-family: 'cinzel', serif; }
.moduletable .nav.menu, .moduletable .unstyled { background: #27345F; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #ffffff;
	background: #792B38;
}

 @media only screen and (max-width: 767px){ 
   .alternaterows, .alternaterows div, .alternaterows tr, .alternaterows td, .alternaterows tbody { display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
   .alternaterows img { display: block; margin: 0 auto; width: 100%;}  
   .alternaterows { display:block; }
 }

/************ SECTIONS  ************/
#g-footer a { color: white; }
#g-utility {background: #ffffff url(/images/stories/template/bg-windowangel.jpg) 80% 90% no-repeat;  background-size: 40%;}
#g-feature {background: url(/images/stories/template/paralax1.jpg) 50% 0 no-repeat; background-size: cover;}
#g-bottom {padding-bottom: 2vw!important;}

@media only screen and (max-width: 768px) {
	#g-utility {background-image: none;}
}

/************ ROTATOR  ************/
.verticalcolumnoverlay div, .verticalcolumnoverlay #quicklogo:hover {  background: rgba(39,52,95,.85); }
.verticalcolumnoverlay div:hover {  background: rgba(39,52,95,.95); }
.verticalcolumnoverlay div a { color: white; font-size: 1.5rem; }
#quicklogo img {height: 14vw; width: 23vw; padding: 1vw;}

@media only screen and (max-width: 767px) {
	.verticalcolumnoverlay div {  background: rgba(39,52,95,.9); }
	.verticalcolumnoverlay div:hover {  background: rgba(255,255,255,.1); }
	.outline-9 .verticalcolumnoverlay {left: 0; position: inherit;}
	.g-logo img {width: 60%;}

	#quicklogo { display:none; }

	.fullwidthrotator.superwiderotator .layout-slideshow .sprocket-features-img-container {padding-bottom: 0;}
	.fullwidthrotator.superwiderotator.sidegradient .layout-slideshow .sprocket-features-img-container, .fullwidthrotator.widerotator.sidegradient .layout-slideshow .sprocket-features-img-container {padding-bottom: 0;}
}

/************ NEWS  ************

/************ MOBILE  ************/
.g-offcanvas-toggle { color:white }

/******reorder side ads on mobile to be above side menu*******/
@media only screen and (max-width: 767px) {
	#g-aside .g-content .platform-content:first-child  { order: 2; }
	#g-aside .g-content .platform-content:last-child { order: 1; }
	#g-aside .g-content { display: flex; flex-wrap: wrap; flex-direction: column;}
}


/************ ADS  ************/

/********** BOTTOM BLOCKS ***********/
#g-extension .platform-content:first-child {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.02), 0 0px 25px 0 rgba(0,0,0,0.19);}
#g-extension .platform-content, .moduletable, .widget {padding: 0; margin: 0;}
#g-extension .g-content, .platform-content {height: 100%;}
#g-extension .bottommodule {background: #ffffff; min-height: 8vw; padding-bottom: 1vw;}
#g-extension .feedcentertitle {padding: 0 1vw 1vw 1vw;}
#g-extension .g-content h3 {background: #27345F; color: #ffffff; font-family: 'cinzel', serif; font-weight: normal;}
#g-extension .platform-content .moduletable.moveintoabovemodule {margin-top: -50px;}

/*********** FOOTER ****************/
.footerflex {padding: 2vw 5vw;}
.footerlogo img {height: 12vw; width: 20vw;}

@media only screen and (max-width: 767px) {
	.footerlogo img {height: 165px; width: 265px;}
	.footerlinks {text-align: center;}
}

/************ UPCOMING EVENTS ***************/
.rme-badge {background: #27345F;}
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span {background: #27345F;}



#g-mobilemenu-container .g-toplevel .g-dropdown-column .g-parent > .g-menu-item-container:after { display: none;}