#searchModal .modal-content .modal-body #search-term, .main-nav .top-link, footer .footer-heading  {
  font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 1.25rem;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
}


header {
  font-family: 'Poppins', sans-serif;
}

#skip-to-content:focus {
  outline: 0;
}
#skip-to-content:focus-visible {
  outline: 2px dashed #fafafa;
  outline-offset: 2px;
}

#main-nav-container {
  padding: 2rem 2.5rem;
  width: 100%;
  background-color: #003366;
  color: #fafafa;
  z-index: 5000;
  overflow-y: auto;
}

.nav-toggle span {
  font-size: 0.95rem;
}

.main-nav .nav-toggle {
  transition: transform 0.25s ease-in-out;
}

@media (min-width: 768px) {
  .top-nav-bar .nav-links-container {
    height: auto;
    display: block;
  }
  #main-nav-container {
    display: flex;
    padding: 0;
    background-color: white;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: unset;
    overflow-y: unset;
  }
}
.main-nav {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
}
.main-nav a {
  text-decoration: none;
}
.main-nav .btn-group {
  display: inline-flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
}
.main-nav .btn-group .top-link:focus {
  outline: 0;
}
.main-nav .btn-group .top-link:focus-visible {
  outline: 2px dashed #98d2ff;
  outline-offset: 2px;
}
.main-nav .btn-group .top-link:hover {
    font-weight: normal;
  color: #c94d18;
}
.main-nav .btn-group .nav-toggle:focus {
  outline: 0;
}
.main-nav .btn-group .nav-toggle:focus-visible {
  outline: 2px dashed #98d2ff;
  outline-offset: 4px;
  z-index: 999;
}
.main-nav .btn-group .nav-toggle:hover {
  border-top-color: #c94d18;
}
.main-nav .btn-group.show .top-link::before {
  display: block;
  content: "";
  position: absolute;
  top: 1.9375rem;
  left: 50%;
  right: auto;
  margin-left: -14px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 14px 13px 14px;
  border-color: transparent transparent #325b83 transparent;
  transition: opacity 0.1s 0s ease-in-out;
}
@media (min-width: 768px) {
  .main-nav .btn-group {
    border-bottom: 0;
    padding: 0.5rem 0.25rem;
  }
  .main-nav .btn-group.show {
    color: #ff6600;
  }
}
@media (min-width: 992px) {
  .main-nav .btn-group {
    padding: 0.5rem;
  }
}
.main-nav .right-nav .btn-group {
  border-bottom: 0;
}
.main-nav .right-nav .btn-group:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.main-nav .top-link {
    /* TODO: Revisit for mobile */
  width: 80%;
  text-align: left;
  color: #fafafa;
  flex: 1 1 auto;
  text-transform: uppercase;
  padding: 0.5rem;
  font-size: 1.25rem;
  min-width:44px;
  min-height: 44px; /* or whatever height you need */
  display: flex;
  align-items: center; /* vertical alignment */
  justify-content: center; /* optional: horizontal alignment */

}

@media (max-width: 870px) {
  .main-nav .top-link {
    font-size: 1rem!important;
  }
}

@media (min-width: 768px) {
  .main-nav .top-link {
    width: unset;
    text-align: left;
    color: #003366;
    text-transform: none;
    padding: 0;
    font-size: 1.2rem;
    letter-spacing: 0.015rem;
  }
}
.main-nav .nav-toggle {
  border: 0;
  font-size: 0;
  background-color: #003366;
  cursor: pointer;
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-left: 6px solid #003366;
  border-right: 6px solid #003366;
  border-top: 6px solid #fafafa;
}
.main-nav .nav-toggle:focus {
  outline: 0;
}
.main-nav .nav-toggle:focus-visible {
  outline: 2px dashed #003366;
  outline-offset: 4px;
  z-index: 999;
}
.main-nav .nav-toggle.show {
  transform: rotate(180deg);
  border-left: 6px solid #003366;
  border-right: 6px solid #003366;
  border-top: 6px solid #fafafa;
}
@media (min-width: 768px) {
  .main-nav .nav-toggle {
    position: relative;
    top: 2px;
    background-color: #fafafa;
    border-left: 6px solid #fafafa;
    border-right: 6px solid #fafafa;
    border-top: 6px solid #003366;
    margin-left: 0.25rem;
  }
  .main-nav .nav-toggle.show {
    transform: rotate(180deg);
    border-left: 6px solid #fafafa;
    border-right: 6px solid #fafafa;
    border-top: 6px solid #003366;
  }
}
@media (min-width: 992px) {
  .main-nav .nav-toggle {
    margin-left: 0.5rem;
  }
}
.main-nav .nav-submenu {
  width: 100%;
  border-radius: 0;
  position: static;
  background-color: #003366;
  padding: 0.5rem;
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1rem;
  text-transform: none;
  border: 0;
}
.main-nav .nav-submenu li:hover {
  background-color: #003366;
}
    .main-nav .nav-submenu li:hover a {
        color: #fafafa;
        text-decoration: underline;
    }
