/**
 * General rules - used in all website
 * Header
 * -Main navigation
 * -Header Menu Button
 * -Open state adjustments
 * -Header Search
 * -Header Contact
 * -Secondary Navigation
 * -Mini-Cart
 * -Scrolled
 * -Mobile Bottom Bar
 * Homepage
 * Single Page
 * Blog Page
 * -Single Blog Page
 * Contact Page
 * Account Page
 * 404 Page
 * Sub-footer
 * Footer
 * Copyright
 * Responsive
 */

/**
 * General rules - used in all website
 */

/* =============================================
   VERTICAL LEFT BAR - Global
   ============================================= */


/*.entry-header{display: none;}*/
.site-branding {display: none;}


.entry-title{font-weight: 700;}
.pad{padding: 0 85px;}
.yel-border{
  border: 4px solid var(--cb-yellow);
  width: max-content;
}

body {
  padding-left: var(--left-bar-width);
}

.site-preloader {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

.site-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.site-preloader__spinner {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(255, 255, 255, 0.25);
  border-top-color: var(--cb-yellow);
  border-radius: 50%;
  animation: site-preloader-spin 0.8s linear infinite;
}

@keyframes site-preloader-spin {
  to {
    transform: rotate(360deg);
  }
}

#page {
  position: relative; /* χρειάζεται για το absolute child */
  min-height: 100%;
}

html, body {
  height: 100%;
}

.vertical-left-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--left-bar-width);
  height: 100vh;
  background-color: black;
  z-index: 9999;
}

.left-bar-wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}

.vertical-bar-text {
  position: relative;
  top: auto;
  transition: none;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: #ffffff;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Admin bar offset */
.admin-bar .vertical-left-bar {
  top: 32px;
  height: calc(100vh - 32px);
}

@media screen and (max-width: 782px) {
  .admin-bar .vertical-left-bar {
    top: 46px;
    height: calc(100vh - 46px);
  }
}

/* Grid left margin matches bar width */
body .theme-grid {
  margin-left: var(--left-bar-width);
}

body .theme-grid.full-block {
  padding: 0;
}

/* Tablet & mobile: hide left bar */
@media (max-width: 1024px) {
  .vertical-left-bar {
    display: none;
  }
  body {
    padding-left: 0;
  }
  #masthead {
    left: 0;
    width: 100%;
  }
  body .theme-grid {
    margin-left: 0;
  }
}

/*Language flag*/
.trp-shortcode-switcher{    
  position: fixed!important;
  top: 15px !important;
  right: 200px !important;
  z-index: 10004 !important;
  background: transparent !important;
  border: 0!important;
}
/* Header */
.header-row.display--flex.full-width.align-center {
  display: flex;
}
#masthead {
    position: fixed;
    top: 0;
    left: var(--left-bar-width);
    width: calc(100% - var(--left-bar-width));
    z-index: 1000;
}

.admin-bar #masthead {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar #masthead {
    top: 46px;
  }
}

.burger-toggle {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  gap: 10px;
  min-width: 46px;
  height: 46px;
  border: 0px solid #111111;
  background: transparent;
  cursor: pointer;
  position: fixed;
  top: 18px;
  right: 50px;
  z-index: 10004;
  padding: 0 12px;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.admin-bar .burger-toggle {
  top: 50px;
}

@media screen and (max-width: 782px) {
  .admin-bar .burger-toggle {
    top: 64px;
  }
}

body.is-scrolled .burger-toggle {
  background: var(--cb-yellow);
}

.burger-toggle__label {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  color: black;
}

.burger-toggle__icon {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 30px;
}

.burger-toggle__icon span {
  display: block;
  width: 100%;
  height: 3px;
  background: black;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.header-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background: #111111;
  z-index: 2147483000;
  color: #ffffff;
  will-change: transform, opacity;
}

.header-menu__inner {
  position: relative;
  min-height: 100%;
  padding: 70px 100px;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.3fr) minmax(0, 0.85fr);
  align-items: center;
  justify-content: center;
}

.header-menu__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 80px;
  height: 80px;
  border: 0px solid #ffffff;
  background: transparent;
  cursor: pointer;
  z-index: 2;
}

.header-menu__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 2px;
  background: #ffffff;
}

.header-menu__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

.header-menu__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.header-menu__nav {
  position: relative;
  z-index: 2;
}

