.brick--type--featured-content {
  display: flow-root;
}

.brick--type--featured-content .fc-heading {
  font-size: var(--size-18);
  font-weight: 400;
  font-family: "HelveticaNeue";
  line-height: var(--size-24);
  margin-bottom: var(--size-32);
  text-align: center;
  letter-spacing: 0.05em;
  color: black;
  text-transform: uppercase;
}
.col-4.feature-content-container {
  margin-top: var(--size-18);
}
.brick--type--featured-content .fc-info {
  color: #767676;
  font-size: var(--size-16);
  line-height: var(--size-24);
  text-align: left;
  margin-bottom: 4px;
  font-family: "HelveticaNeue";
}
.brick--type--featured-content .featured-content {
  background: white !important;
  margin-top: var(--size-32);
  margin-bottom: var(--size-32);
}

.brick--type--featured-content .featured-content yellowhrsep {
  margin-top: 0;
}

.brick--type--featured-content .fc-img-wrapper {
  margin-bottom: var(--size-16);
}

.brick--type--featured-content .fc-img-wrapper img {
  width: 100%;
  height: var(--size-194);
  object-fit: cover;
  object-position: center;
}

.brick--type--featured-content .fc-img-wrapper.fc-default-img-wrapper img {
  object-fit: cover;
}

.brick--type--featured-content .fc-img-wrapper.fc-external-img-wrapper img {
  width: auto;
}

.brick--type--featured-content .fc-title a {
  text-decoration: none;
  color: #003478;
  font-family: "HelveticaBold";
  font-size: var(--size-24);
  background: none;
}
.brick--type--featured-content .fc-title a:hover {
  text-decoration: underline;
}
.brick--type--featured-content .fc-desc {
  color: #404040;
  font-size: var(--size-18);
  line-height: var(--size-24);
  font-family: "HelveticaNeue";
}
.brick--type--featured-content .fearured-buttons {
  display: inline-flex;
  margin-bottom: var(--size-64);
  margin-top: var(--size-64);
}
.brick--type--featured-content .btn-yellow a {
  padding: var(--size-16) var(--size-32);
  border-radius: var(--size-50);
  background-color: #fdc82f;
  font-size: var(--size-18);
  line-height: var(--size-24);
  color: #000000;
  font-weight: bold;
  font-family: "HelveticaNeue";
  text-decoration: none;
  border: 1px solid transparent;
  display: inline-block;
}

.brick--type--featured-content .btn-yellow a:hover {
  background-color: #f2a517;
}

.brick--type--featured-content .addl-button a {
  padding: var(--size-16) var(--size-32);
  font-size: var(--size-18);
  border-radius: var(--size-50);
  background-color: #ffffff;
  color: #000000;
  display: inline-block;
  font-family: HelveticaNeue;
  border: 1px solid transparent;
  text-decoration: none;
  border: 1px solid #dfdfdf;
  margin-left: var(--size-30);
  font-weight: bold;
  line-height: var(--size-24);
}
.brick--type--featured-content .addl-button a:hover {
  background-color: #e6f3f8;
  text-decoration: none;
}

yellowhrsep {
  display: block;
  width: var(--size-112);
  height: var(--size-2);
  background-color: #fdc82f;
  margin: var(--size-32) auto var(--size-32);
}

.brick--type--featured-content .fc-author {
  font-family: "HelveticaNeue";
  font-style: normal;
  font-weight: 600;
  font-size: var(--size-16);
  line-height: var(--size-20);
  margin-bottom: 8px;
  margin-top: 8px;
}

@media only screen and(min-width:630px) and(max-width:768px) {
  .brick--type--featured-content .fearured-buttons {
    display: inline-flex;
  }
}
@media (max-width: 991px) {
  .brick--type--featured-content .featured-content {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .brick--type--featured-content .feature-content-container {
    margin-bottom: 14px;
    text-align: left;
  }
  .brick--type--featured-content .fc-heading {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .col-4.feature-content-container {
    margin-top: 14px;
  }
  .brick--type--featured-content {
    width: 100% !important;
  }

  .brick--type--featured-content .fc-img-wrapper img {
    width: auto;
    height: auto;
  }
  .brick--type--featured-content .fc-info {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: center;
    margin-top: 12px;
  }

  .brick--type--featured-content .fc-title {
    margin-bottom: 12px;
  }

  .brick--type--featured-content .fc-title a {
    font-size: 20px;
  }
  .brick--type--featured-content .fc-desc {
    font-size: 18px;
    line-height: inherit;
    margin-bottom: 12px;
  }
  .brick--type--featured-content .fc-img-wrapper {
    margin-bottom: 12px;
    text-align: center;
  }
  .brick--type--featured-content .fearured-buttons {
    display: block;
  }
  .brick--type--featured-content .btn-yellow a {
    padding: 12px 20px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 50px;
    background-color: #fdc82f;
    color: #000000;
    margin-top: var(--size-32);
    display: inline-block;
    font-family: HelveticaNeue;
    border: 1px solid transparent;
    text-decoration: none;
    margin-bottom: 20px;
  }
  .brick--type--featured-content .addl-button a {
    padding: 12px 20px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 50px;
    background-color: #ffffff;
    color: #000000;
    margin-top: var(--size-32);
    display: inline-block;
    font-family: HelveticaNeue;
    border: 1px solid transparent;
    text-decoration: none;
    border: 1px solid #dfdfdf;
    margin-bottom: 20px;
  }

  .brick--type--featured-content .fc-author {
    font-size: 14px;
    line-height: 24px;
  }

  yellowhrsep {
    margin: 32px auto 32px;
    width: 100px;
    height: 2px;
  }
}
@media only screen and (min-width: 630px) and (max-width: 991px) {
  .brick--type--featured-content .fc-img-wrapper {
    width: 47% !important;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    text-align: left;
  }
  .brick--type--featured-content .fc-content-wrapper {
    width: 49% !important;
    display: inline-block;
    text-align: left;
  }
  .brick--type--featured-content .fc-info {
    margin-top: 0;
    text-align: left;
  }

  .brick--type--featured-content .fc-img-wrapper img {
    width: 100%;
    height: 194px;
  }
}

@media (max-width: 630px) {
  .brick--type--featured-content .feature-content-container {
    text-align: center;
  }
}