/* CSS for /templates/components/_header-fullscreenvideo.twig */
.bg-video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.bg-video-container iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-video-container::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.bg-video-container::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.25);
}

.bg-video-overlay {
    min-height: calc(100vh - 44px);
}



/* CSS for /templates/components/production/_timetable.twig (jquery-sked-tape plugin) */

.sked-tape__location-text {
    color: var(--color-primary-1-text) !important;
    font-size: 12px !important;
    white-space: pre !important;
    display: block !important;
}

.sked-tape__location-text::first-line {
    font-weight: bold !important;
}

.sked-tape__location {
    background-color: var(--color-base-300) !important;
    line-height: 22px !important;
    padding-top: 4px !important;
    padding-left: 16px !important;
}

.sked-tape__aside {
    width: 20% !important;
}

.sked-tape__event {
    color: var(--color-primary-1-text) !important;
    background-color: var(--color-primary-1) !important;
    border-color: var(--color-primary-1) !important;
    white-space: pre !important;
}

.sked-tape__event::first-line {
    font-weight: bold !important;
}

.sked-tape__event:hover {
    background-color: var(--color-primary-1) !important;
    border-color: var(--color-primary-1-text) !important;
    filter: brightness(1.1);
}

.sked-tape__event-row a {
    color: var(--color-primary-1-text) !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.sked-tape__caption, .sked-tape__hours {
    background-color: inherit !important;
}

.sked-tape__location:not(:last-child) {
    border-bottom: 1px solid var(--color-base-200) !important;
}

.sked-tape__event-row:first-child {
    border-top: 1px solid var(--color-base-300) !important;
}

.sked-tape__event-row:last-child {
    border-bottom: 1px solid var(--color-base-300) !important;
}

.sked-tape__event-row:nth-child(odd) {
    background-color: var(--color-base-100) !important;
}

.sked-tape__event-row {
    background-color: var(--color-base-200) !important;
}

.sked-tape__grid > li {
    background-image: linear-gradient(to right, var(--color-base-300) 0.5px, var(--color-base-300) 0.5px),linear-gradient(to right, var(--color-base-300) 0.5px, var(--color-base-300) 0.5px),linear-gradient(to right, var(--color-base-300) 0.5px, var(--color-base-300) 0.5px),linear-gradient(to right, var(--color-base-300) 0.5px, var(--color-base-300) 0.5px),linear-gradient(to right, var(--color-base-300) 0.5px, var(--color-base-300) 0.5px) !important;
    background-size: 0.5px 100%, 0.5px 100%, 0.5px 100%, 0.5px 100%, 0.5px 100% !important;
}



/* CSS for /templates/components/production/_daytable.twig */

.contents:hover .contents-1 {
    background-color: rgb(203 213 225);
}

.contents:hover a.transition-all {
    text-decoration: underline;
}



/* CSS to fix scroll to ID with sticky header */

:target::before {
    content: "";
    display: block;
    height: 78px;
    margin: -78px 0 0;
}



/* CSS for /templates/page/_magazine.twig */

.alinea > p {
    margin-bottom: 1.5rem;
}

.video > iframe {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9;
}

.alinea a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.alinea a:hover {
    text-decoration-color: #e30613;
    color: #e30613;
}

.alinea-twst a, .alinea-twst-2 a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-decoration-style: wavy;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.alinea-twst a:hover {
    text-decoration-thickness: 2px;
    text-decoration-color: #1a56db;
    color: #1a56db;
}

.alinea-twst-2 a:hover {
    text-decoration-thickness: 2px;
}

.alinea ul {
    list-style-type: disc;
    padding-left: 20px;
}

.alinea ol {
    list-style-type: decimal;
    padding-left: 20px;

}

.alinea li:not(:last-child) {
    padding-bottom: 0.25rem;
}

.table-customcss tr:nth-child(even) {
    background-color: #e2e8f0;
}

.table-customcss tr:hover {
    background-color: #cbd5e1;
}


/* CSS for text selection */

::selection {
    background: var(--color-primary-1);
    color: var(--color-primary-1-text);
}


/* CSS for Leaflet.js */
#mapDomeinHomepage {
    background-color: white;
}

#mapBeweegbos {
    background-color: var(--color-base-100);
}