/**
 * 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
   ========================================================================== */
:root {
   --a11y-focus-color: #f6f6f6
}
html, body {
   scroll-behavior: smooth;
   font-family: var(--wp--preset--font-family--nitti);
}
*:focus-visible {
   outline: 2px solid #767676;
   outline-offset: 2px;
   border-radius: 2px;
}
.skip-link.screen-reader-text:focus {
   left: 50% !important
}
/* page highlight selection */
::selection {
   background: var(--wp--preset--color--brand-secondary);
   color: #000;
}
/* 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;
}
/* header */
.custom-logo-link {
   opacity: 0.9;
   transition-duration: 0.2s;
   transition-timing-function: ease;
   transition-property: all;
}
.custom-logo-link:hover,
.custom-logo-link:focus-visible {
   transform: rotate(360deg) scale(1.1, 1.1);
   opacity: 1;
}
header .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
   border-top: 2px solid transparent;
   padding-inline: 25px;
   transition-duration: 0.2s;
   transition-property: all;
}
header .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover,
header .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus-visible {
   border-color: #767676;
   transition-duration: 0.2s;
   transition-property: all;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover span,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus-visible span {
   color: #767676;
   transition-duration: 0.2s;
   transition-property: all;
}
button.animatedfsmenu-navbar-toggler.right_top.animatedfsmenu__mobile:focus,
button.animatedfsmenu-navbar-toggler.right_top.animatedfsmenu__mobile:focus-visible {
   outline: 2px solid #767676;
   outline-offset: 2px;
   border-radius: 2px;
}
.animatedfsmenu .animatedfs_menu_list .afsmenu li {
   width: auto !important;
}
.animatedfsmenu .animatedfs_menu_list .afsmenu li:focus-within,
.animatedfsmenu .animatedfs_menu_list .afsmenu li a:focus,
.animatedfsmenu .animatedfs_menu_list .afsmenu li a:focus-visible {
   outline: 2px solid #767676;
   outline-offset: 2px;
   border-radius: 2px;
}
footer .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
   padding-inline: 25px;
   line-height: 1;
   min-height: 100% !important;
   transition-duration: 0.2s;
   transition-property: all;
}
/* slider */
.see-slider {
   max-width: 100vw !important;
   margin: auto !important;
}
.slider-event-title,
.slider-event-title a {
   line-height: 1;
   font-family: var(--wp--preset--font-family--copyright-mass-driver);
   color: var(--wp--preset--color--brand-secondary) !important;
   margin-bottom: 1rem !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet:focus, .swiper-pagination-clickable .swiper-pagination-bullet:focus-visible {
   outline-color: #f6f6f6 !important;
}
.see-slider a:focus,
.see-slider [tabindex]:focus {
   outline-color: #f6f6f6 !important
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 20px 20px 5px !important;
}
.see-slider p.fs-20,
p.fs-18.bold.mt-1r.event-date {
   font-size: 21px;
   margin: 0 auto;
   font-family: var(--wp--preset--font-family--special-elite);
}
.see-slider p.fs-20 {
   margin-bottom: 1rem;
}
.see-slider .mb-35 {
   margin-bottom: 50px !important;
}
.see-slider a.seetickets-buy-btn {
   background: none !important;
   background-color: transparent;
   color: var(--wp--preset--color--brand-secondary);
   border: 1px solid var(--wp--preset--color--brand-secondary);
   border-radius: 0;
}
.see-slider a.seetickets-buy-btn:hover,
.see-slider a.seetickets-buy-btn:focus-visible {
   background: none !important;
   background-color: transparent;
   color: #FFF !important;
   border: 1px solid #FFF !important;
   transition-duration: 0.2s;
   transition-property: all;
}
.swiper-pagination-bullet {
   opacity: .6;
   background: var(--wp--preset--color--brand-secondary) !important;
}
.swiper-pagination-bullet-active {
   opacity: var(--swiper-pagination-bullet-opacity, 1);
   background: var(--wp--preset--color--brand-secondary) !important;
}
/* events */
.list-view-events, #list-view-events, .seetickets-calendar-container, .seetickets-list-events {
   max-width: 1440px !important;
   margin: auto !important;
}
.mdc-card {
   background: var(--wp--preset--color--brand-secondary) !important;
}
.seetickets-list-event-content-container {
   display: flex;
}
.seetickets-list-event-content-container .price,
.seetickets-list-event-content-container .headliners,
.seetickets-list-event-content-container .subtitle,
.seetickets-list-event-content-container .venue,
.seetickets-list-event-content-container .genre,
.seetickets-list-event-content-container .seetickets-social-media-container {
   display: none;
}
.mdc-card p.event-title a {
   font-family: var(--wp--preset--font-family--copyright-mass-driver);
   font-size: 42px;
   line-height: 1;
}
a.seetickets-buy-btn, .seetickets-buy-btn a {
   background: var(--wp--preset--color--brand-primary) !important;
   background-color: var(--wp--preset--color--brand-primary);
   color: var(--wp--preset--color--brand-secondary);
   border: 1px solid var(--wp--preset--color--brand-primary);
   border-radius: 0 !important;
   transition-duration: 0.2s;
   transition-property: all;
}
a.seetickets-buy-btn:hover, a.seetickets-buy-btn:focus-visible, a.seetickets-buy-btn.button-soldout, .seetickets-buy-btn a:hover, .seetickets-buy-btn a:focus-visible {
   background: none !important;
   background-color: transparent;
   color: var(--wp--preset--color--brand-primary) !important;
   border: 1px solid var(--wp--preset--color--brand-primary);
   border-radius: 0 !important;
   transition-duration: 0.2s;
   transition-property: all;
}
.see-slider a.seetickets-buy-btn.button-soldout {
   background: none !important;
   background-color: transparent;
   color: var(--wp--preset--color--brand-secondary) !important;
   border: 1px solid var(--wp--preset--color--brand-secondary);
   opacity: 0.6;
}
.buy-and-share-block {
   width: 200px;
   height: auto;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
}
.buy-and-share-block .seetickets-social-media-container {
   display: none;
}
.event-info-block {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 100%;
}
.event-info-details {
   flex: 1 1 100%;
   width: 100%;
   padding-inline: 12px;
}
.event-info-details .mb-12 {
   margin-bottom: 0 !important
}
.event-info-more-details {
   flex: 1;
   min-width: 90px;
   width: 100%;
   justify-self: flex-end;
   text-align: right;
}
.seetickets-list-view-event-image-container a img {
   will-change: filter;
   transform: translateZ(0);
   animation: from-sepia .4s ease forwards;
}
.seetickets-list-view-event-image-container a:hover img,
.seetickets-list-view-event-image-container a:focus-visible img {
   animation: to-sepia .4s ease forwards;
}
@keyframes to-sepia {
   from {
      filter: sepia(0) contrast(1);
   }
   to {
      filter: sepia(1) contrast(1.5);
   }
}
@keyframes from-sepia {
   from {
      filter: sepia(1) contrast(1.5);
   }
   to {
      filter: sepia(0) contrast(1);
   }
}
@media (max-width: 1024px) {
   .animatedfsmenu-html-area {
      max-width: 100vw;
      width: 100%;
   }
   .animatedfsmenu-html-area img {
      max-width: calc(100% - 4rem) !important;
      padding-inline: 2rem;
   }
   .animatedfsmenu .social-media li {
      border-width: 0 !important;
   }
   .animatedfsmenu .social-media li a {
      font-size: 32px !important;
   }
   .seetickets-list-events {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: center;
      align-items: center;
   }
   .mdc-card.seetickets-list-event-container:not(.grid-item) {
      flex-direction: column !important;
      max-width: 70vw;
      justify-content: center;
      align-items: center;
      border-bottom: 2px solid var(--wp--preset--color--brand-primary) !important;
      margin-block: 1rem !important;
      padding-bottom: 1rem;
   }
   .mdc-card.seetickets-list-event-container:not(.grid-item):last-of-type {
      border-bottom: 0 !important;
   }
   img.seetickets-list-view-event-image {
      width: 100% !important;
      height: auto !important;
   }
}
@media (max-width: 768px) {
   .event-info-block {
      flex-direction: column;
      text-align: center;
   }
   .mdc-card p.event-title a {
      font-size: 32px;
   }
   .event-info-more-details {
      justify-self: center;
      text-align: center;
   }
   .buy-and-share-block {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .mdc-card a.seetickets-buy-btn {
      display: flex;
      width: calc(100% - 46px);
      text-align: center;
      flex-direction: column;
   }
}
@media (max-width:480px) {
   .see-slider, .swiper-slide {
      aspect-ratio: 3 / 4;
      width: 100%;
      height: auto;
   }
   .slider-event-title, .slider-event-title a {
      font-size: 28px !important
   }
}