:root {
  --tunerfest-primary: #ac250b;
  --tunerfest-primary-rgb: 172, 37, 11;

  --tunerfest-primary-light: #ca391d;

  --tunerfest-lightgrey: #dedede;
  --tunerfest-darkgrey: #212121;
  --tunerfest-darkgrey2: #313131;

  --tunerfest-grey: #393939;
  --tunerfest-grey-rgb: 57, 57, 57;

  --tunerfest-highlight: #fed619;
  --tunerfest-highlight2: #e54a0d;

  --stripes-home: #b21f0b;

  --stripes-main-1: #ef480b;
  --stripes-main-2: #e0210c;

  --stripes-first-1: #f15a23;
  --stripes-first-2: #e33724;

  --stripes-second-1: #e0360b;
  --stripes-second-2: #e0220b;

  --stripes-third-1: #e0680b;
  --stripes-third-2: #e06c12;

  --stripes-bottom-1: #a42c21;
  --stripes-bottom-2: #b31f0b;

  --font-family: "Instrument Sans", sans-serif;
}

/* ***************************************************** */
/* OVERWRITES */
/* ***************************************************** */

.bg-primary {
  background-color: var(--tunerfest-primary) !important;
}
.bg-secondary {
  background-color: var(--tunerfest-grey) !important;
}
.bg-darkgrey {
  background-color: var(--tunerfest-darkgrey) !important;
}
.text-tunerfest-primary {
  color: var(--tunerfest-primary);
}

.rounded {
  border-radius: 0.6em !important;
}
.rounded-top {
  border-top-left-radius: 0.6em !important;
  border-top-right-radius: 0.6em !important;
}
.rounded-right {
  border-top-right-radius: 0.6em !important;
  border-bottom-right-radius: 0.6em !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.6em !important;
  border-bottom-left-radius: 0.6em !important;
}
.rounded-left {
  border-top-left-radius: 0.6em !important;
  border-bottom-left-radius: 0.6em !important;
}
.rounded-top-left {
  border-top-left-radius: 0.6em !important;
}
.rounded-top-right {
  border-top-right-radius: 0.6em !important;
}
.rounded-bottom-left {
  border-bottom-left-radius: 0.6em !important;
}
.rounded-bottom-right {
  border-bottom-right-radius: 0.6em !important;
}
@media (min-width: 992px) {
  .rounded-lg-top {
    border-top-left-radius: 0.6em !important;
    border-top-right-radius: 0.6em !important;
  }
  .border-lg-bottom {
    border-bottom: 1px solid #dee2e6 !important;
  }
  .rounded-lg-top-left {
    border-top-left-radius: 0.6em !important;
  }
  .rounded-lg-bottom-left {
    border-bottom-left-radius: 0.6em !important;
  }
  .rounded-lg-bottom-right {
    border-bottom-right-radius: 0.6em !important;
  }
  .rounded-lg-none {
    border-radius: 0 !important;
  }
  .border-lg-right-0 {
    border-right: none !important;
  }
}

.lead {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 130%;
}
.font-weight-semi {
  font-weight: 600 !important;
}

.btn,
.wpcf7 input[type="submit"] {
  font-size: 1em;
  border-radius: 0.6em;
  font-weight: 600;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25em;
  line-height: 1.5;
}

button:focus {
  outline: none;
}

.btn-primary,
.wpcf7 input[type="submit"] {
  color: #fff;
  background-color: var(--tunerfest-primary);
  border-color: var(--tunerfest-primary);
}
.btn-primary:hover,
.wpcf7 input[type="submit"]:hover {
  color: var(--tunerfest-highlight);
  background-color: var(--tunerfest-primary);
  border-color: var(--tunerfest-primary);
  webkit-filter: brightness(90%);
  filter: brightness(90%);
}
.btn-primary:focus,
.btn-primary.focus,
.wpcf7 input[type="submit"]:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.5);
  box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--tunerfest-primary);
  border-color: var(--tunerfest-primary);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.wpcf7 .show > input.dropdown-toggle[type="submit"],
.wpcf7 input:not(:disabled):not(.disabled).active[type="submit"],
.wpcf7 input:not(:disabled):not(.disabled):active[type="submit"],
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--tunerfest-primary);
  border-color: var(--tunerfest-primary);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.wpcf7 .show > input.dropdown-toggle:focus[type="submit"],
.wpcf7 input:not(:disabled):not(.disabled).active:focus[type="submit"],
.wpcf7 input:not(:disabled):not(.disabled):active:focus[type="submit"],
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.5);
  box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: var(--tunerfest-grey);
  border-color: var(--tunerfest-grey);
}
.btn-secondary:hover {
  color: #fff;
  background-color: var(--tunerfest-grey);
  border-color: var(--tunerfest-grey);
  webkit-filter: brightness(90%);
  filter: brightness(90%);
}
.btn-secondary:focus,
.btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-grey-rgb), 0.5);
  box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-grey-rgb), 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: var(--tunerfest-grey);
  border-color: var(--tunerfest-grey);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--tunerfest-grey);
  border-color: var(--tunerfest-grey);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-grey-rgb), 0.5);
  box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-grey-rgb), 0.5);
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 4px 0px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  font-size: 15px;
  line-height: 1.42857;
}

.card-deck .card {
  margin-bottom: 1.5rem;
}

.badge-small {
  font-size: 56%;
}
.badge-primary {
  color: #fff;
  background-color: var(--tunerfest-primary);
}
a.badge-primary:focus,
a.badge-primary:hover {
  background-color: var(--tunerfest-primary);
  color: var(--tunerfest-highlight);
}

.modal-header .close {
  text-shadow: none;
  color: #fff;
  opacity: 1;
}

@media (min-width: 768px) {
  .card-deck .card {
    margin-bottom: 25px;
    flex: 1 0 25%;
  }
}

/* GUTTENBERG OVERWRITES */
/*.block-bg { background-color: var(--tunerfest-lightgrey); }*/
@media (max-width: 767.98px) {
  .break-md .wp-block-column {
    flex-basis: 100% !important;
    margin-left: 0;
  }
}

/* ***************************************************** */
/* FORMS */
/* ***************************************************** */

.form-control:focus,
.wpcf7 .wpcf7-validation-errors:focus,
.wpcf7 input:focus[type="color"],
.wpcf7 input:focus[type="date"],
.wpcf7 input:focus[type="datetime-local"],
.wpcf7 input:focus[type="datetime"],
.wpcf7 input:focus[type="email"],
.wpcf7 input:focus[type="file"],
.wpcf7 input:focus[type="month"],
.wpcf7 input:focus[type="number"],
.wpcf7 input:focus[type="range"],
.wpcf7 input:focus[type="search"],
.wpcf7 input:focus[type="submit"],
.wpcf7 input:focus[type="tel"],
.wpcf7 input:focus[type="text"],
.wpcf7 input:focus[type="time"],
.wpcf7 input:focus[type="url"],
.wpcf7 input:focus[type="week"],
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border-color: var(--tunerfest-primary);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.25);
  box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.25);
}

.custom-control-label {
  display: inline;
}
.custom-control-label span {
  vertical-align: sub;
  display: inline-block;
}
.custom-control-label:before {
  border: 1px solid #adb5bd;
}
.custom-control-input:checked ~ .custom-control-label:before {
  border-color: var(--tunerfest-primary);
  background-color: var(--tunerfest-primary);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
  background-color: var(--tunerfest-primary);
  border-color: var(--tunerfest-primary);
}
.custom-control-input:focus ~ .custom-control-label:before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.25);
  box-shadow: 0 0 0 0.2rem rgba(var(--tunerfest-primary-rgb), 0.25);
}

/* ***************************************************** */
/* GENERAL */
/* ***************************************************** */

body {
  min-width: 330px;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.4;
  color: var(--tunerfest-darkgrey);
}

