/* ---------- Page Styles ---------- */
.browse-search-page {
   padding: 1rem;
   position: relative;
}
.gallery-list.card-toggle{
	.search-within-transcript-container{
	    display: none !important;
	}
}
.browse-search-page>* {
   max-width: var(--max-width);
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

/* ---------- Header Styles ---------- */
.browse-page__header {
   text-align: center;
   margin-bottom: 0.5rem
}

.browse-page__title {
   font-size: var(--text-3xl);
   font-weight: 600;
}

.browse-page__breadcrumb {
   font-size: var(--text-sm);
   color: var(--base-content);
}

.browse-page__breadcrumb-list {
   list-style: none;
   display: flex;
   padding: 0;
   margin: 0;
   justify-content: center;
}

.browse-page__breadcrumb-item {
   display: flex;
   align-items: center;
}

.browse-page__breadcrumb-item+.browse-page__breadcrumb-item::before {
   content: " / ";
   color: var(--base-mute);
   margin: 0 0.5em;
}

.browse-page__breadcrumb-link {
   color: var(--base-content);
   text-decoration: none;
}

.browse-page__breadcrumb-link:hover {
   text-decoration: underline;
}

.browse-page__breadcrumb-item--current {
   color: var(--base-emphasis);
   /* highlight current page */
   font-weight: bold;
}

.header_search_term {
   font-style: italic;
   font-weight: 600;
}

.category-page__about {
    font-size: var(--text-sm);
    text-align: start;
    margin-top: 1.5rem;
}
article.media .thumb-img-overlay button, article.author .thumb-img-overlay button {
    height: var(--space-10);
    width: var(--space-10);
    border-radius: var(--radius-pill);
    position: relative;
    display: inline-grid;
    place-items: center;
    border: none;
    background: var(--surface-2);
    color: var(--text-strong);
    cursor: pointer;
    pointer-events: all;
    box-shadow: var(--shadow-xs);
    transition: background var(--dur-3) var(--ease-standard), transform var(--dur-1) var(--ease-standard), box-shadow var(--dur-3) var(--ease-standard);
    position: relative;
    z-index: 3;
}
.category-page__collapsible .category-page__collapsible-content {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6;
   /* only shows 6 lines */
   transition: max-height 0.5s ease;
   /* smooth expand/collapse */
   max-height: 10em;
   /* roughly 6 lines of text, adjust as needed */
}

.category-page__collapsible.is-expanded .category-page__collapsible-content {
   display: block;
   /* remove line clamping */
   -webkit-line-clamp: unset;
   max-height: 10000px;
   /* large enough to fit full content */
}

.category-page__toggle {
   width: fit-content;
   background-color: transparent;
   border: 0;
   color: var(--primary);
   font-weight: 600;
   font-size: var(--text-sm);
   padding: 0;
}

.category-page__toggle:hover,
.category-page__toggle:focus {
   color: var(--primary-focus);
}

.category-page__toggle i {
   margin-left: .5rem;
   position: relative;
   top: 1px;
   transition: var(--three);
}


.category-page__description a {
   text-decoration: none;
   color: var(--primary);

}

.category-page__description a:hover,
.category-page__description a:focus {
   text-decoration: none;
   color: var(--primary-focus);
}

/* ---------- Filter Styles ---------- */
.filter-active .filter-panel {
   box-shadow: 0 0 0 2000px rgb(1 2 3 / 66%);
   left: 0;
}

.filter-panel {
   max-width: 320px;
   width: 100%;
   background-color: var(--base-02);
   padding: 1rem;
   position: fixed;
   top: 0;
   left: -100%;
   height: 100%;
   z-index: 200;
   box-shadow: 0 0 0 2000px rgb(1 2 3 / 0%);
   transition: var(--three);
}

.filter-panel__header {
   font-size: var(--text-xl);
   font-weight: 500;
   display: flex;
   justify-content: space-between;
   padding-bottom: 1rem;
   margin-bottom: 1rem;
   position: relative;
   align-items: center;
}

.filter-panel__toggle {
   aspect-ratio: 1;
   border-radius: 100%;
   border: none;
   background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--dark-emphasis);
   padding: .75rem;
}

.filter-panel__toggle:hover,
.filter-panel__toggle:focus {
   background-color: var(--base-01);
}

.filter-panel__header::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: -1rem;
   right: -1rem;
   height: 1px;
   background-color: var(--base-content);
}

