.h-\[200px\] {
    height: 200px;
}

.max-h-\[200px\] {
    max-height: 200px;
}

.video-description-preview, .video-full-description {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}

.video-description-preview > * {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    margin-bottom: 1em !important;
} 

.video-full-description > * {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}

.col-span-2 {
    grid-column:span 2 / span 2;
}

.xl\:col-span-2 {
    grid-column:span 2 / span 2
}


.dark .dark-bg-white {
    background: #fff;
}

.footer-banner {
    margin-left: -1.5rem;
}

@media (min-width: 767px) {
    .footer-banner {
        margin-left: -2.5rem;
    }
}

@media (max-width: 767px) {
    .md\:w-screen {
        width: 100vw;
    }
    .md\:h-screen {
        height: 100vh;
    }
    .md\:max-h-full {
        max-height: 100% !important;
    }
}

.max-h-\[75\%\] {
    max-height: 75%;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.opacity-0 {
    opacity: 0;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-100 {
    transition-duration: 0.1s;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}


.mb-\[10px\] {
    margin-bottom: 10px;
}

.mr-\[10px\] {
    margin-right: 10px;
}

.grey-border {
    border: solid 1px #ddd;
}