a {
  color: var(--color-primary);
}
a:hover {
  color: var(--color-primary-dark-1);
}
a:focus {
  outline: none;
}

.cover-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mapEmbed {
  position: relative;
  min-height: 50vh;
}
.mapEmbed > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Input Label Float */
.labelFloat {
  position: relative;
}
.labelFloat label {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  left: 0.75rem;
  top: 0;
  margin: 0;
  font-size: 1rem;
  height: calc(1.5em + 0.75rem + 2px);
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.labelFloat.showLabel label {
  opacity: 1;
}
.labelFloat .form-control-lg ~ label {
  left: 1rem;
  font-size: 1rem;
  height: calc(1.5em + 1.25rem + 2px);
}
.labelFloat .form-control:focus ~ label,
.labelFloat .form-control.field--not-empty ~ label {
  top: -1.4em;
  font-size: 0.8em;
  height: 1.2em;
  color: var(--tunerfest-grey);
}

.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

@media (min-width: 576px) {
  .h1,
  h1 {
    font-size: 2.8rem;
  }
  .labelFloat .form-control-lg ~ label {
    font-size: 1.25rem;
    height: calc(1.5em + 1rem + 2px);
  }
}
@media (min-width: 768px) {
  body {
    font-size: 14px;
  }
  .h1,
  h1 {
    font-size: 3.2rem;
  }

  .dotsSeperator {
    position: relative;
  }
  .dotsSeperator:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -8px;
    width: 16px;
    height: 63px;
    margin-top: -31px;
    background: url("../images/dots-seperator.png") no-repeat 0 0;
  }
  .mediaRight.dotsSeperator:after {
    left: -8px;
    right: unset;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 20px;
  }
  .h1,
  h1 {
    font-size: 3.8rem;
  }
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 4.3rem;
  }
}

/* MAX */
@media (max-width: 991.98px) {
  .container {
    max-width: 100%;
  }
}

/* ***************************************************** */
/* STRIPES */
/* ***************************************************** */

.stripes {
  width: 100%;
  height: 100%;
  overflow: hidden;

  -moz-transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  transform: skewY(-3deg);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;

  background: var(--stripes-main-1);
  background: -moz-linear-gradient(
    left,
    var(--stripes-main-1) 0%,
    var(--stripes-main-2) 100%
  );
  background: -webkit-linear-gradient(
    left,
    var(--stripes-main-1) 0%,
    var(--stripes-main-2) 100%
  );
  background: linear-gradient(
    to right,
    var(--stripes-main-1) 0%,
    var(--stripes-main-2) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--stripes-main-2)', endColorstr='var(--stripes-main-2)',GradientType=1 );
}
.stripes,
.stripes span {
  position: absolute;
}
.stripes span {
  height: 20vh;
}
.stripes :nth-child(1) {
  width: 100vw;
  left: 0;
  top: 0;
  height: 16vh;

  -moz-transform: skewY(-9deg);
  -webkit-transform: skewY(-9deg);
  -o-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;

  background: var(--stripes-first-1);
  background: -moz-linear-gradient(
    left,
    var(--stripes-first-1) 0%,
    var(--stripes-first-2) 100%
  );
  background: -webkit-linear-gradient(
    left,
    var(--stripes-first-1) 0%,
    var(--stripes-first-2) 100%
  );
  background: linear-gradient(
    to right,
    var(--stripes-first-1) 0%,
    var(--stripes-first-2) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--stripes-first-1)', endColorstr='var(--stripes-first-2)',GradientType=1 );
}
.stripes :nth-child(2) {
  width: 100vw;
  left: 0;
  top: 92%;
  height: 27vh;

  -moz-transform: skewY(-9deg);
  -webkit-transform: skewY(-9deg);
  -o-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;

  background: var(--stripes-second-1);
  background: -moz-linear-gradient(
    left,
    var(--stripes-second-1) 0%,
    var(--stripes-second-2) 50%
  );
  background: -webkit-linear-gradient(
    left,
    var(--stripes-second-1) 0%,
    var(--stripes-second-2) 50%
  );
  background: linear-gradient(
    to right,
    var(--stripes-second-1) 0%,
    var(--stripes-second-2) 50%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--stripes-second-1)', endColorstr='var(--stripes-second-2)',GradientType=1 );
}
.stripes :nth-child(3) {
  width: 15vw;
  left: 0;
  top: 0;
  height: 16vh;

  display: none;

  -moz-transform: skewY(-9deg);
  -webkit-transform: skewY(-9deg);
  -o-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;

  background: var(--stripes-third-1);
  background: -moz-linear-gradient(
    left,
    var(--stripes-third-1) 0%,
    var(--stripes-third-2) 100%
  );
  background: -webkit-linear-gradient(
    left,
    var(--stripes-third-1) 0%,
    var(--stripes-third-2) 100%
  );
  background: linear-gradient(
    to right,
    var(--stripes-third-1) 0%,
    var(--stripes-third-2) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--stripes-third-1)', endColorstr='var(--stripes-third-2)',GradientType=1 );
}

.stripesBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--stripes-bottom-1);
  -moz-transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  transform: skewY(-3deg);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
}
.stripesBottom span {
  position: absolute;
}
.stripesBottom :nth-child(1) {
  left: 0;
  top: 0;

  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8vw 50vw 0 0;
  border-color: var(--stripes-bottom-1) transparent transparent transparent;
}
.stripesBottom :nth-child(2) {
  right: 0;
  bottom: 0;

  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8vw 51vw;
  border-color: transparent transparent var(--stripes-bottom-2) transparent;
}

@media (min-width: 992px) {
  .stripes :nth-child(3) {
    display: block;
  }
}

/* ***************************************************** */
/* HEADER */
/* ***************************************************** */

