/* Add your custom styles here */
.news-landing-header {
    .news-hero-wrapper {
      min-height: calc(80vh - 365px);
      display: flex;
      align-items: stretch;
      align-content: stretch;
      width: 100%;
      flex-direction: column;

      @media only screen and (min-width: 1055px) {
        flex-direction: row;
      }
    }

    .news-hero-featured {
      background-size: cover;
      background-position: 50%;
      background-repeat: no-repeat;
      width: 100%;
      position: relative;
      overflow: hidden;
      padding-left: 5%;
      padding-right: 5%;
      z-index: 77777;
      width: 100%;
      min-height: 300px;
      display: flex;
      align-items: flex-end;
      text-decoration: none;

      @media only screen and (min-width: 1055px) {
        max-width: 66.66%;
      }

      .featured-hero-link {
        display: flex;
        text-decoration: none;
        height: 100%;
        flex-direction: column;
        justify-content: flex-end;

        @media only screen and (min-width: 1055px) {
        }

        .featured-hero-link-inner {
          transition: all 0.2s ease-in-out;
          position: relative;
          z-index: 77778;
        }

        h1,
        h2 {
          font-size: 48px;
          line-height: 40px;
          text-align: left;
          color: #fff;
          text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.39);
          font-family: "gentonasemibold";
        }
        p {
          font-size: 24px;
          line-height: 30px;
          text-align: left;
          color: #fff;
          transition: all 0.3s ease-in-out;
        }
      }

      &:before {
        content: "";
        height: 240px;
        background: linear-gradient(
          to top,
          #343741 0%,
          rgba(0, 17, 83, 0) 100%
        );
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        mix-blend-mode: multiply;
      }

      &:after {
        content: "";
        background-color: #0021a5;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transform: translateY(101%);
        transition: all 0.2s ease-in-out;
        z-index: 9999;
        mix-blend-mode: multiply;
      }

      &:focus,
      &:focus-within {

        &::after {
          transform: translateY(0%);
        }

        .featured-hero-link-inner {
          transform: translateY(0px);
        }

        p {
          visibility: visible;
          opacity: 1;
          transform: translateY(0%);
        }

      }
    }

    .news-hero-featured.hovered {
      &::after {
        transform: translateX(0%);
      }
  }


    .hero-link {
      display: flex;
      height: 100%;
      min-height: 240px;
      flex-direction: column;
      justify-content: flex-end;
      text-decoration: none;
      background-size: cover;
      background-position: 50%;
      background-repeat: no-repeat;
      position: relative;
      overflow: hidden;
      padding-left: 5%;
      padding-right: 5%;

      .hero-link-inner {
        transition: all 0.2s ease-in-out;
        transform: translateY(20px);
        position: relative;
        z-index: 77778;

        h2 {
          font-size: 36px;
          line-height: 40px;
          text-align: left;
          color: #fff;
          text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.39);
          font-family: "gentonasemibold";
        }
        p {
          font-size: 24px;
          line-height: 30px;
          text-align: left;
          color: #fff;
          visibility: hidden;
          opacity: 0;
          transition: all 0.3s ease-in-out;
          transform: translateY(101%);
        }
      }

      &:before {
        content: "";
        height: 240px;
        background: linear-gradient(
          to top,
          #343741 0%,
          rgba(0, 17, 83, 0) 100%
        );
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        mix-blend-mode: multiply;
      }

      &:after {
        content: "";
        background-color: #0021a5;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transform: translateY(101%);
        transition: all 0.2s ease-in-out;
        z-index: 9999;
        mix-blend-mode: multiply;
      }


      &:focus {

        &::after {
          transform: translateY(0%);
        }

        .hero-link-inner {
          transform: translateY(0px);
        }

        p {
          visibility: visible;
          opacity: 1;
          transform: translateY(0%);
        }

      }
    }

    .hero-link.hovered {
      &::after {
        transform: translateX(0%);
      }
      .hero-link-inner {
        transform: translateY(0px);
      }
      p {
        visibility: visible;
        opacity: 1;
        transform: translateY(0%);
      }
  }

    .news-hero-supporting {
      display: flex;
      align-items: stretch;
      align-content: stretch;
      width: 100%;

      @media only screen and (min-width: 1055px) {
        max-width: 33.33%;
        flex-direction: column;
      }

      @media only screen and (max-width: 1024px) {
        flex-direction: column;
      }
    }
  }



  .editor-styles-wrapper .hero-link-inner {
    transform: translateY(0px) !important;
}


.editor-styles-wrapper .hero-link-inner p {
  font-size: 24px;
  line-height: 30px;
  text-align: left;
  color: #fff;
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.3s ease-in-out;
  transform: translateY(0) !important;
}