.header-menu__col {
  position: relative;
  z-index: 2;
  width: 100%;

  a{
  font-size: 40px;
  font-weight: 200;
  margin: 0;
  }

  h4{
  font-size: 40px;
  font-weight: 500;
  margin: 0;
  }
}

.header-menu__col--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}

.header-menu__col--center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 22px;
}

body.home .entry-content,
body.home .page-content,
body.front-page .entry-content,
body.front-page .page-content {
  margin-top: 0;
}

.header-menu__col--right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 50px;
}

.header-menu__logo {
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
}

.header-menu__logo .custom-logo-link,
.header-menu__logo-fallback {
  display: inline-flex;
  text-decoration: none;
  color: #ffffff;
}

.header-menu__logo .custom-logo {
  max-width: 220px;
  height: auto;
}

.header-menu__nav ul#main-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.header-menu__nav ul#main-menu a {
  color: #ffffff;
  text-decoration: none;
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
  transition: var(--main-easing);
}

.header-menu__nav ul#main-menu a:hover {
  color: var(--cb-yellow);
}

.header-menu__footer {
  position: relative;
  z-index: 2;
  width: 100%;
}

.header-menu__footer-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.header-menu__footer-inner,
.header-menu__footer-inner a {
  color: #ffffff;
}

.header-menu__info > *:first-child {
  margin-top: 0;
}

.header-menu__info > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .header-menu__footer-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/*.menu-drink-image {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 340px;
}*/

/*.menu-drink-image__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: contain;
  border: 0;
}*/

/*.menu-drink-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}*/

.header-menu__text {
  color: #ffffff;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 1.15;
}

.menu-proposal-switcher {
  margin-top: 8px;
}

.header-menu__switch {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.header-menu__switch-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.header-menu__switch-track {
  width: 96px;
  height: 42px;
  background: #93cdf1;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  padding: 5px;
  border: 1px solid rgba(147, 205, 241, 0.95);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.header-menu__switch-thumb {
  width: 30px;
  height: 30px;
  background-image: var(--switch-inactive-image, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: transform 0.2s ease, background-image 0.2s ease;
}

.header-menu__switch-input:checked + .header-menu__switch-track .header-menu__switch-thumb {
  transform: translateX(54px);
  background-image: var(--switch-active-image, var(--switch-inactive-image, none));
}

.header-menu__switch-input:checked + .header-menu__switch-track {
  background: var(--cb-yellow);
  border-color: var(--cb-yellow);
}

.header-menu__switch-input:focus-visible + .header-menu__switch-track {
  outline: 2px solid var(--cb-yellow);
  outline-offset: 3px;
}

.header-menu__info {
  font-size: 20px;
  line-height: 1.15;
}

.header-menu__info--social a,
.header-menu__info--location a,
.header-menu__info--contact a {
  color: #ffffff;
  text-decoration: none;
}

.header-menu__info--social strong,
.header-menu__info--location strong,
.header-menu__info--contact strong {
  display: block;
  margin-bottom: 4px;
}

body.menu-open {
  overflow: hidden;
}

@media (max-width: 768px) {
  .header-menu__inner {
    padding: 90px 24px 24px;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .header-menu__col--left,
  .header-menu__col--center,
  .header-menu__col--right {
    align-items: flex-start;
    text-align: left;
  }

  .header-menu__col--center {
    align-items: flex-start;
  }
}

/* End of Header */

/* Mini Cart */

.cart-icon img {
  width: 48px;
  height: 48px;
}
.mini-cart-wrapper {
  position: relative;
  display: inline-block;
  padding-inline-end: 1rem;

  &.opened {
    .cart_content {
      display: block;
    }
  }

  .mini-cart-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;

    .cart-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.5rem;
      border-radius: 4px;
      background: transparent;
      transition: background 0.2s;
      text-decoration: none;

      svg {
        display: block;
        width: 32px;
        height: 32px;
      }
    }

    .cart-count-container {
      position: relative;
      margin-left: 0.25rem;

      .cart-count-badge {
        position: absolute;
        top: -24px;
        right: 2px;
        background: var(--mini-cart-amount-bg-color);
        color: var(--mini-cart-amount-color);
        border-radius: 50%;
        min-width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
        z-index: 2;
        transition: transform 0.2s;
        &.badgePulse {
          animation: badgePulseAnim 0.3s;
        }
      }
    }
  }

  .cart_content {
    display: none;
    position: absolute;
    top: 100%;
    right: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 400px;
    max-width: 400px;
    z-index: 1000;
    padding: 1rem;
    max-height: 400px;
    overflow-y: auto;

    .woocommerce-mini-cart {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .cart_content_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-block-end: 1.25rem;

      h3 {
        font-size: 1.25rem;
        margin: 0;
      }

      .mini-cart-closer {
        background: none;
        border: none;
        font-size: 2rem;
        cursor: pointer;
        padding: 0;
        display: flex;
        justify-self: end;
      }
    }

    .woocommerce-mini-cart-item {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      padding: 0.75rem 0;
      border-bottom: 1px solid #eee;
      justify-content: space-between;

      &:last-child {
        border-bottom: none;
      }
      img {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 4px;
      }
      a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        color: inherit;
        flex: 1;

        &.remove.remove_from_cart_button {
          flex: 0;
        }

        &:hover {
          color: #0073aa;
        }
      }

      span.quantity {
        display: inline-flex;
        font-size: 1rem;
        align-items: center;
      }
    }

    .woocommerce-mini-cart__total {
      padding: 1rem 0 0;
      margin-top: 1rem;
      border-top: 1px solid #eee;
      font-weight: bold;
    }

    .woocommerce-mini-cart__buttons {
      margin-top: 1rem;
      display: flex;
      gap: 0.5rem;
      a {
        flex: 1;
        text-align: center;
        padding: 0.25rem;
        border-radius: 4px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
      }
      .button.wc-forward {
        background: var(--mini-cart-cart-bg-color);
        color: var(--mini-cart-cart-color);
        &:hover {
          background: var(--mini-cart-cart-bg-color--hover);
        }
      }
      .button.checkout {
        background: var(--mini-cart-checkout-bg-color);
        color: var(--mini-cart-checkout-color);
        &:hover {
          background: var(--mini-cart-checkout-bg-color--hover);
        }
      }
    }
  }

  @media (max-width: 768px) {
    .cart_content {
      right: 20px;
    }
  }
}
/* End Mini Cart */
@keyframes badgePulseAnim {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}



/*FOOTER*/
.site-footer{
  background: black;
  
}

.footerw-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px 20px 0px var(--left-bar-width);
}


