@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.addedPadding2 {
	padding-top: 62px;
}
.address-block {
	font-family: 'Playfair Display', serif;
}
.blue-gradient {
	background: rgb(7,52,98);
	background: linear-gradient(180deg, rgba(7,52,98,1) 0%, rgba(22,93,164,1) 100%);
	color: #fff;
	padding: 20px 50px;
}
body {
	background: #f6f6f5;
	color: #0a3c6d;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.bold {
	font-weight: bold;
}
.btn-primary {
}
.btn-primary:hover, .btn-primary:focus, .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle, .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
}

.circle {
	border-radius: 50%;
	display: inline-block;
}
.circle i {
	font-size:24px;
	color:#fff;
	padding: 4px;
}
.contact-title1 {
	text-decoration: underline;
	margin-bottom: 15px;
	font-size: 24px;
}
.contact-title2 {
	font-weight: bold;
	color: #8f7d6f;
	font-size: 16px;
	display: block;
	margin-bottom: 6px;
}
.content {
	background-color: #fff;
	padding: 20px;
}
.custom-width-1030 {
	padding-top: 171px;
}

footer {
	color: #000;
	font-size: 12px;
	padding: 20px 0;
}
footer a, footer a:hover, footer a:active, footer a:visited, footer a:focus {
	color: #073562;
}
footer .row {
	margin-right: 0;
	margin-left: 0;
}
.foot-one, .foot-two, .foot-three {
	text-align: left;
}
.full-width {
	left: 50%;
	margin-left: -50%;
	margin-right: -50%;
	max-width: 100%;
	position: relative;
	right: 50%;
	width: 100%;
}

.galleryBox span {
	text-align: center;
	display: block;
	padding: 15px 0;
}
.galleryBox span a {
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}
.galleryThumbs {
	margin: 10px 0;
}

h1.pageTitle {
	font-size: 30px;
	margin-bottom: 25px;
}
h2.pageTitle {
	font-size: 26px;
}
.homeFooter {
	padding:0;
}
hr {
	margin: 40px 0;
}
.hr-sidebar {
	margin: 20px 0;
}

#logo {
	margin: 20px 0 15px 0;
}

.map {
	margin: 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #999 solid;
}
.map:last-child {
	border: 0;
	padding: 0;
}
.marketing img {
	margin-bottom: 20px;
}
.max {
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
.mobileonly {
	display: flex;
}

.nav-bg {
	background-color: #c2bfb8;
}
.nav-link {
	color: #0a3c6d !important;
	text-transform: uppercase;
}
.nav-link:focus, .nav-link:hover {
	color: #333;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover, .navbar-light .navbar-nav .nav-link:hover {
	background-color: #000;
	color: #fff;
}
.navbar-collapse {
}
.navbar-light {
	background-color: #fff;
}
.navbar-light .navbar-toggler {
	border-color: #000;
	background-color: #fff;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
	color: #fff;
}
.navbar-toggler {
	margin-right: 15px;
	background-color: #fff;
	border: solid 1px #333;
}
.navbar-toggler:focus {
	box-shadow: 0 0 0 0;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#navbarNav {
}
.nomobile {
	display: none;
}

.pageTitle {
	text-align: center;
	color: #0a3c6d;
	font-style: italic;
	font-family: 'Playfair Display', serif;
}
.phone {
	display: block;
	margin-bottom: 10px;
}
.principles {
	font-size: 13px;
	color: #666;
}
.principles .circle {
	background-color: #e1e1e1;
	width: 32px;
	height: 32px;
}
.principles h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #222;
	font-weight: bold;
}
.principles section {
	margin: 15px 0;
}
.pw {
	display: none;
}

.red {
	color: #ff0000;
}
.roomRow {
	display: block;
	margin: 5px 0 15px 0;
	border-top: 1px #ccc solid;
	padding-top: 15px;
}
.roomRow:first-of-type {
	border: 0;
}
.roomRow .list-group-item {
	border: 0;
}
.roomTitle {
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 8px;
}

.sideNav li {
	padding: 4px 0;	
}
.sideNav li .btn {
	text-align: left;
}
.spacer {
	margin: 10px 0;
}
.staff {
	text-align: center;
	padding: 20px 10px;
	font-weight:bold;
	font-size: 20px;
}
.staff img {
	margin: 20px 10px;
}
.staff span {
	display: block;
	font-weight: normal;
	font-style:italic;
	font-size: 14px;
	color: #999;
}

.title {
	text-transform: uppercase;
	color: #8f7d6f;
	text-align: center;
	margin: 25px 0;
}

.white-bg {
	background-color: #fff;
	padding-bottom: 25px;
}
.work-example {
	background-color: #eee;
	border-radius: 10px;
	padding: 10px;
	font-size: 16px;
}
.work-example li {
	padding: 4px 0 4px 10px;
}
.wrapper {
	position: absolute;
	bottom: 180px;
	left: 10%;
	transform: translate(0%, 0%);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.wrapper .join {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	text-align: center;
}

@media (min-width: 768px) {
	.address-block{
		font-size: 20px;
	}
	#bg-img {
		background-image: url('../images/ncs-cover.jpg');
	}
	.circle i {
		font-size:45px;
		padding: 8px;
	}
	.cta {
		font-size: 30px;
	}
	.custom-width-1030 {
		padding-top: 175px;
	}
	.dropdownBtn::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-bottom: 0;
		border-left: 0.3em solid transparent;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f1f1f1;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		list-style: none;
		padding-left: 0;
	}
	/* Links inside the dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #ddd;}
	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
		display: flex;
		flex-direction: column;
	}
	/* Change the background color of the dropdown button when the dropdown content is shown */
	.dropdown:hover .dropbtn {background-color: #3e8e41;}
	.foot-three {
		text-align: right;
	}
	.foot-two {
		text-align: center;
	}
	.mobileonly {
		display: none;
	}
	.nav-link {
		margin: 2px;
	}
	.navbar-light {
	}
	#navbarNav {
	}
	.nomobile {
		display: flex;
	}
	.spacer {
		margin:0;
	}
	.wrapper {
		top: 200px;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.wrapper .join {
		font-size: 30px;
	}
}