/* Form headings and field labels */ .contactForm .gfield_label, .contactForm .gfield_html h1, .contactForm .gfield_html h2, .contactForm .gfield_html h3, .contactForm .gfield_html h4, .contactForm .gfield_html h5, .contactForm .gfield_html h6 { font-family: "FreightDispPro", serif !important; font-size: 25px !important; font-weight: 600 !important; color: #2D2D2D !important; } /* Text-editor paragraphs */ .contactForm .gfield_html p { font-size: 18px !important; font-weight: 400 !important; color: #424242 !important; } /* Insurance link */ .contactForm .insuranceCheck a { font-family: "FreightDispPro", serif !important; font-size: 20px !important; font-weight: 500 !important; color: #5E6C5B !important; text-transform: capitalize !important; } .contactForm .gform_confirmation_message { text-align: center !important; } /* Preserve the link color during interaction */ .contactForm .insuranceCheck a:hover, .contactForm .insuranceCheck a:focus, .contactForm .insuranceCheck a:visited { color: #5E6C5B !important; } /* Main form wrapper */ .contactForm #gform_wrapper_1 { width: 100%; margin-inline: auto !important; } /* HTML heading */ .contactForm #gform_wrapper_1 .gfield_html h4 { margin: 0 0 12px !important; font: 600 25px/1.25 "FreightDispPro", serif !important; color: #2D2D2D !important; } /* Text-editor content */ .contactForm #gform_wrapper_1 .gfield_html p { font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #424242 !important; } /* Labels */ .contactForm #gform_wrapper_1 .gfield_label { text-transform: capitalize !important; } /* Inputs */ .contactForm #gform_wrapper_1 input:not([type="submit"]):not([type="hidden"]), .contactForm #gform_wrapper_1 select, .contactForm #gform_wrapper_1 textarea { width: 100% !important; height: auto !important; min-height: 0 !important; block-size: auto !important; padding: 10px 18px !important; border: 1px solid rgba(94, 108, 91, 0.3) !important; box-shadow: none; box-sizing: border-box !important; font-size: 18px !important; border: 1px solid rgba(94, 108, 91, 0.3); border-radius: 20px 0 20px 0; } .contactForm #gform_wrapper_1 input:focus, .contactForm #gform_wrapper_1 select:focus, .contactForm #gform_wrapper_1 textarea:focus, .contactForm #gform_wrapper_1 input:hover, .contactForm #gform_wrapper_1 select:hover, .contactForm #gform_wrapper_1 textarea:hover { border-color: #5E6C5B !important; outline: none !important; box-shadow: 3px 4px 24px rgba(0, 0, 0, 0.1) !important; } /* Insurance section */ .contactForm #gform_wrapper_1 .insuranceCheck { text-align: center !important; margin: -10px 0 10px 0 !important; } .contactForm #gform_wrapper_1 .insuranceCheck p { margin: 0 !important; } .contactForm #gform_wrapper_1 .insuranceCheck a { margin-left: 10px !important; font: 500 20px/1.4 "FreightDispPro", serif !important; color: #5E6C5B !important; text-transform: capitalize !important; text-decoration: underline !important; text-decoration-color: #5E6C5B !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px; } /* Submit area */ .contactForm #gform_wrapper_1 .gform-footer { display: flex !important; justify-content: center !important; align-items: center !important; } /* Submit button */ .contactForm #gform_wrapper_1 input[type="submit"].gform_button { display: inline-block !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; padding: 10px 62px !important; border: 0 !important; border-radius: 0 !important; background: #5E6C5B !important; box-shadow: none !important; font: 600 25px/35px "FreightDispPro", serif !important; color: #FFFFFF !important; text-transform: capitalize !important; cursor: pointer; } .fifteenMinutes { margin: -20px 0 !important; } .contactForm #gform_wrapper_1 input[type="submit"].gform_button:hover, .contactForm #gform_wrapper_1 input[type="submit"].gform_button:focus { background: #4F5D4C !important; color: #FFFFFF !important; } /* Tablet */ @media (max-width: 1024px) { .contactForm #gform_wrapper_1 .gform_fields { grid-template-columns: repeat(1, 1fr) !important; } .gform-theme--foundation .gfield--width-half{ grid-column: span 12 !important; } .contactForm { width: 100%; margin-inline: auto; } .contactForm #gform_wrapper_1 { width: 100%; max-width: 100%; } .contactForm .gfield_label, .contactForm .gfield_html h1, .contactForm .gfield_html h2, .contactForm .gfield_html h3, .contactForm .gfield_html h4, .contactForm .gfield_html h5, .contactForm .gfield_html h6 { font-size: 23px !important; } .contactForm #gform_wrapper_1 input:not([type="submit"]):not([type="hidden"]), .contactForm #gform_wrapper_1 select, .contactForm #gform_wrapper_1 textarea { min-width: 0 !important; padding: 10px 16px !important; font-size: 17px !important; } } /* Mobile */ @media (max-width: 767px) { /* Change the Gravity Forms grid to one column */ .contactForm #gform_wrapper_1 .gform_fields { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 22px !important; } /* Make half-width fields full-width */ .contactForm #gform_wrapper_1 .gfield, .contactForm #gform_wrapper_1 .gfield--width-half, .contactForm #gform_wrapper_1 .gfield--width-full { grid-column: 1 / -1 !important; width: 100% !important; min-width: 0 !important; } /* Responsive headings and labels */ .contactForm .gfield_label, .contactForm .gfield_html h1, .contactForm .gfield_html h2, .contactForm .gfield_html h3, .contactForm .gfield_html h4, .contactForm .gfield_html h5, .contactForm .gfield_html h6 { font-size: 21px !important; line-height: 1.25 !important; } /* Responsive paragraph text */ .contactForm #gform_wrapper_1 .gfield_html p { font-size: 16px !important; line-height: 1.5 !important; } /* Form controls */ .contactForm #gform_wrapper_1 input:not([type="submit"]):not([type="hidden"]), .contactForm #gform_wrapper_1 select, .contactForm #gform_wrapper_1 textarea { width: 100% !important; min-width: 0 !important; padding: 10px 14px !important; font-size: 16px !important; } /* Prevent negative spacing from causing overlap */ .contactForm #gform_wrapper_1 .fifteenMinutes { margin: 0 !important; } /* Insurance section */ .contactForm #gform_wrapper_1 .insuranceCheck { width: 100% !important; margin: 0 0 10px !important; text-align: center !important; } .contactForm #gform_wrapper_1 .insuranceCheck p { font-size: 16px !important; } .contactForm #gform_wrapper_1 .insuranceCheck a { margin-left: 6px !important; font-size: 18px !important; } /* Submit button */ .contactForm #gform_wrapper_1 input[type="submit"].gform_button { padding: 9px 48px !important; font-size: 22px !important; line-height: 32px !important; } } /* Small phones */ @media (max-width: 480px) { .contactForm .gfield_label, .contactForm .gfield_html h1, .contactForm .gfield_html h2, .contactForm .gfield_html h3, .contactForm .gfield_html h4, .contactForm .gfield_html h5, .contactForm .gfield_html h6 { font-size: 20px !important; } .contactForm #gform_wrapper_1 .insuranceCheck p { display: flex; flex-direction: column; align-items: center; gap: 4px; } .contactForm #gform_wrapper_1 .insuranceCheck a { margin-left: 0 !important; } .contactForm #gform_wrapper_1 .gform-footer { width: 100% !important; } .contactForm #gform_wrapper_1 input[type="submit"].gform_button { width: 100% !important; max-width: 260px !important; padding: 9px 30px !important; } }