/**
  Theme Name: AUX-Stories
  Template: aux-wordpress
  Text Domain: marcomm-stories
  Theme URI: https://github.com/tamu-edu/wp-aux-stories-theme
  Author: Texas A&M University Web Team
  Author URI: https://marcomm.tamu.edu/web/
  Version: 0.0.2
 */


 @charset "UTF-8";
 .card .card__image img {
  height: auto !important;
}
 .flex-wrap {
  flex-wrap: wrap !important;
 }
.page-header__container .breadcrumbs {
  margin:0;
 }
 .page-header--primary-brand .page-header__container .breadcrumbs {
  margin-bottom:.75rem;
 }
 .page-header__container .breadcrumbs ol {
  margin:0;
 }
 .page-header.page-header--landing {
  margin-bottom:0;
 }
 .menu-marcomm-primary-nav-container {
  width:100%;
 }

.news-page-header__title {
  .tag {
    margin-bottom:.5rem;
    display:inline-block;
  }
 }

 /* NEWS ARCHIVE CARD STYLES */
 body.post-type-archive-news {
  .inline-card-group {
    .card {
      padding-bottom:1.5rem;
      margin-bottom:1.5rem;
      border-bottom:dotted #a7a7a7 2px;
      &:last-child {
        margin-bottom:0;
        border:none;
      }
    }
  }
 }

 /* DE-EMPHASIZING CATEGORY TAGS */
.heading-group a.tag.tag--category {
  font-family:"Work Sans", sans-serif;
  font-size:.9rem;
  font-weight:400;
  color: #732f2f;
  border: solid #d6d3c4 1px;
  padding:.25rem .75rem;
  text-transform: uppercase;
 }

 .news-page-header--stories {
  a.tag.tag--category {
    font-family:"Work Sans", sans-serif;
    font-size:1rem;
    font-weight:400;
    color: #d6d3c4;
    border: solid #732f2f 1px;
    padding:.25rem .75rem;
    text-transform: uppercase;
  }
 }

 .section-wrap.section-wrap--maroon, .section-wrap.section-wrap--gray-900 {
  .heading-group a.tag.tag--category {
    color: #ffffff;
    border: solid #732f2f 1px;
   }
 }

 /* NEWS AND STORY NATIVE WP CONTENT STYLES */
.wp-block-heading {
  margin-bottom:.75rem;
}

 /* ASPECT RATIO OVERRIDE */
 body.single-story, body.single-news {
  .captioned-media {
    img {
      aspect-ratio:auto;
    }
    &.captioned-media--slab {
      img {
        aspect-ratio:16/9;
      }
    }
  }
}
/* STORY PAGE STYLES */
.single-story {
  .aux-body-content {
    > .captioned-media.captioned-media--small {
      margin-top:7px;
      margin-bottom:7px;
    }
    > p {
      font-size:1.2rem;
      line-height:1.6;
    }
    > h2 {
      font-size:2.5rem;
    }
    > h3 {
      font-size:1.9rem;
    }
    > h4 {
      font-size:1.5rem;
    }
  }
}
.section-wrap {
  .story-footer {
    .story-footer__meta {
      width:50%;
      padding:0;
      margin-bottom:3rem;
      @media screen and (max-width: 992px) {
        width:calc(91.6667% + 1.25rem);
      }
      &::before {
        content:'';
        display:block;
        width:45px;
        height:5px;
        background-color:#d1d1d1;
        margin-bottom:1rem;
      }
      .date, .authors {
        font-family:"Work Sans", sans-serif;
        color:#732f2f;
        margin:0;
      }
      .date {
        font-weight:800;
      }
      .authors {
        .author {
          font-style:italic;
        }
      }
      .original {
        font-family: "Work Sans", sans-serif;
        font-size:.9rem;
      }
      .tag-collection__container {
        margin-top:1rem;
        .tag-collection__header {
          font-family:"Work Sans", sans-serif;
          font-size:1rem;
          color:#500000;
          margin-bottom:.5rem;
          display:block;
          font-weight:600;
        }
        .tag {
          font-size:.9rem;
          font-family:"Work Sans", sans-serif;
          font-weight:400;
          border: solid #a7a7a7 1px;
          padding: 0.1rem .75rem;
        }
      }
    }
   }
}

 /* STORY PAGE BREAKOUT STYLES */
body.single-story {
  .section-wrap {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    padding-bottom:3rem;
  }
  .section-wrap.section-wrap--maroon, .section-wrap.section-wrap--dynamic-maroon, .section-wrap.section-wrap--gray-100, .section-wrap.section-wrap--dynamic-gray-100, .section-wrap.section-wrap--gray-900, .section-wrap.section-wrap--dynamic-gray-900 {
    margin-bottom:1rem;
  }
  .captioned-media.captioned-media--slab, .feature-cta, .cta-feature, .media-feature, .split-feature {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
  }
  .captioned-media.captioned-media--slab {
    margin-bottom:4rem;
  }
  .feature-cta, .cta-feature, .media-feature, .split-feature {
    margin-bottom:1rem;
  }
.content-intro {
  p {
    font-size: 1.75rem;
    color:#500000;
    font-weight:700;
    a {
      font-weight:900;
    }
  }
}
}

body.single-news {
  .content-intro {
    p {
      font-size: 1.25rem;
      font-weight:500;
      a {
        font-weight:700;
      }
    }
  }
}
 /******* BEGIN CODEPEN STYLES *******/
/* STORIES HOME PAGE */
.stories-hero.stories-hero--home {
  .section-wrap {
    padding-top: 0px;
  }
.page-header__image {
      aspect-ratio: 2/1;
      background-image: linear-gradient(rgb(80, 0, 0), rgb(80, 0, 0));
       img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        opacity: .12;
      }
    }
  .stories-hero__container {
    max-width: 1000px;
    margin: 0 auto;
    z-index: 3;
    position: relative;
    padding: .5rem;
    margin-top: -45%;
      h1 {
        font-family: "Oswald", Arial, sans-serif;
        line-height: 1.1;
        font-size: clamp(1rem, 10vw, 6.25rem);
        text-transform: uppercase;
        color: #ffffff;
        text-align: center;
        span {
          display: block;
          font-weight: bold;
          font-size: clamp(1.25rem, 10vw, 9rem);
        }
      }
      .stories-hero__description {
        color: #ffffff;
        font-family: "Work Sans", arial, sans-serif;
        font-size: clamp(0.8rem, 4vw, 1.75rem);
        text-align: center;
        margin: 1rem auto;
        padding: inherit;
      }
    .stories-hero__content {
      padding: 2rem;
      padding: 3rem;
      background: #ffffff;
      border: 3px solid;
      margin: 3rem auto;
    }
  }
}

@media screen and (max-width: 830px) {
.stories-hero.stories-hero--home {
	.page-header__image {
		aspect-ratio: 1.25/1;
	}
	.stories-hero__container {
		margin-top: -65%;
	}
}
}

/* INDIVIDUAL TOPIC PAGE HEADER */
.page-header.page-header--topic {
  border-top:solid #3c0000 6px;
  margin-bottom:0;
  .page-header__image {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      opacity: 0.12;
      z-index: 1;
      clip-path: none;
       img {
        filter: gray;
        filter: grayscale(50%);
      }
    }
  .page-header__container {
    position: relative;
    padding: 6rem 3rem 12rem 3rem;
    z-index: 2;
    .page-header__content {
      width: calc(100% - 450px - 3rem);
      .heading-group.heading-group--display {
        .superhead {
          font-size: 1.25rem;
          font-weight: 600;
        }
        h1 {
          font-size: 5.5rem;
          line-height: 1.1;
        }
      }
      .page-header__description {
        font-size: 1.25rem;
      }
      .breadcrumbs {
        ol {
          margin-left: 0;
        }
      }
    }
  }
  .page-header__topic-image {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 3rem;
    padding-right: 3rem;
    img {
      width: 450px;
      aspect-ratio: 3/4;
      object-fit: cover;
    }
  }
  @media screen and (max-width: 950px) {
    .page-header__container {
      padding: 3rem;
    }
    .page-header__content {
      width: calc(100% - 400px - 3rem);
    }
    .page-header__topic-image {
      position: relative;
      padding: 0;
      display: flex;
      img {
        width: 400px;
      }
    }
  }
  @media screen and (min-width: 600px) and (max-width: 950px) {
    .page-header__container {
      padding:2rem;
      position: relative;
      z-index: 2;
      flex-wrap:nowrap;
      .page-header__content {
        width: calc(100% - 275px - 3rem);
        .heading-group.heading-group--display {
          .superhead {font-size:1.1rem;}
          h1 {
            font-size:3.5rem;
          }
        }
        .page-header__description {
          font-size:1.1rem;
        }
      }
      .page-header__topic-image {
        position: relative;
        padding: 0;
        display: flex;
        img {
          width: 275px;
        }
      }
    }
  }
  @media screen and (min-width: 600px) and (max-width: 768px) {
        .page-header__container {
      .page-header__content {
              width: 100%;
      }

    }
  }
  @media screen and (max-width: 600px) {
    .page-header__container {
      flex-direction: column;
      padding:0;
      gap:0;
      .page-header__content {
        order: 2;
        width: 100%;
        padding:1.5rem;
        .heading-group.heading-group--display {
          .superhead {font-size:1.1rem;}
          h1 {
            font-size:3.5rem;
          }
        }
        .page-header__description {
          font-size:1.1rem;
        }
      }
      .page-header__topic-image {
        position: relative;
        order: 1;
        width: 100%;
        img {
          aspect-ratio: 1/1;
          width:100%;
        }
      }
    }
  }
}



