.elementor-10310 .elementor-element.elementor-element-14d0541{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-30e4f95{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-cd1e4a4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10310 .elementor-element.elementor-element-3d60a34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-966abfd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-78dfea9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10310 .elementor-element.elementor-element-41045c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-59f0469{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-6891585{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10310 .elementor-element.elementor-element-ea19e5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-9b9af0d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-954c362{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10310 .elementor-element.elementor-element-bb953a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-97d28a8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-48baaa4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10310 .elementor-element.elementor-element-374e02f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-c3293e6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10310 .elementor-element.elementor-element-0484e0d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ================================================================
   COMPLIANT RETROFITS — CASE STUDIES PAGE
   FILE:    cr-case-studies-responsive.css
   VERSION: v1
   DATE:    July 2026
   PREFIX:  crcs__

   ALL @media queries for /case-studies/ live in THIS file.
   The section HTML widgets contain ZERO @media queries — Elementor
   strips them from HTML-widget <style> blocks.

   WORDPRESS DEPLOYMENT (functions.php of child theme):

     add_action( 'wp_enqueue_scripts', function () {
       if ( is_page( 'case-studies' ) ) {
         wp_enqueue_style(
           'cr-case-studies-responsive',
           get_stylesheet_directory_uri() . '/css/cr-case-studies-responsive.css',
           array(),
           '1.0'
         );
       }
     } );

   Alternative: paste the entire file into
   Elementor → Page Settings → Advanced → Custom CSS.

   BREAKPOINTS (matches the other CR pages):
     ≤991.98px  — tablet
     ≤767.98px  — large mobile
     ≤575.98px  — mobile
   ================================================================ */


/* ----------------------------------------------------------------
   ≤ 991.98px — TABLET
   ---------------------------------------------------------------- */
@media (max-width: 991.98px) {

  /* S1 Hero */
  .crcs__hero { padding: 80px 0 72px; }
  .crcs__hero-h1 { font-size: 2.6rem; }

  /* Challenge/Solution/Outcome 3-col flows → single column */
  .crcs__study1-flow,
  .crcs__study3-flow,
  .crcs__study4-flow { grid-template-columns: 1fr; }
}


/* ----------------------------------------------------------------
   ≤ 767.98px — LARGE MOBILE
   ---------------------------------------------------------------- */
@media (max-width: 767.98px) {

  /* S1 Hero */
  .crcs__hero-h1 { font-size: 2.1rem; }
  .crcs__hero-sub { font-size: 0.98rem; }

  /* Study H2s */
  .crcs__study1-h2,
  .crcs__study2-h2,
  .crcs__study3-h2,
  .crcs__study4-h2 { font-size: 1.8rem; }
  .crcs__cta-h2 { font-size: 1.9rem; }

  /* Cavity study 2-col grid → single column */
  .crcs__study2-grid { grid-template-columns: 1fr; }

  /* Benefits checklists 2-col → single column */
  .crcs__study1-blist,
  .crcs__study4-blist { grid-template-columns: 1fr; }
}


/* ----------------------------------------------------------------
   ≤ 575.98px — MOBILE
   ---------------------------------------------------------------- */
@media (max-width: 575.98px) {

  /* Section rhythm */
  .crcs__study1,
  .crcs__study2,
  .crcs__study3,
  .crcs__study4 { padding: 60px 0; }

  .crcs__hero { padding: 68px 0 60px; }
  .crcs__cta  { padding: 72px 0; }

  /* Type scale */
  .crcs__hero-h1 { font-size: 1.8rem; }
  .crcs__study1-h2,
  .crcs__study2-h2,
  .crcs__study3-h2,
  .crcs__study4-h2 { font-size: 1.55rem; }
  .crcs__cta-h2 { font-size: 1.65rem; }

  /* Study number badges shrink */
  .crcs__study1-num,
  .crcs__study2-num,
  .crcs__study3-num,
  .crcs__study4-num {
    width: 42px;
    height: 42px;
    font-size: 1.05rem;
  }

  /* Buttons full-width and stacked */
  .crcs__hero-actions,
  .crcs__cta-actions { flex-direction: column; align-items: stretch; }
  .crcs__hero-btn,
  .crcs__cta-btn { text-align: center; }

  /* Card padding tightens */
  .crcs__study1-card,
  .crcs__study2-card,
  .crcs__study2-outcome,
  .crcs__study3-card,
  .crcs__study4-card { padding: 24px 20px; }
  .crcs__study1-benefits,
  .crcs__study4-benefits { padding: 22px 20px; }
}/* End custom CSS */