.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-9247685:#FFF7F3;--e-global-color-5c29cc8:#F7C6D8;--e-global-color-9f266bd:#F03B2F;--e-global-color-c9b3f90:#75DCC7;--e-global-color-144d4be:#FFD84D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.jolly-btn-primary .elementor-button{
    background-color:#F03B2F !important;
    color:#FFF6EA !important;
    border:2px solid #171717 !important;
    border-radius:999px !important;
    padding:16px 30px !important;
    font-family:'Manrope',sans-serif;
    font-weight:800;
    box-shadow:6px 6px 0 #171717 !important;
    transition:all .2s ease;
}

.jolly-btn-primary .elementor-button:hover{
    background-color:#171717 !important;
    color:#FFF6EA !important;
    box-shadow:8px 8px 0 #F03B2F !important;
}
.jolly-btn-secondary .elementor-button{
    background-color:#FFF6EA !important;
    color:#171717 !important;
    border:2px solid #171717 !important;
    border-radius:999px !important;
    padding:16px 30px !important;
    font-family:'Manrope',sans-serif;
    font-weight:800;
    box-shadow:6px 6px 0 #171717 !important;
    transition:all .2s ease;
}

.jolly-btn-secondary .elementor-button:hover{
    background-color:#171717 !important;
    color:#FFF6EA !important;
    box-shadow:8px 8px 0 #F7C6D8 !important;
}




.jolly-mood-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:28px !important;
}

.jolly-mood-card{
  min-height:270px;
  border:3px solid #171717;
  border-radius:28px;
  padding:36px 34px 34px;
  box-shadow:12px 12px 0 #171717;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:all .2s ease;
}

.jolly-mood-card:hover{
  transform:translateY(-4px);
  box-shadow:16px 16px 0 #171717;
}

.jolly-mood-card h2,
.jolly-mood-card h3,
.jolly-mood-card .elementor-heading-title{
  font-family:'Fraunces', serif !important;
  font-size:36px !important;
  line-height:.95 !important;
  font-weight:900 !important;
  color:#171717 !important;
  margin:0 !important;
}

.jolly-mood-card p{
  font-family:'Manrope', sans-serif !important;
  font-size:19px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  color:#171717 !important;
}

.jolly-mood-card.red h2,
.jolly-mood-card.red h3,
.jolly-mood-card.red .elementor-heading-title,
.jolly-mood-card.red p{
  color:#FFF6EA !important;
}

.jolly-mood-card .elementor-button{
  background:transparent !important;
  color:#171717 !important;
  border:3px solid #171717 !important;
  border-radius:999px !important;
  padding:15px 32px !important;
  font-family:'Manrope', sans-serif !important;
  font-size:17px !important;
  font-weight:900 !important;
  width:100% !important;
  text-align:left !important;
  transition:all .2s ease;
}

.jolly-mood-card .elementor-button:hover{
  background:#171717 !important;
  color:#FFF6EA !important;
}

.jolly-mood-card.red .elementor-button{
  color:#171717 !important;
  border-color:#171717 !important;
}

.jolly-mood-card.red .elementor-button:hover{
  background:#FFF6EA !important;
  color:#171717 !important;
}

