.elementor-2218 .elementor-element.elementor-element-31c78ea{--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;--align-items:flex-start;--overlay-opacity:0.25;--overlay-mix-blend-mode:luminosity;--padding-top:2%;--padding-bottom:2%;--padding-left:10%;--padding-right:10%;}.elementor-2218 .elementor-element.elementor-element-31c78ea:not(.elementor-motion-effects-element-type-background), .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-31c78ea::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-image:url("https://www.ravingroofs.com/wp-content/uploads/2026/06/logo-mascot-watermark-facing-l@2x.png");background-position:center right;background-repeat:no-repeat;background-size:25% auto;}.elementor-2218 .elementor-element.elementor-element-31c78ea::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2218 .elementor-element.elementor-element-650bbf4{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--overlay-opacity:0.9;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2218 .elementor-element.elementor-element-650bbf4::before, .elementor-2218 .elementor-element.elementor-element-650bbf4 > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-650bbf4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-650bbf4 > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-650bbf4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-650bbf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2218 .elementor-element.elementor-element-64a8a06 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-2218 .elementor-element.elementor-element-64a8a06{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-2218 .elementor-element.elementor-element-a2d2a9e .elementor-heading-title{color:var( --e-global-color-44bbb4f );}.elementor-2218 .elementor-element.elementor-element-a2d2a9e{width:var( --container-widget-width, 451.594px );max-width:451.594px;--container-widget-width:451.594px;--container-widget-flex-grow:0;}.elementor-2218 .elementor-element.elementor-element-a2d2a9e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2218 .elementor-element.elementor-element-be75f81 .elementor-heading-title{font-size:30px;font-weight:900;color:var( --e-global-color-4f39284 );}.elementor-2218 .elementor-element.elementor-element-be75f81{width:var( --container-widget-width, 551.594px );max-width:551.594px;--container-widget-width:551.594px;--container-widget-flex-grow:0;}.elementor-2218 .elementor-element.elementor-element-be75f81.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2218 .elementor-element.elementor-element-110772e{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 );color:var( --e-global-color-44bbb4f );margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-2218 .elementor-element.elementor-element-817a925 .elementor-button{background-color:var( --e-global-color-primary );border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-b0fc2aa );}.elementor-2218 .elementor-element.elementor-element-817a925 .elementor-button:hover, .elementor-2218 .elementor-element.elementor-element-817a925 .elementor-button:focus{background-color:var( --e-global-color-b0fc2aa );border-color:var( --e-global-color-primary );}.elementor-2218 .elementor-element.elementor-element-817a925{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-2218 .elementor-element.elementor-element-0e9975f{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 );color:var( --e-global-color-4f39284 );margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-2218 .elementor-element.elementor-element-0e9975f a{color:var( --e-global-color-4f39284 );}.elementor-2218 .elementor-element.elementor-element-0e9975f a:hover, .elementor-2218 .elementor-element.elementor-element-0e9975f a:focus{color:var( --e-global-color-accent );}.elementor-2218 .elementor-element.elementor-element-a878ba7{--display:flex;}.elementor-2218 .elementor-element.elementor-element-6782bb7{--display:flex;}.elementor-2218 .elementor-element.elementor-element-f4cb3fe{--display:flex;}.elementor-2218 .elementor-element.elementor-element-c4f81d5{--display:flex;}.elementor-2218 .elementor-element.elementor-element-34aa281{--display:flex;}.elementor-2218 .elementor-element.elementor-element-1f6a6b3{--display:flex;}.elementor-2218 .elementor-element.elementor-element-3549427{--display:flex;}.elementor-2218 .elementor-element.elementor-element-9ddefa1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group > label, .elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group > label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-44bbb4f );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:var( --e-global-color-text );border-width:2px 2px 2px 2px;border-radius:6px 6px 6px 6px;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:var( --e-global-color-text );border-width:2px 2px 2px 2px;border-radius:6px 6px 6px 6px;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button{font-size:13px;font-weight:800;border-style:solid;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-2218 .elementor-element.elementor-element-88ad095 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-text );color:var( --e-global-color-44bbb4f );border-color:var( --e-global-color-7b2bcac );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button[type="submit"]{background-color:var( --e-global-color-text );color:var( --e-global-color-44bbb4f );border-color:var( --e-global-color-7b2bcac );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-44bbb4f );}.elementor-2218 .elementor-element.elementor-element-88ad095 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-44bbb4f );border-color:var( --e-global-color-b0fc2aa );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-44bbb4f );border-color:var( --e-global-color-b0fc2aa );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-44bbb4f );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-message.elementor-message-success{color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-message.elementor-message-danger{color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-message.elementor-help-inline{color:var( --e-global-color-text );}.elementor-2218 .elementor-element.elementor-element-88ad095{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:100%;max-width:100%;}@media(max-width:1024px){.elementor-2218 .elementor-element.elementor-element-31c78ea{--min-height:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2218 .elementor-element.elementor-element-31c78ea::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:500px auto;}.elementor-2218 .elementor-element.elementor-element-650bbf4{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2218 .elementor-element.elementor-element-110772e{font-size:var( --e-global-typography-text-font-size );}.elementor-2218 .elementor-element.elementor-element-817a925{width:100%;max-width:100%;}.elementor-2218 .elementor-element.elementor-element-0e9975f{font-size:var( --e-global-typography-text-font-size );}.elementor-2218 .elementor-element.elementor-element-9ddefa1{--grid-auto-flow:row;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group > label{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-2218 .elementor-element.elementor-element-31c78ea::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:204px auto;}.elementor-2218 .elementor-element.elementor-element-31c78ea{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-2218 .elementor-element.elementor-element-650bbf4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2218 .elementor-element.elementor-element-be75f81 .elementor-heading-title{font-size:25px;}.elementor-2218 .elementor-element.elementor-element-110772e{font-size:var( --e-global-typography-text-font-size );}.elementor-2218 .elementor-element.elementor-element-0e9975f{font-size:var( --e-global-typography-text-font-size );}.elementor-2218 .elementor-element.elementor-element-9ddefa1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-field-group > label{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button{border-width:5px 5px 5px 5px;}}@media(min-width:768px){.elementor-2218 .elementor-element.elementor-element-31c78ea{--content-width:1200px;}.elementor-2218 .elementor-element.elementor-element-650bbf4{--width:70%;}}@media(min-width:1025px){.elementor-2218 .elementor-element.elementor-element-31c78ea::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-video-container::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-2218 .elementor-element.elementor-element-31c78ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}/* Start custom CSS for form, class: .elementor-element-88ad095 *//* =========================================
   RAVING ROOFS - PRICING FORM
   ========================================= */


/* FORM CONTAINER */

.elementor-2218 .elementor-element.elementor-element-88ad095 form {
    background: #f3f6f7;
    padding: 38px;
    border: 1px solid #e2e8ea;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(7, 56, 74, 0.08);
}


/* =========================================
   REGULAR INPUTS
   ========================================= */

.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="text"],
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="email"],
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="tel"],
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="number"],
.elementor-2218 .elementor-element.elementor-element-88ad095 textarea {
    width: 100% !important;
    box-sizing: border-box !important;

    background-color: #ffffff !important;
    color: #07384a !important;

    border: 1px solid #c8d0d3 !important;
    border-radius: 5px !important;

    font-family: inherit !important;
    font-size: 16px !important;

    outline: none !important;
    box-shadow: none !important;
}


/* STANDARD INPUTS */

.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="text"],
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="email"],
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="tel"],
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="number"] {
    height: 54px !important;
    padding: 0 15px !important;
}