.filter-section {
   margin-bottom: 2rem;
}

.filter-section h4,
.filter-section h3 {
   font-size: var(--text-lg);
   font-weight: 500;
   display: flex;
   justify-content: space-between;
   margin-bottom: 0;
}

.filter-section .toggle-button {
   pointer-events: auto;
   cursor: pointer;
   transition: var(--three);
}

.filter-section .toggle-button:hover,
.filter-section .toggle-button:focus {
   color: var(--primary);
}

.search-container {
   display: flex;
   margin-bottom: .5rem;
}

.keyword-filter-input {
   flex-grow: 1;
   height: 40px;
   background: linear-gradient(to right, var(--base-01), var(--base-01));
   border: 1px solid var(--base-05);
   border-radius: .25rem 0 0 .25rem;
   padding: 1rem;
   border-right: none;
   transition: var(--three);
}

.keyword-filter-input::-webkit-input-placeholder {
   color: var(--base-mute);
}

.keyword-filter-button {
   height: 40px;
   width: 40px;
   border-radius: 0 .25rem .25rem 0;
   border: none;
   background-color: var(--base-01);
   border: 1px solid var(--base-05);
   color: var(--base-mute);
   border-left: none;
}

.keyword-filter-button:hover,
.keyword-filter-button:focus {
   background-color: var(--base-03);
}

.search-container:has(.keyword-filter-button:hover) .keyword-filter-input {
   background: linear-gradient(to right, var(--base-01), var(--base-03));
}

.filter-sub-section h4 {
   margin-left: 1rem;
   font-size: var(--text-base);
   color: var(--base-content);
}
.filter-child-sub-section {
    margin-bottom: 1rem;
    gap: 1rem;
}
.filter-child-sub-section h5 {
   margin-left: 1rem;
   font-size: var(--text-base);
   color: var(--base-content);
}

.filter-checkbox-container {
   margin-left: 1rem;
   color: var(--base-content);
   font-weight: 500;
}

.filter-category .input-container {
   display: flex;
   margin-bottom: 1rem;
   gap: 1rem;
   align-items: center;
}

input[type="checkbox"] {
   appearance: none;
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   border: 1px solid var(--base-emphasis);
   border-radius: 4px;
   background: var(--base-01);
   cursor: pointer;
   position: relative;
}

input[type="checkbox"]:checked {
   background: var(--base-emphasis);
   border-color: var(--base-emphasis);
}

input[type="checkbox"]:checked::after {
   content: "";
   position: absolute;
   left: 5px;
   top: 2px;
   width: 5px;
   height: 10px;
   border: solid var(--base-01);
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
}

.category-filter-clear-all,
.update-filter-button,
.save-search-button {
   text-decoration: none;
   width: 100%;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 1rem;
   gap: .75rem;
   font-weight: 500;
   border-radius: .25rem;
   color: var(--base-emphasis);
   font-size: var(--text-lg);
}
.gallery-list .wrapper {
    margin-bottom: 1.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.update-filter-button {
   background-color: var(--primary);
   border: none;
   color: var(--surface);
}

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

.category-filter-clear-all {
   background-color: var(--base-01);
   border: 1px solid var(--base-05);
   color: var(--base-emphasis);
}

.category-filter-clear-all:hover,
.category-filter-clear-all:focus {
   background-color: var(--base-03);
}

.save-search-button {
   background-color: transparent;
   border: none;
   font-size: var(--text-base);
}

.save-search-button:hover,
.save-search-button:focus {
   background-color: var(--base-03);
}

.update-filter-container>button:not(:last-of-type) {
   margin-bottom: .5rem;
}

.active-filters-container button i {
   margin-left: .5rem;
}

.active-filters-container button {
   background-color: var(--base-01);
   border: 1px solid var(--base-05);
   border-radius: .25rem;
   padding: 5px 8px 4px 8px;
   color: var(--base-emphasis);
   font-size: var(--text-sm);
   line-height: 1;
   margin-right: .25rem;
   margin-bottom: .25rem;
}

.active-filters-container button:hover,
.active-filters-container button:focus {
   background-color: var(--base-03);
   border: 1px solid var(--base-emphasis);
}

/* ---------- Browse Option Styles ---------- */
/* When closed (aria-expanded="false") */
.filter-toggle[aria-expanded="false"] .filter-toggle__show {
   display: inline;
}

.filter-toggle[aria-expanded="false"] .filter-toggle__hide {
   display: none;
}

/* When open (aria-expanded="true") */
.filter-toggle[aria-expanded="true"] .filter-toggle__show {
   display: none;
}

.filter-toggle[aria-expanded="true"] .filter-toggle__hide {
   display: inline;
}

.browse-options-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
    z-index: 4;
    background-color: var(--base-01);
}

