/* rooftopdata.com: Keeper style fix "wpb9-rs6-theme" (2026-10-28, Commander desk f22f64de for Matt Tanner, ClickUp 86bcj0dtu).
   It keeps the Rooftop (Consulting) theme's look through WPBakery Page Builder 9.0.1 and Slider Revolution 6.7.58.
   Every rule matches only markup those two versions write: WPBakery 9 button containers (class vc_do_btn) with the
   colours WPBakery 9 writes inline, and Slider Revolution 6 elements (rs-module, rs-module-wrap, rs-slide, rs-layer).
   WPBakery 5.5.2 and Slider Revolution 5.4.8 write none of these, so nothing changes on the site until the update. */

/* 1. Buttons. WPBakery 9 dropped the button Color setting, so buttons set to the theme's colours are drawn in its
   default grey (#ebebeb) and white buttons lose the theme's border and hover. The theme's own rules, re-aimed. */

/* Theme Style 4: the large centred button (home page, ALL SERVICES) */
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat.vc_btn3-size-lg:not(.vc_btn3-block)[style*="background-color:#ebebeb" i] {
  background-color: #AAD03D !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat.vc_btn3-size-lg:not(.vc_btn3-block)[style*="background-color:#ebebeb" i]:hover {
  background-color: #fff !important;
  color: #000000 !important;
}

/* Theme Style 1: the large full-width buttons with an icon (Company presentation, Company brochure) */
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat.vc_btn3-block[style*="background-color:#ebebeb" i] {
  color: #fff !important;
  border-color: #000000 !important;
  background: #000000 !important;
  border-width: 3px !important;
}
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat.vc_btn3-block[style*="background-color:#ebebeb" i]:hover {
  background: #AAD03D !important;
  border-color: #AAD03D !important;
  color: #000000 !important;
}
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat.vc_btn3-block[style*="background-color:#ebebeb" i]:hover .vc_btn3-icon {
  color: #000000 !important;
}

/* White: the contact buttons in the sidebars. WPBakery 9 rewrites their inline colour on hover, so these rules key on
   the fixed onmouseleave attribute that names the white they return to. */
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat[onmouseleave*="#ffffff" i] {
  color: #222222 !important;
  border-color: #fff !important;
  background: #fff !important;
  border-width: 3px !important;
}
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat[onmouseleave*="#ffffff" i]:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
body .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat[onmouseleave*="#ffffff" i]:hover .vc_btn3-icon {
  color: #AAD03D !important;
}
body .stm_sidebar .vc_btn3-container.vc_do_btn > .vc_general.vc_btn3.vc_btn3-style-flat[onmouseleave*="#ffffff" i]:hover {
  background-color: #AAD03D !important;
  border-color: #AAD03D !important;
}

/* 2. Slider Revolution 6 writes rs-layer and rs-slide where 5.x wrote div.tp-caption and li, so the theme's slider
   rules stopped matching. The same rules, re-aimed. */
rs-module rs-layer .button {
  -webkit-transition: all .3s ease !important;
  transition: all .3s ease !important;
  padding: 8px 39px 10px 18px !important;
  margin-right: 16px;
  text-transform: none;
  border-radius: 4px;
}
rs-module rs-layer .button i {
  -webkit-transition: all .3s ease !important;
  transition: all .3s ease !important;
}
rs-module rs-layer .button:hover {
  color: #fff !important;
}
rs-module rs-slide.third_bg_color {
  background-color: #AAD03D !important;
}

/* 3. The Our Technology and Why Rooftop header sliders. 5.x scaled the theme's text inside a layer with the slider
   (slider width divided by its design width: 825 px above 778 px of screen, 778 px at 778 px and below). 6.x keeps the
   text at full size and shrinks only the line height, so the two title lines overlap, and it gives the paragraph an
   empty font name, so it falls back to a serif font. --nkb-u is one scaled pixel. */
rs-module-wrap#rev_slider_2_1_wrapper,
rs-module-wrap#rev_slider_4_1_wrapper {
  container-type: inline-size;
  --nkb-u: min(1px, 100cqw / 825);
}
@media (max-width: 778px) {
  rs-module-wrap#rev_slider_2_1_wrapper,
  rs-module-wrap#rev_slider_4_1_wrapper {
    --nkb-u: min(1px, 100cqw / 778);
  }
}
rs-module#rev_slider_2_1 rs-layer .consulting-rev-title-3,
rs-module#rev_slider_4_1 rs-layer .consulting-rev-title-3 {
  font-size: calc(45 * var(--nkb-u)) !important;
  line-height: calc(45 * var(--nkb-u)) !important;
  letter-spacing: -0.06em !important;
  letter-spacing: round(down, -0.06em, 1px) !important;
}
rs-module#rev_slider_2_1 rs-layer .consulting-rev-text-2,
rs-module#rev_slider_4_1 rs-layer .consulting-rev-text-2 {
  font-family: "Open Sans", sans-serif !important;
}
@media (min-width: 769px) {
  rs-module#rev_slider_2_1 rs-layer .consulting-rev-text-2,
  rs-module#rev_slider_4_1 rs-layer .consulting-rev-text-2 {
    font-size: calc(14 * var(--nkb-u)) !important;
    line-height: calc(22 * var(--nkb-u)) !important;
  }
}
rs-module#rev_slider_2_1 rs-layer a.button,
rs-module#rev_slider_4_1 rs-layer a.button {
  font-size: calc(14 * var(--nkb-u)) !important;
  line-height: calc(23 * var(--nkb-u)) !important;
}