/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/


@media (min-width: 1200px){
.navbar-nav > .nav-item {
    font-size: 1rem;
}
}
.navbar.scrolled, .navbar.navbar-toggled-show {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px rgb(25 25 25 / 10%);
}
.display-3 {
    font-size: 4rem;
    
}
.navbar-light .navbar-nav .nav-link {
    color: #555;
}
a.nav-link.active{
	border-bottom:3px solid #00a8e8;
}
a{
	/* color: #00a8e8 !important; */
}

.bg-primary {
    background-color: #00a8e8 !important;
}
.bg-primary-2 {
    background-color: #00a8e8 !important;
}
.bg-primary-3 {
    background-color: #003459 !important;
}
.btn-primary{
	background-color: #003459;
    border-color: #003459;
    
}
 

svg.bg-success [stroke]:not([stroke="none"]) {
    stroke: #00a8e8;
}


.btn-primary:hover {
    color: #fff;
    background-color: #00a8e8;
    border-color: #00a8e8;
}
.tshadow{
	text-shadow: 0 0 3px #07395e, 0 0 5px #9eb2e4;
}

ol.lh-2 li{
	line-height:2;
}
.navbar-container,.navbar[data-sticky="top"] {
    position: relative;
    height: 80px;
}

nav.navbar{padding:5px!important;}

.banner-content{
		position: relative;
    top: 50px;
	}

a {
    color: #03365b;
}

@media only screen and (min-width: 320px) and (max-width: 768px)  {
	.banner-content{
		position: relative;
    top: 280px;
	}
	.display-3 {
    font-size: 2rem;
}
.navbar-collapse{background-color:#fff;}
}