/* ============================================================
   CMS OBJECT: Webinar Filters
   Views: _Filters.cshtml, WebinarFilter.cshtml
   Source: Original working Master implementation
   ============================================================ */

.cms-webinar-filter__control:hover {
    background-color: #ddd;
}

.cms-webinar-filter__control.active {
    color: white;
    background-color: #666;
}

.cms-webinar-filter {
    width: 100%;
    margin: 0 auto;
    background-attachment: fixed;
    background-position: center;
}

@media (min-width: 700px) {
    .cms-webinar-filter .dropdown {
        display: inline-block;
    }
}

@media (max-width: 699px) {
    .cms-webinar-filter h5 {
        text-align: center;
    }

    .cms-webinar-filter__control {
        width: 100%;
        margin-bottom: .5em;
    }

    .cms-webinar-filter .dropdown {
        display: block;
        width: 100%;
    }
}

.cms-webinar-filter__menu {
    color: white;
    background-color: grey;
}

.cms-webinar-filter .dropdown-menu.show {
    display: block;
}

.cms-webinar-filter__control.btn-primary.dropdown-toggle.show {
    color: white;
    background-color: #f58025;
    border-color: #f58025;
}

.cms-webinar-filter__option:hover {
    background-color: #007bff;
}

.cms-webinar-filter .form-check-label {
    padding-top: .3em;
}