.main-nav .nav-submenu a {
  color: #fafafa;
}
.main-nav .nav-submenu a:focus {
  outline: 0;
}
.main-nav .nav-submenu a:focus-visible {
  outline: 2px dashed #98d2ff;
  outline-offset: 2px;
}
.main-nav .nav-submenu a:active {
  color: #325b83 !important;
}
@media (min-width: 768px) {
  .main-nav .nav-submenu a {
    display: block;
    height: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    font-weight: normal;
  }
}
@media (min-width: 768px) {
  .main-nav .nav-submenu {
    position: absolute;
    margin-top: 0px;
    padding: 0;
    z-index: 0;
    background-color: #325b83;
  }
}

@media (min-width: 768px) {
  .main-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: unset;
    margin: 0;
    padding: 0;
  }
  .main-nav.left-nav {
    margin-left: 0;
    margin-right: 62.5px;
    width: calc(50% - 62.5px);
    justify-content: space-around;
  }
  .main-nav.right-nav {
    margin-right: 0;
    margin-left: 62.5px;
    width: calc(50% - 62.5px);
    justify-content: space-around;
  }
}
@media (min-width: 992px) {
  .main-nav.left-nav {
    margin-right: 117px;
    width: calc(50% - 117px);
  }
  .main-nav.right-nav {
    margin-right: 0;
    margin-left: 117px;
    width: calc(50% - 117px);
    justify-content: space-around;
  }
}
.main-nav-footer {
  padding: 2.5rem 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  .main-nav-footer {
    display: none;
  }
}
.top-nav-bar {
  font-size: 1rem;
  font-weight: bold;
  box-shadow: 0 0.25rem 0.25rem rgba(var(--bs-body-color-rgb), 0.2);
  background-color: #001b3b;
  border-bottom: #ff6600 3px solid;
  height: 65px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: top 0.75s;
  /* mobile header*/
  /* Navigation */
}
.top-nav-bar .shield-container {
  display: none;
}
.top-nav-bar .mobile-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 100%;
}
.top-nav-bar .mobile-header .logo .mcc-mobile-logo {
  padding: 0 1rem;
  max-height: 26px;
}
.top-nav-bar .mobile-header .logo a:focus {
  outline: 0;
}
.top-nav-bar .mobile-header .logo a:focus-visible {
  outline: 2px dashed #98d2ff;
  outline-offset: 2px;
  z-index: 999;
}
.top-nav-bar .mobile-header .logo a:active {
  background-color: #325b83;
  color: currentcolor;
}
.top-nav-bar .mobile-header .header-action-buttons {
  font-size: 0;
  display: flex;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button {
  height: 65px;
  width: 65px;
  max-height: 65px;
  max-width: 65px;
  border: 0;
  border-bottom: 3px solid #ff6600;
  font-size: 0.95rem;
  cursor: pointer;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.search-button {
  color: #fafafa;
  background-color: #001b3b;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.search-button img {
  width: 20px;
  height: 20px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(172deg) brightness(104%) contrast(102%);
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.search-button:hover {
  background-color: #003366;
  color: #fafafa;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.search-button:focus {
  outline: 0;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.search-button:focus-visible {
  outline: 2px dashed #98d2ff;
  outline-offset: 2px;
  z-index: 999;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.search-button:active {
  background-color: #325b83;
  color: currentcolor;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button {
  background-color: #ff6600;
  color: #001b3b;
  padding: 0 1rem;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button:focus {
  outline: 0;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button:focus-visible {
  outline: 2px dashed #98d2ff;
  outline-offset: 2px;
  z-index: 999;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button:active {
  background-color: #c94d18;
  color: currentcolor;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button:after, .top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button:before,
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button #nav-icon {
  background-color: #001b3b;
  content: "";
  display: block;
  height: 3px;
  margin: 3px auto;
  transition: all 0.25s ease-in-out;
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button[aria-expanded=true] #nav-icon {
  transform: scale(0);
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button[aria-expanded=true]:before {
  transform: translateY(5px) rotate(135deg);
}
.top-nav-bar .mobile-header .header-action-buttons .header-button.menu-button[aria-expanded=true]:after {
  transform: translateY(-7px) rotate(-135deg);
}
.top-nav-bar .nav-quick-links {
  display: none;
}
.top-nav-bar .nav-links-container {
  position: relative;
  height: 100%;
  width: 100vw;
  z-index: 9;
  background-color: #003366;
  color: #fafafa;
  display: none;
}
.top-nav-bar .nav-links-container.show {
  height: 100vh;
  display: block;
}
@media (min-width: 768px) {
  .top-nav-bar {
    /* Nav Quick Links */
  }
  .top-nav-bar .mobile-header {
    display: none;
  }
  .top-nav-bar .nav-quick-links {
    display: flex;
    justify-content: flex-end;
    border-bottom: #ff6600 3px solid;
  }
  .top-nav-bar .nav-quick-links a {
    text-decoration: none;
    color: #fafafa;
  }
  .top-nav-bar .nav-quick-links .quick-link-container {
    min-height: 44px;
  }
  .top-nav-bar .nav-quick-links #top-search-button {
    clip-path: polygon(14px 0px, 69.18% 0px, 91.45% 100%, 35.6% 100%);
    background-color: #ff6600;
    color: #001b3b;
    min-width: 120px;
    height: 45px;
    border: 0;
  }
  .top-nav-bar .nav-quick-links #top-search-button:hover {
    background-color: #fafafa;
    color: #001b3b;
  }
  .top-nav-bar .nav-quick-links #top-search-button:focus {
    outline: 0;
  }
  .top-nav-bar .nav-quick-links #top-search-button:focus-visible img {
    outline: 2px dashed #001b3b;
    outline-offset: 2px;
  }
  .top-nav-bar .nav-quick-links #top-search-button:active {
    background-color: #c94d18;
    color: #001b3b;
  }
  .top-nav-bar .nav-quick-links #quick-link-left {
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: row;
    height: 45px;
  }
  .top-nav-bar .nav-quick-links #quick-link-left .request-link {
    display: block;
    /* Adjust Top padding*/
    /*padding: 0.5rem 1rem; */
    padding: .7rem 1.5rem;
    height: 45px;
  }
  .top-nav-bar .nav-quick-links #quick-link-left .request-link:focus {
    outline: 0;
  }
  .top-nav-bar .nav-quick-links #quick-link-left .request-link:focus-visible {
    outline: 2px dashed #fafafa;
    outline-offset: -3px;
  }

  .top-nav-bar .nav-quick-links #quick-link-left .apply-link {
    display: block;
    /*padding: 0.5rem 3.5rem 0.5rem 2rem; */
    padding: .7rem 4.75rem 0.5rem 2.5rem;
    /*padding: 10px 71px 10px 40px; */
    background-color: #ff6600;
    height: 45px;
    color: #000000;
    clip-path: polygon(26px 0px, 77.1% 0px, 63.78% 100%, 2.97% 100%);
  }
  .top-nav-bar .nav-quick-links #quick-link-left .apply-link:hover {
    background-color: #fafafa;
    color: #000000;
  }
  .top-nav-bar .nav-quick-links #quick-link-left .apply-link:focus {
    outline: 0;
  }
  .top-nav-bar .nav-quick-links #quick-link-left .apply-link:focus-visible {
    outline: 2px dashed #fafafa;
    outline-offset: -10px;
  }
  .top-nav-bar .nav-quick-links #quick-link-left .apply-link:active {
    background-color: #eee;
    color: currentcolor;
  }
  .top-nav-bar .nav-quick-links #quick-link-right {
    background-color: #001b3b;
    height: 100%;
    display: flex;
  }
  .top-nav-bar .nav-quick-links .give-link {
    display: block;
    /*padding: 0.5rem 1rem 0.5rem 0; */
    padding: 0.7rem .8rem 0.5rem 0;
    clip-path: polygon(-35px 2px, 96.99% 1px, 115.04% 102.22%, -18.58% 97.78%);
    height: 45px;
    background-color: #001b3b;
  }
  .top-nav-bar .nav-quick-links .give-link:hover {
    color: #ff6600;
  }
  .top-nav-bar .nav-quick-links .give-link:focus {
    outline: 0;
  }
  .top-nav-bar .nav-quick-links .give-link:focus-visible {
    outline: 2px dashed #fafafa;
    outline-offset: -3px;
  }
  .top-nav-bar .nav-quick-links .give-link:active {
    color: #c94d18 !important;
  }
  .top-nav-bar .nav-quick-links .i-am-a-dropdown {
    font-weight: bold;
    border: 0;
    background-color: #ff6600;
    padding: 0 0.75rem 0 2.5rem;
    color: #000000;
    min-width: 120px;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 18.33% 100%);
  }
  .top-nav-bar .nav-quick-links .i-am-a-dropdown:hover {
    background-color: #fafafa;
    color: #000000;
  }
  .top-nav-bar .nav-quick-links .i-am-a-dropdown:focus {
    outline: 0;
  }
  .top-nav-bar .nav-quick-links .i-am-a-dropdown:focus-visible span {
    outline: 2px dashed #001b3b;
    outline-offset: 2px;
  }
  .top-nav-bar .nav-quick-links .i-am-a-dropdown:active {
    background-color: #eee;
    color: currentcolor;
  }
  .top-nav-bar .nav-quick-links .i-am-a-dropdown::after {
    margin-left: 0.5rem;
    color: #003366;
    opacity: 0.8;
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
  }
  .top-nav-bar .nav-quick-links .i-am-a-menu {
    top: 2px;
    margin-top: 1px !important;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    background-color: #ff6600;
    --bs-dropdown-padding-y: 0;
  }
  .top-nav-bar .nav-quick-links .i-am-a-menu li {
    padding: 0;
  }
  .top-nav-bar .nav-quick-links .i-am-a-menu a {
    color: #000000;
    font-size: 1rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
  .top-nav-bar .nav-quick-links .i-am-a-menu a:hover {
    font-weight: normal;
    color: #000000;
  }
}

