/*----------------------------------------*/
/*----- Town Trust Color Variables -----*/
/*----------------------------------------*/
:root {
    --town-trust-teal: #6ad6ca;
    --town-trust-dark-teal: #146e63;
    --town-trust-light-teal: #4db6aa;
    --town-trust-very-light-teal: #e0f2f0;
  }
  
  /*----------------------------------------*/
  /*----- Basic typo (keeping original white bg) -----*/
  /*----------------------------------------*/
  body { color: rgba(25,28,47,0.65); background-color: #fff; }
  h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #191c2f; }
  a { color: #191c2f; }
  a:hover { color: var(--town-trust-teal); }
  
  /*----------------------------------------*/
  /*----- Backgrounds (replacing blue with teal) -----*/
  /*----------------------------------------*/
  .bg-trans { background-color: transparent !important; }
  .bg-white { background-color: #fff !important; }
  .bg-grey { background-color: #f3f5fa !important; }
  .bg-dark-grey { background-color: rgba(25,28,47,0.65) !important; }
  .bg-dark { background-color: #191c2f !important; }
  .bg-blue { background-color: var(--town-trust-teal) !important; }
  .bg-light-blue { background-color: var(--town-trust-light-teal) !important; }
  .bg-dark-blue { background-color: var(--town-trust-dark-teal) !important; }
  .bg-red { background-color: var(--town-trust-teal) !important; } /* Changed red to teal */
  .bg-light-red { background-color: var(--town-trust-very-light-teal) !important; } /* Changed light red to very light teal */
  
  /*----------------------------------------*/
  /*----- Overlays (replacing blue with teal) -----*/
  /*----------------------------------------*/
  .dtr-overlay { background-color: rgba(0, 0, 0, .5); }
  .dtr-overlay-blue { background-color: rgba(29, 138, 125, .9); }
  .dtr-overlay-red { background-color: rgba(29, 138, 125, .9); } /* Changed red overlay to teal */
  
  /*----------------------------------------*/
  /*----- Text (replacing blue with teal) -----*/
  /*----------------------------------------*/
  /*== dark ==*/
  .color-dark { color: #191c2f; }
  /*== white ==*/
  .color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a { color: #fff; }
  /*== white muted ==*/
  .color-white-muted, .color-white-muted h1, .color-white-muted h2, .color-white-muted h3, .color-white-muted h4, .color-white-muted h5, .color-white-muted h6, .color-white-muted a { color: rgba(255,255,255,.6); }
  /*== grey ==*/
  .color-grey { color: rgba(29,138,125,0.10) !important; }
  .color-grey-muted { color: #e7eaf6 !important; }
  /*== blue ==*/
  .color-blue { color: var(--town-trust-teal) !important; }
  /*== red ==*/
  .color-red { color: var(--town-trust-teal) !important; } /* Changed red to teal */
  .color-red-muted { color: var(--town-trust-very-light-teal) !important; } /* Changed red-muted to very light teal */
  /*== yellow ==*/
  .color-yellow { color: var(--town-trust-light-teal) !important; } /* Changed yellow to light teal */
  
  /*----------------------------------------*/
  /*----- Borders (replacing blue with teal) -----*/
  /*----------------------------------------*/
  .border-white { border-color: #fff !important; }
  .border-white-muted, .border-white-muted li { border-color: rgba(255,255,255,0.10) !important; }
  .border-grey { border-color: rgba(29,138,125,0.10) !important; }
  .border-blue { border-color: var(--town-trust-teal) !important; }
  .border-dark { border-color: rgba(25,28,47,0.65) !important; }
  .border-red { border-color: var(--town-trust-teal) !important; } /* Changed red to teal */
  
  /*----------------------------------------*/
  /*----- Buttons (replacing blue with teal) -----*/
  /*----------------------------------------*/
  #submit, input[type="submit"] { background-color: var(--town-trust-teal); border-color: var(--town-trust-teal); color: #fff; } /* Changed from dark to teal */
  #submit:hover, input[type="submit"]:hover { color: #fff; background-color: var(--town-trust-dark-teal); }
  .dtr-btn i { color: inherit !important; }
  /*-- white --*/
  .btn-white { background-color: #fff; border-color: rgba(29,138,125,0.10); color: #191c2f; }
  .btn-white:hover { background-color: #fff; border-color: rgba(29,138,125,0.10); color: #191c2f; }
  .btn-flat-white { border-color: #fff; color: #fff; }
  .btn-flat-white:hover { border-color: var(--town-trust-teal); background-color: var(--town-trust-teal); color: #ffffff; } /* Changed red to teal */
  /*-- grey --*/
  .btn-grey { background-color: #f3f5fa; border-color: #f3f5fa; color: #191c2f; }
  .btn-grey:hover { background-color: #f3f5fa; border-color: #f3f5fa; color: #191c2f; }
  .btn-flat-grey { border-color: #f3f5fa; color: #191c2f; }
  .btn-flat-grey:hover { background-color: #f3f5fa; color: #191c2f; }
  /*-- blue --*/
  .btn-blue { background-color: var(--town-trust-teal); border-color: var(--town-trust-teal); color: #fff; }
  .btn-blue:hover { background-color: var(--town-trust-dark-teal); border-color: var(--town-trust-dark-teal); color: #fff; }
  .btn-flat-blue { border-color: var(--town-trust-teal); color: var(--town-trust-teal); }
  .btn-flat-blue:hover { background-color: var(--town-trust-teal); color: #fff; }
  /*-- red --*/
  .btn-red { background-color: var(--town-trust-dark-teal); border-color: var(--town-trust-teal); color: #fff; } /* Changed red to teal */
  .btn-red:hover { background-color: var(--town-trust-dark-teal); border-color: var(--town-trust-dark-teal); color: #fff; } /* Changed dark to dark teal */
  .btn-flat-red { border-color: var(--town-trust-teal); color: var(--town-trust-teal); } /* Changed red to teal */
  .btn-flat-red:hover { background-color: var(--town-trust-teal); color: #fff; } /* Changed red to teal */
  
  /*----------------------------------------*/
  /*----- Forms (replacing blue with teal) -----*/
  /*----------------------------------------*/
  label, input, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { color: #191c2f; }
  select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { background-color: #fff; }
  select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { border-color: #e7eaf6; }
  textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus { border-color: var(--town-trust-teal); outline: none; }
  
  /*----------------------------------------*/
  /*----- Header (keeping white bg) -----*/
  /*----------------------------------------*/
  /*===== Header =====*/
  #dtr-header-global { background-color: #fff; }
  #dtr-header-global.trans-header { background-color: transparent; }
  #dtr-header-global.on-scroll { background-color: #fff; }
  #dtr-header-global.on-scroll .on-scroll-color-dark { color: #191c2f !important; }
  
  /*----------------------------------------*/
  /*----- Footer (updating to teal) -----*/
  /*----------------------------------------*/
  .dtr-footer-main { background-color: var(--town-trust-dark-teal); } /* Changed dark to dark teal */
  .dtr-copyright { background-color: var(--town-trust-teal); } /* Changed red to teal */
  .dtr-footer-main h1, .dtr-footer-main h2, .dtr-footer-main h3, .dtr-footer-main h4, .dtr-footer-main h5, .dtr-footer-main h6 { color: #fff; } 
  .dtr-footer-main, .dtr-footer-main a, .dtr-copyright, .dtr-copyright a { color: #fff; }
  .dtr-copyright a:hover, .dtr-footer-main a:hover { color: rgba(255,255,255, .50); }
  .dtr-footer-main .dtr-list-border li { border-color: rgba(255, 255, 255, .10); }
  
  /*----------------------------------------*/
  /*----- Menu (replacing blue with teal) -----*/
  /*----------------------------------------*/
  /* menu for dark background */
  .dtr-menu-light .nav-link { color: rgba(255, 255, 255, .5); }
  .dtr-menu-light .active { color: #fff; }
  .dtr-menu-light .nav-link:hover { color: #fff; }
  .dtr-menu-light .active:hover { color: var(--town-trust-teal); }
  .dtr-menu-light .sf-menu:first-child > li a::before, .dtr-menu-light .sf-menu:first-child > li a:hover::before, .dtr-menu-light .sf-menu:first-child > li a.active:before { background-color: var(--town-trust-teal); } /* Changed red to teal */
  /* menu for light background */
  .dtr-menu-dark .nav-link { color: #191c2f; }
  .dtr-menu-dark .active { color: var(--town-trust-teal); }
  .dtr-menu-dark .nav-link:hover { color: var(--town-trust-teal); }
  .dtr-menu-dark .active:hover { color: var(--town-trust-teal); }
  .dtr-menu-dark .sf-menu:first-child > li a::before, .dtr-menu-dark .sf-menu:first-child > li a:hover::before, .dtr-menu-dark .sf-menu:first-child > li a.active:before { background-color: var(--town-trust-teal); } /* Changed red to teal */
  /* dropdown link color */
  .sf-menu .sub-menu li a { color: rgba(25,28,47,0.65); }
  .sf-menu .sub-menu li a:hover, .sf-menu .sub-menu li .active { background: rgba(29,138,125,0.05); color: var(--town-trust-teal); }
  .sf-menu .sub-menu { background-color: #fff; }
  .sf-menu .sub-menu a { border-bottom-color: #eee; }
  
  /*----------------------------------------*/
  /*----- Elements (replacing blue/red with teal) -----*/
  /*----------------------------------------*/
  /*====== preloader =====*/
  .dtr-preloader { background: var(--town-trust-teal); }
  .dtr-loader { color: #fff; }
  /*===== feature =====*/
  .dtr-feature-circle-icon .dtr-feature-img, .dtr-feature-square-icon .dtr-feature-img, .dtr-feature-circle-lg-icon .dtr-feature-img, .dtr-feature-square-lg-icon .dtr-feature-img { background-color: #fff; border-color: rgba(29,138,125,0.10); }
  /*===== testimonial =====*/
  .dtr-testimonial-icon::before { background-color: var(--town-trust-teal); color: #fff; } /* Changed red to teal */
  .dtr-testimonial-user img { border-color: var(--town-trust-teal); } /* Changed red to teal */
  /*===== servicebox =====*/
  .dtr-servicebox { border-color: rgba(29,138,125,0.10); }
  .dtr-servicebox:hover { background-color: rgba(29,138,125,0.05); }
  .dtr-servicebox-number { color: rgba(29,138,125,0.10); }
  .dtr-servicebox:hover .dtr-servicebox-number { color: rgba(29,138,125,0.10); }
  /*===== blog items =====*/
  .dtr-post-img { border-color: rgba(29,138,125,0.10); }
  .dtr-blog-meta li a { color: rgba(25,28,47,0.65); }
  .dtr-blog-meta li a:hover { color: var(--town-trust-teal); }
  .dtr-blog-meta li::before { color: var(--town-trust-teal); }
  .dtr-blog-meta { border-color: #e7eaf6; }
  .dtr-blog-date { background-color: var(--town-trust-teal); color: #fff; } /* Changed red to teal */
  /*===== cta box =====*/
  .dtr-cta-box-icon { background-color: #fff; border-top-color: #fff; }
  /*===== Accordion =====*/
  .dtr-accordion .card-header:first-child, .dtr-accordion.accordion > .card:not(:first-of-type) .card-header:first-child { border-color: rgba(29,138,125,0.10); }
  .dtr-btn.accordion-btn-link.collapsed { background: none; color: #191c2f; }
  .dtr-btn.accordion-btn-link, .dtr-btn.accordion-btn-link:hover { background: none; color: #191c2f; }
  /* white text accordion */
  .color-white .dtr-btn.accordion-btn-link.collapsed { background: none; color: #fff; }
  .color-white .dtr-btn.accordion-btn-link, .color-white .dtr-btn.accordion-btn-link:hover { background: none; color: #fff; }
  .color-white .dtr-accordion .card-header:first-child, .color-white .dtr-accordion.accordion > .card:not(:first-of-type) .card-header:first-child { border-color: rgba(255, 255, 255, .10); }
  .color-white .dtr-accordion .card-body { color: rgba(255,255,255,.60) !important; }
  /*== Sticky Tabs ==*/
  .dtr-sticky-tabs { background-color: var(--town-trust-teal); } /* Changed blue to teal */
  .dtr-sticky-tabs .nav-item:after { background-color: rgba(255, 255, 255, .10); }
  .dtr-sticky-tabs-nav .nav-link { color: #fff; }
  .dtr-sticky-tabs-nav .nav-link:hover, .dtr-sticky-tabs-nav .nav-link.active { color: var(--town-trust-dark-teal); } /* Changed red to light teal */
  /*===== footer contact =====*/
  .dtr-contact-widget li i::after { background-color: rgba(255, 255, 255, .25); }
  /*===== Video Play =====*/
  /* white */
  .video-button-light .dtr-video-button-wrap-inner { background-color: #fff; }
  .video-button-light .dtr-video-button::after { color: var(--town-trust-teal); } /* Changed red to teal */
  .video-button-light .dtr-border-animation { border-color: rgba(255, 255, 255, .5); }
  /* white */
  .video-button-dark .dtr-video-button-wrap-inner { background-color: var(--town-trust-dark-teal); } /* Changed dark blue to dark teal */
  .video-button-dark .dtr-video-button::after { color: #fff; }
  .video-button-dark .dtr-border-animation { border-color: rgba(20, 110, 99, 0.4); } /* Changed to dark teal with opacity */
  /*===== social =====*/
  .dtr-social-circle .dtr-social-list a, .dtr-social-square .dtr-social-list a { background-color: var(--town-trust-teal); color: #fff !important; }
  .dtr-social-circle .dtr-social-list a:hover, .dtr-social-square .dtr-social-list a:hover { background-color: var(--town-trust-dark-teal); color: #fff !important; }
  /*----------------------------------------*/
  /*----- Misc -----*/
  /*----------------------------------------*/
  .dtr-border-top, .dtr-border-right, .dtr-border-bottom, .dtr-border-left, .dtr-border-top-2px, .dtr-border-right-2px, .dtr-border-bottom-2px, .dtr-border-left-2px, .dtr-border-2px, .dtr-border-list li, .dtr-half-border-list li:after { border-color: rgba(29,138,125,0.10); }
  .dtr-pipe-list li::after { border-color: rgba( 255, 255, 255, .2); }
  /*===== slick carousel =====*/
  .dtr-slick-slider .slick-prev:before, .dtr-slick-slider .slick-next:before { color: #ffffff; }
  .dtr-slick-slider .slick-prev, .dtr-slick-slider .slick-next { background-color: var(--town-trust-teal); border-color: var(--town-trust-teal); }
  .dtr-slick-slider .slick-prev:hover, .dtr-slick-slider .slick-next:hover { background-color: var(--town-trust-dark-teal); border-color: var(--town-trust-dark-teal); }
  .dtr-slick-slider .slick-prev:hover:before, .dtr-slick-slider .slick-next:hover:before { color: #fff; }
  .dtr-slick-slider ul.slick-dots li button { background-color: var(--town-trust-teal); opacity: .4; } /* Changed red to teal */
  .dtr-slick-slider ul.slick-dots li button:hover, .dtr-slick-slider ul.slick-dots li.slick-active button { background-color: var(--town-trust-teal); opacity: 1; } /* Changed red to teal */
  /*===== accent bg hover =====*/
  .accent-color { color: var(--town-trust-teal) !important; }
  /*===== accent link hover =====*/
  .accent-color-hover:hover { color: var(--town-trust-teal) !important; }