/*
 * 2GetherTech 2026 brand refresh.
 * Scoped as a late-loaded override for the legacy theme CSS.
 */

:root {
  --action: #c8dc64;
  --action-hv: #e4ea90;
  --berry: #d66e6d;
  --terracotta: #b95c51;
  --sage: #374543;
  --chamomile: #fff0ac;
  --mint: #cce6cd;
  --white: #ffffff;
  --cream: #fffef8;
  --warmwhite: #f6f4e9;
  --logo-black: #24282a;
}

body {
  background: var(--cream);
  color: var(--sage);
}

div.header {
  background-color: var(--cream);
  border-bottom: 4px solid var(--action);
}

div.logo {
  background: none;
  display: flex;
  align-items: center;
  height: 95px;
  width: 320px;
}

div.logo img {
  display: block;
  height: auto;
  max-height: 82px;
  max-width: 100%;
  width: 300px;
}

div.logo .site-logo-rev {
  display: none;
}

div.header.fixed_menu {
  background-color: var(--sage) !important;
  border-bottom-color: var(--action);
}

div.header.fixed_menu .site-logo-full {
  display: none;
}

div.header.fixed_menu .site-logo-rev {
  display: block;
}

ul.underlinemenu li a {
  color: var(--sage);
}

ul.underlinemenu li a.selected,
ul.underlinemenu li a:hover {
  color: var(--terracotta);
  text-shadow: none;
}

div.submenu_wrapper,
div.submenu,
.content_showcase_wrapper,
#select_by_container {
  background-color: var(--warmwhite);
}

.title2,
.title3,
h3.cat,
h3.cat2,
h3.cat3,
h3.cat4,
h3.cat5,
h3.cat6,
h3.pil,
.welcome_text span,
.sensor_description span,
.client_description span {
  color: var(--terracotta);
}

h3.cat2,
h3.cat4 {
  border-bottom-color: var(--action);
}

div.index {
  background-color: var(--sage);
}

div.index h2,
div.index h3 span {
  color: var(--chamomile);
}

div.index h3,
div.index h2 span {
  color: var(--cream);
}

.welcome_wrapper {
  background-color: var(--warmwhite);
}

.welcome_text {
  color: var(--sage);
}

a,
.content a {
  color: var(--terracotta);
}

a:hover,
.content a:hover {
  color: var(--berry);
}

.sub_service_button,
.service_form {
  background-color: var(--sage);
  border-color: var(--sage);
}

.sub_service_button:hover {
  background-color: var(--terracotta);
}

#awards_container,
.social_box_container,
div.copyright_wrapper {
  background-color: var(--sage);
}

#awards_container {
  border-top-color: var(--action);
}

#awards_inner .col1 {
  background-image: url('/wp-content/uploads/2026/05/2GT_StaffIcon_Footer-300x300.png');
  background-size: 102px 102px;
}

#awards_inner h3,
h3.social_and_funders_title {
  color: var(--chamomile);
}

#awards_inner p,
div.copyright {
  color: var(--cream);
}

div.copyright {
  background: none;
}

@media screen and (max-width: 51.75em) {
  div.logo_mobile {
    background-color: var(--cream);
    border-bottom: 4px solid var(--action);
  }

  .mobile_logo_normal {
    height: auto;
    max-height: 52px;
    max-width: 190px;
    width: 100%;
  }

  .smallmenu_content,
  div.submenu {
    background-color: var(--sage);
  }

  .smallmenu_content a:hover {
    background-color: var(--action);
    color: var(--sage);
  }
}