/**
 * EUS Theme - Custom Styles
 *
 * Add your custom CSS here. This file loads after style.css and accessibility.css,
 * so you can override any styles from those files.
 *
 * @package EUSTheme
 * @since 1.0.0
 */
/* ==========================================================================
   YOUR CUSTOM STYLES GO HERE
   ========================================================================== */
html, body {
   scroll-behavior: smooth;
   font-family: 'League Spartan', sans-serif !important;
}
html.is-loading {
   opacity: 0;
}
html:not(.is-loading) {
   opacity: 1;
   transition: 0s ease opacity;
}
body {
   background: #000;
   background-size: cover;
   background-repeat: no-repeat;
}
/* page highlight selection */
::selection {
   background: rgba(204, 176, 255, 0.645);
   color: #000;
}
/* main content area */
main, footer {
   padding: 0 1em !important;
}
/* mobile menu */
@media (max-width: 1024px) {
   .animatedfsmenu-navbar-toggler.right_top {
      right: 25px !important;
      top: 25px !important;
      background: none;
      transition: .2s top ease;
   }
}
@media (min-width: 1024px) {
   .theme-dark .animatedfsmenu__mobile,
   .theme-dark .animatedfsmenu-navbar-toggler.right_top,
   .theme-dark .animatedfsmenu-navbar-toggler:not(.custom-burger) {
      display: block !important;
   }
}
@media (min-width: 1025px) {
   .theme-dark .animatedfsmenu__mobile,
   .theme-dark .animatedfsmenu-navbar-toggler.right_top,
   .theme-dark .animatedfsmenu-navbar-toggler:not(.custom-burger) {
      display: none !important;
   }
}
/* header */
#stickyHeader {
   position: fixed;
   width: 100%;
   transition: .2s padding ease;
}
#stickyHeader.sticky-header--scrolled {
   padding: 0 !important;
   margin: auto;
   transition: .2s padding ease;
}
@media (min-width: 1025px) {
   #stickyHeader.sticky-header--scrolled {
      min-height: 80px !important
   }
   #stickyHeader.sticky-header--scrolled #stickyPadding {
      padding: 0 1rem !important
   }
}
@media (max-width: 1024px) {
   #stickyHeader .uagb-block-95534c06 {
      margin: 0 !important;
      max-width: 100dvw !important;
   }
   #stickyHeader .wp-block-site-logo img {
      transition: .2s width ease;
   }
   #stickyHeader.sticky-header--scrolled .wp-block-site-logo img {
      width: 60px !important;
      transition: .2s width ease;
   }
   button.animatedfsmenu-navbar-toggler.sticky-btn {
      top: 5px !important;
      right: 10px !important;
      transition: .2s top ease;
   }
   .theme-dark #animatedfsmenu_css {
      background: #000 !important;
      /* background-size: cover !important; */
      /* background-position: top !important; */
      max-height: 100dvh;
   }
   .animatedfsmenu .animatedfs_menu_list .afsmenu li {
      margin: 4dvh 0 !important;
   }
   .animatedfsmenu .animatedfs_menu_list .afsmenu li a {
      font-weight: 600 !important;
   }
   .animatedfs_menu_list {
      margin: 0 auto 0 0 !important;
      padding-top: 4dvh !important;
   }
   .animatedfs_menu_list .afsmenu a:hover,
   .animatedfs_menu_list .afsmenu a:focus {
      color: var(--wp--preset--color--brand-secondary) !important;
   }
   .theme-dark .animatedfsmenu.animation_line .afsmenu>li>a:before,
   .theme-dark .animatedfs_menu_list li>a:before {
      background: var(--wp--preset--color--brand-secondary) !important;
   }
   .animatedfsmenu.navbar-expand-md .navbar-collapse {
      justify-content: space-between;
   }
   .animatedfsmenu .social-media {
      margin: 0 0 2rem 0;
      display: flex;
      align-items: flex-end;
   }
   .animatedfsmenu .social-media li {
      border: 0 !important;
   }
   .animatedfsmenu .social-media li a {
      width: 40px !important;
      height: 40px !important;
      font-size: 40px !important;
      margin-bottom: 1em;
   }
}
@media (max-width: 768px) {
   .animatedfsmenu .animatedfs_menu_list .afsmenu li {
      line-height: 1 !important;
   }
}
/* events lazy loading */
.mdc-card:not(.lazy-loaded), .mdc-card:not(.lazy-loaded) img:not(.lazy-loaded) {
   opacity: 0 !important;
   transition: 1s opacity ease !important;
}
.mdc-card.lazy-loaded, .mdc-card.lazy-loaded img.lazy-loaded, .mdc-card:first-of-type, .mdc-card:first-of-type img:not(.lazy-loaded) {
   opacity: 1 !important;
   transition: 1s opacity ease !important;
}
/* desktop main menu */
.wp-block-navigation-item__content {
   text-decoration: none;
   padding-bottom: 8px;
   margin-bottom: -12px;
   background: linear-gradient(#7C43E0 0 0) bottom 0 left / 0% 2px no-repeat,
      linear-gradient(#A276EF 0 0) bottom 5px left / 0% 2px no-repeat,
      linear-gradient(#CCB0FF 0 0) bottom 10px left / 0% 2px no-repeat;
}
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item__content:focus {
   padding-bottom: 8px;
   margin-bottom: -12px;
   background-size: 100% 3px,
      100% 3px,
      100% 3px;
   transition: background-size .25s ease,
      background-size .25s ease .08s,
      background-size .25s ease .16s;
}
.wp-block-navigation-item__content:hover span,
.wp-block-navigation-item__content:focus span {
   color: #CCB0FF;
}
/* hero home */
#coverGrain {
   position: relative;
}
#coverGrain .wp-block-cover__inner-container, #grainCanvas {
   position: absolute;
   inset: 0;
   pointer-events: none;
   z-index: 1;
   width: 100%;
   height: 100%;
}
#smLogo {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   margin: auto;
   padding-inline: 1em;
}
#grainCanvas {
   margin: 0 !important;
   min-width: 1440px !important;
}
/* events */
.list-view-events, .see-slider, .seetickets-calendar-container, .seetickets-list-events {
   max-width: 1440px !important;
}
.seetickets-list-event-content-container .headliners, .seetickets-list-event-content-container .price, .seetickets-list-event-content-container .genre, .seetickets-list-event-content-container .subtitle {
   display: none;
}
.mdc-card {
   background-color: transparent !important;
   background: #000 !important;
   /* background-size: cover !important; */
   /* background-position: bottom; */
   border: 1px solid #333 !important;
   border-radius: 5px !important;
   padding: 22px 40px 22px 22px;
   transition: .3s ease all;
}
/* .mdc-card:after {
   content: '';
   opacity: 0;
   background-color: transparent !important;
   background: url('/wp-content/uploads/2026/03/mdc-card-hover.webp') #000 !important;
   background-size: cover !important;
   background-position: center;
   z-index: 0;
   transition: .3s ease all;
}
.mdc-card:hover:after,
.mdc-card:focus-within:after {
   opacity: 1;
   transition: .3s ease all;
} */
.mdc-card:first-of-type {
   margin-top: 0 !important;
}
.mdc-card .seetickets-list-event-content-container {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   z-index: 5;
}
@media (min-width: 601px) and (max-width:1024px) {
   .mdc-card .seetickets-list-event-content-container {
      flex-direction: column;
      align-items: flex-start;
   }
}
.mdc-card .seetickets-list-view-event-image-container {
   margin: auto 22px auto auto;
   z-index: 5;
   position: relative;
}
.mdc-card .seetickets-list-view-event-image-container:after {
   content: '';
   display: block;
   position: absolute;
   inset: 0;
   height: 100%;
   width: 100%;
   opacity: 0;
   border-radius: 5px;
   background: var(--wp--preset--color--brand-secondary);
   mix-blend-mode: color;
   filter: contrast(1);
   transition: .3s ease all;
}
.mdc-card:hover .seetickets-list-view-event-image-container:after,
.mdc-card:focus-within .seetickets-list-view-event-image-container:after {
   opacity: 1;
   transition: .3s ease all;
}
.mdc-card img.seetickets-list-view-event-image {
   display: block;
   max-width: 220px;
   width: 100% !important;
   max-height: 220px;
   height: auto !important;
   border-radius: 5px;
   box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.50);
   aspect-ratio: 1 / 1;
}
.mdc-card p {
   font-size: 15px;
}
.mdc-card p.date {
   font-size: 20px;
   font-weight: 300;
}
.mdc-card p.title {
   font-size: 40px;
   line-height: 1;
   margin-block: 7px !important;
}
.mdc-card p.title a {
   font-weight: 600;
}
.mdc-card p.title a:focus,
.mdc-card:hover p.title a,
.mdc-card:focus-within p.title a {
   color: var(--wp--preset--color--brand-secondary);
   transition: .3s ease all;
}
.mdc-card p.venue:after {
   content: '';
   display: block;
   width: 50px;
   border-bottom: 2px solid var(--wp--preset--color--text-light);
   margin: 7px;
}
.mdc-card .seetickets-social-media-container {
   display: none;
}
.buy-and-share-block {
   width: 155px !important;
   min-height: 54px !important;
   height: auto !important;
}
a.seetickets-buy-btn {
   display: block;
   width: stretch;
   text-align: center;
   font-size: 20px;
   border-radius: 6px;
   border: 1px solid rgba(255, 255, 255, 0.15);
   background: var(--wp--preset--color--text-light);
   box-shadow: 0 4px 4px 0 #000;
   text-transform: capitalize;
   transition: .3s ease all;
}
a.seetickets-buy-btn:hover,
a.seetickets-buy-btn:focus {
   background-color: var(--wp--preset--color--brand-secondary);
   color: var(--wp--preset--color--text-light) !important;
   transition: .3s ease all;
}
a.button-soldout, div.button-soldout {
   background: rgba(255, 255, 255, 0.15) !important;
   color: #FFF !important;
}
.calendar-body div.button-soldout a.button-soldout {
   background: none !important
}
.display-flex.justify-end:has(.seetickets-list-view-pagination) {
   justify-content: center !important;
}
.seetickets-list-view-pagination li {
   text-decoration: none;
   line-height: 1;
   padding: 20px;
   color: var(--wp--preset--color--text-dark);
   background: var(--wp--preset--color--background-light);
   border-radius: 5px;
   transition: .3s ease all;
}
.seetickets-list-view-pagination li.seetickets-list-view-pagination-active,
.seetickets-list-view-pagination li:hover {
   background-color: var(--wp--preset--color--brand-secondary);
   color: var(--wp--preset--color--text-light);
   padding: 20px;
   transition: .3s ease all;
}
.seetickets-list-view-pagination li span {
   line-height: 1;
   text-box-trim: trim-both;
   text-box-edge: text alphabetic;
}
@media(max-width:600px) {
   .mdc-card {
      padding: 1em;
      background: #000 !important;
      /* background-size: cover !important; */
      /* background-position: bottom !important; */
   }
   /* .mdc-card:after {
      background: url('/wp-content/uploads/2026/03/mdc-card2.webp') #000 !important;
      background-size: cover !important;
      background-position: right !important;
      transition: .3s ease all;
   } */
   .mdc-card.seetickets-list-event-container:not(.grid-item) {
      flex-direction: column !important;
      align-items: center;
   }
   .mdc-card .seetickets-list-event-content-container {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
   }
   .mdc-card img.seetickets-list-view-event-image {
      max-width: 100%;
      max-height: 100%;
   }
   .mdc-card .seetickets-list-view-event-image-container {
      margin-right: auto;
   }
   .buy-and-share-block {
      display: block;
      width: 100% !important;
   }
   .buy-and-share-block a.seetickets-buy-btn {
      display: block;
      width: auto !important;
   }
}
/* calendar */
.seetickets-calendar-year-month-container {
   color: #fff;
   >.fs-24 {
      text-align: center;
      margin: 0 auto;
      font-size: 40px;
      font-weight: 700;
   }
}
.seetickets-calendar th {
   color: #FFF;
}
.seetickets-calendar td {
   background: #000;
   border: 1px solid #ffffff33;
   >.date-number {
      color: #fff;
   }
   &.today {
      border: 2px solid var(--wp--preset--color--brand-secondary);
      border-radius: 5px;
   }
}
.seetickets-calendar-event-container.mdc-card {
   padding: 1rem;
   border: 0 !important;
   >.seetickets-calendar-event-picture {
      width: 100%;
      max-width: 100%;
      height: auto;
   }
   p.supporting-talent {
      line-height: 1.1 !important;
   }
   p.venue:after {
      display: none;
   }
   div.seetickets-buy-btn {
      transition: .2s ease all;
   }
   div.seetickets-buy-btn a {
      color: #000;
   }
   div.seetickets-buy-btn:hover {
      background: #ffffff33;
      transition: .2s ease all;
   }
   div.seetickets-buy-btn:hover a {
      color: #fff;
   }
}
.seetickets-calendar-event-title a {
   font-weight: 700;
   font-size: 18px;
}
.seetickets-calendar td p {
   margin: 0 auto .5rem;
   line-height: 1.1 !important;
}
/* forms */
footer #mc_embed_signup {
   font-family: 'League Spartan', sans-serif !important;
   min-width: 320px;
}
footer #mc_embed_signup form {
   max-width: 600px;
   min-width: 280px;
   width: 100%;
   margin: auto;
}
footer #mc_embed_signup input[type=email] {
   background: #000 !important;
   color: #FFF !important;
   padding: 10px !important;
   height: 34px !important;
   max-width: calc(100% - .6rem);
}
footer #mc_embed_signup .button {
   font-family: 'League Spartan', sans-serif !important;
   background-color: #FFF !important;
   color: #000 !important;
   width: 100% !important;
   font-size: 20px !important;
   height: 54px !important;
   margin: auto !important;
}
footer #mc_embed_signup div#mce-responses {
   margin: auto !important
}
footer #mc_embed_signup #mce-success-response {
   color: var(--wp--preset--color--brand-secondary);
   display: none;
   width: 100%;
   text-align: center;
   margin: auto;
}
.wpcf7 {
   max-width: fit-content;
   width: 100%;
}
.wpcf7 .flex-row {
   justify-content: space-between;
   max-width: 415px;
}
.wpcf7 .flex-col {
   flex-direction: column;
}
.wpcf7 p {
   margin-bottom: 5px;
}
.wpcf7 input,
.wpcf7 textarea {
   height: 50px;
   background: none;
   border: 1px solid #333;
   border-radius: 5px;
}
.wpcf7 input[type=checkbox],
.wpcf7 textarea {
   height: auto;
}
.wpcf7 input[type=submit] {
   display: block;
   color: #000;
   background: #FFF;
   font-size: 20px;
   width: 155px;
   height: 54px;
   line-height: 1;
   text-box-trim: trim-end;
   text-box-edge: cap alphabetic;
   transition: .2s ease all;
}
.wpcf7 input:focus {
   border-color: var(--wp--preset--color--brand-secondary);
}
.wpcf7 input[type=submit]:hover,
.wpcf7 input[type=submit]:focus {
   background: var(--wp--preset--color--brand-secondary);
   color: #FFF;
   transition: .2s ease all;
}
/* checkbox label */
.wpcf7 .flex-col .wpcf7-list-item {
   margin: 8px auto 0;
}
.wpcf7 .flex-col .wpcf7-list-item label {
   display: flex;
}
.wpcf7 .flex-col .wpcf7-list-item label span {
   font-size: 15px;
   margin-left: 5px;
}
/* hide checkbox */
.wpcf7 input[type=checkbox] {
   appearance: none;
   -webkit-appearance: none;
   width: 18px;
   height: 18px;
   position: relative;
   cursor: pointer;
}
/* custom checkbox */
.wpcf7 input[type=checkbox]::before {
   content: "";
   position: absolute;
   inset: 0;
   border: 2px solid #333;
   border-radius: 2px;
   background: none;
   transition: 0.2s;
}
/* checkbox checked */
.wpcf7 input[type=checkbox]:checked::before {
   background: var(--wp--preset--color--brand-secondary);
   border-color: var(--wp--preset--color--brand-secondary);
}
/* checkbox checkmark */
.wpcf7 input[type=checkbox]:checked::after {
   content: "";
   position: absolute;
   left: 5px;
   top: 1px;
   width: 4px;
   height: 9px;
   border: solid var(--wp--preset--color--text-light);
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
}
/* footer */
footer .uagb-block-9a7fcce1 .wp-block-spacer:before {
   content: '';
   height: 75px;
   width: 100%;
   background: linear-gradient(to bottom, transparent 40%, #000 95%);
   display: block;
}
@media only screen and (max-width: 767px) {
   .wp-block-uagb-container.uagb-block-89394703 {
      flex-wrap: nowrap;
   }
}
@media (max-width:600px) {
   footer .uagb-block-9a7fcce1,
   footer .uagb-block-9a7fcce1 .wp-block-spacer,
   footer .uagb-block-9a7fcce1 .wp-block-spacer:before {
      margin-block-start: 0 !important;
      min-height: 35px !important;
      height: 35px !important;
   }
   #footerContent, #footerLinks {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }
   #copyright {
      line-height: 1.4;
      display: block;
      text-align: center;
   }
   #footerLinks {
      margin-bottom: 4em !important;
   }
}