/* *********************************** */
/*        BROWSE/SEARCH HEADER       */
/* *********************************** */
html, body {
    overflow-x: unset;
}

.gallery-container {
    width: 100%;
}
.list-toggle .gallery-container {
    width: 17.78rem !important;
}
.browse-search .heading {
    background-image: var(--bg-img);
    color: var(--dark-content);
    background-position: center;
    background-size: cover;
    padding-top: 1rem;
    padding-bottom: 1.75rem;
}

    .browse-search .heading .thumb-img {
        padding: 0.75rem;
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.66);
        width: 100%;
        max-width: 28rem;
        margin: 0 auto;
    }

.event-page .heading .thumb-img {
    background-color: white;
}

.browse-search .heading h1 {
    font-size: var(--text-6xl);
}

.browse-search .heading-details-container {
    list-style-type: none;
}

    .browse-search .heading-details-container li {
        display: inline;
    }

        .browse-search .heading-details-container li:not(:last-of-type)::after {
            content: '•';
            margin-left: .5rem;
            margin-right: .25rem;
        }

.browse-search .save-search {
    font-weight: 600;
    padding-bottom: 1px;
    border-bottom: 1px solid;
}

    .browse-search .save-search:hover {
        color: var(--base-03);
        border-bottom-color: var(--base-03);
    }

.browse-search .heading .heading-actions-container {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.25rem;
}

    .browse-search .heading .heading-actions-container button,
    .browse-search .heading .heading-actions-container a {
        background-color: rgb(208, 229, 237, .25);
        height: 2.5rem;
        min-width: 2.5rem;
        color: var(--dark-content);
        border-radius: .25rem;
        border: none;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .browse-search .heading .heading-actions-container button:hover,
        .browse-search .heading .heading-actions-container a:hover {
            background-color: rgb(208, 229, 237, .33);
        }

        .browse-search .heading .heading-actions-container button i,
        .browse-search .heading .heading-actions-container a i {
            padding-right: .5rem;
        }

    .browse-search .heading .heading-actions-container .calendar-text {
        color: var(--dark-content);
        font-family: var(--paragraph-font);
        font-size: var(--text-base);
    }

    .browse-search .heading .heading-actions-container .favorite-button .active,
    .browse-search .heading .heading-actions-container .favorite-button.active .inactive {
        display: none;
    }

        .browse-search .heading .heading-actions-container .favorite-button.active .active,
        .browse-search .heading .heading-actions-container .favorite-button .inactive {
            display: inline;
        }

    .browse-search .heading .heading-actions-container .favorite-button.active {
        background-color: var(--base-02);
        color: var(--dark-focus);
    }

        .browse-search .heading .heading-actions-container .favorite-button.active i {
            font-weight: 900;
        }

.tile-toggle .media-container, .tile-toggle .person-container {
    height: unset;
    align-self: stretch;
}

.media-container .thumb-img-overlay .favorite-btn.isfavorite, .person-container .thumb-img-overlay .favorite-btn.isfavorite {
    animation: pop 0.3s ease;
    background-color: var(--base-02);
}
.media-container .thumb-img-overlay .favorite-btn.isfavorite i::before, .person-container .thumb-img-overlay .favorite-btn.isfavorite i::before {
    font-weight: 900;
    transition: var(--three);
}

.author .heading .author-img-container {
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.66);
    padding: 0.75rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    margin-bottom: 1rem;
    max-width: 28rem;
    max-height: 28rem;
}

.author .heading .author-img-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
}

    .author .heading .author-img-wrapper .thumb-img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        overflow: unset;
        box-shadow: none;
        width: unset;
        max-width: unset;
        margin: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.browse-events img.thumb-img {
    object-fit: contain;
    padding: .5rem;
}

.browse-search.author .heading .author-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5rem !important;
}
.author .author-details-container a {
   text-decoration: none;
}
/* *********************************** */
/*             SEARCH FILTER           */
/* *********************************** */
aside.filter {
    padding: 0;
}

    aside.filter.active .wrapper {
        display: flex;
        left: 0;
        transition: var(--three);
    }

.filter .filter-count {
    font-size: var(--text-sm);
    color: var(--base-mute);
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1rem;
    font-weight: 500;
}

aside.filter .wrapper {
    display: flex;
    flex-direction: column;
    width: 20rem;
    list-style: none;
    margin: 0;
    transition: var(--three);
    background-color: var(--base-01);
    z-index: 41;
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    height: 100vh;
    overflow: scroll;
    overflow-x: auto;
    padding: .75rem .75rem 0 .75rem;
}

