form:not(form[submit_attempted]) .form-control + .invalid-feedback,
form:not(form[submit_attempted]) .alert,
form:valid .alert,
.form-control:valid + .invalid-feedback {
  display: none !important;
}

form[submit_attempted] .alert {
  border-left: 5px solid;
}

form[submit_attempted] .alert .container {
  padding-top: 2px;
}

form[submit_attempted] .form-control:invalid {
  border-bottom: 4px solid #cd402d;
  position: relative;
}

form[submit_attempted] .form-control:invalid ~ .error-icon {
  display: block;
}

hr {
  opacity: 1;
}

strong {
  font-weight: bold;
}

.accordion__panel[aria-hidden="false"] {
  padding-right: 20rem;
}

.accordion__trigger {
  padding: 0;
}

.anchor {
  color: #046b99;
  cursor: pointer;
}

.black-text {
  color: #000;
}

.blue-card {
  border-radius: 0.3125rem;
  color: #fff;
}

.blue-gradient {
  background: linear-gradient(180deg, #01425e 26.31%, #046b99 95.15%);
}

.col .banner-image {
  padding: 0 !important;
  width: 120%;
}

.col img {
  width: 100%;
}

/* masking combobox carrot */
.combobox::before {
  content: "\33";
  position: absolute;
  font-family: "CaGov";
  font-size: 1.4rem;
  width: 30px;
  height: 30px;
  background-color: white;
  right: 5px;
  top: 8px;
}

.dark-banner {
  background: linear-gradient(13deg, #eef8fb 0%, #6db7d8 100%);
  color: #000;
  padding: 40px 0px;
}

.dark-text {
  color: #3b3a48;
}

.error-icon {
  display: none;
  float: right;
  position: relative;
  top: -2.7rem !important;
  right: 10px;
  font-size: 1.5rem;
}

.focus-area-header {
  background: linear-gradient(13deg, #eef8fb 0%, #6db7d8 100%);
}

.form-control[role="combobox"]::placeholder {
  font-size: 1.1rem !important;
}

.ghost-button {
  border: 1px solid #fff;
  color: #fff;
}
.ghost-button:hover {
  /* background: #a3a3a3d6; */
  border: 1px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
}

.gray {
  background: var(--oceanside-secondary-s-1, #eef8fb);
}

.grid-link-margin {
  margin-bottom: 1rem;
}

.hr-blue {
  border-top-color: #046b99;
}

.invalid-feedback {
  position: relative;
}

.invalid-feedback::before {
  content: "\ea2f";
  position: absolute;
  font-family: "CaGov";
  font-size: 1.5rem;
  right: 10px;
  top: -51px;
}

.light-gray {
  background: #eef8fb;
}

.logo {
  align-self: flex-end;
  width: 55px;
}

.logo-text > span {
  color: #01395e !important;
}

.mobile-order-2 {
  flex-basis: min-content;
  flex-grow: 2;
}

button::before {
  content: none !important;
}

.p-r-larger {
  padding-right: 17rem;
}

.purple-text {
  color: #035376;
}

.objective-card {
  background: #eef8fb;
}

.objective-card > h3 {
  color: #035376;
}

.site-footer a {
  margin-bottom: 1rem;
  margin-left: 1rem;
}

.site-footer .container {
  flex-direction: row;
}

.text-align-center {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .col .banner-image {
    width: 30%;
  }

  .container .my-4 {
    flex-direction: column;
  }

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

  .footer-logo > img {
    width: 20%;
  }

  .logo {
    width: 44px;
  }

  .mobile-order-2 {
    order: 2;
  }

  .p-r-larger {
    padding-right: unset;
  }

  .site-footer a {
    margin-left: 0;
  }

  .site-footer .container {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .container .my-4 {
    flex-direction: column;
  }

  .grid-link-margin {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 542px) {
  .footer-logo {
    display: flex;
    flex-direction: column;
  }

  .footer-logo > img {
    width: 20%;
  }

  .site-footer a {
    margin-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .text-2-5rem {
    font-size: 1.5rem !important;
  }
}