.headerSocial {
  z-index: 1050;
  font-size: 11px;
}
.headerSocial > div {
  position: relative;
}
.headerSocial > div > div {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

.navbar-brand {
  margin: 0;
}

nav.navbar,
.logoBox .navbar-brand img,
.navApply,
.mainNavbar .navbar-collapse {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

nav.navbar {
  background-color: var(--color-primary);
}
nav.navbar.scrolled {
  padding-top: 0;
}

.logoBox .navbar-brand svg,
.logoBox .navbar-brand img {
  width: clamp(15rem, 25vw, 25rem);
  transition-duration: 0.2s;
}
.scrolled .logoBox .navbar-brand svg,
.scrolled .logoBox .navbar-brand img {
  width: clamp(10rem, 25vw, 15rem);
}

.locationLogo {
  width: 100px;
}

.navbar-expand .navbar-nav .nav-link {
  text-align: left;
  line-height: 17px;
  padding: 15px 0.75rem;
}

.navApply {
  padding-top: 1.2rem;
}
.navicon-button {
  margin-top: 1.2rem;
}
.scrolled .navApply {
  padding-top: 0.2rem;
}
.scrolled .navicon-button {
  margin-top: 0.2rem;
}

.navbar-nav,
.navApply .btn {
  font-size: 20px;
}
.navbar-nav a {
  color: #fff;
  font-weight: 700;
}

@media (min-width: 576px) {
  .locationLogo {
    width: auto;
  }

  .scrolled .navApply {
    padding-top: 0.5rem;
  }
  .scrolled .navicon-button {
    margin-top: 0.5rem;
  }
}
@media (min-width: 992px) {
  .navApply {
    padding-top: 1.5rem;
  }
  .navicon-button {
    margin-top: 1.5rem;
  }
  .mainNavbar .navbar-collapse {
    padding-top: 1.5rem;
  }
  .scrolled .mainNavbar .navbar-collapse {
    padding-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .navbar-nav,
  .navApply .btn,
  .navbar-nav a {
    color: var(--color-grey);
  }

  .dropdown-toggle::after {
    color: var(--color-grey);
  }

  .navbar-nav > .menu-item > .nav-link,
  .navbar-nav > .menu-item > .dropdown-toggle::after {
    transition-duration: 0.1s;
  }

  .navbar-nav > .menu-item > .nav-link:hover,
  .navbar-nav > .menu-item > .dropdown-toggle:hover::after {
    color: white;
  }

  .navbar-nav > .menu-item > .nav-link {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > .menu-item > .nav-link::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 0;
    background-color: white;
    transition-duration: 0.2s;
  }

  .navbar-nav > .menu-item > .nav-link:hover::before {
    width: 100%;
  }
}
/* MAX */
@media (max-width: 1199.98px) {
  body.nav-is-visible {
    overflow: hidden;
  }

  .navbar,
  .headerSocial {
    padding-right: 15px;
    padding-left: 15px;
  }

  .navbar-expand .mainNavbar .navbar-nav .dropdown-menu {
    position: relative;
    width: 80%;
    margin: 0 auto;
  }
  .navbar-dark
    .mainNavbar
    .navbar-nav
    .menu-item:not(.show)
    .nav-link.dropdown-toggle:focus {
    color: #fff;
  }

  .navbar-expand .mainNavbar .navbar-collapse {
    overflow-y: scroll;
    height: -moz-calc(100vh - 110px);
    height: -webkit-calc(100vh - 110px);
    height: -o-calc(100vh - 110px);
    height: calc(100vh - 110px);
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .headerSocial > div {
    position: relative;
    z-index: 50;
  }

  .nav-is-visible .navbarContainer .navbar-brand img {
    filter: invert();
  }

  .navbar-nav a {
    color: #fff;
  }

  .navbar-nav a:hover,
  #navbarNavDropdown .dropdown-menu .dropdown-item:hover {
    color: #c3c3c3;
  }

  .navbar-nav .dropdown-item {
    color: var(--color-black);
    text-align: center;
  }

  /* -------------------------------- 
      Slide out menu
      -------------------------------- */
  .navCover {
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: background-color 0.4ss;
    -moz-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .navCover.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: rgba(0, 0, 0, 0.5);
  }

  .mainNavbar {
    padding: 30px 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 100%;
    min-height: 100vh;
    background: var(--tunerfest-darkgrey);
    box-shadow: 4px 4px 20px transparent;
    z-index: 40;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .mainNavbar .navbar-brand img {
    max-width: 250px;
    width: 100%;
  }

  .mainNavbar > .primaryOutlineBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
    width: 100%;
    max-width: 300px;
    font-size: 1.2rem;
    transform: skewX(-10deg);
  }

  .mainNavbar > .primaryOutlineBtn span {
    transform: skewX(10deg);
  }

  .mainNavbar > .primaryOutlineBtn svg {
    fill: #f4f4f4;
    width: 18px;
    transform: rotate(-45deg) skewX(10deg);
    position: relative;
    z-index: 2;
  }

  .mainNavbar > .primaryOutlineBtn:active {
    transform: scale(0.95) skewX(-10deg);
  }

  .mainNavbar.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  }
  .mainNavbar.nav-is-visible .cd-close {
    opacity: 1;
  }

  .navicon-button {
    display: inline-block;
    position: relative;
    z-index: 50;
    padding: 1.2rem 0.2rem;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
    cursor: pointer;
    user-select: none;
  }
  .navicon-button .navicon:before,
  .navicon-button .navicon:after {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
  }
  .navicon-button:hover {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
  .navicon-button:hover .navicon:before,
  .navicon-button:hover .navicon:after {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
  }
  .navicon-button:hover .navicon:before {
    top: 0.825rem;
  }
  .navicon-button:hover .navicon:after {
    top: -0.825rem;
  }
  .navicon {
    position: relative;
    width: 2.2em;
    height: 0.18rem;
    background: #fff;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
  .navicon:before,
  .navicon:after {
    display: block;
    content: "";
    height: 0.18rem;
    width: 2.2rem;
    background: #fff;
    position: absolute;
    z-index: -1;
    -webkit-transition: 0.5s 0.25s;
    -moz-transition: 0.5s 0.25s;
    transition: 0.5s 0.25s;
  }
  .navicon:before {
    top: 0.625rem;
  }
  .navicon:after {
    top: -0.625rem;
  }

  .fhb-dark .navicon,
  .fhb-dark .navicon:before,
  .fhb-dark .navicon:after {
    background: #fff;
  }

  .nav-is-visible:not(.steps) .navicon:before,
  .nav-is-visible:not(.steps) .navicon:after {
    top: 0 !important;
  }

  .nav-is-visible .navicon:before,
  .nav-is-visible .navicon:after {
    background: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
  .nav-is-visible .navicon {
    background: transparent;
  }
  .nav-is-visible .navicon:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .nav-is-visible .navicon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* navbar updates */
  .navbar-expand .navbar-nav {
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  .mainNavbar {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
  }
}

/* Sticky Nav */
@media (min-width: 992px) {
  .fixed-menu #wrapper-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 50;
    transform: translate(0, -100%);
  }
  .fixed-menu {
    margin-top: 150px;
  }
  .fixed-menu #wrapper-navbar nav {
    padding: 0 !important;
  }
  .fixed-menu #wrapper-navbar nav .logoBox {
    transform: scale(0.7);
  }
  .fixed-menu #wrapper-navbar nav .navbar-nav,
  .fixed-menu #wrapper-navbar nav .navApply .btn {
    font-size: 1em;
  }
  .fixed-menu #wrapper-navbar #navbarNavDropdown,
  .fixed-menu #wrapper-navbar #navbarNavDropdown .navApply {
    padding-top: 0;
  }
  .fixed-menu #wrapper-navbar.slideDown {
    transform: translate(0, 0);
    transition: transform linear 0.2s;
  }
  .fixed-menu #wrapper-navbar .logoBox > span,
  .fixed-menu #wrapper-navbar .navbar-nav > li > a {
    color: #333;
  }
}

@media (min-width: 1200px) {
  .navbar-expand .navbar-nav {
    gap: clamp(20px, 4vw, 40px);
  }
}

/* ***************************************************** */
/* FOOTER */
/* ***************************************************** */

/* Footer Partners */
.footerPartners {
  background-color: #fff;
}

.footerPartners .row {
  column-gap: clamp(10px, 2.7vw, 50px);
  row-gap: 50px;
}

.footerPartners img {
  max-width: 140px;
  max-height: 60px;
  height: auto;
}
@media (min-width: 768px) {
  .footerPartners img {
    max-width: 200px;
  }
}

/* Footer Events */
.eventCards .card-footer {
  background-color: var(--tunerfest-grey);
}
.eventCards .card-footer a {
  color: var(--tunerfest-lightgrey);
}
.eventCards .card-footer a:hover {
  text-decoration: none;
}
.eventCards .card:hover .card-footer {
  background-color: var(--color-primary);
}
.eventCards .card:hover .card-footer a {
  color: #fff;
}
.eventCards .card-footer .eventDate {
  text-align: center;
  line-height: 1;
}
.eventCards .card-footer .eventDate span {
  display: block;
  font-weight: bold;
  font-size: 1.4em;
}
.card-img-top-bg {
  background-size: cover;
  background-position: 50% 50%;
  height: 20vh;
}

