.custom-logo {
    /* width: 420px; */
    width: 320px;
    height: auto;
}
#masthead {
    background-color: white;
}
/*________________________________________________________________________*/
/******************************* GENERAL *********************************/
/*______________________________________________________________________*/

nav div {
    letter-spacing: 0.025em;
    /* font-family: 'Bebas Neue', sans-serif; */
}


/*________________________________________________________________________*/
/********************************* MENUS *********************************/
/*______________________________________________________________________*/

#masthead {
    width: 100%;
    overflow: hidden;
}

.site-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0px 15px 0px 0px;
    margin-bottom: 10px;
}

/* primary menu holder */
.nav-stack {
    display: flex;
    flex-direction: column;
    float: right;
    justify-content: space-between
}

.support-nav {}

/*_________________________________________________________________________________________*/
/******************** MAIN MENU HEADER NAV + CONTACT NAV!!header  *************************/
/*_______________________________________________________________________________________*/

#primary-menu {
    column-gap: 20px;
    color: black;
    font-size: 18px;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.menu-supportnav-container>ul,
.menu-shopcategory-container>ul,
.menu-on-shop-product-category-container>ul {
    list-style-type: none;
}

#primary-menu a:hover,
#primary-menu a:active,
#stores-menu a:hover,
#stores-menu a:active,
#site-navigation a:hover,
#site-navigation a:active,
#footer-menu a:hover,
#footer-menu a:active {
    color: #2CC64D;
}

#site-navigation a {
    color: black;
}


.contact-support-menu>.menu-supportnav-container > #contacts-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    column-gap: 10px;
    font-size: 14px;
    margin: 0px 0px 10px 40px;
}

#contact-support-menu {
    font-family: "Work-sans", sans-serif;
}

.menu-mainmenu-container {
    float: right;
    font-size: 20px;
    font-weight: 500;
}





/*_____________________________________________________________________________*/
/************************** STICKY CATEGORY !!stick  **************************/
/*___________________________________________________________________________*/
.navbar-fixed {
    top: 0;
    z-index: 1000000;
    position: fixed;
    width: 100%;
}


/*_____________________________________________________________________________*/
/************************** SUPPORT NAV !!support  ****************************/
/*___________________________________________________________________________*/
.support-nav-mobile>#contact-support-menu>.menu-support-nav-container>#contacts-menu {
    margin: 0px 0px;
    padding: 0px 0px;
}

/*_____________________________________________________________________________*/
/************************ ARCHIVE CATEGORIES MENU !!acm  **********************/
/*___________________________________________________________________________*/
.menu li.has-children>a:after {
    color: #fff;
    content: '▼';
    font-size: 10px;
    vertical-align: 1px;
}

.menu li li.has-children>a:after {
    color: #222;
    content: ' ►';
    font-size: 10px;
    vertical-align: 1px;
}

/*________________________________________________________________________*/
/*************************** CART ICON IMAGE **********************************/
/*______________________________________________________________________*/
.carticon {
    cursor: pointer;
    width: 24px;
    font-size: 1px;
    height: auto;
    background-image: url('https://4ylbucket.s3.us-east-2.amazonaws.com/4YL-Images/svgs/cart-shopping.svg');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 5px;
}

.carticon a {
    width: 60px;
    height: 30px;
}

.carticon:hover {
    filter: invert(67%) sepia(60%) saturate(617%) hue-rotate(77deg) brightness(86%) contrast(86%);
}

.reddot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    right: -20%;
    top: 0%;
}

#carticon {
    position: relative;
    display: flex;
}

.nav_cart_wrapper {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;
}



/*********============ SEARCH BAR ===========*****************/
.dgwt-wcas-sf-wrapp {
    margin-bottom: 10px;
}

#dgwt-wcas-search-input-1 {
    padding: 5px 15px;
}

.dgwt-wcas-ico-magnifier:hover {
    color: #2cc64d;
}






/*_____________________________________________________________________________*/
/******************** PROMO MENU & CAT NAV !!promo  ***************************/
/*___________________________________________________________________________*/
.page-direct-menus {
    background-color: #333645;
}

