@import url('//fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Marcellus&display=swap');


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

blue: #0f3b68 rgba(15, 59, 104, 1)
gold: #be9a20 rgba(190, 154, 32, 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;}

.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: #0f3b68; font-size: 3.5rem; font-weight: bold; }
h2 {font-variant-caps: small-caps; color: #0f3b68; font-size: 2.5rem;  font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: #0f3b68; font-size: 2rem; border-bottom: 1px solid #cdbe79;  line-height: 1.3; margin: 0 0 10px 0;}
h3.lato {font-family: 'Lato', sans-serif;}
h4 {color: #be9a20; font-size: 2rem;} 
h4.lato {font-family: 'Lato', sans-serif;}
h5 {background: #be9a20; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;} 
h6 {color: #0f3b68; font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed {text-transform: none;}
 a {color: #be9a20;} a:hover {color: black;}
 
h3.g-title {font-weight: 400; letter-spacing: 2px;} 
 

@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;}
 } 

@media only screen and (max-width: 767px) { 
 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, .listentobutton.moduletable a {
     background: #0f3b68;  font-family: 'Lato', sans-serif;} 


/*************** HOMELAYOUT ***************/ 

/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: #ffffff;} 

 /*************** TOP **********************/ 

/*************** NAVIGATION ***************/
#g-navigation .g-content {padding: 0;}


/**Clarity dropdown- remove border-radius on menu dropdowns:***
.g-main-nav .g-standard .g-dropdown {border-radius: 0px;}
.g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 {border-radius: 0px;}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li:last-child>.g-menu-item-container {
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}***/

/*Clarity- remove top level dropdown indicatator***/
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none;}
/*clarity increase menu font size, remove capitalization***/
.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {font-size: 1rem; letter-spacing: 0.1rem; font-weight: 500;}
.g-main-nav .g-toplevel {text-transform: none;}
/*.g-main-nav {font-family: 'Lato', sans-serif;}**/


 /*************** SLIDESHOW ****************/ 
 
 .sprocket-features-content {display: none !important;}
 
/*************** HEADER *******************/ 

.qloverlaybackpic .sprocket-strips-content {background: rgba(15,59,104,.7);}
.qloverlaybackpic .sprocket-strips-content:hover {background: rgba(15,59,104,.9);}
.qlexpandingborder h4.sprocket-strips-title {font-size: 1.75rem;}

@media only screen and (max-width: 767px) {
	.qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	.qloverlaybackpic li {background: rgba(15,59,104,1);}
    .qloverlaybackpic li:hover {background: #be9a20;}
}

/*************** ABOVE ********************/ 

/*************** FEATURE ******************/ 
#g-feature {padding: 0 8%;}
#g-feature h4 {color: #0f3b68; margin-bottom: 0.25rem;}


.zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {
    height: 11vw;
    width: 16vw;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
	margin: 0 8px 8px 0;
}
.zoompics h4.sprocket-lists-portrait-title a {color: #0f3b68;}
.sprocket-lists-portrait-container li {border-bottom: 1px solid #be9a20; }

/*************** SHOWCASE *****************/ 

#g-showcase {padding: 0 8%;}
#g-showcase .button {background: #be9a20;}
#g-showcase .button:hover {background: #0f3b68;}

/*************** UTILITY ******************/ 

/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/
 /*************** BOTTOM *******************/
 /*************** FOOTER *******************/

#g-footer :is(h1,h2,h3,h4,h5,h6,a) {color: #ffffff;}
#g-footer p {font-family: 'Lato', sans-serif;}

 /*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
 .moduletable .nav.menu, .moduletable .unstyled {background: #0f3b68;} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
 color: #ffffff; 
   background: #be9a20; } 


/*************** SECTIONS *****************/



/*************** MOBILE *******************/ 


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