/* Footer Venue */
.footerVenue {
  background-color: var(--tunerfest-darkgrey);
  padding-bottom: 6vh;
}
.footerVenueImg {
  background-size: cover;
  background-position: 50% 50%;
  height: 45vh;
}
.footerVenueText {
  margin-top: -6vw;
}
.footerVenueText .stripes {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.footerVenueDetails {
  text-align: center;
}
.footerVenueDetails p,
.footerVenueClubs {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
}
.footerVenueClubs {
  text-align: center;
}

.footerClubStands .primaryOutlineBtn {
  border: 3px solid #141414;
  color: white !important;
}

.footerClubStands .primaryOutlineBtn::before {
  background-color: #141414;
}

@media (min-width: 576px) {
  .footerVenue {
    padding-bottom: 8vh;
    margin-top: -11em;
  }
}
@media (min-width: 768px) {
  .footerVenueDetails,
  .footerVenueClubs {
    text-align: left;
  }
  .footerVenue {
    padding-bottom: 13vh;
  }
}
@media (min-width: 992px) {
  .footerVenue {
    padding-bottom: 16vh;
  }
}

/* Footer Main */
.footerWrapper {
  background-color: var(--color-black);
  color: #fff;
  font-weight: 600;
}
.footerLogoBox {
  text-align: center;
}
.footerWrapper .navbar-brand svg,
.footerWrapper .navbar-brand img {
  width: clamp(15rem, 25vw, 30rem);
}
.footerWrapper .navbar-brand img {
  filter: invert();
}
.footerLogoBox p {
  font-size: 0.9em;
}
.footerLinks p {
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
}
.footerLinks .footerMenuColumn {
  width: 47%;
}
.footerLinks .footerMenuColumn:first-of-type {
  margin-right: 6%;
}
.footerLinks ul li {
  padding-bottom: 0.3rem;
}
.footerLinks ul li a {
  color: #fff;
}

@media (min-width: 576px) {
  .footerLinks p,
  .footerLinks .footerMenuColumn {
    width: auto;
  }
  .footerLinks ul li {
    padding-bottom: 0.1rem;
  }
  .footerLogoBox {
    text-align: right;
  }
}

/* ***************************************************** */
/* GENERAL PAGE */
/* ***************************************************** */

.defaultHeader {
  padding: 150px var(--padding-x-axis) clamp(25px, 4vw, 50px)
    var(--padding-x-axis);
  background-color: var(--color-primary);
}
.imageHeader {
  padding-top: 150px;
  padding-bottom: clamp(25px, 4vw, 50px);
  min-height: 35vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--tunerfest-darkgrey2);
  background-position: 50% 50%;
  clip-path: polygon(0 0, 100% 0, 100% 83%, 0 100%);
}
.imageHeaderAngle {
  width: 100%;
  height: 125px;
  margin-left: auto;
  position: relative;
  margin-top: -125px;
  background-color: var(--color-primary);
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
  max-width: clamp(500px, 40vw, 700px);
}
.topHeaderText h1 {
  font-size: 3em;
  font-weight: 900;
  color: #f8f8f8;
  line-height: 1;
}

@media (min-width: 576px) {
  .imageHeader {
    min-height: 50vh;
  }
}
@media (min-width: 768px) {
  .topHeaderText h1 {
    font-size: 3.5em;
  }
}
@media (min-width: 992px) {
  .imageHeader {
    min-height: 25vh;
    padding-top: 400px;
  }
  .topHeaderText h1 {
    font-size: 4em;
  }
}

@media (min-width: 992px) {
  .defaultHeader {
    padding: 250px var(--padding-x-axis) clamp(25px, 4vw, 50px)
      var(--padding-x-axis);
  }
}

/* ***************************************************** */
/* HOMEPAGE */
/* ***************************************************** */

/*.home nav.navbar { background-color: transparent; } */
.home nav.navbar.scrolled {
  background-color: var(--color-primary);
}

.homeHeader {
  padding-top: 180px;
  padding-bottom: 15vw;
  min-height: 70vh;
  background-position: left bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--tunerfest-darkgrey2);
}
.homeHeaderText h1 {
  font-size: 1.25em;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
}
.homeHeaderText h1 span {
  display: block;
}
.homeHeaderText h1 span:first-of-type {
  font-size: 3.5em;
}
.homeHeaderText h1 span:last-of-type {
  font-size: 2.1em;
}

.homeStripes {
  min-height: 30vh;
  overflow: hidden;
  background-color: var(--stripes-home);
}
.homeIntro {
  color: #fff;
  font-size: 1.3em;
}
.homeIntro span {
  color: var(--tunerfest-highlight);
}

