@font-face {
    font-family: "Trajan Pro";
    src: url(fonts/TrajanPro-Regular.otf);
}

@font-face {
    font-family: "Trajan Pro";
    font-weight: 600;
    src: url(fonts/TrajanPro-Bold.otf);
}

@font-face {
  font-family: "Avenir Next";
  src: url(fonts/AvenirNext-Regular.ttf);
}

body {
  font-family: 'Avenir Next';
}

address {
  font-style: initial;
}

a {
  color: black;
}

a:hover {
  color: #0099AB;
}

.bg-green {
  background-color: #0099AB !important;
}

.is-green {
  color: #0099AB !important;
}

.is-red {
  color: #CF142B !important;
}

.is-yellow {
  color: #C49E0D !important;
}

.hide {
  display: none !important;
}

.trajan-font {
  font-family: 'Trajan Pro';
}

.avenir-font {
  font-family: 'Avenir Next';
}

.is-bold {
  font-weight: 600;
}

.is-vertical {
  flex-direction: column;
}

.is-200x200 {
  height: 200px;
  width: 200px;
}

.smaller {
  font-size: 0.75em;
}

small {
  font-size: 0.5em;
}

@media only screen and (min-width: 769px) {
 .logo {
   height: 175px;
 }
}

.header-brand {
  padding: 2rem 5rem;
  position: relative;
}

.header-brand::after {
  content: "";
  background-image: url(images/stethoscope-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.15;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

.tagline {
  width: 65%;
  text-align: center;
  padding: 0.5rem 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-bottom: 1rem;
}

.tagline-banner {
  background-color: #C49E0D;
  text-align: center;
  color: white;
  padding: 0.5rem;
}

.tagline-banner span {
  width: 100%;
}

.navbar {
  justify-content: center;
  box-shadow: 0 0 10px 1px rgba(0,0,0,0.50);
}

.navbar-burger {
  color: white;
}

.navbar-menu {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  justify-content: space-around;
  max-width: 800px;
}

.menu-link {
  color: white;
  font-size: 1.25rem;
}

.portal-link {
  background-color: white;
  color: #cd1731;
  border: 1px solid white;
}

@media only screen and (min-width: 768px) {
  .portal-link {
    border-radius: 5px;
  }
}

a.menu-link:hover {
  background-color: rgba(59, 168, 181, 0.78);
  border-radius: 5px;
  color: white;
}

.footer {
  padding: 2rem;
  color: #fff;
}

.footer__row p {
  margin-bottom: 1rem;
}

.grand-opening-text {
  text-align: center;
  color: grey;
  text-decoration: underline;
  text-decoration-color: #C49E0D;
}

.main-content {
  position: relative;
}

.main-content::after {
  content: "";
  background-image: url(images/abstract-curve.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.15;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

.content-block {
  box-shadow: 0 2px 4px 0 grey;
}

.contain-feature-img {
  height: 400px;
  background-image: url(images/demographics.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contain-feature-text {
  color: white;
  padding: 2rem;
  background-color: #0099AB;
}

.feature-heading {
  font-family: 'Trajan Pro';
  color: white;
  text-shadow: 0 1px 1px grey;
}

.homepage__cta {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.homepage__cta .card-footer {
  margin-top: auto;
}

.about-doctor-cta {
  display: flex;
  align-items: center;
  flex-direction: column;  
  margin: 4rem 0;
}

.headshot-img {
  height: 200px;
  width: 200px;
  margin-bottom: 1rem;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 lightgrey;
}

.headshot-img img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.headshot--professional {
  box-shadow: 0 2px 4px 0 lightgrey;
  border: 1px solid lightgrey;
}

@media only screen and (min-width: 769px) {
  .about-doctor-cta {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin: 6rem 0;
  }

  .headshot-img {
    position: absolute;
    left: 0;
  }
}

.cta-content {
  background-color: white;
  border: 2px solid #C49E0D;
  box-shadow: 0 2px 4px 0 lightgrey;
  width: 90%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sidebar {
  display: flex;
  flex-direction: column;
  padding-left: 1.5rem;
}

.sidebar__section+.sidebar__section {
  margin-top: 2rem;
}

.sidebar__section-header {
  color: #CF142B;
  font-family: 'Trajan Pro', serif;
  font-weight: 600;
}

.sidebar__hours {
  margin-top: 1rem;
}

.flu-shot-img {
  margin: 1rem 0;
}

ul.services-list {
  list-style: none;
}

.services-list li {
  font-size: 1.25rem;
}

.logo--contact {
  margin-bottom: 2rem;
}

.contact-field-label {
  font-family: 'Trajan Pro';
  color: #0099AB;
  padding-right: 2rem;
}

.contact-info-table {
  border-collapse: separate;
  border-spacing: 20px;
}

.contact-info-table td {
  /*height: 50px;*/
}

.map-location-img {
  width: 70%;
}

.covid-popup a {
  color: #0099AB;
}

.covid-popup__logo {
  padding-bottom: 2rem;
}

.covid-popup__logo img {
  height: 150px;
}

.covid-popup__container {
  background-color: #FFF;
  padding: 2rem;
  z-index: 10;
  overflow-y: scroll;
}

@media only screen and (max-width: 700px) {
  .covid-popup__container {
    max-height: 550px;
  }
}

.providers-list {
  padding: 1rem 0;
}

.bcbs {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.providers-list-item {
  font-size: 1.25rem;
}

@media only screen and (min-width: 769px) {
  .providers-list-item+.providers-list-item::before {
    content: "•";
    color: #fff;
    padding: 0 1rem;
  }

  .providers-list {
    justify-content: center;
    align-items: center;
  }
}