/*==================================================
=                    Default                       =
==================================================*/

body {
	color: #2C2C2C;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-style: normal;
	font-weight: 500;
}
li {line-height: 1.5; margin-bottom: 0.9375rem;}

@media (min-width: 1600px) {
	p,ul,ol,dl,blockquote,pre,td,th,textarea {margin-bottom: 1.875rem;}
	li {line-height: 1.5; margin-bottom: 0.9375rem;}
	
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {line-height: 1.3; margin-bottom: 1.875rem;}
	
	h1,.h1 {font-size: 4.0625rem; line-height: 1.1;}
	h2,.h2 {font-size: 2.8125rem;}
	h3,.h3 {font-size: 2.1875rem;}
	h4,.h4 {font-size: 1.5625rem;}
	h5,.h5 {font-size: 1.25rem;}
}

a {color: #0155AD; transition: color 0.5s ease;}
a:hover {color: #2C2C2C; text-decoration: none!important; transition: color 0.5s ease;}

.block-title {}
.page-title {}
.section-title {margin-bottom: 8%;}
.carousel-title {}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {font-weight: 700;}

/* avoid collapsing margins you might need this, depending on your design */
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0;}
/* avoid last-child bottom margin */

@media (min-width: 992px) {
	p:last-child,ul:last-child,ol:last-child,dl:last-child,blockquote:last-child,pre:last-child,table:last-child {margin-bottom: 0;}
}

/* ====== Core ================ */

section {padding-bottom: 10%; padding-top: 10%;}

@media (min-width: 992px) {
	section {padding-bottom: 5%; padding-top: 5%;}
}

h1 span,.h1 span,h2 span ,.h2 span,h3 span,.h3 span,h4 span,.h4 span,h5 span,.h5 span {font-weight: 300;}
.lead {line-height: 1.5;}

.subtitle {font-weight: 700; text-transform: uppercase;}

footer {font-size:0.875rem; padding-bottom: 2%; padding-top: 2%; text-transform: uppercase;}

@media (min-width: 1200px) {
	article {
		-webkit-column-count: 2;
	  	-moz-column-count: 2;
				column-count: 2;
	  -webkit-column-gap: 5rem;
	  	-moz-column-gap: 5rem;
				column-gap: 5rem;
	}
}

.table td {font-size: .75rem;}

/* ------ Navbar ------ */
#logo {transition-timing-function: ease-in; transition: 0.2s;}

.navbar-nav {font-size: 0.875rem; font-weight: 500; text-transform: uppercase;}
.navbar-expand-lg .navbar-nav .nav-link {color: #2C2C2C; border-bottom: 1px solid rgba(25, 23, 23, 0.25);}
.navbar-expand-lg .navbar-nav .nav-link.color-hc {color: #F85F37; font-weight: 700;}
.navbar-expand-lg .navbar-nav .nav-link.color-js {color: #009BF3; font-weight: 700;}
.navbar-nav .nav-link .active {border-bottom:3px solid;}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {border-bottom: none;}
}

@media (min-width: 1200px) {
	.navbar-expand-lg .navbar-nav .nav-link {padding-left: 1rem; padding-right: 1rem;}
}

@media (min-width: 1600px) {
	.navbar-expand-lg .navbar-nav .nav-link:last-child {padding-right: 0;}
}

/* ------ Navbar Toggle ------ */
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 40px;
	height: 20px;
	background-image: none;
	position: relative;
	border-bottom: 3px solid #032E59;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 40px;
	position: absolute;
	height: 3px;
	background-color: #032E59;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}

/* ------ Navbar Brand ------ */
.navbar-brand img {height: 50px;}
@media (min-width: 577px) {
	.navbar-brand img {height: 60px;}
}

/* ------ Sticky Navbar ------ */
@media (min-width: 1200px) {
	.sticky-lg-top {
		position: -webkit-sticky;
	  position: sticky;
	  top: 0;
	  z-index: 1020;
	}
	
	.second-nav {top: 64px;}
}

#header-nav.scrolled #logo {height:50px;} 
@media only screen and (min-width: 990px) and (max-width: 1070px)  {
	#header-nav #logo {height:48px;} 
}
/* #header-nav.scrolled {height:66px;} */

/* ------ Success Calculator ------ */
#success-calculator {background: rgb(44,44,44);
background-image: linear-gradient(90deg, rgba(44,44,44,0.75) 0%, rgba(44,44,44,0.75) 50%, rgba(44,44,44,0.75) 100%), url(../../assets/img/bg-success-calculator.jpg); background-repeat: no-repeat; background-position: left center; background-size: cover; color:rgba(243, 243, 243, 0.95);}
@media (min-width: 1600px) {
	#success-calculator p {font-size:1.5625rem;}
}

/* ------ Events ------ */
#events a {font-weight: 700; text-transform: uppercase;}
#events .card {border: none;}
#events .card-footer {background-color: transparent; border-top: none; padding-top: 0;}

/* ------ Candidates ------ */
#candidates .col {margin-bottom: 1.875rem;}
#candidates .card {border: none; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15); margin-bottom: 1.875rem;}
#candidates h3 {border-bottom: 1px solid #2C2C2C; display: inline-block; font-size: 1.25rem; margin-bottom: .875rem; padding-bottom: .5rem;}
#candidates p {margin-bottom: 0;}
#candidates .contain {max-width: 1800px;}
#candidates .card-body {padding: 2.5rem .75rem;}
#candidates img {border-top: 20px solid #F85F37;}

/* ------ Partners & Partners Detail ------ */
#partners .col {margin-bottom: 1.875rem;}
@media (min-width: 1200px) {
	#partners .col {margin-bottom: 3.75rem;}
}
#partners .card {background-color: rgba(255, 255, 255, 0); border: 1px solid transparent;}
#partners .card-title {font-size: 1.875rem; font-weight: 500; margin-bottom: 1.875rem;}
#partners .subtitle,#partners-detail .subtitle {font-weight: 500; text-transform: none;} 
#partners .btn-link,#partners-detail .btn-link {color: #009BF3;}
#partners a {color: rgba(255, 255, 255, 0.8);}
#partners a:hover {color: rgba(243, 243, 243, 0.65);}

#partners-detail .card-title {font-weight: 700; margin-bottom: 1.875rem;}

/* ------ Our Process ------ */
#our-process li {margin-bottom: 3rem;}
#our-process li li {margin-bottom: .5rem;}
@media (min-width: 992px) {
	#our-process li {font-size: 1.25rem;}
	#our-process li li {margin-bottom: 1rem;}
}
#our-process ul.timeline {
  list-style-type: none;
  position: relative;
  padding-left: 3rem;
}
#our-process ul.timeline:before {
  content: ' ';
  background: #fff;
  display: inline-block;
  position: absolute;
  left: 27px;
  width: 6px;
  height: 70%;
  z-index: 400;
}

