.elementor-90002 .elementor-element.elementor-element-d4b4409{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.8;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:020px;}.elementor-90002 .elementor-element.elementor-element-d4b4409:not(.elementor-motion-effects-element-type-background), .elementor-90002 .elementor-element.elementor-element-d4b4409 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bac1135 );}.elementor-90002 .elementor-element.elementor-element-d4b4409::before, .elementor-90002 .elementor-element.elementor-element-d4b4409 > .elementor-background-video-container::before, .elementor-90002 .elementor-element.elementor-element-d4b4409 > .e-con-inner > .elementor-background-video-container::before, .elementor-90002 .elementor-element.elementor-element-d4b4409 > .elementor-background-slideshow::before, .elementor-90002 .elementor-element.elementor-element-d4b4409 > .e-con-inner > .elementor-background-slideshow::before, .elementor-90002 .elementor-element.elementor-element-d4b4409 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-bac1135 );--background-overlay:'';}.elementor-90002 .elementor-element.elementor-element-647fc22{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-90002 .elementor-element.elementor-element-7efd7bc{text-align:start;}.elementor-90002 .elementor-element.elementor-element-7efd7bc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:700;line-height:60px;color:#FFFFFF;}.elementor-90002 .elementor-element.elementor-element-1492807f{--display:flex;--margin-top:40px;--margin-bottom:400px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-90002 .elementor-element.elementor-element-647fc22{--content-width:1300px;}}@media(max-width:767px){.elementor-90002 .elementor-element.elementor-element-647fc22{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-90002 .elementor-element.elementor-element-7efd7bc{width:100%;max-width:100%;}.elementor-90002 .elementor-element.elementor-element-7efd7bc.elementor-element{--align-self:flex-start;}.elementor-90002 .elementor-element.elementor-element-7efd7bc .elementor-heading-title{font-size:40px;line-height:1.2em;}.elementor-90002 .elementor-element.elementor-element-1492807f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* ============================================================
   Reveles Epoxy — full-width hero for /reviews/  (page 90002)
   Paste into: Appearance → Customize → Additional CSS
   ============================================================ */

/* 1. Break the hero out of the Astra 1240px wrapper */
.page-id-90002 .elementor-element-d4b4409 {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  padding: 0;

  /* >>> SWAP for the image the homepage hero uses <<< */
  background-image: url("https://revelesepoxy.com/wp-content/uploads/2026/03/hero.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* 2. Dark navy overlay — matches the site's #12232e sections */
.page-id-90002 .elementor-element-d4b4409::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(18, 35, 46, 0.62);
  z-index: 0;
}

/* 3. Inner container above the overlay, with the hero height */
.page-id-90002 .elementor-element-647fc22 {
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 100px;
  background: transparent;
}

/* 4. Hero title */
.page-id-90002 .elementor-element-d4b4409 h1.elementor-heading-title {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* 5. Teal accent rule under the title */
.page-id-90002 .elementor-element-d4b4409 h1.elementor-heading-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 4px;
  background: #17b8c4;
  border-radius: 2px;
  margin: 20px auto 0;
}

/* 6. Kill any horizontal scrollbar from the 100vw trick */
.page-id-90002 {
  overflow-x: hidden;
}

/* 7. Tablet / mobile */
@media (max-width: 1024px) {
  .page-id-90002 .elementor-element-647fc22 {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .page-id-90002 .elementor-element-647fc22 {
    padding-top: 65px;
    padding-bottom: 50px;
  }
  .page-id-90002 .elementor-element-d4b4409 h1.elementor-heading-title::after {
    width: 60px;
    margin-top: 14px;
  }
}/* End custom CSS */