header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.header__navigation {
  padding: 0.938rem 1.25rem;
  background: var(--primary-dark-gray);
  transition: background 0.25s ease;
}

.active .header__navigation {
  background: var(--primary-dark-gray);
}

.header__navigation .container {
  padding: 0;
}

.header__navigation .logo {
    /* width: 8.375rem;*/
    width: 100%;
    height: 100%;
    max-width: 72px;
}
.home-logo-text {
    display: none;
}

.main__header {
    /* background: var(--primary-dark-gray-trans);*/
    background: rgba(26,32,38,0.5);
}

.header__link {
  color: var(--primary-white);
  font-size: clamp(1rem, 2.5vw, 1.625rem);
  text-decoration: none;
  margin-left: auto;
  margin-right: 1.25rem;
}

.header__link svg {
  vertical-align: initial;
}

.header__hamburger,
.header__hamburger:focus {
  border: none;
  box-shadow: none;
  padding: 0;
}
.navbar .container {
    max-width: 100%;
}
.navbar-toggler-icon.header__hamburger-icon:not(.header__hamburger-icon--dark) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.header__hamburger-icon--dark {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23263238' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.offcanvas__media-wrapper img {
  object-fit: cover;
  width: 100%;
  min-height: 100%;
  height: auto;
  display: block;
}

.offcanvas__content .offcanvas-header {
  padding: 0.625rem 1.25rem 1.875rem;
}

.offcanvas__content .offcanvas-header .content-section__search-input {
  padding: 0.938rem 1.25rem;
}

.offcanvas__content .offcanvas-header .content-section__cta {
  width: 3.75rem;
}

.offcanvas__content .offcanvas-title {
  font-size: clamp(1.563rem, 2.5vw, 2.188rem);
}

.offcanvas__content .offcanvas-title span {
  font-weight: 300;
}

.offcanvas__content .offcanvas-header .btn-close {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F36612'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  opacity: 1;
}

.offcanvas__content .offcanvas-body {
  padding: 0;
}

.offcanvas__navigation-item:not(.offcanvas__navigation-item--child):first-child {
  border-top: 1px solid var(--primary-background);
}

.offcanvas__navigation-item:not(.offcanvas__navigation-item--child) {
  border-bottom: 1px solid var(--primary-background);
  padding: 0.625rem 1.25rem;
}

.offcanvas__navigation-item a {
  color: var(--primary-dark-gray);
  font-size: 1.313rem;
  text-decoration: none;
}

.offcanvas__navigation-item a svg {
  float: right;
  margin-top: 0.563rem;
  opacity: 0.25;
}

.offcanvas__navigation-item--parent ul {
  list-style: none;
}

.offcanvas__content .offcanvas-footer {
  padding: 3.125rem 1.25rem;
}

.offcanvas__content .offcanvas-footer > .btn {
  padding: 0.875rem 3.125rem;
  margin-bottom: 1.875rem;
  font-size: var(--cta-font-size);
}

    .offcanvas__content .offcanvas-footer a {
        /*color: var(--primary-orange);*/
    }

.offcanvas__social-links {
  margin-bottom: 0.938rem;
}

.offcanvas__social-links > a:first-child {
  margin-right: 2.438rem;
}

@media screen and (min-width: 768px)
{
    .home-logo-text {
        position: absolute;
        top: 20px;
        left: 105px;
        font-size: 2.0rem;
        color: var(--primary-orange);
        display: unset;
    }
    .logo-text {
        font-size: 2.0rem;
        color: var(--primary-orange);
    }
}

@media screen and (max-width: 1023px) {
  .offcanvas__content {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}

/**
 * Desktop
 */
@media screen and (min-width: 1024px) {

    .header__navigation {
        background: none;
        /*padding: 1.875rem 1.25rem;*/
        padding: 0.938rem 1.25rem;
    }

    .header__navigation .logo {
        width: 11.375rem;
        /*height: 3.5rem;*/
    }

  .header__navigation .container-fluid {
    /*padding: 0 1.875rem;*/
   padding: 0.938rem;
 }

    .main__header {
        background: rgba(26,32,38,0.5);
    }

  .offcanvas__media {
    flex-basis: 50%;
  }

  .offcanvas__content {
    flex-basis: 50%;
    overflow: auto;
  }

  .offcanvas__content .offcanvas-header {
    padding: 1.875rem 6.25rem 1.875rem 3.125rem;
  }

  .offcanvas__navigation-item:not(.offcanvas__navigation-item--child) {
    padding: 0.625rem 6.25rem 0.625rem 3.125rem;
  }

  .offcanvas__content .offcanvas-footer {
    padding: 3.125rem 3.125rem 0.625rem;
  }
}