/*
Theme Name: VirallCity
Theme URI: https://www.toledobuzz.com/
Template: blankslate
Author: ToledoBuzz, LLC.
Author URI: https://www.toledobuzz.com/
Version: 3.2.3
Description: Copyright 2024 ToledoBuzz LLC. All rights reserved. The "Glass City" WordPress theme is the exclusive property of ToledoBuzz LLC. Unauthorized use, reproduction, or distribution of this theme, or any portion of it, is strictly prohibited.
Tags: streaming, news, magazine, video, broadcast, media, publication, journalism, music, dynamic
*/


body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #fff;
    color: #000;
    touch-action: manipulation;
}

article p a {
    background: #fff000;
    padding: 2px 3px;
}
article p a:hover {
    text-decoration: underline;
}

/* Entry Content Headers, Paragraphs, Links, Lists */
.entry-content {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #111;
    max-width: 650px;
    margin: 0 auto;
    overflow: hidden
}

.entry-content img, .entry-content iframe, .entry-content video {max-width: 100%; }
.entry-content video, 
.entry-content iframe {
    width: 100%;
    height: auto; /* Let the aspect ratio determine height */
    aspect-ratio: 16 / 9; 
    object-fit: cover; /* Ensures video fills the area without distortion */
}

.dark-bg .entry-content #featured_artists_carousel a,
.dark-bg .entry-content {
	color: #FFF!important;
}

.dark-bg .content-tag {
	background: white; color: black;
}


.entry-content a {
    color: #000;
    background-color: #FFF000;
    text-decoration: none
}
.entry-content a:hover {
    text-decoration: underline
}
.entry-content blockquote {
    background-color: #000;
    color: #fff;
    padding: 2.5rem;
    padding-top: 4rem;
    margin: 2rem 0;
    font-family: 'Arial Black', Gadget, sans-serif;
    position: relative;
    border: 2px solid #fff;
    box-shadow: 5px 5px 0px #fff000;
    overflow: hidden
}
.entry-content blockquote::before {
    content: '“';
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
    font-size: 8rem;
    line-height: 1;
    color: rgba(255, 240, 0);
    position: absolute;
    top: 0rem;
    left: 1rem;
    z-index: 0;
    pointer-events: none
}
.entry-content blockquote .quote-text {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1
}
.entry-content blockquote .quote-source-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}
.entry-content blockquote .quote-source-line {
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #ffcc00;
    margin-right: 15px
}
.entry-content blockquote .quote-source {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffcc00
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: .5em;
    font-weight: bold
}
.entry-content h1 {
    font-size: 2.5em;
    line-height: 1.2em
}
.entry-content h2 {
    font-size: 2em;
    padding-bottom: 5px
}
.entry-content h3 {
    font-size: 1.75em
}
.entry-content figure,
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px
}
.entry-content ol li {
    list-style-type: decimal;
    margin-bottom: .5em
}
.entry-content p {
    margin-bottom: 1em;
    font-size: 1em
}
.entry-content ul,
.entry-content ol {
    margin-bottom: 1em;
    margin-left: 20px
}
.entry-content ul li {
    list-style-type: disc;
    margin-bottom: .5em
}

/* IDs */
#featured_artists_carousel a,
.wp-playlist a {
    background: none;
}
#featured_artists_carousel .artists-fimage img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}
#gallery-1 {
    margin: 0 !important
}
#lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .9);
    padding: 20px;
    box-sizing: border-box
}
#lightbox-content {
    display: flex;
    flex-direction: row !important; 
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 20px
}

/* Desktop / Default State */
.admin-bar .top-level-header {
    top: 32px;
}
.admin-bar .top-level-header.is-scrolled {
    top: 32px !important;
}

/* Mobile Specific (600px and below) */
@media screen and (max-width: 600px) {
    .admin-bar .top-level-header {
        top: 46px;
    }

/* Scrolled State */
/* This remains global and overrides both of the above via !important */
.admin-bar .top-level-header.is-scrolled {
    top: 0 !important;
}

.search-container {border-radius: 0!important;}
}



