.elementor-242 .elementor-element.elementor-element-11292c0f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-6a4f829f *//* =====================================================
   JOLLY VINTAGE CLUB
   COMPLETE COMPLIANZ COOKIE POLICY CSS

   Keep:
   [cmplz-document type="cookie-statement" region="uk"]

   Delete all previous cookie-specific CSS first.
===================================================== */


/* =====================================================
   PAGE AND SHORTCODE WRAPPER
===================================================== */

.jolly-cookie-page {
  width: 100%;
  background: #fff6ea;
}

.jolly-cookie-document,
.jolly-cookie-document .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   MAIN COMPLIANZ DOCUMENT
===================================================== */

.jolly-cookie-document #cmplz-document {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 34px !important;

  color: #171717 !important;
  background: #fffdf9 !important;

  border: 2px solid #171717 !important;
  border-radius: 20px !important;
  box-shadow: 7px 7px 0 #171717 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;

  box-sizing: border-box !important;
}

.jolly-cookie-document #cmplz-document *,
.jolly-cookie-document #cmplz-document *::before,
.jolly-cookie-document #cmplz-document *::after {
  box-sizing: border-box !important;
}

.jolly-cookie-document #cmplz-document.cookie-statement,
.jolly-cookie-document #cmplz-document.cookie-statement.uk,
.jolly-cookie-document #cmplz-document div,
.jolly-cookie-document #cmplz-document section {
  max-width: none !important;
}


/* =====================================================
   AUTOMATED UPDATE NOTE
===================================================== */

.jolly-cookie-document #cmplz-document > p:first-child {
  margin: 0 0 28px !important;
  padding: 16px 18px !important;

  color: #171717 !important;
  background: #ffd84d !important;

  border: 2px solid #171717 !important;
  border-radius: 13px !important;
  box-shadow: 3px 3px 0 #171717 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-style: normal !important;
  font-weight: 800 !important;
}


/* =====================================================
   MAIN NUMBERED HEADINGS
===================================================== */

.jolly-cookie-document #cmplz-document h2 {
  position: relative !important;

  margin: 32px 0 13px !important;
  padding: 0 0 10px 23px !important;

  color: #171717 !important;
  background: transparent !important;

  border: 0 !important;
  border-bottom: 1.5px solid #171717 !important;
  border-radius: 0 !important;

  font-family: "Fraunces", serif !important;
  font-size: 29px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
}

.jolly-cookie-document #cmplz-document h2:first-of-type {
  margin-top: 0 !important;
}

.jolly-cookie-document #cmplz-document h2::before {
  content: "" !important;
  position: absolute !important;

  width: 11px !important;
  height: 11px !important;

  left: 0 !important;
  top: 9px !important;

  background: #ffd84d !important;
  border: 1.5px solid #171717 !important;
  border-radius: 50% !important;
}

.jolly-cookie-document #cmplz-document h2:nth-of-type(3n + 2)::before {
  background: #75dcc7 !important;
}

.jolly-cookie-document #cmplz-document h2:nth-of-type(3n + 3)::before {
  background: #f7c6d8 !important;
}


/* =====================================================
   SUBHEADINGS
===================================================== */

.jolly-cookie-document #cmplz-document h3,
.jolly-cookie-document #cmplz-document .subtitle,
.jolly-cookie-document #cmplz-document .cmplz-subtitle {
  margin: 22px 0 9px !important;

  color: #171717 !important;

  font-family: "Fraunces", serif !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}


/* =====================================================
   BODY TEXT
===================================================== */

.jolly-cookie-document #cmplz-document p {
  margin: 0 0 14px !important;

  color: #171717 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
}

.jolly-cookie-document #cmplz-document ul,
.jolly-cookie-document #cmplz-document ol {
  margin: 12px 0 18px !important;
  padding-left: 24px !important;
}

.jolly-cookie-document #cmplz-document li {
  margin: 0 0 7px !important;

  color: #171717 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 600 !important;
}

.jolly-cookie-document #cmplz-document strong {
  font-weight: 900 !important;
}


/* =====================================================
   LINKS
===================================================== */

.jolly-cookie-document #cmplz-document a {
  color: #f03b2f !important;

  font-weight: 900 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

.jolly-cookie-document #cmplz-document a:hover {
  color: #171717 !important;
}


/* =====================================================
   COOKIE ACCORDION LIST
===================================================== */

