.elementor-kit-2108{--e-global-color-primary:#06176C;--e-global-color-secondary:#EBA925;--e-global-color-text:#243E8E;--e-global-color-accent:#EBA925;}.elementor-kit-2108 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;}.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);}@media(max-width:1170px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --rr-navy:#06176C; --rr-text:#243E8E; --rr-gold:#EBA925; --rr-gray:#E5E5E5; --rr-white:#FFFFFF; --rr-footer-text:#A6A6A6; --rr-input:#D9D9D9; --rr-sub-text:#444444; } /* Start custom CSS *//* ===== Base (ported from Regal Roofing 2019 style.css) ===== */ html{display:block!important} img,iframe{max-width:100%} *{box-sizing:border-box} body{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:500;font-style:normal;padding:0;margin:0;background:linear-gradient(135deg,#06176C,black);background-attachment:fixed;color:#fff} input:focus,textarea,select:focus{outline:none} a,a:visited,a:hover,a:active,a:focus{color:inherit;text-decoration:none} img{height:auto} button:active,button:focus{border:inherit;outline:inherit} ul{margin:0} ul li{margin-bottom:.5em;padding-left:.5em} blockquote{border:none;quotes:"\201C""\201D""\2018""\2019";margin:0} blockquote>*:first-child:before{content:open-quote;display:inline-block;vertical-align:bottom;font-size:40px;line-height:8px;font-weight:bold;margin-right:4px} blockquote>*:last-child:after{content:close-quote;display:inline-block;vertical-align:bottom;font-size:40px;line-height:8px;font-weight:bold;margin-left:4px} .fa-phone{transform:scale(-1,1)} ::-webkit-input-placeholder{color:#383938;font-size:1.2em;font-weight:bold} ::-moz-placeholder{color:#383938;font-size:1.2em;font-weight:bold} .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap} /* ===== WordPress alignment / captions (used by classic content) ===== */ .wp-caption{width:100%} .wp-caption-text{font-size:16px;margin:0;padding:8px;text-align:left;font-weight:bold} .aligncenter,.wp-block-image .aligncenter{margin-left:auto;margin-right:auto;display:block;margin-bottom:16px;text-align:center} .alignleft,.wp-block-image .alignleft{float:left;display:block;margin:0 16px 16px 0} .alignright,.wp-block-image .alignright{float:right;display:block;margin:0 0 16px 16px} @media all and (max-width:600px){ .aligncenter,.alignleft,.alignright,.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright{float:none;display:block;margin:auto;text-align:center} .rr-content .rr-img-right,.rr-content .rr-img-left,.rr-content .rr-img-center{float:none!important;display:block!important;margin-left:auto!important;margin-right:auto!important;text-align:center} } .clear-line{display:block;clear:both} /* ===== Gold button (old .biz_button) ===== */ .biz_button>a,.rr-btn{color:#fff;padding:12px 20px;border-radius:8px;border:0 solid #06176C;font-weight:bold;background-color:#EBA925;text-transform:uppercase;display:inline-block;transition:all .2s;text-align:center;line-height:normal} .biz_button>a:hover,.rr-btn:hover{color:#06176C!important;background-color:#fff} /* ===== Nav menu (V3 widget) - desktop bar ===== */ body .rr-nav .elementor-nav-menu--main{justify-content:center} body .rr-nav .elementor-nav-menu--main .elementor-nav-menu{justify-content:center;flex-wrap:wrap} body .rr-nav .elementor-nav-menu--main .elementor-item{padding:8px 16px!important;font-family:'Montserrat',sans-serif;font-size:18px;text-transform:uppercase;color:#fff!important;fill:#fff;font-weight:500;line-height:normal;flex-grow:0} body .rr-nav .elementor-nav-menu--main .sub-arrow{display:none} body .rr-nav .elementor-nav-menu--main .elementor-item.has-submenu{padding-right:16px!important} body .rr-nav .elementor-nav-menu--main ul.sub-menu{background:#fff;width:250px!important;min-width:100%!important;max-width:none!important;left:50%!important;margin-left:-125px!important;text-align:center;border-bottom-left-radius:2px;border-bottom-right-radius:2px;overflow:hidden;z-index:10} body .rr-nav .sub-menu .elementor-sub-item{white-space:normal!important;text-align:center;display:block;color:#444!important;font-family:'Montserrat',sans-serif;font-size:18px;font-weight:500;padding:8px 16px!important;justify-content:center;text-transform:uppercase;line-height:normal;border:0!important;background:transparent} body .rr-nav .sub-menu .elementor-sub-item:hover,body .rr-nav .sub-menu .elementor-sub-item.elementor-item-active{background:#06176C!important;color:#fff!important} body .rr-nav .elementor-nav-menu li{margin:0;padding:0} body .rr-fixed .rr-nav .elementor-nav-menu--main .elementor-item{font-weight:bold} /* ===== Mobile menu (V3 nav widget, vertical layout inside .rr-mpanel) ===== */ body .rr-mnav .elementor-nav-menu--main .elementor-nav-menu{display:block;text-align:left;border-top:1px solid #EBA925;border-bottom:1px solid #EBA925} body .rr-mnav .elementor-nav-menu--main .elementor-item{display:block;color:#fff!important;font-family:'Montserrat',sans-serif;font-weight:bold;padding:8px!important;font-size:18px;line-height:normal;text-transform:none;text-align:left;justify-content:flex-start} body .rr-mnav .elementor-nav-menu--main .elementor-item:hover,body .rr-mnav .elementor-nav-menu--main .elementor-item.elementor-item-active,body .rr-mnav .current-menu-parent>.elementor-item,body .rr-mnav .current-menu-ancestor>.elementor-item,body .rr-mnav .elementor-item.highlighted{background:#fff!important;color:#06176C!important} body .rr-mnav .sub-arrow{display:none} body .rr-mnav .elementor-nav-menu--main ul.sub-menu{position:static!important;width:auto!important;margin:0!important;background:transparent;border:0;box-shadow:none;display:none!important} body .rr-mnav .sub-menu .elementor-sub-item{white-space:normal!important;display:block;color:#fff!important;font-weight:normal;padding:8px 28px!important;border:0!important;font-size:18px;line-height:normal;text-align:left;background:transparent} body .rr-mnav li{margin:0;padding:0} .rr-burger.open>:first-child{display:none!important} .rr-burger.open>:last-child{display:block!important} /* ===== Sidebar WordPress widgets (nav menus, search) ===== */ .rr-sidebar .elementor-widget-wp-widget-nav_menu h5,.rr-sidebar .rr-side-h{font-size:27px;font-weight:700;line-height:normal;margin:22.41px 0;color:#243E8E} .rr-sidebar .menu{padding-left:40px;margin:0} .rr-sidebar .menu li{margin-bottom:9px;padding-left:9px} .rr-sidebar a{color:#06176C} #searchform>div{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start} #searchform>div>label{display:none} #s{background-color:#fff;color:#06176C;margin:0;padding:5px;width:175px;border:2px inset #767676;font:13.33px Arial} #searchsubmit{background-color:#06176C;border:1px solid #06176C!important;color:#fff!important;cursor:pointer;font-weight:normal;padding:4px 8px;margin:0 4px;text-decoration:none;font:13.33px Arial} /* ===== Gravity Forms .no-labels (old theme rules verbatim, #content-wrapper -> :is() for the same specificity) ===== */ :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels label { display: none!important } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels .gfield_checkbox label,.gform_wrapper .gfield_radio label { display: inline-block; vertical-align: middle } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels .gfield_checkbox input,.gform_wrapper .gfield_radio input { display: inline-block; vertical-align: middle; width: auto } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels textarea,.gform_wrapper .no-labels input { border-radius: 8px; border: none; background-color: #D9D9D9; padding: 8px 16px; display: block; max-width: 100%; width: 100%!important; color: #383938; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels textarea { height: 100px!important; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .no-labels ul.gform_fields { list-style: none; padding: 0; margin: 0 } :is(#content-wrapper,.rr-page-wrap,.rr-home) .no-labels ul.gform_fields>li { flex-grow: 1; padding: 0!important; flex-basis: 400px; margin: 16px 0px 0px 0px!important; position: relative; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .no-labels .ginput_container>* { margin: 0px!important; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels .ginput_complex { display: flex; flex-wrap: wrap; margin: 16px 0px; align-items: center; width: 100%!important; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels .ginput_complex>* { flex-basis: 400px; flex-grow: 1; margin: 0px 0px 16px 0px!important; padding: 0px; display: block; max-width: 100%; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels .ginput_complex>*:last-child { margin-bottom: 0px!important; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .no-labels .gf_clear { margin: 0px!important; clear: both; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .no-labels .ginput_complex input { width: 100% } :is(#content-wrapper,.rr-page-wrap,.rr-home) .no-labels .gform_footer { text-align: Center; margin: 16px } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels input[type=submit] { display: inline-block; width: auto; color: #fff; font-size: 20px } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels .gform_title { text-align: center; font-size: 2em; font-weight: bold; margin: 8px; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels input[type=submit] { color: white; padding: 5px 30px; border-radius: 8px; border-width: 2px; border-color: #eba925; border-style: solid; font-weight: bold; background-color: #eba925; text-transform: uppercase; display: inline-block; transition: all 0.2s; text-align: center; cursor: pointer; margin: 0px!important; width: auto!important; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .gform_wrapper .no-labels input[type=submit]:hover { color: #06176C; background-color: white; } :is(#content-wrapper,.rr-page-wrap,.rr-home) .no-labels .gfield_visibility_hidden { display: none; } /* ===== Blog (old index.php / single.php) ===== */ .biz_post{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%} .biz_post .title{font-size:2em} .biz_post .meta{margin-bottom:8px;font-style:italic} .biz_post>.left{flex-basis:300px;flex-grow:1;text-align:center;padding:16px} .biz_post>.right{flex-basis:600px;flex-grow:999;padding:16px} .biz_blog_nav{text-align:center;clear:both} .biz_blog_nav i.biz-chev{display:inline-block;padding:8px;font-size:1.25em;background-color:#06176C;color:#fff;border-radius:8px;width:1.75em;text-align:center;margin:8px;line-height:1} .biz_blog_nav i.biz-chev svg{vertical-align:-0.125em} .rr-main .elementor-widget-theme-post-content>*:first-child,.rr-main .elementor-widget-theme-post-content>.elementor-widget-container>*:first-child{margin-top:0} .rr-main .elementor-widget-theme-post-content>[class^="wp-block"]:first-child{margin-top:-16px} .rr-main .elementor-widget-theme-post-content:after{content:'';display:block;clear:both} .rr-main .elementor-widget-theme-post-content a{color:#06176C} /* ===== Footer widgets ===== */ .rr-footer a:hover{color:#fff} .rr-footer .menu{padding-left:40px;margin:0} .rr-footer .menu li{margin-bottom:9px;padding-left:9px} /* Burger icon: fa 30px glyph box like the old theme */ .rr-burger svg{width:26px!important;height:30px!important;display:block} .rr-burger>*{width:26px!important;height:30px!important;margin:0 auto} /* Archive hero title from [biz_archive_title] (old .bi_hero h1) */ .rr-archive-title{margin:0 auto;padding:.2em;position:relative;z-index:3;font-weight:normal;text-align:left;max-width:1170px;text-transform:uppercase;font-size:2em;color:#243E8E;line-height:normal} @media all and (max-width:425px){.rr-archive-title{text-align:center}} .biz_post .title{margin:.83em 0;line-height:normal} /* Old theme centers the page title on small phones */ @media all and (max-width:425px){.rr-hero-title{text-align:center!important}} /* ===== Buttons: gold on dark backgrounds, navy on white (Tim 2026-10-28) ===== */ /* Gravity Forms submit (GF outputs