/**
 * footer component styling, promoted verbatim from the gulp-compiled build
 * artifact (dist/css/footer.css) to a permanently tracked static file.
 *
 * Source: src/stories/components/footer/footer.scss (still present and
 * tracked -- unlike program-finder.css, this is a build-pipeline
 * retirement, not a source-loss recovery).
 *
 * REAL CONSUMER: src/templates/layout/page.html.twig (and
 * page--search.html.twig, page--search--google.html.twig,
 * page--4xx.html.twig) attach `lehigh_coe_theme/footer` on every page via
 * the sitewide layout template. footer.twig itself was already deleted in
 * Phase 5 Batch E; only the CSS survives, and it remains real, live,
 * sitewide styling for the site footer region.
 *
 * PROMOTION CONTEXT (Phase 10 Batch C): this theme's gulp/Sass build
 * pipeline is being retired as part of the SDC conversion. The rules
 * below are transcribed verbatim from the current production build
 * output (dist/css/footer.css), keeping only the genuinely
 * footer-specific rules and excluding the shared Bootstrap/theme preamble
 * (font-face declarations, base typography, resets, rich-text/list
 * styles) that duplicate content already covered by css/base/*.css and
 * css/global.css. Verified via full-content diff against the real,
 * currently-served dist/css/footer.css build artifact (not a bare Sass
 * recompile -- a bare recompile misses autoprefixer-added
 * vendor-prefixed declarations) (see task-1-report.md for the exact
 * command/output).
 * Zero intended visual change from the current live CSS.
 */

.site-footer {
  color: #fff;
}

@media (min-width: 992px) {
  .region-footer-first {
    margin-top: -4px;
  }
}

@media (max-width: 991.98px) {
  .region-footer-second {
    margin-block-start: 30px;
  }
  .region-footer-third {
    margin-block: 30px;
    overflow: hidden;
    padding-block: 30px;
    position: relative;
  }
  .region-footer-third::before, .region-footer-third::after {
    content: "";
    width: calc(100% - 30px);
    height: 1px;
    background-color: #88644b;
    position: absolute;
    display: block;
  }
  .region-footer-third::before {
    top: 0;
  }
  .region-footer-third::after {
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .region-footer-third {
    border-left: 1px solid #88644b;
  }
}

.region--footer-bottom {
  text-align: center;
}
.region--footer-bottom > * {
  height: -moz-fit-content;
  height: fit-content;
  line-height: 1.6;
}
.region--footer-bottom > *:last-child {
  margin-left: auto;
}
@media (max-width: 575.98px) {
  .region--footer-bottom > *:last-child {
    margin: auto;
  }
}
@media (min-width: 768px) {
  .region--footer-bottom {
    text-align: right;
  }
}
.region--footer-bottom svg {
  max-width: 200px;
}
.region--footer-bottom .copyright {
  font-size: 0.875rem !important;
}

@media (min-width: 992px) {
  .region--footer-bottom {
    position: relative;
  }
  .region--footer-bottom::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #88644b;
    position: absolute;
    top: 0;
    display: block;
  }
}
.footer-menu a,
.footer-utility-menu a {
  color: inherit;
  display: block;
  font-size: 0.875rem !important;
  font-weight: 700;
  text-decoration: none;
}
.footer-menu a:hover, .footer-menu a:focus,
.footer-utility-menu a:hover,
.footer-utility-menu a:focus {
  text-decoration: underline;
}

.region-footer-second .footer-menu,
.footer-menu .submenu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  .region-footer-second .footer-menu {
    margin-block-start: 32px;
  }
}
@media (max-width: 991.98px) {
  .footer-menu .submenu {
    margin-top: 12px;
  }
}
@media (max-width: 767.98px) {
  .footer-menu .nav-item.menu-item--expanded:not(:first-of-type) {
    margin-block-start: 30px;
  }
}

@media (max-width: 767.98px) {
  .footer-utility-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-block: 16px 30px !important;
  }
}

.btn-footer {
  background-color: #ffe41e !important;
  border-color: #ffe41e !important;
  border-radius: 4px !important;
  color: #000 !important;
  line-height: 1 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  min-height: auto !important;
  min-width: 200px !important;
}
@media (max-width: 767.98px) {
  .btn-footer {
    width: 100% !important;
  }
}
.btn-footer:hover, .btn-footer:focus {
  background-color: #fff !important;
  border-color: #ffe41e !important;
  text-decoration: none !important;
}