.jolly-cookie-document #cmplz-cookies-overview {
  display: grid !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 16px 0 24px !important;
  padding: 0 !important;
}


/* =====================================================
   INDIVIDUAL COOKIE ACCORDION
===================================================== */

.jolly-cookie-document #cmplz-cookies-overview .cmplz-service {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;

  border: 1.5px solid #171717 !important;
  border-radius: 10px !important;
  box-shadow: 2px 2px 0 #171717 !important;

  overflow: hidden !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

.jolly-cookie-document #cmplz-cookies-overview .cmplz-service:hover {
  transform: translateY(-1px) !important;
  box-shadow: 3px 3px 0 #171717 !important;
}


/* =====================================================
   COOKIE ACCORDION HEADER
===================================================== */

.jolly-cookie-document #cmplz-cookies-overview .cmplz-service-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 42px !important;

  margin: 0 !important;
  padding: 10px 13px !important;

  color: #171717 !important;
  background: #a5e6d9 !important;

  border: 0 !important;
  border-radius: 0 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;

  cursor: pointer !important;
}

.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-service:nth-child(3n + 2)
  .cmplz-service-header {
  background: #ffe58a !important;
}

.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-service:nth-child(3n + 3)
  .cmplz-service-header {
  background: #f8d8e5 !important;
}


/* =====================================================
   TEXT INSIDE ACCORDION HEADERS
===================================================== */

.jolly-cookie-document #cmplz-cookies-overview .cmplz-service-header p,
.jolly-cookie-document #cmplz-cookies-overview .cmplz-service-header span,
.jolly-cookie-document #cmplz-cookies-overview .cmplz-service-header div {
  margin: 0 !important;
  padding: 0 !important;

  color: #171717 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
}

.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-service-header
  .cmplz-service-name {
  font-size: 13px !important;
  font-weight: 900 !important;
}

.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-service-header
  .cmplz-service-purpose {
  color: #454545 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}


/* =====================================================
   ACCORDION ARROW
===================================================== */

.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-service-header::after {
  width: 7px !important;
  height: 7px !important;

  margin-left: 3px !important;

  border-right: 2px solid #171717 !important;
  border-bottom: 2px solid #171717 !important;
}


/* =====================================================
   OPEN ACCORDION CONTENT
===================================================== */

.jolly-cookie-document #cmplz-cookies-overview .cmplz-service-desc,
.jolly-cookie-document #cmplz-cookies-overview .cmplz-sharing-data,
.jolly-cookie-document #cmplz-cookies-overview .cmplz-service-details,
.jolly-cookie-document #cmplz-cookies-overview .cookies-per-purpose {
  width: 100% !important;

  margin: 0 !important;
  padding: 14px !important;

  color: #171717 !important;
  background: #ffffff !important;

  border: 0 !important;
  border-top: 1.5px solid #171717 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-service-desc
  p,
.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-sharing-data
  p,
.jolly-cookie-document
  #cmplz-cookies-overview
  .cmplz-service-details
  p {
  margin-bottom: 10px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}


/* =====================================================
   DETAILS AND SUMMARY FALLBACK
===================================================== */

.jolly-cookie-document #cmplz-document details {
  margin: 0 0 9px !important;

  background: #ffffff !important;

  border: 1.5px solid #171717 !important;
  border-radius: 10px !important;
  box-shadow: 2px 2px 0 #171717 !important;

  overflow: hidden !important;
}

.jolly-cookie-document #cmplz-document details summary {
  min-height: 42px !important;
  padding: 10px 13px !important;

  color: #171717 !important;
  background: #a5e6d9 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;

  cursor: pointer !important;
}

.jolly-cookie-document #cmplz-document details[open] summary {
  border-bottom: 1.5px solid #171717 !important;
}

.jolly-cookie-document #cmplz-document details > div {
  padding: 14px !important;
}


/* =====================================================
   COOKIE TABLES
===================================================== */

.jolly-cookie-document #cmplz-document table {
  width: 100% !important;
  margin: 14px 0 18px !important;

  border: 1.5px solid #171717 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 10px !important;

  overflow: hidden !important;
}

.jolly-cookie-document #cmplz-document table th {
  padding: 11px 12px !important;

  color: #171717 !important;
  background: #a5e6d9 !important;

  border-right: 1px solid #171717 !important;
  border-bottom: 1px solid #171717 !important;

  text-align: left !important;
  vertical-align: top !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 900 !important;
}

