/*
Theme Name: Graanfabriek thema
Description: Maatwerk thema voor Graanfabriek
Author: Jan Osinga - Osinga ICT
Template: flatsome
Version: 3.1.5.29
*/


/*************** ADD CUSTOM CSS HERE.   ***************/


/* Overwrites */

#wrapper {
    background-color: #f6f6f6;
}

.informatiebox-event span.end {
    font-weight: bold;
    /* position: relative; */
    float: right;
}

a.button.primary,
a.button.secondary {
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    padding: .25rem 1.75rem;
}

a.button.primary {
    color: #101827 !important;
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    padding: .25rem 1.75rem;
}

a.button.primary>*,
a.button.secondary>* {
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
}

.entry-content {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    line-height: 2rem;
}

.header-wrapper.stuck {
    opacity: 100 !important;
    background: #f6f6f6;
}


/*Footer */

.agenda-item {
    padding-top: 1rem;
    color: #101827;
    border-top: 2px solid black;
    font-size: 1.1rem;
    line-height: 2rem;
}

.agenda-page {
    font-size: 1.1rem;
    line-height: 2rem;
}

.agenda-item .day {
    display: block;
    text-align: right;
}

.agenda-item span.name,
.agenda-item .date {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
}

.agenda-item .date {
    font-size: 1.5rem;
    white-space: nowrap;


}

.agenda-item a.button.secondary {
    font-weight: 100;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 2rem !important;
}


/* AGENDA PAGE */

.agenda-page .box-label .box-text {
    background-color: var(--primary-color);
    padding: 5px 15px;
    right: 0;
    margin: 0;
    opacity: 100;
}

.agenda-page .box-text-inner strong {
    font-size: 1.3em;
}

.agenda-page {
    margin-bottom: 20px;
}

.agenda-page span.genre,
.agenda-page span.timespan,
.agenda-page span.area {
    text-transform: uppercase;
    font-size: small;
    line-height: 20px;
    display: block;
}

.agenda-page span.name {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: bold;
}

.agenda-page p {
    margin: -4px;
}

a.button.primary.agenda-actie {
    margin: 0;
    right: -2rem;
    position: absolute;
    bottom: 0;
}

/* .lineup-slider .box-image {
    padding-right: 2rem;
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.lineup-slider .box .image-cover img {
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
} */

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .agenda-page a.button.primary.agenda-actie {
        right: 0;
        font-size: small;
        padding: 0px 15px !important;
    }
    .agenda-item {
        font-size: 1rem;
    }
    .agenda-item .date {
        font-size: 1rem;
    }
    .agenda-item span.name,
    .agenda-item .date {
        font-size: 1.1rem;
    }
    .agenda-item a.button.secondary {
        padding: 0 !important;
        position: absolute;
        right: 0;
    }
}