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

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



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

Blue #0D335A; rgba(13,51,90,0)  
pink #9A2A58; 
darker blue: #05203c
underline color: #5081b3

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

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

h1 {color: #0D335A; font-size: 3.5rem; font-weight: bold;;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h2, .page-header h2 { /*font-variant-caps: small-caps;*/ color: #05203c; font-size: 2.5rem;  font-weight: bold;}
h3 { color: #05203c; font-size: 2rem; border-bottom: 1px solid #5081b3;  line-height: 1.3; margin: 0 0 10px 0; }
h4 { color: #0D335A; font-size: 2rem;}
h5 {background: #0D335A; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #05203c; font-size: 1.5rem; text-transform: uppercase; /*font-weight: bold;*/ }
h6.lower { text-transform: none; font-size: 1.2rem; /*font-weight: bold;*/ }
a { color: #0D335A; }
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: #0D335A;
}

.quoteslayout blockquote, blockquote {
	border-left: none;
	border-bottom: 1px solid #5081b3;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1rem;
	padding: 0 0 20px 10px;
	
}
blockquote p {margin-bottom: 1rem; font-weight: 400;}

hr {border-bottom: 1px solid #333;}


/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/
/*************** TOP **********************/
@media only screen and (max-width: 767px){
	.g-logo img { width: 80%;}
}

/*************** NAVIGATION ***************/
#g-navigation {padding: 0 2.5%;}

@media only screen and (max-width: 767px){
	#g-navigation {padding: 3% 5%;}
}
/***
.homelayout #g-navigation { background: white url(../images/template/lr-door.png) 100% 100% no-repeat; background-size: 20%; }

@media only screen and (max-width: 767px) { 
	.homelayout #g-navigation {background-size: 50%; }
}***/


/*************** SLIDESHOW ****************/
/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
.hero img {opacity: 1;}

/*************** UTILITY ******************/
.qlsolidback .sprocket-strips-item { background: transparent; color: #05203c;  }
.qlsolidback .sprocket-strips-item a, .qlsolidback .sprocket-strips-item .sprocket-strips-title { color: #05203c;  }
.qlsolidback .sprocket-strips-item:hover {background: #5081b3;}


/*************** FEATURE ******************/
/*************** EXPANDED *****************/
/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
/*************** COPYRIGHT ****************/

/************ HEADER  ************/


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


/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #0D335A; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #0D335A;
	background: #E7E7E7;}

/************ SECTIONS  ************/
#g-footer a { color: white; }



/************ MOBILE  ************/
.g-offcanvas-toggle { color: #05203c; }


.sprocket-tabs {display: flex; padding-bottom: 30px;}
.sprocket-tabs-nav { float: none;}
.sprocket-tabs ul { flex: 1;}
.sprocket-tabs .sprocket-tabs-panels { flex: 3;}
.nav-tabs.nav-stacked { display: none;}

@media only screen and (max-width: 767px) {
	#g-page-surround .g-content { padding-left:0; padding-right: 0px; margin-left: 5px; margin-right: 5px;}
	.layout-left .sprocket-tabs-nav { margin-right: 5px;}
}


.overlayitem {z-index: 1;}