.results-controls {
   display: flex;
   gap: .5rem;
   margin-bottom: 1rem;
}

.results-controls>* {
   border-radius: .25rem;
   width: calc((100% - .5rem - 38px - .5rem) / 2);
   height: 38px;
   border: 1px solid var(--base-05);
   background-color: var(--base-02);
   color: var(--base-emphasis);
   transition: var(--three);
}

.results-controls>*:hover,.results-controls>*:focus {
    background-color: var(--base-04);
}

.view-toggle {
   display: none;
}

/* Visually hide but keep accessible */
.sort-fieldset .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
}

.sort-fieldset .sr-only {
   display: none;
}

.sort-fieldset {
   position: relative;
   display: inline-block;
}

.sort-fieldset::before {
   content: "Sort by: ";
   position: absolute;
   left: 8px;
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none;
   color: #555;
   font-size: 14px;
   display: none;
}

.sort-fieldset select {
   /* padding-left: 64px; */
   font-size: 14px;
   height: 100%;
   width: 100%;
   background-color: inherit;
   color: inherit;
   border: none;
}

.sort-button {
   width: 38px;
}

.browse-options-container .showing {
   text-align: center;
}

/* ---------- Gallery Styles ---------- */
.gallery-list {
   margin-bottom: 2rem;
}

.media-container {
   height: 100%;
   margin-bottom: 1rem !important;
}

.media-description {
   display: none;
    visibility: hidden;
}


.searchhighlight {
    background-color: #ffe999;
    color: var(--dark-content);
    font-weight: 700;
    padding: 1px 4px;
}

/* ---------- Pagination Styles ---------- */
.pagination-container .wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 1rem;
}


.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 {
   border-radius: .25rem;
   width: 38px;
   height: 38px;
   border: 1px solid var(--base-05);
   background-color: var(--base-02);
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--base-emphasis);
}

.pagination-container .pagination-link:hover {
   background-color: var(--base-03);
}

.pagination-container .pagination-link.disabled {
   background-color: var(--base-01);
   color: var(--base-05);
   cursor: default;
   border-color: var(--base-03);
}

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

.pagination-container .pagination-link.active:hover {
   color: var(--primary-focus);
}

@media only screen and (min-width: 360px) {
   /* ---------- Header Styles ---------- */
   /* ---------- Filter Styles ---------- */
}

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

   /* ---------- Header Styles ---------- */
   /* ---------- Filter Styles ---------- */
   /* ------ Browse Option Styles ------- */
   .browse-options-container {
      margin-bottom: 2rem;
   }

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

   .results-controls {
      margin-bottom: 0;
   }

   .results-controls>* {
      width: fit-content;
      padding: 0 1rem;
      margin-bottom: 0;
   }

   .sort-button {
      width: 38px;
      padding: 0;
   }

   /* ---------- Gallery Styles ---------- */
   .gallery-list {
      gap: 1rem;
   }

   .media-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 0 !important;
   }

   .list-toggle .media-details-container {
      position: relative;
   }

   .list-toggle .media-container {
      overflow: unset;
   }

.list-toggle .search-results__transcript
    margin-top: 0;
}

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

   /* ---------- Page Styles ---------- */
   .browse-search-page {
      padding: 1.5rem;
   }

   /* ---------- Header Styles ---------- */
   /* ---------- Filter Styles ---------- */

   .view-toggle {
       display: flex;
       padding: 0;
       border: none;
   }

   .view-toggle:hover, .view-toggle:focus {
      background-color: transparent;
   }

   .view-toggle > button {
       padding: 0 1rem;
       display: flex;
       background-color: transparent;
       border: none;
       justify-content: center;
       align-items: center;
       gap: .25rem;
       border: 1px solid var(--border-color);
   }

   .view-toggle > button:hover, .view-toggle > button:focus  {
           background-color: var(--base-04);
   }

.view-toggle .active {
    border: 1px solid var(--base-mute);
}

.view-toggle > button:first-of-type {
    border-radius: .25rem 0 0 .25rem;
    border-right: none;
}

