@import url('//fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Marcellus');

/************ 

TEMPLATE NOTES

Dark Blue: #0E3386, rgba(14,51,134,1)
Light Blue: #106FCC, rgba(16,111,204,1)
Yellow: #E5B335, rgba(229,179,53,1)
Other Yellow option: #D9A50B

rotator overlay  { background: rgba(19,39,79,0.3); }

************/

body {color: #333; font-size: 1.1rem; }

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3; font-size: 1.1rem; }

h1 {color: #0E3386; font-size: 2.5rem;}
h2, .page-header h2 {color: #0E3386; font-size: 2rem; border-bottom: 1px solid #0E3386;  line-height: 1.3; margin: 0; padding: 0;}
h3 { font-family: 'Lato', sans-serif; color: #D9A50B; font-size: 2rem;}
h4 {background: #106FCC; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 { font-family: 'Lato', sans-serif; color: #0E3386; font-size: 1.5rem; text-transform: uppercase;}
h6 {color: #D9A50B; font-size: 1.6rem; font-style: italic;}
a { color: #106FCC; }
a:hover { color: #D9A50B; }

#g-footer a{ color: white;  }
#g-footer a:hover{ color: #D9A50B;  }

blockquote {
	color: #333;     
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #d5d5d5;
	font: italic 16px/22px Georgia, Serif;
	line-height: 1.2;
	font-size: 1.3rem;
}

address {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

/************ BUTTONS  ************/
.readon, .button, .btn, p.readmore .btn   { 
  color: white; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #D9A50B; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
}

.readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover {background: #777; color: white;}

.btn .icon-chevron-right { display: none;}

/************ TABLES  ************/
.fancytable th {color: white; background: #0E3386; border: 1px solid #0E3386;}
.fancytable td { border: 1px solid #0E3386;}

/************ ALERT ************/
.alert .g-content {padding: 0; margin: 0;}
.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p { margin-left: 20px; color: red; background: transparent;}
.alert h2 { margin: 10px 0; }

/************ HOMELAYOUT  ************/
.homelayout .hiddenhome { display: none; }
p.buttonheading { margin: 0 !important; padding: 0 !important; }

/************ HEADER  ************/
#g-top { padding: 0 8%; background: url(../images/template/header.jpg) 0% 0% no-repeat; background-size: cover; }
#g-top .logo .g-content { margin: 0; }
.top-right { position:absolute; top: 0; right: 0; }
.top-right .g-content { margin: 0; }

@media only screen and (max-width: 767px) {
	#g-top { background: url(../images/template/header-mobile.jpg) 0% 0% no-repeat; background-size: cover; }
	#g-top .logo-mobile .g-content { margin: 0; padding: 1rem; }
	.g-logo img { width: 75%; padding: 1rem;} 
}

/************ MENU  ************/
#g-navigation .g-content { margin: 0; padding: 0;}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: white; }
.g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown { margin-top: 0px;}
.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active {   background: rgba(0,0,0,0.2); }
.g-main-nav .g-sublevel > li:hover, .g-main-nav .g-sublevel > li.active {   background: rgba(0,0,0,0.2); }
#g-navigation { padding-bottom: 0px; }
.g-main-nav .g-toplevel > li > .g-menu-item-container { text-align: center;  padding: 0.625rem 0.75rem;  }
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none; }
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1rem; }

.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.g-main-nav .g-standard .g-fade.g-dropdown { z-index: 10;}
.g-main-nav .g-dropdown { border-radius: 0 0 6px 6px;}

.g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; }


/************ OFFCANVAS MENU  ************/
.g-offcanvas-toggle { color: #106FCC; }
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {font-weight: normal; }
#g-offcanvas .g-menu-item-title {color: white; }
#g-offcanvas #g-mobilemenu-container ul > li > a.g-menu-item-container:hover {background: rgba(0,0,0,0.15); }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {border: none; background: none; }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {border: none; background: none; }

@media only screen and (max-width: 767px) { 
	.g-offcanvas-toggle { top: 20px; left: 20px; }
}

/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] { padding: 0; }
#g-aside .g-content { padding-left: 0; padding-right: 0px;}
.moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 10px 20px; color: white; font-weight: normal;}
.moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
.moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;  background: #106FCC;  border-radius: 0; }
.moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 30px;}
.moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
.moduletable .nav .nav-child { margin-top: 0px;}
.moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { 
	color: white;
	background: #D9A50B;
	font-weight: normal;
}

/************ ROTATOR FULL WIDTH  ************/
#g-showcase .g-content { padding: 0; margin: 0; }

.layout-slideshow .sprocket-features-img-container img { float: none; width: 100%;  height: 42vw !important; object-fit: cover; object-position: center; }

/************ ROTATOR SLIDESHOW FULL WIDTH COLOR OVERLAY  ************/
.layout-slideshow .sprocket-features-content { 
    position: absolute;
	top: 0;
	bottom: 0;
    left: 0px;
	padding: 3% 3% 0 0;
    width: 100%;
	justify-content: center;
	flex-direction: column;
	background: rgba(19,39,79,0.15);
}

.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc { display: block; background: none; }
.layout-slideshow .sprocket-features-title, .sprocket-features-desc h6 { line-height: 1; text-align: right; text-transform: none; color: white; text-shadow: 4px 4px 4px rgba(19,39,79,0.75); margin: 0; }
.layout-slideshow .sprocket-features-title, .sprocket-features-desc h5 { line-height: 1; text-align: right; text-transform: none; color: white; text-shadow: 4px 4px 4px rgba(19,39,79,0.75); margin: 0; }
.layout-slideshow .sprocket-features-title, .sprocket-features-desc h2 { 
	font-family: 'Lato', sans-serif; font-weight: bold; font-size: 4vw; color: white; text-shadow: 4px 4px 4px rgba(19,39,79,0.75);
	border: none; 
	text-align: right; 
	/*padding: 10px 100px 0 10px; */
	margin: 0; 
	line-height: 1; 
}
.layout-slideshow .sprocket-features-title, .sprocket-features-desc a {color: white;}
.sprocket-features-desc h2  {padding: 0; }
.layout-slideshow .sprocket-features-desc { color: white; font-size: 1.4rem; padding-top: 0; /*padding-right: 100px;*/}
.layout-slideshow .sprocket-features-pagination li { padding: 8px; }
.layout-slideshow .sprocket-features-arrows .arrow { background: none; box-shadow: none; font-size: 5em; }

@media only screen and (max-width: 767px) {
	.sprocket-features-img-container img {width: 100%; height: 42vw !important; }
	.layout-slideshow .sprocket-features-title, .sprocket-features-desc h5 { font-size: 1.25rem; }
	.layout-slideshow h2, .layout-slideshow .sprocket-features-title { font-size: 2rem; text-align: right; line-height: 1.2; }
	.layout-slideshow .sprocket-features-desc { font-size: 1rem; line-height: 1.2;}
	body .sprocket-features-desc p { font-size: 3vw; margin-bottom: 0px; }
	/*.layout-slideshow .sprocket-features-pagination { left: 38px; bottom: 4px; }
	.layout-slideshow .sprocket-features-pagination li { padding: 6px; }*/
	.layout-slideshow .sprocket-features-pagination { display: none; }	
}

/************ MISSION ************/
#g-utility .mission h5 { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 2.5vw; letter-spacing: 3px; margin-bottom: 0px; padding-bottom: 0px; }
#g-utility .mission h3 { font-family: 'Marcellus', serif; font-size: 3.05vw; color: #0E3386; margin-top: 0px; padding-top: 0px; }
#g-utility .g-grid:first-child .g-content { margin-bottom: 0px; padding-bottom: 0px; }
#g-utility .g-grid:last-child .g-content { margin-bottom: 1.75rem; }

@media only screen and (max-width: 767px) { 
	#g-utility .mission h5 { font-size: 1.9rem; }
	#g-utility .mission h3 { font-size: 1.75rem; }
	#g-utility .g-grid:first-child .g-content { margin: 0.625rem 0.25rem; padding: 1.5rem 0.5rem; }
	#g-utility .g-grid:last-child .g-content { margin: 0 0 1.75rem 0; padding: 0;}
}

/************ QUICKLINKS  ************/
.g-iconmenu {display: flex; width: 100%;  margin: 0 0 0 auto;}

.g-iconmenu div { 
	position: relative; 
	background: #106FCC;
	border-radius: 3px; 
	flex: 1; 
	height: 125px; 
	padding: 10px; 
	margin: 0 10px; 
	transition: background 0.3s linear;
	text-align: center; 
}
.g-iconmenu div:first-child { margin-left: 0px; }
.g-iconmenu div:last-child { margin-right: 0px; }
.g-iconmenu div:hover { background: #0E3386; border-radius: 3px; transition: background 0.3s linear;}
.g-iconmenu div > a  { color: #E5B335; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.g-iconmenu div > a > span { display: block; text-align: center; }
.g-iconmenu .g-iconmenu-icon {  font-size: 4vw; padding: 15px 0 8px 0; text-shadow: 2px 2px 7px rgba(0,0,0,0.35); }
.g-iconmenu .g-iconmenu-text {  line-height: 1.1; font-size: 1.35vw; font-weight: bold; color: white; padding: 0 10px; }

@media only screen and (min-width: 1701px) {
	.g-iconmenu div { height: 200px; padding: 15px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1699px) {
	.g-iconmenu div { height: 150px; padding: 15px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.g-iconmenu div { height: 110px; }
	.g-iconmenu .g-iconmenu-text { font-size: 1.55vw; }
}

@media only screen and (max-width: 767px) { 
	.g-iconmenu { flex-wrap: wrap;}
	.g-iconmenu > div { width: 45%; flex:none; margin: 9px;}
	.g-iconmenu div:first-child { margin-left: 9px; }
	.g-iconmenu div:last-child { margin-right: 9px; }
	.g-iconmenu .g-iconmenu-icon { font-size: 3.5rem;  }
	.g-iconmenu .g-iconmenu-text { font-size: 1.1rem; }  
}

/************ BOTTOM PHOTO  ************/
#g-bottom p { margin: 0; padding: 0; }
#g-bottom img { height: 21vw; }

/************ FOOTER  ************/
#g-footer { border-top: none; }
#g-footer .admin .g-content { margin: 0; padding: 0; }
#g-footer .g-grid:first-child .g-block:first-child .g-content { margin-left: 0; padding-left: 0; }
#g-footer a .fa.fa-lock { color: #E5B335; }
#g-footer a:hover .fa.fa-lock { color: #777; }
#g-footer .footer-links > div > .mod_placehere_leading.even { overflow: visible !important; }

@media only screen and (max-width: 767px) { 
	#g-footer .g-content { margin-bottom: 0px; padding-bottom: 0px; }
	#g-footer .g-grid:first-child .g-block:last-child .g-content { margin: 0.3125rem 0.625rem 0.625rem 0.625rem; padding: 0.75rem 1.5rem 1.5rem 1.5rem; }
	#g-footer .footer-flex { display: flex; flex-basis: 50%; justify-content: center; }
	#g-footer .center-text { text-align: center; }
}

/* site-1-home */

.site-1-home #g-page-surround .g-content-array .g-content {
	padding: 0;
}

.site-1-home #g-page-surround .g-content {
	padding: 0;
	margin: 0;
}

.site-1-home #g-page-surround .g-array-item-text {
	margin: 0;
}

.site-1-home #g-slideshow {
	padding: 0;
}

@media (min-width: 767px) {
	.site-1-home .fullwidth-swiper .slide-content-wrapper {
		background: white;
		width: 35%;
		border-bottom: 5px solid #0e3286;
	}

	#g-navigation {
		padding: 0.5rem 5%;
	}
	
	.site-1-home .fullwidth-swiper .swiper-slide img {
		object-position: center;
		object-fit: cover;
		height: 100%;
		width: 63%;
		position: absolute;
		right: 0;
	}
	
	.site-1-home .g-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
		left: 70%;
	}
	.swiper-navigation div[class*="button-prev"] {
		left: 38%;
	}

	.site-1-home .fullwidth-swiper h1 {
		font-size: clamp(1rem, 2.5vw, 3.2rem);
	}

	.site-1-home .slide-content {
		background-color: white;
	}

	.site-1-home .fullwidth-swiper .slide-content-wrapper,
	.site-1-home .fullwidth-swiper .swiper-slide img {
		border-radius: 10px;
		overflow: hidden;
		box-shadow: var(--default-box-shadow);
	}

}

.fa-angle-right, .fa-angle-left {
	color: #0e3286;
	font-size: 6rem;
	text-shadow: var(--default-box-shadow);
}



.site-1-home #g-top .logo img {
	margin: 1rem 0;
}

.footer-logo img {
	margin: 1rem 0;
	width: 20%;
}

.site-1-home #g-feature {
	padding: 5% 15%;
}

#g-feature:before {
	display: none;
}

.site-1-home .g-content-array {
	margin: 0;
	padding: 0;
}

.site-1-home .welcome-text {
	display: grid;
    justify-content: center;
    align-content: center;
}

@media (min-width: 50.99rem) {
	.site-1-home .welcome-text {
		padding-left: 5%;
	}
}

.burns-photo img {
	border-radius: 5px;
}

.site-1-home .welcome-text .g-item-title a {
	font-size: clamp(2rem, 4.75vw, 6rem);
}

.site-1-home .slide-content {
	height: 100%;
	width: 100%;
    display: grid;
    align-items: center;
}

.site-1-home .fullwidth-swiper {
	padding: 2% 2% 2% 2%;
}

.welcome-text .g-item-title a {
	pointer-events: none;
}

.site-1-home #g-expanded {
	padding: 0 15% 5% 15%;
}