.promo-blocks-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0px 4% 15px 4%;
    letter-spacing: 0.025em;
    font-weight: 400
    /* font-family: "Barlow Condensed", sans-serif; */
    /* font-family: 'Bebas Neue', sans-serif; */;
}

.promo-blocks-nav p {
    margin: 10px 0px 0px 0px;
    /* font-family: "Barlow Condensed", sans-serif; */
    /* font-family: 'Bebas Neue', sans-serif; */
    font-size: 28px;
    font-weight: 600;
}

.freeshipping {
    color: #00adee;
    border-bottom: 2px solid #00adee;
}

.freelogosetup {
    color: #ffdd15;
    border-bottom: 2px solid #ffdd15;
}

.lowminimums {
    color: #eb008b;
    border-bottom: 2px solid #eb008b;
}










/*_____________________________________________________________________________*/
/******************** TOP CATEGORY MENU !!topcat  *****************************/
/*___________________________________________________________________________*/
#category-mega-mobile {
    display: none;
}

#catmenu,
#catmenu ul,
#catmenu li,
#catmenu a {
    border: none;
    margin: 0;
    padding: 0;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#catmenu {
    height: 37px;
    display: flex;
    flex-grow: 1;
    padding: 0;
    margin: 0;
    border: 1px solid;
    border-radius: 5px;
    width: auto;
    border-color: #080808;
}

#catmenu,
#catmenu>ul>li>ul>li a:hover {
    background: #3c3c3c;
    background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
    background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background: linear-gradient(top, #3c3c3c 0%, #222222 100%);
}

#catmenu>ul {
    list-style: inside none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap;
}

#catmenu>ul>li {
    list-style: inside none;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative;
    flex-grow: 1;
}

#catmenu>ul>li>a {
    outline: none;
    display: inline-block;
    position: relative;
    padding: 12px 20px 12px 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    font-weight: bold;
    font-size: 0.9em;
    border-right: 1px solid #080808;
    color: #ffffff;
    flex-grow: 1;
}

#catmenu>ul>li>a:visited,
#catmenu>ul>li:active,
#stores-menu>.current-menu-item,
#catmenu>ul>li>a:hover {
    background: #080808;
    color: #ffffff;
}

#catmenu>ul>li:first-child>a {
    border-radius: 5px 0 0 5px;
}

#catmenu>ul>li>a:after {
    content: '';
    position: absolute;
    border-right: 1px solid;
    top: -1px;
    bottom: -1px;
    right: -2px;
    z-index: 99;
    border-color: #3c3c3c;
}

/*********============ STYLE THE SUB MENU ===========*****************/
#catmenu ul li.has-sub:hover>a:after {
    top: 0;
    bottom: 0;
}

#catmenu>ul>li.has-sub:hover>a:before {
    top: 19px;
}

#catmenu ul li.has-sub:hover>a {
    background: #3f3f3f;
    border-color: #3f3f3f;
    padding-bottom: 13px;
    padding-top: 13px;
    top: -1px;
    z-index: 999;
}

#catmenu ul li.has-sub:hover>div {
    display: block;
}

#catmenu ul li.has-sub:hover>ul {
    display: flex;
    flex-flow: row wrap;
}

#catmenu ul li.has-sub>a:hover {
    background: #3f3f3f;
    border-color: #3f3f3f;
}

#catmenu ul li>ul,
#catmenu ul li>div {
    display: none;
    width: auto;
    position: absolute;
    top: 38px;
    padding: 10px 0;
    background: #3f3f3f;
    border-radius: 0 0 5px 5px;
    z-index: 999;
}

#catmenu ul li:nth-last-child(-n+3)>ul {
    right: 0px;
}

#catmenu ul li>ul {
    width: 450px;
}

#catmenu ul li>ul li {
    width: 150px;
    display: block;
    list-style: inside none;
    padding: 0;
    margin: 0;
    position: relative;
}

#catmenu ul li>ul li a {
    outline: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 8px 20px;
    font: 10pt Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

#catmenu ul ul a:hover {
    color: #ffffff;
}

#catmenu>ul>li.has-sub>a:hover:before {
    border-top: 5px solid #ffffff;
}

/*====================================================== END MENU CSS ========================================================= */