/* Featured Videos Block */

.wfb-featured-videos {position: relative; padding: var(--wfb-section-pad, 80px) 0;}
.wfb-featured-videos::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background-color: var(--color-background); z-index: -1;}
.wfb-featured-videos__inner {max-width: var(--max-width, 1500px); margin: 0 auto; padding-inline: var(--gutter, 1.5rem);}

/* Header row */
.wfb-featured-videos__header {display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: 2.5rem;}

/* Video grid */
.wfb-featured-videos__grid {display: grid; grid-template-columns: 2fr 1fr; column-gap: 2rem; align-items: stretch;}
.wfb-featured-videos__grid--full {grid-template-columns: 1fr;}
.wfb-featured-videos__primary {display: flex; flex-direction: column;}
.wfb-featured-videos__primary .wfv-card {flex: 1 1 auto;}
.wfb-featured-videos__sidebar {display: flex; flex-direction: column; gap: 2.5rem;}

/* Responsive */
@media (max-width: 56.25em) {
    .wfb-featured-videos__grid {grid-template-columns: 1fr; row-gap: 2rem;} 
    .wfb-featured-videos__header {flex-direction: column; align-items: flex-start; gap: 1rem;} 
    .wfb-featured-videos__sidebar {flex-direction: row; gap: 1.5rem;} 
    .wfb-featured-videos__sidebar .wfv-card {flex: 1;}
}

@media (max-width: 37.5em) {
    .wfb-featured-videos__sidebar {flex-direction: column; gap: 2rem;}
    .wfb-featured-videos::after {height: 75%;}
}