.homeWhatsOnIcon {
  position: relative;
}
.homeWhatsOnIcon:before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 50%;
  margin: -40px 0 0 -40px;
  height: 80px;
  width: 80px;
  background-image: url("../images/turbo-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.homeWhatsOnIntro h2 {
  font-weight: bold;
  font-size: 3em;
}
.homeWhatsOnIntro p {
  font-size: 1.8em;
  color: var(--tunerfest-highlight2);
}
.homeWhatsOnTag {
  min-height: 4em;
  position: relative;
  z-index: 1;
  font-size: 1.2em;
}
.homeWhatsOnTag p {
  line-height: 1.1;
  text-transform: uppercase;
}
.homeWhatsOnImg {
  height: 20vh;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
}
.homeWhatsOnImg:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  height: 40px;
  -moz-transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  transform: skewY(-3deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.homeWhatsOnText {
  margin-top: -1em;
}

@media (min-width: 576px) {
  .homeHeaderText h1 {
    font-size: 1.3em;
  }
}
@media (min-width: 768px) {
  .homeHeaderText h1 {
    font-size: 1.5em;
  }
  .homeIntro {
    font-size: 1.7em;
  }
}
@media (min-width: 992px) {
  .homeHeader {
    padding-top: 180px;
    padding-bottom: 4vw;
  }
  .homeHeaderText h1 {
    font-size: 1.6em;
  }
}
@media (min-width: 1200px) {
  .homeHeader {
    padding-top: 350px;
    padding-bottom: 260px;
  }
}

/* ***************************************************** */
/* WHATS ON */
/* ***************************************************** */

.whatsonImg {
  height: 50vh;
  overflow: hidden;
  background-color: var(--tunerfest-grey);
  background-position: 50% 50%;
  background-size: cover;
}
.whatsonImg:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1px;
  right: -1px;
  background-color: rgba(0, 0, 0, 0.5);
  height: 5rem;
  -moz-transform: skewY(-2.5deg);
  -webkit-transform: skewY(-2.5deg);
  -o-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
}
.whatsonImg:after {
  content: "";
  position: absolute;
  bottom: -4rem;
  left: -1px;
  right: -1px;
  background-color: var(--tunerfest-darkgrey);
  height: 4rem;
  -moz-transform: skewY(-4deg);
  -webkit-transform: skewY(-4deg);
  -o-transform: skewY(-4deg);
  -ms-transform: skewY(-4deg);
  transform: skewY(-4deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

.whatsonTextBox {
  margin-bottom: 3rem;
}
.whatsonText {
  overflow: hidden;
  padding-bottom: 2rem;
  background-color: var(--tunerfest-darkgrey);
}
.whatsonText h2 {
  color: #f8f8f8;
  font-weight: 900;
  margin-bottom: 30px;
}
.whatsonText:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.15);
  height: 4rem;
  -moz-transform: skewY(-8deg);
  -webkit-transform: skewY(-8deg);
  -o-transform: skewY(-8deg);
  -ms-transform: skewY(-8deg);
  transform: skewY(-8deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.whatsonText:after {
  content: "";
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  background-color: #fff;
  height: 4rem;
  -moz-transform: skewY(-2.5deg);
  -webkit-transform: skewY(-2.5deg);
  -o-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.whatsonText > div {
  z-index: 1;
}
.whatsonText a:not(.btn):not(.badge) {
  color: var(--color-primary);
}

.galleryShown.whatsonTextBox {
  margin-bottom: 7rem;
}
.galleryShown .whatsonText {
  padding-bottom: 3.5rem;
}

.whatsonGallery {
  text-align: right;
  height: 0;
  padding: 0 1rem;
  bottom: 3em;
  left: 0;
  right: 0;
  -moz-transform: skewY(-2.5deg);
  -webkit-transform: skewY(-2.5deg);
  -o-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.whatsonGallery a {
  display: inline-block;
  background-color: var(--tunerfest-grey);
  background-position: 50% 50%;
  background-size: cover;
  margin: 2rem 0.5rem 0.5rem 0.5rem;
  width: 110px;
  height: 110px;
  max-width: -moz-calc(32% - 1rem);
  max-width: -webkit-calc(32% - 1rem);
  max-width: -o-calc(32% - 1rem);
  max-width: calc(32% - 1rem);
}

@media (min-width: 768px) {
  .whatsonImg {
    width: 40%;
    height: auto;
  }
  .whatsonImg:after {
    background-color: #fff;
    bottom: 0;
    -moz-transform: skewY(-7deg);
    -webkit-transform: skewY(-7deg);
    -o-transform: skewY(-7deg);
    -ms-transform: skewY(-7deg);
    transform: skewY(-7deg);
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
  }

  .whatsonRow > div:nth-child(even) .whatsonImg {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .whatsonRow > div:nth-child(even) .whatsonImg:before {
    -moz-transform: skewY(2.5deg);
    -webkit-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    transform: skewY(2.5deg);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
  }
  .whatsonRow > div:nth-child(even) .whatsonImg:after {
    -moz-transform: skewY(7deg);
    -webkit-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    transform: skewY(7deg);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
  }

  .whatsonRow > div:nth-child(even) .whatsonText:before {
    -moz-transform: skewY(8deg);
    -webkit-transform: skewY(8deg);
    -o-transform: skewY(8deg);
    -ms-transform: skewY(8deg);
    transform: skewY(8deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
  }
  .whatsonRow > div:nth-child(even) .whatsonText:after {
    -moz-transform: skewY(2.5deg);
    -webkit-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    transform: skewY(2.5deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
  }
  .whatsonRow > div:nth-child(even) .whatsonGallery {
    text-align: left;
    -moz-transform: skewY(2.5deg);
    -webkit-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    transform: skewY(2.5deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
  }

  .whatsonTextBox {
    width: 60%;
    margin-bottom: 5rem;
  }
}

/* 2025 New Code */

:root {
  --padding-y-axis: clamp(50px, 6vw, 100px);
  --padding-x-axis: clamp(15px, 5.2vw, 100px);

  --margin-y-axis: clamp(25px, 4vw, 40px);

  --color-grey: #231f20;
  --color-black: #141212;

  --xxs-font: clamp(1rem, 4vw, 1.2rem);
  --xs-font: clamp(1.5rem, 3.6vw, 2rem);
  --sm-font: clamp(1.75rem, 4.2vw, 2.5rem);
  --md-font: clamp(2rem, 4.8vw, 3rem);
  --lg-font: clamp(2.25rem, 5.4vw, 3.5rem);
  --xl-font: clamp(2.5rem, 6vw, 4rem);

  --font-family-inter: "Inter", sans-serif;
}

.fullWidthContainer {
  padding: var(--padding-y-axis) var(--padding-x-axis);
}

.fullWidthContainer.navbarContainer {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px var(--padding-x-axis) clamp(15px, 4vw, 30px)
    var(--padding-x-axis);
}

.topContainerSlant {
  position: relative;
  z-index: 1;
}

.topContainerSlant::before {
  position: absolute;
  left: 0;
  top: -100px;
  z-index: 1;
  height: 101px;
  width: 100%;
  content: "";
  background-color: var(--color-primary);
  clip-path: polygon(100% 50%, 100% 0, 100% 100%, 0% 100%);
}

/*-------------------
    Header / naviagtion
  ---------------------*/

.navbar.navbar-expand {
  display: flex;
  flex-direction: column;
  border-bottom: 5px solid var(--color-primary-dark-2);
  padding: 0;
}

.page-template-left-aligned-container .navbar.navbar-expand,
.page-template:has(.defaultHeader) .navbar.navbar-expand,
.page-template-default:has(.defaultHeader) .navbar.navbar-expand {
  border-bottom: none;
}

.page-template-left-aligned-container .navbar.navbar-expand.scrolled,
.page-template:has(.defaultHeader) .navbar.navbar-expand.scrolled,
.page-template-default:has(.defaultHeader) .navbar.navbar-expand.scrolled {
  border-bottom: 5px solid var(--color-primary-dark-2);
}

.navbar.navbar-expand .nav-topbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 0 0 var(--padding-x-axis);
}

/*
  .navbar.navbar-expand.scrolled .nav-topbar {
      display: none;
  } */

.nav-topbar a.allEventsBtn,
.nav-topbar a.buyTicketsBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(10px, 1vw, 18px) clamp(18px, 5vw, 45px);
  transform: skew(10deg);
  text-decoration: none;
  transition-duration: 0.1s;
}

.nav-topbar a.allEventsBtn > span,
.nav-topbar a.buyTicketsBtn > span {
  transform: skew(-10deg);
  font-weight: 700;
  font-size: clamp(0.9rem, 2vw, 1.25rem);
}

.nav-topbar a.allEventsBtn {
  background-color: var(--color-primary-dark-1);
}

.nav-topbar a.allEventsBtn > span,
.nav-topbar a.allEventsBtn::after {
  color: var(--color-black);
}

.nav-topbar a.allEventsBtn:hover,
#dropdownMenuLink:hover::before {
  background-color: var(--color-primary-dark-2);
}

.nav-topbar a.buyTicketsBtn {
  background-color: var(--color-grey);
  position: relative;
}

.nav-topbar a.buyTicketsBtn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: var(--color-grey);
  width: 10%;
  transform: skew(-10deg);
}

.nav-topbar a.buyTicketsBtn,
.nav-topbar a.buyTicketsBtn::before {
  transition-duration: 0.1s;
}

.nav-topbar a.buyTicketsBtn > span {
  display: flex;
  color: #f4f4f4;
}

.nav-topbar a.buyTicketsBtn > span svg {
  fill: #f4f4f4;
  width: clamp(14px, 2vw, 20px);
  transform: rotate(-45deg);
}

.nav-topbar a.buyTicketsBtn:hover span,
.nav-topbar a.buyTicketsBtn:hover svg {
  color: var(--color-primary);
  fill: var(--color-primary);
}

.nav-topbar .socialIcon {
  display: flex;
}

.nav-topbar .socialIcon i,
.nav-topbar .socialIcon svg {
  transition-duration: 0.1s;
}

.nav-topbar .socialIcon i {
  color: rgba(0, 0, 0, 0.4);
  font-size: clamp(1rem, 4.3vw, 2rem);
}

.nav-topbar .socialIcon:hover i {
  color: rgba(0, 0, 0, 0.6);
}

.nav-topbar .socialIcon svg {
  width: clamp(14px, 3vw, 28px);
  fill: rgba(0, 0, 0, 0.4);
}

.nav-topbar .socialIcon:hover svg {
  fill: rgba(0, 0, 0, 0.6);
}

.navbar.navbar-expand.scrolled .nav-topbar a.allEventsBtn,
.navbar.navbar-expand.scrolled .nav-topbar a.buyTicketsBtn {
  padding: 8px clamp(18px, 5vw, 45px);
}

.navbar.navbar-expand.scrolled .nav-topbar a.allEventsBtn > span,
.navbar.navbar-expand.scrolled .nav-topbar a.buyTicketsBtn > span {
  font-size: 0.9rem;
}

.navbar.navbar-expand.scrolled .nav-topbar a.buyTicketsBtn > span svg {
  width: 14px;
}

@media (max-width: 1199px) {
  .navbar.navbar-expand.scrolled .nav-topbar {
    margin-bottom: -10px;
    padding: 0 0 0 var(--padding-x-axis);
  }
}

@media (min-width: 1200px) {
  .navbar.navbar-expand.scrolled .nav-topbar a.allEventsBtn,
  .navbar.navbar-expand.scrolled .nav-topbar a.buyTicketsBtn {
    padding: 15px clamp(15px, 4.5vw, 45px);
  }

  .navbar.navbar-expand.scrolled .nav-topbar a.allEventsBtn > span,
  .navbar.navbar-expand.scrolled .nav-topbar a.buyTicketsBtn > span {
    font-size: 1rem;
  }

  .fullWidthContainer.navbarContainer {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px var(--padding-x-axis) clamp(15px, 4vw, 30px)
      var(--padding-x-axis);
  }
}

/*--------
    homepage
  ----------*/

.primaryBtn,
.primaryOutlineBtn,
.wpcf7 input[type="submit"] {
  display: block;
  font-size: clamp(1rem, 3vw, 1.4rem);
  font-weight: 700;
  padding: 15px 30px;
  width: fit-content;
  max-width: 400px;
  border-radius: 5px;
  text-decoration: none !important;
  transition-duration: 0.1s;
  position: relative;
  overflow: hidden;
}

.primaryBtn,
.wpcf7 input[type="submit"] {
  background-color: var(--color-primary);
  color: white;
}

.primaryBtn:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:active,
.wpcf7 input[type="submit"]:focus {
  background-color: var(--color-primary-dark-1) !important;
  color: white;
}

.primaryOutlineBtn {
  border: 3px solid var(--color-primary);
  color: white !important;
}

.primaryOutlineBtn::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 110%;
  width: 110%;
  transform: translateX(-100%);
  transition-duration: 0.2s;
  background-color: var(--color-primary);
}

.primaryOutlineBtn:hover::before {
  transform: translateY(0);
}

.primaryOutlineBtn:hover {
  color: white;
}

.primaryOutlineBtn span {
  position: relative;
  z-index: 2;
}

.primaryBtn:active,
.primaryOutlineBtn:active,
.wpcf7 input[type="submit"]:active {
  transform: scale(0.95);
}

.wpcf7 input[type="submit"] {
  max-width: 100%;
  width: 100%;
  height: unset;
  margin-left: auto;
  margin-top: 15px;
  transition-duration: 0.1s;
}

@media (min-width: 576px) {
  .wpcf7 input[type="submit"] {
    max-width: 300px;
  }
}

.homeHeader .eventDate,
.homeHeader .eventDate::before {
  background-color: var(--color-primary);
}

.homeHeader .eventDate {
  width: fit-content;
  margin-right: auto;
  margin-bottom: clamp(5px, 1vw, 20px);
  padding: clamp(10px, 2vw, 15px) clamp(30px, 3vw, 60px) clamp(10px, 2vw, 15px)
    var(--padding-x-axis);
  border-radius: 5px;
  transform: skew(-10deg);
  position: relative;
}

.homeHeader .eventDate::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 99%;
  width: 10%;
}

.homeHeader .eventDate::before,
.homeHeader .eventDate span {
  transform: skew(10deg);
}

.homeHeader .eventDate span {
  color: white;
  font-weight: 700;
  display: block;
  font-size: clamp(1.2rem, 2vw, 2.4rem);
}

.homeHeader .fullWidthContainer > div h1,
.homeHeader .fullWidthContainer > div h2,
.homeHeader .fullWidthContainer > div > span {
  font-weight: 800;
}

.homeHeader .fullWidthContainer > div h1,
.homeHeader .fullWidthContainer > div > span {
  text-wrap: balance;
}

.homeHeader .fullWidthContainer > div > span {
  font-size: clamp(1.6rem, 2vw, 2.4rem);
  max-width: 40ch;
  display: block;
  line-height: 115%;
}

.homeHeader .fullWidthContainer > div h1 {
  font-size: clamp(3.5rem, 5vw, 6rem);
  color: var(--color-primary);
  max-width: 18ch;
  line-height: 100%;
}

.homeHeader .fullWidthContainer > div h2 {
  font-size: clamp(1.4rem, 3.2vw, 3.5rem);
}

.homeHeader .fullWidthContainer > div h2,
.homeHeader .fullWidthContainer > div > span {
  color: white;
}

.home-info-1 {
  background-color: var(--color-primary);
  font-weight: 700;
}

.home-info-1 .textContent h2,
.home-info-1 .textContent .leadPara {
  font-weight: 700;
}

.home-info-1 .textContent h2 {
  color: var(--color-black);
  font-size: clamp(2rem, 4vw, 4rem);
}

.home-info-1 .textContent p {
  color: white;
}

.home-info-1 .textContent .leadPara {
  font-size: clamp(1.4rem, 4vw, 1.8rem);
  line-height: 130%;
}

.home-info-1 .textContent .mainPara {
  font-size: clamp(1.2rem, 4vw, 1.6rem);
  font-weight: 500;
}

.home-info-1 .introVideo > div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-black);
  color: white;
  width: 100%;
  max-width: 400px;
  height: 45vh;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) {
  .home-info-1 .introVideo > div {
    height: 60vh;
  }
}

