* {
  border-radius: 0!important;
  font-family: 'Montserrat', sans-serif;
}

body {
  background: #fbfbfb;
  padding-top: 9rem;
}

h1, h2, h3, h4 {
  color: var(--bs-primary);
}

h1 {
  font-size: clamp(2rem, -0.875rem + 4vw, 2.5rem)!important;
}

/* .intro {position: relative}

.intro::after {
  position:absolute;
  content:"";
  top:2rem;
  right:0;
  left:0;
  height:50%;
  z-index: -1;
  -webkit-box-shadow: 0 -5px 2px 3px rgba(25,25,25,.1);
  box-shadow: 0 -5px 2px 3px rgba(25,25,25,.1);
} */

#homepage-header {
  background: url("../../assets/img/cha-hero-mix.jpg") no-repeat;
  /*background: url("//source.unsplash.com/JV0y2YgXJcY") no-repeat;*/
  min-height: 60vh;
  background-size: cover;
  background-position: 50% 70%;
}

#homepage-post-hero .container {
  background: white;
  margin-top: -5rem;
  padding-top: 1rem;
}

.card {
  border: 0;
  border-bottom: 3px solid transparent;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  transform: scale(1);
  transition: .3s ease-in-out;
  margin-bottom: 1rem;
}

.faux-card {
  transition: .3s ease-in-out;
  border-bottom: 3px solid transparent;
  padding-bottom: -3px!important;
}

.faux-card .col-4 {
  margin-bottom: -3px;
}

.card:not(.staffcard):hover, .faux-card:hover {
  border-bottom: 3px solid var(--bs-primary);
}

#wtf .row {
  /*border: 1px solid lime;*/
  background: white;
}

a {
  color: var(--bs-primary);
}

.stretched-link {
  text-decoration: none;
}

/* Inner Pages */

#inner-header {
  margin-top: 2rem;
}

#inner-header p {
  color: var(--bs-warning);
}

#inner-header .text-column {
  padding: 1rem 2rem;
}

.btn-outline-warning:hover {
  color: white !important;
}

/* Footer Section */

footer {
  margin-top: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: var(--bs-warning);
  background: var(--bs-primary);
}

.staffpic {
  margin: -50px auto 5px;
  max-width: 200px!important;
  height: auto;
  width: 80%!important;
}

#staff {
  margin-top: 90px;
}

.contact-block a {
  margin-right: 1rem;
}

#current-projects {
  scroll-margin-top: 180px;
}

.staffdrop {
  margin-bottom: 90px!important;
}

.bg-darkgreen {
  background: #177a17;
}

.border-10-white {
  border: 10px solid white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.card-title {
  color: var(--bs-primary);
}

.text-column h1, .text-column h3 {
  color: var(--bs-light);
}

.h5 {
  color: var(--bs-primary);
}

