.elementor-588 .elementor-element.elementor-element-4cb6b98c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-588 .elementor-element.elementor-element-3892ef6e{text-align:center;}.elementor-588 .elementor-element.elementor-element-3892ef6e .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-primary );}.elementor-588 .elementor-element.elementor-element-2cd60954{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-primary );}#elementor-popup-modal-588 .dialog-widget-content{animation-duration:1.2s;background-color:#FFFFFF;border-radius:50px 0px 50px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-588{background-color:#00000080;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-588 .dialog-message{width:635px;height:auto;padding:3em 3em 3em 3em;}#elementor-popup-modal-588 .dialog-close-button{display:flex;}#elementor-popup-modal-588 .dialog-close-button i{color:#333333;}#elementor-popup-modal-588 .dialog-close-button svg{fill:#333333;}@media(max-width:1024px){.elementor-588 .elementor-element.elementor-element-3892ef6e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-588 .elementor-element.elementor-element-2cd60954{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}#elementor-popup-modal-588 .dialog-message{width:75vw;padding:2em 2em 2em 2em;}}@media(min-width:768px){.elementor-588 .elementor-element.elementor-element-4cb6b98c{--content-width:500px;}}@media(max-width:767px){.elementor-588 .elementor-element.elementor-element-4cb6b98c{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-588 .elementor-element.elementor-element-3892ef6e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-588 .elementor-element.elementor-element-2cd60954{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}#elementor-popup-modal-588 .dialog-message{width:90vw;padding:1em 1em 1em 1em;}#elementor-popup-modal-588{align-items:center;}}/* Start custom CSS for shortcode, class: .elementor-element-19de00d *//* ================================================
   Rolling Pint Co. — Gravity Form #1
   Light background version — complete CSS
   ================================================ */


/* ------------------------------------------------
   1. FORM WRAPPER
   ------------------------------------------------ */

#gform_wrapper_1 {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}


/* ------------------------------------------------
   2. FIELD CONTAINERS & GRID SPACING
   Override GF default large gaps
   ------------------------------------------------ */

#gform_wrapper_1 .gfield {
  margin-bottom: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

#gform_wrapper_1 .gform_fields {
  row-gap: 14px !important;
  grid-row-gap: 14px !important;
}

#gform_wrapper_1 .ginput_container {
  margin-top: 0;
}

#gform_wrapper_1 .ginput_complex .ginput_full,
#gform_wrapper_1 .ginput_complex .ginput_left,
#gform_wrapper_1 .ginput_complex .ginput_right {
  margin-bottom: 0;
}

#gform_wrapper_1 .ginput_complex label {
  margin-bottom: 4px;
  margin-top: 0;
}


/* ------------------------------------------------
   3. FIELD LABELS
   ------------------------------------------------ */

#gform_wrapper_1 .gfield_label {
  font-size: 12px;
  font-weight: 600;
  color: #2d2d2d;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
  display: block;
}


/* ------------------------------------------------
   4. REQUIRED ASTERISK
   ------------------------------------------------ */

#gform_wrapper_1 .gfield_required {
  color: #c9a84c;
  margin-left: 3px;
}


/* ------------------------------------------------
   5. TEXT / EMAIL / TEL / TEXTAREA / SELECT
   ------------------------------------------------ */

#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 textarea,
#gform_wrapper_1 select {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid #c8c0a8;
  border-radius: 5px;
  color: #2d2d2d;
  background: #ffffff;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
  outline: none;
}

#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 textarea:focus,
#gform_wrapper_1 select:focus {
  border-color: #c9a84c;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.15);
}


/* ------------------------------------------------
   6. RADIO & CHECKBOX CHOICE ROWS
   ------------------------------------------------ */

#gform_wrapper_1 .gfield_radio,
#gform_wrapper_1 .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#gform_wrapper_1 .gchoice {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1.5px solid #c8c0a8;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

#gform_wrapper_1 .gchoice:hover {
  border-color: #c9a84c;
  background: rgba(201,168,76,0.08);
}

#gform_wrapper_1 .gchoice.gf-choice-selected {
  background: #c9a84c;
  border-color: #c9a84c;
}

#gform_wrapper_1 .gchoice label {
  font-size: 14px;
  font-weight: 500;
  color: #2d2d2d;
  cursor: pointer;
  margin: 0;
  flex: 1;
  transition: color 0.2s;
  pointer-events: none;
}

#gform_wrapper_1 .gchoice.gf-choice-selected label {
  color: #1a2e1a;
  font-weight: 700;
}

#gform_wrapper_1 .gchoice input[type="radio"],
#gform_wrapper_1 .gchoice input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}