.alphabet-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px
}
.alphabet-grid a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1a1a1a;
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color .2s ease;
aspect-ratio: 1 / 1;
}
.alphabet-grid a:hover {
    background-color: #fff000
}
.author-socials:hover {background-color: #000; color: #FFF;}
.dark-bg .author-socials:hover {background-color: #FFF; color: #000;}


.back-button {
  position: absolute;
  padding-left: 1.5rem;
    clip-path: polygon(
      15px 0,   /* top left diagonal */
      100% 0,   /* top right */
      100% 100%,/* bottom right */
      15px 100%,/* bottom left diagonal */
      0 50%     /* middle left (arrow tip) */
    );
    -webkit-box-shadow: inset 0px 0px 16px -5px #000000;
    box-shadow: inset 0px 0px 16px -5px #000000; text-shadow: 0px 0px 1px #000000;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1); /* Semi-transparent background */
    -webkit-backdrop-filter: blur(10px); /* WebKit prefix for Safari */
    backdrop-filter: blur(10px); /* Standard property */
}
.blinking-circle {
    display: inline-block;
    width: 10px !important;
    height: 10px !important;
    background-color: #fff000;
    border-radius: 50%;
    margin-left: 5px;
    top: -5px;
    position: relative;
    animation: blink-animation 1s infinite alternate;
    padding: 0 !important
}
.caption-gradient {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.carousel-item:hover .aspect-video,
.carousel-item:hover .aspect-square,
.carousel-item:hover img {
    -webkit-box-shadow: 0px 0px 6px 3px rgba(255, 238, 0, 1);
    -moz-box-shadow: 0px 0px 6px 3px rgba(255, 238, 0, 1);
    box-shadow: 0px 0px 6px 3px rgba(255, 238, 0, 1);
}
.carousel-rank.text-shadow-lg.text-shadow-black {
    text-shadow: 1px 1px 5px #000;
}
.carousel-track {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.carousel-track::-webkit-scrollbar {
    display: none; /* Hides the scrollbar */
    width: 0; /* Ensures no width is taken by the scrollbar */
    height: 0; /* Ensures no height is taken by the scrollbar */
}
.circle-carousel .carousel-item .aspect-video {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
}
.circle-carousel .carousel-item .aspect-video img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.close-button {
    z-index: 2;
    top: 20px;
    right: 20px;
    position: absolute;
    color: #FFF;
    font-size: 2rem;
    cursor: pointer
}
.close-button:hover {
    color: #FFF000
}


.collection-header, .genre-header {background-color: #FFF;}
.dark-bg .collection-header, .dark-bg .genre-header, .dark-bg .tax-collection .top-level-header {background: #222;}
.rank-badge {background:#fff000; color:black; padding:5px 15px; border-radius:5px; font-style:italic;}

.single-episode,
.single-video,
.single-music_video,
.dark-bg,
.post-type-archive-episode,
.post-type-archive-movie,
.post-type-archive-tv_show,
.post-type-archive-tv_special {
    color: #FFF;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAYAAAB65WHVAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEoWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI0LTExLTIyPC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPjQ0YzdhMTkyLTAxZjAtNGIwOC1iMWE2LTkwOTE5MDUxZWQ5OTwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5VbnRpdGxlZCBkZXNpZ24gLSAxPC9yZGY6bGk+CiAgIDwvcmRmOkFsdD4KICA8L2RjOnRpdGxlPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlv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');
    background-color: #252525;
    background-repeat: repeat;
    background-attachment: fixed;
    transition: color .2s ease-in-out;
    transition: background-image .2s ease-in-out;

}
.dark-bg .h-wrap .h-sub {
	border-color: transparent;
}
.dark-bg .h-wrap:hover a {
    background: none;
    color: #FFF000;
}
.dark-bg .carousel-item .text-gray-700 {color: #ccc;}
.dark-bg .carousel-item .text-gray-500 {color: #bbb;}

.desktop-ad {
    display: block
}

.eb-garamond-<uniquifier> {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal
}
.gallery {
    display: flex;
    flex-direction: column;
    align-items: center
}
.gallery-item {
    display: none;
    height: 400px !important;
    width: 100%;
    background-color: #000
}
.gallery-item img {
    max-height: 400px !important;
    width: auto !important;
    margin: auto
}
.gallery-item.active {
    display: block
}
.gallery-item .wp-caption-text {
    display: none
}
.gallery-nav {
    display: none
}
.gallery-start-container {
    position: relative;
    display: inline-block;
    background-color: black;
    margin-bottom: 20px;
    cursor: pointer
}
.gallery-start-container img {
    margin: auto
}
.gallery br {
    display: none
}
.gallery-start-container,
.gallery {
    max-width: 80%
}
.header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: auto;
    position: relative;
    z-index: 1001;
    padding: 0 20px 0 10px
}
.header-main.mega-menu-active-desktop .mega-menu-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}
.header-main .logo {
    display: flex;
    align-items: center;
    flex-shrink: 0
}
.header-main .logo img {
    height: 90px
}
.inline-social-links {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}
.inline-social-links li {
    margin-right: 15px
}
.dark-bg svg.landing_logo path {
    fill: #FFF !important;
    transition: fill .2s 
ease-in-out;
}
.lightbox-ad-space {
    width: 100%;
    max-width: 300px;
    background-color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin: auto
}
.lightbox-caption {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 20px
}
.lightbox-image-container {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
.lightbox-image-container img {
    max-width: 100%;
    max-height: calc(100vh - 40px);
    object-fit: contain
}
.lightbox-main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-grow: 1;
    position: relative
}
.lightbox-nav-buttons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box
}
.lightbox-nav-buttons button {
    background-color: rgba(0, 0, 0, .5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
    border-radius: 5px
}
.lightbox-nav-buttons button:disabled {
    background-color: rgba(128, 128, 128, .5);
    cursor: not-allowed
}
.lightbox-sidebar {
    width: 300px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #111;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 40px);
    flex-shrink: 0
}
.lightbox-top-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    color: #fff
}
.lightbox-top-nav .close-button {
    font-size: 30px;
    cursor: pointer;
    line-height: 1
}
.lightbox-top-nav .logo {
    font-weight: bold
}
.lightbox-top-nav .photo-counter {
    font-size: 14px;
    color: #fff
}
.logo-svg path {
    fill: #FFF !important;
    transition: fill .2s ease-in-out;
}
.logo-svg:hover path {
    fill: #fff000 !important;
}
.main-nav-link {
    font-family: 'Bebas Neue', sans-serif;
    cursor: pointer;
    padding: 5px;
    padding-bottom: 0;
    font-size: 2em;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    transition: background-color .3s ease, color .3s ease;
    white-space: nowrap;
    display: inline-block
}
.main-nav-link:hover {
    background-color: #fff;
    color: #000!important;
}
.main-nav-link:visited {
    color: white
}
.main-nav-link.active-menu-link {
    background-color: #fff;
    color: #000
}
.main-nav-links {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}
.main-nav-links li {
    margin: 0 5px
}
.main-nav-link:hover {
    text-decoration: none !important
}
.main-nav-wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-start
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}
.mega-menu-column {
    flex: 1;
    min-width: 180px;
    padding: 0 15px;
    margin-bottom: 20px;
}
.mega-menu-column h3 {
    color: #333;
    font-size: .8em;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold !important
}

.mega-menu-column.left-sidebar h3 {
    color: #333;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    text-transform: none!important;
    font-weight: bold !important
}

.mega-menu-column h3 a:hover {
    color: #000;
    background-color: #fff000;
    text-decoration: none
}
.mega-menu-column.left-sidebar {
    flex: 0 0 180px;
    border-right: 1px solid #ccc;
    padding-right: 15px;
    margin-right: 15px
}
.mega-menu-column ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.mega-menu-column ul li {
    margin-bottom: 5px
}
.mega-menu-column ul li a {
    color: #666;
    text-decoration: none;
    font-size: .8em;
    display: block;
    padding: 3px 0
}
.mega-menu-column ul li a,
.mega-menu-column h3 a,
.mega-menu-column h3 span {
    font-weight: bold;
    color: #333;
    padding: 5px;
    display: block
}
.mega-menu-column ul li a:hover {
    color: #000;
    background-color: #fff000;
    text-decoration: none
}
.mega-menu-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #fff;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    pointer-events: none;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1002
}
.mega-menu-content {
    display: none;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
}
.mega-menu-content.active-menu {
    display: flex
}
.mejs-container a {
    background: #222 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #444 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff000 !important
}
.mejs-time-float {
    background-color: #FFF000 !important;
    color: #000 !important;
}
.mejs-time-float-corner {
    border-color: #FFF000 transparent transparent !important;
}
.mobile-ad {
    display: none
}
.mobile-icons-container {
    align-items: center;
    gap: 1px
}
.mobile-icons-container button {
    background: none;
    border: none;
    color: white;
    font-size: 1.8em;
    cursor: pointer;
    padding: 5px;
    transition: color .3s ease
}
.mobile-icons-container button:hover {
    color: #ccc
}
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, Opera */
}
.photo-counter {
    text-align: center;
    margin-bottom: 1rem
}
.post-text {
    font-family: 'Anton', sans-serif;
    color: white;
    -webkit-text-stroke: 4px black;
    text-stroke: 4px black;
    text-shadow: -8px 8px 0 black;
    transform: skew(-10deg);
}
.post-text::selection {
    color: white;
}
.post-text::-moz-selection {
    color: white;
}
.prev-btn,
.next-btn {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    top: 35px;
}
.prev-btn:hover,
.next-btn:hover {
    transform: scale(1.05);
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.search-container {
    display: flex;
    align-items: center;
    margin-left: auto;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #555;
    overflow: hidden;
    border-radius: 25px;
}
.search-container button {
    padding: 8px 15px;
    background-color: #fff000;
    color: #000;
    border: none;
    border-radius: 22px;
    cursor: pointer;
    font-weight: bold;
    font-size: .9em;
    white-space: nowrap
}
.search-container button#site-search-btn {
    background-color: #fff000
}
.search-container button#site-search-btn:hover {
    background-color: #000 !important;
    color: white;
}
.search-container button#yahoo-search-btn {
    background-color: #fff
}
.search-container button#yahoo-search-btn:hover {
    background-color: #fff000 !important;
    color: black
}
.search-container .close-mobile-search {
    background-color: #333
}
.search-container .web-button {
    background-color: #333;
    color: #fff;
    margin-left: 10px;
    border-radius: 3px
}
.search-container input {
    padding: 8px;
    border: none;
    border-radius: 3px;
    width: 180px;
    font-size: .9em;
    background-color: transparent;
}
.search-container.mobile-overlay-active button#close-search-btn {
    background: #000;
    color: #FFF
}
.search-container.mobile-overlay-active button#close-search-btn:hover {
    background: none;
    color: #000
}


