/* ========================= VIDEO FEATURE ========================= */
 .video-feature {
     margin: 0;
}
 .video-feature-inner {
     display: grid;
     grid-template-columns: 1fr 1.25fr;
     gap: 2rem;
     align-items: start;
}
 .video-feature-inner.text-right {
     grid-template-columns: 1.25fr 1fr;
}
 .video-feature-inner.text-right .video-feature-content {
     order: 2;
}
 .video-feature-inner.text-right .video-feature-media {
     order: 1;
}
 .video-feature-inner.video-only {
     display: block;
}
 .video-feature-content {
     padding-top: 2rem;
}
 .video-background-dark .video-feature-content {
     color: #fff;
     text-align: left;
}
 .video-feature-inner.text-right .video-feature-content h2 {
     color: #fff !important;
}
 .video-feature-content .section-eyebrow {
     margin-bottom: .5rem;
     display: block;
}
 .video-feature-content h2 {
     margin-top: 0;
     margin-bottom: 1rem;
}
 .video-feature-description {
     margin-top: 1rem;
}
/* ========================= THUMBNAIL ========================= */
 .video-thumbnail {
     position: relative;
     width: 100%;
     aspect-ratio: 16 / 9;
     overflow: hidden;
     border-radius: .5rem;
     cursor: pointer;
     background: #000;
}
 .video-thumbnail img, .video-thumbnail iframe {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     border: 0;
}
 .video-thumbnail img {
     transition: transform .3s ease;
}
 .video-thumbnail:hover img {
     transform: scale(1.03);
}
/* ========================= PLAY BUTTON ========================= */
 .video-play-button {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 0;
     background: rgba(0,0,0,.25);
     color: #fff;
     font-size: 4rem;
     cursor: pointer;
     transition: background .3s ease;
}
 .video-thumbnail:hover .video-play-button {
     background: rgba(0,0,0,.4);
}
 .video-play-button i {
     pointer-events: none;
}
/* ========================= BACKGROUND STYLES ========================= */
 .video-background-none {
     padding: 0;
}
 .video-background-light {
     padding: 2rem;
     background: #f8f9fa;
     border-radius: .5rem;
}
 .video-background-dark {
     padding: 2rem;
     background: #1b1e21;
     color: #fff;
     border-radius: .5rem;
}
 .video-background-brand {
     padding: 2rem;
     background: #cbb677;
     border-radius: .5rem;
}
 .video-thumbnail iframe {
     width: 100%;
     height: 100%;
     border: 0;
     display: block;
}
 .page-content .inner-container a.video-feature-cta, .page-content .inner-container a.video-feature-cta:visited {
     display: inline-flex;
     align-items: center;
     gap: .5rem;
     margin-top: 1.5rem;
     font-size: 1rem;
     font-weight: 700;
     text-decoration: none;
     color: #cbb677;
     transition: all .2s ease;
}
 .page-content .inner-container a.video-feature-cta::after {
     content: "→";
     transition: transform .2s ease;
}
 .page-content .inner-container a.video-feature-cta:hover, .page-content .inner-container a.video-feature-cta:focus {
     text-decoration: underline;
}
 .page-content .inner-container a.video-feature-cta:hover::after, .page-content .inner-container a.video-feature-cta:focus::after {
     transform: translateX(4px);
}
/* Light backgrounds */
 .video-background-light a.video-feature-cta, .video-background-light a.video-feature-cta:visited, .video-background-none a.video-feature-cta, .video-background-none a.video-feature-cta:visited {
     color: #7a6524;
}
 .video-background-light a.video-feature-cta:hover, .video-background-light a.video-feature-cta:focus, .video-background-none a.video-feature-cta:hover, .video-background-none a.video-feature-cta:focus {
     color: #7a6524;
     text-decoration: underline;
}
/* Dark backgrounds */
 .video-background-dark a.video-feature-cta, .video-background-dark a.video-feature-cta:visited {
     color: #cbb677 !important;
}
 .video-background-dark a.video-feature-cta:hover, .video-background-dark a.video-feature-cta:focus {
     color: #cbb677 !important;
}
/* Brand backgrounds */
 .video-background-brand a.video-feature-cta, .video-background-brand a.video-feature-cta:visited {
     color: #5a4715;
}
 .video-background-brand a.video-feature-cta:hover, .video-background-brand a.video-feature-cta:focus {
     color: #3d2f0d;
}
 section.video-feature.video-background-dark h2 {
     color: #fff !important;
}
 .slab.first-on-page .video-feature {
     margin-top: 0;
}
/* ========================= RESPONSIVE EMBED ========================= */
 .video-embed-responsive {
     width: 100%;
}
/* ========================= MOBILE ========================= */
 @media (max-width: 768px) {
     .video-feature-inner {
         display: block;
    }
     .video-feature-content {
         margin-bottom: 1.5rem;
    }
}
/* ================================================================= */
/* ========================== VIDEO WALL============================ */
/* ================================================================= */

