/* *********************************** */
/*        BROWSE/SEARCH HEADER       */
/* *********************************** */
html, body {
   overflow-x: unset;
}
.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;
}

.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;
}
/* *********************************** */
/*             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(--primary-content);
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: var(--primary);
   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(--primary);
   border: none;
   color: var(--primary-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(--primary);
}
.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;
   width: 1.5rem;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: .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 {
   width: 100%;
   text-align: left;
   font-weight: 600;
   border: none;
   height: 2.5rem;
   padding: 0 1rem;
   font-size: var(--text-sm);
   color: var(--primary-content);
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--primary);
   border-radius: .25rem;
}
.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 .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(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: .25rem;
}
.filter .save-search-button:hover {
   background-color: var(--base-03);
}
.filter .save-search-button i {
    margin-right: .625rem;
    top: 1px;
    position: relative;
}
.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: var(--base-05);
}
.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;
   background-color: var(--base-02);
   z-index: 1;
}
.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 .sort-fieldset select,
.gallery-container .filter-toggle {
   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(--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(--primary-focus);
}
.search-browse-wrapper .view-toggle button.active span {
   background-color: var(--primary);
}
.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(--primary);
   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: 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: .5rem;
}
.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: unset;
   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);
}
.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;
}
.pagination-container nav.pagination {
   display: flex;
   gap: .25rem;
}
.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(--primary);
   color: var(--primary-content);
}
.pagination-container .pagination-link.active:hover {
   background-color: var(--primary-focus);
}
.search-saved-searches-section {
    margin-top: 1rem;
    border-top: 1px solid var(--border-color);
    padding-top: 1.5rem;
}
.search-saved-searches-section .savedSearch-dropdown-container {
    position: relative;
    max-height: unset;
    background-color: unset;
    width: unset;
    max-width: unset;
    border: unset;
    padding: unset;
    border-radius: unset;
}
.search-saved-searches-section .savedSearches-listitem {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
}
.search-saved-searches-section .savedSearches-listitem-name {
    text-shadow: 0 0 .25px var(--base-mute);
    color: var(--primary);
    display: flex;
    font-size: var(--text-sm);
    line-height: 1.25;
    text-decoration: none;
}
.search-saved-searches-section .savedSearches-listitem-edit {
    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;
    width: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .25rem;
    filter: none;
    transition: var(--three);
}
.search-saved-searches-section .savedSearches-listitem-edit:hover, .search-saved-searches-section .savedSearches-listitem-edit:focus {
    filter: brightness(.9);
}
.search-saved-searches-section .savedSearches-listitem-edit::before {
    position: relative;
    top: -1px;
    right: -1px;
}
.search-saved-searches-section .savedSearches-addnewitem {
    display: none;
}

@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: 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;
   }
}
 
@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(49, 53, 73, 0.5);
      background: linear-gradient(140deg, rgba(0, 53, 95, 0.6) 0%, rgba(61, 69, 155, 0.6) 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: 3rem;
   }
   .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-left: 21.875%;
      margin-right: 21.875%;
      height: unset;
      width: 56.25%;
      padding-top: 56.25%;
   }
   .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;
   }
   .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 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       */
   /* *********************************** */
}