.share-grid a {
    font-weight: bold;
    font-size: .8rem;
}
.share-grid a i {
    padding-right: 10px;
    display: inline-block;
}
.single-movie,
.single-tv_show,
.single-tv_special {
    background-color: #000;
    color: #FFF;
}
.single-video .liquid-glass-nav {
    position: relative !important;
}
.sitewide-header .prev-btn,
.sitewide-header .next-btn {
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}
.sitewide-header .prev-btn:hover,
.sitewide-header .next-btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
    transform: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.square-carousel .carousel-item .aspect-video {
    aspect-ratio: 1 / 1;
}
.square-carousel .carousel-item .aspect-video img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sticky-active {
    position: fixed;
    top: 2rem;
    width: 25%;
}
.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.thumbnail {
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color .3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%
}
.thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center
}
.thumbnail.active {
    border-color: #0073aa
}
.thumbnail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 10px;
    margin-top: 20px;
    max-width: 800px;
    width: 100%;
    padding: 0 10px
}
.top-level-header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    transition: background-color .3s ease, padding .3s ease, box-shadow .3s ease;
    width: 100%;
    z-index: 1001;
    color: #FFF;
}


/* -------------------------------------------
 * 1. Base Styling for jQuery UI Autocomplete 
 * ------------------------------------------- */

