.header-logos-col {
  .site-logo--col {
  }
  .site-baseline--col {
  }

  .header-ctas--col {
  }
}

.site-baseline-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
}

.site-baseline--text,
.site-baseline--depts {
  font-family:
    "Open Sans Condensed",
    -apple-system,
    "BlinkMacSystemFont",
    "Segoe UI",
    "Roboto",
    "Oxygen-Sans",
    "Ubuntu",
    "Cantarell",
    "Helvetica Neue",
    sans-serif;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: center;
  color: white;
}

.logotext-baseline {
  font-family: arial;
  display: block;
  font-size: 1.01rem;
  line-height: 1.5em;
}

.site-baseline--text,
.site-baseline--depts {
  font-family:
    "Lato",
    -apple-system,
    "BlinkMacSystemFont",
    "Segoe UI",
    "Roboto",
    "Oxygen-Sans",
    "Ubuntu",
    "Cantarell",
    "Helvetica Neue",
    sans-serif;
  font-size: 1.125rem;
  line-height: 1.4;
  text-align: center;
  color: white;
}

.site-baseline--depts {
  font-size: 0.875rem;
  text-transform: uppercase;
}

.header-ctas {
  max-width: 256px;
  margin: 0 auto;
}

@media screen and (max-width: 1170px) {
  .header-ctas * {
    font-size: 0.875rem !important;
  }
}

@media screen and (max-width: 1024px) {
  .wp-block-columns.is-not-stacked-on-mobile.header-logos-col {
    flex-wrap: wrap !important;

    .site-logo--col {
    }

    .site-baseline--col {
    }

    .header-ctas--col {
      flex-basis: 100% !important;
      margin-top: 2rem;

      .header-ctas {
        margin: 0;
        display: flex;
        flex-flow: row nowrap;
        flex: 1 1 100% !important;
        max-width: 100%;
      }
    }
  }
}

@media screen and (max-width: 850px) {
  .site-baseline--depts {
    display: none;
  }
}

@media screen and (max-width: 706px) {
  .wp-block-columns.is-not-stacked-on-mobile.header-logos-col {
    flex-direction: column !important;
    gap: 2rem !important;

    .site-baseline-wrapper {
      padding: 0;

      .site-baseline {
        height: auto;
      }
    }

    .site-logo--col {
      flex-basis: 100% !important;
      flex-grow: 1 !important;
    }

    .site-baseline--col {
      flex-basis: 100% !important;
      flex-grow: 1 !important;

      .site-baseline {
        align-items: center;
        justify-content: center;
      }
    }

    .header-ctas--col {
      flex-basis: 100% !important;
      flex-grow: 1 !important;
      margin: 0;

      .header-ctas {
        flex-wrap: wrap !important;
      }
    }
  }
}