.elementor-4314 .elementor-element.elementor-element-224666f5{--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.5;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#29522E;--border-color:#29522E;--padding-top:43px;--padding-bottom:43px;--padding-left:43px;--padding-right:43px;}.elementor-4314 .elementor-element.elementor-element-224666f5::before, .elementor-4314 .elementor-element.elementor-element-224666f5 > .elementor-background-video-container::before, .elementor-4314 .elementor-element.elementor-element-224666f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-4314 .elementor-element.elementor-element-224666f5 > .elementor-background-slideshow::before, .elementor-4314 .elementor-element.elementor-element-224666f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4314 .elementor-element.elementor-element-224666f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000A8;--background-overlay:'';}.elementor-4314 .elementor-element.elementor-element-224666f5:not(.elementor-motion-effects-element-type-background), .elementor-4314 .elementor-element.elementor-element-224666f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://calroof.com/wp-content/uploads/2026/07/el-nino-hero-fallback.jpg") 50% 50%;background-size:cover;}.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-4314 .elementor-element.elementor-element-398bcbcc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4314 .elementor-element.elementor-element-398bcbcc .elementor-heading-title{font-family:"Creepster", Sans-serif;font-size:93px;font-weight:700;text-transform:uppercase;line-height:100%;letter-spacing:-0.56px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#CB0002;}.elementor-4314 .elementor-element.elementor-element-682d0456{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;text-align:center;}.elementor-4314 .elementor-element.elementor-element-682d0456 .elementor-heading-title{font-family:"Source Sans 3", Sans-serif;font-size:55px;font-weight:700;text-transform:uppercase;line-height:100%;letter-spacing:-0.56px;text-shadow:1px 1px 32px #000000;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4314 .elementor-element.elementor-element-2d70bcce .elementor-button{background-color:#CB0002;font-family:"Source Sans 3", Sans-serif;font-size:28.75px;font-weight:700;text-transform:uppercase;line-height:140%;letter-spacing:-0.288px;fill:#FFFFFF;color:#FFFFFF;border-radius:17px 17px 17px 17px;padding:14px 32px 14px 32px;}.elementor-4314 .elementor-element.elementor-element-2d70bcce .elementor-button:hover, .elementor-4314 .elementor-element.elementor-element-2d70bcce .elementor-button:focus{background-color:#29522E;}.elementor-4314 .elementor-element.elementor-element-2d70bcce{z-index:10;}#elementor-popup-modal-4314{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4314 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4314 .dialog-close-button{display:flex;}#elementor-popup-modal-4314 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-4314 .elementor-element.elementor-element-398bcbcc .elementor-heading-title{font-size:120px;}.elementor-4314 .elementor-element.elementor-element-682d0456 .elementor-heading-title{font-size:48px;}}@media(max-width:767px){.elementor-4314 .elementor-element.elementor-element-398bcbcc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4314 .elementor-element.elementor-element-398bcbcc.elementor-element{--align-self:center;}.elementor-4314 .elementor-element.elementor-element-398bcbcc .elementor-heading-title{font-size:80px;line-height:105%;letter-spacing:-0.32px;}.elementor-4314 .elementor-element.elementor-element-682d0456{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4314 .elementor-element.elementor-element-682d0456.elementor-element{--align-self:center;}.elementor-4314 .elementor-element.elementor-element-682d0456 .elementor-heading-title{font-size:32px;line-height:105%;letter-spacing:-0.32px;}.elementor-4314 .elementor-element.elementor-element-2d70bcce .elementor-button{font-size:16px;line-height:150%;border-radius:12px 12px 12px 12px;padding:10px 24px 10px 24px;}}/* Start custom CSS for heading, class: .elementor-element-682d0456 */.elementor-4314 .elementor-element.elementor-element-682d0456 { text-shadow: -4px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000; } @media screen and (max-width: 480px) { .elementor-4314 .elementor-element.elementor-element-682d0456 { text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2d70bcce */.elementor-4314 .elementor-element.elementor-element-2d70bcce .elementor-button { box-shadow: 0 32.432px 24.324px 0 rgba(255, 255, 255, 0.05) inset, 0 2.027px 1.014px 0 rgba(255, 255, 255, 0.25) inset, 0 0 0 1.014px rgba(1, 4, 2, 0.15) inset, 0 -2.027px 1.014px 0 rgba(0, 0, 0, 0.20) inset, 0 1.014px 2.027px 0 rgba(1, 4, 2, 0.05); }/* End custom CSS */ /* Start custom CSS *//* Smaller popup close button - desktop + mobile */ .elementor-popup-modal .dialog-close-button { width: 35px !important; height: 35px !important; min-width: 35px !important; min-height: 28px !important; font-size: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } /* Mobile positioning */ @media (max-width: 767px) { .elementor-popup-modal .dialog-close-button { top: 10px !important; right: 10px !important; left: auto !important; } }/* End custom CSS */