.ui-autocomplete {
    /* Ensures the dropdown appears above all other elements */
    z-index: 9999;             
    max-height: 400px;         
    overflow-y: auto;          
    background: #fff;          
    border: 1px solid #ccc;    
    list-style: none;          
    padding: 0;
    margin: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); 
}

/* -------------------------------------------
 * 2. Layout, Thumbnail, and Permalink Hiding
 * ------------------------------------------- */

.ui-menu-item a {
    /* Use Flexbox for side-by-side layout (Thumbnail on the left) */
    display: flex;
    align-items: center; /* Vertically center image and text */
    padding: 8px 10px;
    text-decoration: none;
    color: #333;
}

.ui-menu-item:hover,
.ui-menu-item.ui-state-focus {
    background: #f0f0f0; 
}

/* 🚨 KEY CHANGE: HIDE THE PERMALINK URL TEXT */
.autocomplete-permalink {
    display: none !important; 
}

/* Thumbnail Styling (Left position is handled by 'margin-right') */
.autocomplete-thumbnail {
    width: 50px;       
    height: 50px;
    object-fit: cover; 
    border-radius: 4px;
    margin-right: 12px; /* Pushes the text to the right */
    flex-shrink: 0;     
}

/* Content Container for Title (Text) */
.autocomplete-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; 
}

/* -------------------------------------------
 * 3. Text Cutoff Fix (Title only)
 * ------------------------------------------- */

.autocomplete-title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.3;
    /* Ensure title does not cut off */
    white-space: normal; 
    overflow-wrap: break-word; 
    word-break: break-word;
}

