@charset "utf-8";






/* CSS Document */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}


/* =============== MISC STYLES ===============*/
.row.ltBlue {
	background-color: rgba(142,163,203,1.00);
	color: #000000;
}
.row.ltBlue a {
	color: #000000;
}
.row.ltBlue a:hover {
	color: #234A79;
}
/* =============== HEADER STYLES ===============*/

/* --- Header shadow ---*/
.pageHeader {
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .1), 0 2px 1px -1px rgba(0, 0, 0, .05);
}


/* --- Navigation Buttons ---*/
.pageHeader .navbar-nav.nav-pills li {
	background-color: #e4e5e7;
	line-height: 20px;
	margin-left: 10px;
	border-radius: 6px;
}
.pageHeader .navbar-nav.nav-pills li a {
	color: #234A79;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}
.pageHeader .navbar-nav.nav-pills li:hover,
.nav-pills .show > .nav-link  {
	background-color: #8EA3CB;
}

.pageHeader .navbar-nav.nav-pills li:hover a, 
.nav-pills .show > .nav-link{
	color: #FFFFFF !important;
}
.pageHeader .navbar-nav.nav-pills li.active {
	background-color: #8EA3CB;
}
.pageHeader .navbar-nav.nav-pills li.active a {
	color: #FFFFFF !important;
}

@media (max-width: 992px) {
pageHeader .nav-pills li {
	padding-left: 15px;
	margin-top: 5px;
}		
}
/* ---dropdown styles--- */
.navbar-nav.ml-auto.nav-pills .nav-item.dropdown .dropdown-menu {
	background-color: rgba(59,90,147,1.00);
	color: rgba(255,255,255,1.00);
}

.nav-item.dropdown .dropdown-menu .dropdown-item {
	color: rgba(255,255,255,1.00);
}
.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
	background-color: rgba(142,163,203,1.00);
	color: rgba(255,255,255,1.00);
}

/* ---Header Logo --- */
.logo {
	margin-top: -40px;	
}


/* =============== FOOTER STYLES ===============*/

footer {
	background-color: #3B5A93;
}
footer, footer a, footer p {
	color: white;
}


footer a:hover{
	color: #8EA3CB;
}


/* ---Social Media Icons--- */
footer .fab {
	padding: 20px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	display: inline-block;
	line-height: 1;
	color: white;
	margin: 10px;
}
footer .fab:hover {
	opacity: 0.7 ;
	color: white;
	text-decoration: none ;
}
footer .fab.fa-facebook {
	background-color: #4267B2;
	color: white;
}
footer .fab.fa-twitter {
	background-color: #55ACEE;
	color: white;
}
footer .fab.fa-google {
	background-color: #dd4b39;
	color: white;
}
footer .fab.fa-linkedin {
	background-color: #007bb5;
	color: white;
}
footer .fab.fa-instagram {
	background-color: #125688;
	color: white;
}
footer .fab.fa-pinterest {
	background-color: #cb2027;
	color: white;
}







/* =============== HOMEPAGE HERO SECTION  ===============*/

.hero {
	background-image: url(../images/hero.jpg);
	padding-top: 200px;
	min-height: 45vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* =============== TEXT STYLES ===============*/

html, body {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

.text-body {
	color: #212529 !important;
}
.text-muted {
	color: #6c757d !important;
}



/* ---mobile and tablet sizes--- */
h1, .h1 {
	font-size: 2rem;
	font-weight: 700;
}
h2, .h2 {
	font-size: 1.75rem;
	font-weight: 700;
}
h3, .h3 {
	font-size: 1.5rem;
	font-weight: 700;
}
h4, .h4 {
	font-size: 1.25rem;
	font-weight: 700;
}
h5, .h5 {
	font-size: 1.0rem;
	font-weight: 700;
}
h6, .h6 {
	font-size: .9rem;
	font-weight: 700;
}
/* ---laptop and larger sizes--- */
@media (min-width: 992px) {
	h1, .h1 {
		font-size: 2.5rem;
	}
	h2, .h2 {
		font-size: 2rem;
	}
	h3, .h3 {
		font-size: 1.75rem;
	}
	h4, .h4 {
		font-size: 1.5rem;
	}
	h5, .h5 {
		font-size: 1.25rem;
	}
	h6, .h6 {
		font-size: 1rem;
	}
}
/* ---links--- */
a {
	color: #234A79;
}
a:hover {
	color: #6B7A98;
	text-decoration: underline;
}
/* ---larger titles--- */
.titles {
	font-size: 2rem;
	font-weight: 700;
}
@media (min-width: 992px) {
	.titles {
		font-size: 3rem;
	}
}
@media (min-width: 1200px) {
	.titles {
		font-size: 4rem;
	}
}
/* ---blue text--- */
.txtBlue {
	color: #8EA3CB;
}
.txtSmall {
	font-size: 12px;
	color: white;
}

/* =============== BUTTON STYLES  ===============*/

.btn {
	background-color: #FAFBFC;
	border-radius: 6px;
	color: #234A79;
	font-weight: 500;
	text-decoration: none;
}
.btn a {
	color: inherit;
	text-decoration: none;
}
.btn:hover {
	background-color: #8EA3CB;
	color: #FFFFFF;
}
.btn:focus, .btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn-primary {
	color: #234A79;
	background-color: #FAFBFC;
	border-color: #8EA3CB;
}
.btn-primary:hover {
	color: #fff;
	background-color: #8EA3CB;
	border-color: #8EA3CB;
}
.btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #8EA3CB;
	border-color: #8EA3CB;
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #8EA3CB;
	border-color: #8EA3CB;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}




/* =============== BLOG PAGE STYLES ===============*/

.blogDate {
	font-style: italic;
	color: rgba(107,122,152,1.00);
}

.blogContent {
	margin-bottom: 40px;
}
.blogContent p {
	margin-bottom: 1.4em;
}

.blogDiv {
	background-color: #f5f5f5;
	margin: 10px;
	padding: 20px;
	border: medium solid rgba(142,163,203,1.00);
	border-radius: 6px;
}
.blogPic img { 
	margin-bottom: 1rem;
	float: right;
	width: 50% !important;
	height: 50% !important;
	
}

/* =============== GALLERY PAGE LIGHTBOX STYLES ===============*/

.lightbox-gallery {
	background-color: rgba(142,163,203,1.00);
	background-repeat: no-repeat;
	color: #000;
	overflow-x: hidden
}
.lightbox-gallery p {
	color: #fff
}
.lightbox-gallery h2 {
	font-weight: bold;
	margin-bottom: 40px;
	padding-top: 40px;
	color: #fff
}
@media (max-width:767px) {
	.lightbox-gallery h2 {
		margin-bottom: 25px;
		padding-top: 25px;
		font-size: 24px
	}
}
.lightbox-gallery .intro {
	font-size: 16px;
	max-width: 500px;
	margin: 0 auto 40px
}
.lightbox-gallery .intro p {
	margin-bottom: 0
}
.lightbox-gallery .photos {
	padding-bottom: 20px
}
.lightbox-gallery .item {
	padding-bottom: 30px
}

/* ---END END END--- */