:root {
  --brand-navy: #1a1f2c;
  --brand-rose: #00a96b;
  --brand-yellow: #86d83e;
  --brand-orange: #00b894;
  --brand-light-grey: #edf7f3;

  --brand-gradient: linear-gradient(
    to right,
    #00b894 0%,
    #86d83e 36%,
    #1099a8 68%,
    #1a1f2c 100%
  );

  --brand-header-gradient-07: linear-gradient(
    to top,
    rgba(0, 184, 148, 0.68),
    rgba(26, 31, 44, 0.92)
  );

  --brand-header-gradient: linear-gradient(
    to top,
    #00a96b 0%,
    #1a1f2c 100%
  );

  --brand-gradient-65deg: linear-gradient(
    65deg,
    #86d83e 0%,
    #00b894 34%,
    #1099a8 66%,
    #1a1f2c 100%
  );

  --brand-button-gradient: linear-gradient(
    to right,
    #00b894 0%,
    #1099a8 58%,
    #1a1f2c 100%
  );
}

.mainHeaderContent .siteLogo.inprovaLogo,
.offcanvas-header .siteLogo.inprovaLogo,
.mainFooterContent > div:last-of-type .siteLogo.inprovaLogo {
  box-sizing: border-box;
  width: auto;
  object-fit: contain;
  background: white;
  border-radius: 4px;
  padding: 10px 14px;
  filter: none !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
}

.mainHeaderContent .siteLogo.inprovaLogo {
  max-width: clamp(170px, 16vw, 245px);
  max-height: clamp(58px, 6vw, 86px);
}

.offcanvas-header .siteLogo.inprovaLogo {
  max-width: 190px;
  max-height: 66px;
}

.mainFooterContent > div:last-of-type .siteLogo.inprovaLogo {
  max-width: clamp(180px, 20vw, 250px);
  max-height: 78px;
}

.site-header.pinned:not(.pinned-top) .mainHeaderContent > a > .siteLogo.inprovaLogo {
  max-height: clamp(48px, 5vw, 64px);
  padding: 8px 12px;
}

.solidOrangeBtn {
  background: #00a96b;
  color: white;
  border-color: #008e5a;
}

.solidOrangeBtn:hover {
  background: #008e5a;
}

.site-header.pinned:not(.pinned-top) {
  background: linear-gradient(180deg, #243044 0%, #1a1f2c 100%);
}

.social-icons > a:hover,
.mainFooterContent .social-icons > a:hover,
section .social-icons > a:hover,
section.bgGradient .social-icons > a:hover {
  background-color: #00a96b !important;
}

.textLinkBrand:not(.card):not(.card > a):hover,
.textLinkNavy:not(.card):not(.card > a):hover,
.mainFooterContent .menu a:hover,
.mainFooterContent > div:first-of-type a:hover,
.mainFooterContent > div:last-of-type > a:hover {
  color: #86d83e !important;
}