/* ================================
   Tablet
================================ */

@media (max-width: 1024px) {
  .inside-header {
    min-height: 96px;
    padding: 0 4vw !important;
  }

  .site-logo img,
  .header-image {
    width: 180px;
    max-width: 180px;
  }

  .main-navigation .main-nav ul {
    gap: 28px;
  }

  .main-navigation .main-nav ul li a {
    font-size: 16px;
  }

  .dj-hero {
    min-height: auto;
  }

  .dj-hero__inner {
    min-height: auto;
    padding: 60px 4vw 34px;
  }

  .dj-hero__topline {
    width: 68vw;
    margin-bottom: 8px;
  }

  .dj-hero__eyebrow {
    font-size: 14px;
    letter-spacing: 0.24em;
  }

  .dj-hero__image {
    width: 112%;
    max-width: 112%;
    margin-left: 1%;
  }

  .dj-hero__content {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 22px;
  }

  .dj-hero__signature {
    justify-self: start;
    padding-left: 28px;
    padding-right: 0;
  }

  .dj-hero__meta {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 34px;
  }

  .dj-hero__meta-item {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.14);
    padding-right: 0;
    padding-bottom: 16px;
  }

  .dj-hero__meta-item:last-child {
    border-bottom: none;
  }
}

/* ================================
   Mobile Header
================================ */

@media (max-width: 768px) {
  .inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 24px !important;
    min-height: 88px !important;
  }

  .site-logo,
  .site-branding {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-logo img,
  .header-image {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
  }

  /* Hide socials in mobile header for cleaner layout */
  .site-header .header-widget,
  .site-header .wp-block-social-links {
    display: none !important;
  }

  #site-navigation {
    margin-left: auto !important;
    width: auto !important;
  }

}

/* ================================
   Mobile Hero
================================ */

@media (max-width: 767px) {
  .dj-hero {
    min-height: 100vh;
  }

  .dj-hero__inner {
    min-height: 100vh;
    padding: 46px 5vw 28px;
  }

  .dj-hero__topline {
    gap: 12px;
    width: 100%;
    margin-bottom: 10px;
  }

  .dj-hero__eyebrow {
    font-size: 10px;
    letter-spacing: 0.18em;
  }

  .dj-hero__line-wrap {
    height: 26px;
    min-width: 70px;
  }

  .dj-hero__pulse {
    width: 58px;
    height: 24px;
    right: 14%;
  }

  .dj-hero__image {
    width: 235%;
    max-width: 235%;
    margin-left: 1%;
  }

  .dj-hero__content {
    display: block;
    margin-top: 20px;
  }

  .dj-hero__copy {
    padding-left: 18px;
  }

  .dj-hero__copy p {
    font-size: 17px;
    line-height: 1.45;
    margin-bottom: 22px;
  }

  .desktop-break {
    display: none;
  }

  .dj-hero__buttons {
    gap: 14px;
  }

  .dj-hero__button {
    min-width: 124px;
    padding: 15px 24px;
    font-size: 15px;
  }

  .dj-hero__signature {
    margin-top: 34px;
    padding-left: 18px;
    transform: rotate(-3deg);
  }

  .dj-hero__script {
    font-size: 32px;
  }

  .dj-hero__unforgettable {
    font-size: 34px;
    display: inline-block;
  }

  .dj-hero__meta {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 32px;
    padding-top: 20px;
  }

  .dj-hero__meta-label {
    font-size: 12px;
  }

  .dj-hero__meta-value {
    font-size: 17px;
    line-height: 1.35;
  }

  .dj-hero__meta-value i {
    padding: 0 5px;
  }
}

/* ================================
   Small Mobile
================================ */

@media (max-width: 420px) {
  .dj-hero__inner {
    padding-top: 38px;
  }

  .dj-hero__image {
    width: 260%;
    max-width: 260%;
    margin-left: 1%;
  }

  .dj-hero__buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .dj-hero__button {
    min-width: 170px;
  }
}

/* ================================
   Tablet
================================ */