ul#policies-menu {
  display: inline;
  margin: 0;
  padding: 0 !important;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


#policies-menu li {
  display: inline;
  margin: 0;
  padding: 0;
}

#policies-menu a{
  color: white;
  text-decoration: none;
  margin-right: 20px;
  transition: var(--main-easing);
  font-size: 18px;
  padding: 0;
}

#policies-menu a:hover{
  color: var(--cb-yellow);
}

ul#footer-menu{  
  margin: 0;
  padding: 0 !important;
  list-style: none;
}

#footer-menu a{
  font-size: 50px;
  text-decoration: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  transition: var(--main-easing);
}  

#footer-menu a:hover{
  color: var(--cb-yellow);
  transform: translateY(-6px); 
}

.footer-bottom-right-wrapper{
  border-top: 1px solid white;
  padding: 20px 0;
}

.footer-right-menu{width: 50%;}

.footer-top-right-inner{
  display: flex;
  justify-content: space-between;

  h6{    
  margin: 0 0 20px 0;
  font-weight: 700; 
  font-size: 12px;
  color: #8c8c8c;
  letter-spacing: 0.8px;
  }

  
}

.footer-copyright{
  padding: 100px 0 20px 0;
  text-align: right;
  color: white;
}

.footer-top-right-inner{
  color:white;
}

.footer-nav{

  a{color: white;}
}

.footer-top-right-wrapper a{
  text-decoration: none; 
  transition: var(--main-easing);
}

.footer-top-right-wrapper a:hover{
  color: var(--cb-yellow);
}

.footer-bottom-right-inner{

  span,a{
    text-decoration: none;
    font-size: 18px;
  }
}
.social-media-info{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
  margin-top: 20px;
}



/*main button*/
.main-btn{
  padding: 5px 20px;
  border: 1px solid black;
  background: transparent;
  width: max-content;
  margin: 0 auto;
  transition: var(--main-easing);

  a{
    color: black;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: var(--main-easing);

    &::after {
      content: "\2192";
      margin-left: 50px;
      line-height: 1;
    }

  }

  &:hover {
    background: black;

    a {
      color: white;
    }
  }

}

