.nav {
   background-color: var(--color-green-olive-25);
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   -webkit-transition: background-color .25s ease-in-out, top .25s ease;
   -o-transition: background-color .25s ease-in-out, top .25s ease;
   transition: background-color .25s ease-in-out, top .25s ease;
   z-index: 100;
}

.nav .full-colour_logo {
   opacity: 0;
   visibility: hidden;
   display: none;
}

.nav .white_logo {
   opacity: 1;
   visibility: visible;
   display: block;
}

.nav:after {
   content: '';
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 0;
   height: 1px;
   max-width: 100%;
   margin: 0 auto;
   z-index: -1;
}

.nav .container {
   max-width: 1455px;
}

.nav .desktop-nav .buttons {
  margin-left: auto;
}

.nav .desktop-nav__container {
  align-items: center;
  display: flex;
  gap: 24px;
  position: relative;
}

.nav .desktop-nav__container::after {
  background-color: var(--color-blue-klein-900);
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.nav--scrolled {
/**/
}

.nav--scrolled .full-colour_logo,
.nav-mobile--toggled .full-colour_logo{
   opacity: 1;
   visibility: visible;
   display: block;
}

.nav--scrolled .white_logo,
.nav-mobile--toggled .white_logo {
   opacity: 0;
   visibility: hidden;
   display: none;
}

.nav--scrolled:after {
   content: none;
}

.nav--static {
   position: absolute;
}

.nav .btn {
   font-size: 15px;
   line-height: 18px;
   margin: 0px 0px 0px 24px;
}

.nav .btn:not(.btn-blue-outline) {
   padding: 15px 25px;
}

.nav .btn.btn-blue-outline {
   padding: 13px 23px;
}

@media only screen and (min-width: 992px) {
   .nav:hover {
      /*background-color: white;*/
   }

   .nav:hover .full-colour_logo {
      opacity: 1;
      visibility: visible;
      display: block;
   }

   .nav:hover .white_logo {
      opacity: 0;
      visibility: hidden;
      display: none;
   }
}

@media only screen and (max-width: 991px) {
   .nav--static {
      position: relative;
   }

   .nav:after {
      z-index: 1;
   }

   .nav .container {
      max-width: 100%;
   }
}

.nav__search--desktop {
   background: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.9567 38.4764L35.424 29.9437C35.0389 29.5586 34.5168 29.3446 33.9691 29.3446H32.5741C34.9362 26.3235 36.3398 22.5236 36.3398 18.3898C36.3398 8.55625 28.3719 0.588379 18.5383 0.588379C8.70468 0.588379 0.736816 8.55625 0.736816 18.3898C0.736816 28.2234 8.70468 36.1913 18.5383 36.1913C22.672 36.1913 26.4719 34.7877 29.493 32.4256V33.8206C29.493 34.3684 29.707 34.8904 30.0921 35.2756L38.6248 43.8083C39.4293 44.6128 40.7302 44.6128 41.5261 43.8083L43.9482 41.3863C44.7527 40.5818 44.7527 39.2809 43.9567 38.4764ZM18.5383 29.3446C12.4875 29.3446 7.58353 24.4492 7.58353 18.3898C7.58353 12.3391 12.4789 7.4351 18.5383 7.4351C24.5891 7.4351 29.493 12.3305 29.493 18.3898C29.493 24.4406 24.5976 29.3446 18.5383 29.3446Z" fill="%23000000"/></svg>') center/contain no-repeat;
   border: 0;
   height: 25px;
   width: 25px;
   margin-left: auto;
   padding: 0 24px;
   position: relative;
}

.nav__search--mobile {
   margin-top: 25px;
   padding: 0px 38px;
}

.nav__search--desktop .nav__search-input,
.nav__search-close {
   position: absolute;
}

.nav__search--desktop .nav__search-input {
   overflow: hidden;
   right: -2px;
   top: 50%;
   transition: width .25s ease;
   transform: translateY(-50%);
   width: 0;
}

.nav__search--desktop .nav__search-input.nav__search-input--open {
   width: 325px;
}

.nav__search-close {
   background: transparent;
   border: 0;
   height: 30px;
   right: 20px;
   top: 50%;
   transform: translateY(-50%);
   width: 30px;
   z-index: 3;
}

.nav__search-input form input[type=search] {
   background: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.9567 38.4764L35.424 29.9437C35.0389 29.5586 34.5168 29.3446 33.9691 29.3446H32.5741C34.9362 26.3235 36.3398 22.5236 36.3398 18.3898C36.3398 8.55625 28.3719 0.588379 18.5383 0.588379C8.70468 0.588379 0.736816 8.55625 0.736816 18.3898C0.736816 28.2234 8.70468 36.1913 18.5383 36.1913C22.672 36.1913 26.4719 34.7877 29.493 32.4256V33.8206C29.493 34.3684 29.707 34.8904 30.0921 35.2756L38.6248 43.8083C39.4293 44.6128 40.7302 44.6128 41.5261 43.8083L43.9482 41.3863C44.7527 40.5818 44.7527 39.2809 43.9567 38.4764ZM18.5383 29.3446C12.4875 29.3446 7.58353 24.4492 7.58353 18.3898C7.58353 12.3391 12.4789 7.4351 18.5383 7.4351C24.5891 7.4351 29.493 12.3305 29.493 18.3898C29.493 24.4406 24.5976 29.3446 18.5383 29.3446Z" fill="%23000000"/></svg>') center/contain no-repeat;
   background-position: calc(100% - 25px);
   background-size: 20px;
   border: 2px solid var(--color-black);
   border-radius: 2000px;
   font-weight: 400;
   height: 48px;
   padding: 15px 25px;
   padding-right: 70px;
   color var(--color-black);
}

@media only screen and (min-width: 768px) {
   .nav__search-input form input[type=search] {
      background: url('data:image/svg+xml,<svg class="header__actions-search-toggle-close-icon" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.42473 5.13173L0.712419 8.84404L1.41953 9.55115L5.13184 5.83883L8.84415 9.55115L9.55125 8.84404L5.83894 5.13173L9.55125 1.41942L8.84415 0.712311L5.13184 4.42462L1.41953 0.71231L0.712419 1.41942L4.42473 5.13173Z" fill="%23000000"></path></svg>') var(--color-green-olive-25) no-repeat;
      background-position: calc(100% - 25px);
      background-size: 15px;
   }
}

.nav__search-input input::placeholder {
   color: #000;
}