/* Feature card full bleed variation */
.full-bleed {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}
.full-bleed--highlight1 {
  background: #ffecc1;
}
.full-bleed--highlight2 {
  background: #003484;
  color: #fff;
  a {
    color: #fff;
  }
}
.full-bleed-content-area {
  padding: 0 20px;
  display: flex;
  background: transparent;
}
.full-bleed-content-area--block {
  padding: 0 20px;
  display: block;
  background: transparent;
}
@media screen and (min-width: 1024px) {
  .full-bleed-content-area,
  .full-bleed-content-area--block {
    max-width: 1200px;
    margin: 0 auto;
  }
}

/* feature-card responsive resize using semantic order variation */
@media (max-width: 719px) {
  .cagov-with-sidebar.cagov-no-reverse > * {
    flex-direction: column;
  }
}

.vector-bear {
  object-fit: contain;
  min-height: 5rem;
}

/* The title on the homepage is long and needs more space as an H1 */
@media (min-width: 1176px) {
  .cagov-featured-sidebar.max-w-40 {
    max-width: 40%;
  }
}
.cagov-featured-sidebar {
  h1 {
    padding-bottom: var(--s-2, 1rem);
  }
}

/* utility classes added for this section */
.cagov-mt-2 {
  margin-top: 1.5rem;
}
.cagov-pr-2 {
  padding-right: 2rem;
}
.cagov-py-2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cagov-pt-2 {
  padding-top: 2rem;
}
.cagov-bold {
  font-weight: bold;
}
.contact-us {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  gap: 2rem;
  flex-wrap: nowrap;

  .contact-us-form {
    width: calc(50% - 12px);
    gap: 24px;
  }

  .contact-us-image {
    width: calc(50% - 12px);
  }

  button.wp-block-button__link {
    background-color: var(--cagov-highlight, #fec02f);
    color: var(--cagov-primary-dark, #003484);
    cursor: pointer;
  }
  button.wp-block-button__link:hover {
    background-color: var(--cagov-highlight-light, #fed36d);
  }
  &.form-background-light button.wp-block-button__link {
    background-color: var(--cagov-primary, #003484);
    color: var(--white, #ffffff);
  }
  &.form-background-light button.wp-block-button__link:hover {
    background-color: var(--cagov-primary-dark, #003484);
  }
  button.inactive.wp-block-button__link {
    background-color: var(--gray-700, #a09fa7);
  }
  &.form-background-light {
    background-color: var(--gray-100, #f9f9fa);
  }

  &-content {
    flex-grow: 2;
  }
  &-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    img {
      max-width: 85vw;
    }
  }
  label,
  input,
  select {
    display: block;
  }
  input,
  select,
  textarea {
    padding: 0.5rem;
    border-radius: 5px;
    border: 1px var(--gray-400, #d3d2d6) solid;
    color: var(--black, #000000);
  }
  input,
  textarea {
    width: 100%;
  }
  select {
    appearance: none;
    width: calc(100% + 3px);
  }

  .contact-us-image img {
    object-fit: cover;
    width: 100%;
  }

  .required label {
    font-weight: bold;
  }
  .required label:after {
    color: var(--accent1-700, #9c4510);
    content: " *";
    display: inline;
  }
  .form-field {
    margin-bottom: 1rem;
  }
  .form-field.hidden {
    display: none;
  }
  .form-select {
    position: relative;
    background: white;
    border-radius: 5px;
    &::after {
      // content: "∨";
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      right: 1px;
      top: 5%;
      position: absolute;
      height: 90%;
      width: 2rem;
      font-weight: 900;
      pointer-events: none;

      content: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='11' height='7' class='expanded-menu-section-header-arrow-svg' viewBox='0 0 11 7' fill='%23004ABC' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15596 0.204797L5.49336 5.06317L9.8545 0.204797C10.4293 -0.452129 11.4124 0.625368 10.813 1.28143L5.90083 6.82273C5.68519 7.05909 5.32606 7.05909 5.1342 6.82273L0.174341 1.28143C-0.400433 0.6245 0.581838 -0.452151 1.15661 0.204797H1.15596Z'%3E%3C/path%3E%3C/svg%3E");
      // background-size: .6em;
      // background-position: calc(100% - 2.1rem) center;
      // background-repeat: no-repeat;
    }
  }
}

cagov-airtable-form .form-responded {
  min-height: 320px;
}

.cagov-stack-card {
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 800px) {
  .contact-us {
    flex-wrap: wrap-reverse;
  }
}