@media (max-width: 1100px) {
  .gallery-section {
    padding: 90px 4vw;
  }

  .gallery-section__inner {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .gallery-section__content {
    max-width: 760px;
  }

  .gallery-section__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gallery-card {
    min-height: 360px;
  }
}

/* ================================
   Mobile
================================ */

@media (max-width: 767px) {
  .gallery-section {
    padding: 72px 5vw;
  }

  .gallery-section__inner {
    gap: 38px;
  }

  .gallery-section__eyebrow {
    margin-bottom: 20px;
  }

  .gallery-section__eyebrow span {
    width: 42px;
  }

  .gallery-section__eyebrow p {
    font-size: 13px;
    letter-spacing: 0.18em;
  }

  .gallery-section__content h2 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .gallery-section__content p {
    font-size: 15px;
    line-height: 1.65;
    margin-top: 22px;
  }

  .gallery-section__button {
    margin-top: 28px;
    padding: 15px 28px;
  }

  .gallery-section__cards {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .gallery-card {
    min-height: 320px;
    transform: none;
  }

  .gallery-card:hover {
    transform: translateY(-6px);
  }

  .gallery-card__image-wrap,
  .gallery-card__number,
  .gallery-card__content,
  .gallery-card__icon,
  .gallery-card__more-inner {
    transform: none;
  }

  .gallery-card__image-wrap {
    inset: 0;
  }

  .gallery-card__number {
    font-size: 54px;
    top: 18px;
    left: 20px;
  }

  .gallery-card__content {
    left: 22px;
    right: 22px;
    bottom: 24px;
  }

  .gallery-card__content h3 {
    font-size: 28px;
  }

  .gallery-card__icon {
    opacity: 1;
    right: 22px;
    bottom: 24px;
  }

  .gallery-card:hover .gallery-card__icon {
    transform: translate(4px, -4px);
  }
}

/* ================================
   Small Mobile
================================ */

@media (max-width: 420px) {
  .gallery-section {
    padding-left: 22px;
    padding-right: 22px;
  }

  .gallery-card {
    min-height: 290px;
  }

  .gallery-card__content h3 {
    font-size: 25px;
  }

  .gallery-card__more-inner h3 {
    font-size: 30px;
  }
}

/* ================================
   About Section Responsive
   DJ Oshawn Website
================================ */


/* ================================
   Large Tablet / Small Laptop
================================ */

@media (max-width: 1200px) {
  .about-section {
    min-height: auto;
    padding: clamp(90px, 9vw, 130px) 4vw;
  }

  .about-section__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: clamp(44px, 5vw, 76px);
  }

  .about-section__content h2 {
    font-size: clamp(54px, 6vw, 86px);
    max-width: 780px;
  }

  .about-section__lead {
    font-size: clamp(19px, 1.8vw, 24px);
    max-width: 680px;
  }

  .about-principle {
    padding: 24px 24px;
  }
}


/* ================================
   Tablet
================================ */

@media (max-width: 1024px) {
  .about-section {
    min-height: auto;
    padding: 96px 5vw;
    align-items: flex-start;
  }

  .about-section__media {
    opacity: 0.18;
  }

  .about-section__overlay {
    background:
      linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.86) 54%, rgba(0,0,0,0.72) 100%),
      linear-gradient(0deg, rgba(0,0,0,0.82), transparent 42%),
      radial-gradient(circle at 82% 32%, rgba(183,25,48,0.16), transparent 34%);
  }

  .about-section__inner {
    grid-template-columns: 1fr;
    gap: 56px;
  }

  .about-section__content {
    max-width: 820px;
  }

  .about-section__content h2 {
    font-size: clamp(52px, 8vw, 82px);
    line-height: 0.94;
    max-width: 820px;
  }

  .about-section__lead {
    font-size: clamp(19px, 2.4vw, 24px);
    max-width: 720px;
    margin-top: 30px;
  }

  .about-section__body {
    max-width: 700px;
  }

  .about-section__principles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .about-principle:hover {
    transform: none;
  }
}


/* ================================
   Mobile
================================ */