.view-toggle > button:last-of-type {
    border-radius: 0 .25rem .25rem 0;
    border-left: none;
}

.tile-view .tile {
    height: 12px;
    width: 12px;
    background-color: var(--border-color);
    transition: var(--three);

}

.view-toggle .active span {
    background-color: var(--base-emphasis);
}

.toggle-divide {
    border-left: 1px solid var(--base-mute);
}

.list-view .list {
    height: 12px;
    width: 43px;
    background-color: var(--border-color);
}

   /* ------ Browse Option Styles ------- */
   /* --------- Gallery Styles ---------- */
   
   .list-toggle .media-container {
       flex-direction: row !important;
   }

.list-toggle .media-container .thumb-img-container {
    flex-basis: 50%;
    padding-top: unset;
}

.list-toggle .media-details-container {
    flex-basis: 50%;
}

.list-toggle .media-description {
   margin-top: 1rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
visibility: visible;
}

   /* -------- Pagination Styles --------- */
   .pagination-container .wrapper {
      justify-content: space-between;
   }

   .pagination-container nav.pagination {
      width: fit-content;
   }
}
.gallery-list .wrapper > article {
        width: 100%;
        flex-direction: column;
        display: flex;
    }
@media only screen and {minwidth: 640px}
{
	 .gallery-list.tile-toggle .wrapper > article {
            width: calc((100% - 1rem) / 2);
            flex-direction: column;
        }
}
@media only screen and (min-width: 768px) {

   /* ---------- Header Styles ---------- */
.browse-page__header {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
   /* ---------- Filter Styles ---------- */
.active-filters-container button {
    font-size: var(--text-xs);
}

.filter-section h4, .filter-section h3 {
    font-size: var(--text-base);
}

.keyword-filter-input {
    font-size: var(--text-base);
}
 .gallery-list.tile-toggle .wrapper > article {
        width: calc((100% - 2rem) / 3);
        flex-direction: column;
    }
.category-filter-clear-all, .update-filter-button, .save-search-button {
    font-size: var(--text-sm);
}
.tile-toggle .media-container {
    height: unset;
}
   /* ------ Browse Option Styles ------- */
   /* ---------- Gallery Styles --------- */
   .gallery-list {
      margin: 0 auto 2rem auto;
   }

    .list-toggle .media-container {
        height: 270px;
    }

.list-toggle .thumb-img-container {
    flex-basis: 360px;
    height: 270px;
}

    .media-container .media-details-container {
        flex-basis: calc(100% - 360px);
    }

}

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

   /* ---------- Header Styles ---------- */
   .category-page__content>section {
        padding: 2rem;
        gap: 2rem;
    }
   /* ---------- Filter Styles ---------- */
   /* ---------- Gallery Styles --------- */
   .gallery-list {
      gap: 1.5rem;
   }

    .list-toggle {
		width: 100%;
    }
}


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

   /* ---------- Page Styles ------------ */
   .filter-active .filter-panel {
      box-shadow: none;
   }

   .filter-panel {
      position: absolute;
      width: 288px;
      z-index: unset;
      border-top: 1px solid var(--base-01);
      border-bottom: 1px solid var(--base-01);
      overflow: scroll;
   }

   .browse-search-page {
      transition: var(--three);
   }

   .filter-active {
      padding-left: 22rem;
      padding-right: 4rem;
   }
    .gallery-list.tile-toggle .wrapper > article {
        width: calc((100% - 2rem) / 3);
    }

   /* ---------- Header Styles ---------- */
   /* ----------- Filter Styles ----------- */

   .filter-panel__header {
       display: none;
       visibility: hidden;
   }
   /* ------ Browse Option Styles ------- */
}

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

   /* ---------- Page Styles ------------ */
   .filter-panel {
      width: 320px;
   }

   .filter-active {
      padding-left: 20rem;
      padding-right: 0rem;
   }

   /* ---------- Header Styles ---------- */
   /* ---------- Filter Styles ---------- */
}

/* ---------- Transcript Styles ---------- */
.search-within-transcript-container {
   display: unset;
}

.search-results-page .media-description {
   visibility: visible;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   margin-top: 1rem;
   color: var(--base-emphasis);
   line-height: 1.4 !important;
}

.preview-transcript-matches {
   display: none;
   visibility: hidden;
}

.browse-search-page .search-within-transcript-container {
   display: none;
   visibility: hidden;
}