.jolly-cookie-document #cmplz-document table td {
  padding: 11px 12px !important;

  color: #171717 !important;
  background: #ffffff !important;

  border-right: 1px solid #171717 !important;
  border-bottom: 1px solid #171717 !important;

  vertical-align: top !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

.jolly-cookie-document #cmplz-document table th:last-child,
.jolly-cookie-document #cmplz-document table td:last-child {
  border-right: 0 !important;
}

.jolly-cookie-document #cmplz-document table tr:last-child td {
  border-bottom: 0 !important;
}


/* =====================================================
   CONTACT DETAILS
===================================================== */

.jolly-cookie-document #cmplz-document address,
.jolly-cookie-document #cmplz-document .cmplz-contact-details {
  margin: 18px 0 4px !important;
  padding: 17px 18px !important;

  color: #171717 !important;
  background: #f8d8e5 !important;

  border: 1.5px solid #171717 !important;
  border-radius: 12px !important;
  box-shadow: 3px 3px 0 #171717 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  font-style: normal !important;
  font-weight: 650 !important;
}


/* =====================================================
   MANAGE COOKIE PREFERENCES BUTTON
===================================================== */

.jolly-cookie-document .cmplz-manage-consent,
.jolly-cookie-document button.cmplz-manage-consent,
.jolly-cookie-document #cmplz-document .cmplz-manage-consent {
  display: inline-flex !important;
  min-height: 46px !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 14px 0 4px !important;
  padding: 11px 19px !important;

  color: #ffffff !important;
  background: #f03b2f !important;

  border: 2px solid #171717 !important;
  border-radius: 999px !important;
  box-shadow: 3px 3px 0 #171717 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease !important;
}

.jolly-cookie-document .cmplz-manage-consent:hover,
.jolly-cookie-document button.cmplz-manage-consent:hover,
.jolly-cookie-document #cmplz-document .cmplz-manage-consent:hover {
  color: #ffffff !important;
  background: #171717 !important;

  box-shadow: 5px 5px 0 #ffd84d !important;
  transform: translateY(-2px) !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {
  .jolly-cookie-document #cmplz-document {
    padding: 28px !important;
  }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {
  .jolly-cookie-document #cmplz-document {
    padding: 20px !important;

    border-radius: 17px !important;
    box-shadow: 5px 5px 0 #171717 !important;
  }

  .jolly-cookie-document #cmplz-document > p:first-child {
    padding: 14px 15px !important;
    font-size: 12px !important;
  }

  .jolly-cookie-document #cmplz-document h2 {
    margin-top: 27px !important;
    padding-left: 21px !important;

    font-size: 25px !important;
  }

  .jolly-cookie-document #cmplz-document h2::before {
    top: 7px !important;

    width: 10px !important;
    height: 10px !important;
  }

  .jolly-cookie-document #cmplz-document h3,
  .jolly-cookie-document #cmplz-document .subtitle,
  .jolly-cookie-document #cmplz-document .cmplz-subtitle {
    font-size: 19px !important;
  }

  .jolly-cookie-document #cmplz-document p,
  .jolly-cookie-document #cmplz-document li {
    font-size: 14px !important;
  }

  .jolly-cookie-document #cmplz-cookies-overview {
    gap: 7px !important;
  }

  .jolly-cookie-document
    #cmplz-cookies-overview
    .cmplz-service-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;

    min-height: 40px !important;
    padding: 9px 11px !important;
  }

  .jolly-cookie-document
    #cmplz-cookies-overview
    .cmplz-service-header
    .cmplz-service-purpose {
    grid-column: 1 / -1 !important;
  }

  .jolly-cookie-document
    #cmplz-cookies-overview
    .cmplz-service-desc,
  .jolly-cookie-document
    #cmplz-cookies-overview
    .cmplz-sharing-data,
  .jolly-cookie-document
    #cmplz-cookies-overview
    .cmplz-service-details,
  .jolly-cookie-document
    #cmplz-cookies-overview
    .cookies-per-purpose {
    padding: 12px !important;
  }

  .jolly-cookie-document #cmplz-document table {
    display: block !important;
    overflow-x: auto !important;
  }

  .jolly-cookie-document #cmplz-document table th,
  .jolly-cookie-document #cmplz-document table td {
    min-width: 135px !important;
  }
}/* End custom CSS */