.navbar {
  .custom-logo-link {
    margin-right: 1rem;

    img {
      width: auto;
      height: 45px !important;
			max-width: unset;
    }
  }

  .navbar-brand {
    font-size: 1.725rem;
    font-weight: 100;
    letter-spacing: 0.3rem;
    line-height: 1;
		// max-width: 320px;
    // overflow: hidden;
    // text-overflow: ellipsis;
    text-decoration: none;
    margin-right: $gap;
    text-transform: uppercase;
		white-space: nowrap;
  }

  .navbar-collapse {
		@media(min-width: $breakpoint-desktop) {
      align-items: center;
      flex-direction: row;
      justify-content: space-between;
      flex: 0 1 100%;
      width: 100%;
    }

    .main-nav-menu {
      .dropdown {
        .dropdown-toggle {
          position: relative;
  
          &:after {
            position: absolute;
            right: 10px;
            top: 50%;
            
            @media(min-width: $breakpoint-desktop) {
              position: static;
            }
          }
        }
      }
    
      .menu-item {
        margin: 0 !important;

        a {
          font-weight: 400;
          padding: 1rem;
    
          &.current-menu-item > a {
            color: $color-dark !important;
            font-weight: 700;
          }
        }
      }
    
      .sub-menu {
        padding: 0;
        border-radius: 0.5rem !important;
        position: relative;

        @media(min-width: $breakpoint-tablet) {
          position: absolute;
        }

        .menu-item {
          margin: 0 1rem !important;
        }
    
        a {
          color: inherit !important;
    
          &:hover,
          &:focus {
            color: $color-dark!important;
          }
        }
      }
    }
    
  }
}