.filter .filter-section {
    flex-direction: column;
    display: flex;
    gap: .6rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
}

.filter h4 {
    color: var(--base-content);
    font-weight: 700;
    line-height: 1.3;
}

.filter .active-filter {
    width: 100%;
    text-align: left;
    font-weight: 500;
    border: 1px solid var(--border-color);
    border-bottom: none;
    height: 2rem;
    padding: 0 1rem;
    font-size: var(--text-xs);
    color: var(--base-content);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--base-01);
}

    .filter .active-filter .filter-term {
        margin-right: auto;
        margin-left: .25rem
    }

    .filter .active-filter:last-of-type {
        border-bottom: 1px solid var(--border-color);
    }

    .filter .active-filter:hover {
        border-color: var(--primary);
        background-color: var(--primary);
        color: var(--primary-content);
    }

    .filter .active-filter i {
        color: var(--base-mute);
    }

.filter .clear-filters-button {
    width: 100%;
    text-align: left;
    font-weight: 600;
    border: none;
    height: 2.5rem;
    padding: 0 1rem;
    font-size: var(--text-sm);
    color: var(--dark-content);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--base-content);
    border-radius: .25rem;
}

    .filter .clear-filters-button:hover {
        background-color: var(--primary-focus);
    }

.filter h4 .fa-minus {
    cursor: pointer;
    float: right;
    color: var(--base-mute);
    transition: var(--three);
}

    .filter h4 .fa-minus:hover {
        color: var(--base-content)
    }

.filter .filter-section.active .filter-options-container {
    max-height: 100rem;
}

.filter .filter-section .filter-options-container {
    max-height: 0;
    overflow: hidden;
    transition: var(--three);
}

.filter .filter-checkbox-container {
    width: calc(100% - 2rem);
}

.filter .search-container {
    display: flex;
    gap: 0;
    overflow: hidden;
    border: none;
    margin-bottom: .5rem;
}

    .filter .search-container .keyword-filter-input {
        width: 100%;
        height: 2.5rem;
        border: 1px solid var(--border-color);
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        padding: 0 1rem;
        font-size: var(--text-sm);
        border-right: none;
    }

    .filter .search-container .keyword-filter-button {
        width: 2.5rem;
        height: 2.5rem;
        flex-shrink: 0;
        background-color: var(--base-content);
        border: none;
        color: var(--dark-content);
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

        .filter .search-container .keyword-filter-button:hover {
            background-color: var(--primary-focus);
        }

.filter .filter-term-container {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

    .filter .filter-term-container .filter-term {
        font-size: var(--text-xs);
        height: 1.5rem;
        display: flex;
        gap: .5rem;
        align-items: center;
        border: none;
        padding: 0 .5rem;
        background-color: var(--base-05);
        filter: brightness(1);
        color: var(--base-content)
    }

        .filter .filter-term-container .filter-term i {
            position: relative;
            top: 1px;
            color: var(--base-mute);
        }

        .filter .filter-term-container .filter-term:hover {
            filter: brightness(0.9);
        }

.filter .filter-options-container .input-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 1.5rem;
    font-size: var(--text-sm);
    align-items: center;
    text-shadow: 0 0 0 transparent;
    line-height: 1.25;
}

    .filter .filter-options-container .input-container:has(input:checked) {
        text-shadow: 0 0 .25px var(--base-mute);
        color: var(--base-content);
    }

    .filter .filter-options-container .input-container:not(:last-of-type) {
        margin-bottom: .5rem
    }

    .filter .filter-options-container .input-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .filter .filter-options-container .input-container .checkmark {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: .75rem;
        width: .75rem;
        background-color: var(--border-color);
        transition: var(--three);
        border-radius: 100%;
    }

.filter .filter-options-container .input-container {
    cursor: pointer;
}

    .filter .filter-options-container .input-container:hover input ~ .checkmark {
        border: 2px solid #00b6ff;
    }

    .filter .filter-options-container .input-container input:checked ~ .checkmark {
        background-color: var(--primary);
    }

.filter .filter-options-container .input-container .filter-count {
    font-size: var(--text-xs);
    color: var(--base-content);
    background-color: var(--base-05);
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
    font-weight: 500;
    height: 1.5rem;
    min-width: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .25rem;
    padding: 0 .25rem;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    overflow: hidden;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--primary) !important; /* Thumb color */
}

