.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;
  }

}/* End custom CSS */