@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Lato:wght@400;700&display=swap');

/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
font-family: 'Cardo', serif;
font-family: 'Lato', sans-serif;

/************ COLORS  ************
Red: #6f2d11; rgba(111,45,17,1)
Light Brown: #928d77; rgba(146,141,119,1)

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

body {color: #4F4F4F; 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: #6f2d11; font-size: 3.5rem; font-family: 'Cardo', serif; font-variant: small-caps;}

h2, .page-header h2 {  color: #6f2d11; font-size: 2.2rem; font-family: 'Cardo', serif;  font-weight: bold;}
h3 { color: #6f2d11; font-size: 2rem; border-bottom: 1px solid #cdbe79;  line-height: 1.3; margin: 0 0 10px 0; font-family: 'Cardo', serif; font-variant-caps: small-caps;}
h4 {font-size: 1.75rem; color: #4F4F4F;}
h5 { color: white; font-size: 1.8rem; font-family: 'Cardo', serif; border-radius: .2rem; padding: .5rem; background: #6f2d11}
h6 {color: #6f2d11; font-size: 1.4rem; text-transform: uppercase; font-weight: bold; }
a { color: #6f2d11; }
a:hover { color: black; }

#g-navigation h3 { border: none; color: white; padding-top: 20px; padding-bottom: 20px;}
#g-expanded h1 { color: white; }

h3.g-title, #g-expanded h3.g-title { border-bottom: 1px #6f2d11 solid; font-size: 2.2rem; letter-spacing: 1px; }

@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: 1.1rem; }
	h6 { font-size: 1.1rem; }
	p { font-size: 1rem; margin-bottom: 4px;}
	h1, h2, h3, h4, h5, h6, p{ line-height: 1.1; }
}

.readon, .button, .btn, p.readmore .btn,.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span {	background: #6f2d11; color: white; }

.listentobutton.moduletable a, .newsflashlistentobutton2 a:last-child {
	background: none;
	color: #6f2d11; 
	padding: 0;
	font-size: 1.1rem;
}
.newsflashlistentobutton2 a:last-child:hover { background: transparent; color: black; }
#g-expanded a.readon, #g-expanded a.button { color: white; }

/************ HEADER  ************/
#g-navigation { padding: 0; }
.g-main-nav ul.g-toplevel { justify-content: center; }
.g-main-nav .g-toplevel > li > .g-menu-item-container { padding: 1rem;}
#g-navigation { background-position: center top; }
.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active {     background: rgba(255,255,255,.1); }
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: white; }

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

.quicklinks .sprocket-strips-nav { display: none;}
/*.overlaybackpic .sprocket-strips-content {  background: rgba(111,45,17,.85); font-variant: small-caps; }
.overlaybackpic .sprocket-strips-content:hover {  background: rgba(111,45,17,.92); }*/

.qloverlaybackpic .sprocket-strips-content {background: rgba(111,45,17,.85); font-variant: small-caps;}
.qloverlaybackpic .sprocket-strips-content h4 {font-family: 'Cardo', serif;}
.qloverlaybackpic .sprocket-strips-content:hover {background: rgba(111,45,17,.92);}

@media only screen and (max-width: 767px) {
	.qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover { background: rgba(111,45,17,.65); }
	.qloverlaybackpic li { background: rgba(126,20,22,1);; }
    .qloverlaybackpic li:hover {background: black;}
}

@media only screen and (min-width: 768px) {
	.quicklinks .sprocket-strips .sprocket-strips-container > li { margin: 0; }
}
/*
@media only screen and (max-width: 767px) {
	.mobilesidebyside.overlaybackpic .sprocket-strips-content {background: rgba(111,45,17,.7); }
	.mobilesidebyside.overlaybackpic .sprocket-strips-content:hover {background: rgba(111,45,17,.5); }
	.mobilesidebyside .sprocket-strips-container li { background: none; }
}*/

/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #6f2d11; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #6f2d11;
	background: #928d77;
}
.g-toplevel { background: rgba(111,45,17,.85); }
#g-navigation .g-social { background: rgba(111,45,17,.85); line-height: 4rem; }

/*************QUOTE UNDER MENU********************
#g-navigation .g-grid:last-child {padding: 0 5%;}
#g-navigation .g-grid:last-child h3 { font-variant: none; color: white; border-bottom: none;}**/

#g-expanded h3 { font-variant: none; color: white; border-bottom: none;}
#g-expanded a { color: #6f2d11; text-shadow: 1px 1px rgba(0,0,0,.2);}
#g-expanded a:hover { color: black; }
#g-extension a.readon { background: #928d77; }
#g-extension a.readon:hover { background: #333; }
#g-extension h3.g-title { color: white; }

.sprocket-lists-portrait-container li { border-bottom: 1px #6f2d11 solid;}
.zoompics h4.sprocket-lists-portrait-title { color: white; padding-bottom: 0px; }

.columntable .buttonheading, .columntable [name="spacer"] { display: none; }

.columntable .mod_placehere_following { display: flex; }
.columntable .mod_placehere_following p { flex: 1; padding-right: 15px; }
.columntable .mod_placehere_following p:last-child { padding-right: 0px; }


/************ SECTIONS  ************/
#g-footer a { color: white; }
#g-bottom .g-title { color: white; line-height:  1; } 
#g-bottom { padding: 0 7%; } 
#g-footer { border: none;}
#g-footer { padding: 0;}
#g-copyright h3 { color: white; border: none; }
#g-copyright a:hover { color: #aaa; }
#g-expanded { background: #928d77 url(/images/template/background-sa.jpg) 100% 100% no-repeat;  background-size: 50%; }
#g-navigation { background: rgba(0,0,0,0) url(/images/template/background-header.jpg) 50% 0% no-repeat;  background-size: cover; }

/************ ROTATOR  ************/
.sprocket-features h2 { font-variant: small-caps; }
.fwrgradientback .layout-slideshow .sprocket-features-title, .fwrgradientback .layout-slideshow .sprocket-features-desc {
	background: linear-gradient(to right, rgba(146,141,119,.9), rgba(146,141,119,.8), rgba(0,0,0,0));
	/*padding-left: 1vw;
	margin-left: 3vw;*/
}
.sidegradient .sprocket-features-desc > .readon { display: block; text-align: right; background: none; text-transform: uppercase; }
.sprocket-features-content a:hover { color: black; }
.layout-slideshow .sprocket-features-content {width: 60%;}

@media only screen and (max-width: 767px) {
	.fwrgradientback .layout-slideshow .sprocket-features-content	{ background: #6f2d11; margin: 0;}
	.fwrgradientback .layout-slideshow .sprocket-features-title, .fwrgradientback .layout-slideshow .sprocket-features-desc	{ background: #6f2d11; margin-left: 20px;}
	.fwrotator .layout-slideshow .sprocket-features-content {height: 60vw; }
	.fwrsuperwide .layout-slideshow .sprocket-features-img-container {padding-bottom: 60vw;}
}

/************ CALENDAR  ************/
.rme-badge, .rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span { background: #928d77; }
.rme-arrow { color: #928d77; }

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


/**** Create a nice looking table with alternating rows *****/
.alternaterows  {width: 100%;}
.alternaterows tr:nth-child(even) {background: #fff; border-bottom: 1px solid #ddd;}
.alternaterows tr:nth-child(even):hover {background: #fafafa; border-bottom: 1px solid #ddd;}
.alternaterows tr:nth-child(odd) {background: #fafafa; border-bottom: 1px solid #ddd;}
.alternaterows tr:nth-child(odd):hover {background: #fff; border-bottom: 1px solid #ddd;}
	
 @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; }
 }