@media (min-width: 1024px) {
  .home-info-1 .introVideo > div {
    height: 70vh;
    margin-top: -180px;
    max-width: 80%;
  }
}

.home .masonryGrid {
  margin-top: clamp(5px, 1vw, 10px) !important;
}

.masonryGrid {
  display: grid;
  gap: clamp(5px, 1vw, 10px);
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 1fr);
  min-height: clamp(30vh, 65vw, 80vh);
}

.masonryGrid > div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.masonryGrid > div:nth-of-type(1) {
  grid-area: 1 / 1 / 3 / 6;
}

.masonryGrid > div:nth-of-type(2) {
  grid-area: 1 / 6 / 1 / 9;
}

.masonryGrid > div:nth-of-type(3) {
  grid-area: 2 / 6 / 2 / 9;
}

.masonryGrid > div:nth-of-type(4) {
  grid-area: 1 / 9 / 3 / 13;
}

.masonryGrid > div:nth-of-type(5) {
  grid-area: 3 / 1 / 4 / 4;
}

.masonryGrid > div:nth-of-type(6) {
  grid-area: 4 / 1 / 5 / 4;
}

.masonryGrid > div:nth-of-type(7) {
  grid-area: 3 / 4 / 5 / 9;
}

.masonryGrid > div:nth-of-type(8) {
  grid-area: 3 / 9 / 5 / 13;
}

.whatsOnSection {
  background-color: var(--color-black);
  color: white;
  font-weight: 700;
  padding: 0 0 var(--padding-y-axis) 0;
}

.whatsOnSection > div:nth-of-type(1) {
  background-image: url(https://north.tunerfest.co.uk/wp-content/uploads/2024/12/whats-on-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.whatsOnSection > div:nth-of-type(1) h2 {
  font-size: clamp(2.5rem, 4vw, 5rem);
  font-weight: 800;
  text-wrap: balance;
  max-width: 19ch;
}

.whatsOnSection > div:nth-of-type(1) h2 span {
  color: var(--color-primary);
}

.whatsOnSection > div:nth-of-type(1) > div {
  max-width: 55ch;
  font-size: clamp(1.2rem, 4vw, 1.6rem);
}

.whatsOnSection > div:nth-of-type(2) .textContent > div {
  max-width: 70ch;
  padding: 0 var(--padding-x-axis);
  font-size: clamp(1rem, 3vw, 1.4rem);
}

.whatsOnSection > div:nth-of-type(2) .whatsOnImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: clamp(35vh, 65vw, 60vh);
}

@media (min-width: 768px) {
  .whatsOnSection > div:nth-of-type(2) .textContent > .headingBannerLeft,
  .whatsOnSection > div:nth-of-type(2) .textContent > .headingBannerRight {
    width: 100%;
    max-width: 98%;
  }

  .whatsOnSection > div:nth-of-type(2) .whatsOnImg {
    clip-path: polygon(97px 0, 100% 0, 100% 100%, 0% 100%);
  }

  .whatsOnSection > div:nth-of-type(2) .whatsOnImg.mediaLeft {
    clip-path: polygon(0 0, calc(100% - 97px) 0, 100% 100%, 0 100%);
  }
}