.browse-search-page.search-results-page .search-within-transcript-container {
   display: block;
   visibility: visible;
   background-color: var(--base-02);
   padding: 0 1rem 1rem;
   transition: var(--three);
}

.media-container:hover .search-within-transcript-container {
   background-color: var(--base-03);
}

.search-within-transcript-container h4 {
   font-size: var(--text-sm);
   font-weight: 400;
   color: var(--base-emphasis);
   margin-bottom: .5rem;
}

.search-within-transcript-results__count {
   font-weight: 600;
   color: var(--primary);

}

.search-within-transcript-result {
   line-height: 1.3;
   margin-bottom: .5rem;
}

.search-within-transcript-result-link {
   text-decoration: none;
   color: var(--text-emphasis);
   font-weight: 400;
   font-size: var(--text-sm);
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.search-within-transcript-result-link:hover,
.search-within-transcript-result-link:focus {
   color: var(--primary-focus);
}

.search-within-transcript-result-time {
   font-weight: 600;
}

.search-within-transcript-result-text {
   font-weight: 400;
}

.search-within-transcript-full-link {
   text-decoration: none;
   color: var(--primary);
   font-size: var(--text-sm);
   font-weight: 600;
}

.search-within-transcript-full-link:hover i {
   animation: bounce-right 1s ease-in-out;
   animation-delay: 0.2s;
   animation-iteration-count: infinite;
}

@keyframes bounce-right {
   0% {
      transform: translateX(0);
   }

   30% {
      transform: translateX(25%);
   }

   60% {
      transform: translateX(-10%);
   }

   100% {
      transform: translateX(0);
   }
}

@media only screen and (min-width: 360px) {
   /* ---------- Transcript Styles ---------- */
}

@media only screen and (min-width: 500px) {
   /* ---------- Transcript Styles ---------- */

   .search-results-page .preview-transcript-matches {
      display: flex;
      flex-wrap: wrap;
      visibility: visible;
      background-color: transparent;
      color: var(--base-emphasis);
      border: none;
      font-size: var(--text-sm);
      padding: 0;
      margin-top: 1rem;
      width: 100%;
      align-items: center;
   }

   .search-results-page .media-container {
      overflow: unset;
   }

   .preview-transcript-matches:hover,
   .preview-transcript-matches:focus {
      color: var(--primary-focus);
   }



   .preview-transcript-matches i {
      margin-left: auto;
      color: var(--primary);
      transition: var(--three);
   }

   .active-transcript .preview-transcript-matches i {
      transform: rotate(180deg);
   }

   .search-results-page .media-description {
      display: none;
      visibility: hidden;
   }

   .browse-search-page.search-results-page .search-within-transcript-container {
      display: none;
      visibility: hidden;
   }


   .browse-search-page.search-results-page .search-within-transcript-container {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      display: block;
      top: calc(100%);
      z-index: 1;
      width: calc(100vw - 2rem);
      padding-top: 1rem;
      transform: scale(.99) translateY(1rem);
   }

   .browse-search-page.search-results-page .active-transcript .search-within-transcript-container {
      visibility: visible;
      opacity: 1;
      transform: scale(1) translateY(0rem);

   }

   /* Odd Articles */
    .browse-search-page.search-results-page .media-container:nth-of-type(odd) .search-within-transcript-container {
    }

   /* Even Articles */
    .browse-search-page.search-results-page .media-container:nth-of-type(even) .search-within-transcript-container {
        margin-left: calc(-100% - 1rem);
    }
   .search-within-transcript-container h4 {
      display: none;
      visibility: hidden;
   }

   .media-container {
      z-index: auto;
   }

   .active-transcript.media-container:hover,
   .active-transcript.media-container {
      z-index: 2;
      box-shadow: 0 0 0 2000px rgb(1 2 3 / 66%);
   }
}

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

   /* ---------- Transcript Styles ---------- */
   .list-toggle h2,
   .list-toggle h3,
   .list-toggle h4 {
      text-wrap: unset;
   }

   .list-toggle .preview-transcript-matches {
      display: none !important;
      visibility: hidden !important;
   }

   .search-results-page .list-toggle .media-description {
      display: none;
   }

   .browse-search-page.search-results-page .list-toggle .search-within-transcript-container {
      position: relative;
      visibility: visible;
      opacity: 1;
      display: block;
      width: auto;
      top: unset;
      padding: 0;
      z-index: unset;
      transform: scale(1) translateY(0);
      margin-top: .75rem;
   }

   .list-toggle .media-container:hover .search-within-transcript-container {
      background-color: transparent;
   }

   .list-toggle .search-within-transcript-container h4 {
      display: unset;
      visibility: unset;
   }

   .list-toggle .search-within-transcript-results {
      margin-top: .5rem;
      margin-bottom: .5rem;
   }

   .list-toggle .search-within-transcript-result:nth-of-type(n+3) {
      display: none;
      visibility: hidden;
   }

   .tile-toggle .active-transcript.media-container {
      overflow: unset;
   }

   .search-results-page .tile-toggle .preview-transcript-matches {
      display: block;
      visibility: visible;
   }

   .browse-search-page.search-results-page .tile-toggle .search-within-transcript-container {
      width: calc(100vw - 3rem);
   }

   .tile-toggle .active-transcript.media-container:hover,
   .tile-toggle .active-transcript.media-container {
      z-index: 2;
      box-shadow: 0 0 0 2000px rgb(1 2 3 / 66%);
   }

   .list-toggle .active-transcript.media-container:hover,
   .list-toggle .active-transcript.media-container {
      z-index: unset;
      box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.075);
   }

   /* Even Articles */
    .browse-search-page.search-results-page .media-container:nth-of-type(even) .search-within-transcript-container {
        margin-left: unset;
    }

   /* 1st, 4th, 7th, ... .media-container transcript*/
    .browse-search-page.search-results-page .tile-toggle .media-container:nth-of-type(3n + 1) .search-within-transcript-container {
        margin-left: none;
    }

     /* 2nd, 5th, 8th, ... .media-container transcript*/
    .browse-search-page.search-results-page .tile-toggle .media-container:nth-of-type(3n + 2) .search-within-transcript-container {
        margin-left: calc(-100% - 1rem);
    }

     /* 3rd, 6th, 9th, ... .media-container transcript*/
    .browse-search-page.search-results-page .tile-toggle .media-container:nth-of-type(3n) .search-within-transcript-container {
        margin-left: calc(-200% - 2rem);
    }



}