.main-btn-left{
  padding: 5px 20px;
  border: 1px solid black;
  background: transparent;
  width: max-content;
  transition: var(--main-easing);

  a{
    color: black;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: var(--main-easing);

    &::after {
      content: "\2192";
      margin-left: 50px;
      line-height: 1;
    }

  }

  &:hover {
    background: black;

    a {
      color: white;
    }
  }

}


/*HOMEPAGE*/
.intro-wrapper{
  p{font-size: 25px;}
  
  h1{
  font-size: 128px;
  font-style: normal;
  font-weight: 900;
  margin: 0 0 0 80px;
  line-height: normal;
  }

  h2{
    font-size: 60px;
    font-weight: normal;
    padding: 0;
    margin: 0;
  }

  h3{
  font-size: 40px;
  font-style: normal; 
  font-weight: 600;
  }
}

.inner-intro-info{
  padding: 0  0 0 50px;
  gap: 0;
  margin: 50px 0 0 0;
}

.slider-wrapper{
  border-left: 4px solid black;
}
.b-the-van{
  display: flex;
  gap: 185px;
}


.sponsor-wrapper{
  display: flex;
  justify-content: center;
}

.sponsorship-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  background-image:
    radial-gradient(circle 300px at 50% 50%, rgba(239, 169, 84, 0.86) 0%, rgba(239, 169, 84, 0.58) 45%, rgba(239, 169, 84, 0.2) 72%, rgba(239, 169, 84, 0) 100%);
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sponsorship-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.sponsorship-bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%) scale(1.10);
  transform-origin: center center;
  display: block;
}

.sponsorship-section > *:not(.sponsorship-bg) {
  position: relative;
  z-index: 1;
}

/*.home-vid-wrapper{
  height: 80vh;
  overflow: hidden;
  padding: 20px 0;
}*/

.icon-grid{
  margin-top: 60px;
  justify-items: center;
  gap: 135px;
}

.cb-s-image img{
  border: 4px solid black;
}

.van-stack{margin-top: 20px;}

.van-wrapper{
  display: flex;
  gap: 10px;
  margin: 0;
}

.bar-h-image img{
  margin-top: 140px;
}

.icons-row{
  display: flex;
  justify-content: center;
  gap: 5px;
  margin: 0;
}

.brands-wrapper{
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  background-image:
    radial-gradient(circle 250px at 50% 50%, rgba(239, 169, 84, 0.86) 0%, rgba(239, 169, 84, 0.58) 45%, rgba(239, 169, 84, 0.2) 72%, rgba(239, 169, 84, 0) 100%);
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


.event-partner-wrapper{
  gap: 100px;
}

/*.fleet-wrapper{
  min-height: 70vh;
}
*/
.fleet{
  background: rgba(176, 211, 233, 0.50);
  padding: 20px 50px;

  p{
    font-size: 14px;
    line-height: 1.8;
  }
}

.intro-wrapper{padding: 0; margin: 0 !important;}
.vertical-bar-text h1{
  color: var(--cb-yellow);
  font-size: 42px;
  font-weight: 900;
}  

.page .post-thumbnail {
  width: 100%;
}

.page .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}



.left-radial{
background-image:
    radial-gradient(circle 350px at 0% 50%, rgba(239, 169, 84, 0.86) 0%, rgba(239, 169, 84, 0.58) 45%, rgba(239, 169, 84, 0.2) 72%, rgba(239, 169, 84, 0) 100%);
  background-size: 100% 100%;
  background-position: left center;
  background-repeat: no-repeat;
}

.right-radial{
    background-image:
    radial-gradient(circle 350px at 100% 50%, rgba(239, 169, 84, 0.86) 0%, rgba(239, 169, 84, 0.58) 45%, rgba(239, 169, 84, 0.2) 72%, rgba(239, 169, 84, 0) 100%);
  background-size: 100% 100%;
  background-position: right center;
  background-repeat: no-repeat;
}

.marque-text-pages {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}

.marque-text-pages .marquee-title {
  font-family: var(--main-title-fam);
}

.marque-text-pages .fs-3-vw {
  font-size: 3vw;
}