.page-header.page-header--landing {
  .page-header__image {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      opacity: 0.12;
      z-index: 1;
      clip-path: none;
       img {
        filter: gray;
        filter: grayscale(50%);
      }
    }

  .page-header__container {
    position: relative;
    padding: 6rem 3rem;
    z-index: 2;
  }
  .page-header__content {
    width: calc(75% - 3rem);
    .heading-group.heading-group--display {
      .superhead {
        font-size: 1.25rem;
        font-weight: 600;
      }
      h1 {
        font-size: 4rem;
        line-height: 1.1;
      }
    }
    .page-header__description {
      font-size: 1.25rem;
    }
    .breadcrumbs {
      ol {
        margin-left: 0;
      }
    }
  }

  @media screen and (max-width: 950px) {
    .page-header__container {
      padding: 3rem;
    }
  }
  @media screen and (min-width: 600px) and (max-width: 950px) {
    .page-header__container {
      padding: 2rem;
      .page-header__content {
        .heading-group.heading-group--display {
          .superhead { font-size: 1.1rem;}
          h1 {
            font-size: 3.5rem;
          }
        }
        .page-header__description {
          font-size: 1.1rem;
        }
      }

    }
  }

  @media screen and (max-width: 615px) {
    .page-header__container {
      flex-direction: column-reverse;
      padding: 0;
      gap: 0;
    }
    .page-header__content {
      order: 2;
      width: 100%;
      padding: 1.5rem;
    }

  }
}