@media only screen and (min-width: 768px) {
   /* ---------- Transcript Styles ---------- */
}

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

   /* ---------- Transcript Styles ---------- */
   .list-toggle .search-within-transcript-result:nth-of-type(n+3) {
      display: unset;
      visibility: unset;
   }

   .list-toggle .search-within-transcript-result:nth-of-type(n+4) {
      display: none;
      visibility: hidden;
   }

   .search-results-page .list-toggle .media-description {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      visibility: visible;
   }

   .search-within-transcript-result {
      margin-bottom: .25rem;
   }

   /* 1st, 5th, 9th, ... .media-container transcript*/
    .browse-search-page.search-results-page .tile-toggle .media-container:nth-of-type(4n + 1) .search-within-transcript-container {
        margin-left: none;
    }

     /* 2nd, 6th, 10th, ... .media-container transcript*/
    .browse-search-page.search-results-page .tile-toggle .media-container:nth-of-type(4n + 2) .search-within-transcript-container {
        margin-left: calc(-100% - 1.5rem);
    }

     /* 3rd, 7th, 11th, ... .media-container transcript*/
    .browse-search-page.search-results-page .tile-toggle .media-container:nth-of-type(4n + 3) .search-within-transcript-container {
        margin-left: calc(-200% - 3rem);
    }

     /* 4th, 8th, 12th, ... .media-container transcript*/
    .browse-search-page.search-results-page .tile-toggle .media-container:nth-of-type(4n) .search-within-transcript-container {
        margin-left: calc(-300% - 4.5rem);
    }

}

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

   /* ---------- Transcript Styles ---------- */
   .search-results-page .list-toggle .media-description {
      display: none;
   }

  .browse-search-page.search-results-page.filter-active .tile-toggle .search-within-transcript-container {
    width: 864px;
  }

  .browse-search-page.search-results-page .tile-toggle .search-within-transcript-container {
    width: 986px;
  }
}

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

   /* ---------- Transcript Styles ---------- */

    .browse-search-page.search-results-page.filter-active .tile-toggle .search-within-transcript-container {
        width: 986px;
    }


   .search-results-page .list-toggle .media-description {
      display: -webkit-box;
      -webkit-line-clamp: 2;
   }
}