.videoBanner {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-black);
}

.videoBanner video {
  width: 100%;
}

.primaryColorSvg {
  fill: var(--color-primary);
}

/*-----------------------------
    Footer / Above Footer Content
  -------------------------------*/

.footerPartnersHeading {
  max-width: fit-content;
  border-bottom: 5px solid var(--color-primary);
  padding: var(--padding-y-axis) var(--padding-x-axis) clamp(20px, 4vw, 40px)
    var(--padding-x-axis);
  svg,
  img {
    width: clamp(7.5rem, 25vw, 15rem);
  }

  h2 {
    font-size: clamp(1.5rem, 4vw, 3rem);
    color: #5b5b5b;
  }
}

.headingBannerLeft,
.headingBannerRight {
  position: relative;
  padding: 20px var(--padding-x-axis);
  background-color: var(--color-primary);
  width: fit-content;
  max-width: 90%;
  font-weight: 800;
  color: white;
  font-size: clamp(1.5rem, 4vw, 3rem);
}

.headingBannerLeft {
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
  padding-right: clamp(40px, 5.2vw, 100px);
}

.headingBannerRight {
  margin-left: auto;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%);
  padding-left: clamp(40px, 5.2vw, 100px);
}

.footerEvents .fullWidthContainer .card-deck {
  padding: 30px;
  background-color: #efefef;
  position: relative;
  z-index: 1;
  margin-bottom: -250px;
}

.cardBrand {
  padding: 15px;
  svg,
  img {
    height: 30px;
  }
}

.footer-bg-img {
  min-height: clamp(40vh, 37vw, 75vh);
  background-image: url(https://north.tunerfest.co.uk/wp-content/uploads/2024/12/footer-bg-img.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.venues-cars-traders {
  background-color: var(--color-primary);
}

.venues-cars-traders h4 {
  color: var(--color-black);
  font-size: clamp(1.6rem, 3vw, 1.8rem);
  border-bottom: 3px solid rgba(0, 0, 0, 0.8);
  width: fit-content;
  padding-bottom: 5px;
}

.venues-cars-traders h4,
.footerClubStands .primaryOutlineBtn {
  margin-left: auto;
  margin-right: auto;
}

.venues-cars-traders p {
  font-weight: 700;
}

.venues-cars-traders .footerVenueCol p {
  color: white;
}

.venues-cars-traders .footerVenueCol a {
  color: var(--color-grey);
}

.venues-cars-traders .footerVenueCol a:hover {
  color: var(--color-black);
}

.footerVenueCol {
  padding: 0 clamp(15px, 3vw, 30px);
}

.footerWrapper .fullWidthContainer > div:nth-of-type(1) h4 {
  font-weight: 700;
  color: #525252;
}

.footerWrapper .fullWidthContainer > div:nth-of-type(1) ul li a,
.footerWrapper .fullWidthContainer > div:nth-of-type(2) p {
  font-weight: 700;
  color: white;
  font-size: clamp(1.1rem, 3vw, 1.2rem);
}

.footerWrapper .fullWidthContainer > div:nth-of-type(1) ul li {
  margin-top: 15px;
}

.footerWrapper .fullWidthContainer > div:nth-of-type(2) p {
  text-wrap: balance;
}

.footerWrapper .fullWidthContainer > div:nth-of-type(1) ul li a:hover {
  color: #c3c3c3;
  text-decoration: none;
}

@media (min-width: 768px) {
  .venues-cars-traders > .row > div {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }

  .venues-cars-traders > .row > div:first-of-type {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }

  .venues-cars-traders h4,
  .footerClubStands .primaryOutlineBtn {
    margin-left: 0;
    margin-right: 0;
  }
}

.colourPageHeader h1,
.leftAlignedContainer-content {
  max-width: 1200px;
  width: 100%;
}

.colourPageHeader {
  padding: 150px 15px clamp(25px, 4vw, 50px) var(--padding-x-axis);
  background-color: var(--color-primary);
}

.colourPageHeader h1 {
  font-weight: 700;
}

.leftAlignedContainer-content {
  padding: var(--padding-y-axis) 15px var(--padding-y-axis)
    var(--padding-x-axis);
}

@media (min-width: 1200px) {
  .colourPageHeader {
    padding: 250px 15px clamp(25px, 4vw, 50px) var(--padding-x-axis);
  }
}

.wp-block-ub-content-toggle-accordion-title-wrap,
.wp-block-button__link {
  background-color: var(--color-primary) !important;
  color: white !important;
}

/*-------------------------
      2025 cms style changes
  --------------------------*/
.lg-heading {
  font-size: clamp(2rem, 4vw, 3rem);
  max-width: 30ch;
  text-wrap: balance;
}

.largeContainer {
  max-width: 1100px;
}

.smallContainer {
  max-width: 70ch;
}

.wp-block-columns {
  gap: clamp(2rem, 4vw, 6rem);
}

hr.wp-block-separator {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: clamp(3rem, 4vw, 4rem);
  margin-bottom: clamp(3rem, 4vw, 4rem);
}

.page-template-default,
.page-template-whats-on,
.page-template-traders,
.page-template-photogallery {
  .container {
    max-width: 1600px;
  }
}

.traderSignupSection h2 {
  font-weight: 700;
  font-size: var(--lg-font);
  margin-bottom: 15px;
}

.traderSignupSection .primaryOutlineBtn {
  color: var(--color-primary) !important;
}

.traderSignupSection .primaryOutlineBtn:hover {
  color: white !important;
}

/*-------------------------
      Gutenberg classes
  --------------------------*/

.entry-content .underlineHeading {
  max-width: fit-content;
  border-bottom: 5px solid var(--color-primary);
  padding: 15px 0;
  font-weight: 700;
  margin-bottom: 30px;
}

.entry-content .headingBannerLeft,
.entry-content .headingBannerRight {
  width: unset;
  max-width: 99%;
  font-size: var(--sm-font);
  padding: 15px clamp(15px, 4vw, 30px);
  margin-bottom: 30px;
}

.entry-content .headingBannerLeft {
  padding-right: 40px;
}

.entry-content .headingBannerRight {
  padding-left: 40px;
}

@media (min-width: 768px) {
  .maskStyleRight::before,
  .maskStyleLeft::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -10px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1;
  }

  .maskStyleRight::before {
    right: -10px;
  }

  .maskStyleLeft::before {
    left: -10px;
  }

  .maskStyleRight,
  .maskStyleLeft {
    position: relative;
    max-width: fit-content;
  }

  .maskStyleRight img,
  .maskStyleRight::before {
    clip-path: polygon(97px 0, 100% 0%, 100% 100%, 0% 100%);
  }

  .maskStyleLeft img,
  .maskStyleLeft::before {
    clip-path: polygon(calc(100% - 97px) 0, 0% 0%, 0% 100%, 100% 100%);
  }
}

/*-------------------------
      Mail Chimp Styling
  --------------------------*/
#mc_embed_signup {
  background-color: #f8f8f8;
  padding: clamp(30px, 4vw, 45px) var(--padding-x-axis);
}

#mc_embed_signup > form .mcFieldContainer {
  padding: 15px clamp(15px, 4vw, 30px);
}

#mc_embed_signup > form h2 {
  font-size: clamp(1.4rem, 5vw, 2.2rem);
  font-weight: 600;
}

#mc_embed_signup label {
  font-weight: 500;
}

#mc_embed_signup input {
  padding: 10px 15px !important;
  border-radius: 5px 0 0 5px !important;
}

#mc_embed_signup .button {
  border-radius: 0 5px 5px 0 !important;
}

#mc_embed_signup .button {
  padding: 10px 30px !important;
  height: 100% !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  background-color: #141212 !important;
  color: white;
  transition-duration: 0.1s !important;
}