.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--border-color) !important; /* Track color */
}

.mCustomScrollbar .mCSB_scrollTools {
    opacity: 1 !important; /* Ensure the scrollbar track is always visible */
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    margin-right: -2.25rem !important;
}

.filter .update-filter-button,
.filter .save-search-button {
    width: 100%;
    text-align: left;
    font-weight: 600;
    border: none;
    height: 2.5rem;
    padding: 0 1rem;
    font-size: var(--text-sm);
    color: var(--dark-content);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base-content);
    border-radius: .25rem;
    gap: .5rem;
}

.update-filter-container {
    margin: -1rem;
    background: var(--base-01);
    padding: 1rem 1rem 1.75rem 1rem;
    position: sticky;
    bottom: 0;
    border-top: 1px solid var(--border-color);
    z-index: 1;
}

.filter .update-filter-button:hover {
    background-color: var(--primary-focus);
}

.filter .sort-container {
    display: none;
}
/* *********************************** */
/*        BROWSE/SEARCH GALLERY        */
/* *********************************** */
#pageContent main {
    flex-grow: 1;
    background-color: var(--base-02);
}

.author .gallery-container > section .wrapper {
    padding: 1rem 0;
}

.author .gallery-container > section:nth-of-type(odd) {
    background-color: var(--base-02);
}

.author .gallery-container > section:nth-of-type(even) {
    background-color: unset;
}

.author .gallery-list h2 {
    width: 100%;
    margin-bottom: 0;
}

.author .gallery-list .wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.gallery-container {
    max-height: fit-content;
}

.browse-options-container,
.pagination-container {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
}

.browse-options-container {
    position: sticky;
    margin: 1rem .75rem 0 .75rem;
    top: -1px;
    z-index: 1;
    background-color: var(--base-02);
}

    .browse-options-container .wrapper {
        display: flex;
        gap: .5rem;
        flex-wrap: wrap
    }

.browse-wrapper .browse-options-container .wrapper {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.browse-wrapper .gallery-container .showing {
    width: fit-content;
}

.gallery-container .sort-fieldset,
.gallery-container .filter-toggle {
    width: calc((100% - .5rem) / 2);
}

.gallery-container .search-browse-input {
   width: 100% !important;
    padding: 0 .75rem;
    margin-bottom: 0.75rem;
}

    .gallery-container .sort-fieldset select,
    .gallery-container .filter-toggle, .gallery-container .search-browse-input {
        background-color: var(--base-01);
        font-size: var(--text-sm);
        height: 2.5rem;
        border: 1px solid var(--border-color);
    }

.gallery-container .sort-fieldset {
    position: relative;
}

    .gallery-container .sort-fieldset label {
        display: none;
    }

    .gallery-container .sort-fieldset select {
        /*padding-left: 4.5rem;*/
        -webkit-appearance: none; /* for Chrome */
        -moz-appearance: none; /* for Firefox */
        appearance: none; /* standard */
        width: 100%;
        padding-left: 1rem;
    }

    .gallery-container .sort-fieldset::after { /* Add custom arrow */
        content: '\f107';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        position: absolute;
        top: calc(50% + .125rem);
        right: 1rem;
        color: var(--base-mute);
        font-size: var(--text-sm);
        transform: translateY(-50%);
        pointer-events: none; /* Make sure the arrow does not interfere with interactions */
    }

.gallery-container .view-toggle {
    display: none;
    gap: 0;
}

.search-browse-wrapper .view-toggle {
    display: none;
    gap: 0;
}

    .search-browse-wrapper .view-toggle button {
        width: calc(50%);
        padding: 0 1.5rem;
        height: 2.5rem;
        border: 1px solid var(--border-color);
        background-color: var(--base-01);
    }

        .search-browse-wrapper .view-toggle button:hover {
            background-color: var(--base-01);
        }

            .search-browse-wrapper .view-toggle button:hover span {
                background-color: var(--base-05);
            }

        .search-browse-wrapper .view-toggle button.active {
            border-color: var(--base-content);
        }

            .search-browse-wrapper .view-toggle button.active:hover {
                border-color: var(--base-empahsis);
                background-color: var(--base-01);
            }

                .search-browse-wrapper .view-toggle button.active:hover span {
                    background-color: var(--base-emphasis);
                }

            .search-browse-wrapper .view-toggle button.active span {
                background-color: var(--base-content);
            }

        .search-browse-wrapper .view-toggle button:first-of-type {
            border-right: none;
        }

        .search-browse-wrapper .view-toggle button:last-of-type {
            border-left: none;
        }

.search-browse-wrapper .toggle-divide {
    width: 1px;
    background-color: var(--base-content);
    z-index: 1;
}

.search-browse-wrapper .list {
    height: .75rem;
    width: 100%;
    display: block;
    background-color: var(--border-color);
    margin: auto;
    transition: var(--three)
}

.search-browse-wrapper .tile-view {
    display: flex;
    gap: .25rem;
    justify-content: center;
    align-items: center;
}

.search-browse-wrapper .tile {
    height: .75rem;
    width: 100%;
    display: block;
    background-color: var(--border-color);
    transition: var(--three)
}

    .search-browse-wrapper .tile:nth-of-type(3) {
        display: none;
    }

.gallery-container .filter-toggle:hover {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-content);
}