.marque-text-pages .marquee {
  --gap: 1rem;
  display: flex;
  user-select: none;
  gap: var(--gap);
}

.marque-text-pages .marquee-content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 250%;
  gap: var(--gap);
  animation: scroll 120s linear infinite;
  background: #EFA954;
}

.marque-text-pages .marquee-content--cell {
  position: relative;
  width: 100%;
  max-width: max-content;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}



.inner-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border: 4px solid black;
}
.inner-image{
  width: 100%;
  overflow: hidden;
}

button#wpforms-submit-1173{
  padding: 5px 40px;
  border: 1px solid black;
  background: transparent;
  width: max-content;
  margin: 0 auto;
  transition: var(--main-easing);
  color: black;
  border-radius: 0;
}

button#wpforms-submit-1173:hover{
  background: black;
  color: white;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container{text-align: center;}

.jacobs-video{
  margin: 0;
  border: 4px solid black;
}
.contact-box{
  /*background: #f5aa5f;*/
  border: 2px solid black;
  padding: 20px 0;
  min-height: 20rem;

  a{
    text-decoration: none;
    transition: var(--main-easing);
  }
  a:hover{
    font-weight: 600;
  }
}

.contact-box-wrapper{
  margin-bottom: 50px;

}

.back-to-top-wrap {
  display: flex;
  justify-content: right;
  padding: 40px 20px 28px;
}

.back-to-top {
  position: relative;
  border: 1px solid black;
  border-radius: 0;
  background: transparent;
  color: #111111;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  cursor: pointer;
  transition: var(--main-easing);
}

.back-to-top:hover {
  background: #111111;
  color: #ffffff;
}

.back-to-top-text {
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
}

.back-to-top-icon {
  font-size: 30px;
  line-height: 1;
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .back-to-top-wrap {
    padding: 24px 16px 16px;
  }

  .back-to-top {
    width: 100%;
    max-width: 200px;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
  }

  .back-to-top-text {
    font-size: 20px;
  }

  .back-to-top-icon {
    font-size: 28px;
  }
}

/* ==================================================
   CARBAR — 404 PAGE
   ================================================== */


/* Main 404 section */
.error-404 {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
  min-height: calc(100svh);
	overflow: hidden;
	background:black;
	isolation: isolate;
}

.error-page__image{margin-top: 10px;}
/*.error-404::before {
	content: "404";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-52%, -52%);
	font-size: clamp(180px, 34vw, 580px);
	font-weight: 800;
	line-height: 0.75;
	letter-spacing: -0.09em;
	color: transparent;
  -webkit-text-stroke: 1px rgb(255 255 255 / 25%);
	white-space: nowrap;
	pointer-events: none;
	user-select: none;
}*/

/* Subtle diagonal texture */
.error-404::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: 0.16;
	background-image: repeating-linear-gradient(
		135deg,
		transparent 0,
		transparent 45px,
		rgba(255, 255, 255, 0.04) 46px,
		rgba(255, 255, 255, 0.04) 47px
	);
	pointer-events: none;
}

/* Override the generic pad-150 spacing */
.error-404 .content-404.pad-150 {
	position: relative;
	z-index: 2;
	width: 100%;
}

/* Existing grid containers */
.error-404 .grid,
.error-404 .gutter,
.error-404 .grid-404 {
	width: 100%;
}

.error-page__text {
	position: relative;
	width: min(100%, 920px);
	margin-inline: auto;
	text-align: center;
}

.error-page__text h3{color: white;}
/* Small label */
/*.error-page__text::before {
	content: "ERROR 404";
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 28px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.28em;
	color: var(--error-accent);
}*/

.error-page__text::after {
	content: "";
	display: block;
	width: 52px;
	height: 1px;
	margin: 38px auto 40px;
	background-color: var(--error-accent);
}

/* Main heading */
.error-page__text h1 {
	max-width: 900px;
	margin: 0 auto;
	color: var(--cb-yellow);
	font-size: clamp(42px, 6vw, 88px);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: -0.045em;
	text-wrap: balance;
  margin-bottom: 20px;
}

/* Home button */
.error-page-link.wp-block-button__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	min-width: 230px;
	padding: 18px 28px;
	border: 1px solid var(--cb-yellow);
	border-radius: 0;
	background: transparent;
	color: white;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
	transition:
		background-color 0.3s ease,
		color 0.3s ease,
		border-color 0.3s ease,
		transform 0.3s ease;
}