#our-process ul.timeline > li:before {
	content: '1';
  background: #2C2C2C;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 5px solid #fff;
  left: 0;
  width: 60px;
  height: 60px;
  z-index: 400;
  text-align: center;
  padding: 9px;
}

@media (min-width: 768px) {
	#our-process ul.timeline:before {height: 75%;}
	#our-process ul.timeline > li:before {padding: 6px;}
}

@media (min-width: 1200px) {
	#our-process	ul.timeline {padding-left: 6rem;}
	#our-process	ul.timeline:before {height: 81%;}
}
@media (min-width: 1400px) {
	#our-process ul.timeline > li:before {padding: 10px;}
}
#our-process ul.timeline > li {padding-left: 2.5rem;}
#our-process ul.timeline > li.two:before {content: '2';}
#our-process ul.timeline > li.three:before {content: '3';}

.bg-strip {
	background-image: url(../../assets/img/bg-gold-nugget.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	padding: 15% 0;
	width: 100%;
	-moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
  	-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
			box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
}


.bg-strip {
	background-image: url(../../assets/img/bg-nugget-lg3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	padding: 15% 0;
	width: 100%;
	-moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
  	-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
			box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
}

@media (min-width: 992px) {
	.bg-strip {padding: 10% 0;}
}

.needle-in-hay {
	background-image: url(../../assets/img/needle-in-a-haystack-01.jpg);
}

/* ------ Form Settings ------ */
.form-group {margin-bottom: 1.875rem;}
.form-control {background-color:rgba(43, 43, 43, 0.15); border: 4px solid #2C2C2C; border-radius: 10px; padding: .2rem .75rem;}
.bg-dark-gray .form-control {background-color: rgba(255, 255, 255, 0.15); border: 4px solid rgba(255, 255, 255, 0.8); border-radius: 10px; color:#ffffff;}
.bg-dark-gray .form-control option {background-color: #757575; }
.bg-dark-gray a {color: rgba(243, 243, 243, 0.95);}
.bg-dark-gray a.btn {color:#212529;}
.bg-dark-gray a:hover {color: rgba(243, 243, 243, 0.65);}
.errors.help-block {
    color: #ff0000;
}

/* ------ Breadcrumbs ------ */
.breadcrumb {background-color: transparent;}
.breadcrumb .breadcrumb-item,.breadcrumb .breadcrumb-item a {color: #2c2c2c; font-weight: 700;}
.breadcrumb .breadcrumb-item.active {font-weight: 500;}
@media (min-width: 1600px) {
	#partners-detail .breadcrumb {position: absolute;}
}

/* ------ Cards ------ */
.box-contact > .col > .card {background-color: #F3F3F3; color: #2C2C2C;}
.box-contact > .col > .card a {color: #fff;}

.box-contact .accordion .icon-dropdown:after {
	content: "\f078";
  font-family: 'Font Awesome 5 Pro';
  float: right;
  margin-left: 15px;
}

.box-contact .accordion .icon-dropdown.collapsed:after {
    content: "\f054";
}

.faq-box .card {padding: 1rem;}
.faq-box .card-title {font-weight: 700; margin-bottom: 0;}

/* ====== Utilities ================ */
@media (min-width: 1600px) {
	.contain {
		max-width: 1500px;
	}
}

.box-shadow {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);}

/* ------ Dividers ------ */
.divider {margin-bottom: 5%; margin-top: 5%;}

/* ------ Buttons ------ */
.btn, button {border: none; font-weight: 700; margin-bottom: 1.875rem; margin-top: 0.9375rem; padding: .6rem 2rem .5rem 2rem; text-transform: uppercase; }
.btn-outline-secondary {border: 2px solid #2C2C2C; color: #2C2C2C;}
.btn-hc, a.bth-hc {background-color: #F85F37; color:#212529;}
.btn-js {background-color: #009BF3; color:#212529;}
.btn-gold {background-color: #CE9400; color:#212529;}
.btn-primary, .bg-dark-gray button {background-color: #0155AD; color:#212529;}
.btn-text-white {
	color:rgba(243, 243, 243, 0.95);
}
a.btn:hover {color: #ffffff; text-decoration: none!important; transition: color 0.5s ease;}

button {
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.bg-dark-gray button {color:#ffffff;}

.color-orange {color: #F85F37;}
.color-blue {color: #009BF3;}
.color-dark-blue {color: #0155AD;}

/* ------ Background Colors ------ */
.bg-dark-gray {background-color: #2C2C2C; color:rgba(243, 243, 243, 0.95);}
.bg-light-gray {background-color: #F3F3F3;}

/* ------ Uppercase Text ------ */
.uppercase {text-transform: uppercase;}

/* ------ Vertical Height ------ */
.vh-25 {min-height: 25vh;}
.vh-50 {min-height: 50vh;}
@media (min-width: 1400px) {
	.vh-60 {min-height: 60vh;}
}
.vh-75 {min-height: 75vh;}

/* ------ Page Card ------ */
.box-hc .card, .box-hc .card-footer,.box-js .card, .box-js .card-footer  {background-color: transparent; border: none;}
.box-hc .card-body, .box-js .card-body,.box-hc .card-footer, .box-js .card-footer {padding: 0;}

/* ------ Page Navigation ------ */
.nav-hc {background-color: #F85F37;}
.nav-js {background-color: #009BF3;}
.nav-hc .navbar,.nav-js .navbar {padding: .125rem 1rem;}
.nav-hc .navbar-brand,.nav-js .navbar-brand {color:#2C2C2C; font-size:inherit; font-weight: 700; padding-top: 0; padding-bottom: 0; text-transform: uppercase;}
.nav-hc .nav-item,.nav-js .nav-item { margin-bottom: 0;}
.nav-hc.navbar-light .navbar-nav .nav-link,.nav-js.navbar-light .navbar-nav .nav-link {color: #2C2C2C; font-weight: 500;}

/* ------ Anchor ------
.anchor {
	display: block;
  height: 125px;
  margin-top: -125px;
  visibility: hidden;
} */

/* ====== Accessibility ================ */

#skip-to-content {
  padding: 1em;
  position: absolute;
  top: -40px;
  left: 1em;
  z-index: 100000;
  color: white;
}

#skip-to-content:focus {
  position: absolute;
  top: 0;
  background: #222;
}