@charset "utf-8";
/* CSS Document */
body {
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	color:#1B1B1B;font-weight: 300!important;
}

.mainheader {
	background-color: #02374D; 
	z-index: 100;
}

nav.bg-dark {
	background-color: transparent !important; 
	color: #fff;
}

nav.bg-dark a {
	color: #fff; 
	font-size: 1.4rem;
	font-weight: 300;
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
	color:#D0E3ED;
}
.nav-link:focus, .nav-link:hover {
	color:#D0E3ED;
}

.navbar-brand {
	font-weight: 700 !important; 
	color: #fff!important;
	text-transform: uppercase;
}

.navbar-toggler {
	color:#fff!important;
}
.bi-list {font-size:1.8rem;}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
	color:#fff!important;
}
.mainheader .nav-link::after {
	content: '|';
	padding-left:18px;
	color:#026993;
}
.mainheader .lastnav::after {
	content: '';
	
}

.subnav {background-color: #EFEFEF;}
.subnav .nav-link.active {background-color: #B5B5B5; border-radius: 0; cursor: default;}
.subnav .nav-link {color:#02374D;}

/*-------Type-----*/

h1, h2 {font-weight: 700; color:#03658C; }
h3 {color:#1B1B1B; font-weight: 700;}

.about p {font-size: 1.4rem;}
.innerpage p {font-size: 1.2rem;}

@media only screen and (max-width: 600px) {
.about p {font-size: 1.0rem;}
}

@media only screen and (max-width: 1200px) {
.about p {font-size: 1.2rem;}
}

a {text-decoration: none;}

span.copysmall {font-weight: 300!important; font-size:1.2rem!important; position: relative; top:-.5em;}

footer p strong {font-weight: 300!important; font-size: .9rem;}

/*-------Buttons-----*/
.btn-primary {background-color:#03658C; border-radius: 0px; text-transform: uppercase; border:none; /*box-shadow: .3rem .3rem 0 #D0E3ED;*/}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color:#6D83A2; border:none; outline: none; box-shadow: none; /*box-shadow: .3rem .3rem 0 #B4D2E2*/;}


/*-----Skills------*/
.skilllist li {display:inline!important; margin-right: 15px; text-transform:capitalize; font-size:1.3rem;
   }
#skills .card {margin-bottom: 2rem;}
.skilllist li:nth-child(odd) {font-weight: 300!important;}
.skilllist li:nth-child(even) {font-weight: 500!important;}

#skills h3.card-title {font-size: 1.5rem;}


#skills ul {padding-left: 0px;}


/*-------Special Conditions-----*/
.narrowwrap {max-width:960px;}
@media only screen and (min-width: 992px) {
.text-end2 {text-align: right;}
}

@media only screen and (max-width: 992px) {
.strengths p, .strengths h3 {text-align: center;}
	.narrowwrap {max-width:85%;}
	.about img {max-width: 350px;}
	.nav-link::after {
	content: '';
	
}
}
.altbg2 {background-color: #EFEFEF; }

#work img {border-radius: 50%;}

.wspage img {box-shadow: 0px 0px 10px #ccc;}

/*.about img {box-shadow: .6rem .6rem 0 #D0E3ED;}*/
/*----Inner-------------*/
.innerpage a p {text-transform: uppercase; color: #02374D!important; font-weight: 700!important; padding: .5em 0;}

/*-------Footer-----*/
footer {background-color: #02374D; color:#fff;}
.mainfooter p a {color:#fff; text-decoration: none;}
.mainfooter i {margin-right:5px;}
p.footerlogo {text-transform: uppercase;}

/*-----Modal--------*/
#hmcontact p {font-size:1.3rem}
#hmcontact a {font-size:1.3rem; color:#03658C; text-decoration:none;}
#hmcontact a i {margin-right:5px;}