@font-face {
   font-display: swap; 
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h6 {
    font-family: 'Montserrat', sans-serif; 
    font-kerning: none;
    letter-spacing: .03em;
    
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h6 {
    /*letter-spacing: 1px;*/
    margin-top: 0;
    margin-bottom: .5rem;
}

@media(max-width: 1024px){
  h1, .h1 {
font-size:2.5rem;
} 
h2, .h2 {
font-size:1.75rem;
} 
h3, .h3 {
font-size:1.25rem;
} 

}
p,
li{
    font-family: "Montserrat", sans-serif;
    /*font-weight: bolder;*/
    font-size: 1rem;
    line-height: 1.4;
}
label {
    color: #000;
    font-family: "Montserrat", sans-serif;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

body {
    background-color: #fff;
    font-weight:500!important;
}
 .h1, .h2, .h3, .h4, .h5 {
     font-weight: 700!important;
 }
::selection {
  background-color: #171f29;
  color: #a8dcd9;
}
.row-cols-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.text-decoration-underline {
    text-decoration: underline;
}
small, .small {
    color: #757575;
}
.p-6 {
    padding: 6rem !important;
}

@media(min-width: 768px){
    .p-md-6{
        padding: 6rem !important;
    }
}

.fw-bold {
    font-weight: 700;
}

.card-title {
    font-family:inherit;
}

/*.section-people .card-profile img.rounded-circle {
    opacity: .5;
}

.section-people .card-profile:hover img.rounded-circle {
    opacity: 1;
}*/

/** BRAND COLORS **/

.bg-teal-dark,
.bg-dark-teal {
	background-color: #009791;
	background-color: #00837e;
}

.bg-teal-light,
.bg-light-teal {
	background-color: #00a79e;
}

.bg-fire {
	background-color: #ed1a38;
}

.bg-navy {
	background-color: #004d5d;
}

.bg-sky {
	background-color: #a8dcd9;
}

.bg-steel {
	background-color: #98a8ab;
}

.bg-citrus {
	background-color: #f26533;
}

.bg-midnight,
.bg-dark-blue {
	background-color: #171f29;
}

.bg-charcoal {
	background-color: #667375;
}

.bg-light-gray,
.bg-light-grey {
	background-color: #e5e8eb;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000;
}

.text-teal-dark {
	color: #00837e;
}

.text-teal-light {
	color: #00a79e;
}

.text-fire {
	color: #ed1a38;
}

.text-navy {
	color: #004d5d;
}

.text-citrus {
	color: #f26533;
}

.text-sky {
	color: #a8dcd9;
	transition: color 250ms;
}

a.text-sky:hover,
a.text-sky:focus,
a.text-sky:active,
a.text-steel:hover,
a.text-steel:focus,
a.text-steel:active {
    color: #fff !important;
}

a.text-steel:focus{
    border: 1px solid #dedede;
}

.text-steel {
	color: #98a8ab;
	transition: color 250ms;
}

.text-midnight,
.text-dark-blue{
	color: #171f29;
}

.text-charcoal {
	color: #667375;
}

.text-light-gray,
.text-light-grey {
    color: #e5e8eb;
}

a.text-white {
    transition: color 250ms;
}

a.text-white:hover,
a.text-white:focus,
a.text-white:active {
    color: #f26533 !important;
}

a.text-black {
    color: #000;
}

a.text-black:hover,
a.text-black:focus,
a.text-black:active {
    color: #f26533 !important;
}

a.text-teal-dark:hover,
a.text-teal-dark:focus,
a.text-teal-dark:active {
    color: #171f29;
}

a.text-citrus:hover,
a.text-citrus:focus,
a.text-citrus:active {
    color: #f26533;
}

.font-weight-bold {
	font-weight: 700!important;
}

.font-weight-light {
	font-weight: 300!important;
}

a {
    color: #171f29;
    transition: 250ms;
}

a:hover,
a:focus,
a:active {
    color: #171f29;
    text-decoration: underline;
}

/** Brand Buttons **/

.btn{
    text-transform: uppercase;
    border-radius: 2rem;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    font-weight: bold;
    font-size: .85rem;
    letter-spacing: .25rem;
}
.btn-sm {
   border-radius: 2rem; 
}

@media(max-width: 1199px){
    .btn{
        white-space: pre-line;
    }
}

.btn-outline-light-blue,
.btn-outline-sky {
    color: #a8dcd9;
    border-color: #a8dcd9;
}


.btn.btn-outline-light-blue:hover,
.btn.btn-outline-light-blue:active,
.btn.btn-outline-light-blue:focus,
.btn.btn-outline-sky:hover,
.btn.btn-outline-sky:active,
.btn.btn-outline-sky:focus{
    background-color: #a8dcd9;
    border-color: #a8dcd9;
}

.btn-outline-red,
.btn-outline-fire {
    color: #ed1a38;
    border-color: #ed1a38;
}

.btn.btn-outline-red:hover,
.btn.btn-outline-red:active,
.btn.btn-outline-red:focus,
.btn.btn-outline-fire:hover,
.btn.btn-outline-fire:active,
.btn.btn-outline-fire:focus {
    background-color: #ed1a38;
    border-color: #ed1a38;
}
.btn.btn-default {
        color: #ed1a38;
    border-color: #ed1a38;
}
.btn.btn-default:hover,
.btn.btn-default:active
.btn.btn-default:hover {
       background-color: #ed1a38;
    border-color: #ed1a38; 
}
.btn.btn-outline-light-teal {
    color: #00a79e;
    border-color: #00a79e;
}

.btn.btn-outline-light-teal:hover,
.btn.btn-outline-light-teal:active,
.btn.btn-outline-light-teal:focus,
.btn.btn-outline-light-teal:hover,
.btn.btn-outline-light-teal:active,
.btn.btn-outline-light-teal:focus {
    background-color: #00a79e;
    border-color: #00a79e;
    color: #fff;
}

.btn.btn-outline-white {
    color: #000;
    border-color: #fff;
}

.btn.btn-outline-white:hover,
.btn.btn-outline-white:active,
.btn.btn-outline-white:focus,
.btn.btn-outline-white:hover,
.btn.btn-outline-white:active,
.btn.btn-outline-white:focus {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.btn.btn-outline-black {
    color: #000;
    border-color: #000;
}

.btn.btn-outline-black:hover,
.btn.btn-outline-black:active,
.btn.btn-outline-black:focus,
.btn.btn-outline-black:hover,
.btn.btn-outline-black:active,
.btn.btn-outline-black:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.btn.btn-outline-dark-teal {
    color: #00837e;
    border-color: #00837e;
}

.btn.btn-outline-dark-teal:hover,
.btn.btn-outline-dark-teal:active,
.btn.btn-outline-dark-teal:focus,
.btn.btn-outline-dark-teal:hover,
.btn.btn-outline-dark-teal:active,
.btn.btn-outline-dark-teal:focus {
    background-color: #00837e;
    border-color: #00837e;
    color: #fff;
}

.btn.btn-outline-navy {
    color: #004d5d;
    border-color: #004d5d;
}

.btn.btn-outline-navy:hover,
.btn.btn-outline-navy:active,
.btn.btn-outline-navy:focus,
.btn.btn-outline-navy:hover,
.btn.btn-outline-navy:active,
.btn.btn-outline-navy:focus {
    background-color: #004d5d;
    border-color: #004d5d;
    color: #fff;
}

.btn.btn-outline-steel {
    color: #98a8ab;
    border-color: #98a8ab;
}

.btn.btn-outline-steel:hover,
.btn.btn-outline-steel:active,
.btn.btn-outline-steel:focus,
.btn.btn-outline-steel:hover,
.btn.btn-outline-steel:active,
.btn.btn-outline-steel:focus {
    background-color: #98a8ab;
    border-color: #98a8ab;
    color: #fff;
}

.btn.btn-outline-midnight {
    color: #171f29;
    border-color: #171f29;
}

.btn.btn-outline-midnight:hover,
.btn.btn-outline-midnight:active,
.btn.btn-outline-midnight:focus,
.btn.btn-outline-midnight:hover,
.btn.btn-outline-midnight:active,
.btn.btn-outline-midnight:focus {
    background-color: #171f29;
    border-color: #171f29;
    color: #fff;
}

.btn.btn-outline-charcoal {
    color: #667375;
    border-color: #667375;
}

.btn.btn-outline-charcoal:hover,
.btn.btn-outline-charcoal:active,
.btn.btn-outline-charcoal:focus,
.btn.btn-outline-charcoal:hover,
.btn.btn-outline-charcoal:active,
.btn.btn-outline-charcoal:focus {
    background-color: #667375;
    border-color: #667375;
    color: #fff;
}

.btn.btn-outline-light-gray {
    color: #e5e8eb;
    border-color: #e5e8eb;
}

.btn.btn-outline-light-gray:hover,
.btn.btn-outline-light-gray:active,
.btn.btn-outline-light-gray:focus,
.btn.btn-outline-light-gray:hover,
.btn.btn-outline-light-gray:active,
.btn.btn-outline-light-gray:focus {
    background-color: #e5e8eb;
    border-color: #e5e8eb;
    color: #667375;
}

.btn.btn-outline-citrus {
    color: #f26533;
    border-color: #f26533;
}

.btn.btn-outline-citrus:hover,
.btn.btn-outline-citrus:active,
.btn.btn-outline-citrus:focus
{
    background-color: #f26533;
    border-color: #f26533;
    color: #171f29;
}

.btn-fire-sm {
    background-color: #ed1a38;
    color: #fff;
    border-color: #ed1a38;
    text-align: center;
    border-radius: 2rem;
    font-size: .875rem;
    padding: 4px 10px;
    margin: 0.3125rem 1px;
}

.btn.btn-fire-sm:hover,
.btn.btn-fire-sm:active,
.btn.btn-fire-sm:focus {
    color: #ed1a38;
    background-color: #fff;
    border-color: #ed1a38;
}

.btn-citrus-sm {
    background-color: #f26533;
    color: #fff;
    border-color: #f26533;
    text-align: center;
    border-radius: 2rem;
    font-size: .875rem;
    padding: 4px 10px;
    margin: 0.3125rem 1px;
}

.btn.btn-citrus-sm:hover,
.btn.btn-citrus-sm:active,
.btn.btn-citrus-sm:focus {
    color: #f26533;
    background-color: #fff;
    border-color: #f26533;
}
@media (max-width: 1199px) {
    .btn {
        white-space: inherit;
    }
}
    
/****TYPOGRAPHY****/
    
@media(max-width: 480px){
    h1, .h1 {
        font-size: 2.75rem;
    }
    
    h2, .h2 {
        line-height: 1.2em;
    }
}

.font-weight-regular {
    font-weight: 400;
}
.font-weight-medium {
    font-weight: 500;
}
.font-weight-semiBold {
    font-weight: 600;
}
.form-control, label, input::placeholder {
    line-height: revert;
}

.letter-spacing{
    letter-spacing: 1;
}

.letter-spacing-4 {
    letter-spacing: 4;
}

@media(max-width: 900px){
    h1, .h1 {
        font-size: 1.8rem;
    }
    h2, .h2 {
        font-size: 1.25rem;
    }
}


/****MISC****/

.shadow {
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

/* Properties for round images to go from b&w to color and zoom*/
/*Please refer to PeopleSection component*/

.img-wrapper {  
  max-width: 100%;
  height: auto;
  overflow: hidden; 
}

.inner-img {
  filter: grayscale(100%);
  transition: 0.3s cubic-bezier(0.1, 0.2, 0.3, 0.4);
}

.inner-img:hover {
  transform: scale(1.25);
  filter: grayscale(0%);
}