.elementor-303 .elementor-element.elementor-element-d2c7897{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-d2c7897:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-d2c7897 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#999999;}.elementor-303 .elementor-element.elementor-element-ad38af2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-303 .elementor-element.elementor-element-1580076{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-303 .elementor-element.elementor-element-1580076:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-1580076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#999999;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-303 .elementor-element.elementor-element-1e40857{text-align:center;}.elementor-303 .elementor-element.elementor-element-1e40857 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.6rem;font-weight:700;color:#EDEDED;}.elementor-303 .elementor-element.elementor-element-fa4e830{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-303 .elementor-element.elementor-element-0e7df7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.73;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-303 .elementor-element.elementor-element-0e7df7b:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-0e7df7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://800awning.com/wp-content/uploads/2026/09/contact-us-banner-scaled.webp");background-position:center center;background-size:cover;}.elementor-303 .elementor-element.elementor-element-0e7df7b::before, .elementor-303 .elementor-element.elementor-element-0e7df7b > .elementor-background-video-container::before, .elementor-303 .elementor-element.elementor-element-0e7df7b > .e-con-inner > .elementor-background-video-container::before, .elementor-303 .elementor-element.elementor-element-0e7df7b > .elementor-background-slideshow::before, .elementor-303 .elementor-element.elementor-element-0e7df7b > .e-con-inner > .elementor-background-slideshow::before, .elementor-303 .elementor-element.elementor-element-0e7df7b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-303 .elementor-element.elementor-element-631ebc9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-303 .elementor-element.elementor-element-19b7a4b{--display:flex;}.elementor-303 .elementor-element.elementor-element-3ca2cda > .elementor-widget-container{margin:0px 40px 0px 40px;padding:40px 20px 0px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:14px 14px 14px 14px;}.elementor-303 .elementor-element.elementor-element-729252c{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-303 .elementor-element.elementor-element-9c48157{text-align:center;}.elementor-303 .elementor-element.elementor-element-9c48157 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-303 .elementor-element.elementor-element-f6528c7 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-303 .elementor-element.elementor-element-f6528c7 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-f6528c7.elementor-view-stacked .elementor-icon{background-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-f6528c7.elementor-view-framed .elementor-icon, .elementor-303 .elementor-element.elementor-element-f6528c7.elementor-view-default .elementor-icon{fill:#F26A21;color:#F26A21;border-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-f6528c7 .elementor-icon{font-size:24px;}.elementor-303 .elementor-element.elementor-element-f6528c7:has(:hover) .elementor-icon-box-title, .elementor-303 .elementor-element.elementor-element-f6528c7:has(:focus) .elementor-icon-box-title{color:#F26A21;}.elementor-303 .elementor-element.elementor-element-f6528c7 .elementor-icon-box-description{color:#E8E8E8;}.elementor-303 .elementor-element.elementor-element-a0e664c .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-303 .elementor-element.elementor-element-a0e664c .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-a0e664c.elementor-view-stacked .elementor-icon{background-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-a0e664c.elementor-view-framed .elementor-icon, .elementor-303 .elementor-element.elementor-element-a0e664c.elementor-view-default .elementor-icon{fill:#F26A21;color:#F26A21;border-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-a0e664c .elementor-icon{font-size:24px;}.elementor-303 .elementor-element.elementor-element-a0e664c:has(:hover) .elementor-icon-box-title, .elementor-303 .elementor-element.elementor-element-a0e664c:has(:focus) .elementor-icon-box-title{color:#F26A21;}.elementor-303 .elementor-element.elementor-element-a0e664c .elementor-icon-box-description{color:#E8E8E8;}.elementor-303 .elementor-element.elementor-element-dc0cf06 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-303 .elementor-element.elementor-element-dc0cf06 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-stacked .elementor-icon{background-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-framed .elementor-icon, .elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-default .elementor-icon{fill:#F26A21;color:#F26A21;border-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-framed:has(:hover) .elementor-icon, .elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-default:has(:hover) .elementor-icon, .elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-framed:has(:focus) .elementor-icon, .elementor-303 .elementor-element.elementor-element-dc0cf06.elementor-view-default:has(:focus) .elementor-icon{fill:#F26A21;color:#F26A21;border-color:#F26A21;}.elementor-303 .elementor-element.elementor-element-dc0cf06 .elementor-icon{font-size:24px;}.elementor-303 .elementor-element.elementor-element-dc0cf06:has(:hover) .elementor-icon-box-title, .elementor-303 .elementor-element.elementor-element-dc0cf06:has(:focus) .elementor-icon-box-title{color:#F26A21;}.elementor-303 .elementor-element.elementor-element-dc0cf06 .elementor-icon-box-description{color:#E8E8E8;}.elementor-303 .elementor-element.elementor-element-13cda1c .elementor-repeater-item-fdbe1a0.elementor-social-icon{background-color:#C10094;}.elementor-303 .elementor-element.elementor-element-13cda1c .elementor-repeater-item-fdbe1a0.elementor-social-icon i{color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-13cda1c .elementor-repeater-item-fdbe1a0.elementor-social-icon svg{fill:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-13cda1c{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-303 .elementor-element.elementor-element-13cda1c .elementor-widget-container{text-align:left;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-303 .elementor-element.elementor-element-ad38af2{--width:25%;}.elementor-303 .elementor-element.elementor-element-1580076{--width:50%;}.elementor-303 .elementor-element.elementor-element-fa4e830{--width:25%;}.elementor-303 .elementor-element.elementor-element-19b7a4b{--width:60%;}.elementor-303 .elementor-element.elementor-element-729252c{--width:40%;}}/* Start custom CSS for shortcode, class: .elementor-element-3ca2cda *//* ========================================================= CONTACT FORM - FULL CSS 800 AWNING ========================================================= */ /* ========================================================= FORM ROW ========================================================= */ .premium-contact-form .form-row { gap: 14px; margin-bottom: 14px; } /* ========================================================= FORM GROUP ========================================================= */ .premium-contact-form .form-group { margin-bottom: 12px; } /* ========================================================= LABELS ========================================================= */ .premium-contact-form label { display: inline-block; color: #FFFFFF !important; margin-bottom: 8px !important; font-weight: 700 !important; font-size: 13px; line-height: 1.4; } /* ========================================================= INPUT FIELDS ========================================================= */ .premium-contact-form .cf7-input { width: 100% !important; height: 48px !important; padding: 0 14px !important; box-sizing: border-box !important; border-radius: 6px !important; background-color: #FAFAFA !important; color: #18181B !important; font-size: 14px !important; outline: none !important; } /* ========================================================= INPUT FOCUS ========================================================= */ .premium-contact-form .cf7-input:focus { border-color: #F26A21 !important; background-color: #FFFFFF !important; outline: none !important; } /* ========================================================= MESSAGE TEXTAREA SAME HEIGHT AS INPUT ========================================================= */ .premium-contact-form textarea.cf7-textarea, .premium-contact-form textarea.wpcf7-textarea { width: 100% !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; padding: 10px 14px !important; box-sizing: border-box !important; border: 1px solid #DDDDDD !important; border-radius: 6px !important; background-color: #FAFAFA !important; color: #18181B !important; font-size: 14px !important; line-height: 24px !important; outline: none !important; resize: none !important; } /* ========================================================= TEXTAREA FOCUS ========================================================= */ .premium-contact-form textarea.cf7-textarea:focus, .premium-contact-form textarea.wpcf7-textarea:focus { border-color: #F26A21 !important; background-color: #FFFFFF !important; outline: none !important; } /* ========================================================= MESSAGE GROUP ========================================================= */ .premium-contact-form .full-width { margin-bottom: 16px; } /* ========================================================= CENTER SUBMIT BUTTON ========================================================= */ .premium-contact-form .form-submit { margin-top: 8px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; text-align: center !important; } /* ========================================================= REMOVE CF7 PARAGRAPH SPACE ========================================================= */ .premium-contact-form .form-submit p { margin-bottom: 0 !important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .premium-contact-form .cf7-submit { width: auto !important; min-width: 170px !important; min-height: 48px !important; padding: 0 30px !important; background-color: #F26A21 !important; border: 1px solid #F26A21 !important; border-radius: 6px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; cursor: pointer !important; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important; } /* ========================================================= SUBMIT HOVER ========================================================= */ .premium-contact-form .cf7-submit:hover { background-color: #D95716 !important; border-color: #D95716 !important; color: #FFFFFF !important; transform: translateY(-1px); } /* ========================================================= REMOVE EXTRA FORM SPACE ========================================================= */ .premium-contact-form > p:last-child { margin-bottom: 0 !important; } .premium-contact-form .wpcf7-form { margin-bottom: 0 !important; } /* ========================================================= CF7 RESPONSE MESSAGE NO BORDER ========================================================= */ div.wpcf7-response-output { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; padding: 10px 14px !important; margin: 15px 0 0 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================================= CF7 RESPONSE - INSIDE PREMIUM FORM NO BORDER ========================================================= */ .premium-contact-form div.wpcf7-response-output { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; padding: 10px 14px !important; margin: 15px 0 0 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; } /* ========================================================= CF7 SUCCESS MESSAGE NO BORDER ========================================================= */ .premium-contact-form form.sent div.wpcf7-response-output { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; border-color: transparent !important; box-shadow: none !important; } /* ========================================================= CF7 OTHER RESPONSE STATES NO BORDER ========================================================= */ .premium-contact-form form.invalid div.wpcf7-response-output, .premium-contact-form form.unaccepted div.wpcf7-response-output, .premium-contact-form form.payment-required div.wpcf7-response-output { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; border-color: transparent !important; box-shadow: none !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { /* Form Row */ .premium-contact-form .form-row { gap: 12px; margin-bottom: 12px; } /* Form Group */ .premium-contact-form .form-group { margin-bottom: 12px; } /* Labels */ .premium-contact-form label { margin-bottom: 7px !important; } /* Inputs */ .premium-contact-form .cf7-input { height: 46px !important; padding: 0 14px !important; } /* ===================================================== MESSAGE - MOBILE ===================================================== */ .premium-contact-form textarea.cf7-textarea, .premium-contact-form textarea.wpcf7-textarea { height: 46px !important; min-height: 46px !important; max-height: 46px !important; padding: 9px 14px !important; line-height: 24px !important; resize: none !important; } /* Message Group */ .premium-contact-form .full-width { margin-bottom: 14px; } /* Submit Wrapper */ .premium-contact-form .form-submit { margin-top: 5px !important; margin-bottom: 0 !important; text-align: center !important; } /* Submit Button */ .premium-contact-form .cf7-submit { width: auto !important; min-width: 170px !important; min-height: 46px !important; padding: 0 25px !important; } /* ===================================================== RESPONSE MESSAGE - MOBILE NO BORDER ===================================================== */ div.wpcf7-response-output, .premium-contact-form div.wpcf7-response-output, .premium-contact-form form.sent div.wpcf7-response-output { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; background: transparent !important; background-color: transparent !important; border: none !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; padding: 9px 12px !important; margin: 14px 0 0 !important; font-size: 13px !important; line-height: 1.5 !important; } } /* ========================================================= FINAL CF7 COLOR OVERRIDE THIS MUST REMAIN LAST ========================================================= */ html body div.wpcf7-response-output { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; border: none !important; border-width: 0 !important; border-color: transparent !important; box-shadow: none !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a0e664c */.custom-email, .custom-email:visited, .custom-email:hover, .custom-email:active { color: #ffffff !important; text-decoration: none; } .custom-email:hover { opacity: 0.85; }/* End custom CSS */