@media (min-width: 992px) {
  .nav-quick-links .search-container {
    padding: 0.25rem 1rem;
    clip-path: polygon(14px 0px, 69.18% 0px, 91.45% 100%, 35.6% 100%);
  }
  .nav-quick-links .give-container {
    padding: 0.5rem 2.5rem;
    clip-path: polygon(0px 0px, 97.5% 0px, 118.33% 100%, 24.17% 102.24%);
  }
  .nav-quick-links .give-container a {
    color: #fafafa;
  }
  .nav-quick-links .ima-container {
    min-width: 200px;
  }
  /* Nav Quick Links */
}
.top-nav-bar .visually-hidden-focusable {
  color: #fafafa;
}

/* Logos */
@media (min-width: 768px) {
  .top-nav-bar {
    height: auto;
    border: 0;
  }
  .top-nav-bar .shield-container {
    display: block;
    left: 50%;
    position: absolute;
    top: 17px;
    transform: translateX(-50%);
    transition: width 0.4s ease-in-out;
    width: 125px;
    z-index: 999 !important;
  }
  .top-nav-bar .shield-container:focus {
    outline: 0;
  }
  .top-nav-bar .shield-container:focus-visible {
    outline: 2px dashed #ff6600;
    outline-offset: 2px;
  }
}
@media (min-width: 992px) {
  .top-nav-bar .shield-container {
    width: 185px;
    z-index: 100;
  }

  .top-nav-bar .shield-container img {
    width: 185px;
  }
}
.nav-logo-container {
  width: 100%;
  pointer-events: all;
  position: absolute;
  top: -25px;
  z-index: 10;
  text-align: center;
}
.nav-logo-container .nav-logo img {
  background-color: #001b3b;
  width: 200px;
  height: 122px;
}

