/* FONT */
h2,
h3 {
  color: var(--darkgray);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3333;
  margin: 1.25rem 0;
}

h3 {
  font-size: 1.125rem;
}

h4 {
  color: var(--darkgray);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0.625rem 0;
}

@font-face {
  font-family: "FlexoBold";
  src: url("../fonts/Flexo/Flexo-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "FlexoMedium";
  src: url("../fonts/Flexo/Flexo-Medium.woff2") format("woff2");
}

/* FOOTER */
footer {
  --bawblue: #2c63b1;
  --darkblue: #00447a;
  --darkblue2: #003d6e;
  --darkblue3: #003662;
  --turquoise: #00a8b8;
  --lightblue5: #39738e;
  --white: #fff;
  --black: #000;
  --lightgray: #f4f4f4;
  --gray: #c7c7c7;
  --middlegray: #878787;
  --darkgray: #4f4f4f;
  --normal-width: calc(100% - 30px);
  --max-with: 74em;

  /* BAW Style */
  margin: unset;
  background-color: var(--darkblue3);
  color: var(--white) !important;
  font-size: 0.8125rem;
  font-family: FlexoMedium, sans-serif;

  /* Body */
  font-weight: 500;
  line-height: 1.5;
  padding: 0;
  display: flex;
  flex-direction: column;

  /* Reset DRF Style */
  position: unset;
  bottom: unset;
  left: unset;
  clear: unset;
  height: unset;
  width: unset;
}

footer h2 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333;
  margin: 0 0 1.25rem;
  color: var(--white);
}

footer a {
  color: inherit !important;
  text-decoration: none;
}

/* Remove DRF Style */
footer p {
  text-align: unset;
  color: inherit;
  border-top: unset;
  padding-top: unset;
}

footer div p {
  margin: 0 0 1.25rem;
}

.footer-wrapper {
  display: flex;
  height: calc(100% - 60px);
  margin: auto;
  max-width: var(--max-with);
  width: var(--normal-width);
  padding: 30px 0;
  flex-direction: column;
}

.vertical-line {
  width: 100%;
  height: 1px;
  margin: 30px 0;
  background-color: var(--lightblue5);
}

@media screen and (min-width: 850px) {
  .footer-wrapper {
    flex-direction: row;
  }

  .vertical-line {
    width: 1px;
    height: auto;
    margin: 0 30px;
    background-color: var(--lightblue5);
  }

  .footer-wrapper > div:not(.vertical-line) {
    width: 33%;
  }
}

.footer-links {
  display: flex;
  flex-direction: column;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  box-sizing: unset !important;
  -webkit-box-sizing: unset !important;

  /* 16:9 */
  height: 0;
}

.iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* PLACEHOLDER */
.placeholder {
  width: 100%;
  background-color: var(--gray);
  justify-content: center;
  align-items: center;
  display: flex;
}

.banner-image {
  width: 100%;
}

.hover-gray:hover {
  background-color: var(--gray);
}

.hover-light-gray:hover {
  background-color: var(--lightgray);
}

.bold {
  font-family: "FlexoBold", sans-serif;
}