@media (max-width: 767px) {
  .about-section {
    min-height: auto;
    padding: 78px 5vw 86px;
  }

  .about-section__media {
    opacity: 0.12;
  }

  .about-section__image {
    object-position: center center;
    filter: grayscale(0.35) contrast(1.05) brightness(0.36) saturate(0.8);
  }

  .about-section__overlay {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.88) 52%, rgba(0,0,0,0.94) 100%),
      radial-gradient(circle at 70% 20%, rgba(183,25,48,0.16), transparent 38%);
  }

  .about-section::before {
    background-size: 48px 48px;
    opacity: 0.1;
  }

  .about-section::after {
    right: -28vw;
    top: 12%;
    width: 78vw;
    height: 78vw;
    opacity: 0.5;
  }

  .about-section__inner {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .about-section__eyebrow {
    gap: 12px;
    margin-bottom: 20px;
  }

  .about-section__eyebrow span {
    width: 42px;
  }

  .about-section__eyebrow p {
    font-size: 13px;
    letter-spacing: 0.18em;
  }

  .about-section__content h2 {
    font-size: clamp(42px, 12vw, 62px);
    line-height: 0.96;
    letter-spacing: -0.04em;
    max-width: 100%;
  }

  .about-section__lead {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 26px;
    max-width: 100%;
  }

  .about-section__body {
    font-size: 15px;
    line-height: 1.68;
    margin-top: 20px;
    max-width: 100%;
  }

  .about-section__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 32px;
    max-width: 340px;
  }

  .about-section__button {
    width: 100%;
    min-width: 0;
    padding: 16px 26px;
  }

  .about-section__principles {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .about-principle {
    padding: 22px 22px;
  }

  .about-principle span {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .about-principle h3 {
    font-size: 28px;
  }

  .about-principle p {
    font-size: 14.5px;
    line-height: 1.55;
  }

  .about-principle:hover {
    transform: none;
  }
}


/* ================================
   Small Mobile
================================ */

@media (max-width: 420px) {
  .about-section {
    padding: 70px 22px 78px;
  }

  .about-section__content h2 {
    font-size: clamp(39px, 12vw, 52px);
  }

  .about-section__lead {
    font-size: 17px;
  }

  .about-section__body {
    font-size: 14.5px;
  }

  .about-section__actions {
    max-width: 100%;
  }

  .about-principle {
    padding: 20px 20px;
  }

  .about-principle h3 {
    font-size: 26px;
  }
}

/* ================================
   Mobile / Tablet Fixes
   Services + Closing CTA + Footer
================================ */

/* Tablet */
@media (max-width: 1024px) {

  /* DJ Services cards */
  .services-section {
    min-height: auto;
    padding: 90px 5vw;
  }

  .services-section__inner {
    display: block;
  }

  .services-section__content {
    max-width: 760px;
  }

  .services-section__content h2 {
    font-size: clamp(48px, 8vw, 82px);
  }

  .services-grid,
  .services-section__cards,
  .service-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 50px;
  }

  .service-card {
    min-height: 260px;
  }

  /* Closing CTA */
  .closing-cta,
  .footer-cta {
    padding: 90px 5vw;
    text-align: center;
  }

  .closing-cta h2,
  .footer-cta h2 {
    font-size: clamp(42px, 8vw, 78px);
  }

  .closing-cta__actions,
  .footer-cta__actions {
    justify-content: center;
  }

  /* Footer */
  .site-footer-custom,
  .exds-footer,
  .dj-footer {
    overflow: hidden;
  }

  .dj-footer__main,
  .exds-footer__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 44px;
  }

  .dj-footer__socials,
  .exds-footer__socials {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}

