@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:900i');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

#bg-img {
	background-image: url('../images/ncs-cover-320.jpg?i=1');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	height: 100vh;
	min-height: 350px;
}
body {
	background: #000;
	color: #000;
	font-size: 15px;
	font-family: 'Lora', serif;
}
.bold {
	font-weight: bold;
}
.btn-primary {
	background-color: #8f7d6f;
	border-color: #59381f;
}
.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 {
	background-color: #59381f;
	border-color: #59381f;
	box-shadow: none;
}

.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;
}
.cta {
	padding: 10px 45px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	color: white;
	background: #d40707;
	transition: 1s;
	box-shadow: 6px 6px 0 black;
	transform: skewX(-15deg);
}
.cta:focus {
	outline: none;
}
.cta:hover {
	transition: 0.5s;
	box-shadow: 10px 10px 0 #FBC638;
	color: #000;
}
.cta span:nth-child(2) {
	transition: 0.5s;
	margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
	transition: 0.5s;
	margin-right: 45px;
}

.cta span {
	transform: skewX(15deg)
}

.cta span:nth-child(2) {
	width: 20px;
	margin-left: 30px;
	position: relative;
	top: 12%;
}
/**************SVG****************/
path.one {
	transition: 0.4s;
	transform: translateX(-60%);
}
path.two {
	transition: 0.5s;
	transform: translateX(-30%);
}
.cta:hover path.three {
	animation: color_anim 1s infinite 0.2s;
}
.cta:hover path.one {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.6s;
}
.cta:hover path.two {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.4s;
}
/* SVG animations */
@keyframes color_anim {
	0% {
		fill: white;
	}
	50% {
		fill: #FBC638;
	}
	100% {
		fill: white;
	}
}
.custom-width-1030 {
	padding-top: 171px;
}

footer {
	color: #fff;
	font-size: 12px;
	padding: 20px 0;
}
footer a, footer a:hover, footer a:active, footer a:visited, footer a:focus {
	color: #fff;
}
footer .row {
	margin-right: 0;
	margin-left: 0;
}
.foot-one, .foot-two, .foot-three {
	text-align: left;
}

.galleryBox {
	margin-bottom: 10px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 10px;
}
.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;
}

.homeFooter {
	padding:0;
}
hr {
	margin: 40px 0;
}
.hr-sidebar {
	margin: 20px 0;
}

.map {
	margin: 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #999 solid;
}
.map:last-child {
	border: 0;
	padding: 0;
}
.mobileonly {
	display: flex;
}

.nav-link {
	color: #000;
}
.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 {
	flex-grow: 0;
}
.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;
}
#bg-img .navbar-toggler-icon {
	height: 1px;
	border: solid 1px #333;
	display: block;
	margin: 6px 0;
}

#navbarNav {
	background-color: #fff;
}
.nomobile {
	display: none;
}

.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;
}

.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) {
	#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;
	}
	footer .row {
	    margin-left: calc(-.5 * var(--bs-gutter-x));
		margin-right: calc(-.5 * var(--bs-gutter-x));
	}
	#logo img {
		height: 120px;
	}
	.mobileonly {
		display: none;
	}
	.nav-link {
		margin: 2px;
	}
	.navbar-light {
		background-color: rgba(255,255,255, .8);
	}
	#navbarNav {
		background-color: rgba(255,255,255, .8);
		border-radius: 4px;
		margin-right: 10px;
	}
	.nomobile {
		display: flex;
	}
	.principles .circle {
		width: 64px;
		height: 64px;
	}
	.spacer {
		margin:0;
	}
	.wrapper {
		top: 200px;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.wrapper .join {
		font-size: 30px;
	}
}
@media (min-width: 1200px) {
	.custom-width-1030 {
		max-width: 1030px;
	}
}