/* TEXTAREA */

.elementor-2218 .elementor-element.elementor-element-88ad095 textarea {
    min-height: 145px !important;
    height: 145px !important;

    padding: 14px 15px !important;

    line-height: 1.5 !important;

    resize: vertical;
}


/* =========================================
   ROOF TYPE DROPDOWN
   ========================================= */

/*
   Keep this simple.
   Elementor/browser handles the actual dropdown.
*/

.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-select-wrapper {
    width: 100% !important;
}

.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-select-wrapper select {
    width: 100% !important;
    height: 54px !important;

    background-color: #ffffff !important;
    color: #07384a !important;

    border: 1px solid #c8d0d3 !important;
    border-radius: 5px !important;

    padding-left: 15px !important;
    padding-right: 35px !important;

    font-family: inherit !important;
    font-size: 16px !important;

    box-shadow: none !important;
    outline: none !important;

    cursor: pointer;
}


/* DROPDOWN OPTIONS */

.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-select-wrapper select option {
    background: #ffffff !important;
    color: #07384a !important;
}


/* =========================================
   PLACEHOLDERS
   ========================================= */

.elementor-2218 .elementor-element.elementor-element-88ad095 input::placeholder,
.elementor-2218 .elementor-element.elementor-element-88ad095 textarea::placeholder {
    color: #7b858a !important;
    opacity: 1 !important;
}


