/* Highridge upgrade: navy, blue and amber palette with photo backgrounds.
   Loads after style.css and overrides its red. Change the variables to retune. */
:root{--navy:#16304F;--navy-d:#0E2038;--blue:#2F6DB5;--amber:#E8A317;--paper:#F5F7FA;--ink:#0E1B2C;--muted:#4A5B70;--line:#D5DDE8}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Top bar */
header#ttr_header{background:var(--navy-d)!important}
header#ttr_header *{color:#DDE6F2!important}
header#ttr_header .headerforeground01,header#ttr_header .headerforeground02{filter:invert(1) brightness(1.6)}
.ttr_headershape02 p,.ttr_headershape02 span{white-space:nowrap}

/* Menu: white bar, navy text, blue active state */
nav#ttr_menu .ttr_menushape1 p span,nav#ttr_menu .ttr_menushape1 p span *{color:var(--navy)!important}
.ttr_menu_items_parent_link,.ttr_menu_items_parent_link:visited{color:var(--navy)!important}
.ttr_menu_items_parent_link_active{color:var(--blue)!important;border-bottom:3px solid var(--amber)}
.ttr_menu_items_parent_link:hover{color:var(--blue)!important}

/* Hero: navy panels over your photos, amber headline */
.ttr_slideshowshape01,.ttr_slideshowshape11{background:rgba(14,32,56,.80)!important}
.ttr_slideshow span{color:#EAF0F8!important}
.ttr_slideshow span[style*="200,49,66"]{color:var(--amber)!important}


/* Shared section styling */
.hb-wrap{max-width:1100px;margin:0 auto;padding:0 20px;font-family:'Open Sans',Arial,sans-serif;color:var(--ink)}
.hb-section{padding:64px 0}
.hb-eyebrow{margin:0 0 8px;font-size:.85em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.hb-section h2,.hb-cta h2{font-family:'Open Sans',Arial,sans-serif;font-weight:700;line-height:1.2;margin:0 0 10px;font-size:2em;color:var(--navy)}
.hb-lead{max-width:660px;font-size:1.05em;line-height:1.7;margin:0 0 32px;color:var(--muted)}

/* Systems */
#systems{background:var(--paper)}
.hb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hb-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:6px;padding:22px 24px;box-shadow:0 2px 8px rgba(22,48,79,.06)}
.hb-card h3{font-size:1.15em;font-weight:700;margin:0 0 8px;color:var(--navy)}
.hb-card p{margin:0;line-height:1.6;color:var(--muted)}
.hb-row2{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}
.hb-feature{background:var(--navy);color:#fff;border-radius:6px;padding:26px 28px;border-left:6px solid var(--amber)}
.hb-feature h3{font-size:1.4em;font-weight:700;margin:0 0 8px;color:#fff}
.hb-feature p{margin:0;line-height:1.65;color:#C7D3E3}
.hb-feature .hb-tag{font-size:.8em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:0 0 6px}

/* How we work: photo band */
.hb-photo{background:linear-gradient(rgba(14,32,56,.90),rgba(14,32,56,.90)),url(images/HomeTabletSlide0.jpg) center/cover}
.hb-photo h2{color:#fff}
.hb-photo .hb-eyebrow{color:var(--amber)}
.hb-photo .hb-lead{color:#C7D3E3}
.hb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:hb}
.hb-steps li{counter-increment:hb;background:#fff;border-radius:6px;padding:20px 22px;border-top:4px solid var(--amber)}
.hb-steps li:before{content:counter(hb);display:block;font-size:1.8em;font-weight:700;color:var(--blue);line-height:1;margin-bottom:6px}
.hb-steps h3{font-size:1.1em;font-weight:700;margin:0 0 6px;color:var(--navy)}
.hb-steps p{margin:0;line-height:1.6;color:var(--muted)}

/* Why Highridge: benefit cards with your photos, then a strengths strip */
#why{background:#fff}
.hb-bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hb-bcard{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(22,48,79,.06)}
.hb-bcard img{display:block;width:100%;height:140px;object-fit:cover}
.hb-bcard div{padding:16px 18px 20px}
.hb-bcard h3{font-size:1.1em;font-weight:700;margin:0 0 6px;color:var(--navy)}
.hb-bcard p{margin:0;line-height:1.55;font-size:.95em;color:var(--muted)}
.hb-strengths{list-style:none;margin:36px 0 0;padding:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hb-strengths li{border-left:4px solid var(--amber);padding-left:14px}
.hb-strengths strong{display:block;color:var(--blue);font-size:1.05em;margin-bottom:2px}
.hb-strengths span{color:var(--muted);line-height:1.5;font-size:.95em}

/* Call to action */
.hb-cta{background:linear-gradient(rgba(14,32,56,.88),rgba(14,32,56,.88)),url(images/ServicesDesktophtml_row3.jpg) center/cover;color:#fff;padding:56px 0}
.hb-cta .hb-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.hb-cta h2{color:#fff}
.hb-cta p{margin:0;max-width:560px;line-height:1.6;color:#DDE6F2}
.hb-btn{display:inline-block;background:var(--amber);color:#1A1200;font-weight:700;padding:12px 22px;border:2px solid var(--amber);border-radius:4px;text-decoration:none;margin:4px 6px 4px 0}
.hb-btn:hover,.hb-btn:focus{filter:brightness(1.1);color:#1A1200;text-decoration:none}
.hb-btn-o{background:transparent;color:#fff;border-color:#8FA6C4}
.hb-btn-o:hover,.hb-btn-o:focus{background:#fff;color:var(--navy);border-color:#fff}
.hb-btn:focus{outline:3px solid #fff;outline-offset:2px}

/* Footer */
footer#ttr_footer{background:var(--navy-d)!important}
footer#ttr_footer a:hover{color:var(--amber)!important}
@media (max-width:991px){.hb-grid{grid-template-columns:repeat(2,1fr)}.hb-steps,.hb-bgrid,.hb-strengths{grid-template-columns:repeat(2,1fr)}.hb-row2{grid-template-columns:1fr}}
@media (max-width:575px){.hb-section{padding:44px 0}.hb-section h2,.hb-cta h2{font-size:1.55em}.hb-grid,.hb-steps,.hb-bgrid,.hb-strengths{grid-template-columns:1fr}}

/* Slider arrows: your sprite is red, so shift it to amber */
.left-button,.right-button{filter:hue-rotate(66deg) saturate(1.4) brightness(1.8)}
.left-button:hover,.right-button:hover{filter:hue-rotate(66deg) saturate(1.4) brightness(2)}

/* Mobile menu button */
.navbar-default .navbar-toggle{border-color:var(--navy)!important}
.navbar-default .navbar-toggle .icon-bar{background-color:var(--navy)!important}

/* ===== Inner pages (About Us, Contact Us) ===== */
.hb-pagehead{background:linear-gradient(rgba(14,32,56,.90),rgba(14,32,56,.90)),url(images/11.jpg) center/cover;padding:64px 0 56px}
.hb-pagehead .hb-eyebrow{color:var(--amber)}
.hb-pagehead h1{font-family:'Open Sans',Arial,sans-serif;font-weight:700;font-size:2.4em;line-height:1.15;margin:0 0 12px;color:#fff}
.hb-pagehead .hb-lead{color:#C7D3E3;margin:0}

/* Recolour the template's inline red text and buttons */
span[style*="213,67,83"],span[style*="200,49,66"]{color:var(--blue)!important}
.btn-primary,.btn-primary:visited{background:var(--amber)!important;border-color:var(--amber)!important;color:#1A1200!important;font-weight:700}
.btn-primary:hover,.btn-primary:focus{filter:brightness(1.1)}
.btn-default{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;font-weight:700}
.btn-default:hover,.btn-default:focus{background:var(--blue)!important;border-color:var(--blue)!important}

/* About: coffee-photo band becomes a readable navy band */
.ttr_About-Us_html_row4{background:linear-gradient(rgba(14,32,56,.86),rgba(14,32,56,.86)),url(images/About-UsDesktophtml_row4.jpg) center/cover!important}
.ttr_About-Us_html_row4 span{color:#EAF0F8!important}
.ttr_About-Us_html_row4 span[style*="213,67,83"]{color:var(--amber)!important}
.ttr_About-Us_html_column11 span[style*="213,67,83"],.ttr_About-Us_html_column50 span[style*="213,67,83"]{color:var(--navy)!important}
.ttr_About-Us_html_row1 img,.ttr_About-Us_html_row5 img{border-radius:6px;box-shadow:0 4px 14px rgba(22,48,79,.18)}
.ttr_About-Us_html_row1,.ttr_About-Us_html_row5{padding-top:24px;padding-bottom:24px}

/* Contact: details card and form */
.ttr_Contact-Us_html_row1{max-width:1100px;margin:0 auto;padding:48px 0 56px}
.hb-contact{background:var(--navy);color:#fff;border-radius:6px;border-left:6px solid var(--amber);padding:28px 30px;font-family:'Open Sans',Arial,sans-serif}
.hb-contact h2{margin:0 0 14px;font-size:1.5em;font-weight:700;color:#fff;font-family:'Open Sans',Arial,sans-serif}
.hb-contact dl{margin:0}
.hb-contact dt{font-size:.8em;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-weight:700;margin-top:14px}
.hb-contact dd{margin:2px 0 0;color:#EAF0F8;font-size:1.05em}
.hb-contact a{color:#fff;text-decoration:none;border-bottom:1px solid #5C7396}
.hb-contact a:hover{color:var(--amber);border-color:var(--amber)}
.hb-formtitle span{font-family:'Open Sans',Arial,sans-serif;font-weight:700;font-size:1.5em;color:var(--navy)}
.form-control{border:1px solid #B8C6D8!important;background:#fff!important;border-radius:4px}
.form-control:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(47,109,181,.2)!important;outline:none}
.control-label.required:after,.required-star{color:var(--amber)}
@media (max-width:575px){.hb-pagehead{padding:44px 0 38px}.hb-pagehead h1{font-size:1.8em}.ttr_Contact-Us_html_row1{padding:32px 0 40px}}
.ttr_Contact-Us_html_column11 .html_content{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px 28px 12px;box-shadow:0 2px 8px rgba(22,48,79,.06)}
#ContactForm0{float:none!important;width:100%}
.ttr_Contact-Us_html_row1 .post_column{padding-left:14px;padding-right:14px}
@media (max-width:1199px){.ttr_Contact-Us_html_column11{margin-top:24px}}
.ttr_Contact-Us_html_row1{padding-top:40px!important}
.hb-formtitle{margin:0 0 10px}