:root {
  --color-primary: #0D2342;
  --color-secondary: #F0C2B5;
  --color-tertiary: #FFED9E;
  --color-quaternary: #D9F5A8;
  --color-quinary: #E38A73;
  --color-gray-350: #d0d0d0;
  --color-gray-100: #f6f6f6;
}


.video-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

@media screen and (min-width: 620px) {
    .video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 992px) {
    .video-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Liste de vidéos dans 2 colonnes */
.frame-type-b13-2cols-container .frame-type-tctheme_video .video-grid {
    grid-template-columns:  1fr;
    gap: 24px;
}