/* ==========================================================================
   Pine Research Instrumentation
   
   WEBINARS

   Author: Tim Paschkewitz
   ========================================================================== */

#pri-registration-webinar label {
    font-size: 1.1em;
    color: var(--dark-pri-blue);
    font-weight: 700;
}

.webinar-registration-form-text {
    padding: 1em;
    color: var(--dark-pri-blue);
    font-size: 0.9em;
    background-color: var(--lighter-gray);
    border-bottom: 2px solid var(--dark-pri-blue);
    display: flex;
    flex-flow: column nowrap;
    row-gap: 1em;
}

.webinar-registration-form-text .selection-note {
    text-align: center;
    padding: 1em;
    border: 1px solid var(--orange);
    color: var(--orange);
    background-color: var(--light-orange);
    border-radius: 5px;
    margin: 0 1em;
    justify-self: center;
}

#select2-acf-field_6765c379dc529-container {
    padding: 0 20px 0 8px;
}

.acf-field-6765c379dc529 .select2-selection--single {
    height: 32px !important;
    border: 1px solid var(--dark-pri-blue) !important;
    border-radius: 5px !important;
}

#acf-field_6765c379dc529 .select2-selection--single {
    border-radius: 5px;
    border: 1px solid var(--dark-pri-blue);
    color: var(--gray);
    height: 32px;
    margin: 0;
}

.page-id-255963 .select2-container .select2-dropdown {
    border: 1px solid var(--mid-blue-1) !important;
    border-radius: 5px !important;
    color: var(--gray) !important;
}

.page-id-255963 .select2-container--default .select2-search--dropdown .select2-search__field {
    height: 32px !important;
    border-radius: 5px !important;
    border: 1px solid var(--mid-blue-1) !important;
}

.webinar {
    display: grid;
    grid-template-columns: 0.3fr 0.3fr 0.4fr 0.7fr 1.2fr 0.4fr 0.6fr;
    gap: 1em;
    padding: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
}

.webinar.header {
    font-weight: 700;
    background-color: var(--mid-blue-2);
    align-items: center;
    color: var(--dark-pri-blue);
    border-bottom: 2px solid var(--dark-pri-blue);
    border-top: 2px solid var(--dark-pri-blue);
    padding: 10px;
    font-size: 1.1em;
}

.webinar .title {
    font-weight: 700;
}

.webinar:nth-of-type(odd):not(:first-child) {
    background-color: #eee;
    border-top: 1px solid var(--mid-blue-1);
    border-bottom: 1px solid var(--mid-blue-1);
}

.webinar .image a:hover,
.webinar .link a:hover {
    opacity: 0.6;
    cursor: pointer;
}

.webinar .link a:hover {
    color: var(--light-gray) !important;
}

@media screen and (max-width:576px) {
    .webinar {
        display: flex;
        flex-flow: column nowrap;
    }
}