/* ------------------------------------------------
   7. PAGE FOOTER & FORM FOOTER
   Previous shrinks to content width,
   Next takes all remaining space
   ------------------------------------------------ */

#gform_wrapper_1 .gform_page_footer,
#gform_wrapper_1 .gform_footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 24px;
  gap: 10px;
}

/* ------------------------------------------------
   8. NEXT BUTTON & SUBMIT BUTTON
   Full pill — looks clean at any width
   ------------------------------------------------ */

#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_button[type="submit"] {
  background-color: rgb(242, 232, 201);
  color: rgb(64, 33, 0);
  font-family: "Open Sans Hebrew", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 14px 20px;
  border-radius: 8px;
  border: none;
  flex: 1;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s ease-out;
}

#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_button[type="submit"]:hover {
  background-color: #c89c1d;
  color: #ffffff;
  transform: translateY(-4px);
}


/* ------------------------------------------------
   9. PREVIOUS BUTTON
   Outline pill — same radius, no fill
   Clearly secondary without asymmetric weirdness
   ------------------------------------------------ */

#gform_wrapper_1 .gform_previous_button {
  background-color: transparent;
  color: rgb(64, 33, 0);
  font-family: "Open Sans Hebrew", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 14px 20px;
  border-radius: 8px;
  border: 1.5px solid rgb(64, 33, 0);
  flex: 0 0 auto;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.3s ease-out;
}

#gform_wrapper_1 .gform_previous_button:hover {
  background-color: #c89c1d;
  color: #ffffff;
  border-color: #c89c1d;
  transform: translateY(-4px);
}



/* ------------------------------------------------
   10. VALIDATION — ERROR STATES
   ------------------------------------------------ */

#gform_wrapper_1 .gfield_error .gfield_label {
  color: #c0392b;
}

#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error textarea,
#gform_wrapper_1 .gfield_error select {
  border-color: #c0392b;
  background: #fff8f8;
}

#gform_wrapper_1 .validation_message {
  color: #c0392b;
  font-size: 12px;
  margin-top: 5px;
}

#gform_wrapper_1 .gform_validation_errors {
  background: #fff0ee;
  border: 1px solid #f5c6c0;
  border-radius: 6px;
  padding: 12px 16px;
  color: #c0392b;
  font-size: 14px;
  margin-bottom: 20px;
}


/* ------------------------------------------------
   11. RESPONSIVE — MOBILE
   ------------------------------------------------ */

@media (max-width: 640px) {

  #gform_wrapper_1 .gform_page_footer,
  #gform_wrapper_1 .gform_footer {
    flex-direction: column-reverse;
  }

  #gform_wrapper_1 .gform_previous_button,
  #gform_wrapper_1 .gform_next_button,
  #gform_wrapper_1 .gform_button[type="submit"] {
    width: 100%;
    flex: unset;
  }

}
/* ================================================
   APPEND TO THE END OF THE EXISTING CSS
   Sections 1–11 are untouched.
   ================================================ */


/* ------------------------------------------------
   12. CONSENT CHECKBOX
   GF renders the consent field as
   .ginput_container_consent > input[type=checkbox] + label
   It is NOT inside .gchoice, so section 6 never
   reaches it and it falls back to the theme's
   oversized control. Size and align it here.
   ------------------------------------------------ */

#gform_wrapper_1 .ginput_container_consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

#gform_wrapper_1 .ginput_container_consent input[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: auto;
  position: static;
  opacity: 1;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin: 2px 0 0;
  padding: 0;
  border-radius: 3px;
  accent-color: #c9a84c;
  cursor: pointer;
}

#gform_wrapper_1 .gfield_consent_label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #2d2d2d;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  cursor: pointer;
}

#gform_wrapper_1 .gfield_consent_label a {
  color: #402100;
  text-decoration: underline;
}

#gform_wrapper_1 .gfield_consent_label a:hover {
  color: #c89c1d;
}


/* ------------------------------------------------
   13. ADDRESS — COUNTRY SELECT
   Section 5's `background: #ffffff` is a shorthand,
   which wipes the theme's dropdown chevron. The
   selected option can also inherit an unreadable
   text colour / text-fill-color.
   Both restored here without editing section 5.
   ------------------------------------------------ */

#gform_wrapper_1 .ginput_address_country select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #2d2d2d !important;
  -webkit-text-fill-color: #2d2d2d;
  opacity: 1;
  height: auto;
  min-height: 46px;
  line-height: 1.3;
  text-indent: 0;
  text-shadow: none;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d2d2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding-right: 38px;
}

#gform_wrapper_1 .ginput_address_country select option {
  color: #2d2d2d;
  background-color: #ffffff;
}/* End custom CSS */