.error-page-link.wp-block-button__link:hover,
.error-page-link.wp-block-button__link:focus-visible {
	border-color: var(--cb-yellow);
	background-color: var(--cb-yellow);
	color: black;
}

.error-page-link.wp-block-button__link:hover::after,
.error-page-link.wp-block-button__link:focus-visible::after {
	transform: translateX(6px);
}

.error-page-link.wp-block-button__link:focus-visible {
	outline: 2px solid var(--error-accent);
	outline-offset: 5px;
}

/* Tablet */
@media (max-width: 1024px) {
	.error-404 {
	}

	.error-page__text {
		max-width: 750px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.error-404 {
	}

	.error-404::before {
		top: 44%;
		font-size: clamp(170px, 63vw, 300px);
	}

	.error-404 .content-404.pad-150 {
		padding: 100px 20px;
	}

	.error-page__text::before {
		margin-bottom: 22px;
		font-size: 10px;
	}

	.error-page__text::after {
		margin-top: 30px;
		margin-bottom: 32px;
	}

	.error-page__text h1 {
		font-size: clamp(39px, 12vw, 58px);
		line-height: 1.04;
	}

	.error-page-link.wp-block-button__link {
		width: 100%;
		max-width: 300px;
		padding: 17px 22px;
	}
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
	.error-page-link.wp-block-button__link,
	.error-page-link.wp-block-button__link::after {
		transition: none;
	}
}

/* MAIN RESPONSIVE*/
@media (max-width: 1600px) {
  .intro-wrapper p{font-size: 20px;}
}

@media (max-width: 1400px) {
  .intro-wrapper h1 {font-size: 100px; margin: 0 0 0 40px;}
}

@media (max-width: 1300px){ 

  .inner-intro-info{ display: flex; flex-direction: column;}
  .intro-wrapper p{font-size: 18px;}
  .intro-wrapper h2 {font-size: 35px;}
  .intro-wrapper h1 {font-size: 80px;}
  .intro-wrapper h3 {font-size: 30px; margin: 0;}
  .contact-box {
    padding: 15px;
  } 
  .contact-box-wrapper {
    gap: 20px;
  }

  #footer-menu a{
    font-size: 40px;
  }
  .social-media-info{gap: 20px;}

}

@media (max-width: 1024px) {

  .footerw-wrapper{padding: 20px;}
  .social-media-info{gap: 10px;}
  .footer-copyright{
    a,
    p{font-size: 15px;}
  }

  #policies-menu a{font-size: 16px; margin-right: 2px;}
  .header-menu__col--center{display: none;}
  .header-menu__inner{display: flex; justify-content: space-between;}
  .header-menu__inner { flex-direction: column;}
  .header-menu__col--right {display: flex; flex-direction: row; gap: 10px; justify-content: space-between; text-align: center;}
  .header-menu__col--left{gap: 0;}
  .header-menu__col h4{font-size: 20px;}
  .header-menu__col a{font-size: 12px;}
  .header-menu__nav ul#main-menu {align-items: center; text-align: center;}
  .header-menu__nav ul#main-menu a{font-size: 25px;}
  .header-menu__col--left{display: flex;flex-direction: column; align-items: center;}

}
@media (max-width: 1000px) {
  .contact-box-wrapper {
    display: flex;
    flex-direction: column;
  } 

  .contact-box {
    min-height: auto;
  }

  .pad {
    padding: 0px 40px;
  }

  .block-70 {
    width: 100%;
  }

  .marque-text-pages .fs-3-vw {
  font-size: 5vw;
  }
}

