@charset "UTF-8";
.hover-content__item, .wp-admin [data-type="acf/study-areas"]:not(.is-selected)::before, .wp-admin [data-type="acf/study-areas"]:not(.is-selected)::after {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hover-content__item, .wp-admin [data-type="acf/study-areas"]:not(.is-selected)::before, .wp-admin [data-type="acf/study-areas"]:not(.is-selected)::after {
  flex-direction: column;
}

.hover-content__item, .hover-content__images > img, .hover-content__container::before, .hover-content__container::after {
  position: absolute;
}

.hover-content__item, .hover-content__images > img, .hover-content__container::before, .hover-content__container::after {
  inset: 0;
}

.wp-admin [data-type="acf/study-areas"] {
  --block-name: none;
  --editor-no-preview: "ⓘ⠀Full preview unavailable for this block.";
  --bg-color: #fef3cd;
  z-index: 10;
  min-height: 100px;
  background-color: var(--bg-color);
}
.wp-admin [data-type="acf/study-areas"] {
  position: relative;
  min-height: 80px;
}
.wp-admin [data-type="acf/study-areas"]:not(.is-selected)::before, .wp-admin [data-type="acf/study-areas"]:not(.is-selected)::after {
  position: absolute;
  left: 0;
  right: auto;
  padding: 0 var(--gap-largest) 0 var(--gap);
  background-color: var(--bg-color);
  border-bottom: 7px solid #ffbc26;
  max-width: 900px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
  align-items: flex-start;
}
.wp-admin [data-type="acf/study-areas"]:not(.is-selected)::before {
  content: var(--block-name);
  top: 0;
  font-weight: bold;
  font-variant: all-small-caps;
}
.wp-admin [data-type="acf/study-areas"]:not(.is-selected)::after {
  content: var(--editor-no-preview);
  top: 40px;
}
.wp-admin [data-type="acf/study-areas"] .acf-block-preview {
  display: none;
}
.hover-content__container::before, .hover-content__container::after {
  content: "";
  transition: opacity 0.15s ease;
}

.hover-content {
  max-width: 1240px;
  grid-column: content-start/content-end;
}
.hover-content,
.hover-content h2,
.hover-content p,
.hover-content button {
  color: #fff;
}
.hover-content__container {
  --hover-bg: "";
  --def-bg: "";
  --item-vis: hidden;
  display: grid;
  grid-template-areas: "content" "control";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr max-content;
  min-height: 60rem;
  padding: 4rem 7.2rem;
  position: relative;
  z-index: 0;
}
@media (min-width: 64em) {
  .hover-content__container {
    grid-template-areas: "content control control";
    grid-template-columns: repeat(3, 1fr);
  }
}
.hover-content__container.active [data-item-index="0"] {
  --item-vis: hidden;
}
.hover-content__container, .hover-content__container::before {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hover-content__container::before {
  opacity: 0;
  transition: opacity 0.8s ease, background-image 0.3s ease;
}
.hover-content__container.active::before {
  opacity: 1;
}
.hover-content__container::after {
  background-color: rgba(0, 0, 0, 0.5);
}
.hover-content__images > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.hover-content__images > img.active {
  opacity: 1;
}
.hover-content__items, .hover-content__control-panel, .hover-content__listing {
  z-index: 1;
}
.hover-content__items {
  grid-area: content;
  position: relative;
}
@media (max-width: 63.99em) {
  .hover-content__items [data-item-index="0"] {
    position: static;
  }
}
.hover-content__item {
  visibility: var(--item-vis);
}
@media (min-width: 64em) {
  .hover-content__item {
    padding: 0 6rem;
  }
}
.hover-content__item.active, .hover-content__item:first-child {
  --item-vis: visible;
  display: flex;
}
.hover-content__control-panel {
  display: none;
}
@media (min-width: 64em) {
  .hover-content__control-panel {
    grid-area: control;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }
}
.hover-content__control-panel .button {
  --btn-bg-color: transparent;
  --btn-bg-active-color: var(--color-banana);
  --btn-border-color: var(--white);
  display: flex;
  justify-content: space-between;
  font-size: 2rem;
  font-weight: 600;
  text-transform: none;
  border: 1px solid #e8e8e8;
}
.hover-content__control-panel .button:active {
  --btn-color: var(--black);
}
.hover-content__control-panel .button:nth-child(odd) {
  border-width: 0 1px 1px 0;
}
.hover-content__control-panel .button:nth-child(even) {
  border-width: 0 0 1px 0;
}
.hover-content__control-panel .button:nth-child(2n+1):nth-last-child(-n+2), .hover-content__control-panel .button:nth-child(2n+1):nth-last-child(-n+2) ~ .button {
  border-bottom: 0;
}
.hover-content__control-panel .button .control-panel__text {
  width: 100%;
}
.hover-content__control-panel > a {
  display: contents;
}
.hover-content__control-panel a:nth-child(odd) button {
  border-left: none;
}
.hover-content__control-panel a:nth-child(even) button {
  border-right: none;
}

.hover-content__listing {
  grid-area: control;
}
@media (min-width: 64em) {
  .hover-content__listing {
    display: none;
  }
}
.hover-content__listing .accordion {
  transition: background-color 0.3s ease-in-out;
  border-bottom: 1px solid #b3b3b3;
  min-height: 65px;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 2rem;
}
.hover-content__listing .accordion__heading {
  flex: 0 0 100%;
}
.hover-content__listing .accordion.active {
  background-color: #fff;
  padding: 3rem 2rem;
  display: block;
}
.hover-content__listing .accordion.active .accordion-icon__plus {
  display: none;
  transition: opacity 0.3s ease ease-in-out;
}
.hover-content__listing .accordion.active .accordion-icon__minus {
  display: block;
}
.hover-content__listing .accordion.active .accordion__toggle:hover {
  color: initial;
}
.hover-content__listing .accordion .accordion-icon__minus {
  display: none;
}
.hover-content__listing .accordion .accordion-icon__minus .icon-minus {
  background-color: #f0f0f0;
}
.hover-content__listing .accordion:first-child {
  border-top: 1px solid #b3b3b3;
}
.hover-content__listing .accordion .accordion__toggle:hover {
  color: inherit;
}
.hover-content__listing .accordion__content {
  color: #000;
  padding-right: 20px;
}
.hover-content__listing .accordion__toggle .ico {
  width: 40px;
  height: 40px;
  transform: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-delay: 30s;
  transition-property: display;
}
.hover-content__listing .accordion .ico svg {
  --ico-color-0: #fff;
  --ico-width: 22px;
}
.hover-content__listing .accordion .button-explore {
  margin-top: 2rem;
  padding: 0 6rem;
}
.hover-content__listing .accordion .button-explore svg {
  --ico-color-0: #000;
}

.hover-content__control-panel .control-panel__text {
  width: 100%;
}

/*# sourceMappingURL=hover-content.css.map*/