.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-width: 26rem;
}

/*-----------------------------------------------------------------------------------*/
/*	NAVBAR
/*-----------------------------------------------------------------------------------*/
.custom-nav {
  visibility: visible;
  padding: 1.2em 0;
}
.navbar-expand-lg,
.navbar-expand-xl {
  padding: 0.8rem 0;

  border-bottom: 0 solid rgba(124, 135, 142, 0.25);
  /*background-color: transparent;*/
  /*background-color: var(--bs-nav-bg);*/
  background-color: rgba(0, 0, 0, 1) !important;
}
.navbar-stick:not(.navbar-dark) {
  box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06);

  background-color: rgba(0, 0, 0, 0.8) !important;
  /*background-color: var(--bs-nav-bg) !important;*/
  /*display: none !important;*/
}
@media (min-width: 992px) {
  .navbar-expand-lg.transparent:not(.fixed) {
    padding: 0.8rem 0 !important;
  }
}
.custom-nav.active,
.custom-nav:hover {
  color: var(--bs-navbar-active-color) !important;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: 18px;
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color) !important;
  transition: color 0.2s ease-in-out;
  text-transform: uppercase;
}
/*
.dropdown-toggle:after, .nav-link {
  --bs-nav-link-color: #FFFFFF;
  color: var(--bs-nav-link-color)!important;
}
*/
.nav-item.active a,
.nav-link.dropdown-toggle {
  color: var(--bs-navbar-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

/*-----------------------------------------------------------------------------------*/
/*	MOBILE NAV
/*-----------------------------------------------------------------------------------*/
.navbar-brand {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mobile-nav-logo {
  max-width: 362px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.offcanvas-nav .offcanvas-header .btn-close {
  margin-right: 0 !important;
  position: absolute;
  top: 16px;
  right: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*	LOGO
/*-----------------------------------------------------------------------------------*/
.hero-img {
  max-width: 700px;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
.navbar-brand img {
  max-width: 52px !important;
}
footer img.footer-logo {
  object-fit: contain;
  width: 100%;
  height: auto;
  max-width: 420px;
}

/*-----------------------------------------------------------------------------------*/
/*	REV SLIDER
/*-----------------------------------------------------------------------------------*/
.sm-slider {
  background-color: #21262c;
  background-image: url('../img/misc/loader.gif');
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
}
.fullscreen-container {
  height: 500px;
}
.slider-overlay {
  background: url('../img/misc/overlay.png') repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.uranus.tparrows:hover:before {
  /*color: black;*/
  opacity: 0.3;
}

/*-----------------------------------------------------------------------------------*/
/*	PARALLAX
/*-----------------------------------------------------------------------------------*/
.parallax-window,
.parallax-container {
  width: 100%;
  background: transparent;
}
.simpleParallax {
  border-radius: 0.4rem !important;
}

/*-----------------------------------------------------------------------------------*/
/*	BACKGROUND RUNNING TRACK
/*-----------------------------------------------------------------------------------*/
.bg-tracks {
  width: 100%;
  aspect-ratio: 2048 / 680;
  background-image: url('../img/backgrounds/tracks.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.bg-tracks .social {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.bg-tracks .social p {
  margin: 0;
  white-space: nowrap;
}
.bg-tracks .social a {
  flex-shrink: 0;
}
.triple-border {
  position: relative;
  background: transparent;
  border: 4px solid var(--bs-light);
  border-radius: 9999px;
}
.triple-border::before,
.triple-border::after {
  content: '';
  position: absolute;
  border: 4px solid var(--bs-light);
  border-radius: 9999px;
  pointer-events: none;
}
.triple-border::before {
  inset: 4px;
}
.triple-border::after {
  inset: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*	TEXT RUNNING TRACK
/*-----------------------------------------------------------------------------------*/
.track-text {
  font-size: calc(0.4rem + 2vw) !important;
}
.social a:not(.btn-circle) i.track-icon {
  font-size: calc(1.1rem + 1.55vw) !important;
}
.title-text {
  font-size: calc(0.8rem + 1.285vw) !important;
}

/*-----------------------------------------------------------------------------------*/
/*	TEXT MEDIA QUERYS
/*-----------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .title-text {
    font-size: calc(1rem + 2vw) !important;
  }
  .footer-title {
    font-size: calc(3rem + 2vw) !important;
  }
  .footer-text {
    font-size: calc(0.6rem + 0.13vw) !important;
  }
  .track-text {
    font-size: calc(0.8rem + 2vw) !important;
  }
  .social a:not(.btn-circle) i.track-icon {
    font-size: calc(2.2rem + 1.55vw) !important;
  }
}
@media (min-width: 992px) {
  .footer-title {
    font-size: calc(3.4rem + 1vw) !important;
  }
  .footer-text {
    font-size: calc(0.8rem + 0.18vw) !important;
  }
  .track-text {
    font-size: calc(1.2rem + 2vw) !important;
  }
  .social a:not(.btn-circle) i.track-icon {
    font-size: calc(2.2rem + 1.55vw) !important;
  }
}
@media (min-width: 1200px) {
  .footer-title {
    font-size: calc(3.4rem + 1vw) !important;
  }
  .footer-text {
    font-size: calc(0.8rem + 0.18vw) !important;
  }
  .track-text {
    font-size: 2.6rem !important;
  }
  .social a:not(.btn-circle) i.track-icon {
    font-size: 3.8rem !important;
  }
}

/*-----------------------------------------------------------------------------------*/
/*	STRIPS ORANGE / CREAM
/*-----------------------------------------------------------------------------------*/
.bg-stripes-orange,
.bg-stripes-cream {
  position: relative;
  z-index: 0;
}
.bg-stripes-orange::before,
.bg-stripes-cream::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100vw;
  left: 50%;
  top: 53%;
  transform: translate(-50%, -50%);
  height: 30%;
  background: repeating-linear-gradient(to bottom, var(--bs-orange) 0, var(--bs-orange) 20%, transparent 20%, transparent 34%);
}
.bg-stripes-cream::before {
  background: repeating-linear-gradient(to bottom, var(--bs-cream) 0, var(--bs-cream) 20%, transparent 20%, transparent 34%);
}
.bg-stripes-orange::after,
.bg-stripes-cream::after {
  background-color: rgba(232, 74, 28, 1);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: 0.2;
  background-size: 33%;
  background-repeat: repeat;
  background-blend-mode: color-dodge;
}
.bg-stripes-cream::after {
  /*background-color: rgba(245, 230, 200, 1);*/
}
.bg-stripes-orange img,
.bg-stripes-cream img,
.bg-stripes-orange .swiper,
.bg-stripes-cream .swiper,
.sl-carousel__track .swiper-container {
  position: relative;
  z-index: 1;
}

/*-----------------------------------------------------------------------------------*/
/*	HR
/*-----------------------------------------------------------------------------------*/
hr.hr-sl {
  height: 12px;
  border-top: 6px solid;
  margin: 0;
  opacity: 1;
}
.hr-sl.cream {
  color: var(--bs-light);
}
.hr-sl.brown {
  color: var(--bs-brown);
}
.hr-sl.peach {
  color: var(--bs-peach);
}
.hr-sl.orange {
  color: var(--bs-orange);
}

hr.hr-sl-top {
  height: 12px;
  border-bottom: 5px solid;
  margin: 0;
  opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*	ARTICLE BLOCK RULES (3 stripes)
/*-----------------------------------------------------------------------------------*/
.sl-article__rules {
  height: 36px;
  margin: 0;
  background-image: repeating-linear-gradient(to bottom, currentColor 0, currentColor 6px, transparent 6px, transparent 12px);
  opacity: 1;
  pointer-events: none;
}

/*-----------------------------------------------------------------------------------*/
/*	CARDS BLOCK
/*-----------------------------------------------------------------------------------*/
.sl-cards .sl-cards__card {
  overflow: hidden;
  border: 0;
}

.sl-cards .sl-cards__card > .card-body {
  position: relative;
  z-index: 1;
}

.sl-cards .sl-cards__media img,
.sl-cards .sl-cards__media video {
  display: block;
  width: 100%;
  height: auto;
}

.sl-cards .sl-cards__media figure {
  margin: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	NEWS LISTING
/*-----------------------------------------------------------------------------------*/
.sl-news .post.d-flex > .card {
  width: 100%;
}

.sl-news .post .card {
  overflow: hidden;
}

.sl-news .post .card-img-top video.player {
  display: block;
  width: 100%;
  height: auto;
}

.sl-news .pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*-----------------------------------------------------------------------------------*/
/*	SINGLE POST
/*-----------------------------------------------------------------------------------*/
.blog.single .card-img-top video.player,
.blog.single .card-img-top img {
  display: block;
  width: 100%;
  height: auto;
}

.blog.single .post-content > *:last-child {
  margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	TEXTURE BACKGROUND CREAM/LIGHT
/*-----------------------------------------------------------------------------------*/
.bg-noise-light {
  position: relative;
  background-color: rgba(245, 230, 200, 1);
  z-index: 0;
}
.bg-noise-light::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 400px 400px; /* pick the density you want */
  background-repeat: repeat;
  opacity: 0.2;
}

/*-----------------------------------------------------------------------------------*/
/*	TEXTURE BACKGROUND ORANGE
/*-----------------------------------------------------------------------------------*/
.bg-noise-orange {
  position: relative;
  background-color: rgba(232, 74, 28, 1);
}
.bg-noise-orange::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 400px 400px; /* pick the density you want */
  background-repeat: repeat;
  opacity: 0.2;
}

.bg-noise-light figure,
.bg-noise-orange figure,
.bg-noise-light img,
.bg-noise-orange img {
  z-index: 10;
}

/*-----------------------------------------------------------------------------------*/
/*	SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/

footer.bg-noise-orange .social a,
footer.text-inverse .social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  margin: 0 0.35rem;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: var(--bs-cream);
  color: var(--bs-orange);
  line-height: 1;
  text-decoration: none;
  transition:
    color 0.2s ease-in-out,
    background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out,
    transform 0.2s ease-in-out;
}

footer.bg-noise-orange .social a i.fa-brands,
footer.text-inverse .social a i.fa-brands {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  fill: currentColor;
  font-size: 1.2rem;
  line-height: 1;
}

/* Beat .text-inverse a:not(.btn):hover { border-color: #e84a1c } from orange.css */
footer.bg-noise-orange.text-inverse .social a:hover,
footer.bg-noise-orange.text-inverse .social a:focus-visible,
footer.text-inverse .social a:not(.btn):hover,
footer.text-inverse .social a:not(.btn):focus-visible {
  background-color: transparent !important;
  border-color: var(--bs-cream) !important;
  border-style: solid !important;
  border-width: 2px !important;
  color: var(--bs-cream) !important;
  fill: var(--bs-cream) !important;
  box-shadow: none;
}

footer.bg-noise-orange.text-inverse .social a:hover > i,
footer.bg-noise-orange.text-inverse .social a:focus-visible > i,
footer.text-inverse .social a:not(.btn):hover > i,
footer.text-inverse .social a:not(.btn):focus-visible > i {
  color: var(--bs-cream) !important;
  fill: var(--bs-cream) !important;
}

/*-----------------------------------------------------------------------------------*/
/*	CUSTOM TRANSITIONS + HOVER
/*-----------------------------------------------------------------------------------*/
.fbri:hover,
.fbri:active,
.fbri:focus {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
  cursor: pointer;
}
.t {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hint {
  color: var(--muted);
  font-size: 0.85rem;
  margin: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	MEMENTO PHOTO PLACEHOLDER + FADE
/*-----------------------------------------------------------------------------------*/
.memento-loading {
  width: 100%;
}
.memento-photo--loading {
  aspect-ratio: 4 / 3;
}
.memento-photo {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  background-color: rgba(245, 230, 200, 1);
}
.memento-photo > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.memento-photo__frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 74, 28, 0.12);
}
.memento-photo__placeholder {
  position: relative;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 90%;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  transition: opacity 0.45s ease;
  pointer-events: none;
}
.memento-photo__img {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.55s ease;
}
.memento-photo.is-loaded .memento-photo__img {
  opacity: 1;
}
.memento-photo.is-loaded .memento-photo__placeholder {
  opacity: 0;
}
.memento-photo.is-error .memento-photo__placeholder {
  opacity: 1;
}
.memento-photo.is-error .memento-photo__img {
  opacity: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  text-align: left;
  padding: 8px 6px;
  border-bottom: 1px solid var(--line);
  font-variant-numeric: tabular-nums;
}
th {
  color: var(--muted);
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
td.pos,
th.pos {
  width: 2.5rem;
}
td.pts,
th.pts {
  text-align: right;
}
tr:last-child td {
  border-bottom: 0;
}
.winner td {
  font-weight: 700;
}
code.claim {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--muted);
  font-size: 0.85rem;
  word-break: break-all;
}

/*-----------------------------------------------------------------------------------*/
/*	GALLERY CAPTIONS
/*-----------------------------------------------------------------------------------*/

.overlay .sl-gallery-caption,
.overlay-1 .sl-gallery-caption {
  position: absolute;
  top: auto;
  right: auto;
  left: 0.75rem;
  bottom: 0.75rem;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  opacity: 1;
  text-align: left;
  pointer-events: none;
  z-index: 15;
  transform: none;
}
.overlay-1:hover .sl-gallery-caption,
.overlay-1:hover .sl-gallery-caption * {
  opacity: 1;
  transform: none;
}
.sl-gallery-caption h5,
.sl-gallery-caption .from-top {
  position: static;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0.55rem 1.15rem;
  border-radius: 0.4rem;
  background-color: var(--bs-orange);
  color: var(--bs-light);
  line-height: 1.2;
  white-space: normal;
  text-align: center;
  top: auto;
  left: auto;
  transform: none !important;
}

.wp-block-table .has-fixed-layout {
  border-bottom: 1px solid;
  margin-bottom: 1rem;
}