#maincontent {
  transition: all 0.25s ease-in-out;
  margin-bottom:120px;
}
#maincontent.has-header {
  margin-top: 175px;
}

@media (min-width: 992px) {
  #content.has-header {
    margin-top: 94px;
  }
}


/* Footer */
footer {
  background-color: #003366;
  color: #fafafa;
  font-size: 0.8rem;
  text-align: center;
}
footer #primary-footer {
  padding: 2.5rem;
}
footer #secondary-footer {
  padding: .65rem;
  color: #003366;
}

footer #secondary-footer a{
color: #003366;
    text-decoration: underline;
}
footer a {
  color: #fafafa;
  text-decoration: none;
    /* TODO: add font size here*/
    font-size: 1rem;
}
footer ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 2rem;
}
footer .logo-social {
  text-align: center;
  margin: 0 auto;
}
footer .logo-social .logo {
  max-height: 100px;
}
footer .logo-social .motto {
    font-size: 1rem;
  margin: 1.5rem;
}
footer .logo-social ul {
  display: inline-flex;
  gap: 1rem;
}
footer .social-icons {
  margin: 2.5rem 0 1rem 0;
}
footer .social-icons .social-icon {
  border-radius: 100%;
  padding: 0.45rem 0.35rem;
  background-color: #d6e8ee;
  color: #001b3b;
  margin: 0 0.25rem;
}
footer .social-icons .social-icon:hover {
  background-color: #ffffff;
  color: currentcolor;
}
footer .social-icons .social-icon:focus {
  outline: 0;
}
footer .social-icons .social-icon:focus-visible {
  outline: 2px dashed #fafafa;
  outline-offset: 2px;
  z-index: 999;
}
footer .social-icons .social-icon img {
  height: 20px;
  width: 20px;
}
@media (min-width: 768px) {
  footer .social-icons .social-icon {
    margin: 0;
  }
  footer .social-icons .social-icon img {
    height: 24px;
    width: 24px;
  }
}
footer .footer-heading {
  margin-bottom: 0.5rem;
  font-size: 1.75rem;
}
footer #footer-nav li {
  margin-bottom: 0.25rem;
}
footer #footer-nav li a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #fafafa;
  font-weight: normal;
}
footer #footer-nav li a:focus {
  outline: 0;
}
footer #footer-nav li a:focus-visible {
  outline: 2px dashed #98d2ff;
  outline-offset: 2px;
}
footer #secondary-footer {
    font-size: 1rem;
  background-color: #d6e8ee;
}