/* ========================= VIDEO  CARDS ========================== */
 .page-content .inner-container .video-cards {
     display: grid;
     gap: 2rem;
}
 .page-content .inner-container .video-cards .video-card {
    display: grid;
    grid-template-columns: minmax(400px, 480px) 1fr;
    gap: 2rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid #ececec;
    border-radius: .5rem;
    background: #fff;
}
 .page-content .inner-container .video-cards .video-card:last-child {
     border-bottom: 0;
}
 .page-content .inner-container .video-cards .video-card-media {
     width: 100%;
}
 .page-content .inner-container .video-cards .video-card-content {
     width: 100%;
}
 .page-content .inner-container .video-cards .video-card-content h3 {
     margin: 0 0 .75rem;
     font-size: 1.75rem;
     line-height: 1.2;
}
 .page-content .inner-container .video-cards .video-card-content p {
     margin: 0 0 1rem;
    line-height: 1.6;
    font-size: 1rem;
}
/* ========================================================================== THUMBNAIL ========================================================================== */
 .page-content .inner-container .video-cards .video-thumbnail {
     position: relative;
     width: 100%;
     aspect-ratio: 16 / 9;
     overflow: hidden;
     border-radius: .5rem;
     background: #000;
     cursor: pointer;
}
 .page-content .inner-container .video-cards .video-thumbnail img, .page-content .inner-container .video-cards .video-thumbnail iframe {
     width: 100%;
     height: 100%;
     display: block;
     border: 0;
     object-fit: cover;
}
 .page-content .inner-container .video-cards .video-thumbnail img {
     transition: transform .3s ease;
}
 .page-content .inner-container .video-cards .video-thumbnail:hover img {
     transform: scale(1.03);
}
/* ========================================================================== PLAY BUTTON ========================================================================== */
 .page-content .inner-container .video-cards .video-play-button {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 0;
     background: rgba(0,0,0,.25);
     color: #fff;
     font-size: 4rem;
     cursor: pointer;
     transition: background .2s ease;
}
 .page-content .inner-container .video-cards .video-thumbnail:hover .video-play-button {
     background: rgba(0,0,0,.45);
}
 .page-content .inner-container .video-cards .video-play-button i {
     pointer-events: none;
}
/* ========================================================================== CTA ========================================================================== */
 .page-content .inner-container .video-cards a.video-feature-cta, .page-content .inner-container .video-cards a.video-feature-cta:visited {
     display: inline-flex;
     align-items: center;
     gap: .5rem;
     margin-top: .75rem;
     font-size: 1rem;
     font-weight: 700;
     text-decoration: none;
     color: #8f7830;
}
 .page-content .inner-container .video-cards a.video-feature-cta::after {
     content: "→";
     transition: transform .2s ease;
}
 .page-content .inner-container .video-cards a.video-feature-cta:hover, .page-content .inner-container .video-cards a.video-feature-cta:focus {
     color: #8f7830 !important;
     text-decoration: underline;
}
 .page-content .inner-container .video-cards a.video-feature-cta:hover::after, .page-content .inner-container .video-cards a.video-feature-cta:focus::after {
     transform: translateX(4px);
}

a.video-feature-cta.no-icon:after {
    display: none;
}

.video-card-buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0 1.5rem;
}
/* ========================================================================== MOBILE ========================================================================== */
 @media (max-width: 768px) {
     .page-content .inner-container .video-cards .video-card {
         grid-template-columns: 1fr;
         gap: 1rem;
    }
}