/*@import url('//fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Cinzel:wght@400;700&family=Lato:wght@400;700&display=swap');*/
/************ TEMPLATE  ************
Rotator Size: 

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

/************ COLORS  ************
Light Blue: #238ae6;
Grey: #7A7A7A;
Black: #000000;
White: #ffffff;

/************ NOTES ************

************/
​
body {font-family: 'Lato', sans-serif;}
​
h1 {color: #26255e; font-size: 6.75rem!important; font-family: 'Charm', cursive; font-weight: bold;}
h2, .page-header h2 {color: #333; font-size: 1.8rem; font-family: 'Charm', cursive; font-weight: bold;}
h3 {font-family: 'Cinzel', serif; color: #26255e; font-size: 1.8rem; border-bottom: 1px solid #cdbe79; line-height: 1.3; margin: 0; padding: 0 0 0 1rem;}
h4 {font-family: 'Cinzel', serif; color: #cdbe79; font-size: 1.8rem;}
h5 {background: #182A47; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h6 {color: #203B71; font-size: 1.6rem; font-style: italic;}
a {color: #cdbe79;}
a:hover {color: black;}

h3.g-title {
	font-family: 'Lato', sans-serif;
	text-transform: none; 
	color: #667; 
	font-size: 2rem; 
	padding: 20px 40px; 
	border: none; 
	border-top: 5px #aaa solid;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p {font-size: 1rem; margin-bottom: 4px;}
    h1, h2, h3 {line-height: 1.2;}
    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: #26255e;
	font-family: 'Lato', sans-serif; 
}

/*************** SHOWCASE *****************/
#g-above {padding: 2vw 10%!important;}
.fwrbigarrows .layout-slideshow .sprocket-features-arrows .arrow {color: #ffffff;}

.searchbar h3.g-title {border-top: none; color: #ffffff;}

/************ HEADER  ************/
​
​
/************ QUICKLINKS  ************/
.overlaybackpic .sprocket-strips-content {background: rgba(38,37,94,0.75);}
.overlaybackpic .sprocket-strips-content:hover {background: rgba(38,37,94,0.5);} 

.qlsolidback .sprocket-strips-item {background: #0E3963; color: white;}
.qlsolidback .sprocket-strips-item a, .qlsolidback .sprocket-strips-item .sprocket-strips-title {color: white;}
.qlsolidback .sprocket-strips-item:hover {background: #4D7FB0;}

.sprocket-strips-s-title a {color: #C11E1E;}

@media only screen and (max-width: 767px) {
     .sprocket-strips-s-item {background: rgba(27,57,86,.8);}
}
​
/************ MODULES  ************/
/* SIDE MENU */
.moduletable .nav.menu, .moduletable .unstyled {background: #26255e;}
​
/************ SECTIONS  ************/
​
/************ NEWS  ************/
.zoompics h4.sprocket-lists-portrait-title {font-family: 'Lato', sans-serif; color: #26255e;}
.sprocket-lists-portrait-pagination li {background: #cdbe79;}
.sprocket-lists-portrait-arrows .arrow {background: #cdbe79;}
.sprocket-lists-portrait-container li {border-color: #cdbe79;}
​
/************ MOBILE  ************/
.g-offcanvas-toggle {color: #ede8e4;}

#g-extension {background: url(/images/template/beloit-flat.jpg) 50% 0 no-repeat; background-size: cover;}