@media (max-width: 880px) {
  .trp-shortcode-switcher{    
  position: fixed!important;
  top: 15px !important;
  right: 160px !important;  
  }

  .burger-toggle {
    right: 15px;
  }

  .footerw-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  } 
  .footer-top-right-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .footer-copyright{padding: 20px 0;}
  .footer-copyright{text-align: center;}
  .footer-bottom-right-inner span,
  a{font-size: 14px;}
  .footer-right-menu{width: 100%;}
  .social-media-info {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 20px;
    justify-items: center;
  }
  #footer-menu a {
    font-size: 30px;
  }
  .block-80{width:100%;}
  .just-a-van{height: 10% !important;}
  .bar-h-image img { margin-top: 0px; }
  .inner-desc{text-align: center;}
  .inner-img{display: flex; justify-content: center;}
  .inner-intro-info{margin: 20px 0 0 0;}
  .inner-intro-info {padding: 0 0 0 25px;}
}
@media (max-width: 781px) {
  .wedoo-slider-wrapper{height: 50vh!important;}
  .slider-wrapper{border-left: 0px solid black;}
  .volkswagen-t2{gap: 0;}
  .ford-mk2{gap: 0;}
  .event-cart{gap: 0;}
  .ice-cream{gap: 0;}
  .volkswagen-t3-hyatt{display: flex; flex-direction: column-reverse; gap: 0;}
  .ford-mk1{display: flex; flex-direction: column-reverse; gap: 0;}
  .smart-coffee{display: flex; flex-direction: column-reverse; gap: 0;}
  .mobile-bar{display: flex; flex-direction: column-reverse; gap: 0;}
  .fleet-spacer{height: 50px !important;}

  .mobile-b{display: flex; flex-direction: column-reverse; gap: 0;}
  .all-weather{display: flex; flex-direction: column-reverse; gap: 0;}
  .catering-coord{display: flex; flex-direction: column-reverse; gap: 0;}
  .branded-active{display: flex; flex-direction: column-reverse; gap: 0;}

  .wheel{display: flex; justify-content: center;}
  .experiences{display: flex; flex-direction: column-reverse; gap: 0;}
  .expo{display: flex; flex-direction: column-reverse; gap: 0;}
  
  .event-solutions{display: flex; flex-direction: column-reverse; gap: 0;}

  .icon-grid{gap:40px; display: grid!important; grid-template-columns: repeat(2, minmax(0, 1fr));}
  .b-the-van{gap: 20px;}
  .fleet-wrap-h{text-align: center;}
  .event-partner-wrapper{gap: 50px;}
  .vwt2-home-desc,
  .ford-mk1-home-desc,
  .ford-mk2-home-desc,
  .event-cart-home-desc{gap: 0;}
  .fleet-wrapper {
    gap: 0;  
    h3{margin: 0;}
  }
  .sponsor-wrapper{
    display: grid !important;
    grid-auto-flow: column !important;
    justify-content: center;
    align-items: center;
    justify-items: center;
    }
    .sponsorship-section{background-image: radial-gradient(circle 185px at 50% 50%, rgba(239, 169, 84, 0.86) 0%, rgba(239, 169, 84, 0.58) 45%, rgba(239, 169, 84, 0.2) 72%, rgba(239, 169, 84, 0) 100%);}
    .fleet p{line-height: normal;}
    .intro-wrapper p { font-size: 18px;}
    .inner-intro-info {padding: 0 50px;}
    .intro-wrapper h1{font-size: 70px; margin: 0; text-align: center!important;}
    .intro-wrapper h2 { font-size: 45px; text-align: center!important;}
    .intro-title-wrapper{padding-top: 80px;}
    .inner-intro-info {
      margin: 10px 0 0 0;
      padding: 0 20px; 
      display: flex; 
      flex-direction: column-reverse; 
      gap: 0; 
      background-image: radial-gradient(circle 275px at 50% 50%, rgba(239, 169, 84, 0.86) 0%, rgba(239, 169, 84, 0.58) 45%, rgba(239, 169, 84, 0.2) 72%, rgba(239, 169, 84, 0) 100%);}
    .entry-image-wrapper{
      display: flex; 
      justify-content: center; 
      margin: 0;

      figure{margin: 0;}
    }
    .inner-intro-info{
      text-align: center;
    
      h3{font-size: 30px;}
    }
    .brands-wrapper{background-image: radial-gradient(circle 150px at 50% 50%, rgba(239, 169, 84, 0.86) 0%, rgba(239, 169, 84, 0.58) 45%, rgba(239, 169, 84, 0.2) 72%, rgba(239, 169, 84, 0) 100%);}
  }


@media (max-width: 500px) {
  .marque-text-pages .fs-3-vw {
  font-size: 8vw;
  }
  #footer-menu a {
    font-size: 20px;
    margin: 0;
    padding: 0;
  }
  .pad {
    padding: 0px 20px;
  }
  #policies-menu a {
    font-size: 14px;
  }

}