/* Default web search results (without thumbnail) */
.ui-menu-item div {
    white-space: normal; 
    overflow-wrap: break-word; 
    word-break: break-word;
}
.user-menu {
    position: absolute;
    right: 10px;
    top: calc(100% + -5px);
    width: 12rem;
    background-color: #333;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0.375rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s ease-out;
    text-shadow: 0px 0px 13px #000
}
#user-menu::before {
            content: "";
            position: absolute;
            top: -8px;      /* Move it above the box */
            right: 20px;    /* Distance from the right */
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #222; /* Matches the menu background */
            z-index: 50;
        }
.user-menu::after {
    content: "";
    position: absolute;
    top: -7px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.1);
    z-index: -1
}
.user-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
.video-template-default .top-level-header,
.video-template .top-level-header,
.music_video-template-default .top-level-header {
    position: relative !important;
    top: 0 !important;
}
.view-gallery-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .8);
    pointer-events: none;
    transition: font-size .3s ease
}
.wp-playlist {
    border-radius: 8px;
}
.wp-playlist .wp-playlist-current-item img {
    max-height: 60px;
}
.wp-playlist-item {
    padding: 5px 8px !important;
    font-weight: bold;
}
.wp-playlist-item .wp-playlist-item-length {
    top: 7px !important;
    font-size: 0.75rem !important;
}
.wp-playlist-item.wp-playlist-playing,
.wp-playlist-item:hover,
.wp-playlist-item.wp-playlist-playing.wp-playlist-caption {
    background: #FFF000 !important;
    color: #000 !important;
}
.wp-playlist-item-meta.wp-playlist-item-artist {
    font-weight: bold;
}

/* --- Desktop/Tablet Landscape (min-width: 769px) --- */
@media (min-width:769px) {
    .mega-menu-container .max-w-7xl {
        width: 100%;
        left: 0;
        transform: none
    }
    .mobile-category-title,
    .mobile-menu-close-container {
        display: none
    }
    .mobile-icons-container .search-toggle,
    .mobile-icons-container .menu-toggle {
        display: none
    }
}

/* --- Tablet/Small Desktop (max-width: 1024px) --- */
@media (max-width:1024px) {
    .mega-menu-container {
        padding: 20px 10px
    }
    .header-main .logo img {
        height: 80px
    }
    .main-nav-link {
        font-size: 1.5em;
        padding: 10px 5px
    }
    .search-container input {
        width: 150px
    }
    .search-container button {
        padding: 8px 12px
    }
    .mega-menu-column {
        min-width: 120px;
        padding: 0 10px
    }
    .mega-menu-column.left-sidebar {
        flex: 0 0 150px;
        margin-right: 10px;
        padding-right: 10px
    }
}

