.elementor-kit-5{--e-global-color-primary:#061F45;--e-global-color-secondary:#0C3170;--e-global-color-text:#16233A;--e-global-color-accent:#FFB714;--e-global-color-hh00001:#FFC845;--e-global-color-hh00002:#8F5F00;--e-global-color-hh00003:#F8F6F1;--e-global-color-hh00004:#EAF0F8;--e-global-color-hh00005:#55627A;--e-global-color-hh00006:#D9DFEA;--e-global-color-hh00007:#FFFFFF;--e-global-color-hh00008:#B3261E;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.08em;--e-global-typography-primary-letter-spacing:-0.015em;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-line-height:1em;background-color:#FFFFFF;color:#16233A;font-family:"Source Sans 3", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#FFB714;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:800;color:#061F45;border-radius:999px 999px 999px 999px;padding:16px 26px 16px 26px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#FFC845;color:#061F45;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#0C3170;}.elementor-kit-5 a:hover{color:#8F5F00;}.elementor-kit-5 h1{color:#061F45;font-family:"Archivo", Sans-serif;font-size:56px;font-weight:900;line-height:1.08em;letter-spacing:-0.025em;}.elementor-kit-5 h2{color:#061F45;font-family:"Archivo", Sans-serif;font-size:42px;font-weight:800;line-height:1.1em;letter-spacing:-0.015em;}.elementor-kit-5 h3{color:#061F45;font-family:"Archivo", Sans-serif;font-size:24px;font-weight:800;line-height:1.15em;}.elementor-kit-5 h4{color:#061F45;font-family:"Archivo", Sans-serif;font-size:20px;font-weight:800;line-height:1.2em;}.elementor-kit-5 h5{color:#061F45;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:700;}.elementor-kit-5 h6{color:#061F45;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:700;}.elementor-kit-5 label{color:#16233A;font-family:"Archivo", Sans-serif;font-size:15px;font-weight:700;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:400;color:#16233A;background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D9DFEA;border-radius:10px 10px 10px 10px;padding:13px 14px 13px 14px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{border-style:solid;border-width:2px 2px 2px 2px;border-color:#061F45;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5 h1{font-size:44px;}.elementor-kit-5 h2{font-size:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 h1{font-size:36px;}.elementor-kit-5 h2{font-size:28px;}.elementor-kit-5 h3{font-size:21px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --hh-navy:#061F45; --hh-royal-navy:#0C3170; --hh-ink:#16233A; --hh-gold:#FFB714; --hh-gold-hover:#FFC845; --hh-gold-deep:#8F5F00; --hh-cream:#F8F6F1; --hh-mist:#EAF0F8; --hh-muted:#55627A; --hh-line:#D9DFEA; --hh-white:#FFFFFF; --hh-error:#B3261E; --hh-font-heading:Archivo; --hh-font-body:Source Sans 3; }
/* Start custom CSS *//* ===== Happy Home Roof Solutions: header ===== */
header[data-elementor-type="header"]{position:sticky;top:-36px;z-index:999}
@media (max-width:767px){header[data-elementor-type="header"]{top:0}}
header[data-elementor-type="header"] .elementor-widget-nav-menu{margin-left:auto}
.elementor-nav-menu--main .elementor-item{font-family:'Archivo',Arial,sans-serif !important;font-weight:700 !important;font-size:15.5px !important;padding:12px 14px !important}
.elementor-nav-menu--main .elementor-item,.elementor-nav-menu--main .elementor-item:hover,.elementor-nav-menu--main .elementor-item:focus,.elementor-nav-menu--main .elementor-item.elementor-item-active,.elementor-nav-menu--main .elementor-item.highlighted{color:#061F45 !important}
.elementor-nav-menu--main.e--pointer-underline .elementor-item:before,.elementor-nav-menu--main.e--pointer-underline .elementor-item:after{background-color:#FFB714 !important;height:3px !important}
.elementor-nav-menu--main .sub-arrow{margin-left:4px}
.elementor-nav-menu--main .elementor-nav-menu--dropdown{background:#FFFFFF;border:1px solid #D9DFEA;border-radius:12px;box-shadow:0 14px 34px rgba(6,31,69,.16);overflow:hidden}
.elementor-nav-menu--dropdown .elementor-item,.elementor-nav-menu--dropdown .elementor-sub-item{font-family:'Source Sans 3',Arial,sans-serif !important;font-weight:600 !important;font-size:16px !important;color:#16233A !important;padding:11px 18px !important;background:transparent}
.elementor-nav-menu--dropdown .elementor-item:hover,.elementor-nav-menu--dropdown .elementor-sub-item:hover,.elementor-nav-menu--dropdown .elementor-item:focus,.elementor-nav-menu--dropdown .elementor-item.elementor-item-active{background:#EAF0F8 !important;color:#061F45 !important}
.elementor-menu-toggle{background:#061F45 !important;color:#FFFFFF !important;border-radius:10px;padding:10px 12px}
.elementor-menu-toggle svg,.elementor-menu-toggle i{fill:#FFFFFF !important;color:#FFFFFF !important}
/* mobile / tablet menu: open full-width directly under the header bar */
@media (max-width:1024px){
header[data-elementor-type="header"] .elementor-widget-nav-menu{position:static}
header[data-elementor-type="header"] .elementor-widget-nav-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute !important;left:0 !important;right:0 !important;top:100% !important;width:100% !important;max-width:100% !important;margin:0 !important;transform:none;border:0;border-top:1px solid #D9DFEA;border-radius:0 0 14px 14px;box-shadow:0 18px 30px rgba(6,31,69,.14);z-index:9999}
header[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-item,header[data-elementor-type="header"] .elementor-nav-menu--dropdown .elementor-sub-item{padding:13px 24px !important}
}

/* ===== Happy Home Roof Solutions: footer ===== */
footer[data-elementor-type="footer"] a{text-decoration:none}
footer[data-elementor-type="footer"] a:hover,footer[data-elementor-type="footer"] a:focus{color:#FFFFFF !important;text-decoration:underline}
footer[data-elementor-type="footer"] a[href^="tel:"]:hover{color:#FFC845 !important}

/* ===== Happy Home Roof Solutions: pages ===== */
/* pages built with Elementor: hide Hello's automatic page title (each page has its own designed H1) */
body.elementor-page:not(.elementor-editor-active) .page-header{display:none}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== FAQ accordion: +/x indicator, aligned answers, visible keyboard focus ===== */
details.e-con > summary.e-con{position:relative;list-style:none;padding-right:44px !important;cursor:pointer}
details.e-con > summary.e-con::-webkit-details-marker{display:none}
details.e-con > summary.e-con::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:'Source Sans 3',Arial,sans-serif;font-weight:600;font-size:30px;line-height:1;color:#8F5F00;transition:transform .2s}
details.e-con[open] > summary.e-con::after{transform:translateY(-50%) rotate(45deg)}
details.e-con > summary.e-con:focus-visible{outline:3px solid #FFB714;outline-offset:3px}
details.e-con > .e-con:not(summary){padding-left:0 !important;padding-right:0 !important}
@media (prefers-reduced-motion:reduce){details.e-con > summary.e-con::after{transition:none}}

/* ===== Blog (posts page) ===== */
body.blog .site-main{max-width:none !important;padding:0 !important;margin:0 !important}
body.blog .page-header{background:#061F45;margin:0 !important;padding:84px 24px 64px !important}
body.blog .page-header .entry-title{max-width:1132px;margin:0 auto;font-size:0 !important;line-height:0 !important}
body.blog .page-header .entry-title::before{content:"Roofing Tips & News for Sacramento Homeowners";display:block;max-width:20ch;font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:54px;line-height:1.08;letter-spacing:-0.025em;color:#FFFFFF}
@media (max-width:767px){body.blog .page-header{padding:56px 20px 44px !important}body.blog .page-header .entry-title::before{font-size:34px}}
body.blog .page-content{max-width:1180px;margin:0 auto !important;padding:64px 24px 96px !important;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:1024px){body.blog .page-content{grid-template-columns:1fr 1fr}}
@media (max-width:767px){body.blog .page-content{grid-template-columns:1fr;padding:44px 20px 64px !important}}
body.blog .page-content article{background:#FFFFFF;border:1px solid #D9DFEA;border-radius:18px;padding:26px 26px 22px}
body.blog .page-content article .entry-title{font-size:22px;line-height:1.2;margin:0 0 10px}
body.blog .page-content article .entry-title a{color:#061F45;text-decoration:none}
body.blog .page-content article .entry-title a:hover{color:#8F5F00;text-decoration:underline}
body.blog .page-content article p{color:#55627A;font-size:17px;line-height:1.55;margin:0}

/* ===== Layout: header/footer wrappers carry Elementor's default 10px side padding; zero it so they line up with the page content ===== */
.elementor-element-2edceb36,.elementor-element-2948225b,.elementor-element-78589de0,.elementor-element-4094c80{padding-left:0 !important;padding-right:0 !important}

/* ===== Layout: 120px side padding on desktop (was a centered 1180px column). Change the two 120px values below to adjust the whole site. ===== */
@media (min-width:1025px){
.elementor-element-0jd7n0h,.elementor-element-0ji5p3f,.elementor-element-1098b0d4,.elementor-element-129656a5,.elementor-element-12k3d8e,.elementor-element-137qtby,.elementor-element-13sbp0j,.elementor-element-14510173,.elementor-element-14b975a5,.elementor-element-14f6ac05,.elementor-element-15f1c1f2,.elementor-element-16274632,.elementor-element-178ea93c,.elementor-element-18717a6a,.elementor-element-1a188b3f,.elementor-element-1c4a0cd8,.elementor-element-1c8f6c28,.elementor-element-1ean36t,.elementor-element-1f4pjw0,.elementor-element-1v65jxf,.elementor-element-1wgdzqs,.elementor-element-1wulukq,.elementor-element-1wutfgp,.elementor-element-20132095,.elementor-element-201d9f61,.elementor-element-21929375,.elementor-element-23dc367c,.elementor-element-245d2ddf,.elementor-element-2481916c,.elementor-element-25e9e180,.elementor-element-279a99b,.elementor-element-2a01d28a,.elementor-element-2a6ed951,.elementor-element-2c4247be,.elementor-element-2eb8c416,.elementor-element-2ef57ca8,.elementor-element-2f07bb3,.elementor-element-31bf2d42,.elementor-element-337e41d7,.elementor-element-3392f72f,.elementor-element-33b13158,.elementor-element-371be48,.elementor-element-38f4e082,.elementor-element-3963a6df,.elementor-element-3980c18e,.elementor-element-3b38eeae,.elementor-element-3c3e8497,.elementor-element-3cabce47,.elementor-element-3e5afd7,.elementor-element-3f1b4a4a,.elementor-element-3fbcbfc5,.elementor-element-41732261,.elementor-element-42de95a8,.elementor-element-4328e0c5,.elementor-element-4362fff3,.elementor-element-44274e46,.elementor-element-4676dcba,.elementor-element-469cf584,.elementor-element-48c10fa9,.elementor-element-4aab26d1,.elementor-element-4b3cda1a,.elementor-element-4b7c423a,.elementor-element-4eee3879,.elementor-element-4f024068,.elementor-element-50a64bcd,.elementor-element-53ee77fd,.elementor-element-541975ca,.elementor-element-55bb85c6,.elementor-element-55f369ae,.elementor-element-570b0c22,.elementor-element-570c7c60,.elementor-element-65831d1f,.elementor-element-6a44bb3e,.elementor-element-6afa248,.elementor-element-6cfe6587,.elementor-element-70d7c2bb,.elementor-element-714fa0e2,.elementor-element-715b2202,.elementor-element-721ee089,.elementor-element-7302575,.elementor-element-74b956d9,.elementor-element-75656102,.elementor-element-7677250d,.elementor-element-76f8d9ca,.elementor-element-77a2c344,.elementor-element-78eb141b,.elementor-element-7a46cdff,.elementor-element-7b0172eb,.elementor-element-7d330f53,.elementor-element-7d362798,.elementor-element-7f2bc7e7,.elementor-element-7f39d0f,.elementor-element-7fc2d061,.elementor-element-840e5c,.elementor-element-8820f0d,.elementor-element-9d56251,.elementor-element-b1456a7,.elementor-element-c0d7e14,.elementor-element-c25fc3a{max-width:none !important;padding-left:120px !important;padding-right:120px !important}
body.blog .page-header{padding-left:120px !important;padding-right:120px !important}
body.blog .page-header .entry-title{max-width:none}
body.blog .page-content{max-width:none;padding-left:120px !important;padding-right:120px !important}
}/* End custom CSS */