/* =========================================
   FOCUS STATES
   ========================================= */

.elementor-2218 .elementor-element.elementor-element-88ad095 input:focus,
.elementor-2218 .elementor-element.elementor-element-88ad095 textarea:focus,
.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-select-wrapper select:focus {
    border-color: #07384a !important;

    box-shadow:
        0 0 0 2px rgba(7, 56, 74, 0.08) !important;
}


/* =========================================
   SUBMIT BUTTON
   ========================================= */

.elementor-2218 .elementor-element.elementor-element-88ad095 button[type="submit"],
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="submit"],
.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button[type="submit"] {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f7a51a !important;
    color: #07384a !important;

    border: 2px solid #f7a51a !important;
    border-radius: 7px !important;

    padding: 18px 25px !important;

    font-family: inherit !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;

    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer;

    box-shadow: 0 5px 0 #d88700 !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


/* BUTTON HOVER */

.elementor-2218 .elementor-element.elementor-element-88ad095 button[type="submit"]:hover,
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="submit"]:hover,
.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button[type="submit"]:hover {
    background: #07384a !important;
    color: #ffffff !important;

    border-color: #07384a !important;

    transform: translateY(-3px);

    box-shadow: 0 8px 0 #d88700 !important;
}


/* BUTTON ACTIVE */

.elementor-2218 .elementor-element.elementor-element-88ad095 button[type="submit"]:active,
.elementor-2218 .elementor-element.elementor-element-88ad095 input[type="submit"]:active,
.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-button[type="submit"]:active {
    transform: translateY(2px);

    box-shadow: 0 2px 0 #d88700 !important;
}


/* =========================================
   VALIDATION
   ========================================= */

.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-message-danger,
.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-help-inline {
    color: #c83232 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


/* SUCCESS MESSAGE */

.elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-message-success {
    color: #07384a !important;

    font-weight: 700 !important;

    background: #ffffff;

    border-left: 4px solid #f7a51a;

    padding: 12px 15px;
}


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

@media (max-width: 650px) {

    .elementor-2218 .elementor-element.elementor-element-88ad095 form {
        padding: 25px 20px;
    }

    .elementor-2218 .elementor-element.elementor-element-88ad095 input[type="text"],
    .elementor-2218 .elementor-element.elementor-element-88ad095 input[type="email"],
    .elementor-2218 .elementor-element.elementor-element-88ad095 input[type="tel"],
    .elementor-2218 .elementor-element.elementor-element-88ad095 input[type="number"],
    .elementor-2218 .elementor-element.elementor-element-88ad095 .elementor-select-wrapper select {
        height: 52px !important;
    }

    .elementor-2218 .elementor-element.elementor-element-88ad095 textarea {
        min-height: 135px !important;
        height: 135px !important;
    }

}/* End custom CSS */