.gallery-container .showing {
    text-align: center;
    font-size: var(--text-sm);
    width: 100%;
}

.gallery-list .search-highlight {
    background-color: #f3c317a1;
    padding: 0 .325rem;
    border-radius: .25rem;
}

.gallery-list .results-list .search-highlight {
    font-weight: 600;
}

.gallery-list .wrapper {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.75rem;
}

.gallery-list .wrapper > article {
        width: 100%;
        flex-direction: column;
        display: flex;
        gap: 2px;
    background-color: var(--base-01);
    overflow: hidden;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px -2px rgb(0 108 123 / 15%);
    border-radius: .5rem;
    border: 1px solid #ededed;
}

.session-details-container, .author-details-container {
    padding: 0 1rem 1rem;
}

        .gallery-list .wrapper > article .session-details-container a {
            text-decoration: none;
        }

.gallery-container .session-img-link {
    display: block;
    width: 100%;
    height: unset;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 0rem;
}

.browse-events .gallery-container .session-img-link {
    background-color: #ffffff;
}

.browse-search.author .heading .author-avatar,
.gallery-list .media .author-avatar {
    font-size: var(--text-xl);
    padding: 2rem;
    font-weight: 600;
    line-height: 1.3;
}

    .gallery-list .media .author-avatar .title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        transition: var(--three);
    }

.gallery-container .author-img-link {
    display: block;
    margin-left: 21.875%;
    margin-right: 21.875%;
    height: 56.25%;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}

.gallery-container .author-img-thumb,
.gallery-container .author-avatar {
    left: 21.875%;
    right: 21.875%;
}

.gallery-container .thumb-img,
.gallery-container .author-img-thumb,
.gallery-container .author-avatar,
.browse-search.author .heading .author-avatar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: var(--three);
}
.institutions-content .gallery-container .thumb-img {
   object-fit: contain;
   background-color: white;
   padding: 1rem;
}

.gallery-container .sponsor-img-thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: var(--three);
    aspect-ratio: 1/0;
    margin: auto;
}

.gallery-container .author-avatar {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: var(--text-6xl);
    transition: var(--three);
}

.author:hover .author-avatar,
.author:hover .author-img-thumb,
.media:hover .author-avatar .title {
    transform: scale(1.1);
}

.media:hover .thumb-img {
    transform: scale(1.1);
}

.browse-search.author .heading .author-avatar.dark-blue,
.gallery-container .author-avatar.dark-blue,
.authors-container .author-avatar.dark-blue {
    background-color: var(--primary);
    color: var(--primary-content);
}

.browse-search.author .heading .author-avatar.light-blue,
.gallery-container .author-avatar.light-blue,
.authors-container .author-avatar.light-blue {
    background-color: #6284C3;
    color: var(--primary-content);
}

.browse-search.author .heading .author-avatar.purple,
.gallery-container .author-avatar.purple,
.authors-container .author-avatar.purple {
    background-color: #a97eb0;
    color: var(--primary-content);
}

.browse-search.author .heading .author-avatar.red,
.gallery-container .author-avatar.red,
.authors-container .author-avatar.red {
    background-color: #e84360;
    color: var(--primary-content);
}

.browse-search.author .heading .author-avatar.peach,
.gallery-container .author-avatar.peach,
.authors-container .author-avatar.peach {
    background-color: #f0a693;
    color: var(--base-content);
}

.browse-search.author .heading .author-avatar.orange,
.gallery-container .author-avatar.orange,
.authors-container .author-avatar.orange {
    background-color: #e87524;
    color: var(--primary-content);
}

