/* header top */
.mat-headerTop {
    display: flex;
    justify-content: center;
    width: 100%;
}
.mat-headerTop.background-color__accent-1 {
    background-color: #D5CAA5;
}
.mat-headerTop.background-color__accent-1 .mat-headerTop__shippingInfoItem [class*="dor-icon-"],
.mat-headerTop.background-color__accent-1 .mat-headerTop__contact .mat-headerTop__contactLinkIcon,
.mat-headerTop.background-color__accent-1 .mat-headerTop__contact .mat-headerTop__contactLinkText {
   color: #413936;
}
.mat-headerTop.background-color__accent-2 {
    background-color: #6B7264;
}
.mat-headerTop.background-color__accent-2 .mat-headerTop__shippingInfoItemText,
.mat-headerTop.background-color__accent-2 .mat-headerTop__contact p,
.mat-headerTop.background-color__accent-2 .mat-headerTop__contact .mat-headerTop__contactLinkText {
   color: #ffffff;
}
.mat-headerTop.background-color__accent-2 .mat-headerTop__shippingInfoItem [class*="dor-icon-"],
.mat-headerTop.background-color__accent-2 .mat-headerTop__contact .mat-headerTop__contactLinkIcon {
    color: #D5CAA5;
}
.mat-headerTop.background-color__background-1 {
    background: #BCC0AE;
}
.mat-headerTop.background-color__background-1 .mat-headerTop__shippingInfoItem [class*="dor-icon-"],
.mat-headerTop.background-color__background-1 .mat-headerTop__shippingInfoItemText,
.mat-headerTop.background-color__background-1 .mat-headerTop__contact .mat-headerTop__contactLinkIcon,
.mat-headerTop.background-color__background-1 .mat-headerTop__contact p,
.mat-headerTop.background-color__background-1 .mat-headerTop__contact .mat-headerTop__contactLinkText {
   color: #161413;
}
.mat-headerTop__container {
    display: flex;
    width: 100%;
    padding: 10px 50px;
    max-width: 1440px;      
}
.mat-headerTop__shippingInfo {
    display: flex;
    flex-direction: column;
    list-style: inside none;
    position: relative;
    height: 22px;
    margin: 0;
}
.mat-headerTop__shippingInfoItem {
    display: flex;
    flex-direction: row;
    width: auto;
    flex: 0 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.mat-headerTop__shippingInfoItem:first-of-type {
    animation: marqueeAnimation 9s linear 0s infinite;
}
.mat-headerTop__shippingInfoItem:nth-of-type(2) {
    animation: marqueeAnimation 9s linear 3s infinite;
}
.mat-headerTop__shippingInfoItem:nth-of-type(3) {
    animation: marqueeAnimation 9s linear 6s infinite;
}
.mat-headerTop__shippingInfoItem [class*="dor-icon-"] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.mat-headerTop__shippingInfoItem [class*="dor-icon-"]::before {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
}
.mat-headerTop__shippingInfoItemText {
    width: auto;
    flex: 0 0 auto;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
}
.mat-headerTop__contact {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-left: auto;
    flex: 0 0 auto;
}
.mat-headerTop__contact p {
    width: auto;
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 22px;
    margin: 0 10px 0 0;
}
.mat-headerTop__contactLink {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    text-decoration: none;
}
.mat-headerTop__contactLink .dor-icon-phone {
    display: flex;
    width: auto;
    flex: 0 0 auto;
    margin-right: 8px;
}
.mat-headerTop__contactLinkText {
    font-size: 15px;
    line-height: 22px;
}
@keyframes marqueeAnimation {
    0% {
        opacity: 0;
    }
    11% {
        opacity: 1;
    }
    22% {
        opacity: 1;
    }
    33% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* header */
sticky-header.header-wrapper {
    border-bottom: none;
}
header.header {
    width: 100%;
    grid-template-columns: auto auto auto;
    max-width: 1440px;
    padding: 24px 50px;
    transition: padding-top 0.22s ease, padding-bottom 0.22s ease;
}
header.header nav.header__inline-menu {
    display: flex;
    justify-content: flex-start;
}
header.header nav.header__inline-menu ul.list-menu {
    gap: 10px 0;
}
header.header nav.header__inline-menu ul.list-menu li a {
    color: #413936;    
}
header.header nav.header__inline-menu ul.list-menu li .mega-menu {
    position: relative;
}
header.header nav.header__inline-menu ul.list-menu li .mega-menu__content {
    width: 270px;
    padding: 20px 30px;
    top: 100%;
    left: -30px;
    right: auto;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.25);
    z-index: 1;
    border-bottom: none;
}
header.header nav.header__inline-menu ul.list-menu li .mega-menu__content .mega-menu__list {
    padding: 0;
}
header.header nav.header__inline-menu ul.list-menu li .mega-menu__content .mega-menu__list .mega-menu__link {
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0;
    color: #6B7264;
    padding: 5px 0;
    font-weight: 300;    
}
header.header nav.header__inline-menu ul.list-menu li .header__menu-item.list-menu__item,
header.header nav.header__inline-menu ul.list-menu li .header__menu-item.list-menu__item span {
    text-decoration: none !important;
}
header.header nav.header__inline-menu ul.list-menu li .mega-menu__content .mega-menu__list .mega-menu__link:hover {
    text-decoration: underline !important;
}
header.header nav.header__inline-menu ul.list-menu li .header__menu-item.list-menu__item:hover span,
header.header nav.header__inline-menu ul.list-menu li a:hover {
    text-decoration: none !important;
    color: #6B7264;
}
header.header > nav.header__inline-menu > ul.list-menu > li:last-of-type a {
    color: #6B7264;
}
.header__menu-item.list-menu__item {
    padding: 10px 0 0;
    margin: 0 10px;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.1px;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    margin-bottom: 7px;
    text-decoration: none;
}
.header__menu-item.list-menu__item[aria-expanded="true"] {
    border-color: #6B7264;
    text-decoration: none;
}
.header__menu-item.list-menu__item.mat-black-friday {
    color: #998585;
}
.header__menu-item.list-menu__item > svg {
    display: none;
}
header.header .header__icons .header__search details summary.header__icon--search {
    width: 40px;
    height: 40px;
    text-decoration: none;
    color: #6B7264;
}
header.header .header__icons .header__search details summary.header__icon--search .dor-icon-search {
    width: 22px;
    height: 22px;
}
header.header .header__icons .header__search .search-modal .search__input.field__input {
    padding-left: 0;
    padding-right: 0;
}
header.header .header__icons .header__search .search-modal .search-modal__form .search__button.field__button {
    display: none;
}
header.header .header__icons .header__search .search-modal .search-modal__form .reset__button.field__button {
    right: 0;
}
header.header .header__icons .mat-header__icon.-favorites {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;    
    height: 40px;
    text-decoration: none;
    color: #6B7264;
    transform: scale(1);
}
header.header .header__icons .mat-header__icon.-favorites i.dor-icon-heart::before {
    line-height: 2;
    font-size: 2rem;
}
header.header .header__icons .mat-header__icon.-favorites:hover,
header.header .header__icons .dor-icon-user:hover {
    transform: scale(1.07);
}
header.header .header__icons .dor-icon-user {
    color: #6B7264;
}
header.header .header__icons .header__icon--cart {
    width: auto;
    height: 40px;
    text-decoration: none;
    border: 1px solid #D5CAA5;
    border-radius: 20px;
    padding: 0 20px;
    margin: 0;
}
header.header .header__icons .header__icon--cart .cart-count-bubble {
    background-color: #6B7264;
    top: -5px;
    bottom: auto;
    right: 0;
    left: auto;
}
header.header .header__icons .header__icon--cart .cart-count-bubble span {
    line-height: 17px;
    height: auto;
    color: #FFFFFF;
    font-size: 11px;
}
header.header .header__icons .header__icon--cart .dor-icon-shopping-cart {
    line-height: 0;
    color: #6B7264;
}
header.header .header__icons .header__icon--cart p {
    line-height: 22px;
    font-size: 15px;
    margin: 0 8px 0 0;
}
.section-header.scrolled-past-header.shopify-section-header-sticky header.header {
    padding-top: 0;
    padding-bottom: 0;
}
.section-header.scrolled-past-header.shopify-section-header-sticky header.header .header__heading-logo-wrapper img {
    width: auto;
    height: 60px;
    padding: 10px 0;
}

@media screen and (max-width: 1320px) {
    header.header .header__icons .header__icon--cart p {
        display: none;
    }
}
@media screen and (max-width: 1260px) {
    .mat-headerTop__container {
        padding: 10px 30px;
    }
    header.header {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .header__menu-item.list-menu__item {        
        margin: 0 10px;        
    }   
    header.header .header__icons .header__icon--account {
        align-items: start !important;
        margin-top: -2px;
      }
}
@media screen and (min-width: 480px) and (max-width: 1260px) {
    .header__menu-item.list-menu__item {        
        margin: 0 6px;       
    } 
    .header__menu-item.list-menu__item span {
        font-size: 16px;
    }
}
@media screen and (min-width: 480px) and (max-width: 1260px) {
    header-drawer {
        display: block !important;
    }
}
@media screen and (max-width: 1260px) {
    .mat-headerTop .mat-headerTop__contact {
        display: none;
    }
    .mat-headerTop .mat-headerTop__shippingInfo {
        width: 100%;
        padding: 0;
    }
    .mat-headerTop .mat-headerTop__shippingInfoItem {
        left: 50%;
        transform: translateX(calc(0px - 50% - 11px));        
    }
    header.header {
        display: flex;
        justify-content: space-between;
        padding: 20px 15px !important;
    }
    header.header header-drawer {
        margin: 0;
    }
    header.header header-drawer .header__icon.header__icon--menu.header__icon--summary  {
        width: 24px;
        height: 24px;    
    }
    header.header header-drawer .header__icon.header__icon--menu.header__icon--summary  [class^="dor-icon"] {
        color: #6B7264;
    }
    header.header header-drawer .header__icon.header__icon--menu.header__icon--summary  .dor-icon-close {
        display: none;
    }
    header.header header-drawer .menu-drawer-container[open] .header__icon.header__icon--menu.header__icon--summary  .dor-icon-menu {
        display: none;
    }
    header.header header-drawer .menu-drawer-container[open] .header__icon.header__icon--menu.header__icon--summary  .dor-icon-close {
        display: inline-block;
    }
    header.header .header__heading .header__heading-link {
        padding: 0;
    }
    header.header .header__heading-logo-wrapper .header__heading-logo {
        width: auto;
        height: 35px;
    }
    header.header nav.header__inline-menu {
        display: none;
    }
    header.header .header__icons .header__search details summary.header__icon--search,
    header.header .header__icons .mat-header__icon.-favorites,
    header.header .header__icons .header__icon.header__icon--cart {
        width: 24px;
        height: 24px;
        margin: 0 0 0 15px;
    }
    header.header .header__icons .header__icon.header__icon--cart {
        padding: 0;
        border: none;
    }
    header.header .header__icons .header__icon--cart p {
        display: none;
    }
    header.header .header__icons .header__search .search-modal .search-modal__content {
        padding-left: 15px;
    }
    header.header .header__icons .header__search .search-modal .search-modal__content .field .search__input.field__input {
        padding: 0;
    }
    /* menu drawer */
    header.header #menu-drawer {
        border: none;
        box-shadow: inset 0 15px 9px -7px rgba(0,0,0,0.1);
    }
    header.header #menu-drawer .menu-drawer__navigation .menu-drawer__menu li .menu-drawer__menu-item.list-menu__item.mat-black-friday {
    color: #998585
    }
    header.header #menu-drawer .menu-drawer__navigation .menu-drawer__menu li .menu-drawer__menu-item.list-menu__item {
        font-size: 18px;
        line-height: 27px;
        color: #413936;
        padding: 12px 54px 12px 30px;
    }
    header.header #menu-drawer .menu-drawer__navigation .menu-drawer__menu li .menu-drawer__menu-item.list-menu__item .dor-icon-arrow-right {
        text-align: center;
        transform: translateY(-50%);
        position: absolute;
        right: 30px;
        top: 50%;
    }
    header.header #menu-drawer .menu-drawer__navigation .menu-drawer__menu li .menu-drawer__menu-item.list-menu__item .dor-icon-arrow-right::before {
        line-height: 22px;
        font-size: 16px;
        color: #6B7264;
    }
    header.header #menu-drawer .menu-drawer__utility-links {
        background-color: #F6F5F2;
        padding: 20px 40px 60px 20px;
    }
    header.header #menu-drawer .menu-drawer__utility-links > a {
        display: inline-block;
        line-height: 27px;
        font-size: 18px;
        color: #6B7264;
        margin: 0 0 22px 0;
        text-decoration: none;
    }
    header.header #menu-drawer .menu-drawer__utility-links .list.list-social .list-social__item {
        margin-right: 20px;
    }
    header.header #menu-drawer .menu-drawer__utility-links .list.list-social .list-social__item:last-child {
        margin-right: 0;
    }
    header.header #menu-drawer .menu-drawer__utility-links .list.list-social .list-social__item .list-social__link.link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        border-radius: 13px;
        border: 1px solid #D5CAA5;
        padding: 0;
    }
    header.header #menu-drawer .menu-drawer__utility-links .list.list-social .list-social__item .list-social__link.link [class*="dor-icon-"] {
        color: #6B7264;
    }
    header.header #menu-drawer .menu-drawer__utility-links .list.list-social .list-social__item .list-social__link.link [class*="dor-icon-"]::before {
        line-height: 22px;
        font-size: 18px;
        text-align: center;
    }
    header.header #menu-drawer .menu-drawer__utility-links .list.list-social .list-social__item .list-social__link.link [class*="dor-icon-"].dor-icon-twitter::before,
    header.header #menu-drawer .menu-drawer__utility-links .list.list-social .list-social__item .list-social__link.link [class*="dor-icon-"].dor-icon-youtube::before {
        font-size: 22px;
    }
}