/* --- Mobile/Tablet Portrait (max-width: 768px) --- */
@media (max-width:768px) {
    .header-main {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-right: 15px;
        max-width: 100%;
        position: relative;
        height: 65px;
        box-sizing: border-box;
        z-index: 1001
    }
    .header-main .logo {
        margin-bottom: 0;
        width: auto;
        justify-content: flex-start
    }
    .header-main .logo img {
        height: 80px
    }
    .main-nav-wrapper,
    .search-container:not(.mobile-overlay-active) {
        display: none
    }
    .mobile-icons-container {
        display: flex;
        margin-left: auto
    }
    .mobile-icons-container button i {
        color: white
    }
    .search-container.mobile-overlay-active {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        box-sizing: border-box;
        transform: translateY(0);
        transition: none;
        z-index: 200
    }
    .header-main.search-active-mobile .logo,
    .header-main.search-active-mobile .mobile-icons-container {
        display: none
    }
    .search-input-container {
        flex: 2
    }
    .search-button-container {
        flex: 1;
        display: flex;
        gap: 10px;
        justify-content: flex-end
    }
    .search-container.mobile-overlay-active input {
        flex-grow: 1;
        margin-right: 10px;
        border-radius: 5px;
        color: white;
        width: 100%;
        padding: 10px;
        font-size: 1em
    }
    .search-container.mobile-overlay-active button {
        padding: 10px 15px;
        font-size: .9em;
        border-radius: 5px;
        white-space: nowrap
    }
    .search-container.mobile-overlay-active .web-button {
        margin-left: 10px
    }
    .search-container .close-mobile-search {
        display: block;
        position: static;
        margin-left: 15px;
        font-size: 1.5em;
        color: white
    }
    .mega-menu-container {
        position: ;
        top: 65px;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100%);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0;
        box-sizing: border-box;
        transform: translateX(100%);
        transition: transform .3s ease-in-out;
        z-index: 1003;
        opacity: 0;
        visibility: hidden;
        display: flex;
        pointer-events: none;
        overflow-y: auto
    }
    .mega-menu-content {
        transition: background-color 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.5s ease-in-out;
        opacity: 0
    }
    .mega-menu-content.mobile-expanded {
        background-color: #FFF;
        padding: 15px;
        opacity: 1
    }
    .header-main.menu-active-mobile .mega-menu-container {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        z-index: 997
    }
    .mobile-menu-category-wrapper {
        width: 100%
    }
    .mobile-menu-category {
        border-bottom: 0 solid #fff;
        transition: background-color .3s ease
    }
    .mobile-menu-category:last-child {
        border-bottom: none;
        margin-bottom: 0
    }
    .mobile-category-title {
        display: flex;
        color: white;
        font-size: 2.5em;
        font-family: "Bebas Neue";
        cursor: pointer;
        justify-content: space-between;
        align-items: center;
        transition: background-color .3s ease, color .3s ease;
        padding-right: 15px;
        text-shadow: 0px 0px 2px #000000;
    }
    .mobile-category-title a,
    .mobile-category-title span {
        padding: 15px;
        display: inline-block;
        width: 100%
    }
    .mobile-category-title:hover {
        background-color: #FFF;
        color: #000;
        text-shadow: none !important;
    }
    .mobile-category-title.expanded {
        background-color: #FFF;
        color: #000;
        text-shadow: 0px;
    }
    .mobile-category-title i {
        transition: transform .3s ease
    }
    .mobile-category-title.expanded i {
        transform: rotate(180deg)
    }
    .mega-menu-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-in-out;
        padding-bottom: 0;
        margin-top: -10px;
        overflow-y: scroll;
    }
    .mega-menu-content.mobile-expanded {
        max-height: 1000px;
        padding-bottom: 20px
    }
    .mega-menu-column {
        flex: 0 0 calc(50% - 10px);
        min-width: unset;
        padding: 0;
        margin-bottom: 10px;
        border-right: none;
        border-bottom: none
    }
    .mega-menu-column:nth-child(odd) {
        margin-right: 20px
    }
    .mega-menu-column.left-sidebar {
        border-right: none;
        padding-right: 0;
        margin-right: 10px;
        flex: 0 0 calc(50% - 10px)
    }
    .mega-menu-column h3 {
        font-size: 1.1em;
        margin-bottom: 10px;
        color: #ccc !important;
        border-bottom: none;
        padding-bottom: 0
    }
    .mega-menu-column ul li a {
        font-size: .95em;
        padding: 3px 5px
    }
    .close-mobile-menu {
        display: none
    }
    .alphabet-grid span {
        width: 30px;
        height: 28px
    }
    .mobile-ad {
        display: block
    }
    .desktop-ad {
        display: none
    }
    #lightbox-content {
        flex-direction: column
    }
    .lightbox-sidebar {
        width: 100%;
        height: auto
    }
    .lightbox-ad-space {
        height: 100px;
        max-width: 100%
    }
    .lightbox-image-container {
        height: 100%
    }
    .view-gallery-text-overlay {
        font-size: 1.5rem
    }
}

/* --- Small Mobile Phones (max-width: 480px) --- */
@media (max-width:480px) {
    .header-main .logo img {
        height: 50px
    }
    .mobile-icons-container button {
        font-size: 1.5em
    }
    .search-container.mobile-overlay-active input {
        width: calc(100% - 100px)
    }
    .mega-menu-column {
        flex: 0 0 calc(50% - 10px);
        margin-right: 0
    }
    .mega-menu-column:nth-child(odd) {
        margin-right: 0
    }
    .mega-menu-column.left-sidebar {
        margin-right: 0
    }
    .mega-menu-column.left-sidebar .alphabet-grid {
        grid-template-columns: repeat(6, 1fr)
    }
}

/* --- Print Styles (for printing pages) --- */
@media print {
    nav {
        position: relative !important;
    }
    aside {
        display: none;
    }
    .logo-svg path {
        fill: #000 !important;
    }
    .page-content {
        margin-top: 0 !important;
    }
    .entry-content a {
        text-decoration: underline !important;
        background-color: #FFF000 !important;
    }
    .png-generator-container {
        display: none!important;
    }
    .global-footer, .global-footer h3, .global-footer a, .global-footer p {color: #000;}

        .top-level-header { position: relative;}
}
    