/* Mobile */
@media (max-width: 767px) {

  /* Services section */
  .services-section {
    padding: 72px 22px;
    min-height: auto;
    overflow: hidden;
  }

  .services-section__content h2 {
    font-size: clamp(42px, 14vw, 62px);
    line-height: 0.95;
  }

  .services-section__content p {
    font-size: 15px;
    line-height: 1.65;
  }

  .services-section__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .services-section__actions a {
    width: 100%;
    justify-content: center;
  }

  .services-grid,
  .services-section__cards,
  .service-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 42px;
  }

  .service-card {
    min-height: 240px;
    transform: none !important;
  }

  .service-card * {
    writing-mode: initial !important;
    text-orientation: initial !important;
    transform: none !important;
  }

  /* Fix vertical text issue */
  .service-card h3,
  .service-card p,
  .service-card span,
  .service-card__title,
  .service-card__label {
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  /* Closing CTA */
  .closing-cta,
  .footer-cta {
    padding: 76px 22px;
    text-align: center;
  }

  .closing-cta h2,
  .footer-cta h2 {
    font-size: clamp(38px, 13vw, 58px);
    line-height: 0.98;
  }

  .closing-cta p,
  .footer-cta p {
    font-size: 15px;
    line-height: 1.6;
  }

  .closing-cta__actions,
  .footer-cta__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .closing-cta__actions a,
  .footer-cta__actions a {
    width: 100%;
    justify-content: center;
  }

  /* Footer */
  .dj-footer,
  .exds-footer {
    padding-left: 22px;
    padding-right: 22px;
  }

  .dj-footer__main,
  .exds-footer__main {
    grid-template-columns: 1fr;
    gap: 38px;
    text-align: left;
  }

  .dj-footer__logo img,
  .exds-footer__logo img {
    max-width: 190px;
  }

  .dj-footer__column,
  .exds-footer__column {
    min-width: 0;
  }

  .dj-footer__column h3,
  .exds-footer__column h3 {
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
  }

  .dj-footer__links,
  .exds-footer__links {
    display: grid;
    gap: 10px;
  }

  .dj-footer__socials,
  .exds-footer__socials {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 14px;
  }

  .dj-footer__bottom,
  .exds-footer__bottom {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
}

/* Small mobile */
@media (max-width: 420px) {

  .services-section__content h2,
  .closing-cta h2,
  .footer-cta h2 {
    font-size: 42px;
  }

  .service-card {
    min-height: 220px;
  }

  .dj-footer,
  .exds-footer {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* ================================
   Final Ship Fix
   Services CTA + Footer Mobile Layout
================================ */

@media (max-width: 900px) {

  /* Services CTA: force clean horizontal content layout */
  .services-section__cta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 42px 28px !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  .services-section__cta-icon {
    width: 54px !important;
    height: 54px !important;
    margin: 0 0 22px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  .services-section__cta-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

  .services-section__cta h3,
  .services-section__cta p,
  .services-section__cta a,
  .services-section__cta span {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  .services-section__cta h3 {
    font-size: clamp(34px, 9vw, 54px) !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 16px !important;
    max-width: 100% !important;
  }

  .services-section__cta p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 0 26px !important;
    max-width: 420px !important;
  }

  .services-section__cta-button {
    display: inline-flex !important;
    width: 100% !important;
    max-width: 320px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  /* Footer: force columns to stack */
  .dj-footer-main__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
    width: 100% !important;
  }

  .dj-footer-brand,
  .dj-footer-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .dj-footer-col h3,
  .dj-footer-col ul,
  .dj-footer-col li,
  .dj-footer-col a {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  .dj-footer-col ul {
    display: grid !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .dj-footer-social {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 18px 26px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .dj-footer-social a {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    white-space: normal !important;
  }

  .dj-footer-bottom {
    padding-left: 22px !important;
    padding-right: 22px !important;
    text-align: center !important;
  }

  .dj-footer-bottom p {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .dj-footer-bottom span {
    display: none !important;
  }
}

@media (max-width: 600px) {

  .services-section__cta {
    padding: 36px 22px !important;
  }

  .services-section__cta h3 {
    font-size: clamp(34px, 12vw, 46px) !important;
  }

  .services-section__cta-button {
    max-width: 100% !important;
  }

  .dj-footer-main {
    padding: 64px 22px !important;
  }

  .dj-footer-logo img,
  .dj-footer .custom-logo {
    max-width: 190px !important;
    height: auto !important;
  }
}

/* ================================
   Small Mobile Footer CTA Polish
================================ */

@media (max-width: 430px) {

  .dj-footer-cta {
    padding: 72px 20px 78px !important;
  }

  .dj-footer-cta__eyebrow {
    font-size: 13px !important;
    letter-spacing: 0.28em !important;
    margin-bottom: 28px !important;
  }

  .dj-footer-cta h2 {
    font-size: clamp(32px, 12vw, 40px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.045em !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .dj-footer-cta h2 span {
    display: block !important;
  }

  .dj-footer-cta__copy {
    font-size: 17px !important;
    line-height: 1.55 !important;
    max-width: 335px !important;
    margin-top: 28px !important;
  }

  .dj-footer-cta__actions {
    margin-top: 38px !important;
  }

  .dj-footer-btn {
    min-height: 68px !important;
    padding: 22px 26px !important;
    font-size: 17px !important;
  }
}

/* ================================
   Events Page Listing
   Mobile + Small Mobile Fix
================================ */

@media (max-width: 900px) {

  .events-page-listing {
    padding: 72px 22px !important;
    overflow: hidden !important;
  }

  .events-page-listing__header h2 {
    font-size: clamp(38px, 9vw, 58px) !important;
    line-height: 1 !important;
  }

  .events-page-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .events-page-filters button {
    min-width: 140px !important;
    padding: 15px 18px !important;
  }

  .events-page-list {
    gap: 22px !important;
  }

  .events-page-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .events-page-card__poster {
    width: 100% !important;
    height: 280px !important;
  }

  .events-page-card__poster img {
    object-fit: cover !important;
    object-position: center top !important;
  }

  .events-page-card__date {
    width: calc(100% - 32px) !important;
    min-height: auto !important;
    margin: -48px 16px 0 !important;
    padding: 18px 16px !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 12px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: rgba(5,5,5,0.92) !important;
  }

  .events-page-card__date span,
  .events-page-card__date strong,
  .events-page-card__date small {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    white-space: normal !important;
  }

  .events-page-card__date span {
    font-size: 24px !important;
  }

  .events-page-card__date strong {
    font-size: 44px !important;
    line-height: 1 !important;
  }

  .events-page-card__date small {
    font-size: 20px !important;
    margin-top: 0 !important;
  }

  .events-page-card__content {
    padding: 28px 22px 8px !important;
  }

  .events-page-card__category,
  .events-page-card__content h3,
  .events-page-card__content ul,
  .events-page-card__content li,
  .events-page-card__content a,
  .events-page-card__actions,
  .events-page-card__button,
  .events-page-card__details {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  .events-page-card__content h3 {
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.05 !important;
    margin-bottom: 18px !important;
  }

  .events-page-card__content li {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .events-page-card__actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 22px !important;
  }

  .events-page-card__button {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  .events-page-card__details {
    display: inline-flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 12px 0 !important;
  }

  .events-page-card__tooltip {
    position: static !important;
    width: 100% !important;
    margin-top: 12px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: none !important;
  }

  .events-page-card__tooltip-wrap:hover .events-page-card__tooltip,
  .events-page-card__details:focus + .events-page-card__tooltip {
    display: block !important;
  }
}

@media (max-width: 430px) {

  .events-page-listing {
    padding: 64px 18px !important;
  }

  .events-page-filters {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .events-page-filters button {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 13px !important;
    padding: 14px 10px !important;
  }

  .events-page-card__poster {
    height: 230px !important;
  }

  .events-page-card__date {
    margin-top: -40px !important;
  }

  .events-page-card__date span {
    font-size: 21px !important;
  }

  .events-page-card__date strong {
    font-size: 38px !important;
  }

  .events-page-card__date small {
    font-size: 18px !important;
  }

  .events-page-card__content {
    padding: 26px 18px 8px !important;
  }

  .events-page-card__content h3 {
    font-size: 32px !important;
  }

  .events-page-card__actions {
    padding: 20px 18px 24px !important;
  }
}

/* ================================
   Events Filters Mobile Click Fix
================================ */

@media (max-width: 900px) {
  .events-page-filters {
    position: relative !important;
    z-index: 50 !important;
    pointer-events: auto !important;
  }

  .events-page-filters button {
    position: relative !important;
    z-index: 51 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  .events-page-list {
    position: relative !important;
    z-index: 2 !important;
  }
}
/* Filter hide state - must beat mobile grid override */
.events-page-card.is-hidden {
  display: none !important;
}

@media (max-width: 600px) {
  .dj-footer-logo__image {
    width: 190px !important;
  }
}