.browse-search.author .heading .author-avatar.yellow,
.gallery-container .author-avatar.yellow,
.authors-container .author-avatar.yellow {
    background-color: #f3c317;
    color: var(--base-content);
}

.browse-search.author .heading .author-avatar.green,
.gallery-container .author-avatar.green,
.authors-container .author-avatar.green {
    background-color: #56c271;
    color: var(--base-content);
}

.browse-search.author .heading .author-avatar.aqua,
.gallery-container .author-avatar.aqua,
.authors-container .author-avatar.aqua {
    background-color: #00b0ad;
    color: var(--base-content);
}

.browse-search.author .heading .author-avatar.mint,
.gallery-container .author-avatar.mint,
.authors-container .author-avatar.mint {
    background-color: #84c7bc;
    color: var(--base-content);
}

.gallery-container .category-type {
    font-size: var(--text-sm);
    color: var(--base-mute);
    list-style-type: none;
    /*margin-bottom: .25rem;*/
}

    .gallery-container .category-type li {
        display: inline;
        font-size: var(--text-xs);
    }

        .gallery-container .category-type li:not(:last-of-type)::after {
            content: '•';
            margin-left: .5rem;
            margin-right: .25rem;
        }

.gallery-list h3 {
    font-size: var(--text-base);
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.gallery-container .results-list li {
    font-size: var(--text-sm);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.5;
    color: var(--base-mute);
}

.gallery-container .session-description {
    font-size: var(--text-sm);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
}

.gallery-container .results-list li:not(:last-of-type) {
    margin-bottom: .5rem;
}

.gallery-container .result-timestamp,
.gallery-container .result-name {
    font-weight: 600;
}

.gallery-container h2 {
    font-size: var(--text-2xl);
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.browse-people .category-type {
    display: none;
}
/* *********************************** */
/*      BROWSE/SEARCH PAGINATION       */
/* *********************************** */
.pagination-container {
    margin: 0 .75rem 1rem .75rem;
    padding: 1rem 0;
}

    .pagination-container .wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: .5rem 0;
    }

    .pagination-container nav.pagination {
        display: flex;
        gap: .25rem;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pagination-container .showing {
        padding: .5rem 0 0 0;
        line-height: 1;
    }

    .pagination-container .pagination-link {
        width: 2rem;
        height: 2rem;
        display: flex;
        border: 1px solid var(--border-color);
        background-color: var(--base-01);
        justify-content: center;
        align-items: center;
        color: var(--base-content);
    }

        .pagination-container .pagination-link:hover {
            background-color: var(--primary);
            color: var(--primary-content);
        }

        .pagination-container .pagination-link.disabled {
            background-color: var(--border-color);
            color: var(--primary-content);
            cursor: default;
        }

        .pagination-container .pagination-link.active {
            background-color: var(--dark-01);
            color: var(--dark-content);
        }

            .pagination-container .pagination-link.active:hover {
                background-color: var(--primary-focus);
            }
.conferences-page .thumb-img {
    object-fit: contain;
    background-color: white;
}
article.media .thumb-img-overlay, article.author.person-container .thumb-img-overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: end;
    padding: .5rem;
    gap: .25rem;
    z-index: 1;
    background: rgb(34, 38, 72);
    background: -moz-linear-gradient(180deg, rgba(34, 38, 72, 0) 0%, rgba(34, 38, 72, 0.5) 80%);
    background: -webkit-linear-gradient(180deg, rgba(34, 38, 72, 0) 0%, rgba(34, 38, 72, 0.5) 80%);
    background: linear-gradient(180deg, rgba(34, 38, 72, 0) 0%, rgba(34, 38, 72, 0.5) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222648",endColorstr="#222648",GradientType=1);
    transition: var(--three);
}
article.media:hover .thumb-img-overlay, article.author.person-container:hover .thumb-img-overlay {
    visibility: visible;
    opacity: 1;
}
article.media .thumb-img-overlay button, article.author .thumb-img-overlay button {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    border-radius: 100%;
    color: var(--base-content);
    position: relative;
    background-color: var(--base-01);
    transition: var(--three);
}
article.author.person-container .thumb-img-overlay {
    justify-content: center;
    padding-bottom: .75rem;
}
@media only screen and (min-width: 360px) {
    /* *********************************** */
    /*         BROWSE/SEARCH HEADER        */
    /* *********************************** */

    /* *********************************** */
    /*             SEARCH FILTER           */
    /* *********************************** */

    /* *********************************** */
    /*        BROWSE/SEARCH GALLERY        */
    /* *********************************** */

    /* *********************************** */
    /*      BROWSE/SEARCH PAGINATION       */
    /* *********************************** */
}

@media only screen and (min-width: 500px) {
    /* *********************************** */
    /*         BROWSE/SEARCH HEADER        */
    /* *********************************** */
    .browse-search .heading-details-container li {
        display: inline;
    }

        .browse-search .heading-details-container li:not(:last-of-type)::after {
            content: "|";
            margin-left: 1rem;
            margin-right: .75rem;
        }

    .browse-search .heading .thumb-img {
        margin-bottom: .75rem;
    }

    .browse-search .heading .heading-actions-container button,
    .browse-search .heading .heading-actions-container a {
        width: fit-content;
        flex-grow: 1;
        height: 3rem;
        padding: 0 2rem;
    }

    .browse-search .heading .heading-actions-container {
        flex-direction: row;
        flex-wrap: wrap;
    }

    /* *********************************** */
    /*             SEARCH FILTER           */
    /* *********************************** */

    /* *********************************** */
    /*        BROWSE/SEARCH GALLERY        */
    /* *********************************** */
    .gallery-container .sort-fieldset label {
        position: absolute;
        font-size: var(--text-xs);
        color: var(--base-mute);
        top: 50%;
        transform: translateY(-50%);
        left: 1rem;
        display: unset;
    }

    .gallery-container .sort-fieldset select {
        padding-left: 4.25rem;
    }

    .gallery-list .wrapper > article {
        flex-direction: row;
        gap: .75rem
    }

    .gallery-container .author-img-link {
        margin-left: 2.1875rem;
        margin-right: 2.1875rem;
        width: 5.625rem;
        height: 5.625rem;
        padding-top: unset;
        flex-shrink: 0;
    }

    .gallery-container .session-img-link {
        width: 10rem;
        height: 5.625rem;
        padding-top: unset;
        flex-shrink: 0;
    }

    .browse-search.author .heading .author-avatar,
    .gallery-list .author .author-avatar {
        font-size: var(--text-4xl);
    }

    .gallery-list .media .author-avatar {
        font-size: var(--text-sm);
        padding: 1rem;
    }

    .gallery-container .results-list li:not(:nth-child(-n+1)) {
        display: none;
    }
    /* *********************************** */
    /*      BROWSE/SEARCH PAGINATION       */
    /* *********************************** */
    .pagination-container .wrapper {
        justify-content: space-between;
    }
    .pagination-container nav.pagination {
        width: unset;
    }
}

@media only screen and (min-width: 640px) {
    /* *********************************** */
    /*         BROWSE/SEARCH HEADER        */
    /* *********************************** */
    .browse-search .heading {
        position: relative;
        margin-bottom: .625rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

        .browse-search .heading::after {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            width: 100%;
            height: .625rem;
            bottom: -.625rem;
            margin: 0;
            background: rgb(0, 29, 52, 0.9);
            background: linear-gradient(140deg, rgba(0, 29, 52, 0.9) 20%, rgb(60 206 203 / 60%) 100%);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.33);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            z-index: 1;
        }

    .event-page .heading .thumb-img {
        max-width: unset;
        max-height: 16rem;
        width: auto;
    }
    /* *********************************** */
    /*             SEARCH FILTER           */
    /* *********************************** */
    aside.filter .wrapper {
        padding: 1.75rem;
    }
    /* *********************************** */
    /*        BROWSE/SEARCH GALLERY        */
    /* *********************************** */
    .browse-options-container, .pagination-container {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .gallery-container .sort-fieldset,
    .gallery-container .view-toggle,
    .gallery-container .filter-toggle {
        width: calc((100% - 1rem) / 3);
    }

    .search-browse-wrapper .view-toggle {
        display: flex;
    }

        .search-browse-wrapper .view-toggle button {
            padding: 0 1rem;
        }

    .gallery-list.tile-toggle .wrapper {
        column-gap: 1.5rem;
        row-gap: .5rem;
    }

        .gallery-list.tile-toggle .wrapper > article {
            width: calc((100% - 1.5rem) / 2);
            flex-direction: column;
        }

    .gallery-list.tile-toggle .session-img-link {
        width: 100%;
        height: unset;
        padding-top: 56.25%;
    }

    .gallery-list.tile-toggle .media .author-avatar {
        font-size: var(--text-xl);
        padding: 2rem;
    }

    .gallery-container .tile-toggle .author-img-link {
        display: block;
        margin-top: .5rem;
        margin-left: 21.875%;
        margin-right: 21.875%;
        height: calc(56.25% - .5rem);
        width: calc(56.25% - .5rem);
        padding-top: calc(56.25% - .5rem);
    }

    .gallery-container .tile-toggle .results-list li:not(:nth-child(-n+1)) {
        display: -webkit-box;
    }

    .gallery-container .tile-toggle .results-list li:not(:last-of-type) {
        margin-bottom: .25rem;
    }

    .gallery-container .tile-toggle .result-name {
        display: none;
    }
    /* *********************************** */
    /*      BROWSE/SEARCH PAGINATION       */
    /* *********************************** */
    .pagination-container .wrapper {
        flex-wrap: nowrap;
    }

    .pagination-container .showing {
        text-align: right;
    }

    .pagination-container .pagination-link {
        width: 2.5rem;
        height: 2.5rem;
    }
}

@media only screen and (min-width: 768px) {
    /* *********************************** */
    /*         BROWSE/SEARCH HEADER        */
    /* *********************************** */
    .browse-search .heading {
        background-image: var(--bg-img);
        color: var(--dark-content);
        background-position: center;
        background-size: cover;
        padding-top: 1rem;
        padding-bottom: 1.75rem;
    }
    /* *********************************** */
    /*             SEARCH FILTER           */
    /* *********************************** */

    /* *********************************** */
    /*        BROWSE/SEARCH GALLERY      */
    /* *********************************** */
    .search-browse-wrapper {
        position: relative;
    }

    .gallery-container .author-img-link {
        margin-left: 3.89rem;
        margin-right: 3.89rem;
        width: 10rem;
        height: 10rem;
    }

    .gallery-container .session-img-link {
        width: 17.78rem;
        height: 10rem;
    }

    .gallery-list .media .author-avatar {
        font-size: var(--text-lg);
        padding: 2rem;
    }

    .gallery-container .results-list li:nth-child(-n+3) {
        display: -webkit-box;
    }

    .gallery-container .category-type {
        /*padding: .125rem 0;*/
        padding: 0;
    }

    .gallery-container .results-list li:not(:last-of-type) {
        margin-bottom: .325rem;
    }

    .gallery-list .author .author-avatar {
        font-size: var(--text-6xl);
    }

    .gallery-list.tile-toggle .wrapper > article {
        width: calc((100% - 3rem) / 3);
        flex-direction: column;
    }

    .search-browse-wrapper .tile:nth-of-type(3) {
        display: block;
    }

    .gallery-container .list-toggle .session-description {
        -webkit-line-clamp: 3;
    }

    .list-toggle .gallery-container .results-list li {
        -webkit-line-clamp: 3;
    }
    /* *********************************** */
    /*      BROWSE/SEARCH PAGINATION       */
    /* *********************************** */
}

@media only screen and (min-width: 1024px) {
    /* *********************************** */
    /*         BROWSE/SEARCH HEADER        */
    /* *********************************** */

    .browse-search .heading {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

        .browse-search .heading .wrapper {
            display: flex;
            gap: 2rem;
            align-items: center;
        }

        .browse-search .heading .thumb-img {
            flex-shrink: 0;
            height: fit-content;
            margin: 0;
        }

    .author .heading .wrapper {
        gap: 4rem;
        justify-content: center;
    }

    .author .heading .author-img-container {
        margin-left: 0;
        margin-right: 0;
        border-radius: 100%;
        margin-bottom: 0;
        flex-shrink: 0;
        max-width: 20rem;
        max-height: 20rem;
        width: 100%;
    }
    /* *********************************** */
    /*             SEARCH FILTER           */
    /* *********************************** */
    aside.filter .wrapper {
        padding: 2rem 2.5rem .5rem 2.5rem;
        width: 24rem;
    }
    /* *********************************** */
    /*        BROWSE/SEARCH GALLERY        */
    /* *********************************** */
    .browse-options-container {
        margin: 2rem 2.5rem 0 2.5rem;
        padding: 1.5rem 0;
    }

    .gallery-container .sort-fieldset,
    .gallery-container .view-toggle,
    .gallery-container .filter-toggle,
    .gallery-container .showing {
        width: calc((100% - 1.5rem) / 4);
    }

    .browse-options-container .wrapper {
        align-items: center;
    }

    .gallery-container .showing {
        text-align: right;
        margin-left: auto;
    }

    .browse-people .gallery-list.tile-toggle .wrapper > article {
        width: calc((100% - 4.5rem) / 4);
    }

    .list-toggle .gallery-container .results-list li {
        -webkit-line-clamp: 3;
    }
    /* *********************************** */
    /*      BROWSE/SEARCH PAGINATION       */
    /* *********************************** */
    .pagination-container {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    /* *********************************** */
    /*         BROWSE/SEARCH HEADER        */
    /* *********************************** */
    .dashboard .browse-options-container {
        top: 0;
    }
    .search-results-page .gallery-container {
        width: 100%;
    }
    /* *********************************** */
    /*                 SEARCH FILTER                 */
    /* *********************************** */
    aside.filter .wrapper {
        overflow-y: clip;
    }

    .update-filter-container {
        margin: 0;
        background: unset;
        padding: 0;
        position: unset;
        bottom: unset;
        border-top: none;
        z-index: unset;
    }
    /* *********************************** */
    /*        BROWSE/SEARCH GALLERY        */
    /* *********************************** */
    .search-browse-wrapper {
        display: flex;
        gap: 3rem;
        padding: 2rem 2.5rem;
    }

    aside.filter .wrapper {
        z-index: unset;
    }

    aside.filter {
        width: 18rem;
    }

        aside.filter .wrapper,
        aside.filter.active .wrapper {
            position: sticky;
            top: 1rem;
            left: 0;
            padding: 0;
            background-color: transparent;
            width: 18rem;
            height: max-content;
            overflow-x: clip;
        }

    .browse-options-container {
        position: relative;
        margin: 0 .75rem 2rem .75rem;
        top: 31px;
        background-color: unset;
        z-index: unset;
        padding: 1rem 0;
    }

    .gallery-container .filter-toggle {
        display: none;
    }

    .gallery-container .sort-fieldset {
        display: flex;
        gap: .5rem;
        width: max-content;
    }

        .gallery-container .sort-fieldset label {
            display: flex;
            align-self: center;
            color: var(--base-mute);
            font-size: var(--text-sm);
            flex-shrink: 0;
        }

        .gallery-container .sort-fieldset select {
            width: max-content;
            padding-right: 3rem;
        }

    .gallery-container .view-toggle {
        width: max-content;
    }

    .search-browse-wrapper .list {
        width: 2.75rem;
    }

    .search-browse-wrapper .tile-view {
        gap: .25rem;
    }

    .search-browse-wrapper .tile {
        width: .75rem;
    }

    .gallery-list.tile-toggle .wrapper > article {
        width: calc((100% - 3rem) / 3);
    }

    .gallery-container h2 {
        margin-bottom: 1.25rem;
    }

    .author .gallery-container h2 {
        margin-bottom: 0;
    }

    .browse-options-container {
        margin-left: 0;
        margin-right: 0;
    }

    .author .gallery-container .full-width {
        padding-top: 0;
        padding-bottom: 0;
    }

    .gallery-container .full-width {
        padding-left: 0;
        padding-right: 0;
    }

    .author .gallery-container > section:nth-of-type(even) {
        background-color: var(--base-02);
    }
    /* *********************************** */
    /*    BROWSE/SEARCH PAGINATION     */
    /* *********************************** */
    .pagination-container {
        margin: 0;
        padding: 1rem 0;
    }

    .author .pagination-container {
        margin: 0;
    }
}

@media only screen and (min-width: 1536px) {
    /* *********************************** */
    /*         BROWSE/SEARCH HEADER        */
    /* *********************************** */

    /* *********************************** */
    /*             SEARCH FILTER           */
    /* *********************************** */

    /* *********************************** */
    /*        BROWSE/SEARCH GALLERY        */
    /* *********************************** */
    .author .author-biography {
        font-size: var(--text-lg);
    }

    .search-browse-wrapper {
        max-width: 90rem;
        margin: 0 auto;
        padding: 2rem 0;
    }

    .gallery-list.tile-toggle .wrapper > article {
        width: calc((100% - 4.5rem) / 4);
    }

    .gallery-container .list-toggle .session-description {
        -webkit-line-clamp: 5;
    }
    /* *********************************** */
    /*      BROWSE/SEARCH PAGINATION       */
    /* *********************************** */
}

.list-toggle .institutions-content .thumb-img {position:unset;}