/* ==========================================================================
   ROOF EZ by EcoSmart rebrand - colors (brand book 11.2.26), added 2026-11-06 (staging), 2026-11-12 (live)
   Mirrors the original selectors in style.css / responsive.css with the new
   palette. Delete this whole block to roll back to the old colors.
   Dark Green #20583F (primary) | Bright Green #93C45F (accent) | Grey #73706E
   ========================================================================== */
:root { --ez-primary: #20583F; --ez-accent: #93C45F; --ez-grey: #73706E; }
body { --Orange-Gradient: linear-gradient(#93C45F, #93C45F); }
.orange-title { background-image: linear-gradient(#93C45F, #93C45F); }
.black-btn { background-image: linear-gradient(#93C45F, #93C45F); }
.orange-btn, .page-template-tmp-landing-page-php .value-sec a { background-image: linear-gradient(#93C45F, #93C45F); }
.main_menu > ul > li.current-menu-parent > a, .main_menu > ul > li.current-menu-ancestor > a, .main_menu > ul > li.current-menu-item > a { color: #93C45F; }
.main_menu > ul > li.current_page_item > li.current_page_item > a, .main_menu > ul > li.current-menu-ancestor > ul > li.current-menu-parent > a, .main_menu > ul > li > ul > li > ul > li.current-menu-item > a { background-image: linear-gradient(#93C45F, #93C45F) !important; }
.main_menu > ul > li > ul > li.current-menu-item > a { background-image: linear-gradient(#93C45F, #93C45F) !important; }
.main_menu ul > li:hover > a, .main_menu > ul > li.current-menu-item > a { background-image: linear-gradient(#93C45F, #93C45F) !important; }
body .mean-nav ul.firstul > li:hover > a:not(.mean-expand) { background-image: linear-gradient(#93C45F, #93C45F); }
body .main_menu ul > li > a:hover, body .main_menu ul > li:hover > a, .main_menu > ul > li.current-menu-item > a { background-image: linear-gradient(#93C45F, #93C45F); }
.main_menu > ul > li.current-menu-item > a, body .main_menu ul > li:hover > a { background-image: linear-gradient(#93C45F, #93C45F) !important; }
.mean-nav ul li a:hover { background-image: linear-gradient(#93C45F, #93C45F); }
.mean-nav > ul > li.current_page_item > a, .mean-nav > ul > li > ul > li > ul > li.current_page_item > a { background-image: linear-gradient(#93C45F, #93C45F) !important; }
.mean-nav > ul > li.current-menu-item > ul > li.current-menu-item > a { background-image: linear-gradient(#93C45F, #93C45F); }
.mean-nav > ul > li.current-menu-item > a { background-image: linear-gradient(#93C45F, #93C45F); }
.mean-nav > ul > li.current-menu-parent > a, .mean-nav > ul > li.current-page-parent > a, .mean-nav > ul > li > ul > li.current_page_parent > a { background-image: linear-gradient(#93C45F, #93C45F); }
.mean-nav > ul > li.current-menu-parent > ul > li.current-menu-item > a { background-image: linear-gradient(#93C45F, #93C45F); }
.service-sec .service-left-text h3 { border-image-source: linear-gradient(#93C45F, #93C45F); }
.value-grid .value-grid-in, .benefit-sec .benefit-wrp .benefit { background-image: linear-gradient(#93C45F, #93C45F); }
.social-review-grid .social-review-in .social-review-in-content a { background-image: linear-gradient(#93C45F, #93C45F); }
.first-header::after { background-image: linear-gradient(#20583F, #20583F); }
.home-banner-form { border-image-source: linear-gradient(#93C45F, #93C45F); }
.services_detail .tab_content-wrp .tabs.inr-tab li a::after { background-image: linear-gradient(#93C45F, #93C45F); }
.banner-btn-list a { background-image: linear-gradient(#93C45F, #93C45F); }
.gform_wrapper.gravity-theme .gform_footer::after { border-image-source: linear-gradient(#93C45F, #93C45F); }
.gform_wrapper.gravity-theme .gform_footer::before { background-image: linear-gradient(#93C45F, #93C45F) !important; }
.benefit-sec .benefit-wrp .benefit:hover { background-image: linear-gradient(#93C45F, #93C45F); }
.press-slider-wrp .press-img { background-image: linear-gradient(#93C45F, #93C45F); }
.press-single.slick-slide.slick-current.slick-active .press-img { background-image: linear-gradient(#93C45F, #93C45F); }
.footer-row-1 .foot-location { background-image: linear-gradient(#93C45F, #93C45F); }
.gform_wrapper.gravity-theme .gfield input:focus, .gform_wrapper.gravity-theme .gfield textarea:focus { border-image-source: linear-gradient(#93C45F, #93C45F); }
body .home-banner-form::after { border-image-source: linear-gradient(#93C45F, #93C45F) !important; }
.page-template-tmp-landing-page-php .value-sec h2 { background-image: linear-gradient(#93C45F, #93C45F); }
.page-template-tmp-landing-page-php .value-sec a:hover { border-image-source: linear-gradient(#93C45F, #93C45F); }
.cust-satisfaction .btm-row .list-item { border-image-source: linear-gradient(#93C45F, #93C45F); }
.owners-list .list-item .btm-wrp { border-image-source: linear-gradient(#93C45F, #93C45F); }
.owners-list-wrp .modal .modal-content { border-image-source: linear-gradient(#93C45F, #93C45F); }
.owners-list-wrp .modal .abt-img { border-top-color: #93C45F; border-right-color: #93C45F; border-bottom-color: #93C45F; border-left-color: #93C45F; }
.testi-slider .slick-slide .cnt-wrp a, .review-list .review-list-wrp .list-item .cnt-wrp a { background-image: linear-gradient(#93C45F, #93C45F); }
.awards-list .list-wrp .list-item { border-image-source: linear-gradient(#93C45F, #93C45F); }
.form-inr { border-image-source: linear-gradient(#93C45F, #93C45F); }
.orange-line-div::after { background-image: linear-gradient(#93C45F, #93C45F); }
.area-list ul.list-wrp li::after { background-image: linear-gradient(#93C45F, #93C45F); }
.area-list ul.list-wrp li { border-image-source: linear-gradient(#93C45F, #93C45F); }
ul.tab li a { border-image-source: linear-gradient(#93C45F, #93C45F); }
ul.tab li::after { background-image: linear-gradient(#93C45F, #93C45F); }
.step-btn a::before { background-image: linear-gradient(#93C45F, #93C45F); }
.cd-sec .btm-row .form-wrp { border-image-source: linear-gradient(#93C45F, #93C45F); }
.cd-sec .btm-row .right-wrp .item { border-image-source: linear-gradient(#93C45F, #93C45F); }
.lcrs-sec .form-wrp, .single-blog .blog-sidebar_form { border-image-source: linear-gradient(#93C45F, #93C45F); }
.roof-services .accordion .accordion-item, .job-list-sec .list-wrp .accordion .accordion-item, .roof-process.mobile .accordion .accordion-item button { border-image-source: linear-gradient(#93C45F, #93C45F); }
.fwf-sec .form-wrp { border-image-source: linear-gradient(#93C45F, #93C45F); }
.job-list-sec .accordion button.active { background-image: linear-gradient(#93C45F, #93C45F); }
.faq-item { border-image-source: linear-gradient(#93C45F, #93C45F); }
.faq-item:not(.is-open) .faq-item__trigger:hover, .faq-item:not(.is-open) .faq-item__trigger:focus-visible { color: #20583F; }
.faq-item__trigger:focus-visible { outline-color: #93C45F; }
.faq-item__panel-content a { color: #20583F; }
.post-list-sec .cat-row ul.cat-wrp li.active a { background-image: linear-gradient(#93C45F, #93C45F); }
.post-list-sec .post-lists .post-wrp { border-image-source: linear-gradient(#93C45F, #93C45F); }
.post-list-sec .navigation ul li.active a, .pagination ul li.active a { background-image: linear-gradient(#93C45F, #93C45F); }
.review-customer .black-btn, .testi-slider .black-btn { border-image-source: linear-gradient(#93C45F, #93C45F) !important; }
.review-customer .black-btn::after, .testi-slider .black-btn::after { background-image: linear-gradient(#93C45F, #93C45F); }
.timeline .row .col-md-6.fadein.visible .right-wrp::before { background-color: #93C45F; }
.timeline .row .col-md-6.fadein.right::before { background-color: #93C45F; }
.timeline .col-md-12.last-div.fadein.visible .white-line-div::after { background-image: linear-gradient(#93C45F, #93C45F); }
.timeline .col-md-12.last-div.fadein.visible .white-line-div::before { background-color: #93C45F; }
.col-md-12.last-div.fadein12.visible .white-line-div::after { background-image: linear-gradient(#93C45F, #93C45F); }
.col-md-12.last-div.fadein12.visible .white-line-div::before { background-color: #93C45F; }
.row.middle-row::after { background-color: #93C45F; }
.row.middle-row::before { background-color: #93C45F; }
.promo .orange-btn { background-image: linear-gradient(#93C45F, #93C45F); }
.promo .promo-vcontent .video-poster { border-image-source: linear-gradient(#93C45F, #93C45F); }
@media (max-width: 1199px) { body .mean-nav ul.firstul > li:hover > a:not(.mean-expand), body .mean-nav ul.firstul > li > ul > li:hover > a:not(.mean-expand) { background-image: linear-gradient(#93C45F, #93C45F) !important; } }
@media (max-width: 1199px) { .mean-nav ul.dropdown-menu li { background-image: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 1199px) { .mean-nav ul li a:hover { background-image: linear-gradient(#93C45F, #93C45F) !important; } }
@media (max-width: 1199px) { .mean-nav > ul > li.current_page_item > li.current_page_item > a, .mean-nav > ul > li.current-menu-ancestor > ul > li.current-menu-parent > a, .mean-nav > ul > li > ul > li > ul > li.current-menu-item > a { background-color: #93C45F; } }
@media (max-width: 1199px) { .mean-nav > ul > li.current_page_item > a, .mean-nav > ul > li > ul > li > ul > li.current_page_item > a { background-image: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 1199px) { .mean-nav ul li a:hover, header .navigation .mean-bar ul.firstul li a + ul.dropdown-menu li a:not(.mean-expand):hover, header .navigation .mean-bar ul.firstul li a + ul.dropdown-menu li ul li a:not(.mean-expand):hover { background-image: linear-gradient(#93C45F, #93C45F) !important; } }
@media (max-width: 1199px) { .mean-nav ul > li { border-image-source: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 991px) { .home-banner-form { border-image-source: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 767px) { .tab_drawer_heading.mobile.active, .tab_drawer_heading.mobile:hover { background-image: linear-gradient(#93C45F, #93C45F) !important; } }
@media (max-width: 767px) { .tab_drawer_heading.mobile { border-image-source: linear-gradient(#93C45F, #93C45F) !important; } }
@media (max-width: 767px) { .review-customer .slick-active button { border-top-color: #93C45F; border-right-color: #93C45F; border-bottom-color: #93C45F; border-left-color: #93C45F; background-color: #93C45F !important; } }
@media (max-width: 767px) { .mean-nav ul > li:last-child { border-image-source: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 767px) { .roof-process.mobile .accordion-item .accordion-button.active { background-image: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 767px) { .roof-process.mobile .accordion-item .accordion-button.active { background-image: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 767px) { .cat-list .left a.show-all { background-image: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 767px) { .owners-list-wrp .modal-content .close-btn { background-image: linear-gradient(#93C45F, #93C45F); } }
@media (max-width: 767px) { .col-md-12.last-div.fadein12::before { background-color: #93C45F; } }
/* ===================== end ROOF EZ rebrand colors ===================== */

/* ROOF EZ rebrand - logo sizing: keep the old logo boxes (no layout shift) and fit the new stacked logo inside */
img[src*="roof-ez-by-ecosmart-logo"] { width: 181px; max-width: 100%; height: auto; aspect-ratio: 181 / 85; object-fit: contain; }
.logo img[src*="roof-ez-by-ecosmart-logo"],
.menu-logo img[src*="roof-ez-by-ecosmart-logo"],
.f-logo img[src*="roof-ez-by-ecosmart-logo"] { width: 245px; aspect-ratio: 245 / 116; object-position: left center; }
/* ===================== end ROOF EZ rebrand logo sizing ===================== */

/* ROOF EZ rebrand - old "orange" keyword text accents -> Bright Green */
.footer-row-1 .col-left .f-cmt h4 { color: #93C45F; }
.footer-row-1 .col-center .col-in a:hover, .footer-row-1 .col-left .f-cmt a:hover { color: #93C45F; }
.cd-sec .btm-row .right-wrp .item:hover p { color: #93C45F; }

/* ROOF EZ rebrand - form frame images with the orange outline recolored to Bright Green */
body .home-banner-form::after { background-image: url("/wp-content/uploads/2026/11/foam-bg4-green.png"); }
body .form-inr::after { background-image: url("/wp-content/uploads/2026/11/foam-bg-inner2-green.png"); }
@media (max-width: 767px) { .home-banner-form { background-image: url("/wp-content/uploads/2026/11/foam-bg2-green.png"); } }
.testi-slider li.slick-active button { background-color: #93C45F !important; }

/* ROOF EZ rebrand - "How it works" step tabs: first/last step shapes (theme SVGs had the orange gradient) -> Bright Green, inlined as data URIs */
ul.tab li:last-child::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22341%22%20height%3D%22172%22%20viewBox%3D%220%200%20341%20172%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2.71878%20170.5L109.257%201.5H290.733C303.918%201.5%20316.074%209.90812%20325.008%2023.9485C333.931%2037.9708%20339.5%2057.4314%20339.5%2078.9971C339.5%20104.433%20332.934%20127.395%20322.399%20143.951C311.853%20160.525%20297.469%20170.5%20281.821%20170.5H2.71878Z%22%20stroke%3D%22url(%23paint0_linear_3151_1549)%22%20stroke-width%3D%223%22%2F%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22paint0_linear_3151_1549%22%20x1%3D%22170.5%22%20y1%3D%221.54261e-06%22%20x2%3D%22188.099%22%20y2%3D%22249.538%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2393C45F%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2393C45F%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E") !important; }
ul.tab li:last-child:hover::after, ul.tab li.active:last-child::after { background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20341%20172%22%20width%3D%22341%22%20height%3D%22172%22%3E%20%3Ctitle%3Efirst-hover%20-%20Copy-svg%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22g1%22%20x2%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix(53.302%2C-300.306%2C435.192%2C77.243%2C169.952%2C269.291)%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2393C45F%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2393C45F%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cstyle%3E%20.s0%20%7B%20fill%3A%20url(%23g1)%20%7D%20%3C%2Fstyle%3E%20%3Cpath%20id%3D%22Layer%22%20class%3D%22s0%22%20d%3D%22m108.1%200.2l182.3-0.7c27.8-0.1%2050.4%2035.2%2050.6%2078.8%200.2%2051.4-26.2%2093.1-58.8%2093.3l-281.9%201.1z%22%2F%3E%20%3C%2Fsvg%3E") !important; }
ul.tab li:first-child:hover::after, ul.tab li.active:first-child::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22341%22%20height%3D%22172%22%20viewBox%3D%220%200%20341%20172%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M232.571%20172H50.2666C22.5144%20172%200%20136.617%200%2093.0029C0%2041.6486%2026.5013%200%2059.1785%200H341L232.571%20172Z%22%20fill%3D%22url(%23paint0_linear_3151_1550)%22%2F%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22paint0_linear_3151_1550%22%20x1%3D%22170%22%20y1%3D%22268%22%20x2%3D%22222.955%22%20y2%3D%22-30.3499%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2393C45F%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2393C45F%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E") !important; }
ul.tab li:first-child::after { background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20341%20172%22%20width%3D%22341%22%20height%3D%22172%22%3E%20%3Ctitle%3Elast%20-%20Copy-svg%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22g1%22%20x2%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix(17.768%2C251.935%2C-479.326%2C33.805%2C170.184%2C-0.964)%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2393C45F%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2393C45F%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cstyle%3E%20.s0%20%7B%20fill%3A%20none%3Bstroke%3A%20url(%23g1)%3Bstroke-width%3A%203%20%7D%20%3C%2Fstyle%3E%20%3Cpath%20id%3D%22Layer%22%20fill-rule%3D%22evenodd%22%20class%3D%22s0%22%20d%3D%22m339%200.6l-105.6%20169.5-181.4%201.1c-13.2%200-25.4-8.3-34.4-22.3-9-14-14.7-33.4-14.8-54.9-0.2-25.5%206.3-48.5%2016.7-65.1%2010.4-16.6%2024.8-26.7%2040.4-26.8z%22%2F%3E%20%3C%2Fsvg%3E") !important; }