#mc_embed_signup input,
#mc_embed_signup .button {
  border: 1px solid rgba(0, 0, 0, 0.4);
}

#mc_embed_signup .signUpContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(15px, 4vw, 30px);
}

#mc_embed_signup .button:hover {
  background-color: #2b2626 !important;
}

#mc_embed_signup #mce-responses .response {
  text-wrap: balance;
}

@media (min-width: 768px) {
  #mc_embed_signup > form h2 {
    max-width: 11ch;
  }

  #mc_embed_signup .signUpContainer {
    flex-direction: row;
    gap: 60px;
  }
}

.joinUsSection {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(15px, 4vw, 30px);
  background-color: #141414;
  color: #fff;
  padding: 30px;
  margin: 30px 0;
}

.joinUsLogo {
  display: flex;
  align-items: center;
}

.joinUsLogo img {
  max-width: 100%;
  height: auto;
}

.joinUsText h2 {
  font-weight: 800;
  color: #fff;
}

.joinUsText p {
  color: #ddd;
}

.joinUsText p,
.joinUsButton {
  font-weight: 500;
}

.joinUsButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 350px;
  gap: 15px;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px 0 10px 0;
  background-color: #28a745;
  color: #fff;
  box-shadow: 5px 5px 0px 1px #208236;
  text-decoration: none !important;
  transform-origin: bottom right;
  transition-duration: 0.1s;
}

.joinUsButton img {
  max-width: 100px;
}

.joinUsButton:hover {
  color: white;
  box-shadow: 7px 7px 0px 1px #208236;
  transform: translateY(-2px);
}

.joinUsButton:active {
  color: white;
  box-shadow: none;
  transform: scale(0.95);
}

@media (min-width: 768px) {
  .joinUsSection {
    grid-template-columns: 1fr 1fr;
  }

  .joinUsLogo img {
    margin: 0 auto;
  }
}

.nav-topbar .dropdown-menu.show {
  position: fixed;
  left: 0;
  top: clamp(45px, 5vw, 65px);
  max-width: 100vw;
  width: 100%;
  padding: 0;
  margin: 0;
  transition-duration: 0.1s;
}

body.admin-bar .nav-topbar .dropdown-menu.show {
  top: clamp(75px, 8.5vw, 98px);
}

.nav-topbar .dropdown-menu.show .dropdown-item {
  padding: 15px;
  font-weight: 600;
  text-align: center;
  color: #141212;
}

.nav-topbar .dropdown-menu .dropdown-item:nth-of-type(2n + 1) {
  background-color: #e6e6e6;
}

.nav-topbar .dropdown-menu .dropdown-item:nth-of-type(2n) {
  background-color: #f2f2f2;
}

.nav-topbar .dropdown-menu .dropdown-item:nth-of-type(2n + 1):hover,
.nav-topbar .dropdown-menu .dropdown-item:nth-of-type(2n):hover {
  background-color: #d6d6d6;
}

@media (min-width: 1024px) {
  .nav-topbar .dropdown-menu.show {
    max-width: 425px;
    right: 0;
    left: unset;
  }

  .nav-topbar.scrolled .dropdown-menu.show {
    top: clamp(53px, 3vw, 65px);
    max-width: 380px;
  }
}

#navbarNavDropdown .dropdown-menu {
  font-size: 1.1rem;
  padding: 0;
}

@media (max-width: 1200px) {
  #navbarNavDropdown .dropdown-menu {
    background-color: transparent;
    color: white;
    border-bottom: 1px solid white;
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
    border-radius: 0;
  }

  #navbarNavDropdown .dropdown-menu .dropdown-item {
    color: white;
    text-align: left;
    padding: 5px 15px;
  }

  #navbarNavDropdown .dropdown-menu .dropdown-item:hover,
  #navbarNavDropdown .dropdown-menu .dropdown-item:active,
  #navbarNavDropdown .dropdown-menu .dropdown-item:focus {
    background-color: transparent;
  }
}

@media (min-width: 1200px) {
  #navbarNavDropdown .dropdown-menu .menu-item:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  #navbarNavDropdown
    .dropdown-menu
    .menu-item:first-of-type
    .dropdown-item:hover {
    border-radius: 4px 4px 0 0;
  }

  #navbarNavDropdown
    .dropdown-menu
    .menu-item:last-of-type
    .dropdown-item:hover {
    border-radius: 0 0 4px 4px;
  }

  #navbarNavDropdown
    .dropdown-menu
    .menu-item:first-of-type:last-of-type
    .dropdown-item:hover {
    border-radius: 4px;
  }

  #navbarNavDropdown .dropdown-menu .dropdown-item {
    padding: 10px 15px;
  }

  #navbarNavDropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--color-primary-dark-1);
    color: white;
  }
}

.wp-block-list > li {
  margin-top: 10px;
}

/** Image enhancements **/
.skewed-image {
  border-radius: 12px; /* Rounded corners */
  transform: skewX(-5deg); /* Slight skew */
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2); /* Hard shadow without blur */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth animation */
}

.shows-cards-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(15px, 4vw, 30px);
}

.show-card {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px 15px;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.show-card h3,
.show-card p {
  margin: 0;
}

.show-card h3 {
  font-weight: 600;
}

.show-card img {
  width: 100%;
  max-width: 270px;
  max-height: 35px;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.show-card .social-media-links {
  margin-top: auto;
}

.show-card .social-media-links p {
  font-weight: 600;
}

.show-card .social-media-links ul {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
  padding: 0;
}

.show-card .social-media-links ul li {
  list-style-type: none;
  font-size: 2rem;
}

.show-card .social-media-links ul li a {
  display: flex;
  text-decoration: none;
}

.show-card .social-media-links ul li a svg {
  width: 24px;
  height: 100%;
  fill: #555;
  transition-duration: 0.1s;
}

.show-card .social-media-links ul li a:hover svg {
  fill: black;
}

.show-card .primaryOutlineBtn {
  color: var(--color-primary) !important;
  padding: 10px 15px;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 49px;
}

.show-card .primaryOutlineBtn:hover {
  color: white !important;
}

@media (min-width: 576px) {
  .shows-cards-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .shows-cards-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .shows-cards-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.contactContainer {
  gap: 0;
}

#gform_wrapper_1 .gfield_label.gform-field-label {
  font-size: 1rem;
  font-weight: 600;
}

#gform_wrapper_1 .gfield_validation_message,
#gform_wrapper_1 .gfield_required,
#gform_1_validation_container h2 {
  font-size: 0.9rem;
}

#gform_fields_1 {
  row-gap: 30px;
}

#gform_fields_1 input,
#gform_fields_1 select,
#gform_fields_1 textarea {
  min-height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 1rem;
}

#gform_submit_button_1 {
  width: 100%;
  padding: 15px;
  font-size: 1.1rem;
  transition-duration: 0.1s;
}

#gform_confirmation_message_1 {
  color: #198754;
  background: #a0ffd3;
  border: 2px solid #198754;
  padding: clamp(15px, 4vw, 30px);
  border-radius: 10px;
  margin-top: 15px;
  font-weight: 600;
}

@media (min-width: 576px) {
  #gform_submit_button_1 {
    max-width: 300px;
    margin-left: auto;
  }
}

.ctBanner {
  background-color: #0f0d0d;
  border-top: 1px solid #312c2c;
}

.ctLink {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px calc(var(--padding-x-axis) + 12px);
  gap: 10px;
  text-decoration: none !important;
  width: 100%;
}

.ctLink span {
  color: #666;
  font-size: clamp(0.8rem, 1.5vw, 0.9rem);
  font-weight: 500;
}

.ctLogo {
  max-width: 50px;
  filter: brightness(0.3) grayscale(1);
  transform: none;
}

.ctLink:hover .ctLogo {
  filter: unset;
  transform: scale(1.05);
}