.burns-photo {
	display: grid;
    align-content: center;
}

@media (max-width: 1065px) {
	.site-1-home #g-feature {
		padding: 5%;
		padding-bottom: 10%;
	}

	.site-1-home #g-expanded {
		padding: 0 5% 5% 5%;
	}

	.footer-logo img {
		margin: 1rem 0;
		width: 55%;
	}

}

@media (max-width: 767px) {
	.burns-photo {
		margin-bottom: 2rem;
	}
	
	.fullwidth-swiper .g-swiper-text {
		height: 100%;
		display: grid;
		justify-content: center;
		align-items: center;
		margin: 0 !important;
		padding: 0 10% !important;
		background-color: rgba(0,0,0,0.6);
		text-shadow: var(--default-box-shadow);
	}

	.fullwidth-swiper h1 {
		color: white;
	}
}

/* menu */

#g-navigation .g-social a {
	color: white;
	font-size: clamp(1rem, 1.25vw, 2rem);
}

.g-main-nav .g-toplevel > li {
	display: grid;
    align-items: center;
    justify-content: center;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-size: clamp(1rem, 1.25vw, 2rem);
}
 
/* Quicklinks */
@media (min-width: 50.99rem) {

	.ql-container {
		display: flex;
		gap: 2vw;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.ql-container a {
		text-align: center;
		border: 3px solid #106fcc;
		padding: 1vw 2vw;
		border-radius: 5px;
		font-size: 1.5vw;
		display: grid;
		justify-content: center;
		align-items: center;
		width: 31%;
	}

}

@media (max-width: 50.99rem) {
	.ql-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}
	
	.ql-container a {
		text-align: center;
		border: 3px solid #106fcc;
		padding: 1vw 2vw;
		border-radius: 5px;
		font-size: 4vw;
	}
}

.outline-16 #g-container-main {
	padding: 3% 0;
}

.admin-footer {
	display: grid;
	gap: 5px;
}

@media (min-width: 50.99rem) {
	.outline-16 #g-mainbar {
		padding: 0 5% 0 0;
	}
}