@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

  :root {
  --purple:#413D5F;
  --purple-deep:#2E2B45;
  --grey:#979998;
  --find:#8F3237;
  --frame:#A35600;
  --fix:#91852C;
  --fasten:#5E7461;
  --paper:#FFFFFF;
  --canvas:#F4F4F5;
  --hairline:#E5E5E5;
  --max:1200px;
  --gutter:clamp(20px,4vw,48px);
}

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

select,
.happyforms-select {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.happyforms-submit {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 28px !important;
  background: #413d5f !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
  border-radius: 8px !important;
  border: none !important;
  transition:
    background 0.15s,
    transform 0.15s !important;
  width: auto !important;
  cursor: pointer !important;
  font-family: "Montserrat", sans-serif !important;
}

.happyforms-submit:hover {
  background: #2e2b45 !important;
  transform: translateY(-1px) !important;
}

#happyforms-6719 .happyforms-layout-title {
  font-size: 24px !important;
  margin-bottom: 18px !important;
  font-weight: 700 !important;
  color: #413d5f !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
  font-family: "Montserrat", "Inter", system-ui, sans-serif !important;
  padding: 0 !important;
}

select,
select option {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

blockquote {
  margin: 0 !important; 
  border-left: none !important;
  padding-left: 0 !important;
}

.wpec-modal-open {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  background-color: #413D5F !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.01em !important;
  border-radius: 4px !important;
  border: 0 !important;
  transition: background .15s ease,transform .15s ease;
  cursor: pointer;
  
}
.wpec-modal-open:hover {
  background-color: #2E2B45 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.wpec-modal-open::after {
  font-size: 14px !important;
  line-height: .8em !important;
  content: "→" !important;
}

.hero .wpec-modal-open {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  background-color: #FFFFFF !important;
  color: #413D5F !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.01em !important;
  border-radius: 4px !important;
  border: 0 !important;
  transition: background .15s ease,transform .15s ease;
  cursor: pointer;
  
}
.hero .wpec-modal-open:hover {
  background-color: #F4F4F5 !important;
  color: #413D5F !important;
  transform: translateY(-1px);
}

.wpec-order-data-box {
    margin-bottom: 25px;
}
.wpec-order-details-table, .wpec-order-downloads-table {
    margin-bottom: 25px;
}

@media (max-width: 1160px) and (min-width: 982px) {
  #top-menu > li > a {
    font-size: 12px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
  #top-menu > li:last-child > a {
    font-size: 12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 1160px) and (min-width: 982px) {
  #top-menu > li {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }
}

@media (max-width: 980px) {
  #main-header {
    height: 73px !important;
  }
  #main-header #et-top-navigation {
    padding-top: 16px !important;
  }
}
@media (max-width: 980px) {
  #main-header {
    height: 73px !important;
  }
  #main-header #et-top-navigation {
    padding-top: 16px !important;
  }
  #main-header #logo {
    max-height: 41px !important;
  }
}
/* Fix modal text color — override .ink inheritance */
/* .wpec-modal-container {
  color: #1a1a1a;
}

.wpec-modal-container h1,
.wpec-modal-container h2,
.wpec-modal-container h3,
.wpec-modal-container p {
  color: #1a1a1a;
}

.wpec-modal-container .wpec-modal-content-title p {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 24.8px;
  margin: 0;
} */
/* Modal fix - Canvas Light Grey - all locations */

/* Beat white text inheritance from .hero.ink */
.hero.ink .wpec-modal-container,
.hero.ink .wpec-modal-container * { color: #413D5F !important; }

/* Fix title size & spacing on ALL modals */
.wpec-modal-container .wpec-modal-content-title p {
  color: #413D5F !important;
  font-family: Montserrat, Inter, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 24.8px !important;
}

/* Excerpt text */
.wpec-modal-container .wpec-modal-item-excerpt {
  color: #2E2B45 !important;
  font-weight: 400 !important;
  font-size: 17px !important;
}

/* Container styling for all modals */
.wpec-modal-container {
  background-color: #F4F4F5 !important;
  border-radius: 8px !important;
  border-top: 4px solid #413D5F !important;
  box-shadow: 0 8px 32px rgba(65,61,95,0.25) !important;
}

/* Close button colour for hero modal */
.hero.ink .wpec-modal-close svg path { fill: #413D5F !important; }