/* Defines common breakpoint targets. */
.hover-disclosure__header {
  cursor: pointer;
}

.hover-disclosure__body[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
}
.hover-disclosure__body[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.resource {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 48rem) {
  .resource {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
}
.resource__expander {
  width: 44px;
  height: 44px;
  padding: 6px;
  border: 0;
  background-color: #4EFDFB;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}
.resource__expander img {
  transition: transform 0.2s linear;
}
.resource.active .resource__expander img {
  transform: rotateZ(180deg);
}
.resource.active .resource__content {
  max-height: 30rem;
}
.resource__header-content {
  padding: 1.5rem;
}
@media screen and (min-width: 30rem) {
  .resource__header-content {
    padding: 3rem;
  }
}
@media screen and (min-width: 48rem) {
  .resource__header-content {
    padding: 3rem 0 3rem 3rem;
    max-width: 48%;
  }
}
@media screen and (min-width: 64rem) {
  .resource__header-content {
    padding: 5rem 0 5rem 5rem;
    max-width: 48%;
  }
}
.resource__header-copy {
  display: block;
  font-family: "Montserrat-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
  .resource__header-copy {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.resource__header-image {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (min-width: 48rem) {
  .resource__header-image {
    max-width: 48%;
  }
}
.resource__content {
  max-height: 0;
  display: flex;
  flex-direction: column;
}
.resource__content[aria-hidden=true] {
  transition: max-height 0.2s linear, opacity 0.2s linear, visibility 0s linear 0.2s;
}
.resource__content[aria-hidden=false] {
  transition: max-height 0.2s linear, opacity 0.2s linear, visibility 0s linear 0s;
}
.resource__content p {
  font-family: "Montserrat-Medium", sans-serif;
  margin-top: 1.5rem;
}
.resource__content a {
  font-family: "Montserrat-Bold", sans-serif;
}
@media screen and (min-width: 48rem) {
  .resource__content a {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.resource--black {
  color: #0A1012 !important;
}
.resource--black h2,
.resource--black p,
.resource--black a {
  color: #0A1012;
}
.resource--white {
  color: #FFFFFF !important;
}
.resource--white h2,
.resource--white p,
.resource--white a {
  color: #FFFFFF;
}
.resource--gradient {
  position: relative;
  z-index: 0;
}
.resource--gradient:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
@media screen and (min-width: 48rem) {
  .resource--gradient:before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0));
  }
}

.resources__copy {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 64rem) {
  .resources__listing {
    padding: 0 2rem;
  }
}

/*# sourceMappingURL=resources.css.map */