:root {
  /* Colors */
  --brand-blue: #2a92b9;
  --brand-cyan: #00adb9;
  --brand-mint: #31c5a4;
  --brand-lime: #8bd77f;
  --brand-yellow: #e0df66;

  --brand-gradient: linear-gradient(
    to right,
    var(--brand-lime),
    var(--brand-mint),
    var(--brand-cyan),
    var(--brand-blue)
  );

  --brand-header-gradient-07: linear-gradient(
    to top,
    rgba(49, 197, 164, 0.9),
    rgba(0, 175, 186, 0.9),
    rgba(42, 147, 184, 0.9)
  );

  --brand-header-gradient: linear-gradient(
    to top,
    var(--brand-mint),
    var(--brand-cyan),
    var(--brand-blue)
  );

  --brand-gradient-65deg: linear-gradient(
    65deg,
    var(--brand-lime),
    var(--brand-mint),
    var(--brand-cyan),
    var(--brand-blue)
  );

  --brand-button-gradient: linear-gradient(
    to right,
    var(--brand-lime),
    var(--brand-mint),
    var(--brand-cyan),
    var(--brand-blue)
  );
}

.mainHeaderContent .siteLogo,
.offcanvas-header img {
  filter: grayscale() contrast(100);
}

.solidBlueBtn {
  background-color: var(--brand-blue);
  color: white;
}

.solidBlueBtn:hover {
  background-color: #2896bd;
}

.solidYellowBtn {
  background-color: var(--brand-yellow) !important;
  color: #257a93 !important;
}

.solidYellowBtn:hover {
  background-color: #e7e762 !important;
}

/* ===============================
   Scotland Color Utilities
=================================*/

.bgBlue {
  background-color: var(--brand-blue);
}

.bgDarkBlue {
  background-color: var(--brand-blue);
}

.bgMint {
  background-color: var(--brand-mint);
}

.textBlue {
  color: var(--brand-blue);
}

.textMint {
  color: var(--brand-mint);
}

.textLinkBlue:not(.card):not(.card > a) {
  color: var(--brand-blue);
}

.textLinkBlue:not(.card):not(.card > a):hover {
  color: var(--brand-mint);
}

.darkBluePill {
  padding: 10px;
  border: 1px solid;
  border-radius: var(--pill-radius);
  position: relative;
  z-index: 1;
  background-color: var(--brand-blue);
  color: white;
  border-color: white;
}

.header-style-2-banner {
  background-color: var(--brand-blue);
}

.postSlider .splide__arrows {
  background-color: var(--brand-blue);
}

.frameworksBlock .accordion-trigger,
.frameworksBlock .accordion-panel,
.frameworksBlock .frameworks-panel {
  background: white;
}

.frameworksBlock .frameworksAccordionHeader {
  background: var(--brand-blue);
}

.header-actions button:hover,
.offcanvas-header button:hover {
  color: var(--brand-yellow) !important;
}

.offcanvas,
.offcanvas-header,
.offcanvas-footer,
.mobileOffcanvas {
  background-color: var(--brand-blue);
}

.social-icons > a > i {
  color: var(--brand-blue) !important;
}

section .social-icons > a,
section .social-icons > a:hover {
  background-color: var(--brand-blue);
}

section.bgGradient .social-icons > a > i {
  color: var(--brand-blue) !important;
}

.siteSearch input[type="search"] {
  border-bottom: 4px solid var(--brand-mint);
}

.siteSearch button[type="submit"] {
  border: 4px solid var(--brand-mint);
  background-color: var(--brand-mint);
}

.contentSlider .splide__pagination li .splide__pagination__page.is-active {
  background: var(--brand-mint);
}

#header-menu li.menu-item > button:hover > span::after {
  background-image: url('data:image/svg+xml,<svg fill="%23f9f871" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
}

#header-menu li.menu-item.is-active > button > span::after {
  background-image: url('data:image/svg+xml,<svg fill="%232fa3cd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
}

@media (max-width: 1399px) {
  #header-menu a:hover,
  #header-menu > li.menu-item > button:hover > span,
  #header-menu > li.menu-item.is-active > button > span {
    color: var(--brand-yellow);
  }

  #header-menu > li.menu-item > div.mega-menu a,
  #header-menu > li.menu-item > div.mega-menu span,
  #header-menu > li.menu-item > div.dropdown-menu a,
  #header-menu > li.menu-item > div.dropdown-menu span {
    color: white;
  }

  #header-menu > li.menu-item > div.mega-menu a:hover,
  #header-menu > li.menu-item > div.dropdown-menu a:hover {
    color: white;
  }

  #header-menu
    > li.menu-item
    > div.mega-menu
    > div.megaContainer
    > ul.second-level
    > li.menu-item
    span.menu-label {
    background-image: var(--brand-gradient);
  }
}

@media (min-width: 1400px) {
  #header-menu > li.menu-item > div.mega-menu {
    background-color: #f8f8f8;
    color: var(--brand-blue);
    border: 1px solid rgba(47, 163, 205, 0.15);
    border-right: 0;
    border-left: 0;
  }

  #header-menu li.menu-item > button:hover > span::after {
    background-image: url('data:image/svg+xml,<svg fill="%23f9f871" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
  }

  #header-menu > li.menu-item > button:hover > span {
    color: var(--brand-yellow);
  }

  #header-menu > li.menu-item.is-active > button > span {
    color: var(--brand-blue);
  }

  #header-menu li.menu-item.is-active > button > span::after {
    background-image: url('data:image/svg+xml,<svg fill="%232fa3cd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
  }

  #header-menu li.menu-item.is-active > button > span::before {
    background-color: #f8f8f8;
  }

  #header-menu > li.menu-item > div.mega-menu a,
  #header-menu > li.menu-item > div.mega-menu span {
    color: var(--brand-blue);
  }

  #header-menu > li.menu-item > div.mega-menu a:hover {
    color: var(--brand-blue);
  }

  #header-menu
    > li.menu-item
    > div.mega-menu
    > div.megaContainer
    > ul.second-level
    > li.menu-item
    span.menu-label {
    color: var(--brand-blue);
    background-image: none;
  }

  #header-menu
    > li.menu-item
    > div.mega-menu
    > div.megaContainer
    > ul.second-level
    > li.menu-item
    span.menu-icon
    i {
    background-image: linear-gradient(
      to right,
      var(--brand-yellow),
      var(--brand-mint),
      var(--brand-blue)
    );
  }

  #header-menu > li.menu-item > div.dropdown-menu a,
  #header-menu > li.menu-item > div.dropdown-menu span {
    color: var(--brand-blue);
  }

  #header-menu > li.menu-item > div.dropdown-menu a:hover {
    color: var(--brand-blue);
  }

  #header-menu a:hover {
    color: var(--brand-yellow);
  }

  #navOffcanvas {
    background-color: transparent;
    box-shadow: none;
  }
}


/* ===========
   Breadcrumbs
==============*/