/* ===================================================================
   ic-refresh.css  -  Innovate Care website refresh
   Version: 1.3.0
   Updated: 23/09/2026
   Loaded site-wide and LAST in the head, after responsive.css, so
   these rules win the cascade without !important. All refresh rules
   live here so nothing is edited inside the theme's own CSS.
   =================================================================== */

/* --- brand ------------------------------------------------------- */
:root{
    --ic-navy:  #1b1f4d;
    --ic-teal:  #7fc8bd;
    --ic-ink:   #333a42;
}

/* -------------------------------------------------------------
   1. HEADER  -  solid brand navy before scroll, not just when stuck
   ------------------------------------------------------------- */
.ttm-header-style-overlay .ttm-stickable-header-w{ background-color:#1b1f4d !important; }
.ttm-header-style-overlay .ttm-stickable-header{ background-color:#1b1f4d !important; }
.ttm-header-style-overlay:not(.ttm-header-style-classic-overlay) .ttm-stickable-header-w:after{ display:none !important; }

/* -------------------------------------------------------------
   2. SLIDER  -  solid buttons, legible headlines over video
   ------------------------------------------------------------- */
.tp-caption.white-flatborder-button,
.rev_slider .tp-caption.white-flatborder-button{
    background-color:#7fc8bd !important;
    border-color:#7fc8bd !important;
    color:#ffffff !important;
}
.tp-caption.white-flatborder-button:hover,
.rev_slider .tp-caption.white-flatborder-button:hover{
    background-color:#ffffff !important;
    border-color:#ffffff !important;
    color:#1b1f4d !important;
}
#rev_slider_4_4 .tp-caption.slide-main-text{
    text-shadow: 0 2px 18px rgba(0,0,0,.60), 0 1px 3px rgba(0,0,0,.45);
}

/* -------------------------------------------------------------
   3. CALL-TO-ACTION BAR  -  flat navy, no background image
   ------------------------------------------------------------- */
.action-section{ background-image:none !important; }
.action-section .ttm-row-wrapper-bg-layer{ background-image:none !important; }

/* -------------------------------------------------------------
   4. PRODUCT CATEGORY CARDS  (home page "Our Products")
      Uniform 4:3 cards, caption band anchored to the image,
      sector links revealed on hover.
   ------------------------------------------------------------- */
.portfolio-section .featured-imagebox-portfolio{
    position:relative;
    border-radius:4px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 10px rgba(27,31,77,.10);
    transition:transform .35s ease, box-shadow .35s ease;
}
.portfolio-section .featured-imagebox-portfolio:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 36px rgba(27,31,77,.22);
}
.portfolio-section .featured-thumbnail{
    position:relative;
    padding-top:75%;              /* fixed 4:3 so every row aligns */
    background:#fff;
    overflow:hidden;
}
.portfolio-section .featured-thumbnail > a{
    position:absolute; top:0; left:0; right:0; bottom:0; display:block;
}
.portfolio-section .featured-thumbnail img{
    position:absolute; top:0; left:0;
    width:100%; height:100%;
}
/* default fit, overridden per card below */
.portfolio-section .featured-thumbnail img{ object-fit:cover; }
/* room photography fills the card */
.portfolio-section .ic-cat-photo .featured-thumbnail img,
.ic-cat-photo .featured-thumbnail img{ object-fit:cover; padding:0; }
/* cut-out products sit centred on white and are never cropped */
.portfolio-section .ic-cat-cut .featured-thumbnail img,
.ic-cat-cut .featured-thumbnail img{ object-fit:contain; padding:16px; }

