

body {font-family: 'Poppins', sans-serif;background: #000;color: #fff;margin: 0;padding: 0;text-align: center;}

.hero-slider .content .logo {width: 660px !important;max-width: 100% !important;}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event.fc-event-start {
display: block;margin-top: .4rem;padding: .35rem .45rem;font-size: .92rem;line-height: 1.2;background: rgba(255, 255, 255, .08) !important;
border: 1px solid rgba(255, 255, 255, .25) !important;color: #fff !IMPORTANT;text-align: left;cursor: pointer;margin-top: 30px;border-radius: 0;}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event.fc-event-start .fc-daygrid-event-dot {
display: none;}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event.fc-event-start .fc-event-title {font-size: .92rem;line-height: 1.2;color: #fff;text-align: left;font-family: 'Poppins', system-ui, sans-serif !important;font-weight: 400 !important;}

.modal-content {background: #0e1a2b;color: white;max-width: 860px;width: 92%;padding: 1.25rem 1.5rem 1.4rem;border-radius: 0;position: relative;font-family: 'Poppins', sans-serif;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);text-align: left;border: 5px solid #fff;}

.modal-text p {margin: 0;padding-bottom: 10px;}

.event-info h3 {min-height: auto !important;overflow: visible !important;margin-bottom: 6px !important;display: inline-block !important;line-height: 22px !IMPORTANT;}

.calendar-filters select#filterType option {color: #000;text-transform: uppercase;}

section.hero-slider .arrow {background-color: #fff;background-position: 50%;background-repeat: no-repeat;background-size: contain;border: 0;border-radius: 4px;
box-shadow: none;height: 30px;margin: 0;line-height: 24px;opacity: 111;padding: 0;color: #000;transition: opacity .5s ease-out;width: 28px;top: 25%;position: absolute;z-index: 99;font-size: 30px;}

.logo img {width: 200px;object-fit: cover;}

.main_section {padding: 30px 0px;}

.hero-slider #prev {left: 30% !important;}

.hero-slider div#next {right: 30% !important;}

section.hero-slider .slide {background-attachment: fixed;}

.events .event-card-horizontal {opacity: 9999;z-index: 99999;position: relative;}

section#upcoming-events .events-grid .event-card-horizontal {z-index: 9;}

/* === COMEDIANS GRID === */

.comedians {display: grid;grid-template-columns: repeat(5, 1fr);gap: 25px;justify-content: center;align-items: stretch;max-width: 1200px;margin: 40px auto;
padding: 0 20px;}

/* Each comedian card */

.comedian {position: relative;border: 4px solid #fff;background: rgba(255, 255, 255, 0.06);overflow: hidden;transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;cursor: pointer;aspect-ratio: 1 / 1; /* perfect square */}

/* Image fills entire card */

.comedian img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}

/* Name bar */

.comedian h4 {position: absolute;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.95);color: #000;font-family: 'Poppins', sans-serif;font-weight: 700;font-size: 0.9rem;text-align: center;text-transform: uppercase;margin: 0;padding: 8px 0;letter-spacing: 0.02em;}

/* Hover effect */

.comedian:hover {transform: translateY(-4px);border-color: #ffc107;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);}

/* Highlight active comedian when clicked */

.comedian.active {border-color: #ffc107;box-shadow: 0 0 20px rgba(255, 193, 7, 0.6);}

/*new css end here*/

.hero {position: relative;overflow: hidden;height: 80vh;}

.hero img {width: 100%;height: 100%;object-fit: cover;opacity: 0.3;}

.hero-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3rem;color: #fff;}

.btn {border: 2px solid #fff;padding: 10px 20px;margin: 10px;text-decoration: none;color: #fff;border-radius: 6px;display: inline-block;transition: 0.3s;}

.btn:hover {background: #ffcc00;color: #000;}

.btn.primary {background: #ffcc00;color: #000;border-color: #ffcc00;}

.events {display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;margin: 40px 0;}

.event-card {background: #111;width: 350px;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(255,255,255,0.1);}

.event-card img {width: 100%;height: 220px;object-fit: cover;}

.event-info {padding: 15px;}

.hero-slider {position: relative;width: 100%;height: 100vh;overflow: hidden;}

.hero-slider .slide {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-size: cover;background-position: center;opacity: 0;transition: opacity 1s ease-in-out;}

.hero-slider .slide.active {opacity: 1;z-index: 1;}

.hero-slider .content {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;}

.hero-slider h1 {font-size: 3rem;font-family: 'Playfair Display', serif;letter-spacing: 2px;}

.hero-slider .logo {width: 160px;margin-bottom: 20px;}

.arrow:hover {background: #ffcc00;color: #000;}

#prev { left: 20px; }

#next { right: 20px; }

.event-tooltip {position: absolute;background: rgba(0,0,0,0.85);color: #fff;padding: 6px 10px;border-radius: 4px;font-size: 13px;pointer-events: none;display: none;z-index: 9999;}


:root { --yellow:#ffcc00; --bg:#0b0b0b; --panel:#0f1720; --ink:#fff; }

*{box-sizing:border-box}

body{margin:0;background:#000;color:var(--ink);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}

a{color:inherit;text-decoration:none}

/* HERO SLIDER */

.hero-slider{position:relative;height:60vh;min-height:460px;overflow:hidden}

.hero-slider .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s}

.hero-slider .slide.active{opacity:1}

.hero-slider .content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}

.hero-slider .logo{width:260px;max-width:60vw;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}

.hero-slider h1{margin:0;font-size:clamp(28px,5vw,56px);letter-spacing:.4px;text-align:center}

/* arrows */

.hero-slider .arrow:hover{background:rgba(255,255,255,.22)}

.hero-slider #prev{left:18px}

.hero-slider #next{right:18px}

/* INTRO */

.hero{display:none} /* old hero hidden; we use slider */

.intro{text-align:center;padding:30px 16px}

.buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:10px}

.btn{padding:12px 18px;border:2px solid #fff;border-radius:8px}

.btn.primary{background:var(--yellow);border-color:var(--yellow);color:#000;font-weight:700}

/* EVENTS */

.events{max-width:1100px;margin:30px auto;display:grid;grid-template-columns:1fr;gap:26px;padding:0 16px}

@media (min-width:1000px){.events{grid-template-columns:1fr 1fr}}

.event-card{background:var(--panel);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.4)}

.event-card img{width:100%;height:260px;object-fit:cover}

.event-info{padding:18px}

.event-info p{margin:6px 0;color:#cfd6df}

.event-info .btn{display:inline-block;margin-top:10px}

/* CALENDAR */

.calendar{max-width:1200px;margin:30px auto 80px;padding:0 16px}

.fc .fc-toolbar-title{color:#fff}

.fc .fc-button{background:#1d2732;border:0;color:#fff}

.fc .fc-button-primary:not(:disabled).fc-button-active,

.fc .fc-button-primary:hover{background:#263445}

.fc-daygrid-event{background:var(--yellow)!important;color:#000!important;border:0!important;font-weight:700}

#calendar {position: relative;z-index: 5;background: transparent;border-radius: 8px;padding: 20px;min-height: auto;box-shadow: none;margin-bottom: 0;}

#calendar h2 {font-size: 25px;text-transform: uppercase;padding-bottom: 20px;}

.fc {color: #fff !important;}

.fc-toolbar-title {color: #ffcc00 !important;font-weight: 700;}

.fc-col-header-cell {background: #111 !important;color: #ffcc00 !important;}

.fc-daygrid-day-number {color: #fff !important;}

.fc-daygrid-event {background: #ffcc00 !important;color: #000 !important;border: none !important;border-radius: 4px;padding: 3px 4px;font-weight: 600;}

.hero-slider .content h1 {font-family: 'Playfair Display', serif;font-size: clamp(32px, 5vw, 56px);text-transform: uppercase;margin-top: 10px;}

.intro h2 {font-size: 1.4rem;letter-spacing: 1px;}

.events {grid-template-columns: 1fr 1fr;}

.event-card {transition: transform 0.3s ease;}

.event-card:hover {transform: scale(1.02);}

/* === Intro Section Style === */

.intro-content {position: relative;z-index: 2;max-width: 900px;margin: 200px auto;margin-bottom: 0;}

/* Background Image / Video Area */

.intro-bg {position: absolute;inset: 0;background: url('https://seshcomedy.com/wp-content/uploads/2024/06/bg-dark.jpg') center center/cover no-repeat;
z-index: 0;}

/* Overlay for Dark Fade */

.intro-bg .overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.6);}

/* Foreground Content */

.intro-content {position: relative;z-index: 2;max-width: 900px;margin: 0 auto;}

.intro-content h2 {font-size: 40px;font-weight: 500;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 50px;}

/* Buttons Layout */

.intro-buttons {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;margin-bottom: 10px;}

/* Base Button Style */

.intro-btn {font-family: 'Poppins', sans-serif;font-weight: 700;font-size: 1rem;color: white;padding: 0.6rem 1.2rem;border: 5px solid white;background: transparent;cursor: pointer;text-transform: uppercase;transition: all 0.2s ease;border-radius: 0;display: inline-block;text-align: center;text-decoration: none;
}
.intro-btn:hover {background: #fff;color: #000;}

/* Large Button (Calendar) */

.intro-btn.large {display: inline-block;margin-top: 10px;padding: 0.6rem 1.2rem;}

#calendarContainer thead th .fc-scrollgrid-sync-inner {padding: .6rem .5rem;text-align: center;font-weight: 700;color: #fff;background: transparent;border: 1px solid rgba(255, 255, 255, .25);background: #434343;}

#calendarContainer thead th .fc-scrollgrid-sync-inner a {padding: 0;text-align: center;font-weight: 700;border: navajowhite;background: #434343;
font-family: 'Poppins', system-ui, sans-serif !important;color: #fff !IMPORTANT;font-size: 20px;}

.fc-scroller-harness tr .fc-daygrid-day-frame .fc-daygrid-day-top a {position: absolute;top: .35rem;right: .45rem;font-weight: 700;opacity: .8;
font-family: 'Poppins', system-ui, sans-serif !important;font-size: 20px;}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {min-height: 140px !important;padding: .5rem;color: #fff;background: rgba(255, 255, 255, .05);border: 1px solid rgba(255, 255, 255, .2);position: relative;margin: 0;}


.calendar-filters {display: flex;gap: .75rem;align-items: center;justify-content: space-between;font-weight: 600;color: #fff;margin-bottom: 20px;max-width: 100%;
width: 100%;}

.calendar-filters label, .calendar-filters #monthLabel {display: flex;gap: .75rem;flex-wrap: wrap;align-items: center;justify-content: center;font-weight: 600;color: #fff;
max-width: 1100px;font-family: 'Poppins', system-ui, sans-serif;font-size: 20px;text-transform: inherit;}


.calendar-filters select#filterType {width: 380px;}

.calendar-filters button {font-weight: 700;font-size: 1rem;color: #fff;padding: .55rem 1rem;border: 3px solid #fff;background: transparent;text-transform: uppercase;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;border-radius: 0;transition: all .2s ease;width: auto;
cursor: pointer;height: 44px;border-radius: 7px;}

.calendar-filters button:hover {background: #fff;color: #000;}

.cal-nav-btn {border: 2px solid #fff;color: #fff;background: transparent;font-size: 16px;width: 32px;height: 32px;border-radius: 2px;display: inline-flex;
justify-content: center;align-items: center;cursor: pointer;}

.cal-nav-btn:hover {background: #fff;color: #000;}

#monthLabel {display: flex;gap: .75rem;flex-wrap: wrap;align-items: center;justify-content: center;font-weight: 600;color: #fff;max-width: 1100px;font-family: 'Poppins', system-ui, sans-serif;font-size: 20px;margin: 0;}

.reset-btn {border: 2px solid #fff;}

.modal-overlay {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.8);justify-content: center;align-items: center;z-index: 9999;}

.modal-close {position: absolute;top: 1px;right: 9px;font-size: 32px;font-weight: bold;cursor: pointer;color: white;z-index: 2;line-height: 1;
text-align: left;background: transparent;border: none;padding: 0;}

.modal-content h2 {margin: 0;font-size: 25px;line-height: 1.2;font-style: normal;font-weight: 500;letter-spacing: -0.011em;padding-bottom: 10px;}

.modal-body .modal-text p em {font-size: .88rem;color: #c0c0c0;opacity: .9;}

.modal-body .modal-text p {margin: 0;font-size: 1rem;line-height: 1.5;margin-bottom: 15px;}

.modal-body .modal-image img {position: relative;width: 100%;aspect-ratio: 1 / 1;border: 1px solid rgba(255, 255, 255, .12);background: rgba(255, 255, 255, .05);overflow: hidden;border-radius: 10px;}

.modal-body {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 15px;}

.modal-image {flex: 1 1 40%;}

.modal-image img {width: 100%;border-radius: 8px;}

.modal-text {flex: 1 1 55%;font-size: 15px;line-height: 1.6;}

.modal-text strong {color: #ffc107;}

.events-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;max-width: 1100px;margin: 0 auto;}

.event-card-horizontal {display: flex;align-items: stretch;flex-direction: row;background: #0b0d12;border: 1px solid #222;border-radius: 10px;overflow: hidden;
width: 520px;max-width: 100%;transition: transform 0.25s ease, box-shadow 0.25s ease;}

.event-card-horizontal:hover {transform: translateY(-4px);box-shadow: 0 0 12px rgba(255,255,255,0.1);}

.event-img {flex: 1 1 50%;}

.event-img img {width: 100%;height: 100%;object-fit: cover;display: block;}


.event-info {flex: 1 1 50%;padding: 20px;color: #fff;display: flex;flex-direction: column;justify-content: center;text-align: left;}

.event-info p {font-size: 14px;margin: 4px 0;color: #d0d0d0;}

.event-info .btn {display: inline-block;background: transparent;border: 2px solid #fff;color: #fff;padding: 5px 12px;font-size: 12px;font-weight: 700;text-transform: uppercase;border-radius: 4px;margin-top: 10px;align-self: start;transition: 0.3s;}

.event-info .btn:hover {background: #fff;color: #000;}

.hero-slider .content {position: unset !important;transform: unset !important;padding-top: 60px;}

.hero-slider .content img.logo {height: 100%;min-height: 100%;margin: 0;}

.hero-slider .second-sec {margin-top: 760px;padding-bottom: 50px;}

.second-sec .intro-content h2 {font-size: 30px;font-weight: 600;line-height: 35.2165px;margin: 0;padding-bottom: 20px;}

.events {max-width: 1200px;margin: 60px auto;padding: 0 20px;text-align: center;}

.events h2 {text-align: center;color: #fff;font-size: 26px;font-weight: 700;margin-bottom: 40px;}

.events-grid {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 40px;width: 100%;}

.event-card-horizontal {display: flex;flex-direction: row;align-items: stretch;justify-content: center;background: #0b0d12;border: 1px solid #222;
border-radius: 10px;overflow: hidden;width: 800px;max-width: 90%;transition: transform 0.25s ease, box-shadow 0.25s ease;}

.event-card-horizontal:hover {transform: translateY(-4px);box-shadow: 0 0 12px rgba(255,255,255,0.1);}

.event-img {flex: 1 1 50%;}

.event-img img {width: 100%;height: 100%;object-fit: cover;display: block;}

.event-info {flex: 1 1 50%;padding: 30px 20px;color: #fff;text-align: left;display: flex;flex-direction: column;justify-content: center;}

.event-info h3 {font-size: 17px;font-weight: 700;color: #ffc107;margin-bottom: 10px;}

.event-info p {font-size: 14px;color: #ccc;margin: 4px 0;}

.event-info .btn {display: inline-block;background: transparent;border: 2px solid #fff;color: #fff;padding: 6px 14px;font-size: 13px;font-weight: 700;
text-transform: uppercase;border-radius: 4px;margin-top: 12px;transition: 0.3s;}

.event-info .btn:hover {background: #fff;color: #000;}

.event-popup {position: fixed;top: 0; left: 0;width: 100%; height: 100%;display: none;justify-content: center;align-items: center;z-index: 9999;}

.event-popup:not(.hidden) { display: flex; }

.popup-overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.85);}

.popup-box {position: relative;background: #081321;color: #fff;padding: 40px;border-radius: 10px;width: 90%;max-width: 900px;z-index: 10000;box-shadow: 0 4px 25px rgba(0,0,0,0.5);}

.popup-boxx {position: relative;background: #081321;color: #fff;padding: 40px;border-radius: 10px;width: 25%;max-width: 900px;z-index: 10000;box-shadow: 0 4px 25px rgba(0,0,0,0.5);}

#calendarEventPopup .popup-boxx {max-width: 360px;width: 92%;}

#calendarEventPopup #calPopupImage {width: 100%;height: 260px;object-fit: cover;border-radius: 10px;margin-bottom: 15px;display: none;background: #000;}

.popup-close {position: absolute;top: 10px;right: 15px;font-size: 24px;background: none;border: none;color: white;cursor: pointer;}

.popup-desc {font-size: 14px;color: #ccc;padding-left: 10px;margin-bottom: 20px;}

.lineup-list {list-style: none;padding: 0;margin: 10px 0;}

.popup-btn {display: inline-block;background: transparent;border: 2px solid #fff;color: #fff;padding: 10px 18px;border-radius: 4px;font-weight: bold;
margin-top: 10px;text-decoration: none;}

.popup-btn:hover {background: #ffc107;color: #000;border-color: #ffc107;}

.popup-body {display: grid;grid-template-columns: 1.1fr 1fr;gap: 1rem;align-items: start;}

.popup-body .popup-left {background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08);padding: 20px;border-radius: 10px;}

.popup-body .popup-left strong#popupShowTime {font-weight: 700;font-size: 1rem;text-align: left;width: 100%;display: inline-block;padding-bottom: 10px;}

.lineup-list li {box-sizing: border-box;font-family: 'Poppins', sans-serif;border: 1px dashed #ffffff59;padding: .45rem .6rem;border-radius: 8px;
font-size: .98rem;text-align: left;margin: .4rem 0;}

.popup-body .popup-left p.lineup-note {box-sizing: border-box;font-family: 'Poppins', sans-serif;font-size: 17px;text-align: left;}

.popup-body .popup-right {text-align: left;}

.popup-body .popup-right p.popup-subdesc {font-size: 16px;line-height: 1.45;text-align: left;margin: 0;padding-bottom: 8px;}

.popup-body .popup-right a#popupLink {display: inline-flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1rem;color: var(--ink);
padding: .55rem 1rem;border: 3px solid var(--ink);background: transparent;text-transform: uppercase;text-decoration: none;height: 44px;line-height: 1;
box-sizing: border-box;border-radius: 0;transition: all .2s ease;cursor: pointer;padding: .8rem 1.5rem;align-self: start;}

.popup-body .popup-right a#popupLink:hover {background: #fff;color: #000;}

.popup-body .popup-right p#popupLocation {font-size: 14px;color: #c0c0c0;text-align: left;box-sizing: border-box;font-family: 'Poppins', sans-serif;}

.popup-box h2#popupTitle {font-size: 25px;margin: 0 0 .35rem 0;text-align: left;box-sizing: border-box;font-family: 'Poppins', sans-serif;}

.popup-box p#popupDate {font-size: .95rem;color: #c0c0c0;margin-bottom: .75rem;text-align: left;}

.popup-box p.popup-desc {font-size: .95rem;border-left: 4px solid #fff;padding-left: .6rem;margin-bottom: .9rem;text-align: left;box-sizing: border-box;
font-family: 'Poppins', sans-serif;}

.popup-close {position: absolute;top: .75rem;right: 1rem;font-size: 2rem;line-height: 1;color: #fff;cursor: pointer;padding: .25rem .4rem;box-sizing: border-box;font-family: 'Poppins', sans-serif;}

.calendar-filters .cat-select option {color: #fdf8f8;text-transform: uppercase;}

.dateview {display: flex;justify-content: space-between;margin: 5px 0;}

#resetFilter {margin-top: 5px;}

.calendar-filters #resetFilter {height: 55px;padding: 0 10px;text-align: left;min-height: 55px;max-height: 55px;max-width: 100px;width: 100%;margin: 0;}

.popup-body .popup-right a#popupLink {margin-bottom: 15px;}

.calendar-filters input, .calendar-filters select {height: 55px;padding: 0 10px;text-align: left;min-height: 55px;max-height: 55px;max-width: 200px;width: 100%;min-width: 230px;margin-left: 10px;background-color: #fff;border: 1px solid #fff;}

.main_section img {max-width: 173px;}

.calendar-filters #monthLabel {min-width: 180px;}

.dateview.new-section .filter-label {visibility: hidden;}

#filterCategory option {color: #000 !important;}

.date-wrap .fake-placeholder {display: none;}

#calendarContainer {margin-bottom: 0;max-width: 100% !IMPORTANT;margin: 0 auto 0 !important;}

.site-footer {border-top: 1px solid #fff;margin-top: 20px;padding-top: 20px;padding-bottom: 20px;}

#calendar {padding-top: 0px;}

.hero-slider .second-sec .intro-section .intro-content .intro-btn.large {width: 340px;}

section#upcoming-events .events-grid .event-card-horizontal .event-info p {text-transform: uppercase;color: #fff;font-weight: bold;}

section#upcoming-events .events-grid .event-card-horizontal .event-info h3 {font-weight: bold !important;text-transform: uppercase;}

.calendar-filters input, .calendar-filters select {text-transform: uppercase;font-weight: bold;font-size: 14px;border-radius: 7px;}

.dateview.new-section #resetFilter {width: 100%;max-width: 100%;border-radius: 7px;padding: 0 40px;}

.dateview.new-section .filter-label {display: none;}

.main_section {padding: 10px 0px;}

.main_section img {max-width: 150px;}

.butnodgdfgdf .arrow {background-color: #fff !important;cursor: pointer !important;}

.hero-slider .slide.active::after {content: "";position: absolute;inset: 0;opacity: 0.75;z-index: -1;}

.top_header_event .main_section_event img {max-width: 150px;margin: 0 auto;display: table;}

.top_header_event .main_section_event {background-color: #000;padding: 10px 0;}

.hero-slider .overlay {background: transparent !important;}

#popupDate {text-align: center !important;}

/*.fc .fc-daygrid-day.fc-day-today {background: linear-gradient(180deg, #2259BF 0%, #121111 100%);}*/
.fc .fc-daygrid-day.fc-day-today {
    background-color: #2259BF !important;
    color: #ffffff !important;
}


.fc .fc-daygrid-day.fc-day-today,
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number,
.fc .fc-daygrid-day.fc-day-today .fc-event-title {color: #fff !important;}

.fc .fc-daygrid-day.fc-day-today,
.fc .fc-daygrid-day.fc-day-today * {
  color: #fff !important;
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number,
.fc .fc-daygrid-day.fc-day-today .fc-event-title,
.fc .fc-daygrid-day.fc-day-today .fc-event-time {
  color: #fff !important;
}


/* --******************************************- Responsive Layout -**********************************************-- */
/* --******************************************- Responsive Layout -**********************************************-- */
/* --******************************************- Responsive Layout -**********************************************-- */
/* --******************************************- Responsive Layout -**********************************************-- */


@media (max-width: 992px) {

  .comedians {grid-template-columns: repeat(3, 1fr);gap: 20px;}

}


@media (max-width: 768px) {
	
	.intro-content h2 {font-size: 28px;}
	.hero-slider .main-slider .slide {padding-top: 0px !important;}
	.comedians {grid-template-columns: repeat(1, 1fr) !important;gap: 16px;margin-top: 30px;} 
	#upcoming-events .events-grid .event-card-horizontal .event-img img {min-height: auto !important;max-height: 100% !important;}
	.intro-btn {width: fit-content;text-align: center;}
	#upcoming-events .events-grid .event-card-horizontal {height: auto !important;min-height: auto;}
	.intro-btn.large {width: fit-content;}
	section.intro-section {padding-top: 0 !important;}
	.calendar-filters .cat-select option {color: #000 !important;}
	section#upcoming-events .events-grid .event-card-horizontal .event-info h3 {line-height: 28px !important;}
	.event-card-horizontal {flex-direction: column;width: 100%;}
	#cal-list {padding-bottom: 80px; /* breathing space */}
	.event-info {text-align: center;align-items: center;}
	.hero-slider .content .logo {width: 100% !important;}
	.hero-slider .content {padding-left: 24px;padding-right: 24px;padding-top: 0;position: static !important; height: 330px;}
	.hero-slider #prev {left: 20px !important;}
	.hero-slider div#next {right: 20px !important;}
	.second-sec .intro-content h2 {font-size: 26px;font-weight: 400;padding: 0 0 20px 0 !important;}
	.intro-buttons {flex-direction: column;justify-content: center;align-items: center;gap: 15px;}
	.intro-btn.large {width: fit-content;margin-top: 5px;}
	section#upcoming-events .events-grid .event-card-horizontal {flex-direction: column;height: 100%;max-width: 100%;}
	section#upcoming-events .events-grid .event-card-horizontal .event-img img {width: 100%;height: clamp(180px, 50vw, 300px);min-height: unset;max-height: unset;}
	section#upcoming-events {margin-top: 0;margin-bottom: 20px;}
	section#upcoming-events {padding-left: 17px;padding-right: 17px;}
	#sesh-standout .sso-event-listing {margin: 0;}
	.headliner-row {padding: 0;}
	#calendar h2 {margin: 0;padding-bottom: 30px;}
	.calendar-filters button#prevMonth {display: none;}
	.calendar-filters button#nextMonth {display: none;}
	.calendar-filters span#monthLabel {display: none;}
	.calendar-filters select#filterType {width: 70% !important;}
	.calendar-filters input, .calendar-filters select {width: 70%;background: transparent;max-width: 100%;}
	.calendar-filters button {width: 100%;}
	.calendar-filters button {width: 100%;margin-right: 15px;}
	.calendar-filters label {font-size: 16px;justify-content: left;}
	#calendarContainer thead th .fc-scrollgrid-sync-inner a {font-size: 14px;}
	.fc-scroller-harness tr .fc-daygrid-day-frame .fc-daygrid-day-top a {font-size: 14px;}
	.fc .fc-daygrid-body-natural .fc-daygrid-day-events {min-height: 62px;}
	section.hero-slider .arrow {top: 9%;}
	.fc .fc-daygrid-body-natural .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-event.fc-event-start {width: 100%;}
	.popup-body {grid-template-columns: 1fr;}
	.event-card-horizontal {flex-direction: column;width: 100%;}
	.event-popup .popup-box {padding: 1.25rem 1rem;margin-top: 180px !important;}
	.event-popup .popup-boxx {padding: 1.25rem 1rem;margin-top: 125px !important;width: 50%%;}
	.image-side img {width: 100%;height: 100%;border-radius: 12px;}
	.container .image-side {padding: 0;width: 90%;margin: auto;}
	.details-side {padding: 20px;}
	.details-side {width: auto !important;}
	.details-side {width: auto;max-width: 80%;margin: auto;}
	.event-img, .event-info {flex: 1 1 100%;}
	.event-img img {height: auto;}
	.event-info {text-align: center;align-items: center;}
	.popup-box h2#popupTitle {text-align: center !important;font-size: 1.6rem !important;line-height: 1.152;padding-top: 15px;}
	.popup-box p#popupDate {font-size: .95rem !important;-align: center !important;}
	.popup-box p.popup-desc {text-align: center !important;font-size: .95rem  !important;color: #fff;}
	.lineup-list li {text-align: center !important;}
	.popup-body .popup-left p.lineup-note {text-align: center !important;}
	.popup-body .popup-right {text-align: center !important;}
	.popup-body .popup-right p.popup-subdesc {text-align: center !important;}
	.popup-body .popup-right p#popupLocation {text-align: center;}
	.event-popup {overflow-x: hidden !IMPORTANT;}
	.popup-close {right: 0 !important;padding-left: 0 !important;padding-top: 0 !important;top: 4px !important;}
	.calendar-filters #resetFilter {margin: 5px 0 0 0 !important;width: 100%;}
	#eventDetailPopup .popup-body .popup-left .lineup-list li {text-align: left !important;}
	.calendar-filters input[type="date"] {-webkit-appearance: none;appearance: none;}

}


@media (max-width: 600px) {

    .modal-body { flex-direction: column; }

}


@media (max-width: 580px) {

	#calendarEventPopup #calPopupImage {height: 220px;}
	.intro-btn {width: 100% !important;}
	section.intro-section {padding-top: 0 !important;padding-bottom: 30px;}
	.second-sec .intro-section {padding-bottom: 40px;padding-top: 100px;}
	.comedians {padding-top: 0;margin-top: 0;}
	.calendar-filters {display: block;}  
	.dateview.new-section #resetFilter {max-width: 70%;border: 2px solid #fff;margin: 1px 0 0 0 !important;border-radius: 8px;}
	#cal-list .mobile-event-item {margin-right: 0 !important;margin-left: 0 !important;}
	.modal-content {top: 37%;transform: translateY(-50%);}
	.event-popup .popup-boxx {margin-top: 0 !important;}
	.calendar-filters label {min-width: 120px;}
	.calendar-filters input, .calendar-filters select {margin-left: 0;border: 2px solid #fff;max-width: 100%;min-width: auto !important;background-color: #fff;
	border-radius: 7px !important;}  
	#filterDate:focus-visible {outline: 0;}
	#calendar {padding-top: 0;}
	.calendar-filters input[type="date"] {-webkit-appearance: inherit !important;appearance: inherit 1;color: #000 !important;opacity: 1 !important;}
	.calendar-filters {width: 100%;max-width: 100%;}
	#filterDate {background-color: #fff !important;color: #000 !important;-webkit-text-fill-color: #000 !important;}

	/* AFTER date select */

	#filterDate:valid {color: #000 !important;-webkit-text-fill-color: #000 !important;}
	#filterDate::placeholder {color: #000;opacity: 1;}
	div.dateview:nth-child(5) {margin: 10px 0 !important;}
	.wp-block-jetpack-slideshow_pagination.swiper-pagination.swiper-pagination-white.swiper-pagination-custom.swiper-pagination-horizontal {
	justify-content: center;padding: 10px 0 20px 0;}  
	.dateview .date-wrap .fake-placeholder {position: absolute;top: 50%;transform: translateY(-50%);color: #000;padding: 0 10px;background-color: #fff;color: #1b1b1b;text-transform: uppercase;}
	.dateview .date-wrap {position: relative;width: 100%;}
	.dateview .date-wrap #filterDate {width: 100%;}
	#filterDate {appearance: none;-webkit-appearance: none;}
	#filterDate {color: transparent !important;-webkit-text-fill-color: transparent !important;background-color: #fff !important;}
	#filterDate {color: transparent !important;-webkit-text-fill-color: transparent !important;}

	#filterDate:valid {color: #000 !important;-webkit-text-fill-color: #000 !important;}
	.date-wrap .fake-placeholder {display: block;}
	.dateview {gap: 10px;}  
	#calendar #cal-list {padding-bottom: 0 !important;}   
	.dateview.new-section .filter-label {display: block;}
	.main_section {padding: 10px 0px;}
	.main_section img {max-width: 133px;}  
	.hero-slider .second-sec .intro-section .intro-content {padding: 0 17px;}
	.hero-slider .slide.active {padding-top: 40px !important;}
	 .comedians {grid-template-columns: 1fr;}
    .hero-slider .second-sec {margin-top: 390px;padding-bottom: 0px;}


}







/* ==============================
   PAYMENT SUCCESS SCREEN
   ============================== */
 
.ps-page {
    margin: 0;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    background: #f6f7f8;
}
 
.ps-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
 
.ps-card {
    background: #ffffff;
    width: 100%;
    max-width: 520px;
    padding: 48px 40px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
 
.ps-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    background: #22c55e;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.ps-title {
    font-size: 26px;
    margin-bottom: 12px;
    color: #111;
}
 
.ps-text {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}
 
.ps-subtext {
    font-size: 16px;
    color: #666;
}
 
.ps-loader {
    width: 40px;
    height: 40px;
    border: 4px solid #e5e7eb;
    border-top: 4px solid #111;
    border-radius: 50%;
    margin: 24px auto 0;
    animation: ps-spin 1s linear infinite;
}
 
@keyframes ps-spin {
    to { transform: rotate(360deg); }
}
 
/* ==============================
   MOBILE OPTIMIZATION
   ============================== */
@media (max-width: 480px) {
    .ps-card {
        padding: 36px 24px;
    }
 
    .ps-title {
        font-size: 22px;
    }
 
    .ps-text {
        font-size: 16px;
    }
 
    .ps-subtext {
        font-size: 15px;
    }
}