/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./ce-blocks/educational-resource-header/style.scss ***!
  \***************************************************************************************************************************************************************************************************/
.wp-block-acf-educational-resource-header {
  margin-left: -1rem;
  margin-right: -1rem;
}

.educational-resource__title {
  background-image: url("/wp-content/uploads/2019/09/Ally-Email-Header-Background-sm.jpg");
  background-size: cover;
  background-position: 50%;
  padding: 0 0.8rem;
}
.educational-resource__title-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7vw 1.6rem calc(7vw + 5rem);
  box-sizing: border-box;
}
.educational-resource__h1 {
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif !important;
  font-size: clamp(3.6rem, 9vw, 6rem) !important;
  font-weight: 800 !important;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
  margin: 0 0 6rem;
}
.educational-resource__subtitle {
  margin-top: -5rem;
  padding: 0 0.8rem;
  background-color: #26a1ff;
}
.educational-resource__h2 {
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 3rem !important;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 !important;
  padding: 2.9rem 1.3rem;
  text-align: center;
}

@media (min-width: 768px) {
  .educational-resource__title {
    padding: 0 1.5rem;
  }
  .educational-resource__h1 {
    font-size: 6rem !important;
  }
  .educational-resource__h2 {
    font-size: 3.8rem !important;
  }
}
@media (min-width: 1025px) {
  .educational-resource__h1 {
    font-size: clamp(6rem, 5.7vw, 8.4rem) !important;
  }
  .educational-resource__subtitle {
    background-color: transparent;
  }
  .educational-resource__subtitle-bg {
    position: relative;
    display: flex;
    background-size: cover;
    margin: 0 auto;
  }
  .educational-resource__subtitle-bg:before, .educational-resource__subtitle-bg:after {
    content: "";
    width: 15.5rem;
    flex-shrink: 0;
  }
  .educational-resource__subtitle-bg:before {
    background-image: linear-gradient(117deg, transparent 0, transparent 31%, #26a1ff 31.5%, #26a1ff 55%, transparent 55.5%, transparent 65%, #26a1ff 65.5%, #26a1ff 100%);
  }
  .educational-resource__subtitle-bg:after {
    background-image: linear-gradient(117deg, #26a1ff 0, #26a1ff 35%, transparent 35.5%, transparent 45%, #26a1ff 45.5%, #26a1ff 69%, transparent 69.5%, transparent 100%);
  }
  .educational-resource__h2 {
    font-size: clamp(2.8rem, 2.7vw, 3.4rem) !important;
    background: #26a1ff;
    flex-grow: 1;
    box-sizing: border-box;
  }
}