/* caption band - always visible, replaces the hover-only overlay */
.portfolio-section .ttm-portfolio-box-view-overlay.ttm-box-view-overlay{
    top:auto !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    opacity:1 !important;
    transform:none !important;
    background:linear-gradient(180deg,
        rgba(27,31,77,0) 0%,
        rgba(27,31,77,.30) 30%,
        rgba(27,31,77,.88) 100%) !important;
    padding-top:34px;
    pointer-events:none;
}
.portfolio-section .ttm-portfolio-box-view-overlay .ttm-box-view-content-inner{
    position:relative !important;
    padding:0 18px 14px !important;
    pointer-events:auto;
}
.portfolio-section .ttm-portfolio-box-view-overlay .ttm-box-view-content-inner .featured-title{
    transform:none !important;
}
.portfolio-section .ttm-portfolio-box-view-overlay .featured-title h5{
    margin:0;
    font-size:18px;
    line-height:24px;
}
.portfolio-section .ttm-portfolio-box-view-overlay .featured-title h5 a{ color:#fff; }
.portfolio-section .ttm-portfolio-box-view-overlay .featured-title h5 a:hover{ color:#7fc8bd; }

/* sector links: hidden until hover, so the resting card stays clean */
.portfolio-section .ttm-portfolio-box-view-overlay .ttm-box-view-content-inner span.category{
    transform:none !important;
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .35s ease, opacity .35s ease, margin-top .35s ease;
    margin-top:0;
    font-size:12px;
    letter-spacing:.6px;
}
.portfolio-section .featured-imagebox-portfolio:hover span.category{
    max-height:40px;
    opacity:1;
    margin-top:5px;
}
.portfolio-section .ttm-portfolio-box-view-overlay span.category a{ color:#7fc8bd; }
.portfolio-section .ttm-portfolio-box-view-overlay span.category a:hover{ color:#fff; }

/* the whole tile is clickable, so drop the inherited pointer weirdness */
.portfolio-section .ttm-box-col-wrapper.productclick{ cursor:pointer; }

/* -------------------------------------------------------------
   5. SECTION RHYTHM
   ------------------------------------------------------------- */
.row-top-section.ttm-bgcolor-white{ background-color:#ffffff !important; }


/* -------------------------------------------------------------
   7. BROWSE BY SECTOR  (/products/ sidebar)
      Sits above Product Categories. Sets ?sector=hospital|aged,
      which filters the product grid server-side. Replaces the old
      buttons that pushed text into the quick-search.
   ------------------------------------------------------------- */
.widget.widget-sector{ margin-bottom:30px; }

.ic-sector-group{
    display:flex;
    gap:10px;
}
.ic-sector-tile{
    flex:1 1 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:16px 6px 14px;
    border:2px solid #d9e0e3;
    border-radius:4px;
    background:#fff;
    color:#1b1f4d !important;
    font-size:13.5px;
    font-weight:600;
    line-height:1.2;
    text-align:center;
    text-decoration:none !important;
    transition:border-color .25s ease, background-color .25s ease,
               color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.ic-sector-tile i{
    font-size:26px;
    line-height:1;
    color:#7fc8bd;
    transition:color .25s ease;
}
.ic-sector-tile:hover{
    border-color:#7fc8bd;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(27,31,77,.13);
}
.ic-sector-tile.ic-sector-on{
    background:#1b1f4d;
    border-color:#1b1f4d;
    color:#ffffff !important;
    box-shadow:0 8px 18px rgba(27,31,77,.24);
}
.ic-sector-tile.ic-sector-on i{ color:#7fc8bd; }

.ic-sector-clear{
    display:inline-block;
    margin-top:12px;
    font-size:12.5px;
    font-weight:600;
    color:#1b1f4d !important;
    text-decoration:underline !important;
}
.ic-sector-clear:hover{ color:#4e9b90 !important; }

/* the active sector, echoed in the page heading */
.ic-sector-in{
    display:inline-block;
    margin-left:10px;
    padding:4px 12px;
    border-radius:3px;
    background:#7fc8bd;
    color:#1b1f4d;
    font-size:14px;
    font-weight:600;
    vertical-align:middle;
}
.ic-no-results{
    padding:28px 0;
    color:#5a6672;
    font-size:15px;
}
.ic-no-results a{ color:#1b1f4d; font-weight:600; text-decoration:underline; }

/* -------------------------------------------------------------
   8. READABILITY  (proposal 7.2)
      The theme sets body copy at 15px in #9dabaf, which measures
      2.37:1 against white - well under the WCAG AA minimum of
      4.5:1. #5a6672 measures 5.87:1 on white and 5.61:1 on the
      grey sections, and stays in the brand's cool grey family.
      Headings are unchanged.
   ------------------------------------------------------------- */
body{
    font-size:16px;
    line-height:27px;
    color:#5a6672;
}
p{ color:#5a6672; }

/* the theme uses this for muted supporting copy - lift it off the floor too */
.ttm-textcolor-grey,
.section-title .title-desc,
.featured-desc p,
.featured-content p{ color:#5a6672 !important; }

/* white-on-dark copy stays white - do not let the above leak into dark bands */
.ttm-bgcolor-darkgrey p,
.ttm-bgcolor-skincolor p,
.ttm-textcolor-white,
.ttm-textcolor-white p,
.action-section p,
footer p{ color:inherit; }

/* -------------------------------------------------------------
   9. SECTION RHYTHM  (proposal 7.3)
      The theme's section grey is #f9fafa - 1.046 against white,
      which is invisible. Where two sections meet it reads as an
      accidental seam rather than a deliberate band. Lifted to
      #f2f5f6 (1.096) so alternation is legible but still quiet.
      Scoped to full-width rows so sidebars keep the old tint.
   ------------------------------------------------------------- */
.ttm-row.ttm-bgcolor-grey,
section.ttm-bgcolor-grey{ background-color:#f2f5f6 !important; }

/* the 3-box service row on the home page sits on white */
.row-top-section.ttm-bgcolor-white{ background-color:#ffffff !important; }

/* -------------------------------------------------------------
   10. AWAITING CLIENT CONFIRMATION
       "make the background gradient either side of the ic teal
       colour" - best guess is the teal contact band (callus-bar).
       Left commented out until confirmed; uncomment to apply.
   ------------------------------------------------------------- */
/*
.first-footer.ttm-bgcolor-skincolor{
    background:linear-gradient(90deg,#6bb8ac 0%, #7fc8bd 50%, #6bb8ac 100%) !important;
}
*/

/* -------------------------------------------------------------
   6. RESERVED
      - partner logo treatment (proposal 2.4)
   ------------------------------------------------------------- */