@media (max-width:767px){
    footer .social-icons .social-icon {
    padding: 0.25em;
}
}

@media (max-width:400px){
    footer .social-icons .social-icon {
    padding: 0.15em 0.25em;
    margin: 0;
}
footer .social-icons .social-icon img {
    height: 15px;
    width: 15px;
}
}

@media (max-width:300px){
    footer .social-icons .social-icon {
    padding: 0em 0.25em;
}
footer .logo-social ul {
    gap: 0.25rem;
}
footer .social-icons .social-icon img {
    height: 10px;
    width: 10px;
}
}


/* Search */
#search .modal-content {
    background-color: rgba(0, 51, 102, 0.95);
    color: #fafafa;
  }
  #search .modal-content .modal-header {
    border: 0;
    padding: 20px;
  }

  #searchModal {
    z-index: 9999;
  }

  #searchModal .modal-header {
    border: 0;
  }

  #searchModal .modal-content {
    background-color: rgba(0, 51, 102, 0.95);
    color: #fafafa;
  }

  #searchModal .modal-content .modal-header .btn-close {
    --bs-btn-close-opacity: 0.75;
  }

  #searchModal .modal-header {
    padding: 20px;
  }

  #searchModal .modal-content .modal-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 1rem;
    align-items: center;
    padding: 20px;
  }
  #searchModal .modal-content .modal-body form {
    width: 90%;
    margin: 0 auto;
  }
  @media (min-width: 768px) {
    #searchModal .modal-content .modal-body form {
      width: 80%;
    }
  }
  #searchModal .modal-content .modal-body #search-term {
    font-size: 1.5rem;
    text-align: center;
    color: #fafafa;
    outline: none;
    border: 0;
    background: transparent;
    padding: 1rem 0;
  }

  @media (min-width: 768px) {
    #searchModal .modal-content .modal-body #search-term{
      font-size: 2rem;
    }
  }


  #searchModal .modal-content .modal-body #search-term:focus {
    outline: none;
  }
  #searchModal .modal-content .modal-body #search-term:focus-visible {
    outline: 2px solid rgba(152, 210, 255, 0.5);
    outline-offset: 2px;
    z-index: 999;
  }
  @media (min-width: 768px) {
    #searchModal .modal-content .modal-body #search-term {
      font-size: 2rem;
      padding: 1rem;
    }
  }
  #searchModal .modal-content .modal-body ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.85);
  }
  #searchModal .modal-content .modal-body ::placeholder {
    color: rgba(255, 255, 255, 0.85);
  }
  #searchModal .modal-content .modal-body :-moz-placeholder {
    color: rgba(255, 255, 255, 0.85);
  }
  #searchModal .modal-content .modal-body ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.85);
  }
  #searchModal .modal-content .modal-body ::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.85);
  }
  #searchModal .modal-content .modal-body :-ms-input-placeholder {
    opacity: 1; /* Firefox */
    color: rgba(255, 255, 255, 0.85);
  }
  #searchModal .modal-content .modal-body [type=submit] {
    margin-top: 2rem;
    width: 40%;
  }
  #searchModal .modal-content .modal-body [type=submit]:hover {
    background-color: #98d2ff;
    color: #003366;
  }
  #searchModal .modal-content .modal-body [type=submit]:focus {
    outline: 0;
  }
  #searchModal .modal-content .modal-body [type=submit]:focus-visible {
    outline: 2px dashed #ff6600;
    outline-offset: 2px;
    z-index: 999;
  }
  @media (min-width: 768px) {
    #searchModal .modal-content .modal-body {
      justify-content: center;
      margin-top: unset;
    }
    #searchModal .modal-content .modal-body [type=submit] {
      width: 180px;
    }
  }

  #searchModal .modal-dialog {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }


#searchModal .modal-content .modal-body #search-term {
    padding: 1.5rem;
    font-size: 2.5rem;
}

/* Buttons */

#searchModal .btn  {
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    transition: all 0.25s ease-in-out;
    border-radius: 0;
    padding: .5rem 1rem;
}

/* TODO: not for search*/
#searchModal button:focus-visible,
.btn:focus-visible {
  outline: 2px dashed #003366;
  --bs-btn-focus-shadow-rgb: 0;
}

#searchModal .btn-white {
    background-color: #fafafa;
    color: #003366;
  }

#searchModal .btn-white:hover {
    background-color: #001b3b;
    color: #fafafa;
  }

@media (min-width: 768px) {
    #searchModal .btn {
      min-width: 180px;
    }
  }

.quickLinkMobileNav.svMobile {
    padding-top: 20px;
}

@media (min-width: 768px) {
    .main-nav-footer, .svMobile {
        display: none;
    }
}
/*Add for button group?*/
/* .banner-callout {
	 text-align: center;
	 padding: 2rem;
}
 .banner-callout .banner-title {
	 font-size: 2rem;
	 margin-bottom: 2rem;
}
 .banner-callout .banner-actions {
	 display: flex;
	 flex-direction: column;
	 flex-grow: 1;
	 gap: 0.5rem;
	 width: 100%;
}
 @media (min-width: 768px) {
	 .banner-callout .banner-actions {
		 flex-direction: row;
		 justify-content: center;
		 gap: 2rem;
	}
	 .banner-callout .banner-actions .btn {
		 min-width: 180px;
	}
}
 .btn-blue {
	 background-color: #003366;
	 color: #fafafa;
}
 .btn-blue:hover {
	 background-color: #325b83;
	 color: #fafafa;
	 border: 2px #fff solid;
}
 .btn-light-blue {
	 background-color: #98d2ff;
	 color: #001b3b;
}
 .btn-light-blue:hover {
	 background-color: #001b3b;
	 color: #98d2ff;
}

  /* Footer Focus */

a.text-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

a:focus-visible {
  outline: 2px dashed #003366;
}

a:focus:not(:focus:visible) {
  outline: none;
  box-shadow: 1px 1px 5px rgba(1, 1, 0, 0.7);
}

  */

/* Misc */

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sr-only-focuable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}