/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/diagonal-hero/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/* -- Color Defaults -- */
/* -- Color Defaults -- */
.main-content {
  display: block;
}

.home .content {
  margin-bottom: 0 !important;
}

.main-content > .content:not(:last-child) {
  margin-bottom: 0 !important;
}

.content p {
  max-width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .columns.is-multiline {
    flex-wrap: none;
  }
  .column {
    flex-basis: auto;
  }
}
.box {
  border-radius: 4px !important;
}

html {
  scroll-behavior: smooth;
}

.purdue-home-diagonal-hero {
  position: relative;
  overflow: hidden;
}
.purdue-home-diagonal-hero.image-align-left-desktop .image {
  left: 0;
  right: auto;
}
.purdue-home-diagonal-hero.image-align-left-desktop .image:before {
  height: 101%;
  left: auto;
  right: -1px;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
.purdue-home-diagonal-hero.image-align-left-desktop .purdue-home-diagonal-hero__content {
  margin-left: auto;
}
.purdue-home-diagonal-hero.image-align-left-desktop .cta-play,
.purdue-home-diagonal-hero.image-align-left-desktop .cta-pause {
  left: 2rem;
  right: auto;
}
@media screen and (max-width: 767px) {
  .purdue-home-diagonal-hero.image-align-left-desktop .cta-play,
  .purdue-home-diagonal-hero.image-align-left-desktop .cta-pause {
    left: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero.image-align-top-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
}
.purdue-home-diagonal-hero.minheight-300 {
  min-height: 300px;
  height: 1px;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero.minheight-300 {
    min-height: 0px;
    height: auto;
  }
}
.purdue-home-diagonal-hero.minheight-500 {
  min-height: 500px;
  height: 1px;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero.minheight-500 {
    min-height: 0px;
    height: auto;
  }
}
.purdue-home-diagonal-hero.minheight-700 {
  min-height: 700px;
  height: 1px;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero.minheight-700 {
    min-height: 0px;
    height: auto;
  }
}
.purdue-home-diagonal-hero.no-diagonal .image {
  width: 48%;
}
.purdue-home-diagonal-hero.no-diagonal .image:before {
  content: none;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero.no-diagonal .image {
    width: 100%;
  }
}
.purdue-home-diagonal-hero.no-diagonal .purdue-home-diagonal-hero__content {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero.no-diagonal .purdue-home-diagonal-hero__content {
    width: 100%;
  }
}
.purdue-home-diagonal-hero .section.has-padding-top-large {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .purdue-home-diagonal-hero .section.has-padding-top-large {
    padding-bottom: 2rem;
  }
}
.purdue-home-diagonal-hero .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 54%;
  height: 100%;
  z-index: 0;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero .image {
    position: relative;
    width: 100%;
  }
}
.purdue-home-diagonal-hero .image img,
.purdue-home-diagonal-hero .image video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.purdue-home-diagonal-hero .image:before {
  background: hsl(0, 0%, 100%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
          clip-path: polygon(0 0, 0 100%, 100% 0);
  content: "";
  height: 101%;
  top: -0.5%;
  left: -1px;
  position: absolute;
  width: 10rem;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero .image:before {
    content: none;
  }
}
.purdue-home-diagonal-hero.has-black-background .image:before {
  background: #000;
}
.purdue-home-diagonal-hero.has-black-background .purdue-home-diagonal-hero__subtext {
  color: hsl(0, 0%, 100%);
}
.purdue-home-diagonal-hero.has-gray-background .image:before {
  background: #ededed;
}
.purdue-home-diagonal-hero.has-gold-background .image:before {
  background: #CFB991;
}
.purdue-home-diagonal-hero .container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.purdue-home-diagonal-hero__content {
  width: 42%;
}
@media screen and (max-width: 1023px) {
  .purdue-home-diagonal-hero__content {
    width: 100%;
  }
}
.purdue-home-diagonal-hero__subheader {
  margin-bottom: 3.375rem !important;
}
@media screen and (max-width: 767px) {
  .purdue-home-diagonal-hero__subheader {
    margin-bottom: 2.5rem !important;
  }
}
.purdue-home-diagonal-hero__header.second-level-page-heading {
  margin-bottom: 1.25rem !important;
  z-index: 1;
  text-align: left;
}
.purdue-home-diagonal-hero__header.second-level-page-heading:last-child {
  margin-bottom: 0 !important;
}
.purdue-home-diagonal-hero__subtext {
  color: #000;
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: left;
  max-width: 840px;
  z-index: 1;
}
.purdue-home-diagonal-hero__subtext:last-child {
  margin-bottom: 2rem !important;
}
@media screen and (max-width: 767px) {
  .purdue-home-diagonal-hero__subtext {
    font-size: 1rem;
    margin-bottom: 1.5rem !important;
  }
}
.purdue-home-diagonal-hero__subtext p {
  color: #000;
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: left;
  max-width: 840px;
  z-index: 1;
}
.purdue-home-diagonal-hero__subtext p:last-child {
  margin-bottom: 2rem !important;
}
@media screen and (max-width: 767px) {
  .purdue-home-diagonal-hero__subtext p {
    font-size: 1rem;
    margin-bottom: 1.5rem !important;
  }
}
.purdue-home-diagonal-hero .tagged-header {
  left: 10px;
}
.purdue-home-diagonal-hero .purdue-home-button-list {
  margin-top: 2rem;
  justify-content: flex-start;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .purdue-home-diagonal-hero .purdue-home-button-list {
    margin-top: 1.5rem !important;
  }
}
.purdue-home-diagonal-hero .cta-play,
.purdue-home-diagonal-hero .cta-pause {
  display: none;
  color: hsl(0, 0%, 100%);
  background: #000;
  border-radius: 50%;
  font-size: 2rem;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  z-index: 2;
  border: none;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.purdue-home-diagonal-hero .cta-play.is-active,
.purdue-home-diagonal-hero .cta-pause.is-active {
  display: block;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .purdue-home-diagonal-hero .cta-play.is-active,
  .purdue-home-diagonal-hero .cta-pause.is-active {
    bottom: 1rem;
    right: 1rem;
  }
}

/*# sourceMappingURL=style-index.css.map*/