.primary-nav{
    margin-left: 1rem;
    margin-right: 5.5rem;
}
.primary-header .primary-container {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 300px auto;
    padding: 24px 40px;
}

.primary-header .responsive-only {
    display: none;
}

.primary-header .primary-container .logo-responsive {
    display: none;
}

.primary-header .primary-container .logo-primary {
    max-height: 82px;
}

.primary-header .primary-container .primary-nav-and-search-container {
    justify-self: right;
}

/*Set default link and button text styles*/
.primary-header .primary-container .primary-nav-and-search-container *,
.primary-header .primary-container .search-button.responsive-only {
    color: var(--charcoal-grey);
    font-size: 15px;
    font-weight: 700;
    margin-top: -2px;
    text-transform: uppercase;
}

/*Make all containers aline to the top*/
.primary-header .primary-container .primary-nav-and-search-container > * {
    display: inline-block;
    vertical-align: top;
}

.primary-header .primary-container .primary-nav-and-search-container .search-button {
    padding: 0 50px;
}

.primary-header .primary-container .primary-nav-and-search-container .menu-button {
    line-height: initial;
}

.primary-header .primary-container .primary-nav-and-search-container .menu-button:hover {
    text-decoration: none;
}

.primary-header .primary-container .primary-nav-and-search-container .menu-button:hover > * {
    text-decoration: underline;
}

.primary-header .primary-container .primary-nav-and-search-container .menu-button span {
    padding-left: 10px;
    vertical-align: top;
}

.primary-header .primary-container .primary-nav ul,
.primary-header .primary-container .primary-nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.primary-header .primary-container .primary-nav li {
    display: inline-block;
    margin-right: 24px;
}

.primary-header .primary-container .primary-nav li.make-a-gift {
    background-color: var(--uw-page-bg);
    margin: 0 32px 0 8px;
    padding: 4px 16px;
}

.primary-header .primary-container .primary-nav li.make-a-gift a,
.primary-container-mobile .primary-nav li.make-a-gift a {
    padding-left: 28px;
}

.primary-header .primary-container .primary-nav li.make-a-gift a::before, 
.primary-container-mobile .primary-nav li.make-a-gift a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650 749" fill="rgb(100,101,105)"><path d="M624 204h-93l2-3a70 70 0 00-105-89l-64 54 26-72a70 70 0 00-122-64 70 70 0 00-8 64l26 72-64-54a70 70 0 00-105 89l2 3H26c-14 0-26 12-26 26v94c0 14 12 26 26 26v373c0 14 11 26 26 26h546c15 0 26-12 26-26V350c14 0 26-12 26-26v-94c0-14-11-26-26-26zm-5 115H399v-84h220v84zm-251-84v483h-85V235h85zm80-99c10-9 23-11 35-8s22 12 26 24c4 11 3 23-3 33s-16 17-27 18l-2 1H367l81-68zM293 47c8-10 19-16 32-16s24 6 32 16c7 11 9 24 4 36l-36 99-36-99c-5-12-3-25 4-36zM171 203a39 39 0 01-30-51c4-12 14-21 26-24 13-3 25 0 35 8l81 68H173l-2-1zM57 350h147c8 0 15-7 15-16 0-8-7-15-15-15H31v-84h221v483H57V350zm536 368H399V350h194v368z"/></svg>');
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 3px;
    left: 0;
}


.menu-title{
    padding-left: 0 !important;
}

/*
Switch everything over to flex except for IE
 */
@supports (display: flex) {
    .primary-header .primary-container .primary-nav-and-search-container,
    .primary-header .primary-container .primary-nav-and-search-container > *,
    .primary-header .primary-container .primary-nav-and-search-container .primary-nav #menu-support-menu {
        align-items: center;
        display: flex;
    }
}

/*
For browsers that support column gap, use that over margin-based hacks. Current
Safari is the only modern browser that doesn't support it.
*/
@supports (display: flex) and (column-gap: 1px) {
    .primary-header .primary-container .primary-nav-and-search-container .primary-nav #menu-support-menu {
        column-gap: 24px;
        margin-right: 24px;
    }

    .primary-header .primary-container .primary-nav-and-search-container .primary-nav li {
        margin-right: 0;
    }

    .primary-header .primary-container .primary-nav-and-search-container .primary-nav li.make-a-gift {
        margin: 0 8px;
    }
}

@media (max-width: 1100px) {
    .primary-header .primary-container .primary-nav li {
        margin-right: 16px;
    }

    .primary-header .primary-container .primary-nav-and-search-container .search-button {
        padding: 0 25px;
    }
}

@media (max-width: 1023px) {
    .primary-header .primary-container {
        grid-template-columns: 200px auto;
        padding: 36px 20px;
    }

  
    /* .primary-header .primary-container .primary-nav-and-search-container * {
        font-size: 13px;
        margin-top: -4px;
    }

    .primary-header .primary-container .primary-nav-and-search-container .search-button {
        padding: 0 10px;
    } */
}

@media (max-width: 767px) {
    .hide-later{
        display: none;
    }
    .logo-link img{
        margin-left: 1rem;
    }
    .primary-nav{
        margin: 0 !important;
    }
    .primary-nav > ul{
        gap: 0.5rem;
    }
    .primary-header .primary-container {
        grid-template-columns: 2fr 1fr 0.5fr;
        height: auto;
        padding: 0;
    }
  
    .primary-header .primary-container .primary-nav {
        display: none;
    }

    .primary-header .primary-container .primary-nav-and-search-container .search-button {
        display: none;
    }

    .primary-header .search-button.responsive-only {
        display: inline-block;
        order: 2;
    }
    .primary-container-mobile .primary-nav-and-search-container .primary-nav{
        display: block !important;
    }
    .primary-header .primary-container .primary-nav-and-search-container .menu-button{
        flex-direction: column;
    }
    .search-button.responsive-only{
        grid-row: 1;
        grid-column: 2;
        display: flex !important;
        align-items: flex-end;
        justify-content: flex-end;
        margin-right: 2rem;
        align-self: center;
        justify-self: flex-end
        ;
    }
    .logo-link{
        grid-column-start: 1;
        grid-row: 1;
    }
    .logo-link img{
        max-width: unset;
    }
   
   .disappear-later{
    display: none;
   }
    
}

@media (max-width: 600px) {
    .logo-link img{
        min-width: 12rem;
    }
    .primary-header .search-button.responsive-only {
        margin-right: 3rem;
    }
}

@media (max-width: 480px)
{
    .primary-header .primary-container{
        gap: 0.5rem;
    }
}
/*MOBILE PRIMARY NAV*/
.primary-container-mobile .primary-nav-and-search-container .primary-nav{
    display: none;
}
.primary-container-mobile .primary-nav > ul{
    display: flex;
    list-style: none;
    gap: 2rem;
    text-transform: uppercase;
    color: var(--charcoal-grey);
}
.primary-container-mobile .primary-nav > ul a{
    color: var(--charcoal-grey);
    font-weight: 700;   ;
}