@import url('//fonts.googleapis.com/css2?family=Allura&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


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

Fonts
font-family: 'Allura', cursive;
font-family: 'Montserrat', sans-serif;

/************ COLORS  ************
Blue: #12176B; rgba(18,23,107,1)
50% above blue: #888BB5
75% above blue: #4D5190
Lightest Blue: #E3E3ED

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

body {color: #333; font-family: 'Montserrat', 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: 4rem;}
h1 {color: #12176B; font-size: 4rem; font-weight: 400; font-family: 'Allura', cursive;}
h1.mont {color: #12176B; font-size: 3.5rem; font-weight: 500; font-family: 'Montserrat', sans-serif;}
h2 {font-variant-caps: small-caps; color: #12176B; font-size: 2.5rem; font-weight: 500;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: #12176B; font-size: 2rem; border-bottom: 1px solid #E3E3ED;  line-height: 1.3; margin: 0 0 10px 0; font-weight: 500;}
h4 {color: #4D5190; font-size: 2rem;} 
h4.allura {font-family: 'Allura', cursive;}
h5 {background: #4D5190; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;} 
h6 {color: #12176B; font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed {text-transform: none;}
 a {color: #4D5190;} a:hover {color: black;}

@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: #12176B;  font-family: 'Montserrat', sans-serif; border-radius: 0;} 


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

/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: #ffffff;} 
@media only screen and (max-width: 51rem) {
	#g-mobilemenu-container .g-toplevel li, #g-mobilemenu-container .g-sublevel li { font-weight: 400;}
	
}
#g-offcanvas #g-mobilemenu-container .g-toplevel>li>.g-menu-item-container .g-menu-parent-indicator:after {color: #12176b;}
#g-offcanvas #g-mobilemenu-container ul>li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active>.g-menu-item-container, 
#g-offcanvas #g-mobilemenu-container ul>li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover>.g-menu-item-container {
    color: rgba(18,23,107, 0.8);
}
#g-offcanvas #g-mobilemenu-container .g-toplevel>li:hover>.g-menu-item-container>.g-menu-item-content, 
#g-offcanvas #g-mobilemenu-container .g-toplevel>li.active>.g-menu-item-container>.g-menu-item-content {
	color: rgba(18,23,107, 0.8);
}


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

/*************** NAVIGATION ***************/

@media only all and (min-width: 51rem){
#g-navigation .g-logo img { width: 300px;}
}

@media only all and (max-width: 50.99rem){
	#g-navigation .g-logo { max-width: 70%;}
	#g-navigation .g-content {padding: 0.5rem;}
}


/**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: 400;}
/*.g-main-nav .g-toplevel {text-transform: none;}
.g-main-nav {font-family: 'Lato', sans-serif;}**/


 /*************** SLIDESHOW ****************/ 
 
 #g-slideshow { margin-bottom: -42vw !important;}
 @media only screen and (max-width: 51rem) {
	  #g-slideshow { margin-bottom: 0 !important;}
 }
 
 /************ ROTATOR  ************/

/*************** HEADER *******************/ 
#g-header .g-logo {padding: 0.5rem; background: rgba(18,23,107,.8);}
#g-header .g-logo img {width: 85%;}
#g-header .g-logo::after {
    background: transparent;
    content: '';
    top: 0;
    left: 0;
    width: 85%;
    height: 100%;
    z-index: 1;
}
#g-header .platform-content {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0.25rem;}
.infrontof {z-index: 2;}

.qlvertical .sprocket-strips-container {height: 29.45vw;}

.qlvertical h4.sprocket-strips-title a {background: rgba(18,23,107,.8);}
.qlvertical h4.sprocket-strips-title a:hover {background: rgba(18,23,107,1);}
.qlvertical .sprocket-strips-container li { margin: 2px 0 2px 0;}

 @media only screen and (max-width: 51rem) {
	 #g-header .qlvertical .sprocket-strips-container li {padding: 0 5% !important;}
	 .qlvertical .sprocket-strips-container {height: 70vw;}
	 .qlvertical h4.sprocket-strips-title {font-size: 1.2rem;}
	 #g-header .g-logo img {width: 75%;}
 }



/*************** ABOVE ********************/ 
#g-above {padding: 0 5%;}
#g-above .g-content {padding-left: 0.5rem; padding-right: 0.5rem;}
#g-above h3 {border-bottom: 0px solid #ffffff;}
#g-above h1 {margin-top: 0;}

 @media only screen and (max-width: 51rem) {
	 #g-above .g-content {padding: 0.5rem;}
 }

/*************** FEATURE ******************/
/*************** SHOWCASE *****************/ 
/*************** UTILITY ******************/ 
 
/*************** EXPANDED *****************/ 
#g-expanded {padding: 0 5%;}

/************ NEWS  ************/
.sprocket-strips-image-container { padding: 0;}
.rsphotoblocknews .sprocket-strips-item .readon:hover { background: rgba(18,23,107,.95); }
.rsphotoblocknews .sprocket-strips-content h4 {background: rgba(18,23,107,.85);  border-radius: 0;}
.rsphotoblocknews .sprocket-strips-item { background-image: url(/images/stories/template/default-news.jpg);  border-radius: 0; }
.sprocket-strips-title {font-weight: 300;}

@media only screen and (max-width: 51rem) { 
.rsphotoblocknews .sprocket-strips-content h4, .rsphotoblocknews .sprocket-strips-item .readon:hover { top: 0; background: #12176B; } }
/*************** EXTENSION ****************/
 /*************** BOTTOM *******************/
 /*************** FOOTER *******************/
 #g-footer a {color: #ffffff;} 
 #g-footer h3 {border-bottom: 0px solid #ffffff; letter-spacing: 1px;}

 /*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
 .moduletable .nav.menu, .moduletable .unstyled {background: #12176B;} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
 color: #12176B; 
   background: #E3E3ED; } 


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



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


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


/* hide the default image code */

.hide-me {
    display: none;
}