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

.gallery-container {
   width: 100%;
}

.list-toggle .gallery-container {
   width: 17.78rem !important;
}

.browse-search .heading {
   background-color: var(--dark-focus);
   color: var(--dark-content);
   background-position: center;
   background-size: cover;
   padding-top: 1rem;
   padding-bottom: 1.25rem;
}

.browse-search .heading .thumb-img {
   border-radius: .5rem;
   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);
   margin-bottom: .75rem;
   line-height: 1.3;
}

.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 .heading-info-container button {
    text-decoration: none;
    font-weight: 600;
    border-radius: 8px;
    border: 2px solid var(--dark-01);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    background-color: var(--base-05);
    color: var(--dark-focus);
}

.browse-search .heading-info-container button:hover, .browse-search .heading-info-container button:focus {
    background-color: var(--base-01);
}

.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;
   padding-bottom: 1.5rem;
   margin-bottom: 1rem;
}

.filter h4 {
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--heading-font);
    font-weight: 600;
    color: var(--base-mute);
    border-bottom: 1px solid #d0d9e4;
    margin-bottom: .75rem;
    padding-bottom: .5rem;
}

.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(--dark-01);
   border-radius: .25rem;
}

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

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

.filter .filter-toggle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    border: none;
    background-color: transparent;
   color: var(--base-mute);
   transition: var(--three);
}

.filter h4 {
    font-weight: 700;
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.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(--dark-01);
   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(--dark-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: 2rem;
    font-size: var(--text-base);
    align-items: center;
    text-shadow: 0 0 0 transparent;
    line-height: 1.25;
    margin-top: 1px;
    color: var(--base-content);
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 1.3;
}

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

.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: 1.25rem;
    width: 1.25rem;
    background-color: var(--base-01);
    transition: var(--three);
    border-radius: 4px;
    border: 1px solid var(--dark-01);
}

.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(--dark-01);
}

.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(--dark-01);
   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(--dark-focus);
}

.filter .sort-container {
   display: none;
}

.view-saved-searches {
    color: var(--dark-01);
}
/* *********************************** */
/*        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-bottom: 1px solid var(--border-color);
   padding-top: 0;
   padding-bottom: 0.75rem;
   padding-left: 0;
   padding-right: 0;
}

.browse-options-container {
   position: sticky;
   margin: 1rem .75rem 0 .75rem;
   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(--primary);
    border-radius: .25rem;
    color: var(--base-content);
    line-height: 1;
}

.search-browse-input::-webkit-input-placeholder {
    color: var(--base-mute);
}

.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%);
   right: 1rem;
   color: var(--primary);
   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: rgb(0 74 152 / 33%);
}

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

.search-browse-wrapper .view-toggle button.active:hover {
   border-color: var(--primary-focus);
   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(--primary);
}

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

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

.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: 0.25rem;
   margin-bottom: 1.75rem;
   display: flex;
   flex-wrap: wrap;
}

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

.gallery-list .wrapper>article:hover {
    box-shadow: 0 4px 4px -1px rgb(0 45 93 / 25%);
}

.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);
}

.article-Talk .thumb-img,
.article-Conference .thumb-img {
   object-fit: contain;
   background-color: white;
}

.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 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: var(--text-base);
    color: var(--base-content);
    line-height: 1.3;
   list-style-type: none;
}

.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: 3;
   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: 3rem;
    height: 3rem;
    display: flex;
    background-color: var(--base-01);
    justify-content: center;
    align-items: center;
    color: var(--primary);
    border-radius: .5rem;
    border: 2px solid var(--primary);
}

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

.pagination-container .pagination-link.disabled {
    background-color: transparent;
    color: var(--border-color);
    border: none;
}

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

.pagination-container .pagination-link.active:hover {
   background-color: var(--primary-focus);
    color: var(--primary-content);
    text-shadow: -0.25px -0.25px 0  var(--dark-content), 0.25px -0.25px 0  var(--dark-content), -0.25px 0.25px 0  var(--dark-content), 0.25px 0.25px 0  var(--dark-content);
}

.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(--dark-01);
   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;
   }

   .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: 16rem;
      height: 9rem;
      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 nav.pagination {
      width: unset;
   }
}

@media only screen and (min-width: 640px) {

   .gallery-list.list-toggle .wrapper {
      gap: 1.25rem;
   }

   .gallery-list.list-toggle .wrapper>article {
      margin-bottom: 0;
   }

   .tile-toggle.gallery-container .results-list li {
      display: none !important;
   }


   /* *********************************** */
   /*         BROWSE/SEARCH HEADER        */
   /* *********************************** */
   .browse-search .heading {
      position: relative;
      margin-bottom: .625rem;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
   }

   .event-page .heading .thumb-img {
      max-width: unset;
      max-height: 16rem;
      width: auto;
   }

   /* *********************************** */
   /*             SEARCH FILTER           */
   /* *********************************** */
   aside.filter .wrapper {
      padding: 1.75rem;
   }

   .update-filter-container {
      margin: -1.75rem;
      bottom: -2.5rem;
   }

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


   .browse-options-container,
   .pagination-container {
      margin-left: 1.25rem;
      margin-right: 1.25rem;
      margin-bottom: 2rem;
      padding-bottom: 0;
      border-bottom: 0;
   }

   .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 {
      padding-top: 0;
   }

   .gallery-list .wrapper {
       margin-bottom: 0;
       margin-top: 0;
        gap: 1.5rem;
   }

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

   .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;
   }

   .gallery-container .tile-toggle .result-name {
      display: none;
   }

   .tile-toggle .description-short {
      display: none;
   }

   .list-toggle .description-short {
      display: block;
   }

   /* *********************************** */
   /*      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;
   }

   .pagination {
      flex-shrink: 0;
   }
}

@media only screen and (min-width: 768px) {

   /* *********************************** */
   /*         BROWSE/SEARCH HEADER        */
   /* *********************************** */
   .browse-search .heading {
      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;
      font-size: var(--text-sm);
   }

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

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

    .gallery-list .wrapper {
       gap: 1rem;
    }

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

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

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



   @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           */
      /* *********************************** */

    .update-filter-container {
        margin: -2.5rem;
        bottom: -1.5rem;
    }


      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;
         padding-top: 8px;
      }

      .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;
   }
}