/* TOPICS INDEX PAGE HEADER */
.page-header.page-header--landing {
  .page-header__content {
    &:only-child {
      width:100%;
    }
  }
}

 .section-intro.section-intro--large .heading-group .superhead {
   font-size: 1.25rem;
   font-weight: 600;
 }
 .section-intro.section-intro--large .heading-group h2 {
   font-size: 4rem;
 }
 .section-intro.section-intro--large .section-intro__description {
   font-size: 1.25rem;
 }

 .card .card__content .heading-group .tag.tag--category {
   display: inline-block;
   margin-bottom: 0.5rem;
 }

 .card .card__image a .read-time {
   position: absolute;
   z-index: 2;
   bottom: 0;
   right: 0;
   padding: 0.5rem 1rem;
   background: #f6f6f6;
   border: solid #d1d1d1 2px;
   border-radius: 24px;
   margin-right: 1rem;
 }

 .card-group.card-group--stories {
  > .heading-group.heading-group--bold {
    margin-bottom:1.5rem;
  }
  .heading-group {
    .subhead {margin-top:.2rem;}
  }
  &.card-group--on-dark {
    .heading-group {
      h2 {
        color:#d6d3c4;
      }
    }
    > .card {
      .heading-group {
        h2, h3 {
          a {
            color:#ffffff;
            &::after {
              background-color:#ffffff;
            }
            &:hover, &:active, &:focus {
              color:#d6d3c4;
              &::after {
                background-color:#d6d3c4;
              }
            }
          }
        }
        .subhead {color:#d1d1d1;}
      }
      p {color:#ffffff;}
    }
  }
 }

 .card-group.card-group--stories .card.card--inline {
   margin-bottom: 1.5rem;
 }
 .card-group.card-group--stories .card.card--inline .card__image {
   flex: 1 0 50%;
   max-width: 50%;
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
   .card-group.card-group--stories .card.card--inline .card__image {
     flex: 0 1;
     max-width: 100%;
     margin-bottom: 1.5rem;
   }
 }
 .card-group.card-group--stories .card.card--inline .card__content {
   align-self: flex-end;
   margin-bottom: 1.5rem;
 }
 .card-group.card-group--stories .card.card--inline.card--bold .card__content .heading-group.heading-group--bold-feature {
  h2, h3 {
    font-size:2.5rem;
  }
 }
 .card-group.card-group--stories .card.card--inline .card__content .heading-group.heading-group--bold-feature::before {
   content: none;
 }
 .card-group.card-group--stories .card.card--inline .card__content .heading-group.heading-group--bold-feature::after {
   content: "";
   border-bottom: 7px solid #732f2f;
   display: block;
   width: 2.5rem;
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
 }
 .card-group.card-group--stories {
  .card-container {
    display:flex;
    gap:1.5rem;
    .card-container__stories, .card-container__news {
      display:flex;
      flex-wrap:wrap;
      gap:1.5rem;
      .card {
        width:calc(33.33% - 1rem);
        @media screen and (max-width:900px) {
          width:100%;
        }
      }
    }
    &[post-count="1-0"] {
          width:75%;
          margin:0 auto;
          @media screen and (max-width:950px) {
            width:100%;
          }
    }
    /* two-column container */
    &[post-count="1-1"] {
      .card-container__stories, .card-container__news {
        width:calc(50% - .75rem);
        @media screen and (max-width:768px) {
          width:100%;
        }
      }
    }
    /* one thirds - two thirds */
    &[post-count="1-2"], &[post-count="1-3"], &[post-count="1-4"], &[post-count="1-5"] {
      align-items:flex-start;
      .card-container__stories {
        width:calc(33.33% - 1rem);
        @media screen and (max-width:1100px) {
          width:calc(50% - 1rem);
        }
        @media screen and (max-width:768px) {
          width:100%;
        }
        .card {
          width:100%;
        }
      }
      .card-container__news {
        width:calc(66.66% - 1rem);
        @media screen and (max-width:1100px) {
          width:calc(50% - 1rem);
        }
        @media screen and (max-width:768px) {
          width:100%;
        }
      }
    }
    /* two thirds - one thirds */
    &[post-count="2-2"] {
      align-items:flex-start;
      .card-container__stories {
        width:calc(66.66% - 1rem);
        .card {
          width: calc(50% - .75rem);
          @media screen and (max-width:768px) {
            width:100%;
          }
        }
        @media screen and (max-width:900px) {
          width:100%;
        }
      }
      .card-container__news {
        width:calc(33.33% - 1rem);
        @media screen and (max-width:900px) {
          width:100%;
        }
      }
    }

    /* horizontal story cards */
    &[post-count="0-1"], &[post-count="1-0"], &[post-count="1-1"], &[post-count="2-0"], &[post-count="2-1"], &[post-count="2-3"], &[post-count="2-4"], &[post-count="4-0"], &[post-count="4-1"], &[post-count="4-2"] {
      .card-container__stories {
        display:flex;
        .card {
          flex-direction:row;
          gap:1.5rem;
          width:calc(50% - .75rem);
          &:only-child {
            width:100%;
          }
          .card__image {
            order:2;
            width:25%;
            margin-bottom:0;
            min-width:200px;
            img {
              aspect-ratio:1/1;
              align-self:flex-start;
            }
          }
          .card__content {
            order:1;
            width:75%;
          }
          @media screen and (max-width:1000px) {
            width:100%;
          }
          @media screen and (max-width:768px) {
            flex-direction:column;
            .card__image {
              order:1;
              min-width:300px;
            }
            .card__content {
              order:2;
            }
          }
        }
      }
    }
    &[post-count="5-0"], &[post-count="5-1"] {
      .card-container__stories {
        display:flex;
        .card:nth-child(4), .card:nth-child(5) {
          flex-direction:row;
          gap:1.5rem;
          width:calc(50% - .75rem);
          &:only-child {
            width:100%;
          }
          .card__image {
            order:2;
            width:25%;
            margin-bottom:0;
            min-width:200px;
            img {
              aspect-ratio:1/1;
              align-self:flex-start;
            }
          }
          .card__content {
            order:1;
            width:75%;
          }
          @media screen and (max-width:1000px) {
            width:100%;
          }
          @media screen and (max-width:768px) {
            flex-direction:column;
            .card__image {
              order:1;
              min-width:300px;
            }
            .card__content {
              order:2;
            }
          }
        }
      }
    }
    /* vertical news cards */
    &[post-count="1-1"], &[post-count="1-2"], &[post-count="1-3"], &[post-count="2-2"] {
      .card-container__news {
        .card {
          width:100%;
          border-bottom:dotted #d1d1d1 2px;
          &:last-child {
            padding:0;
            border:none;
          }
        }
      }
    }
    /* half width news cards */
    &[post-count="0-2"], &[post-count="0-4"], &[post-count="1-4"], &[post-count="1-5"], &[post-count="2-4"], &[post-count="3-2"], &[post-count="4-2"] {
      .card-container__news {
      .card {
        width:calc(50% - .75rem);
      }
    }
    }
    &[post-count="0-5"] {
      .card-container__news {
        .card {
          &:nth-child(4), &:nth-child(5) {
            width:calc(50% - .75rem);
          }
        }
      }
    }
   }
   &.card-group--on-dark {
    .card-container {
      &[post-count="1-1"], &[post-count="1-2"], &[post-count="1-3"], &[post-count="2-2"] {
        .card-container__news {
          .card {
            border-color:#732f2f;
          }
        }
      }
    }
   }
 }

 .split-col--story .card {
   display: flex;
   flex-direction: row;
   gap: 1rem;
 }
 @media screen and (max-width: 500px) {
   .split-col--story .card {
     flex-direction: column;
   }
 }
 .split-col--story .card .card__content {
   order: 1;
   width:100%;
 }
 @media screen and (max-width: 500px) {
   .split-col--story .card .card__content {
     order: 2;
   }
 }
 .split-col--story .card .card__content .heading-group.heading-group--bold h2 {
   font-family: "Work Sans", Arial, sans-serif;
   font-weight: 700;
   font-style: italic;
   font-size: 2.2rem;
   text-transform:none;
 }
 .split-col--story .card .card__content .heading-group.heading-group--bold h2 a::after {
  mask-size: 1.25rem;
  -webkit-mask-size: 1.25rem;
  width: 1.5rem;
  height: 1.25rem;
  content: "";
  font-size: 1.1rem;
  transition: 0.2s ease;
  display: inline-block;
  background-color: #500000;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-repeat: no-repeat;
  mask-position: bottom;
  -webkit-mask-image: url("https://aux.tamu.edu/icons/aux-prod-icons/arrow-right-long.svg");
  mask-image: url("https://aux.tamu.edu/icons/aux-prod-icons/arrow-right-long.svg");
  margin-left: 0.5rem;
}
.split-col--story .card .card__content .heading-group.heading-group--bold h2 a:hover::after, .split-col--story .card .card__content .heading-group.heading-group--bold h2 a:active::after, .split-col--story .card .card__content .heading-group.heading-group--bold h2 a:focus::after {
  background-color: #732f2f;
}
 .split-col--story .card .card__image {
   order: 2;
   max-width: 250px;
   aspect-ratio: 1/1;
   align-self: flex-start;
 }
 @media screen and (max-width: 500px) {
   .split-col--story .card .card__image {
     order: 1;
   }
 }
 .split-col .col {
   padding: 0 2rem;
   display: flex;
   gap: 0.5rem;
   flex-direction: column;
   justify-content: space-between;
   border-right: solid #a7a7a7 2px;
 }
 @media screen and (max-width: 768px) {
   .split-col .col {
     border-right: none;
     border-bottom: solid #a7a7a7 2px;
     padding: 2rem 0;
   }
 }
 .split-col .col:last-child {
   border-right: none;
 }
 @media screen and (max-width: 768px) {
   .split-col .col:last-child {
     border-bottom: none;
   }
 }
 .split-col .col__feed .heading-group.heading-group--feature {
   margin-bottom: 1.5rem;
 }
 .split-col .col__feed .heading-group.heading-group--feature h2 {
   font-size: 3rem;
 }
 .split-col .col__feed .card {
   border-bottom: dotted #a7a7a7 2px;
   padding-bottom: 1.5rem;
   margin-bottom: 1.5rem;
 }
 .split-col .col__feed .card:last-child {
   padding-bottom: 0;
   border: none;
 }
 .split-col .col .btn.btn--primary-alt {
   width: 100%;
   margin-bottom: 0;
 }

 .sidebar-panel {
   border-radius: 12px;
   padding: 0;
   margin-bottom: 1.5rem;
 }
 .sidebar-panel .sidebar-panel__heading {
   border-radius: 12px 12px 0 0;
   padding: 1rem;
   background: #eaeaea;
   display: flex;
   justify-content: space-between;
   gap: 1rem;
 }
 .sidebar-panel .sidebar-panel__heading .heading {
   font-size: 1.625rem;
   color: #500000;
   font-style: italic;
   text-transform: uppercase;
   font-weight: 800;
   line-height: 1.5;
   font-family: "Work Sans", sans-serif;
 }
 .sidebar-panel .sidebar-panel__heading svg {
   flex: 0 0 25px;
   margin-top: 0.25rem;
   height: 25px;
   fill: #500000;
 }
 .sidebar-panel .sidebar-panel__content {
   padding: 3rem;
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   border-radius: 0 0 12px 12px;
 }
 .sidebar-panel .sidebar-panel__content .card {
   padding-bottom: 1.5rem;
   border-bottom: dotted #a7a7a7 2px;
 }
 .sidebar-panel .sidebar-panel__content .card:only-child {
   padding: 0;
   border: none;
 }
 .sidebar-panel .sidebar-panel__content .btn.btn--primary-alt {
   display: block;
   width: 100%;
   margin: 0;
 }
 .sidebar-panel--related {
   background: #f6f6f6;
 }
 .sidebar-panel--related .sidebar-panel__content {
   padding: 1.5rem;
 }
 .sidebar-panel--focus {
   background: #f6f6f6;
 }
 .sidebar-panel--focus .sidebar-panel__content .card {
   padding-bottom: 1.5rem;
   border-bottom: dotted #a7a7a7 2px;
 }
 .sidebar-panel--focus .sidebar-panel__content .btn.btn--primary-alt {
   display: block;
   width: 100%;
 }
 .sidebar-panel--resources .sidebar-panel__heading, .sidebar-panel--featured-story .sidebar-panel__heading {
   background: #3c0000;
 }
 .sidebar-panel--resources .sidebar-panel__heading .heading, .sidebar-panel--featured-story .sidebar-panel__heading .heading {
   color: #fff;
 }
 .sidebar-panel--resources .sidebar-panel__heading svg, .sidebar-panel--featured-story .sidebar-panel__heading svg {
   fill: #fff;
 }
 .sidebar-panel--resources .sidebar-panel__content, .sidebar-panel--featured-story .sidebar-panel__content {
   background: #500000;
 }
 .sidebar-panel--resources .sidebar-panel__content {
   padding: 1.5rem;
 }
 .sidebar-panel--resources .sidebar-panel__content .link-list {
   margin: 0;
 }
 .sidebar-panel--resources .sidebar-panel__content .link-list ul li {
   margin-bottom: 1.5rem;
   padding-bottom: 1.5rem;
   border-bottom: dotted #732f2f 2px;
 }
 .sidebar-panel--resources .sidebar-panel__content .link-list ul li:last-child {
   margin: 0;
   padding: 0;
   border: none;
 }
 .sidebar-panel--top {
   border: solid #500000 3px;
 }
 .sidebar-panel--top .sidebar-panel__content ol {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .sidebar-panel--top .sidebar-panel__content ol li {
   margin: 0;
   padding: 0;
   padding-bottom: 1.5rem;
   border-bottom: dotted #a7a7a7 2px;
   margin-bottom: 1.5rem;
   display: flex;
   align-items: flex-start;
   gap: 1.5rem;
 }
 .sidebar-panel--top .sidebar-panel__content ol li:last-child {
   margin: 0;
   border: none;
   padding: 0;
 }
 .sidebar-panel--top .sidebar-panel__content ol li .card {
   border-bottom: 0;
   padding-bottom: 0;
 }
 .sidebar-panel--top .sidebar-panel__content ol li::before {
   padding: 1rem;
   background: #eaeaea;
   font-size: 2.25rem;
   font-family: "Work Sans", sans-serif;
   font-weight: 900;
   color: #500000;
   border-radius: 12px;
   min-width: 35px;
   display: flex;
   justify-content: center;
   line-height: 1;
   color: black;
   -webkit-text-fill-color: #eaeaea;
   /* Will override color (regardless of order) */
   -webkit-text-stroke: 3px #500000;
 }
 .sidebar-panel--top .sidebar-panel__content ol li:first-child::before {
   content: "1";
 }
 .sidebar-panel--top .sidebar-panel__content ol li:nth-child(2)::before {
   content: "2";
 }
 .sidebar-panel--top .sidebar-panel__content ol li:last-child::before {
   content: "3";
 }

 .search-block.search-block--stories {
   padding-bottom: 3rem;
 }
 .search-block.search-block--stories .search-block__links {
   display: flex;
   gap: 1.5rem;
   align-items: center;
 }
 @media screen and (max-width: 768px) {
   .search-block.search-block--stories .search-block__links {
     flex-wrap: wrap;
   }
 }
 .search-block.search-block--stories .search-block__links .sidebar-panel {
   width: 33.33%;
   margin-bottom: 0;
 }
 @media screen and (max-width: 768px) {
   .search-block.search-block--stories .search-block__links .sidebar-panel {
     width: 100%;
   }
 }
 .search-block.search-block--stories .search-block__links .sidebar-panel .sidebar-panel__content {
   padding: 1rem;
 }
 .search-block.search-block--stories .search-block__links .sidebar-panel .sidebar-panel__content .link-list ul li {
   margin-bottom: 1rem;
   padding-bottom: 1rem;
 }
 .search-block.search-block--stories .search-block__links .sidebar-panel .sidebar-panel__content .link-list ul li:last-child {
   padding-bottom: 0;
   margin-bottom: 0;
 }
 .search-block.search-block--stories .search-block__links > .link-list {
   margin-top: 0;
   width: 66.66%;
   margin-bottom: 0;
 }
 @media screen and (max-width: 768px) {
   .search-block.search-block--stories .search-block__links > .link-list {
     width: 100%;
   }
 }
 .search-block.search-block--stories .search-block__links > .link-list h2, .search-block.search-block--stories .search-block__links > .link-list h3 {
   border-bottom: dotted #a7a7a7 2px;
   padding-bottom: 0.75rem;
   margin-bottom: 1.5rem;
 }
 .search-block.search-block--stories .search-block__links > .link-list ul {
   column-count: 2;
   column-gap: 1rem;
 }
 @media screen and (max-width: 768px) {
   .search-block.search-block--stories .search-block__links > .link-list ul {
     column-count: 1;
   }
 }
 .search-block.search-block--stories .search-block__links > .link-list:only-child {
   width: 100%;
 }
 .search-block.search-block--stories .search-block__links > .link-list:only-child ul {
   column-count: 3;
 }
 @media screen and (max-width: 768px) {
   .search-block.search-block--stories .search-block__links > .link-list:only-child ul {
     column-count: 1;
   }
 }
 .search-block.search-block--stories.search-block--more-col .search-block__links > .link-list ul {
   column-count: 3;
 }
 @media screen and (max-width: 1000px) {
   .search-block.search-block--stories.search-block--more-col .search-block__links > .link-list ul {
     column-count: 2;
   }
 }
 @media screen and (max-width: 768px) {
   .search-block.search-block--stories.search-block--more-col .search-block__links > .link-list ul {
     column-count: 1;
   }
 }
 .search-block.search-block--stories.search-block--more-col .search-block__links > .link-list:only-child ul {
   column-count: 4;
 }
 @media screen and (max-width: 1000px) {
   .search-block.search-block--stories.search-block--more-col .search-block__links > .link-list:only-child ul {
     column-count: 2;
   }
 }
 @media screen and (max-width: 768px) {
   .search-block.search-block--stories.search-block--more-col .search-block__links > .link-list:only-child ul {
     column-count: 1;
   }
 }

 .media-grid {
   display: flex;
   align-items: center;
   padding-bottom: 3rem;
 }
 .media-grid--border {
   position: relative;
 }
 .media-grid--border::before {
   position: absolute;
   top: -3px;
   left: -3px;
   margin-left: -0.75rem;
   display: block;
   content: "";
   width: calc(100% + 1.5rem);
   height: calc(100% - 9rem);
   border: solid #d1d1d1 3px;
   margin-top: 3rem;
   z-index: -1;
 }
 .media-grid--border.media-grid--bold::before {
   border: solid #500000 6px;
 }
 .media-grid--border.media-grid--elegant::before {
   border: dotted #732f2f 2px;
 }
 @media screen and (max-width: 758px) {
   .media-grid > .panel {
     margin-bottom: 1.5rem;
   }
 }
 .media-grid .horizontal-panels {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }
 .media-grid .horizontal-panels .panel {
   width: 100%;
 }
 .media-grid .panel {
   display: flex;
 }
 .media-grid .panel .opening-quote::before {
   content: "”";
   font-size: 10rem;
   line-height: 1;
   font-weight: bold;
   height: 3px;
   color: #732f2f;
   display: block;
   font-family: "Oswald", sans-serif;
   margin-top: -1.25rem;
 }
 .media-grid .panel .opening-quote--bold::before {
   font-family: "Work Sans", sans-serif;
 }
 .media-grid .panel .opening-quote--elegant::before {
   font-family: "Georgia", serif;
 }
 .media-grid .panel .standalone-blockquote {
   padding: 0;
 }
 .media-grid .panel .standalone-blockquote .blockquote.blockquote--has-cite {
   padding: 0;
   margin: 0;
 }
 .media-grid .panel .standalone-blockquote .blockquote.blockquote--has-cite .blockquote__content::before {
   content: none;
 }
 .media-grid .panel .standalone-blockquote .blockquote.blockquote--has-cite .blockquote__content p {
   font-size: 1.5rem;
 }
 .media-grid .panel .standalone-blockquote .blockquote.blockquote--has-cite .blockquote__cite .name {
   font-size: 1.5rem;
 }
 .media-grid .panel .captioned-media {
   margin-bottom: 0;
 }
 .media-grid .panel .captioned-media .caption {
   border: none;
   background: #ffffff;
 }
 .media-grid .panel .captioned-media .caption svg {
   fill: #732f2f;
 }
 .media-grid .panel .captioned-media .caption .caption__content > *, .media-grid .panel .captioned-media .caption .caption__credit > * {
   font-family: "Work Sans", sans-serif;
   font-size: 0.9rem;
 }
 .media-grid .panel img, .media-grid .panel iframe {
   width: 100%;
   object-fit: cover;
 }
 .media-grid .panel .panel__wrapper {
   background: #500000;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 2rem;
   align-items: flex-end;
 }
 .media-grid .panel .panel__wrapper .divider--mini {
   margin: 0;
   background: #732f2f;
 }
 .media-grid .panel .panel__wrapper .pullquote {
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 0 2rem;
 }
 .media-grid .panel .panel__wrapper .panel__content {
   width: 100%;
 }
 .media-grid .panel .panel__wrapper .panel__content .heading-group, .media-grid .panel .panel__wrapper .panel__content p, .media-grid .panel .panel__wrapper .panel__content .icon-wrapper {
   margin-bottom: 0.5rem;
 }
 .media-grid .panel .panel__wrapper .panel__content p {
   color: #fff;
 }
 .media-grid .panel .panel__wrapper .panel__content .link-list {
   margin-bottom: 0;
 }
 .media-grid .panel .panel__wrapper .panel__content .icon-wrapper svg {
   width: 50px;
   height: 50px;
   fill: #fff;
 }
 .media-grid .panel--square img, .media-grid .panel--square iframe, .media-grid .panel--square .panel__wrapper {
   aspect-ratio: 1/1;
 }
 .media-grid .panel--camera-vertical img, .media-grid .panel--camera-vertical iframe, .media-grid .panel--camera-vertical .panel__wrapper {
   aspect-ratio: 4/6;
 }
 .media-grid .panel--widescreen-vertical img, .media-grid .panel--widescreen-vertical iframe, .media-grid .panel--widescreen-vertical .panel__wrapper {
   aspect-ratio: 9/16;
 }
 .media-grid .panel--camera-horizontal img, .media-grid .panel--camera-horizontal iframe, .media-grid .panel--camera-horizontal .panel__wrapper {
   aspect-ratio: 6/4;
 }
 .media-grid .panel--widescreen-horizontal img, .media-grid .panel--widescreen-horizontal iframe, .media-grid .panel--widescreen-horizontal .panel__wrapper {
   aspect-ratio: 16/9;
 }

 .section-wrap.section-wrap--maroon .media-grid .panel .panel__wrapper {
   border: solid #732f2f 2px;
 }
 .section-wrap.section-wrap--maroon .media-grid .captioned-media .caption {
   background: #500000;
 }
 .section-wrap.section-wrap--maroon .media-grid .captioned-media .caption svg {
   fill: #732f2f;
 }
 .section-wrap.section-wrap--maroon .media-grid .captioned-media .caption .caption__content {
   color: #fff;
 }
 .section-wrap.section-wrap--maroon .media-grid .captioned-media .caption .caption__credit {
   color: #d1d1d1;
 }
 .section-wrap.section-wrap--maroon .media-grid--bold .panel .panel__wrapper {
   border: solid #732f2f 4px;
 }
 .section-wrap.section-wrap--maroon .media-grid--elegant .panel .panel__wrapper {
   border: dotted #732f2f 2px;
 }

 .section-wrap.section-wrap--full {
   padding: 0;
   margin: 0;
 }
 .section-wrap.section-wrap--full .image-gallery {
   max-width: 100%;
   padding: 3rem 0;
   margin: 0;
   width: 100%;
 }
 .section-wrap.section-wrap--full .image-gallery .section-intro {
   max-width: 1400px;
   margin: 0 auto;
   margin-bottom: 3rem;
 }
 .section-wrap.section-wrap--full .image-gallery .image-gallery__wrapper {
   padding: 0;
 }

 .image-gallery__wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
 }
 @media screen and (max-width: 450px) {
   .image-gallery__wrapper {
     grid-template-columns: 1fr;
   }
 }
 .image-gallery__wrapper--four-col {
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 .image-gallery__wrapper--two-col {
   grid-template-columns: 1fr 1fr;
 }
 .image-gallery__wrapper a {
   display: flex;
   aspect-ratio: 1/1;
   border: solid #fff 0.5rem;
   text-decoration: none;
   padding: 0;
   background: none;
 }
 .image-gallery__wrapper a.large {
   grid-column: span 2;
   aspect-ratio: 2/1;
 }
 @media screen and (max-width: 450px) {
   .image-gallery__wrapper a.large {
     grid-column: span 1;
   }
 }
 .image-gallery__wrapper a::after {
   font-size: 2rem;
   position: absolute;
   line-height: 1;
   padding: 0.65rem 1rem 0.75rem;
   border: solid #fff 2px;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   content: "+";
   font-weight: 400;
   transition: 0.3s ease;
   opacity: 0;
   margin-right: 1rem;
 }
 @media screen and (max-width: 768px) {
   .image-gallery__wrapper a::after {
     font-size: 1.25rem;
     padding: 0.325rem 0.65rem 0.375rem;
   }
 }
 .image-gallery__wrapper a:hover::after, .image-gallery__wrapper a:active::after, .image-gallery__wrapper a:focus::after {
   transition: 0.3s ease;
   opacity: 1;
   color: #fff;
   margin-bottom: 1rem;
 }
 .image-gallery__wrapper img {
   width: 100%;
   object-fit: cover;
 }
 .image-gallery__wrapper--camera-vertical a {
   aspect-ratio: 2/3;
 }
 .image-gallery__wrapper--camera-vertical a.large {
   aspect-ratio: 8/6;
 }
 .image-gallery__wrapper--camera-horizontal a {
   aspect-ratio: 3/2;
 }
 .image-gallery__wrapper--camera-horizontal a.large {
   aspect-ratio: 3/1;
 }
 .image-gallery__wrapper--widescreen-vertical a {
   aspect-ratio: 9/16;
 }
 .image-gallery__wrapper--widescreen-vertical a.large {
   aspect-ratio: 9/8;
 }
 .image-gallery__wrapper--widescreen-horizontal a {
   aspect-ratio: 16/9;
 }
 .image-gallery__wrapper--widescreen-horizontal a.large {
   aspect-ratio: 32/9;
 }

 .custom-content.custom-content--stories .custom-content__wrapper .custom-content__content p {
   font-size: 1.25rem;
 }
 .custom-content.custom-content--stories .custom-content__wrapper .custom-content__content p.intro {
   font-size: 2rem;
   font-family: "Work Sans", sans-serif;
   color: #500000;
   font-weight: bold;
 }

 .card--topic .card__image, .card-group--topic .card .card__image {
   margin-bottom: 0;
 }
 .card--topic .card__image img, .card-group--topic .card .card__image img {
   width: 100%;
   aspect-ratio: 5/7;
   object-fit: cover;
 }
 .card--topic .card__content, .card-group--topic .card .card__content {
   background: #faf7f3;
   padding: 1rem;
 }
 .card--topic .card__content .heading-group h2, .card-group--topic .card .card__content .heading-group h2, .card--topic .card__content .heading-group h3, .card-group--topic .card .card__content .heading-group h3 {
   font-family: "Oswald", sans-serif;
   font-size: 2rem;
   font-weight: normal;
 }

 .card--on-dark .card__content, .card-group--topic.card-group--on-dark .card .card__content {
   background: #3c0000;
 }
 .card--on-dark .card__content .heading-group h2 a, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a, .card--on-dark .card__content .heading-group h3 a, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a {
   color: #fff;
 }
 .card--on-dark .card__content .heading-group h2 a:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a:after, .card--on-dark .card__content .heading-group h3 a:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a:after {
   background-color: #fff;
 }
 .card--on-dark .card__content .heading-group h2 a:hover, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a:hover, .card--on-dark .card__content .heading-group h2 a:active, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a:active, .card--on-dark .card__content .heading-group h2 a:focus, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a:focus, .card--on-dark .card__content .heading-group h3 a:hover, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a:hover, .card--on-dark .card__content .heading-group h3 a:active, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a:active, .card--on-dark .card__content .heading-group h3 a:focus, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a:focus {
   color: #d6d3c4;
 }
 .card--on-dark .card__content .heading-group h2 a:hover:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a:hover:after, .card--on-dark .card__content .heading-group h2 a:active:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a:active:after, .card--on-dark .card__content .heading-group h2 a:focus:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h2 a:focus:after, .card--on-dark .card__content .heading-group h3 a:hover:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a:hover:after, .card--on-dark .card__content .heading-group h3 a:active:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a:active:after, .card--on-dark .card__content .heading-group h3 a:focus:after, .card-group--topic.card-group--on-dark .card .card__content .heading-group h3 a:focus:after {
   background-color: #d6d3c4;
 }
 .card--on-dark .card__content p, .card-group--topic.card-group--on-dark .card .card__content p {
   color: #fff;
 }
 .card--on-dark .card__content p a, .card-group--topic.card-group--on-dark .card .card__content p a {
   color: #fff;
 }
 .card--on-dark .card__content p a:hover, .card-group--topic.card-group--on-dark .card .card__content p a:hover, .card--on-dark .card__content p a:focus, .card-group--topic.card-group--on-dark .card .card__content p a:focus, .card--on-dark .card__content p a:active, .card-group--topic.card-group--on-dark .card .card__content p a:active {
   color: #d6d3c4;
 }

 .news-page-header.news-page-header--featured.news-page-header--stories {
   background: #500000;
   display: flex;
   align-items: flex-start;
   margin-bottom: 0;
   justify-content: center;
   margin-bottom: 3rem;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories {
     flex-wrap: wrap;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories.news-page-header--large {
   margin-bottom: 20rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__media .captioned-media .caption {
   background: #3c0000;
   border: none;
   color: #fff;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__media .captioned-media .caption .caption__credit {
   color: #d6d3c4;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__media .captioned-media .caption .caption__credit svg {
   fill: #d6d3c4;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories > .news-page-header__media {
   max-width: 700px;
   padding: 3rem;
   width: 100%;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories > .news-page-header__media {
     max-width: 100%;
     padding-top: 0;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container {
   width: 100%;
   padding: 3rem;
   max-width: 700px;
   margin: 0;
   display: flex;
   flex-direction: column;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container {
     max-width: 100%;
     width: 100%;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__media {
   width: 100%;
   display: flex;
   margin-top: 2rem;
   padding: 0 2rem;
   justify-content: center;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__media {
     padding: 0;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__content {
   display: flex;
   gap: 1.5rem;
   flex-direction: column;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info {
   border: solid #732f2f 2px;
   border-radius: 16px;
   padding: 1rem;
   width: 100%;
   align-self: flex-start;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .time {
   font-family: "Work Sans", sans-serif;
   color: #ffffff;
   font-size: 1.1rem;
   font-weight: bold;
   text-transform: uppercase;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .divider--mini {
   background: #732f2f;
   margin: 0;
   margin-bottom: 1rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .superhead {
   color: #d6d3c4;
   border-bottom: solid #732f2f 1px;
   padding-bottom: 0.25rem;
   font-style: italic;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .superhead:last-child {
   font-style: normal;
   padding: 0;
   border: none;
   margin: 0;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .post-date, .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .post-author {
   color: #d6d3c4;
   font-family: "Work Sans", sans-serif;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .post-date {
   font-weight: 800;
   margin-bottom: 0.25rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .post-author .author {
   font-style: italic;
   display: block;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .post-author .author:first-child {
   display: inline;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .media {
   margin: 0;
   display: flex;
   gap: 1rem;
   align-items: center;
   margin-top: 1rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .media li {
   font-family: "Work Sans", sans-serif;
   font-size: 1rem;
   color: #ffffff;
   display: flex;
   align-items: center;
   margin-bottom: 0;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__info .media li svg {
   fill: #ffffff;
   width: 1rem;
   height: 1rem;
   margin-right: 0.5rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__title {
   padding: 0;
   border: none;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__title h1 {
   font-family: "Work Sans", sans-serif;
   font-weight: 900;
   font-size: 3.25rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__title .title__subhead {
   font-family: "Work Sans", sans-serif;
   color: #d1d1d1;
   font-size: 1.25rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container .news-page-header__title .superhead {
   font-size: 1.1rem;
   color: #d6d3c4;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child {
   max-width: 1400px;
   margin: 0 auto;
   flex-direction: row;
   width: 100%;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__media {
   margin-bottom: -20rem;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__media .captioned-media {
   width: 100%;
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content {
  width: calc(75% - 0.75rem);
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content {
     width: 100%;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content .news-page-header__title h1 {
   font-size: 4rem;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content .news-page-header__title h1 {
     font-size: 3.5rem;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content .news-page-header__title .title__subhead {
   font-size: 1.5rem;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content .news-page-header__title .title__subhead {
     font-size: 1.25rem;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content .news-page-header__title .superhead {
   font-size: 1.375rem;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__content .news-page-header__title .superhead {
     font-size: 1.1rem;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__info {
   width: calc(25% - 0.75rem);
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__info {
     width: 100%;
   }
 }
 .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__info .media {
   flex-direction: column;
   gap: 0.5rem;
   align-items: flex-start;
 }
 @media screen and (max-width: 950px) {
   .news-page-header.news-page-header--featured.news-page-header--stories .news-page-header__container:only-child .news-page-header__info .media {
     flex-direction: row;
     gap: 1rem;
   }
 }

 .captioned-media img {
   aspect-ratio: auto;
 }

 figure figcaption {
   margin-top: -10px;
 }

 .caption {
   padding: 1.5rem;
 }

 .caption__caption {
   font-size: 0.875rem;
   font-weight: 400;
   color: #434343;
 }

 .caption__attribution {
   line-height: 1.5;
   font-style: italic;
   margin-top: 0.75rem;
   font-size: 0.9rem;
   display: block;
   color: #3e3e3e;
 }

 /* Divider Styles */
 .caption__divider {
   width: 6.25rem;
   border-color: black;
   margin-left: 0;
 }

 figure.alignnone {
   max-width: 100%;
   width: 100%;
   margin: 1rem auto;
 }

 figure.alignnone img {
   max-width: 100%;
   width: 100%;
   height: auto;
 }

 figure.alignleft {
   float: left;
   width: auto;
   max-width: 350px;
   margin-right: 2rem;
   clear: right;
   margin-top: 1rem;
   margin-bottom: 1rem;
 }

 figure.alignleft {
   margin-right: 1rem;
 }

 figure.alignleft img, figure.alignright img {
   max-width: 350px;
   height: auto;
 }

 figure.alignright {
   float: right;
   width: auto;
   max-width: 350px;
   margin-right: 2rem;
   margin-top: 1rem;
   margin-bottom: 1rem;
   clear: left;
 }

 figure.alignright {
   margin-left: 1rem;
 }

 /* -- MAY NEED TO ADD TO THE WP THEME -- */
 .tag {
   text-transform: capitalize;
 }

 .site-header--stories .utility-nav {
   border-bottom: 1px solid #732f2f;
 }
 .site-header--stories .utility-nav .utility-nav__container {
   padding: 1.25rem;
 }
 .site-header--stories .utility-nav .utility-nav__container .utility-nav__right {
   width: 65%;
   flex-wrap: wrap;
   display: flex;
   align-items: center;
 }
 .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search__label {
   color: #d1d1d1;
   font-family: "Work Sans", arial, sans-serif;
 }
 .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search {
   width: 35%;
   border-bottom: 1px solid #fff;
 }
 .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search button[type=submit] {
   background: transparent;
 }
 .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search button[type=submit]:before {
   content: "";
   display: inline-block;
   height: 25px;
   width: 1px;
   background: #732f2f;
   flex: 1 1 auto;
   margin-right: 1rem;
 }
 .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search button[type=submit]:hover, .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search button[type=submit]:focus, .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search button[type=submit]:active {
   background: #732f2f !important;
 }
 .site-header--stories .utility-nav .utility-nav__container .utility-nav__right .search button[type=submit] svg {
   width: 1rem;
   height: 1rem;
 }

 .site-title {
   font-size: 1.75rem;
   font-style: italic;
   font-weight: 900 !important;
   font-family: "Work Sans", sans-serif !important;
 }
 .site-title a {
   text-decoration: none;
 }
 .site-title a:hover, .site-title a:active, .site-title a:focus {
   text-decoration: underline;
 }

 .identity--primary {
   width: 240px;
 }
 .identity--primary a img:only-child {
   width: 100%;
 }
 .identity a {
   text-decoration: none;
   max-width: 350px;
   width: 100%;
   display: flex;
   gap: 1rem;
   font-weight: normal;
   align-items: center;
 }
 .identity a:hover, .identity a:active {
   text-decoration: underline;
 }
 .identity a .identity__logo {
   width: 75px;
   min-width: 75px;
   display: flex;
 }
 .identity a .identity__logo img {
   width: 100%;
 }
 .identity a .identity__wordmark .wordmark__small,
 .identity a .identity__wordmark .wordmark__large {
   display: block;
   color: #000;
   font-family: "open-sans", arial, sans-serif;
 }
 .identity a .identity__wordmark .wordmark__small {
   font-size: 0.9rem;
   text-transform: uppercase;
   letter-spacing: 0.25px;
   font-weight: 600;
 }
 .identity a .identity__wordmark .wordmark__large {
   font-size: 1.35rem;
 }

 .site-header__identity {
   display: flex;
   max-width: 1400px;
   margin: 0 auto;
   padding: 1rem;
   justify-content: space-between;
   align-items: center;
   gap: 1rem;
 }

 .site-header__nav .menu {
   list-style-type: none;
   padding: 0;
   display: flex;
   max-width: 1400px;
   margin: 0 auto;
 }
 .site-header__nav .menu .menu-item {
   margin: 0;
   padding: 0;
   display: flex;
 }
 .site-header__nav .menu .menu-item a,
 .site-header__nav .menu .menu-item button {
   position: relative;
   color: #000000;
   font-weight: 600;
   text-decoration: none;
   display: block;
   padding: 0.75rem;
   background: transparent;
   font-size: 1rem;
   border: none;
   font-family: "Work Sans", arial, sans-serif;
   transition: 0.2s ease;
   text-align: center;
   cursor: pointer;
   align-self: stretch;
   display: flex;
   align-items: center;
 }
 .site-header__nav .menu .menu-item a:hover, .site-header__nav .menu .menu-item a:focus, .site-header__nav .menu .menu-item a:active,
 .site-header__nav .menu .menu-item button:hover,
 .site-header__nav .menu .menu-item button:focus,
 .site-header__nav .menu .menu-item button:active {
   text-decoration: underline;
   box-shadow: none;
 }
 .site-header__nav .menu .menu-item a:focus-visible,
 .site-header__nav .menu .menu-item button:focus-visible {
   outline: dotted underline 2px;
   outline-offset: 2px;
 }
 .site-header__nav .menu .menu-item a.active,
 .site-header__nav .menu .menu-item button.active {
   color: #500000;
   background: #d1d1d1;
 }
 .site-header__nav .menu .menu-item.menu-item--dropdown {
   position: relative;
 }
 .site-header__nav .menu .menu-item.menu-item--dropdown .dropdown-toggle {
   display: flex;
   align-items: center;
 }
 .site-header__nav .menu .menu-item.menu-item--dropdown .dropdown-toggle::after {
   content: "";
   transition: 0.2s ease;
   display: inline-block;
   background-color: #000000;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 0.8rem;
   mask-repeat: no-repeat;
   mask-position: center;
   -webkit-mask-position: center;
   mask-size: 0.8rem;
   width: 1.1rem;
   min-width: 1.1rem;
   height: 1rem;
   -webkit-mask-image: url("../../../static/icons/aux-prod-icons/angle-down.svg");
   mask-image: url("../../../static/icons/aux-prod-icons/angle-down.svg");
   margin-left: 0.3rem;
 }
 .site-header__nav .menu .menu-item.menu-item--dropdown .dropdown-toggle.active::after {
   background-color: #500000;
   -webkit-mask-image: url("../../../static/icons/aux-prod-icons/angle-up.svg");
   mask-image: url("../../../static/icons/aux-prod-icons/angle-up.svg");
 }
 .site-header__nav .menu .menu-item.menu-item--dropdown .dropdown-toggle:hover::after, .site-header__nav .menu .menu-item.menu-item--dropdown .dropdown-toggle:focus::after, .site-header__nav .menu .menu-item.menu-item--dropdown .dropdown-toggle:active::after {
   background-color: #500000;
 }

 .main-header--maroon {
   background: #500000;
   border-bottom: solid #3c0000 2px;
 }
 .main-header--maroon .site-title a {
   color: #ffffff;
 }
 .main-header--maroon .site-title a:hover, .main-header--maroon .site-title a:active, .main-header--maroon .site-title a:focus {
   color: #d6d3c4;
 }
 .main-header--maroon .site-header__identity {
   background: #500000;
 }
 .main-header--maroon .site-header__identity .identity a {
   color: #ffffff;
 }
 .main-header--maroon .site-header__identity .identity a .identity__wordmark > * {
   color: #ffffff;
 }
 .main-header--maroon .search.search--slim .search__form button[type=submit] {
   padding: 0 1rem 0 1rem;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 .main-header--maroon .search .search__form .search__input {
   border: none !important;
 }
 .main-header--maroon .search .search__form .search__input:focus-visible {
   outline-color: #732f2f;
 }
 .main-header--maroon .search .search__form .btn.btn--primary.btn--icon {
   border: solid #af8846 2px;
   background: #ffffff;
   color: #500000;
 }
 .main-header--maroon .search .search__form .btn.btn--primary.btn--icon:hover, .main-header--maroon .search .search__form .btn.btn--primary.btn--icon:active, .main-header--maroon .search .search__form .btn.btn--primary.btn--icon:focus {
   background: #d6d3c4;
   text-decoration: underline;
   box-shadow: none;
 }
 .main-header--maroon .search__submit {
   padding-left: 0px !important;
 }
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle::after {
   background-color: #ffffff;
 }
 .main-header--maroon .site-header__nav .menu .menu-item a,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle {
   color: #ffffff;
 }
 .main-header--maroon .site-header__nav .menu .menu-item a:hover, .main-header--maroon .site-header__nav .menu .menu-item a:focus, .main-header--maroon .site-header__nav .menu .menu-item a:active,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle:hover,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle:focus,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle:active {
   color: #d6d3c4;
   box-shadow: none;
 }
 .main-header--maroon .site-header__nav .menu .menu-item a:hover::after, .main-header--maroon .site-header__nav .menu .menu-item a:focus::after, .main-header--maroon .site-header__nav .menu .menu-item a:active::after,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle:hover::after,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle:focus::after,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle:active::after {
   background-color: #ffffff;
 }
 .main-header--maroon .site-header__nav .menu .menu-item a:focus-visible,
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown-toggle:focus-visible {
   outline: dotted #af8846 2px;
   outline-offset: 2px;
 }
 .main-header--maroon .site-header__nav .menu .menu-item.active .dropdown-toggle {
   color: #d6d3c4;
   background: #000000;
 }
 .main-header--maroon .site-header__nav .menu .menu-item.active .dropdown-toggle::after {
   background-color: #d6d3c4;
 }
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown .dropdown-items {
   list-style-type: none;
   margin: 0;
   background: #000000;
 }
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown .dropdown-items li {
   margin: 0;
   border-bottom: dotted #707070 1px;
 }
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown .dropdown-items li:last-child {
   border: none;
 }
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown .dropdown-items li a {
   font-weight: 400;
   text-align: left;
 }
 .main-header--maroon .site-header__nav .menu .menu-item .dropdown .dropdown-items li a:hover, .main-header--maroon .site-header__nav .menu .menu-item .dropdown .dropdown-items li a:active {
   background: #202020;
   box-shadow: inset 3px 0 #d6d3c4;
 }

 .mobile-header.site-header--stories {
   background: #500000;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 1rem;
   border-bottom: solid #3c0000 2px;
 }
 .mobile-header.site-header--stories .mobile-toggle .mobile-nav__menu {
   justify-content: center;
 }
 .mobile-header.site-header--stories .mobile-toggle .mobile-nav__menu:only-child {
   width: 100%;
   min-width: 100%;
 }
 .mobile-header.site-header--stories .identity.identity--mobile img {
   max-width: 300px;
   width: 250px;
   padding-bottom: 1rem;
 }
 .mobile-header.site-header--stories .mobile-header__identity {
   border-bottom: 0;
   padding: 1rem;
   border-top: solid #732f2f 1px;
   width: 100%;
   padding-bottom: 0;
 }
 .mobile-header.site-header--stories .mobile-header__identity .site-title {
   text-align: center;
 }
 .mobile-header.site-header--stories .mobile-header__identity.mobile-header__identity--text a {
   color: #fff;
   display: block;
 }

 .mobile-nav__primary .mobile-search__container {
   margin: 1rem auto;
   width: 100%;
 }
 .mobile-nav__primary .menu-item a {
   color: #000;
   width: 100%;
   font-weight: 400;
   text-decoration: none;
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-align: left;
   font-family: "Work Sans", Arial, sans-serif;
   font-size: 1.25rem;
   padding: 1rem 0.5rem;
   padding-right: 0.5rem;
   border: none;
   border-bottom-width: medium;
   border-bottom-style: none;
   border-bottom-color: currentcolor;
   border-radius: 0;
   background: rgba(0, 0, 0, 0);
   border-bottom: dotted #d1d1d1 2px;
   transition: 0.2s ease;
 }
 .mobile-nav__primary .menu-item a:hover, .mobile-nav__primary .menu-item a:focus, .mobile-nav__primary .menu-item a:active {
   padding-right: 0.25rem;
   background: linear-gradient(-90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 45%);
   text-decoration: underline;
   color: #732f2f;
 }
 .mobile-nav__primary ol.menu, .mobile-nav__primary ul.menu {
   width: 100%;
   list-style-type: none;
   margin-left: 0;
 }

 .aux-footer .aux-footer__sub .compliance {
   width: 100%;
   justify-content: center;
 }

 .aux-footer__column p {
   color: #fff;
 }
 .aux-footer__column p a {
   color: #fff;
 }
 .aux-footer__column p a:hover, .aux-footer__column p a:active, .aux-footer__column p a:focus {
   color: #d6d3c4;
 }

 body.single-story .captioned-media img, body.single-news .captioned-media img {
   aspect-ratio: auto;
 }
 body.single-story .captioned-media.captioned-media--slab img, body.single-news .captioned-media.captioned-media--slab img {
   aspect-ratio: 16/9;
 }

 body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .section-wrap {
   width: 100vw;
   max-width: 100vw;
   position: relative;
   left: calc(-1 * (100vw - 100%) / 2);
   padding-bottom: 3rem;
 }
 body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .section-wrap.section-wrap--maroon, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .section-wrap.section-wrap--dynamic-maroon, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .section-wrap.section-wrap--gray-100, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .section-wrap.section-wrap--dynamic-gray-100, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .section-wrap.section-wrap--gray-900, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .section-wrap.section-wrap--dynamic-gray-900 {
   margin-bottom: 1rem;
 }
 body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .captioned-media.captioned-media--slab, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .feature-cta, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .cta-feature, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .media-feature, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .split-feature {
   width: 100vw;
   max-width: 100vw;
   position: relative;
   left: calc(-1 * (100vw - 100%) / 2);
 }
 body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .captioned-media.captioned-media--slab {
   margin-bottom: 4rem;
 }
 body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .feature-cta, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .cta-feature, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .media-feature, body.single-story #page .news-story .aux-container--fluid-mw .row.d-jc-center .col-9 .split-feature {
   margin-bottom: 1rem;
 }

/* Overriding footer.scss */
.aux-footer .aux-footer__container .footer__column {
  width: 25%;
}

.aux-footer .aux-footer__container .footer__column .column__header {
  color: #a7a7a7;
  border-color: #732f2f;
}

.aux-footer .column__header, .aux-subfooter .column__header {
  font-size: 1rem;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 0.3rem;
  border-bottom: solid #d1d1d1 1px;
  border-bottom-color: rgb(209, 209, 209);
  margin-bottom: 0.5rem;
  padding-bottom: 0.3rem;
  display: block;
}

.footer__column p {
  color: #fff;

  a {
    color: #fff;

    &:hover, &:active, &:focus {
      color: #d6d3c4;
    }
  }
}

.aux-footer .aux-footer__container .footer__column ul {
  list-style-type: none;
  padding: 0;
  margin: 0;

  li {
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    line-height: 1.5rem;
    margin-bottom: 0.25rem;

    a {
      color: #fff;
      font-size: 1rem;
      border: none;
      margin-left: 1.4rem;
      display: inline-block;

      &::before {
        mask-image: url("https://aux.tamu.edu/icons/aux-prod-icons/angles-right.svg");
        margin-right: 0.3rem;
        margin-left: -1.4rem;
        content: "";
        transition: 0.2s ease;
        display: inline-block;
        background-color: #fff;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 0.8rem;
        -webkit-mask-position: bottom;
        mask-repeat: no-repeat;
        mask-position: bottom;
        mask-size: 0.8rem;
        width: 1.1rem;
        height: 1rem;
      }

      &:hover, &:focus, &:active {
        color: #d6d3c4;

        &::before {
          background-color: #d6d3c4;
        }
      }
    }
  }
}

/* Hide uncategorized filter */
label[for="example_facet_Filter ByUncategorized"] {
  display: none;
}

/* VIDEO HEADER STYLES */
.page-header.page-header--video {
  flex-direction: column;
  margin-bottom: 0;
  .video-header {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    img, iframe {
      aspect-ratio:16/9;
      object-fit:cover;
    }
    .video-header__overlay {
      max-width: 1600px;
      position: absolute;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      gap: 3rem;
      margin: 0 auto;
      padding: 0 3rem;
      display: flex;
      @media screen and (max-width: 1200px) {
        gap: 1.5rem;
        padding: 0 1.5rem;
      }
      @media screen and (max-width: 768px) {
        display: none;
      }
      .video-header__title {
        padding-left: 3rem;
        @media screen and (max-width: 1200px) {
          padding-left: 1.5rem;
        }
      }
      .video-header__play {
        padding-right: 3rem;
        @media screen and (max-width: 1200px) {
          padding-right: 1.5rem;
        }
        svg {
          width: 11rem;
          fill: white;
          box-shadow: 1px 1px 25px 5px #202020;
          border-radius: 50%;
          cursor: pointer;
          transition: 0.5s ease;
          @media screen and (max-width: 1200px) {
            width: 6rem;
          }
          &:hover {
            fill: #d1d1d1;
            box-shadow: 1px 1px 25px 5px #3e3e3e;
          }
        }
      }
    }
    .video-header__image {
      width: 100%;
      height: 100%;
      display: flex;
      @media screen and (max-width: 768px) {
        display: none;
      }
      img {
        width: 100%;
        display: flex;
      }
      &::before {
        background: rgba(0, 0, 0, 0.8);
        background: linear-gradient(
          90deg,
          rgba(0, 0, 0, 0.8) 33%,
          rgba(0, 0, 0, 0) 100%
        );
        height: 100%;
        display: block;
        content: "";
        width: 100%;
        position: absolute;
        @media screen and (max-width:768px) {
          display:none;
          visibility:hidden;
        }
      }
      .video-header__iframe {
        display:flex;
      }
    }
    .video-header__iframe {
      position: relative;
      width: 100%;
      height: 100%;
      aspect-ratio: 16/9;
      display: none;
      @media screen and (max-width: 768px) {
        display: block;
      }
    }
    &.video-header--feature {
      aspect-ratio:2.5/1;
      @media screen and (max-width:900px) {
        aspect-ratio:2/1;
      }
      @media screen and (max-width:768px) {
        flex-direction:column;
      }
      .video-header__overlay {
        @media screen and (max-width: 768px) {
          display: flex;
          position:relative;
          padding-left:0;
        }
        .video-header__title {
          width: 80%;
          @media screen and (max-width: 1000px) {
            width: 100%;
            padding:1.5rem;
          }
          h1 {
            font-family: "Oswald", sans-serif;
            text-transform: uppercase;
            line-height: 1.1;
            color:#ffffff;
            @media screen and (max-width:768px) {
              color:#500000;
            }
          }
          .title__description {
            font-size: 1.75rem;
            @media screen and (max-width: 1200px) {
              font-size: 1.25rem;
            }
            @media screen and (max-width: 768px) {
              font-size: 1.25rem;
              color:#000000;
            }
          }
          .btn {
            font-size: 1.15rem;
            margin-bottom: 0;
            @media screen and (max-width: 1200px) {
              font-size: 1rem;
            }
            @media screen and (max-width:768px) {
              border:solid #500000 2px;
              color:#500000;
              &:hover, &:active, &:focus {
                background:#732f2f;
                color:#ffffff;
              }
            }
          }
        }
      }
      .video-header__image {
        @media screen and (max-width: 768px) {
          display: flex;
          position:relative;
          height:auto;
        }
      }
    }
  }
  h1 {
    font-family: "Work Sans", sans-serif;
    font-weight: 900;
    color: #ffffff;
    font-size: 6rem;
    line-height: 1;
    text-transform: none;
    margin-bottom: 0.5rem;
    @media screen and (max-width: 1200px) {
      font-size: 4rem;
    }
  }
  .title__description {
    font-size: 2.25rem;
    font-family: "Work Sans", sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    margin-bottom:0;
    @media screen and (max-width: 1200px) {
      font-size: 1.5rem;
    }
  }
  .video-header__info {
    display: none;
    flex-direction: column;
    margin-top:1.5rem;
    width:calc(50% - 1.5rem);
    @media screen and (max-width:992px) {
      width:calc(91.66666667% - 1.5rem);
    }
    @media screen and (max-width: 768px) {
      display: flex;
      visibility: visible;
    }
    h1 {
      color: #500000;
      font-size: 4rem;
    }
    .title__description {
      color: #000000;
      font-size: 1.5rem;
    }
  }
  &.page-header--sizzle {
    .video-header__image {
      &::before {
        content:none;   
      }
    }
    .video-header__info {
      display: flex;
      padding:3rem 3rem 1.5rem 3rem;
      background:#ffffff;
      margin-top:-6rem;
      z-index:2;
      width:calc(50% + 4.5rem);
      @media screen and (max-width:992px) {
        width:calc(91.66666667% + 7.5rem);
        margin-top:0;
      }
    }
  }
  .meta {
    border: solid #d1d1d1 2px;
    border-radius: 16px;
    padding: 1rem 1.5rem;
    display:flex;
    width:calc(50% - 1.5rem);
    margin: 1.5rem 0;
    justify-content:space-between;
    @media screen and (max-width:992px) {
      width:calc(91.66666667% - 1.5rem);
    }
    @media screen and (max-width:600px) {
      flex-direction:column;
      justify-content:flex-start;
      gap:1rem;
    }
    .superhead {
      margin:0;
    }
    .media {
      margin: 0;
      display: flex;
      gap: 1rem;
      align-items: center;
      @media screen and (max-width:600px) {
        flex-direction:column;
        align-items:flex-start;
        gap:.5rem;
      }
      li {
        font-family: "Work Sans", sans-serif;
        font-size: 1rem;
        color: #000000;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        svg {
          fill: #500000;
          width: 1rem;
          height: 1rem;
          margin-right: 0.5rem;
        }
      }
    }
   }
}
