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

/************ 
/************ TEMPLATE  ************
Rotator Size: 1000x563 (wide, 16:9)

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

/************ COLORS  ************
Blue: #0E3963; rgba(14,57,99,1)
Light Blue: #4D7FB0; rgba(77,127,176,1)

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

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: #4D7FB0; font-size: 4rem;  font-family: 'Cinzel', serif;}

h2, .page-header h2 { color: #0E3963; font-size: 2.8rem; font-family: 'Cinzel', serif; border-bottom: 1px solid #4D7FB0;  line-height: 1.3; margin: 0 0 10px 0; }
h3 { color: #0E3963; font-family: 'Cinzel', serif; font-size: 1.8rem;  }
h4 { color: #0E3963; font-size: 1.5rem; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 300;}
h5 {background: #4D7FB0; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem; font-family: 'Cinzel', serif;}
h6 {color: #0E3963; font-size: 1.6rem; font-family: 'Lato', sans-serif; font-weight: bold; }
a { color: #4D7FB0; }
a:hover { color: black; }

h3.g-title { font-size: 2.2rem; border-bottom: 2px solid #4D7FB0;}


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

.readon, .button, .btn, p.readmore .btn, .listentobutton.moduletable a {
	background: #0E3963;
	padding-left: 30px; padding-right: 30px;
}


/************ HEADER  ************/
.blueback { background: rgba(14,57,99,.8);  padding: 0 10%; } 
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { font-weight: bold ;}
.g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content { font-weight: bold ;}
.g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 1.2rem;}
.g-main-nav .g-sublevel > li > .g-menu-item-container { font-size: 1.2rem;}
.padlogo { padding: 30px 0;}
#g-navigation { background: url(/images/template/background-sign.jpg) 0 0 no-repeat; background-size: 50%;   }
#g-navigation .g-container { background: linear-gradient( rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);   }
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: white; }
.pad10percent { padding: 0 10%;}


@media only screen and (max-width: 767px) {
	#g-navigation {  background: white; }
	#g-navigation .g-container .g-grid:first-child {  border-bottom: 8px #4d7fb0 solid; }
	#g-navigation p { margin-bottom: 3px;}
	#g-navigation h2 { margin-bottom: 0px; padding-bottom: 0; font-size: 2.2rem;}
	#g-navigation h6 { margin-bottom: 0px; padding-bottom: 0; }
}


/************ QUICKLINKS  ************/
.qlsolidback .sprocket-strips-item { background: #0E3963; color: white;  }
.qlsolidback .sprocket-strips-item a, .qlsolidback .sprocket-strips-item .sprocket-strips-title { color: white; font-size: 1.2rem; }
.qlsolidback .sprocket-strips-item:hover {background: #4D7FB0;}

/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #0E3963; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: white;
	background: #4D7FB0;
}

/************ SECTIONS  ************/
#g-footer {padding: 0 5%; }
#g-footer a { color: white; }
#g-footer h1, 
#g-footer h2, 
#g-footer h3, 
#g-footer h4, 
#g-footer h5, 
#g-footer h6, 
#g-footer p { color: white; border: none; }
#g-extension .g-grid .g-block .g-content { padding: 0; }
#g-extension .g-grid .g-block:first-child .g-content { margin-left: 0px; }
#g-extension .g-grid .g-block:last-child .g-content { margin-right: 0px; }

/************ ROTATOR  ************/
.showcasewithbacking .sprocket-features-container .sprocket-features-content {
	background: rgba(14,57,99,.5);
    margin-right: 20px;
	color: white;
}
.showcasewithbacking h1, 
.showcasewithbacking h2, 
.showcasewithbacking h3, 
.showcasewithbacking h4, 
.showcasewithbacking h5, 
.showcasewithbacking h6, 
.showcasewithbacking p { color: white; border: none; }

.pad10percent { padding-top: 30px; }
.widetwothirds .sprocket-features-content { align-items: flex-start; padding-left: 2vw;}
.bigarrows .sprocket-features-arrows .arrow.prev { left: 0; }
.bigarrows .sprocket-features-arrows .arrow.next { right: 0; }

@media only screen and (max-width: 767px) {
	.showcasewithbacking .sprocket-features-container .sprocket-features-content { margin-right: 0px; }
	.showcasewithbacking .sprocket-features-container .sprocket-features-content {   background: rgb(77 127 176); }
}

/************ NEWS  ************/
.sprocket-lists-portrait-container h4 a { font-weight: bold; color: #0E3963; }
.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span {padding: 0; background: none; text-transform: uppercase; margin-top: 10px; color: #4D7FB0;  font-weight: bold ;}
.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover { padding: 0; background: none; color: #0E3963;  }
.sprocket-lists-portrait-container li { border-bottom: 2px #4D7FB0  solid; }

/************ MOBILE  ************/
.g-offcanvas-toggle { color: #0E3963; }

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