.jolly-mood-card.pink{background:#F7C6D8;}
.jolly-mood-card.mint{background:#75DCC7;}
.jolly-mood-card.yellow{background:#FFD84D;}
.jolly-mood-card.red{background:#F03B2F;}
.jolly-mood-card.blue{background:#8EB7E4;}
.jolly-mood-card.cream{background:#FFF6EA;}

@media(max-width:1024px){
  .jolly-mood-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media(max-width:767px){
  .jolly-mood-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .jolly-mood-card{
    min-height:230px;
    padding:28px 24px;
    box-shadow:8px 8px 0 #171717;
  }

  .jolly-mood-card h2,
  .jolly-mood-card h3,
  .jolly-mood-card .elementor-heading-title{
    font-size:31px !important;
  }

  .jolly-mood-card p{
    font-size:17px !important;
  }
}



.jolly-fresh-rail ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:28px !important;
}

.jolly-fresh-rail ul.products li.product{
  background:#FFF6EA !important;
  border:3px solid #171717 !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:12px 12px 0 #171717 !important;
  padding:0 0 26px 0 !important;
  transition:all .2s ease !important;
}

.jolly-fresh-rail ul.products li.product:hover{
  transform:translateY(-4px) !important;
  box-shadow:16px 16px 0 #171717 !important;
}

.jolly-fresh-rail ul.products li.product img{
  width:100% !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  border-bottom:3px solid #171717 !important;
  margin:0 0 24px 0 !important;
}

.jolly-fresh-rail ul.products li.product .woocommerce-loop-product__title{
  font-family:'Manrope', sans-serif !important;
  font-size:22px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#171717 !important;
  padding:0 26px !important;
  margin:0 0 10px 0 !important;
}

.jolly-fresh-rail ul.products li.product .price{
  font-family:'Manrope', sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  color:#F03B2F !important;
  padding:0 26px !important;
  margin:0 0 18px 0 !important;
}

.jolly-fresh-rail ul.products li.product .button{
  margin:0 26px !important;
  background:#F03B2F !important;
  color:#FFF6EA !important;
  border:2px solid #171717 !important;
  border-radius:999px !important;
  padding:14px 22px !important;
  font-family:'Manrope', sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:5px 5px 0 #171717 !important;
}

.jolly-fresh-rail ul.products li.product .button:hover{
  background:#171717 !important;
  color:#FFF6EA !important;
  box-shadow:6px 6px 0 #F03B2F !important;
}

@media(max-width:1024px){
  .jolly-fresh-rail ul.products{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media(max-width:767px){
  .jolly-fresh-rail ul.products{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .jolly-fresh-rail ul.products li.product{
    box-shadow:8px 8px 0 #171717 !important;
  }
}












/* JOLLY ERA SECTION */

.jolly-era-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:28px !important;
  width:100% !important;
  align-items:stretch !important;
}

.jolly-era-card-simple{
  width:calc(25% - 21px) !important;
  background:#FFF6EA !important;
  border:3px solid #171717 !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:10px 10px 0 #171717 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:0 !important;
  transition:all .2s ease !important;
}

.jolly-era-card-simple:hover{
  transform:translateY(-3px) !important;
  box-shadow:13px 13px 0 #171717 !important;
}

.jolly-era-pattern{
  height:220px !important;
  min-height:220px !important;
  width:100% !important;
  border-bottom:3px solid #171717 !important;
  padding:0 !important;
  margin:0 !important;
}

.jolly-era-text{
  background:#FFF6EA !important;
  padding:24px 24px 28px 24px !important;
  min-height:165px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:10px !important;
}

.jolly-era-text .elementor-widget-heading,
.jolly-era-text .elementor-widget-text-editor{
  margin:0 !important;
  padding:0 !important;
}

.jolly-era-text .elementor-heading-title{
  font-family:'Fraunces', serif !important;
  font-size:32px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#171717 !important;
  margin:0 !important;
}

.jolly-era-text p{
  font-family:'Manrope', sans-serif !important;
  font-size:17px !important;
  line-height:1.32 !important;
  font-weight:800 !important;
  color:#171717 !important;
  margin:0 !important;
}

/* 60s: mod pop circle */

.era-60s .jolly-era-pattern{
  background:
    radial-gradient(circle at 50% 48%, #FFD84D 0 34px, transparent 35px),
    #F03B2F !important;
}

/* 70s: warm wallpaper stripe */

.era-70s .jolly-era-pattern{
  background:
    repeating-linear-gradient(
      45deg,
      #4B2A16 0 24px,
      #D67A24 24px 48px
    ) !important;
}

/* 80s: loud colour block */

.era-80s .jolly-era-pattern{
  background:
    linear-gradient(
      135deg,
      #F03B2F 0 18%,
      #75DCC7 18% 48%,
      #FFD84D 48% 76%,
      #F7C6D8 76% 100%
    ) !important;
}

/* 90s: graphic blue stripe */

.era-90s .jolly-era-pattern{
  background:
    repeating-linear-gradient(
      90deg,
      #171717 0 26px,
      #8EB7E4 26px 48px
    ) !important;
}

/* Tablet */

@media(max-width:1024px){
  .jolly-era-card-simple{
    width:calc(50% - 14px) !important;
  }
}

/* Mobile */

@media(max-width:767px){
  .jolly-era-row{
    gap:24px !important;
  }

  .jolly-era-card-simple{
    width:100% !important;
    border-radius:22px !important;
    box-shadow:8px 8px 0 #171717 !important;
  }

  .jolly-era-pattern{
    height:190px !important;
    min-height:190px !important;
  }

  .jolly-era-text{
    padding:24px 22px 28px 22px !important;
    min-height:auto !important;
  }

  .jolly-era-text .elementor-heading-title{
    font-size:30px !important;
  }

  .jolly-era-text p{
    font-size:16px !important;
  }
}








/* Jolly Vintage Club Guide Section */

.jvc-guide-section {
  background: #fff4ea;
  padding: 100px 64px 110px 64px;
  overflow: hidden;
}

.jvc-guide-section > .e-con-inner {
  max-width: 1720px;
  margin: 0 auto;
}

/* Heading */

.jvc-guide-heading .elementor-heading-title {
  font-family: "Fraunces", serif !important;
  font-size: clamp(58px, 5.8vw, 92px) !important;
  line-height: 0.95 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  color: #151515 !important;
  margin: 0 !important;
  max-width: 1250px;
}

/* Intro */

.jvc-guide-intro {
  margin-top: 22px !important;
  max-width: 1160px;
}

.jvc-guide-intro,
.jvc-guide-intro p {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(22px, 1.7vw, 30px) !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #151515 !important;
  margin-bottom: 0 !important;
}

/* Posts area */

.jvc-guide-posts {
  margin-top: 58px !important;
  width: 100%;
}

/* Grid */

.jvc-guide-posts .elementor-posts-container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 30px !important;
  width: 100% !important;
}

/* Card */

.jvc-guide-posts article.elementor-post {
  background: #ffffff !important;
  border: 4px solid #151515 !important;
  border-radius: 30px !important;
  padding: 34px 34px 28px 34px !important;
  min-height: 255px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

/* Card hover */

.jvc-guide-posts article.elementor-post:hover {
  transform: translate(-6px, -6px) !important;
  box-shadow: 8px 8px 0 #151515 !important;
}

/* Remove Elementor defaults */

.jvc-guide-posts .elementor-post__text {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Hide unwanted bits */

.jvc-guide-posts .elementor-post__thumbnail,
.jvc-guide-posts .elementor-post__thumbnail__link,
.jvc-guide-posts .elementor-post__meta-data {
  display: none !important;
}

/* Card title */

.jvc-guide-posts .elementor-post__title {
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

.jvc-guide-posts .elementor-post__title,
.jvc-guide-posts .elementor-post__title a {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(25px, 1.45vw, 30px) !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  color: #151515 !important;
  text-decoration: none !important;
}

/* Excerpt */

.jvc-guide-posts .elementor-post__excerpt {
  margin: 0 0 26px 0 !important;
  padding: 0 !important;
}

.jvc-guide-posts .elementor-post__excerpt,
.jvc-guide-posts .elementor-post__excerpt p {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(18px, 1.1vw, 22px) !important;
  line-height: 1.42 !important;
  font-weight: 800 !important;
  color: #151515 !important;
  margin: 0 !important;
}

/* Read more button */

.jvc-guide-posts .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-top: auto !important;
  padding: 11px 16px !important;
  background: #f04b3f !important;
  border: 3px solid #151515 !important;
  border-radius: 12px !important;
  box-shadow: 4px 4px 0 #151515 !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #151515 !important;
  text-decoration: none !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease !important;
}

.jvc-guide-posts .elementor-post__read-more:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0 #151515 !important;
}

/* Tablet */

@media (max-width: 1024px) {
  .jvc-guide-section {
    padding: 86px 36px 96px 36px;
  }

  .jvc-guide-posts .elementor-posts-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px !important;
  }

  .jvc-guide-posts article.elementor-post {
    min-height: 250px !important;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .jvc-guide-section {
    padding: 68px 22px 78px 22px;
  }

  .jvc-guide-heading .elementor-heading-title {
    font-size: 46px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.04em !important;
  }

  .jvc-guide-intro {
    margin-top: 20px !important;
  }

  .jvc-guide-intro,
  .jvc-guide-intro p {
    font-size: 20px !important;
    line-height: 1.38 !important;
  }

  .jvc-guide-posts {
    margin-top: 42px !important;
  }

  .jvc-guide-posts .elementor-posts-container {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .jvc-guide-posts article.elementor-post {
    padding: 30px 28px 26px 28px !important;
    min-height: 230px !important;
    border-radius: 28px !important;
  }

  .jvc-guide-posts .elementor-post__title,
  .jvc-guide-posts .elementor-post__title a {
    font-size: 28px !important;
  }

  .jvc-guide-posts .elementor-post__excerpt,
  .jvc-guide-posts .elementor-post__excerpt p {
    font-size: 19px !important;
  }

  .jvc-guide-posts .elementor-post__read-more {
    font-size: 15px !important;
    padding: 10px 14px !important;
  }
}


/* More space between excerpt and button */

.jvc-guide-posts .elementor-post__excerpt {
  margin: 0 0 34px 0 !important;
}

.jvc-guide-posts .elementor-post__excerpt p {
  margin: 0 !important;
}

.jvc-guide-posts .elementor-post__read-more {
  margin-top: 10px !important;
}

/* Better spacing inside card */

.jvc-guide-posts article.elementor-post {
  padding: 42px 38px 36px 38px !important;
}

.jvc-guide-posts .elementor-post__title {
  margin-bottom: 28px !important;
}/* End custom CSS */