/*----------------------------------------------------------------------------------------------------------------------
Maintenance     Log
-----------     ---
Date            Description
2020/09/23      Fixed the strike-through on the swatches that don't have inventory - JP
2020/10/19      Show product content (if available). - JP
2020/11/10      Using CSS star rating instead of Yotpo for the product ratings in the collections. - JP
2020/11/20      Removed bullets from cart drawer payment options - RD
2021/02/01      Overwrite swatch color with specific image using a class - JP
2021/09/07		Added Findmine styling so that the letters are bigger. -JP
2022/02/07		Center the search bar. - JP
2022/04/06		Style the buttons that allows the selections of extended sizes. -JP
2022/09/12		Basecamp: https://3.basecamp.com/3094111/buckets/1358758/todos/5301330605
                Added final sale styling for items with tag "final sale" - JP
2023/10/02		Replaced "globale-hide" CSS class with "ge-hide" -JP                                              
----------------------------------------------------------------------------------------------------------------------*/


/** Hide Catpcha **/
#shop-hcaptcha-badge-container {display:none !important}

/* Remove bullets from cart drawer payment options */
#dynamic-checkout-cart ul{
    margin-left: 0;
}

#dynamic-checkout-cart ul li{
    list-style: none;
}

a.anchor-banner-wrap{
  display:block; 
  text-align:center;
  max-width:1920px;
  margin:0 auto;
}
a.anchor-banner-wrap img{
  width: 100%; 
  height: auto;
}

/* DISCOUNT CALLOUTS ******************************************************************/

.drawer__fixed-header .cart-discount-progress.shipping {
    display: block !important;
}

.cart__price--strikethrough {
    color: #999;
}

.grid-product__price--markdown,
.grid-product__percent--sale,
.product__price-savings {
    display: none;
}

.cart__discount,
.ajaxcart__discount,
.ajaxcart__savings {
    color: red;
    font-weight: bold;
}

/*********** HIDING TITLE FOR LONGTAIL BLUE CTA PAGES ****************/
#shopify-section-collection-header-longtail {
  display: none;  
}


/*********** WINTER SUITING EVENT BANNER CSS **************/

.wintersuiting {
    font-family: Roboto, sans-serif;
    background: #000;
    padding: 1% 0 0 0;
    text-align: center;
    margin: .1rem 0 .3rem 0;
}

.wintersuiting h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wintersuiting p {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .wintersuiting h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem 1rem;
    }

    .template-index .freeshipping-promo h2 {
        margin: 0;
        color: #fff;
        font-size: 1em;
        letter-spacing: 2px;
    }
}

.wintersuiting .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    background-color: white;
    border-bottom: 1px solid #fff;
    align-items: center;
}

.wintersuiting .items .item {
    flex: 1 0 150px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: .5em;
    margin-left: 1px;
    text-align: center;
    background: #094b76;
    height: 30px;
    font-size: .8em;
}

.wintersuiting .items .item.full {
    flex: 0 0 100%;
}

.wintersuiting .items .item.active,
.wintersuiting .items .item:hover {
    background: #07436a;
}


/*********** BLEACHER REPORT EVENT BANNER CSS **************/

.bleacher {
    font-family: Roboto, sans-serif;
    background: #000;
    /*  padding: 1% 0 0 0; */
    text-align: center;
    /*  margin: .1rem 0 .3rem 0; */
}

.bleacher h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.bleacher p {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .bleacher h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem 1rem;
    }

    .template-index .freeshipping-promo h2 {
        margin: 0;
        color: #fff;
        font-size: 1em;
        letter-spacing: 2px;
    }

    .bleacher img {
        padding: 6%;
    }
}

.bleacher .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    background-color: white;
    border-bottom: 1px solid #fff;
    align-items: center;
}

.bleacher .items .item {
    flex: 1 0 150px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: .5em;
    margin-left: 1px;
    text-align: center;
    background: #000;
    height: 30px;
    font-size: .8em;
}

.bleacher .items .item.full {
    flex: 0 0 100%;
}

.bleacher .items .item.active,
.bleacher .items .item:hover {
    background: #282829;
}

/********************** FAMILY BRANDS BANNER CSS *****************************/

.family-brands-banner {
    padding: 1% 0% .25% 0;
    text-align: center;
    background-color: #fff;
    border: 10px solid #142142;
    margin: .3% 0 0 0;
}
 
.family-brands-banner h2 {
    font-family: 'Roboto', sans-serif;
    color: #142142;
    font-size: 2.2vw;
    font-weight: 900;
    line-height: 1;
    margin-bottom: .2rem;
}

.family-brands-banner h2 span {
    font-weight: 300;
    font-size: 1.9vw;
}
.family-brands-banner h3 {
    color: #b48712;
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    letter-spacing: 1px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: .4rem;
    margin-top: 0 !important;
}
.family-brands-banner h4 {
        color: #142142;
        font-family: 'Roboto', sans-serif;
        font-size: 1.4rem;
        letter-spacing: 1px;
        font-weight: 300;
        line-height: 1;
        margin-bottom: .8rem;
        margin-top: 0 !important;
    }
.family-brands-banner a {
    color:#fff;
    text-decoration:none;
    font-size:.7rem;
    font-family:'Roboto',sans-serif;
    background:#121212;
}


/* mobile family brands banner */

@media screen and (max-width: 39.9375em) {

    .family-brands-banner h2 {
        font-size: 5vw;
        margin: 2% 0 .9% 0;
    }
    .family-brands-banner h2 span {
        font-size: 5vw;
    }

    .family-brands-banner h3 {
        font-size: 3.5vw;
      margin-bottom: .3rem;
    }
    .family-brands-banner h4 {
            font-size: 4vw;
            margin-bottom: .2rem;
        }
    .family-brands-banner a {
        font-size:.6rem;
        margin-top:1em;
    }
}

/********** FAMILY OF BRAND LOGOS *************/
    .family-logos-wrap {
        text-align: center !important;
        overflow: hidden;
        position: relative;
        display: block;
        vertical-align: top;
        background-color: #fff;
    }
    .family-logos-bar {
        max-width: 800px;
        margin: 0 auto;
    }
    .family-logos-bar h3 {
        font-family: 'Roboto', sans-serif;
        color: #142142;
        margin: 1rem 0 0 0;
        font-size: 1.1rem;
        font-weight: 900;
    }
    .family-logo {
        position: relative;
        float:left;
        width: 20%;
        padding: 1% 3% 0 3%;
    }
    .family-logo a{
        border-bottom: none !important;
    }

    /* mobile */

    @media screen and (max-width: 39.9375em) {
        .family-logo {
            padding:1% 0 0 0;
        }
    }

/********************** MISC EVENT PDP DISCOUNT CALLOUT BANNER ***************************/

.discount-callout {
    color: #fff;
    /* background-image: url("https://cdn.shopify.com/s/files/1/0051/3723/6054/files/20200622-banner-bg.jpg?v=1592867475"); */
    /* border: 3px solid #003cfd; */
    color: #FFF;
    background: #95031f;
    font-size: 1em;
    line-height: 1.2;
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    width: 60%;
    margin: .5% auto;
}

.discount-callout span {
    display: block;
    font-weight: 300;
    font-size: .8rem;
}

.discount-callout-extra {
    color: #FFF;
    background: blue;
    font-size: 1em;
    line-height: 1.2;
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    width: 60%;
    margin: .5% auto;
}

.discount-callout-extra span {
    display: block;
    font-weight: 100;
    font-size: .9em;
}

.discount-callout-extra1 {
    color: darkred;
    font-size: 1em;
    line-height: 1.2;
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    width: 60%;
    margin: .5% auto;
}

.discount-callout-extra1 span {
    display: block;
    font-weight: 100;
    font-size: .9em;
}

.discount-callout-extra2 {
    color: #c33434;
   /*background: #c33434;*/
    font-size: 1em;
    line-height: 1.2;
    padding: .5rem;
    text-align: center;
    font-weight: 600;
    width: 60%;
    margin: .5% auto;
}

.discount-callout-extra2 span {
    display: block;
    font-weight: 100;
    font-size: .9em;
}

.discount-callout-extra3 {
    color: #870000;
    /*background: #870000;*/
    font-size: 1em;
    line-height: 1.2;
    /* padding: .5rem; */
    text-align: left;
    font-weight: 600;
    width: 60%;
    /* margin: .5% auto; */
    margin-top: 10px;
}

.discount-callout-extra3 span {
    display: block;
    font-weight: 100;
    font-size: .9em;
}

.discount-callout-extra4 {
    color: #870000;
    /*background: #870000;*/
    font-size: 1em;
    line-height: 1.2;
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    width: 60%;
    margin: .5% auto;
}

.discount-callout-extra4 span {
    display: block;
    font-weight: 100;
    font-size: .9em;
}

.discount-callout-motion {
    color: #FFF;
    //background: #234a77;
    font-size: 1em;
    line-height: 1.2;
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    margin-top: 1%;
    padding: 0% 30%;
}

.discount-callout-motion span {
    display: block;
    margin-top: .3%;
    font-size: .8em;
    font-weight: 300;
}

a.open-popup-link.promo-callout.tc-text-link.text-link-pdp {

    color: #FFF;
    font-size: small;
    line-height: 1.2;
    text-align: center;
    padding-top: 1%;
    display: block;
}

@media only screen and (max-width: 768px) {
 
  .discount-callout-extra {
    width: 95%;
}
}

/*********** FEATURED HP TEXT CSS **************/

.featuredhptext {
    font-family: Trade Gothic, sans-serif;
    /* background: #000; */
    /*  padding: 1% 0 0 0; */
    text-align: left;
    /*  margin: .1rem 0 .3rem 0; */
}

.featuredhptext h2 {
    color: #000;
    font-size: 1.5rem; 
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    padding: 0 0 0 1%;
    text-transform: uppercase;
    font-family: Trade Gothic, sans-serif;
}

@media only screen and (max-width: 768px) {
    
    .featuredhptext h2 {
          font-size: 1.3rem;
          padding: 0 0 3% 2%;
      }
    }
    
/*********** SEMI-ANNUAL SUIT SALE BANNER CSS **************/

.semiannualsuit {
    font-family: Roboto, sans-serif;
    background: #000;
    /*  padding: 1% 0 0 0; */
    text-align: center;
    /*  margin: .1rem 0 .3rem 0; */
}

.semiannualsuit.banner-bg {
    /*background: url("/cdn/shop/files/20200909-home-main_13.jpg?v=1599604283") 0 100% no-repeat;*/
    /* background-position: 0% 0%; */
    padding: 0 0}

.semiannualsuit.stickybanner {
    position: sticky;
    position: -webkit-sticky;
    top: 7%;
    z-index: 5;
}

.semiannualsuit h2 {
    color: #fff;
    font-size: 3.5rem; 
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.semiannualsuit p {
    color: #fff;
}

@media only screen and (min-width: 1400px) {
 
  .semiannualsuit.stickybanner {
    top: 4%;
}
}

@media only screen and (max-width: 1050px) {
 
  .semiannualsuit.stickybanner {
    top: 10%;
}
}

@media only screen and (max-width: 768px) {
 
  .semiannualsuit.stickybanner {
    top: 19.5%;
}
 
  
  .semiannualsuit h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem 1rem;
    }

    .template-index .freeshipping-promo h2 {
        margin: 0;
        color: #fff;
        font-size: 1em;
        letter-spacing: 2px;
    }

    .semiannualsuit img {
        /* padding: 6%; */
    }
}

.semiannualsuit .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    background-color: white;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    align-items: center;
}

.semiannualsuit .items .item {
    flex: 1 0 150px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: .5em;
    margin-left: 1px;
    text-align: center;
    background: #ae2537;
    height: 30px;
    font-size: .8em;
}

.semiannualsuit .items .item.full {
    flex: 0 0 100%;
}

.semiannualsuit .items .item.active,
.semiannualsuit .items .item:hover {
    background: #a11c2d;
}



/*********** BR-KENDRICK REPORT EVENT BANNER CSS **************/


.br-kendrick {
    font-family: Roboto, sans-serif;
    background: #000;
    /*  padding: 1% 0 0 0; */
    text-align: center;
    /*  margin: .1rem 0 .3rem 0; */
}

.br-kendrick h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.br-kendrick p {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .br-kendrick h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem 1rem;
    }

    .template-index .freeshipping-promo h2 {
        margin: 0;
        color: #fff;
        font-size: 1em;
        letter-spacing: 2px;
    }

    .br-kendrick img {
        padding: 1%;
    }
}

.br-kendrick .items {
    padding: 2% 3%;
    margin-left: -1px;
    background-color: white;
    border-bottom: 1px solid #fff;
    align-items: center;
}

.br-kendrick .items .item {
    flex: 1 0 150px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: .5em;
    margin-left: 1px;
    text-align: center;
    background: #000;
    height: 30px;
    font-size: .8em;
}

.br-kendrick .items .item.full {
    flex: 0 0 100%;
}

.br-kendrick .items .item.active,
.br-kendrick .items .item:hover {
    background: #282829;
}


/***** GAMEDAY Code *******

.boost-pfs-filter-products .Specials .collection_callout1:after {
    content: "PRESIDENTS’ DAY SALE";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Specials .collection_callout1:after {
    content: "Limited Time Special";
    font-weight: normal;
    text-align: center;
    font-size: .75rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
    margin-top: -8px;
}
****/
 


/***** 2 FOR EVENT ****

.boost-pfs-filter-products .PromotionDresssocks .grid-product__price:after  {
    content: "3 for $20";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.template-product .PromotionDresssocks #pwr-snippets:after {
    content: "3 for $20";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Event2for50 .grid-product__price:after {
    content: "2 for $60";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.template-product .Event2for50 .product-single__title:after {
    content: "2 for $60";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
*********/


/*********** FIVE DAYS OF HOLIDAY BANNER CSS **************/

.template-index .freeshipping-promo {
    padding: .5em;
    background-color: #a40000;
    color: #fff;
    text-align: center;
    margin: 0;
}

.template-index .freeshipping-promo h2 {
    margin: 0;
    color: #fff;
    font-size: 2em;
}

.fivedayholiday {
    font-family: Roboto, sans-serif;
    background: #003f35;
    padding: 1% 0 0 0;
    text-align: center;
    margin: .1rem 0 .3rem 0;
}

.fivedayholiday h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.fivedayholiday p {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .fivedayholiday h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem 1rem;
    }

    .template-index .freeshipping-promo h2 {
        margin: 0;
        color: #fff;
        font-size: 2em;
        letter-spacing: 2px;
    }
}

.fivedayholiday .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    background-color: white;
    border-bottom: 1px solid #fff;
    align-items: center;
}

.fivedayholiday .items .item {
    flex: 1 0 150px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: .5em;
    margin-left: 1px;
    text-align: center;
    background: #003f35;
    height: 30px;
    font-size: .8em;
}

.fivedayholiday .items .item.full {
    flex: 0 0 100%;
}

.fivedayholiday .items .item.active,
.fivedayholiday .items .item:hover {
    background: #008c75;
}

.modal .open-popup-link {
    display: none !important;
}

//.collection-content .grid-product__price--sale,
//.collection-content.sale .grid-product__price--sale,
//.collection-content.sale-clothing .grid-product__price--sale,
//.collection-content.sale-accessories .grid-product__price--sale,
//.collection-content.sale-big-tall .grid-product__price--sale,
//.collection-content.sale-final-sale .grid-product__price--sale,
.collection-content.clearance .grid-product__price--sale {
    color: blue;
    font-weight: bold;
}


/******** UP TO % OFF ********
//.collection-content.sale-clothing .grid-product__percent--sale,
//.collection-content.sale .grid-product__percent--sale,
//.collection-content.summer-clearance-blowout .grid-product__percent--sale,
//.collection-content.sale-final-sale .grid-product__percent--sale,
.collection-content.clearance .grid-product__percent--sale {
    font-size: 1em;
    text-transform: capitalize !important;
    display: inline;
  	padding-left: 5px;
}

//.collection-content.sale-clothing .grid-product__percent--sale:after,
//.collection-content.sale .grid-product__percent--sale:after,
//.collection-content.summer-clearance-blowout .grid-product__percent--sale:after,
//.collection-content.sale-final-sale .grid-product__percent--sale:after,
.collection-content.clearance .grid-product__percent--sale:after {
    content: " Off";
    display: inline;
}

//.Sale .product__price-savings,
//.Final.Sale .product__price-savings,
.clearance .product__price-savings {
    display: inline;
}
*********/

/******** up to % off for MISC non sale with tag ****************
//.PromotionEOSSale25 .product__price.on-sale,
.Polos .product__price.on-sale {
    color: red;
}
*************/
//.collection-content .PromotionEOSSale25 .grid-product__percent--sale,
.collection-content .percentage.off .grid-product__percent--sale{
    color: #007fff;
    font-size: .8em;
    text-transform: capitalize !important;
    display: inline;
  	padding-left: 5px;
}

//.collection-content .PromotionEOSSale25 .grid-product__percent--sale:after,
.collection-content .percentage.off .grid-product__percent--sale:after{
    content: " Off";
}

//.collection-content .PromotionEOSSale25 .grid-product__price--markdown,
.collection-content .percentage.off .grid-product__price--markdown {
    display: none;
}

//.PromotionEOSSale25 .product__price-savings,
.percentage.off .product__price-savings {
    display: inline;
    color: #007fff;
    font-size: .8em;
}

//.PromotionEOSSale25 .product__price-savings:after,
.percentage.off .product__price-savings:after {
    display: inline;
    content: " Off";
}




.salepromo {
    display: block;
    text-align: center;
    background: maroon;
    padding: .5rem;
    color: #fff;
    line-height: 1;
}

.salepromo h2 {
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 0 .5rem;
}

.salepromo p {
    color: #fff;
    margin: 0 0 .5rem;
}

@media only screen and (max-width: 768px) {
    .salepromo h2 {
        font-size: 1rem;
    }

    .salepromo p {
        font-size: .75rem;
    }
}



/* Sale Tag: Promotion_FourthofJuly25 
.boost-pfs-filter-products .PromotionFourthofJuly25 .collection_callout1:after {
    content: "4TH OF JULY SALE";
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #1a3768;
    display: block;
}
.boost-pfs-filter-products .PromotionFourthofJuly25 .collection_callout2:after {
    content: "Prices as marked";
    text-align: center;
    font-size: small;
    font-weight: normal;
    color: #1a3768;
    display: block;
} */

/* PDP CALLOUT Promotion_FourthofJuly25  
.PromotionFourthofJuly25 .product_price_section:after { 
    content: "4TH OF JULY SALE - Prices as marked";
    color: #1a3768;
    background: white;
    font-size: 1.1rem;
    line-height: 1.2;
    padding: .35rem 0px;
    text-align: left;
    font-weight: 700;
    width: 100%;
    display: block;
} */



/* Sale Tag: Promotion_BFinJuly25 */
.boost-pfs-filter-products .PromotionBFinJuly25 .collection_callout1:after {
    content: "BLACK FRIDAY IN JULY";
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #1a3768;
    display: block;
}
.boost-pfs-filter-products .PromotionBFinJuly25 .collection_callout2:after {
    content: "Prices as marked";
    text-align: center;
    font-size: small;
    font-weight: normal;
    color: gray;
    display: block;
} 

/* PDP CALLOUT Promotion_BFinJuly25 */ 
.PromotionBFinJuly25 .product_price_section:after { 
    content: "BLACK FRIDAY IN JULY - Prices as marked";
    color: gray;
    background: white;
    font-size: 1.1rem;
    line-height: 1.2;
    padding: .35rem 0px;
    text-align: left;
    font-weight: 700;
    width: 100%;
    display: block;
} 






/***** 40% OFF SITEWIDE PROMO CALLOUT **************/

/********
.boost-pfs-filter-products .grid-product__price--sale:after {
    content: "Extra 40% Off Site";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .collection_callout1:after {
    content: "40% Off Sitewide";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .collection_callout2:after {
    content: "Price as marked";
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #FF4136;
    display: block;
}


.template-product .product-single__title:after {
    content: "40% Off Sitewide - Price as marked";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
****/


/******* PEA PROMO CALLOUT ********

.template-product .pea .product-single__title:after {
    content: "20% Off 3+ Items - Auto applied at checkout";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
****/

.promo40 {
    display: block;
    text-align: center;
    background: #27496b;
    padding: .5rem;
    color: #fff;
    line-height: 1;
}

.promo40 h2 {
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 0 .5rem;
}

.promo40 p {
    color: #fff;
    margin: 0 0 .5rem;
}



/***** 40% OFF LOYALTY CALLOUT ********

.loyalty .boost-pfs-filter-products .grid-product__price:after {
    content: "Extra 40% Off";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.loyalty .boost-pfs-filter-products .collection_callout1:after {
    content: "Use code FAMILY";
    text-align: center;
    font-size: .7rem;
    line-height: .65rem;
    color: #FF4136;
    padding: 5px 0;
    display: block;
}


.loyalty.template-product .product-single__title:after {
    content: "Extra 40% Off - Use code FAMILY";
    text-align: center;
    font-size: .75rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
********/

/********* PEA - LOYALTY CALLOUT *********
.loyalty.template-product .pea .product-single__title:after {
    content: "Extra 40% Off - Use code FAMILY";
    text-align: center;
    font-size: .75rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
*********/


/***** 10% OFF LOYALTY CALLOUT ****

.loyalty .boost-pfs-filter-products .grid-product__price:after {
    content: "Extra 40% Off - price as marked";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.loyalty .boost-pfs-filter-products .collection_callout1:after {
    content: "+ Extra 10% Off applied at checkout";
    text-align: center;
    font-size: .7rem;
    line-height: .65rem;
    color: #FF4136;
    padding: 5px 0;
    display: block;
}


.loyalty.template-product .product-single__title:after {
    content: "Extra 40% Off (price as marked) + Extra 10% Off applied at checkout";
    text-align: center;
    font-size: .75rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
****/




@media only screen and (max-width: 768px) {
    .promo40 h2 {
        font-size: 1rem;
    }

    .promo40 p {
        font-size: .75rem;
    }
}
/*
.template-product .Sale .product-single__title:after {
    content: " ";
    text-align: center;
    font-size: .75rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
*/
.modal__inner a.promo40 {
    display: none !important;
}

//.collection-content.sale .grid-product__price--sale,
//.collection-content.sale-clothing .grid-product__price--sale,
//.collection-content.sale-accessories .grid-product__price--sale,
//.collection-content.sale-big-tall .grid-product__price--sale,
.collection-content .clearance .grid-product__price--sale,
.collection-content.sale-final-sale .grid-product__price--sale {
    color: red;
    font-weight: bold;
}

/* Fix for issue with navigation overlapping content below it */
.site-header-sticky{
height: 100%;
min-height: 123px;
} 
@media only screen and (max-width: 770px) {
.site-header-sticky{
height: 100%;
min-height: 60px;
} 
}

.site-header a.site-nav__dropdown-link[href="/collections/sale-socks-underwear"],
.site-header a.site-nav__dropdown-link[href="/collections/sale-accessories"]
{
    color: black !important;
    font-weight: normal;
}

/*********** % OFF CLEARANCE *******
.collection-content.sale-final-sale .grid-product__percent--sale,
.collection-content .clearance .grid-product__percent--sale {
    color: red;
    font-size: 1em;
    text-transform: capitalize !important;
    display: inline;
  	padding-left: 5px;
}

.collection-content.sale-final-sale .grid-product__percent--sale:after,
.collection-content .clearance .grid-product__percent--sale:after {
    content: " Off";
}
*******/
/*********** BLEACHER REPORT **************/

.collection-content.bleacher-report .grid-product__tag.soldout,
.collection-content.practice-look .grid-product__tag.soldout {
    display: none;
}

.collection-content.bleacher-report .badgecomingsoon .grid-product__image-mask::before,
.collection-content.practice-look .badgecomingsoon .grid-product__image-mask::before {
    color: #f1f1f1;
    background: #000;
    display: block;
    z-index: 1;
    content: "Coming Soon";
    font-size: xx-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 2%;
    left: 2%;
    padding: .25rem .5rem;
    margin: 0;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.badgecomingsoon .product__main-photos::after {
    color: #f1f1f1;
    background: #000;
    display: block;
    z-index: 1;
    content: "Coming Soon";
    font-size: xx-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 1%;
    left: 0;
    padding: 5px 10px;
    margin: 0;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* EXCLUSIONS - CATEGORY AND GRID - PEA - Watches - Fragrance - Final Sale */

.Masks .quick-product__btn, 
//.template-product .Promotion_Exclusions .promo40:before,
//.template-product .PromotionExclusions .product-single__title:after,
.template-product .PromotionExclusions .product-single__title:after,
//.template-product .Masks .product-single__title:after,
//.collection-content .Masks .grid-product__price--markdown,
//.boost-pfs-filter-products .Masks .grid-product__price:after,
//.boost-pfs-filter-products .Masks .bc-sf-filter-product-bottom:after,
.collection-content .removethreetier .grid-product__price--markdown,
.template-product .removethreetier .product__price.on-sale:before,
.collection-content .removethreetier .grid-product__price2,
//.PEA .page-content--product .product-single__title:after,
//.collection-content .PEASP20 .grid-product__price--markdown,
//.template-product .PEA .product__price.on-sale:before,
//.boost-pfs-filter-products .PEASP20 .collection_callout1:after,
//.boost-pfs-filter-products .PEASP20 .grid-product__price:after,
//.collection-content .Watches .grid-product__price--markdown,
//.template-product .Watches .product__price.on-sale:before,
//.boost-pfs-filter-products .Watches .grid-product__price:after,
//.boost-pfs-filter-productss .Watches .collection_callout1:after,
//.boost-pfs-filter-products .Watches .collection_callout2:after,
//.collection-content .Clearance .grid-product__price--markdown,
//.boost-pfs-filter-products .Clearance .grid-product__price:after,
//.boost-pfs-filter-products .Clearance .collection_callout1:after,
//.boost-pfs-filter-products .Clearance .collection_callout2:after,
//.template-product .Clearance .product__price.on-sale:before,
//.collection-content .Final.Sale .grid-product__price--markdown,
//.boost-pfs-filter-products .Final.Sale .grid-product__price:after,
//.boost-pfs-filter-products .Final.Sale .collection_callout1:after,
//.boost-pfs-filter-products .Final.Sale .collection_callout2:after,
//.template-product .Final.Sale .product__price.on-sale:before,
//.template-product .Specials .product__price.on-sale:before,
//.collection-content .Specials .grid-product__price--markdown,
//.boost-pfs-filter-products .Specials .grid-product__price:after,
//.boost-pfs-filter-products .Specials .collection_callout1:after,
//.boost-pfs-filter-products .Specials .collection_callout2:after,
//.Specials .product-single__title:after,
//.template-product .Fragrances .product__price.on-sale:before,
//.collection-content .Fragrances .grid-product__price--markdown,
//.boost-pfs-filter-products .Fragrances .grid-product__price:after,
//.boost-pfs-filter-products .Fragrances .collection_callout1:after,
//.boost-pfs-filter-products .Fragrances .collection_callout1:after,
//.Fragrances .page-content--product .product-single__title:after,
.collection-content .removethreetier .grid-product__price--markdown,
.template-product .removethreetier .product__price.on-sale:before,
.collection-content .removethreetier .grid-product__price2 {
    content: "" !important;
    display: none !important;
}


.PromotionExclusions .grid-product__price:after,
.PromotionExclusions .collection_callout1:after,
.PromotionExclusions .collection_callout2:after {
    content: "";
    display: none;
}

/*********** PROMO INCLUDED TAG PROMOTION CALLOUT *****

.template-product .promoincluded product-barcode:before {
    content: "Extra 10% Off $75+ with code: EXTRA10";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}

.boost-pfs-filter-products .Promotionsemisale .collection_callout1:after {
    content: "SEMI-ANNUAL SALE";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #0d5dbf;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Promotionsemisale .collection_callout2:after {
    content: "Price as marked";
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #0d5dbf;
    margin-top: -4px;
    display: block;
}
***/



/***** 40% OFF SALE CALLOUT *******

.boost-pfs-filter-products .Sale .collection_callout1:after {
    content: "Extra 40% Off Sale";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}



.boost-pfs-filter-products .Sale .collection_callout2:after {
    content: "Price as marked";
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #FF4136;
    margin-top: -4px;
    display: block;
}
***/

/***** 40% OFF SALE CALLOUT /  SALE CALLOUT [CAN BE DELETED AFTER PROMO] ***

.boost-pfs-filter-products .Clearance .collection_callout1:after {
    content: "THE CLEARANCE EVENT";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Clearance .collection_callout2:after {
    content: "Price as marked";
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #FF4136;
    margin-top: -4px;
    display: block;
}
****/


/***** MASKS CALLOUT ***********/

.boost-pfs-filter-products .promotionmaskbundle .collection_callout1:after {
    content: "3 THREE-PACKS FOR $20";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}


.boost-pfs-filter-products .promotionmaskbundle .collection_callout2:after {
    content: "";
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #FF4136;
    margin-top: 1px;
    display: block;
}

//.template-product .promotionmaskbundle .product-single__title:after,
.template-product .promotionmaskbundle .product__price.on-sale:after {
    content: "3 THREE-PACKS FOR $20";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}




/*********** EXTRA EVERYTHING MISC PROMO***************
.template-product .PromotionFriendsFamilySp25 .product-single__title:after{
    content: "FRIENDS AND FAMILY EVENT - Prices as marked";
    text-align: left;
    font-size: .85rem;
    line-height: 1rem;
    font-weight: bold;
    color: #3997be;
    display: block;
    padding: 5px 5px 5px 0;
    margin: 5px 5px 5px 0;
}


.boost-pfs-filter-products .PromotionFriendsFamilySp25 .collection_callout1:after {
    content: "FRIENDS AND FAMILY EVENT";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #3997be;
    display: block;
    line-height: 1;

}

.boost-pfs-filter-products .PromotionFriendsFamilySp25 .collection_callout2:after {
    content: "Prices as marked";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #3997be;
    //margin-top: 2px;
    display: block;
}
***********/

.boost-pfs-filter-products .Promotion2For30Underwear .collection_callout1:after {
    content: "2 FOR $30 UNDERWEAR";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #0d60d7;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Promotion2For30Underwear .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #0d60d7;
    //margin-top: 2px;
    display: block;
}

/*********** PERRY 10% OFF PROMO******************
.boost-pfs-filter-products .PromotionClearanceExtra10 .collection_callout1:after {
    content: "EXTRA 10% OFF CLEARANCE";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #b00800;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .PromotionClearanceExtra10 .collection_callout2:after {
    content: "WITH CODE PERRY10";
    text-align: center;
    //font-size: .75rem;
    font-size: .85rem;
    font-weight: bold;
    line-height: 1;
    color: #b00800;
    //margin-top: 2px;
    display: block;
}
********/
.boost-pfs-filter-products .Promotion2for80DressShirts .collection_callout1:after {
    content: "2 FOR $80 DRESS SHIRTS";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #0d60d7;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Promotion2for80DressShirts .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #0d60d7;
    //margin-top: 2px;
    display: block;
}

/****************
.boost-pfs-filter-products .Promotion2for80Pants .collection_callout1:after {
    content: "2 FOR $80 PANTS";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #0d60d7;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Promotion2for80Pants .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #0d60d7;
    //margin-top: 2px;
    display: block;
}
*********/

.boost-pfs-filter-products .Ties2For30 .collection_callout1:after {
    content: "2 FOR $30 TIES";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #0d60d7;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Ties2For30 .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #0d60d7;
    //margin-top: 2px;
    display: block;
}


.boost-pfs-filter-products .Twofor36Underwear .collection_callout1:after {
    content: "2 FOR $36 UNDERWEAR";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #b00800;
    display: block;
    line-height: 1;

}

.boost-pfs-filter-products .Twofor36Underwear .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #b00800;
    //margin-top: 2px;
    display: block;
}

/************ BUY 2 Socks Get 1 FREE - 20240822 ****************/
/*
.boost-pfs-filter-products .PromotionBuy2Get1Socks .grid-product__price:after {
    content: "Buy 2 Get 1 Free"!important;
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #b00800;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .PromotionBuy2Get1Socks .collection_callout1:after {
    content: "Add 3 Pairs, Enjoy 1 Free (Applied at checkout)"!important;
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #b00800;
    display: block;
}

.template-product .PromotionBuy2Get1Socks .product-single__title:after {
    content: "Buy 2 Get 1 Free - Add 3 Pairs, Enjoy 1 Free (Applied at checkout)"!important;
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #b00800;
    display: block;
    padding: 5px;
    margin: 5px;
}
*/

/**************** ABU css hading callout  **********
.boost-pfs-filter-products .ProductGroupPDHME000RT .collection_callout1:after {
    content: "";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #760a19;
    display: block;
    line-height: 1;

}

.boost-pfs-filter-products .ProductGroupPDHME000RT .collection_callout2:after {
    content: "";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #760a19;
    //margin-top: 2px;
    display: block;
}
*********************/


   
/*
 
.pdp-swatch-callout span {
    display: block;
    font-weight: 100;
    font-size: .9em;
}
*/

/*
.template-product .Promotion2forIconPolo .product-single__title:after{
    content: "2 for $50 - Applied at checkout";
    text-align: left;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #fb2f2f;
    display: block;
    padding: 5px 5px 5px 0;
    margin: 5px 5px 5px 0;
}


.boost-pfs-filter-products .Promotion2forIconPolo .collection_callout1:after {
    content: "2 for $60";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #fb2f2f;
    display: block;
    line-height: 1;

}

.boost-pfs-filter-products .Promotion2forIconPolo .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #fb2f2f;
    //margin-top: 2px;
    display: block;
}
*/

/******  2 FOR $40 TIES  ********************

.boost-pfs-filter-products .Promotion2for40Ties .collection_callout1:after {
    content: "2 FOR $40 TIES";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #870000;
    display: block;
    line-height: 1;

}


.boost-pfs-filter-products .Promotion2for40Ties .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #870000;
    //margin-top: 2px;
    display: block;
}
********/

/*******  2 FOR $40 BELTS  **************
.boost-pfs-filter-products .Promotion2for40Belts .collection_callout1:after {
    content: "2 FOR $40 BELTS";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #870000;
    display: block;
    line-height: 1;

}


.boost-pfs-filter-products .Promotion2for40Belts .collection_callout2:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #870000;
    //margin-top: 2px;
    display: block;
}
******/



/*********** Semiannual Suit Sale Callouts ****
.boost-pfs-filter-products .PromotionSemiSuitSale23  .collection_callout1:after {
    content: "SEMI-ANNUAL SUIT SALE";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #ff4e4e;
    display: block;
    line-height: 1;

}

.boost-pfs-filter-products .PromotionSemiSuitSale23  .collection_callout2:after {
    content: "Prices as Marked";
    text-align: left;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #ff4e4e;
    //margin-top: 2px;
    display: block;
}

.PromotionSemiSuitSale23 .product-single__title:after {
    content: "SEMI-ANNUAL SUIT SALE - Prices as Marked";
    text-align: left;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
     color: #ff4e4e;
    display: block;
    padding: 5px 5px 5px 0px;
    margin: 5px 5px 5px 0px;
}

****/

.boost-pfs-filter-products .PEAComingSoon .collection_callout1:after {
    content: "COMING SOON";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #06c;
    display: block;
    line-height: 1;

}

.boost-pfs-filter-products .PEAComingSoon .collection_callout2:after {
    content: "SIGN UP TO GET NOTIFIED";
    text-align: center;
    font-size: .75rem;
    //font-size: .85rem;
    //font-weight: bold;
    line-height: 1;
    color: #1bacc7;
    //margin-top: 2px;
    display: block;
}

/*
.template-product .PEAComingSoon .product-barcode:before  {
    content: "COMING SOON";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #06c;
    display: block;
    padding: 5px;
    margin: 5px;
}
*/

/*********** GET NOTIFIED CALLOUT FOR PEA  ********
******/







/************ 2 FOR $40 POLOS ***********

.boost-pfs-filter-products .ProductGroup4FSK7155RT .grid-product__price:after {
    content: "2 For $40";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #FF4136;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .ProductGroup4FSK7155RT .collection_callout1:after {
    content: "Applied at checkout";
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #FF4136;
    display: block;
}

.template-product .ProductGroup4FSK7155RT .product-single__title:after {
    content: "2 For $40 - Applied at checkout";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #FF4136;
    display: block;
    padding: 5px;
    margin: 5px;
}
*****/

/*********** EXTRA FRAGRANCE DOUBLE POINTS PERRY PERKS  PROMO********
.boost-pfs-filter-products .Fragrances .collection_callout1:after {
    content: "Perry Perks Members";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #13880c;
    display: block;
    line-height: 1;

}


.boost-pfs-filter-products .Fragrances .collection_callout2:after {
    content: "Earn 2x Points";
    text-align: center;
    //font-size: .75rem;
    font-size: .85rem;
    font-weight: bold;
    line-height: 1;
    color: #13880c;
     margin-top: 2px;
    display: block;
}

.template-product .Fragrances .product-barcode:before  {
    content: "Perry Perks Members Earn Double Points on Fragrance Purchases";
    text-align: center;
    font-size: .85rem;
    line-height: .65rem;
    font-weight: bold;
    color: #13880c;
    display: block;
    padding: 5px;
    margin: 5px;
}

******/

/*********** MOTION SALE PROMOTION CALLOUT ****
.boost-pfs-filter-products .Motion .collection_callout1:after {
    content: "Motion Collection";
    font-weight: bold;
    text-align: center;
    font-size: .85rem;
    padding: 3px;
    color: #234a77;
    display: block;
    line-height: 1;
}

.boost-pfs-filter-products .Motion .collection_callout2:after {
    content: "Discount Excluded";
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #234a77;
    display: block;
    margin-top: -4px;
}
****/

/********* 3 TIER PRICING  *****


//.grid-product__price--markdown,
//.Sale .grid-product__price--markdown {
//    display: inline !important;
//}
*****/

/********* 3 tier price for non final clearance sale  *******
.product-single__title .Sale.Promotionwarehouse,
.Clearance.Promotionwarehouse .grid-product__price--markdown,
.Clearance.Promotionwarehouse .product__price.on-sale:before{
    display: none !important;
}
***/

/********* 3 tier price for non final clearance sale  *******
.product-single__title .Sale.Promotionwarehouse,
.Clearance.Promotionwarehouse .grid-product__price--markdown,
.Clearance.Promotionwarehouse .product__price.on-sale:before{
    display: none !important;
}
***/


/******* 3 TIER MISC PRICING 1 *****
.clearance .grid-product__price--markdown {
    display: inline !important;
}
****/

/******* 3 TIER MISC PRICING 2 *****
.PromotionSummerEOS24 .grid-product__price2 {
    display: inline !important;
}
****/


/*  MASKS "EACH" */
.ProductGroup:HEN95K07 .grid-product__price--sale::after {
  content: " Each";
}
.ProductGroup:HEFM0001 .grid-product__price--sale::after {
  content: " Each";
}

.ProductGroupHEN95K07 .grid-product__price--sale::after {
  content: " Each";
}
.ProductGroupHEFM0001 .grid-product__price--sale::after {
  content: " Each";
}


/* SIDE BY SIDE BUTTONS ON BANNER*/
.banner-btn {
    display: inline;
    padding: 0 0 0 10px;
}

@media only screen and (max-width: 850px) {
.banner-btn {
    display: block;
    padding: 15px 0 0 0;  
}
}

/* CUSTOM CSS FOR THEME ******************************************************************/

html {
    scroll-behavior: smooth;
}

.btn--secondary,
.rte .btn--secondary {
    border: 1px solid #ccc;
}

.btn--full {
    font-size: 1rem;
}

.btn--small {
    font-size: .75rem;
}

/******** TOP NAVIGATION BAR: Toolbar Menu ***********/

@media only screen and (min-width: 769px) {
  .megamenu .h5 {
      font-weight:bold;
  }


  .text-center .megamenu .grid .grid__item {
      height: 500px;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      float: left;
  }
  
  .megamenu .grid {
  display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* dropdown navigation logo*/
  .site-nav--is-megamenu.site-nav__item:nth-child(5) .site-nav__dropdown .medium-up--one-fifth:nth-child(1) {
//    width:40%;
  }
}

.toolbar {
	margin: 8px;  
}

.toolbar .login,
.toolbar .register {
    color: #000;
    line-height: 2;
    border-right: 1px solid #e8e8e1;
    padding-right: .5rem;
    margin-right: .5rem;
}

.toolbar .store-locator {
/*    position: absolute;
    left: 0;
    padding-left: 1.5em; */
  	color: #000;
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    display: flex;  
}

.mobile-nav__item--secondary a {
    padding: 10px;
}

.mobile-nav__item--secondary [href="/account"]:before,
.mobile-nav__item--secondary [href="/account/register"]:before {
    content: "\00BB";
    margin: 0 .25rem 0 0;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.toolbar .login svg,
.toolbar .register svg {
    margin-right: .5rem;
}

.mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary {
    margin-top: 0;
    background: #f1f1f1;
    padding: .5rem;
}

.mobile-nav__social-item {
    border: 0;
}

/* NAVIGATION: HEADER */

/* Header Search bar center */

/*
@media screen and (min-width: 601px) {
  .toolbar__content :nth-child(2) { order: 3;}
  .toolbar__content :nth-child(3) { order: 4; }
  .toolbar__content :nth-child(4) { order: 5; } */
  /* .toolbar__content :nth-child(4) { order: 1; margin: auto 20% auto -10%; display: flex; } */
/*  .toolbar__content :nth-child(5) { order: 2; margin: auto auto auto auto; display: flex; width: 40%;} 
  .toolbar__content :nth-child(6) { order: 6; }
  .toolbar__content :nth-child(7) { order: 7; }
  #producttitledt{ display: none;}
}
*/

.site-header [href="/pages/gift-guide"] {
    font-weight: bold;
}

.site-header [href="/pages/gift-guide"]:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: url(/cdn/shop/files/gift.svg?31733);
}

.mobile-nav [href="/pages/gift-guide"]:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 5px;
    position: relative;
    top: 2px;
    content: url(/cdn/shop/files/gift.svg?31733);
}

.site-nav__link {
    color: #000 !important;
}

.site-nav--has-dropdown.is-focused>a,
.site-nav--has-dropdown:hover>a,
.p-w-r .pr-accordion .pr-accordion-btn span {
    color: #000 !important;
}

.site-nav--has-dropdown .site-nav__link--underline:after {
    border-bottom-color: #000;
}

/******** RED NAVIGATION COLORS: ***********/

.site-navigation [href*="/collections/black-friday-features"],
.site-navigation [href*="/collections/2-for-55-dress-shirts-and-dress-pants"],
.site-navigation [href*="/collections/cyber-monday-features"],
.site-navigation [href*="/collections/summer-clearance-blowout"],
.site-navigation [href*="/collections/the-wardrobe-event-2-for-40-tops-bottoms"],
//.site-navigation [href*="/collections/sale"],
.site-navigation [href*="/collections/clearance"],
.site-navigation [href*="/collections/sale-final-sale"],
.site-navigation [href*="/collections/spring-wardrobe-event"],
.site-navigation [href*="/collections/warm-up-sale"],
.site-navigation [href*="/collections/warehouse-sale"],
.site-navigation [href*="/collections/specials"] {
    color: red !important;
    font-weight: bold;
}

.site-navigation [href*="/collections/black-friday-features"]:hover,
.site-navigation [href*="/collections/2-for-55-dress-shirts-and-dress-pants"]:hover,
.site-navigation [href*="/collections/cyber-monday-features"]:hover,
.site-navigation [href*="/collections/summer-clearance-blowout"]:hover,
.site-navigation [href*="/collections/the-wardrobe-event-2-for-40-tops-bottoms"]:hover,
//.site-navigation [href*="/collections/sale"]:hover,
.site-navigation [href*="/collections/clearance"]:hover,
.site-navigation [href*="/collections/sale-final-sale"]:hover,
.site-navigation [href*="/collections/spring-wardrobe-event"]:hover,
.site-navigation [href*="/collections/warehouse-sale"]:hover,
.site-navigation [href*="/collections/warm-up-sale"]:hover,
.site-navigation [href*="/collections/specials"]:hover {
    color: #FF4136 !important;
}

.site-navigation [href*="/pages/semi-annual-suit-sale"] {
    color: black !important;
    font-weight: bold;
}

.site-navigation [href*="/pages/semi-annual-suit-sale"]:hover {
    color: #000 !important;
}

.site-navigation [href*="/pages/the-occasion-shop"] {
    color: black !important;
    font-weight: bold;
}

.site-navigation [href*="/pages/the-occasion-shop"]:hover {
    color: #000 !important;
}



/* SEARCH */

.search-bar--page {
    margin: 0 auto;
}

.site-header.site-header--stuck .site-search-inline .site-header__search-form {
    width: 200px;
}

.site-header .js-search-header,
.site-header .site-search-inline {
  display:none; 
}

@media only screen and (max-width: 768px){
   a.site-nav__link.site-nav__link--icon.js-search-header.js-no-transition {
      opacity: 0 !important; /* had to use this because it has an overwrite of important for display:inital in aonther style sheet */
  } 
    /* show the page search on PDP page */
   .template-product .medium-up--hide .site-search-inline {
      display: block!important;
  } 
}

@media only screen and (max-width: 768px) {
    .site-nav__link--icon.js-search-header {
        margin-right: 5px;
    }
}

.site-search-inline {
    background: #fff;
}

.medium-up--hide .site-search-inline {
    border-bottom: 1px solid #eee;
}

/* STICKY HEADER SEARCH - SHOW */
/* @media only screen and (max-width: 1398px) { */
@media only screen {
    .site-header.site-header--stuck .js-search-header {
        display: inline-block
    }
}

@media only screen and (min-width: 769px) {
    .site-search-inline .site-header__search-form {
        padding: 0;
        border: 2px solid #e8e8e1;
        background: #fff;
        width: 350px;
        color: #000;
        margin: .25rem;
        padding: 0;
    }
}

@media only screen and (min-width: 769px) {
  .site-search-inline {
      margin: auto auto auto auto;
      width: 40%;
      display: flex;  
  }
}

@media only screen and (min-width: 1399px) {
    .site-search-inline .site-header__search-form {
        padding: 0;
        border: 2px solid #e8e8e1;
        background: #fff;
        /* width: 350px; */
        color: #000;
        margin: .25rem;
        padding: 0;
    }

    /* site-header--stuck */

    .site-header--stuck .js-search-header {
        display: inline;
    }

    .site-header--stuck .page-width {
        max-width: 100%;
    }

    .site-header--stuck .header-layout--center {
        align-items: left;
        float: left;
    }

    .site-header--stuck .header-layout[data-logo-align="center"] .header-item--navigation {
        display: none;
    }

    .site-header--stuck .header-layout[data-logo-align="center"] .header-item--icons {
        position: absolute;
        right: 1%;
    }

    .site-header--stuck .header-layout[data-logo-align="center"] .header-item--logo {
        margin: 0 20px 0 0;
    }

    .site-header.site-header--stuck .site-search-inline {
        display: inline-block
    }

    .site-header.site-header--stuck .text-center .site-navigation {
        margin: 3px auto 0px;
        float: left;
    }

    .site-header.site-header--stuck .site-header__logo a {
        width: 200px;
        padding-right: 20px;
    }

    .header-item--logo,
    .header-layout--left-center .header-item--logo,
    .header-layout--left-center .header-item--icons {
        -webkit-box-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
    }
}

.site-search-inline .site-header__search-btn {
    padding: 0 15px;
    color: #fff;
    background: #000;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    margin: .25rem;
    text-align: center;
    padding: .25rem;
	margin-right: .5rem;
/*    animation: shake-animation 4.72s ease infinite;*/
}

.bc-sf-search-box:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* SMALL - MOBILE */

@media only screen and (max-width: 768px) {

    .bc-sf-search-suggestion,
    .bc-sf-search-suggestion-wrapper {
        width: 100vw !important;
    }
}

@keyframes shake-animation {
    0% {
        transform: translate(0, 0)
    }

    1.78571% {
        transform: translate(5px, 0)
    }

    3.57143% {
        transform: translate(0, 0)
    }

    5.35714% {
        transform: translate(5px, 0)
    }

    7.14286% {
        transform: translate(0, 0)
    }

    8.92857% {
        transform: translate(5px, 0)
    }

    10.71429% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

/* DRAWER */

#NavDrawer .drawer__inner {
    top: 51px;
}

.drawer .btn {
    font-size: 1.25em;
}

.cart-link__bubble--visible {
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}


#CartDrawer {
    z-index: 22147483638;
}

.drawer__header {
    height: 1vh;
    background: #fff;
}

.ajaxcart__product-name,
.ajaxcart__product-meta {
    line-height: normal;
}

.drawer__footer .ajaxcart__price {
    font-weight: bold;
}

#CartDrawer .drawer__inner {
    /* top: 112px; */
    top: 35px !important;
}

#CartDrawer #CartContainer .drawer__inner {
    top: 0;
}

.h2.drawer__title {
    font-weight: bold;
}

.drawer__close-button {
    padding: 0 1rem 0 0;
}

.ajaxcart__note {
    font-size: small;
    text-align: center;
        margin-bottom: 10px;
}

@media only screen and (min-width: 769px) {
    .drawer__close-button {
        right: 0;
    }
}

/* CART PROGRESS BAR */

.cart-discount-progress {
/*  border-bottom: 1px solid #e8e8e1;*/
    display: none !important;
    padding-bottom: .25rem;
}

.template-cart .cart__row .cart-discount-progress {
    margin-top: .75rem;
/*  border-top: 1px solid #e8e8e1; */
}

.cart-discount-progress .refresh-icon {
    float: right;
}

.cart-discount-progress .refresh-icon svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #fff;
    border-radius: 25px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #eee;
    padding: 3px;
    cursor: pointer;
}

.cart-discount-progress .refresh-icon svg:hover {
    background: #000;
    fill: #fff;
    border: 1px solid #000;
}

.cart-discount-progress .total {
    color: #06c;
    font-size: 12px;
}

.cart-discount-progress .title {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: normal;
    text-align: center;
    background: #fafafa;
    padding: .25rem;
    margin: 3px 0;
}

.cart-discount-progress .title .btn {
    font-size: xx-small;
    padding: 4px 8px;
    border-radius: 25px;
    margin: 0 5px;
    background: #333;
}

.cart-discount-progress .progress-bar {
    border-radius: 60px;
    overflow: hidden;
    width: 98%;
    margin: 0 3px;
    text-align: center;
}

.cart-discount-progress .progress-bar span {
    display: block;
    -webkit-transition: width 2s;
    transition: width 2s;
}

.cart-discount-progress .bar {
    background: rgba(0, 0, 0, 0.05);
}

.cart-discount-progress .progress {
    background: #06c;
    color: #fff;
    padding: 5px 0;
    width: 0;
}

/*CART */

.cart__row .cart__product-name {
    text-transform: capitalize;
    letter-spacing: normal;
    font-weight: bold;
}

.continuebrowsing a {
    border: 1px solid #aaa;
    padding: .5rem 1rem;
    font-weight: bold;
}

@media only screen and (min-width: 769px) {

    body,
    input,
    textarea,
    button,
    select {
        font-size: 13.6px;
    }
}




/***** Desktop Google CLS *****/
@media only screen and (min-width: 769px) and (orientation : landscape) {
    .hero {min-height: 500px !important }
}

/***** Mobile Google CLS *****/
@media only screen and (max-width: 768px) {
    .hero {min-height: 310px !important }


}


/********************* PDP Image Fix - Belts *******************/
.belts .image-wrap  {max-width: 80% !important;}


@media only screen and (max-width: 749px){
    .belts .image-wrap  {max-width: 100% !important;}


}
  

/********************** HOMEPAGE *******************************/
.hprow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.hpcolumn {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 0px 1px;
}

.hprowtouch {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px;
}

.hpcolumntouch {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 0px 0px;
  margin: 0px 0px -4px;
}


.hpcolumntouch.tight {
    margin: 0px 0px -7px;
}

.hpcolumntouch.space {
    margin: 1% 0px -.5%;
}

.hpcolumntouch.bigspace {
    margin: 0 0 2.5% 0;
}

.hpcolumntouch.leftspace {
  padding: 0 15px 0 32px;
  margin: 0px 0px 10px;
}
.hpcolumntouch.rightspace {
  padding: 0 32px 0 15px;
  margin: 0px 0px 10px;
}

.hpcolumn.mask {
padding: 0 2rem 1rem;
}

.template-index .hero {
    background: #fff;
    margin: 0;
}

.template-index .columns,
.template-index .homeboxes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.template-index .homeboxes {
    width: 80%;
    margin: 0 auto;
}

.template-index .small-12.medium-6,
.template-index .half,
    {
    flex: 0 50%;
}

.template-index .large-4.columns,
.template-index .thirds {
    flex: 0 33.333%;
    align-items: center;
    justify-content: center;
}

.template-index .large-4.columns .text-center {
    width: 100%;
    margin: 0;
    border: 1px solid #fff;
}

.template-index .large-12.columns {
    flex: 0 100%;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.template-index .large-12.columns a,
.homeboxes a {
    width: 100%;
}

/* HOMEPAGE - Secondary *********/

.headline-bar {
    text-align: center;
    margin: 2rem 0 2rem;
    display: block;
}

.headline-bar .headline {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.25;
    margin: 0;
    padding: 0;
}

.headline-bar p {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
}

.headline-bar button {
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
}

.homepage-secondary-banners {
    display: flex;
    margin: 0 1rem;
}
 
.homepage-secondary-banners.masonry {
    margin-bottom: -2.5%;
}

.homepage-secondary-banners .item {
    width: 50%;
    padding: 1rem;
}

.homepage-secondary-banners .thirds {
    width: 33.333%;
    padding: 1rem;
}

.homepage-secondary-banners a {
    display: flex;
    margin-bottom: 1.9rem;
    position: relative;
    height: auto;
}

.homepage-secondary-banners a img {
    filter: brightness(90%);
    width: 100%;
    height: auto;
    align-self: start;
}

.homepage-secondary-banners a:hover img {
    filter: brightness(60%);
}

.homepage-secondary-banners a .description {
    text-align: center;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 80%;
    pointer-events: none;
}

.homepage-secondary-banners a .description h2 {
    font-size: 3rem;
    font-weight: bold;
}

.homepage-secondary-banners a .description h4 {
    font-size: 1rem;
    font-weight: normal;
    text-transform: capitalize;
    letter-spacing: normal;
}

.homepage-secondary-banners a .description p {
    color: white;
    border: solid 2px #fff;
    z-index: 1;
    font-weight: 700;
    line-height: 1.42;
    text-decoration: none;
    text-align: center;
    white-space: normal;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: inline-block;
    padding: 12px 18px;
    margin: 4% 0 0 0;
    width: auto;
    min-width: 90px;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.40);
}

.homepage-secondary-banners a:hover .description p {
    color: #000;
    background: #fff;
}

@media only screen and (max-width: 761px) {
    
  .headline-bar .headline {
        font-size: 2rem;
    }

    .template-index .hero {
        margin: 0 0 1rem;
    }

    .homepage-secondary-banners {
        display: block;
        margin: 0 0 .2rem;
    }
  
  .homepage-secondary-banners.masonry {
        margin-bottom: 0%;
    }

    .homepage-secondary-banners .item,
    .homepage-secondary-banners .thirds {
        width: 100%;
        height: auto;
        padding: 0 1rem;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .homepage-secondary-banners a img {
        filter: brightness(60%);
    }

    .homepage-secondary-banners a {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }

    .homepage-secondary-banners a .description h2 {
        font-size: 1.75em;
    }
  
    .homepage-secondary-banners a .description h3 {
        font-size: 1.2em;
    }

    .homepage-secondary-banners a .description p {
        font-size: 1rem;
    }
    .hprow {
    flex-direction: row;
    }
  
    .hprow.mask {
    flex-direction: column;
    }
  
    .hpcolumntouch.tight {
    margin: 0px 0px -3px;
    }
    .hpcolumntouch.space {
    margin: 0px 0px -1%;
    }
  
    .hpcolumntouch.leftspace {
    padding: 0 0 0;
    margin: 0px 15px 15px;
    }
    .hpcolumntouch.rightspace {
     padding: 0 0 0;
     margin: 0px 15px 15px;
    }
  
    .hpcolumn.mask {
    padding: 0 1rem 1rem;
    } 
}

/****** HOMEPAGE - SPECIALS: Text *********/

.homepage-text {
    width: 95%;
    margin: 0 auto 2rem;
    text-align: center;
}

.homepage-text .headline {
    text-decoration: underline;
    font-weight: bolder;
    margin: 2rem 0 0;
    font-size: 2rem;
    line-height: 1;
}

.homepage-text p {
    font-size: 1rem;
    line-height: 1.2;
    padding: .5rem;
    text-align: center;
}

.homepage-text-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.homepage-text-links a {
    flex: 1 0 49%;
    margin-bottom: 1px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.3;
    padding: .5rem;
    letter-spacing: .1rem;
    border: 1px solid #fff;
}

.homepage-text-links a:hover {
    background: #333;
}

.template-collection .homepage-text {
    width: 100%;
    margin: 0;
}

.template-collection .headline-bar {
    margin: 0;
}

.template-collection .headline-bar .headline {
    display:none;
}

.template-collection .headline-bar p {
    font-size: 0.85rem;
    font-weight: bold;
}

.template-collection .headline-bar .btn {
    display: none;
}

.template-collection .homepage-text-links a {
    flex: 1;
    margin-bottom: 1px;
    font-size: .7rem;
    padding: .5rem 0;
}

@media only screen and (max-width: 769px) {

    .homepage-text-links a {
        font-size: 1rem;
    }
  
    .headline-bar p {
      font-size: 1rem;
    }
}



/* HOMEPAGE - Bottom Navigation *********/

.occassion-nav {
    width: 80%;
    margin: 0 auto 2rem;
    text-align: center;
}

.occassion-nav .headline {
    text-decoration: underline;
    font-weight: bolder;
    margin: 2rem 0 0;
    font-size: 2rem;
    line-height: 1;
}

.occassion-nav p {
    font-size: 1rem;
    line-height: 1.2;
    padding: .5rem;
    text-align: center;
}

.occassion-nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.occassion-nav-links a {
    flex: 1 0 32%;
    margin-bottom: 1px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: .8rem;
    padding: .5rem;
    letter-spacing: .1rem;
    border: 1px solid #fff;
}

.occassion-nav-links a:hover {
    background: #777;
}

.mobile-quick-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    margin: 2rem;
}

.mobile-quick-nav a {
    flex: 1 0 48%;
    margin: 1%;
    border: 1px solid #ccc;
    padding: .8rem .5rem;
    font-size: .8rem;
    letter-spacing: .1rem;
}

.mobile-quick-nav a.sale {
    color: red;
    font-weight: bold;
}

@media only screen and (max-width: 769px) {
    .occassion-nav {
        width: 100%;
    }

    .occassion-nav-links a {
        flex: 1 0 100%;
    }
}

/* HOMEPAGE - About Banner *********/

#aboutperry .flex-grid {
    display: flex;
    justify-content: space-around;
    align-content: center;
}

#aboutperry .col {
    flex: 1;
    padding: 1rem;
}

#aboutperry .col a {
    display: block;
    text-align: left;
    margin: 0 auto;
}

#aboutperry .col a.left {
    text-align: right;
}

/* Mobile Only */
@media only screen and (max-width: 769px) {

    .template-index .columns,
    .template-index .homeboxes {
        display: block;
    }

    .template-index .small-12.medium-6 {
        flex: 0 48%;
        margin: 1%;
    }

    .template-index .homeboxes {
        width: 100%;
        margin: 0 auto;
    }

    #aboutperry .col {
        flex: 0 0 100%;
        padding: .5rem 0;
    }
}

#about-perryellis:target {
    display: block !important;
}

#about-perryellis {
    width: 220px;
    border: 1px solid #eee;
    position: fixed;
    bottom: 4%;
    left: 1%;
    background: #fff;
    z-index: 9;
    filter: drop-shadow(0 0 5px #000);
    animation: fadeIn 1s ease-in both;
    animation-delay: 4s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

#about-perryellis img {
    float: left;
    margin: 0 10px 0 0;
}

#about-perryellis p {
    font-size: small;
    line-height: 1.2;
    margin: 4px 0 0 0;
}

#about-perryellis p span {
    font-size: 10px;
}

#about-perryellis button {
    font-size: 9px;
    padding: 3px;
    margin: 5px 0;
    border-color: #777;
}

#about-perryellis button:hover {
    background: #ccc;
}

/* BADGES *******************************/


.new-product {
  	font-weight: bold;
  	color: #000;
}

.clearance-product {
  	font-weight: bold;
  	color: red;
}

.collection-content.big-tall .TallOnly .grid-product__image-mask .image-wrap:before,
.collection-content.big-tall-outerwear .Big .grid-product__image-mask .image-wrap:before,
.collection-content.big-tall-sweaters .Big .grid-product__image-mask .image-wrap:before,
.collection-content.big-tall-suits .Big .grid-product__image-mask .image-wrap:before,
.collection-content.big-tall-pants .Big .grid-product__image-mask .image-wrap:before,
.collection-content.big-tall-polos-and-knits .Big .grid-product__image-mask .image-wrap:before,
.collection-content.big-tall-casual-shirts .Big .grid-product__image-mask .image-wrap:before,
.collection-content.big-tall .Big .grid-product__image-mask .image-wrap:before,
.collection-content.best-sellers .Best.Sellers .grid-product__image-mask:after,
.collection-content.black-friday-preview-features .New.Arrivals .grid-product__image-mask:after,
.collection-content.sale .New.Arrivals .grid-product__image-mask:after,
/*.collection-content.sale-final-sale .clearance .grid-product__image-mask:before,*/
.collection-content.doorbusters .New.Arrivals .grid-product__image-mask:after,
.collection-content.new-arrivals .New.Arrivals .grid-product__image-mask:after,
.collection-content.new-arrivals .New.Arrivals .grid-product__image-mask .image-wrap:before {
    display: none;
}


/*
.New.Arrivals .grid-product__image-mask:after {
    color: #fff;
    background: #125db7;
    display: block;
    z-index: 1;
    content: "New";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 5px;
    left: 5px;
    border-radius: 0;
    bottom: inherit;
}
*/

/*
.New.Arrivals .product__main-photos:after {
    color: #fff;
    background: #125db7;
    display: block;
    z-index: 1;
    content: "New";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    margin: 0;
    top: 40px;
    width: auto;
    border-radius: 0;
}
*/

/*
.noniron .grid-product__image-mask .image-wrap::after {
    z-index: 1;
    content: "";
    position: absolute;
    right: 0%;
    top: 8%;
    width: 18px;
    height: 18px;
    background: url(/cdn/shop/files/no-ironing.svg?44503) no-repeat center #f1f1f1;
    background-size: 80%;
    border-radius: 25px;
    padding: 1rem;
}

.noniron .product__main-photos .slick-initialized:after {
    z-index: 1;
    content: "";
    position: absolute;
    right: 5%;
    top: 3%;
    width: 25px;
    height: 25px;
    background: url(/cdn/shop/files/no-ironing.svg?44503) no-repeat center #f1f1f1;
    background-size: 80%;
    border-radius: 25px;
    padding: 1rem;
}
*/

/************
.Best.Sellers .grid-product__image-mask .image-wrap::before {
    color: #fff;
    background: #000;
    display: block;
    z-index: 1;
    content: "Best Seller";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 75%;
}
****************/

/************ RECATIVATE AFTER PROMO**********************************/
.SuitJacketBadge .grid-product__image-mask:after {
    color: #fff;
    background: #d68722;
    display: block;
    z-index: 1;
    content: "Suit Jacket";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 82%;
}


.SuitJacketBadge .product__main-photos::after {
    color: #fff;
    background: #d68722;
    display: block;
    z-index: 1;
    content: "Suit Jacket";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    top: 82%;
}

.SuitPantBadge .grid-product__image-mask:after {
    color: #fff;
    background: #d68722;
    display: block;
    z-index: 1;
    content: "Suit Pants";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 82%;
}


.SuitPantBadge .product__main-photos::after {
    color: #fff;
    background: #d68722;
    display: block;
    z-index: 1;
    content: "Suit Pants";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    top: 82%;
}

.Best.Sellers .grid-product__image-mask:after {
    color: #fff;
    background: #000;
    display: block;
    z-index: 1;
    content: "Best Seller";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 75%;
}


.Best.Sellers .product__main-photos::after {
    color: #fff;
    background: #000;
    display: block;
    z-index: 1;
    content: "Best Seller";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    top: 75%;
}



.NewMarkdownsEOS24 .grid-product__image-mask:after {
    color: #fff;
    background: #000;
    display: block;
    z-index: 1;
    content: "New Markdown";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 60%;
}


.NewMarkdownsEOS24 .product__main-photos::after {
    color: #fff;
    background: #000;
    display: block;
    z-index: 1;
    content: "New Markdown";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    top: 60%;
}



/* Abu Codes  //////////////////////////////////////////////////////////// */

/*  Material 100% Linen Tag on products  ///////////////////////////////// */
.Material100Linen .grid-product__image-mask:after {
    color: #fff;
    background: #000;
    display: block;
    z-index: 1;
    content: "100% Linen";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 75%;
}

/* Abu Codes Ends  //////////////////////////////////////////////////////////// */


.Big .grid-product__image-mask .image-wrap:before {
    color: #fff;
    background: #aaa;
    display: block;
    z-index: 1;
    content: "Big & Tall";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    bottom: 2%;
}

.Big .product__main-photos:before {
    color: #fff;
    background: #aaa;
    display: block;
    z-index: 1;
    content: "Big & Tall";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    margin: 2% 2% 2% 0;
}

.TallOnly .grid-product__image-mask .image-wrap:before {
    color: #fff;
    background: #888;
    display: block;
    z-index: 1;
    content: "Tall";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    bottom: 1%;
}

.Tall-Only .product__main-photos:before {
    color: #fff;
    background: #888;
    display: block;
    z-index: 1;
    content: "Tall";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    margin: 2%;
}

/******
.Specials .grid-product__image-mask:before {
    color: hsla(52, 100%, 20%, 1.0);
    background: #FFDC00;
    display: block;
    z-index: 1;
    content: "★ Specials";
    font-size: xx-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 13%;
    left: 2%;
    padding: .25rem .5rem;
    margin: 0;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media only screen and (max-width: 769px) {
.Specials .grid-product__image-mask:before {
    top: 14%;
}
}

.PromotionDoorbuster24 .grid-product__image-mask:before {
    color: #fff;
    background: #cd0c03;
    display: block;
    z-index: 1;
    content: "★ Cyber Special";
    font-size: xx-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 72%;
    left: 2%;
    padding: .25rem .5rem;
    margin: 0;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
****/




/*****
.Specials .product__main-photos:before {
    color: hsla(52, 100%, 20%, 1.0);
    background: #FFDC00;
    display: block;
    z-index: 1;
    content: "★ Specials";
    font-size: xx-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 1%;
    left: 0;
    padding: 5px 10px;
    margin: 0;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.PromotionDoorbuster24 .product__main-photos:before {
    color: #fff;
    background: #cd0c03;
    display: block;
    z-index: 1;
    content: "★ Cyber Special";
    font-size: xx-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 65%;
    left: 0;
    padding: 5px 10px;
    margin: 0;
    border-radius: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
****/



/************ DOUBLE POINTS BADGE **********
.Underwear .grid-product__image-mask .image-wrap::after {
    color: #fff;
    background: #125db7;
    display: block;
    z-index: 1;
    content: "Double Points";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 30px;
    //left: 5px;
    border-radius: 0;
    bottom: inherit;
}

.Underwear .product__main-photos .slick-initialized:after {
    color: #fff;
    background: #125db7;
    display: block;
    z-index: 1;
    content: "Double Points";
    width: auto;
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
 	font-weight: bold;
    margin: 0;
    //text-transform: uppercase;
    letter-spacing: 1px;
    top: 10px;
    //left: 5px;
    border-radius: 0;
    bottom: inherit;
}
****************************/


/************ OLD FINAL SALE BADGE **********
.Final.Sale .grid-product__image-mask:before {
    color: #fff;
    background: red;
    display: block;
    z-index: 1;
    content: "Final Sale";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.Final.Sale .product__main-photos:after {
    color: #fff;
    background: red;
    display: block;
    z-index: 1;
    content: "Final Sale";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    top: 60px;
}


.clearance .grid-product__image-mask:before {
    color: #fff;
    background: red;
    display: block;
    z-index: 1;
    content: "Clearance";
    width: auto;
    font-size: x-small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 8px;
    margin: 4%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}
***********/

.finalsale .product__main-photos:after {
    color: #fff;
    background: rgb(238, 52, 52);
    display: block;
    z-index: 1;
    content: "Final Sale";
    font-size: small;
    text-align: center;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    font-weight: bold;
    top: 60px;
}


.comingsoon .grid-product__image-mask::after {
    width: 200px;
  background: #111;
  position: absolute;
  content: "COMING SOON";
  font-size: x-small;
  text-align: center;
  line-height: 25px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 25px;
  left: -60px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.comingsoon .product__main-photos::after {
    width: 200px;
  background: #111;
  position: absolute;
  content: "COMING SOON";
  font-size: x-small;
  text-align: center;
  line-height: 40px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}


/* COLLECTION */

/* Scroll to Top Button */

/*
@media only screen and (min-width: 769px) {
.scroll-to-top {
    display:block;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
    z-index: 99;
    width: 45px;
    height: 45px;
    border-radius:50%;
    position: fixed;
    right: 70px;
    bottom: 20px;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    font-size: 0;
    -webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.25);
    box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.25);
    animation: fadeIn 1s ease-in both;
    animation-delay: 6s;
}

.scroll-to-top:before {
    display: block;
    font-size: 16px;
    color:#000;
    content: "▲";
}
  
}
 */
.category-banner-split {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.category-banner-split .item {
    width: 50%;
}

.category-banner-split.fulltext .item {
    width: 100%;
}

.category-banner-split .centertext {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 2% 2%;
}

.category-banner-split .border-in {
    border: 1px #e0e0e0 solid;
    padding: 31% 10%;
}

.category-banner-split h2 {
    font-family: 'Trade Gothic Next', sans-serif;
    font-weight: bold;
}

.category-banner-split p {
    padding: 0 3rem;
}

@media only screen and (max-width: 1199px) {
  .category-banner-split .border-in {
      padding: 22% 10%;
  }
}

@media only screen and (max-width: 768px) {

    .category-banner-split {
        flex-flow: column-reverse;
    }

    .category-banner-split .item {
        width: 100%;
    }

    .category-banner-split h2 {
        font-size: 1.5rem;
    }

    .category-banner-split p {
        padding: 0 1rem;
        font-size: .75rem;
    }

    .category-banner-split .item.centertext {
        padding: 1rem 1rem 0;
    }
}


/**** MOTION ENHANCED STYLING  ******/

.motion-split {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 0;
    margin: 3% 0;
}

.motion-split .item {
    width: 50%;
}

.motion-split.fulltext .item {
    width: 100%;
}

.motion-split .centertext {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 2% 8%;
}

.motion-split .border-in {
    border: 1px #e0e0e0 solid;
    padding: 31% 10%;
}

.motion-split h2 {
    font-family: 'Trade Gothic Next', sans-serif;
    font-weight: bold;
}

.motion-split h3 {
   // font-family: 'Trade Gothic Next', sans-serif;
   // font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    font-size: 1.5em;
}

.motion-split p {
    padding: 0 3rem;
}

@media only screen and (max-width: 1199px) {
  .motion-split .border-in {
      padding: 22% 10%;
  }
}

@media only screen and (max-width: 768px) {

    .motion-split {
        flex-flow: column-reverse;
    }
  
    .motion-split.flip {
        flex-flow: column;
    }

    .motion-split .item {
        width: 100%;
    }

    .motion-split h2 {
        font-size: 1.5rem;
    }

    .motion-split p {
        padding: 0 1rem;
        font-size: .75rem;
    }

    .motion-split .item.centertext {
        padding: 1rem 1rem 0;
    }
}


/****
.Suit.Set .grid-product__price--sale:after {
    content: "Set Total Excludes Vest";
    text-align: center;
    font-size: .75em;
    display: block;  
    color: #6b6a6a;
}
******/

/******* TURN OFF DURING SITEWIDE PROMOS ****************/

.Suit.Set .collection_callout2:after {
    content: "Set Total Excludes Vest";
    text-align: center;
    font-size: .75em;
    display: block;
}

.collection-content {
    padding-top: 0;
}

.hr--small {
    margin: 0 auto;
}

.bc-sf-filter-product-item-inner .image-wrap {
    background: #fafafa;
}

.grid-product__price {
    font-size: 13px;
}

.grid-product__price--sale {
    font-weight: bold;
}

.grid-product__image-mask {
    background: #fafafa;
}

.template-collection .page-content {
    padding-top: 0;
}


.promo-grid__container--tint:before {
    background: #eee !important;
}

.collection-filter__item--count {
    font-size: .85rem;
}

.btn--tint-border {
    border-color: #ddd !important;
}

.grid-product__title--heading {
    font-size: .8rem;
}

.grid-product__title:hover {
	text-decoration: underline;  
}

#CollectionSection .rte {
    font-size: .75rem;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    padding: .5rem 0 0;
}

@media only screen and (max-width: 768px) {
    #CollectionSection .rte {
        width: 100%;
        text-align: center;
    }
}

/* HEADER SUBTEXT FOR COLLECTION DESCRIPTION OR SEO */
#CollectionSection .subtext {
    font-size: .75rem;
    text-align: center;
    width: 55%;
    margin: 0 auto;
    padding: .5rem 1rem 0;
}

@media only screen and (max-width: 768px) {
    #CollectionSection .subtext {
        width: 100%;
        text-align: center;
    }
}

#seo-bottom {
    font-size: .75rem;
}

#seo-bottom h2 {
    font-size: 1rem;
    font-weight: bold;
}

.pagination {
    margin: 0;
    padding: 0;
}

/* COLLECTION: TILES */

.collection-tile {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
}

.collection-tile img {
    filter: brightness(98%);
    width: 100%;
    height: auto;
}

.collection-tile .copy {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-46%, -40%);
    width: 80%;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .5);
}

.collection-tile .copy ul {
    list-style-type: none;
    margin: 0 0 15px 0;
}

.collection-tile .copy .title {
    font-size: 1.5rem;
    line-height: 1;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.collection-tile .copy .btn {
    color: #000;
    background: #fff;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: normal;
    border: 0;
    text-shadow: none;
    padding: .5rem 1rem;
    border: 2px solid #fff;
    -webkit-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.15);
}

.collection-tile:hover .copy .btn,
.collection-tile .copy .btn:hover {
    color: #fff;
    background: #000;
    border: 2px solid #000;
}

@media only screen and (max-width: 768px) {
    .collection-tile .copy .title {
        font-size: 1rem;
    }

    .collection-tile .copy ul {
        font-size: .75rem;
    }

    a.btn {
        padding: .25rem;
        font-size: .8rem;
    }
}

/* COLLECTION: TAGS */

.grid-product__tag--sale {
    background-color: #2ECC40;
}

.grid-product__tag--sold-out {
    background-color: #eee;
}

/* COLLECTION: SIDEBAR - REFINEMENTS */

/*
.grid__item--sidebar {
    overflow-y: visible;
    max-height: 100%;
}
*/

.collection-filter__item--drawer .js-drawer-open-collection-filters {
    display: none;
    opacity: 0;
    visibility: hidden;
}


/*
#bc-sf-filter-tree-mobile button {
    color: #000 !important;
    background: #fff !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    border: 1px solid #e8e8e1 !important;
    border-radius: 0 !important;
}

#bc-sf-filter-tree-mobile button svg {
    margin: 0 1rem;
}
*/

.bc-sf-filter-selection-wrapper h3 span {
    font-size: 80%;
}

.collapsible-trigger {
    font-weight: bold;
}

.collapsible-trigger-btn {
    font-size: 1em;
}

.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image {
    border: 2px solid #fff !important;
    box-shadow: 0 0 1px 1px #aaa !important;
    margin: .1rem .5rem .1rem !important;
}

span.boost-pfs-filter-option-swatch-image[title="Beige"], .color-swatch--pei-beige {
    background-color: #d4c4b4 !important;
}

span.boost-pfs-filter-option-swatch-image[title="Black"], .color-swatch--pei-black {
    background-color: #141414 !important;
}

span.boost-pfs-filter-option-swatch-image[title="Blue"], .color-swatch--pei-blue {
    background-color: #2c4464 !important;
}

span.boost-pfs-filter-option-swatch-image[title="Brown"], .color-swatch--pei-brown {
    background-color: #4c342c !important;
}

span.boost-pfs-filter-option-swatch-image[title="Gray"], .color-swatch--pei-gray {
    background-color: #acacac !important;
}

span.boost-pfs-filter-option-swatch-image[title="Green"], .color-swatch--pei-green {
    background-color: #6c8474 !important;
}

span.boost-pfs-filter-option-swatch-image[title="Orange"], .color-swatch--pei-orange {
    background-color: #ff8c00 !important;
}

span.boost-pfs-filter-option-swatch-image[title="Pink"], .color-swatch--pei-pink {
    background-color: #ffc0cb !important;
}

span.boost-pfs-filter-option-swatch-image[title="Purple"], .color-swatch--pei-purple {
    background-color: #543454 !important;
}

span.boost-pfs-filter-option-swatch-image[title="Red"], .color-swatch--pei-red {
    background-color: #9b282d !important;
}

span.boost-pfs-filter-option-swatch-image[title="White"], .color-swatch--pei-white {
    background-color: #f1f1f1 !important;
}

span.boost-pfs-filter-option-swatch-image[title="Yellow"], .color-swatch--pei-yellow {
    background-color: #f4ec34 !important;
}


/* SHOW BOTH SWATCH AND NAME + COUNT 
.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-button   {
    display: inline-block !important;
} 

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch.circle-grid li {
    width: 48%;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a .bc-sf-filter-option-swatch-image {
    width: 25px !important;
    height: 25px !important;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content ul li a {
    font-size: .7rem;
}

*/

/* MOBILE */
@media screen and (max-width: 39.9375em) {
  	/*
    .bc-sf-filter-option-block .bc-sf-filter-block-content ul li a {
        font-size: 1rem;
    }

    .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a.bc-sf-filter-option-swatch-image {
        width: 30px !important;
        height: 30px !important;
    }
  	*/

    /* COLLECTION: collection-filter sticky */

    .site-header--opening {
        transform: translate3d(0, 0, 0);
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .collection-filter {
        position: sticky;
        top: 60px;
        z-index: 5;
        background: #fff;
        box-shadow: 0 2px 5px -6px #000;
      
        margin-bottom: 5px !important;
    }

    .collection-filter__item {
        margin-bottom: -13px;
        background-color:#fff;
    }

    .collection-filter__item--count {
        display: none;
    }

    .perry-ellis-america .collection-filter {
        position: relative;
        top: 0;
    }
}

/* PRODUCT PAGE */

@media only screen and (min-width: 769px) {
    .page-content.page-content--product {
        padding-top: 1rem;
    }

}

.payment-buttons .shopify-payment-button__button--unbranded {
    font-size: 1rem;
}

.variant-input-wrap input[type='radio']:checked+label {
    font-weight: bold;
    background: #06c;
    color: #fff;
}

.variant-input-wrap {
    margin: 0;
}

.variant-input-wrap label.disabled {
    color: #777;
}

.variant-input-wrap label.disabled:after {
    border-left: 1px solid;
    border-color: #777;
    transform: rotate(45deg);
}

.variant-input-wrap label:hover {
    box-shadow: 0 0 0 2px #777;
    background: #f1f1f1;
}

.variant-input-wrap label {
    box-shadow: 0 0 0 2px #ccc;
}

.shopify-payment-button .shopify-payment-button__button--unbranded {
    background: #999;
}

.size-chart-btn {
    text-transform: capitalize;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 1rem;
    padding: 0 0 .5rem;
    display: block;
}

.product__inventory {
    font-size: 1.2rem;
    font-weight: bold;
    color: #0066cc;
}

/* PRODUCT PAGE - GWP ***************/

.gwp-container {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
}

.gwp-container .item {
    width: 48%;
    text-align: center;
    padding: 1rem;
}

.gwp-container .item strong {
    font-size: 1.25rem;
}

.gwp-container .item small {
    font-size: 9px;
}

@media only screen and (max-width: 768px) {
    .gwp-container {
        display: block;
    }

    .gwp-container .item {
        width: 100%;
        padding: 0 1rem 1rem;
    }
}

/* PRODUCT PAGE - BREADCRUMB ***************/

.breadcrumb a:link{
    text-decoration:underline;
}



/* PRODUCT PAGE - DROPDOWN ***************/
/*
.product-single__variants {
    font-size: 1rem;
    display: inline-block;
    margin: 1em 0;
}
*/
.product-single__variants option {
    font-size: 1rem !important;
    margin: 1rem;
    line-height: 1rem;
}

.page-content--product .color .variant__label[for] {
    font-size: 1rem;
}

.swatchesbox .variant__label {
  font-size: 1.0rem !important;
}

.page-content--product .variant__label-info {
  font-weight: bold !important;
}

.page-content--product .variant__label {
  font-weight: bold !important;
}

/*
.variant-wrapper--button:not(.color) {
    display: none !important;
}

*/

.variant-wrapper--button.color .variant-input-wrap {
    display: none !important;
}




@media only screen and (min-width: 769px) {
    .product__thumbs--beside {
        margin-top: 10px;
        margin-right: 60px;
    }

    .hr--medium {
        margin: 5px auto;
    }
}

.modal .page-content--product [name="Color"] {
    display: none;
}

.template-product .breadcrumb {
    font-size: small;
}

.template-page .breadcrumb {
    text-align: center;
    text-align: left;
}

.product-single__description {
    @media screen and (min-width: 39.9375em) {
      margin: 0px 30px 10px 10px;
      font-size: .85rem;
    }

    @media screen and (max-width: 39.9375em) {
      margin: 0px;
      font-size: .85rem;
    }
}

.product-single__description.rte a.imagelink {
    border-bottom: 0;
    text-align: center;
    display: block;
    margin-bottom: 1rem;
}

.page-content--product .variant__label[for] {
    padding: .5rem 0 0;
    font-weight: bold;
}

.product-single__title {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px !important;
}

.product-section-master .master-swatch img {
    border: 2px #eee solid;
}

.product-section-master .master-swatch img:hover {
    border: 2px #ccc solid;
}

.product__thumb-item {
    border-color: #ccc;
    opacity: 0.5;
}

.product__thumb-item.slick-current {
    opacity: 1;
}

#RecentlyViewed-product-template .section-header__title {
    font-size: 1.1rem;
    text-align: center;
}

.shopify-cleanslate ._2PlbzR9cZKymIpXz-eOGFC {
    color: #000 !important;
}

.shopify-cleanslate ._347Ak7kw1Up8RwgeJir7HH,
.shopify-cleanslate ._2-dUletcCZ2ZL1aaH0GXxT {
    border-color: #000 !important;
    color: #000 !important;
}

.variant-wrapper--button .color-swatch {
    background-size: 400% !important;
    background-position: 50% !important;
}

.product__price.on-sale {
    font-weight: bold;
}

.variant-input-wrap input[type='radio']:checked+label {
    font-weight: bold;
}

.product-single__form {
    margin-bottom: 0;
}

.payment-buttons {
    margin-top: 1rem;
}

.payment-buttons .add-to-cart {
    color: #fff;
    background: #06c;
    font-size: 1rem;
}

.payment-buttons .add-to-cart.disabled,
.btn[disabled],
.payment-buttons .add-to-cart.disabled:hover,
.payment-buttons .add-to-cart.disabled:active,
.payment-buttons [disabled="disabled"],
.payment-buttons [disabled="disabled"]:hover,
.btn[disabled]:hover,
.btn.disabled:hover {
    background: #eee !important;
    color: #000;
    pointer-events: none;
    border: 0;
}

.shopify-payment-button__more-options {
    text-transform: uppercase;
    color: #000;
    border: 1px solid #e8e8e1 !important;
    margin: 1em auto !important;
    padding: 8px 14px !important;
    background-position: 150% 45% !important;
    min-width: 90px !important;
    font-size: 10px !important;
    width: auto !important;
    line-height: 1.42;
    letter-spacing: 0.2em;
}

.shopify-payment-button__more-options:hover:not([disabled]),
.shopify-payment-button__more-options:hover {
    text-decoration: none !important;
    background: #eee;
}

.product__thumb-item {
    border: 2px solid #eee;
}

.product__thumb-item:hover {
    border: 2px solid #ddd;
}

.product-barcode,
.product-single__sku {
    font-size: x-small;
    text-transform: uppercase;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
}

/* PRODUCT SETS */

.template-product.mw-gp-has-products .product__price {
    display: none;
}
.template-product.mw-gp-has-products .product__price-savings {
    display: none;
}

/* DRAWER - SHOPIFY CLEANSLATE */

.shopify-cleanslate ._1F_l3NMMhH2lCqfrsQkUuD {
    background: #06c !important;
}

.shopify-cleanslate [data-testid="Checkout-button"] {
    background: #06c !important;
    color: #fff !important;
}

/* QUICKVIEW */

.modal {
    z-index: 100;
}

.mwgroupedproduct .quick-product__btn,
.modal .shopify-payment-button__more-options,
.modal .size-chart-btn {
    display: none;
}

.modal .product-link {
    font-size: smaller;
}

.modal--square .modal__close {
    right: 15px;
}

.modal-open .modal:before {
    background-color: #000;
}

.modal__close .icon {
    border: 1px solid #000;
    border-radius: 25px;
}

.modal__close .icon:hover {
    border: 1px solid #eee;
    background: #eee
}


/* PAGE */

.template-page .inline-list.payment-icons {
    margin: 1rem 0 2rem;
}

.page-content .section-header {
    text-align: center;
}

.section-header__title {
    font-size: 1.25rem;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}

/* NOSTO - SHOP THE LOOK */

.nosto_element .section-header__title {
    font-size: 1rem;
    padding: 1rem;
    border-top: 1px solid #e8e8e1;
}

.nosto_element .section-header {
    margin: 0;
}

#nosto-bundle {
/*    display: none !important;*/
    border-bottom: 1px solid #e8e8e1;
}

#nosto-bundle:empty {
    border-bottom: 0;
    margin: 0;
}

#nosto-bundle .grid-product {
    margin: 0;
    padding: 0;
}

#nosto-bundle .page-width {
    padding: 0;
    margin: 0;
}

#nosto-bundle .product-single__related {
    display: flex;
}

#nosto-bundle .product-single__related .grid__item {
    flex-grow: 1;
    max-width: 25%;
}

#nosto-bundle .product-single__related .grid__item+.grid__item {
    margin-left: 2%;
}

#nosto-bundle .product-single__related .grid__item .grid-product__title,
#nosto-bundle .product-single__related .grid__item .grid-product__price {
    font-size: small !important;
}

#nosto-bundle .product-single__related .grid__item .grid-product__meta {
    padding: .25rem 1rem;
}

#nosto-bundle .product-single__related .grid__item .grid-product__price {
    color: red;
}

#nosto-bundle .product-single__related .grid__item .grid-product__price--original {
    color: #000;
}

#nosto-bundle .product-single__related .grid__item .grid__image-ratio--portrait:before {
    padding-bottom: 100%;
}

/* SMALL - MOBILE */
@media only screen and (max-width: 768px) {
    #nosto-bundle .product-single__related {
        display: flex;
        flex-wrap: wrap;
    }
  
    #nosto-bundle .product-single__related .grid__item {
        max-width: 50%;
    }
}

/* FOOTER */

.h4.footer__title {
    font-size: 1rem;
    font-weight: bold;
    color: #000;
}
/* 
a[href="/pages/store-locator"] {
    font-size: .75rem;
    color: #000;
    font-weight: bold;
    border: 1px solid #000;
    background-color: transparent;
    padding: 8px 14px;
    background-position: 150% 45%;
    min-width: 90px;
}

a[href="/pages/store-locator"]:hover {
    color: #fff;
    background-color: #000;
}
 */
.index-section--footer h3,
.index-section--footer .h3 {
    font-size: 1.1em;
    font-weight: bold;
}

/* FORMS */

.form-validation .error {
    width: 100%;
    padding: 3%;
    display: block;
    color: red;
    margin: 0;
    background: #ffebeb;
    text-transform: capitalize;
    letter-spacing: normal;
    position: relative;
}

/* SITEMAP */

.flex-container-sitemap h2 {
    border-bottom: 2px solid #ddd;
    padding: .5rem;
}

.flex-container-sitemap ul {
    list-style: none;
    margin: 0;
}

.flex-container-sitemap ul li {
    font-size: inherit;
    border-bottom: 1px dotted #ddd;
    padding: .5rem;
}

.flex-container-sitemap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-container-sitemap .flex-item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding: 1rem;
    text-align: center;
    border: 1px solid #eee;
    margin: 1rem;
    min-width: 49%;
}

/* Small */
@media screen and (max-width: 40em) {
    .flex-container-sitemap {
        flex-direction: column;
        margin: 0 .25rem;
    }
}

/* LOYALTY: EXCLUSIVE */

.loyalty-exclusive-container {
    display: flex;
    background: #FFDC00;
    color: #4e4400;
    padding: .4rem 20%;
    align-items: center;
}

.loyalty-exclusive-container .promo-item {
    flex-grow: 1;
    font-size: .85rem;
    font-weight: bold;
    padding: 0 1.5rem;
}

.loyalty-exclusive-container .login-item,
.loyalty-exclusive-container .signup-item {
    width: 100px;
    margin: 0 1rem 0 0;
}

.loyalty-exclusive-container .login-item span,
.loyalty-exclusive-container .login-item a,
.loyalty-exclusive-container .signup-item a {
    color: #4e4400;
    border-color: #4e4400;
    font-weight: bold;
}

.loyalty-exclusive-container .login-item span:hover,
.loyalty-exclusive-container .login-item a:hover,
.loyalty-exclusive-container .signup-item a:hover {
    border-color: #fff;
    background: #fff;
}

.loyalty-exclusive-container .login-item span {
    cursor: text;
    font-weight: bold;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.loyalty-exclusive-container .login-item span::selection {
    background: #ddd;
}

.loyalty-exclusive-container .login-item span::-moz-selection {
    background: #ddd;
}

.loyalty-exclusive-promo.medium-up--hide {
    z-index: 9;
    position: fixed;
    left: 0;
    bottom: 40px;
    height: 30px;
    width: 100%;
}

.loyalty-exclusive-promo.medium-up--hide .loyalty-exclusive-container {
    padding: .4rem 0;
    display: block;
    height: 80px;
    text-align: center;
}

.loyalty-exclusive-promo.medium-up--hide .promo-item {
    flex: 0 0 100%;
    font-weight: bold;
    padding: 0 0 .35rem 0;
    font-size: .8rem;
    text-align: center;
}

.loyalty-exclusive-promo.medium-up--hide .loyalty .promo-item {
    flex: 0 0 60%;
    text-align: left;
    padding-left: 1rem;
}

.loyalty-exclusive-promo.medium-up--hide .loyalty .login-item {
    flex: 0 0 40%;
    text-align: left;
    padding-left: 1rem;
}

.loyalty-exclusive-promo.medium-up--hide .login-item,
.loyalty-exclusive-promo.medium-up--hide .signup-item {
    width: 50%;
    padding: 0;
    float: left;
    margin: 0;
}

.loyalty-exclusive-promo.medium-up--hide .login-item a,
.loyalty-exclusive-promo.medium-up--hide .signup-item a {
    font-size: 12px;
    width: 90%;
}

#nosto-loyalty-exclusive .login-item {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.template-customers-login .loyalty-exclusive-container,
.template-customers-register .loyalty-exclusive-container,
.template-customers-account .loyalty-exclusive-container {
    display: none;
}

/* LOYALTY */
.loyalty-rewards-banner {
    background-color: #000;
    text-align: center;
    color: #fff;
    padding: .5rem;
    margin: 0 auto;
}

.loyalty-rewards-banner a {
    color: #fff;
    padding: 1rem;
    width: 80%;
    display: block;
    margin: 0 auto;
}

.loyalty-rewards-banner .loyaltylogo {
    color: #fff;
    line-height: initial;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 16px;
}

.loyalty-rewards-banner .loyaltylogo span {
    font-weight: bold;
}

.loyalty-rewards-banner p {
    color: #fff;
    line-height: 1.3;
    display: inline-block;
    margin: 0 3rem;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.loyalty-rewards-banner .btn {
    background: #fff;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.loyalty-rewards-banner .btn:hover {
    background: #000;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .loyalty-rewards-banner .loyaltylogo {
        font-size: 1.5rem;
    }

    .loyalty-rewards-banner p {
        margin: 0;
        font-size: .7rem;
    }

    .loyalty-rewards-banner .btn {
        margin: .5rem 0 0 0;
    }

    .loyalty-rewards-banner a {
        padding: 0;
    }
}

/* FOOTER */
.site-footer [data-type="newsletter"] a.btn {
    color: #fff;
}

.chat__support {
  padding-left: 15px;
  font-size: 16px;
}

/* FOOTER: SUPPORT BAR */
.footer__support_bar {
    display: block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: .5rem 1rem;
    margin: 1rem 0;
}

.footer__support_bar .btn--secondary:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
    opacity: 1;
}

.footer__support_bar .footer__support_buttons {
    display: inline-block;
    text-align: center;
}

.footer__support_bar .telephone {
    display: inline-block;
    margin: 0 1rem;
    vertical-align: sub;
}

.footer__support_bar .footer__social {
    display: inline-block;
    text-align: right;
    float: right;
}

.footer__support_bar .footer__social .title {
    margin: 0 1rem 0 0;
    display: inline-block;
    vertical-align: sub;
  font-size:1rem;
}

.footer__support_bar .footer__social li {
    display: inline-block;
    margin: 0 15px 0 0;
}

.footer__support_bar .footer__social .icon {
    width: 16px;
    height: 16px;
}

/* Small: Mobile */
@media only screen and (max-width: 768px) {

    .footer__support_bar {
        border: 0;
        line-height: 2rem;
    }

    .footer__support_bar .btn--secondary.btn--small {
        font-size: .8rem;
    }

    .footer__support_bar .footer__social {
        float: none;
    }
}

/* VIDEO */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* FINDMINE - PRODUCT RECOMMENDATIONS*/

[id^=findmine-container] {
    margin-bottom: 1rem;
}

[id^=findmine-container] .fm-wrap {
    border-top: 1px solid #e8e8e1;
    border-bottom: 1px solid #e8e8e1;
    margin: 0 auto;
    padding: 1rem 0;
    width: 100%;
}

[id^=findmine-container] .fm-wrap header {
    margin: 0 0 1rem;
    position: relative;
}

[id^=findmine-container] .fm-wrap header button {
    display: inline-block;
    width: 20%;
    padding: .5rem;
    margin: .5rem .25rem;
    border: 1px solid #e8e8e1;
    font-size: .7rem;
    cursor: pointer;
    position: relative;
}

[id^=findmine-container] .fm-wrap header button.fm-prev-set {
    position: absolute;
    top: -8px;
    left: 0;
}

[id^=findmine-container] .fm-wrap header button.fm-next-set {
    position: absolute;
    top: -8px;
    right: 0;
}

[id^=findmine-container] .fm-wrap header button:hover {
    background: #f1f1f1;
}

[id^=findmine-container] .fm-wrap .fm-header {
    font-size: 1rem;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}

[id^=findmine-container] .fm-wrap .fm-sets {
    list-style: none;
    margin: 0;
}

[id^=findmine-container] .fm-wrap .fm-items {
    list-style: none;
    margin: 0;
}

[id^=findmine-container] .fm-sets li .fm-items li .fm-image {
    width: 120px;
    height: 160px;
    display: block;
    margin: 0 auto;
}

[id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title {
    padding: .4rem 1rem;
    line-height: 1
}

[id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title a,
[id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-price {
    font-size: 0.80em;
    text-align: center;
}

[id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-price {
    font-weight: bold;
}

[id^=findmine-container] .fm-sets li .fm-items li {
    vertical-align: top;
    text-align: center;
    width: 24.5%;
    display: inline-block;
    margin: 0;
}

/* Small */
@media screen and (max-width: 40em) {

    [id^=findmine-container] .fm-wrap header button {
        width: 40%;
        font-size: .75rem;
    }

    [id^=findmine-container] .fm-wrap header button.fm-prev-set,
    [id^=findmine-container] .fm-wrap header button.fm-next-set {
        margin: 1rem .25rem 0;
        position: relative;
    }

    [id^=findmine-container] .fm-sets li .fm-items li {
        width: 50%;
        margin: 0 0 2rem 0;
    }

    [id^=findmine-container] .fm-sets li .fm-items li .fm-details .fm-title {
        padding: .25rem 2rem;
    }

}

/* POWERREVIEWS - REVIEWS*/

#pwr-snippets.page-top .p-w-r {
    text-align: center !important;
    width: 350px;
    margin: .5rem auto !important;
}

#pwr-snippets.page-top .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write {
    margin: 0 5px;
}

#pwr-snippets.page-top .p-w-r .pr-no-reviews .pr-snippet-stars-container,
#pwr-snippets.page-top .p-w-r .pr-no-reviews .pr-snippet-read-and-write .pr-snippet-review-count {
    display: none;
}

.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write a {
    font-size: .85 rem;
    font-weight: bold;
    text-decoration: none;
}

.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet {
    text-align: center;
    margin: 2% 0;
}

.pr-snippet .pr-snippet-write-review-link {
    background: #fff;
    color: #777 !important;
    padding: 6px 8px !important;
    text-decoration: none;
    border: 1px solid #e8e8e1;
}

.pr-snippet .pr-snippet-write-review-link:hover {
    background: #000;
    color: #fff !important;
    padding: 6px 8px !important;
    text-decoration: none;
    border: 1px solid #000;
}

.pr-snippet-stars-reco-reco {
    display: none;
}

.pr-snippet-slider-root {
    display: none !important;
}



#pr-reviewdisplay {
    color: #555;
    max-width: 1500px;
    margin: 0 auto;
}

#pr-image-display {
    display: none;
}

.p-w-r .pr-read-review .pr-rd-no-reviews,
.p-w-r .pr-review-display .pr-rd-no-reviews {
    padding: 1rem 0 3rem !important;
}

#pr-reviewdisplay .pr-snippet-write-review-link {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 8px 14px;
    background-position: 150% 45%;
    min-width: 90px;
    font-size: .85rem !important;
    color: #000;
    border: 1px solid #e8e8e1;
    background-color: #fff;
}

#pr-reviewdisplay .pr-snippet-write-review-link:hover {
    text-decoration: none !important;
    background-color: #eee;
}

#pr-reviewdisplay .pr-snippet-read-and-write .pr-snippet-write-review-link {
    color: #fff !important;
    background-color: #000;
}

#pr-reviewdisplay .pr-headline {
    color: #777 !important;
    font-size: 1.25rem !important;
    letter-spacing: 1px;
}

.p-w-r .pr-review-snapshot .pr-review-snapshot-header-intro {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-block-headline,
.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags dt,
.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram .pr-histogram-msq-headline {
    font-size: 1rem !important;
    color: #777 !important;
}

#pr-reviewdisplay .pr-subheadline {
    display: none;
}

.p-w-r a,
.p-w-r .pr-read-review a,
.p-w-r .pr-review-display a {
    color: #000 !important;
}

.p-w-r .pr-accordion .pr-accordion-btn .pr-caret-icon__line {
    stroke: #000 !important;
}

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container .pr-snippet-stars .pr-snippet-rating-decimal {
    border: 3px solid #000 !important;
    color: #000 !important;
}

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count {
    color: #777 !important;
    font-style: normal !important;
}

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    background: #000;
    color: #fff !important;
    padding: .25rem 1rem;
    border-radius: 25px;
    font-weight: bold;
    text-decoration: none;
}

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags .pr-snapshot-tag-def .pr-filter-btn--active .pr-filter-btn__voteCount,
.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags .pr-snapshot-tag-def:active .pr-filter-btn__voteCount,
.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-tags .pr-snapshot-tag-def:hover .pr-filter-btn__voteCount {
    background-color: #333 !important;
}

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link:hover {
    background: #000 !important;
}

.p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue,
.p-w-r .pr-slider-root .pr-slider .pr-slider-node-group .pr-slider-node.pr-active {
    background: #000 !important;
}

.p-w-r .pr-read-review.pr-rd-display-desktop .pr-review,
.p-w-r .pr-read-review.pr-rd-display-tablet .pr-review,
.p-w-r .pr-review-display.pr-rd-display-desktop .pr-review,
.p-w-r .pr-review-display.pr-rd-display-tablet .pr-review {
    padding: 0 1rem;
}

.p-w-r .pr-star-v4-0-filled {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik0xMC4wMDEsMC44MzNsMi43MTEsNi4zOTVsNi45MzYsMC41OTVsLTUuMjYxLDQuNTZsMS41NzksNi43ODRsLTUuOTY1LTMuNTk3bC01Ljk2MywzLjU5N2wxLjU3OC02Ljc4NA0KCWwtNS4yNjMtNC41Nmw2LjkzOC0wLjU5NkwxMC4wMDEsMC44MzMiLz4NCjwvc3ZnPg0K") !important;
}

.p-w-r .pr-star-v4-25-filled {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDQ0NDQ0MiIHBvaW50cz0iMTkuNjQ3LDcuODIzIDEyLjcxMiw3LjIyOCAxMC4wMDEsMC44MzMgNy4yOTEsNy4yMjcgNy4yNSw3LjIzIDcuMjUsMTcuMjI5IDEwLjAwMSwxNS41NyANCgkxNS45NjYsMTkuMTY3IDE0LjM4NywxMi4zODMgIi8+DQo8cG9seWdvbiBwb2ludHM9IjAuMzUzLDcuODIzIDUuNjE2LDEyLjM4MyA0LjAzOCwxOS4xNjcgNy4yNSwxNy4yMjkgNy4yNSw3LjIzICIvPg0KPC9zdmc+DQo=") !important;
}

.p-w-r .pr-star-v4-50-filled {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTkuNjQ3LDcuODIzIDEyLjcxMiw3LjIyOCAxMC4wMDEsMC44MzMgMTAuMDAxLDE1LjU3IDE1Ljk2NiwxOS4xNjcgMTQuMzg3LDEyLjM4MyAiLz4NCjxyZWN0IHg9IjEwIiB5PSIwLjgzNSIgd2lkdGg9IjAuMDAxIiBoZWlnaHQ9IjE0LjczNSIvPg0KPHBvbHlnb24gZmlsbD0iI0NDQ0NDQyIgcG9pbnRzPSI3LjI5MSw3LjIyNyAwLjM1Myw3LjgyMyA1LjYxNiwxMi4zODMgNC4wMzgsMTkuMTY3IDEwLDE1LjU3MSAxMCwwLjgzNiAiLz4NCjwvc3ZnPg0K") !important;
}

.p-w-r .pr-star-v4-75-filled {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDQ0NDQ0MiIHBvaW50cz0iMTQuMzg3LDEyLjM4MyAxOS42NDcsNy44MjMgMTIuNzUsNy4yMzEgMTIuNzUsMTcuMjI4IDE1Ljk2NiwxOS4xNjcgIi8+DQo8cG9seWdvbiBwb2ludHM9IjEyLjcxMiw3LjIyOCAxMC4wMDEsMC44MzMgNy4yOTEsNy4yMjcgMC4zNTMsNy44MjMgNS42MTYsMTIuMzgzIDQuMDM4LDE5LjE2NyAxMC4wMDEsMTUuNTcgMTIuNzUsMTcuMjI4IA0KCTEyLjc1LDcuMjMxICIvPg0KPC9zdmc+DQo=") !important;
}

.p-w-r .pr-star-v4-100-filled {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0xNS45NjYsMTkuMTY3bC01Ljk2NS0zLjU5N2wtNS45NjMsMy41OTdsMS41NzgtNi43ODRsLTUuMjYzLTQuNTZsNi45MzgtMC41OTZsMi43MS02LjM5NGwyLjcxMSw2LjM5NWw2LjkzNiwwLjU5NQ0KCWwtNS4yNjEsNC41NkwxNS45NjYsMTkuMTY3eiIvPg0KPC9zdmc+DQo=") !important;
}

.p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-details,
.p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-details {
    line-height: 1.25rem !important;
}

.p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer {
    border-bottom: 0 !important;
}

.p-w-r .pr-read-review .pr-review,
.p-w-r .pr-review-display .pr-review {
    padding: 0 1rem !important;
}

/* POWERREVIEWS - WRITE A REVIEW */

.p-w-r .pr-war {
    max-width: 100% !important;
}

#pr-write {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#pr-write .pr-header-title {
    font-weight: bold !important;
    color: #000 !important;
}

.p-w-r h5 {
    text-transform: capitalize;
    letter-spacing: normal;
}

.p-w-r .pr-header .pr-header-product-img img {
    border: 5px solid rgba(0, 0, 0, 0.1) !important;
}

.p-w-r .pr-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.p-w-r .pr-btn-add-tag a:after {
    color: #000 !important;
    left: 3px !important;
    top: 35% !important;
}

.p-w-r .pr-btn-fileinput {
    color: #000 !important;
}

[href="http://www.powerreviews.com"] {
    display: none !important;
}

.p-w-r .pr-accessible-btn {
    background-color: #000 !important;
    border-bottom: 2px solid #000 !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    padding: 1rem !important;
    font-size: 1.15rem !important;
}

/* Small */
@media screen and (max-width: 40em) {
    #pr-reviewdisplay {
        max-width: 95% !important;
        border-top: 1px solid #e8e8e1;
    }

    .p-w-r .pr-review-snapshot .pr-review-snapshot-header-intro {
        margin: 0 !important;
    }

    .p-w-r .pr-review-snapshot .pr-review-snapshot-header-intro {
        border-bottom: 0 !important;
    }

    .p-w-r .pr-review-snapshot.pr-review-enhanced.pr-snapshot-mobile .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline {
        align-items: center !important;
    }

    .p-w-r .pr-review-display .pr-rd-pagination {
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
}

/* LOYALTY HEADER */

.loyalty .toolbar .login svg {
    background: #eee;
    fill: black;
    margin-right: .25rem;
    border-radius: 25px;
    padding: 4px;
    width: 25px;
    height: 25px;
}

.loyalty.gold .toolbar .login svg {
    background: #FFDC00;
}

/* Hide optin options for members */

/*
.accepts_marketing .cf-field-container.email-signup {
    display: none;
}

.loyalty .cf-field-container.loyalty-signup {
    display: none;
}
*/

/*
.cf-form-step .cf-fields-container .loyalty-signup {
  display: none;
}
*/

/* ACCOUNNT REGISTRATION - LOYALTY SIGNUP */

#create_account {
    padding-top: 2rem;
}

#create_account input,
#customer-fields input {
    border: 3px solid #e8e8e1;
}

#customer-fields .action-icon {
    margin: 1rem 0 !important;
    display: block !important;
    height: 40px !important;
    width: 100% !important;
}

#customer-fields .action-icon.loading:before {
    display: none !important;
    background-image: url(/cdn/shop/files/icon-loader.svg?33464) !important;
    background-size: 75% !important;
    background-repeat: no-repeat !important;
    background-color: #000 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    padding: 1rem !important;
    width: 100%;
}

.customr-field-file.uploading label:after {
    background: url(/cdn/shop/files/icon-loader.svg?33464) !important;
    background-size: contain !important;
}

#customer-fields .action-icon.success:before {
    background-image: url(/cdn/shop/files/icon-check.svg?33464) !important;
    background-size: contain !important;
}

.customr-field.loyalty-signup .customr-control-label,
.customr-field.email-signup .customr-control-label {
    display: none !important;
    visibility: hidden;
}

#customer-fields label {
    font-weight: bold;
}

#customer-fields .form-footer {
    margin-top: 0 !important;
    border-top: 0 !important;
    padding-top: 2rem !important;
    background: none !important;
}

#customer-fields input[type="submit"] {
    outline: none;
    margin: 0;
    display: inline-block;
    width: auto;
    color: #fff;
    background: #222;
    width: 100% !important;
    border: 0;
}

.cf-form-actions .btn.button {
    display: none;
    visibility: hidden;
}

.cf-form-actions .btn.button.cf-submit-form {
    display: block;
    visibility: visible;
    width: 100%;
    font-size: 1rem;
    background: #000;
}

.cf-field-container.email-signup,
.cf-field-container.loyalty-signup {
    background: #f1f1f1;
    border: 4px solid #fff;
    border-radius: 10px;
}

.cf-field-container.loyalty-signup .cf-enum-field__choice {
    margin: 0;
}

.email-signup .cf-enum-field__choice input[type=checkbox],
.loyalty-signup .cf-enum-field__choice input[type=checkbox] {
    display: none !important;
}

.email-signup span,
.loyalty-signup span {
    margin-left: 30px;
}

.email-signup input[type="checkbox"]+span::before,
.loyalty-signup input[type="checkbox"]+span::before {
    content: '';
    position: relative;
    left: -10px;
    top: 4px;
    border-radius: 50%;
    border: 2px solid #000;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #fff;
}

.email-signup input[type="checkbox"]:checked+span::before,
.loyalty-signup input[type="checkbox"]:checked+span::before {
    background: #000;
    border: 2px solid #fff;
    box-shadow: 0 0 2px #000;
}

.template-customers-register #create_customer label,
.template-customers-login label,
.template-customers-account label {
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: normal;
    width: 100%;
    cursor: pointer;
}

.template-customers-register #create_customer label small,
.template-customers-account #create_customer label small {
    display: inline;
    text-transform: capitalize;
    letter-spacing: normal;
    color: #777;
    font-weight: normal;
    padding-left: 5px;
    width: 100%;
}

.cf-enum-field__choices {
    width: 100%;
}

.email-signup .customr-control input,
.loyalty-signup .customr-control input {
    padding: 0;
    margin: 0;
    display: none;
}

.template-customers-register #create_customer p.terms,
.template-customers-register #create_account p.terms,
.template-customers-account #create_account p.terms,
.template-customers-login p.terms {
    border-top: 1px solid rgba(0, 0, 0, .15);
    padding: 1rem 0;
    margin: 0;
    font-size: small;
    text-align: center;
}

.template-customers-register #create_customer p.terms a,
.template-customers-register #create_account p.terms a,
.template-customers-account #create_account p.terms a,
.template-customers-login p.terms a {
    text-decoration: underline;
}

.loyalty-benefits {
    margin: 7% 5%;
    background: #f1f1f1;
    padding: 2rem;
}

.loyalty-benefits h2 {
    font-size: 1em;
    line-height: 1.5rem;
    font-weight: bold;
}

@media only screen and (max-width: 700px) {
    .template-customers-register #create_customer section {
        flex-direction: column;
    }

    #loyalty-benefits ul.numbered-list,
    #loyalty-benefits ul.registration-list {
        margin: 2rem 0;
    }

    .loyalty-benefits {
        width: 95%;
    }
}


/* CUSTOMER ACCOUNTS - PROFILES */

.template-customers-account .customer-details {
    background: #f1f1f1;
    margin-top: 2rem;
    padding: 2rem;
    border: .5rem solid #fff;
}

[class*="template-customers-"] .section-header__title,
.template-customers-order h3 {
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
}

.template-customers-order .hr--medium {
    margin: 1rem auto;
}

.template-customers-account .loyalty-status,
.template-customers-account .profile {
    border: 1px solid #f1f1f1;
    padding: 1rem;
}

.template-customers-account .loyalty-status {
    background: #fafafa;
    border-bottom: 0px;
}

.template-customers-account .main-content a {
    font-weight: bold;
}

.template-customers-account .main-content a:hover {
    color: #777;
}

.template-customers-account .loyalty-status-tier .tier {
    font-size: 11px;
    background-color: #ccc;
    color: #444;
    padding: .15rem .5rem;
    border-radius: 25px;
    text-transform: uppercase;
    margin: 0 .15rem;
}

.template-customers-account .loyalty-status-tier .tier.gold {
    font-size: 11px;
    background-color: #FFDC00;
    color: #8a6116;
    padding: .15rem .5rem;
    border-radius: 25px;
    text-transform: uppercase;
    margin: 0 .15rem;
}

.template-customers-account .accepts_marketing {
    font-size: 12px;
    background-color: #ddd;
    color: #444;
    margin: 0;
    padding: .25rem 1rem;
    border: 1px solid #ddd;
}

.template-customers-account h2,
.template-customers-account h3,
.template-customers-account .h5 {
    font-size: 1rem;
    font-weight: bold;
}

.template-customers-account .h5 {
    letter-spacing: 1px;
}

.template-customers-account h2,
.template-customers-account h3 {
    margin: 0 0 2rem 0;
    font-size: 1.5rem;
}

[class*="template-customers-"] table tr:nth-child(odd) td {
    background-color: #f1f1f1;
}

@media only screen and (max-width: 768px) {

    [class*="template-customers-"] h2,
    [class*="template-customers-"] h3 {
        margin: 2rem 0;
    }

    .template-customers-account .table--responsive td {
        padding: .5rem;
    }

    [class*="template-customers-"] .table__section+.table__section {
        margin-top: 0;
        padding-top: 0;
    }

    [class*="template-customers-"] .table__section+.table__section:after {
        left: 0;
        right: 0;
        border-bottom: 1px solid #ddd;
    }
}

/* CUSTOMER ACCOUNTS - ADDRESSES */

.template-customers-addresses h2,
.template-customers-addresses .h4 {
    font-size: 1rem;
    font-weight: bold;
}

.template-customers-addresses label {
    font-weight: bold;
}

.template-customers-addresses .cancel.btn--secondary {
    float: right;
    margin-bottom: 1rem;
}

/* CUSTOMER ACCOUNTS - RECOVERY */

.notice {
    font-size: small;
    padding: 1rem;
    background: #f1f1f1;
    margin: 0 0 1rem 0;
}

#RecoverPasswordForm {
    border: 1px solid #ccc;
    padding: 1rem;
    font-size: .85rem;
}

#RecoverPasswordForm h2 {
    font-size: .85rem;
}

#customer-settings {
    background: #f1f1f1;
    padding: 1rem;
    border: 1px solid #eee;
}

#customer-settings section.loyaltyoptin label {
    border: 0;
}

#customer-settings input[type="submit"] {
    background: #fff;
    font-size: 1rem;
    font-weight: bold;
    border: 3px solid #ddd;
    text-transform: uppercase;
}

#customer-settings section.loyaltyoptin input[type="checkbox"]:checked+label {
    background: #fff;
}


/* COOKIE BAR - GDPR */

.eg-cc-theme-classic .eg-cc-btn:last-child {
    background: #333;
}

.eg-cc-theme-classic .eg-cc-btn:last-child:hover {
    background: #222;
}

/*POWERREVIEWS*/
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars {
    text-align: center;
}

/* ERROR PAGES - 404 PAGE NOT FOUND */

.template-404 .rte a {
    border: 1px solid #ccc;
    padding: .5rem 1rem;
}

/*CUSTOM COLLECTION PAGES*/
.variant-input.custom {
    min-width: 40px;
    line-height: 2.3;
    min-height: 40px;
    box-shadow: 0 0 0 1px #e8e8e1;

}

.variant-input.custom>div {
    display: flex;
    align-items: center;
    justify-content: center;


}

@media only screen and (max-width: 768px) {
    .photo-zoom-link--enable {
        cursor: grab !important;
    }
}

/*
*[data-redirect] {
  display:none;
}
*/
/*CUSTOM CSS FOR BIG & TALL CATEGORY BANNER*/
div.category-banner {
    display: block;
}

div.row.bt-buttons {
    max-width: 100% !important;
}

div.category-banner div.column,
div.category-banner.columns {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.bt-buttons .button {
    width: 100%;
}

.bt-buttons .column {
    padding: 0 .5rem !important;
}

.banner-text h1 {
    font-weight: 700;
    font-size: 4rem;
    margin: 6rem 0 0 0;
}

.banner-text strong {
    font-size: 2rem;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    .bt-buttons .column {
        padding: .5rem !important;
        text-align: center;
        background-color: #000;
        margin-bottom: .5em;
    }

    .bt-buttons .button {
        width: 100%;
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
    }

    .banner-text h1 {
        font-weight: 700;
        font-size: 2rem;
        margin: 1rem 0 0 0;
    }

    .banner-text strong {
        font-size: 1.1rem;
    }
}

/*********** BLEACHER REPORT LOGO - NAV CSS **************/

ul.site-nav li.site-nav__item a[href*="/collections/bleacher-report-x-perry-ellis"],
.mobile-nav a[href*="/collections/bleacher-report-x-perry-ellis"] {
    box-sizing: border-box;
    background: url("/cdn/shop/files/bleacher-perry-logo.svg?v=1583858274") center/contain no-repeat;
    text-indent: -999999px;
    width: 13vw;
}

ul.site-nav li.site-nav__item a[href*="/collections/bleacher-report-x-perry-ellis"]::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 100%;
    margin: 0 15px;
    border-bottom: 2px solid #000;
    transition: right 0.5s;
}

.mobile-nav a[href*="/collections/bleacher-report-x-perry-ellis"] {
    width: 30vw;
    margin: 0 auto;
}


/*********** PEM - PERRY ELLIS MOTION CSS **************/

ul.site-nav li.site-nav__item a[href*="/pages/motion"],
.mobile-nav a[href*="/pagess/motion"] {
    box-sizing: border-box;
    background: url(motion_PEM_logo_nav.svg) center/contain no-repeat;
    text-indent: -999999px;
    width: 7vw;
}

ul.site-nav li.site-nav__item a[href*="/pages/motion"]:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 100%;
    margin: 0 15px;
    border-bottom: 2px solid #000;
    transition: right 0.5s;
}

.mobile-nav a[href*="/pages/motion"] {
 //   width: 30vw;
    margin: 0 auto;
}

/*********** PEA - PERRY ELLIS AMERICA CSS **************/

.template-collection.pea {
    overflow-x: hidden;
}

.grid-product__link--disabled .grid-product__image-mask {
    opacity: 1;
}

.grid-product__tag.soldout {
    font-size: 9px;
    background-color: #000;
}

.pealanding picture {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.pea #curalate-pdp-fanreel {
    display: none;
}

ul.site-nav li.site-nav__item a[href*="/collections/perry-ellis-america"],
.mobile-nav a[href*="/collections/perry-ellis-america"] {
    box-sizing: border-box;
    background: url(PEA_logo_head.svg) center/contain no-repeat;
    text-indent: -999999px;
    width: 6vw;
}

ul.site-nav li.site-nav__item a[href*="/collections/perry-ellis-america"]:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 100%;
    margin: 0 15px;
    border-bottom: 2px solid #000;
    transition: right 0.5s;
}

.mobile-nav a[href*="/collections/perry-ellis-america"] {
    width: 30vw;
    margin: 0 auto;
}

@media only screen and (min-width: 769px) {

    .pea .page-content {
        padding-top: 25px;
    }

    .template-collection.pea .grid__item {
   /*       padding-left: 0;*/
    }
}

@media only screen and (max-width: 769px) {
    .pealanding {
    margin-bottom: 1rem; 
    }
}

#pea-header {
    position: absolute;
    z-index: 1;
    right: 0;
}

#pea-header .site-header {
    padding: 0;
    background: transparent;
    border-bottom: 0;
}

#pea-header header .page-width {
    padding: 0 20px;
}

#pea-header .cart-link__bubble--visible {
    background-color: red;
}

#pea-header .site-nav__link.js-drawer-open-nav,
.pea .breadcrumb {
    display: none !important;
    visibility: hidden;
}

.pealanding .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-top: 1px;
}

.pealanding .items .item {
    flex: 1 0 100px;
    box-sizing: border-box;
    background: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 10px;
    margin-left: 1px;
    text-align: center;
}

.pealanding .items .item.full {
    flex: 0 0 100%;
    background: #fff;
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
}

.pealanding .items .item.active {
    background: red;
}

.pea-footer {
    border-top: 1px solid #e3e3e3;
    margin: 1rem auto;
}

.pea-footer img {
    margin: 1rem auto;
    height: auto;
    width: 150px;
    display: block;
}


/*********** FLEX BANNER BANNER CSS **************/

.flexbanner {
    font-family: Roboto, sans-serif;
    background: #a11c2d;
    padding: 1% 0 0 0;
    text-align: center;
    margin: .1rem 0 .3rem 0;
}

.flexbanner h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.flexbanner p {
    color: #fff;
}


@media only screen and (max-width: 500px) {
    .flexbanner h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem .25rem;
    }
}

.flexbanner .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-top: 1px;
    background-color: white;
}

.flexbanner .items .item {
    flex: 1 0 200px;
    box-sizing: border-box;
    background: #a11c2d;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 10px;
    margin-left: 1px;
    text-align: center;
    margin-top: 1px;
}

.flexbanner .items .item.full {
    flex: 0 0 100%;
    background: #063e61;
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
}

.flexbanner .items .item:hover {
    background: #a11c2d;
}

/**** HOLIDAY RETURNS STYLING  ******/
.return-wrap {
  background-color: #dee8f3;
  max-width:1920px;
  padding:2% 10%;
  text-align:center;
}

.return-wrap h4 {
  margin-bottom: 4px;
}

/*********** GIFT GUIDE BANNER CSS **************/

.giftguide-banner {
    font-family: Roboto, sans-serif;
    background: #2a906e;
    padding: 1% 0 0 0;
    text-align: center;
    margin: .1rem 0 .3rem 0;
}

.giftguide-banner h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.giftguide-banner p {
    color: #000;
}


@media only screen and (max-width: 500px) {
    .giftguide-banner h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem .25rem;
    }
}

.giftguide-banner .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-top: 1px;
    background-color: white;
}

.giftguide-banner .items .item {
    flex: 1 0 200px;
    box-sizing: border-box;
    background: #2a906e;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 10px;
    margin-left: 1px;
    text-align: center;
    margin-top: 1px;
}

.giftguide-banner .items .item.full {
    flex: 0 0 100%;
    background: #2a906e;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: bold;
}

.giftguide-banner .items .item:hover {
    background: #137457;
  	color: #fff;
}

/*********** FLEX MERRY PERRY SALE BANNER CSS **************/

.merryperry {
    font-family: Roboto, sans-serif;
    background: #000;
    padding: 0 0 0 0;
    text-align: center;
    margin: .1rem 0 .3rem 0;
}

.merryperry h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.merryperry p {
    color: #fff;
}


@media only screen and (max-width: 500px) {
    .merryperry h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem .25rem;
    }
}

.merryperry .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-top: -7px;
    background-color: white;
}

.merryperry .items .item {
    flex: 1 0 200px;
    box-sizing: border-box;
    background: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 10px;
    margin-left: 1px;
    text-align: center;
    margin-top: 1px;
}

.merryperry .items .item.full {
    flex: 0 0 100%;
    background: #193571;
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
}


.merryperry .items .item:hover,
.merryperry .items .item:active {
    background: #212121;

}

@media only screen and (max-width: 405px) {
.merryperry .items .item {
    flex: 1 0 150px;
    font-size: .60rem;
}
}


/*********** WEDDING SHOP BANNER CSS **************/

.weddingperry {
    font-family: Roboto, sans-serif;
    background: #000;
    padding: 0 0 0 0;
    text-align: center;
    margin: .1rem 0 .3rem 0;
}

.weddingperry h2 {
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: .8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.weddingperry p {
    color: #fff;
}


@media only screen and (max-width: 500px) {
    .weddingperry h2 {
        font-size: 1.7rem;
        margin: .50rem .25rem .25rem;
    }
}

.weddingperry .items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-top: -7px;
    background-color: white;
}

.weddingperry .items .item {
    flex: 1 0 200px;
    box-sizing: border-box;
    background: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 10px;
    margin-left: 1px;
    text-align: center;
    margin-top: 1px;
}

.weddingperry .items .item.full {
    flex: 0 0 100%;
    background: #8f8d9e;
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
}


.weddingperry .items .item:hover,
.weddingperry .items .item:active {
    background: #1b1b1b;

}


/***custom collection css ***/

.custom-disable div {
    color: #e8e8e1;
}

.variant-input-wrap label.custom-disable,
.variant-input-wrap label.disabled {
    pointer-events: none;
    color: #fff;
    background: #e2e2e2;
    box-shadow: 0 0 0 2px #e2e2e2 !important;
}

.variant-input-wrap label.custom-disable:after,
.variant-input-wrap label.disabled:after {
    position: absolute;
    content: "";
    top: -50%;
    left: 50%;
    bottom: 0;
    border-left: 2px solid;
    border-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 80px;
}

/*** CUSTOM OVER THEME.SCSS ***/
.breadcrumb {
    text-align: left;
}

/*** ACCORDION ***/

.csstabs {
    display: flex;
    flex-wrap: wrap;
    transition: all 0.5s ease;
    border: 1px solid #ddd;
}

.csstabs label {
    flex-grow: 1;
    order: 1;
    display: block;
    margin: 0;
    padding: 1rem 2rem;
    cursor: pointer;
    background: #ddd;
    font-size: .75rem;
    font-weight: bold;
    text-align: center;
    transition: background ease 0.2s;
}

.csstabs label:hover {
    background: #fff;
}

.csstabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background: #fff;
}

.csstabs input[type="radio"] {
    display: none;
}

.csstabs input[type="radio"]:checked+label {
    background: #fff;
}

.csstabs input[type="radio"]:checked+label+.tab {
    display: block;
}

@media (max-width: 45em) {

    .csstabs .tab,
    .csstabs label {
        order: initial;
    }

    .csstabs label {
        width: 100%;
        margin-right: 0;
    }
}


/*** SIZE-CHART ***/

.sizechart {
    transition: all 0.5s ease;
}

.sizechart h2 {
    margin: 0 0 1rem 0;
}

.mfp-content .sizechart h2 {
    text-align: center;
}

.mfp-content .sizechart .css-accordion li a {
    min-width: 16%;
}

.sizechart h3 {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.25rem;
    margin: 2rem 0 1rem;
}

.sizechart .column-head {
    font-size: .8rem;
    font-family: 'Trade Gothic Next', sans-serif;
    background: #ccc;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.sizechart .column-subhead {
    font-size: .8rem;
    background-color: #838383;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.sizechart .button {
    display: block;
    margin: .5rem 0 .5rem 0;
    font-weight: bold;
    letter-spacing: 1px;
    width: 100%;
}

.size-chart-accordion .accordion-item {
    background-color: #eee;
}

.sizechart .accountnavtext {
    display: none
}

.sizechart .accordion-title,
.sizechart .tabs-title>a {
    font-size: 1rem;
    color: #3C3C3C
}

.sizechart .tabs-title>a:hover {
    color: #111
}

.sizechart .tabs-content .accordion-item.is-active {
    background-color: #000;
    color: #FFF
}

.sizechart .tabs-content .accordion-item.is-active a {
    color: #FFF
}

.sizechart .chart-size {
    background: #ddd;
    color: #333
}

#size-chart-tabs {
    border: none;
    background: #fafafa
}

#size-chart-tabs .tabs-title a {
    letter-spacing: .5px;
    padding: 1.25rem 1rem;
    font-weight: bold;
}

#size-chart-tabs .tabs-title a[aria-selected='true'] {
    background-color: #000;
    color: #fff
}

.sizechart .size-table {
    font-size: .7rem;
    color: #333;
    background: #fff;
    text-align: center
}

.sizechart .size-table th {
    font-size: .85rem;
    font-family: 'Trade Gothic Next', sans-serif;
    background: #bbb;
    color: #333;
    text-align: center
}

.sizechart .size-table td {
    text-align: center;
    font-family: 'Trade Gothic Next', sans-serif;
    font-size: .75rem
}

.sizechart .size-chart-accordion .size-link {
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .5px
}

.sizechart .size-chart-accordion .size-link:hover {
    background-color: #000;
    color: #fff
}

.sizechart .size-chart-accordion .size-link:focus {
    background-color: #000;
    color: #fff
}

.sizechart .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.sizechart .subhead {
    border-left: 1px solid #fff;
    background: #aaa;
    color: #fff
}

.howtomeasure {
    display: flex;
    background: #fff;
}

.howtomeasure .flex-item {
    flex: 1;
    padding: 3rem 2rem;
    font-size: 1rem;
}

.howtomeasure .flex-item .tip {
    border: 1px solid #ccc;
    padding: .5rem;
    margin: 0;
}

.howtomeasure .flex-item span {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background: #000;
    font-weight: bold;
    font-size: .7rem;
    line-height: 1.2rem;
    display: inline-block;
    margin-right: 8px;
}

.howtomeasure .flex-item .tip strong {
    width: 100%;
    background: #000;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: .5rem;
    letter-spacing: 2px;
}

.howtomeasure .flex-item.center {
    text-align: center;
}

.sizechart .size-chart-accordion .size-hdr {
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
    font-weight: bold;
    padding-bottom: .5rem;
}

.sizechart .size-chart-accordion hr {
    margin: .75rem 0 1.2rem
}

.sizechart .tabs-content.no-border {
    border: transparent
}

.sizechart .tabs-panel {
    background-color: #fff;
}

.sizechart .tabs-content.no-border .tabs-panel {
    padding: 1rem 0
}

.sizechart .tabs-panel .tabs-hdr {
    font-size: 1rem;
    text-transform: uppercase
}

.sizechart .tabs-panel hr {
    margin: .2rem 0 .75rem
}

.sizechart>h5:not(:first-child) {
    margin-top: 2rem
}


.sizechart .info-cta {
    background-color: rgb(0, 0, 0);
    margin-bottom: 1.5rem;
}

.sizechart .info-cta a {
    color: #fff;
    display: block;
    text-align: center;
    padding: .5rem;
}

.button-area-line {
    flex-flow: row wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sizechart .button-area-line .btn {
    font-size: .75rem;
    border: 1px solid #ccc;
    background: #fff;
    margin: 5px;
    flex-grow: 1;
    transition-duration: 0.2s;
}

.sizechart .button-area-line .btn:hover {
    font-weight: normal;
    border: 1px solid #000;
    background: #000;
    color: #fff;

}

/* Medium and up ***********************/
@media screen and (min-width: 40.1em) {
    .size-table {
        width: 100% !important
    }
}

/* Small only **************************/
@media screen and (max-width: 40em) {

    .sizechart .size-table th {
        text-align: left;
    }

    .chart-size {
        width: 100px
    }

    .sizechart .size-table {
        margin: 0 0 1rem;
    }

    .size-table .size-mobile {
      /*  position: absolute */
    }

    .sizechart ul,
    ol {
        margin: 0;
        padding: 0;
        text-rendering: optimizeLegibility;
        list-style: none;
    }

    .sizechart .table-responsive.shoes td {
        width: 100px;
    }

    .sizechart .table-responsive.shoes .chart-size {
        width: 60px;
    }

    #size-chart-tabs {
        border: none;
        background: #fff;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #size-chart-tabs .tabs-title a {
        text-align: center;
        padding: .5rem;
        width: 100%;
        display: block;
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
    }

    #size-chart-tabs .tabs-title a[aria-selected='true'] {
        background-color: #000;
        color: #fff;
    }

    .sizechart .ui-widget.ui-widget-content {
        width: 98% !important;
        margin: 0 .5rem
    }

    .sizechart .button {
        border-bottom: 1px solid #ccc;
        padding: .5rem;
    }

    .sizechart .css-accordion .button-area-line .btn {
        border: 1px solid #ccc;
        margin: .5rem;
    }

    .sizechart .accordion-content {
        padding: 1rem;
    }

    .size-chart-accordion .size-link {
        font-size: .65rem;
        text-transform: uppercase;
        letter-spacing: .5px;
        text-align: center;
        width: 100%;
        display: block;
        padding: 1rem 0 0;
        /*      color: #; */
    }

    .size-table {
        margin: 1.5rem 0;
    }

    .howtomeasure {
        flex-direction: column;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }

    .howtomeasure .flex-item {
        padding: 0 2rem;
    }

    .howtomeasure .flex-item:nth-of-type(1) {
        order: 2;
    }

    .howtomeasure .flex-item:nth-of-type(2) {
        order: 1;
    }

    .howtomeasure .flex-item:nth-of-type(3) {
        order: 3;
    }
}

/*** NOSTO ***/

.nosto_element .grid-product__secondary-image {
    background-size: contain;
}

/*** GLOBAL-E ***/

.globale_popup_wrapper .ql-editor *,
.globale_popup_wrapper .CustomSwitcherPopup .country .dropDownRow .caption,
.globale_popup_wrapper .CustomSwitcherPopup .Backtoshop {
    font-family: 'Trade Gothic', sans-serif !important;
}

.globale_popup_wrapper .CustomSwitcherPopup .glDefaultPopupContainer {
    border-color: #fff !important;
}

.globale_overlay {
    background-color: #000 !important;
}

.gep-switcher-text-desktop {
    display: none !important;
    font-size: 9px !important;
}

.gep-switcher-mobile {
    color: #777 !important;
    padding: .5rem 1rem !important;
    margin: 0 !important;
    font-size: 1.4rem !important;
    background: #f1f1f1 !important;
    width: 100% !important;
    font-weight: normal !important;
    letter-spacing: 1px !important;
}

.gep-switcher-text-mobile {
    color: #777 !important;
    font-size: 1rem !important;
}

.footer__collapsible .site-footer__linklist a[href="/pages/gift-cards"] {
    display: block !important;
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    transition: all .5s linear;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    background: #000;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* Popup Styles */

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 90vw;
    margin: 20px auto;
    transition: all .5s linear;
}

.white-popup-tc {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    transition: all .5s linear;
}

.size-chart-white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: 800px;
    max-width: 90vw;
    margin: 20px auto;
    transition: all .5s linear;
}



/* Curalate */
.dw9flt-0.icqzHw {
  display:none;
  visibility:hidden;
  opacity:0;
}  
  
#curalate-homepage-fanreel {
    background: #fafafa;
}

.curalate-banner {
    text-align: center;
    padding: 0;
    position: relative;
    margin: 1rem 0 0;
}

.curalate-banner p {
    font-size: .85rem;
    text-transform: none;
    letter-spacing: 0;
    color: #444;
    margin: .5rem 2rem;
    font-weight: normal;
}
  
.modal__inner #curalate-pdp-fanreel {
  display:none;
}

#curalate-pdp-fanreel .curalate-banner p {
    margin: .5rem 8rem;
    line-height: 1.5;
}

#curalate-pdp-fanreel .curalate-banner .banner-hdr {
    padding: 2rem .5rem 0;
}

.curalate-banner p strong {
    background: #f1f1f1;
    padding: 0 .5rem;
    border-radius: 10px;
    font-size: small;
}

.curalate-banner .banner-hdr {
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 0;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    padding: 1rem;
}

.curalate-banner .banner-hdr a.curalate-link {
    font-weight: bold;
    color: #777;
  border-bottom:0;
}

.curalate-banner .button.hollow,
#curalate-upload-photos {
    border: 1px solid #aaa;
    color: #000;
    background: #fafafa;
    letter-spacing: 1px;
    font-size: .75rem;
    min-width: 140px;
    border-radius: 25px;
}

.curalate-banner .button.hollow:focus,
.curalate-banner .button.hollow:hover,
#curalate-upload-photos:hover {
    border-color: #045044;
    color: #fff;
    background: #045044;
}

.curalate-banner .button-group {
    margin-bottom: 0;
    font-size: 0;
}

#crl8-homepage-carousel .fBdLBt,
#crl8-gallery-masonry .eXqbrg,
#crl8-gallery-masonry .dfMAXR {
    background: transparent;
    color: #777;
    border-color: #aaa;
}

#crl8-homepage-carousel .gtBTNk, #crl8-product-carousel .iTIvCo {
    display: none;
}

/* MOBILE - SMALL */
@media screen and (max-width: 39.9375em) {
    .curalate-banner .banner-hdr {
        margin: 1rem 0;
        padding: 1rem;
    }

    #curalate-pdp-fanreel .curalate-banner p {
        margin: .5rem 0 0;
        font-size: 0.7rem;
    }
}



/* Curalate End */

/* Backinstock */

#ISR_popup_container .modalCloseImg {
    border-radius: 5px 5px 5px 5px;
    color: #000 !important;
  
}
  
#ISR_button {

    font-size: 12px !important ;
}

#ISR_button:hover {
    text-decoration: underline;
}

/* Backinstock end */
  
/* h1banner */
.h1hp

{
 font-size: 12px;  
 text-align: center; 
 padding: .5% 0 0 0 !important;
 margin: 0px !important; 
 color: #000; 
 font-weight: bold; 
}

#h1hp {
text-align: center;
}

/* .promo-grid--space-top {

} */

/* h1banner end */

/* unit limit */
div.order-logic-sweet-alert {
    z-index: 10000000011 !important;}


 .klarnadrawer { 
  display: flex;
  align-items: center;
  font-size:small;
  margin-top: 8px;
  justify-content: center;

   
 }

/* KLARNA PLACEMENT */

.klarna-container {
font-family: Klarna Text, "Klarna Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-align: center;
    color: #17120f;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    background-color: #FFFFFF;
    border-radius: 5px;
    border-width: 1px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 10px;
}

.klarna-container .klarna-logo {
    margin: 0;
    padding: 5px 0;
    height: 20px;
    width: auto;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.klarna-container a {
    text-decoration: underline;
}

.klarna-popup {
    position: relative;
    background: #FFF;
    padding: 0;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    border-radius: 25px;
}


/* Cart Drawer*/

a.ajaxcart__product-name {
    font-size: 12px !important;
    width: 85%;
}

span.ajaxcart__product-meta 
{
    font-size: 12px !important;
}

.scroll-to-top {
    display: none;
}

@media screen and (min-width: 768px){
.grid__item--sidebar {
    padding-right: 15px !important;

}
}

/************** FULL PAGE WIDTH COLLECTIONS UPDATE ***************/
@media only screen and (min-width: 769px) {
  .page-width,
  .page-full {
    max-width: 1920px;
  }
}


/* Mysize */

#mySize ._14lay  {

position: relative;
bottom:75px !important; 
z-index: 9998 !important;  
  

}


/**
 * swatch custom disable 
 */

.custom-swatch-disable {
    /* pointer-events: none; */
    position: relative;
    /* cursor: none !important; */
    opacity: 0.5;
    &:after {
      position: absolute;
      content: '';
      width: 25%;
      transform: rotate(45deg);
      height: 100%;
      top: -15%;
      left: 30%;
      border-right: 1px solid black;
      opacity: 0.5;
    }
}


/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); */
  filter: alpha(opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip); 
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
  /* filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); */
  filter: alpha(opacity=100);
  opacity: 1;
}


.main-content .grid {

    padding-top: 10px;
}


/* Nosto review counts */
.text-s {
    font-size: small;
}

#mySize, #embeddedMySize {
    /* display: block; */
    display: none !important;
}


/* Show Mobile or Desktop "Product Content" in PDP Page */
@media only screen and (max-width: 768px) {
    .mobile-image {
        display: block;
    }
  
    .desktop-image{
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .mobile-image {
        display: none;
    }
  
    .desktop-image{
        display: block;
    }
}


/* Custom stars for the Collection pages */
.pei-star {
    font-family: FontAwesome;
    font-size: 1.1em;
    width: 11px;
    display: inline-block;
    color: lightgray;
  
    /* margin-top: -8px; */
    vertical-align: -1px;
    cursor: pointer;
}

.pei-star:last-child {
    margin-right: 0;
}

.pei-star:before {
    content:'\f005';
}

.pei-star.on {
    color: black;
}

.pei-star.half:after {
    content:'\f089';
    color: black;
    /* position: absolute; 
    margin-top: -22px; */
    margin-left: -14px;
    /* width: 9px; */
    overflow: hidden;
}

.pei-review {
    //font-family: Open Sans;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
    font-size: 13px;    
    border: none;
    padding: 0;
    margin-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* Used to overwrite swatches with an image instead of a hexadecimal color number */
.swatch-image-multicolor {
    background-image:url('https://cdn.shopify.com/s/files/1/0051/3723/6054/files/color-multi-colored.png');
}

.swatch-image-gold {
    background-image:url('/cdn/shop/files/color-gold.png');
}

.swatch-image-silver {
    background-image:url('/cdn/shop/files/color-silver.png');
}

/* Kustomer hide */

/*
.kustomer {
    display: none !important;
}
 */
/* Yotpo hide */
span.yotpo-logo-title {
    display: none;
}

.yotpo-icon-btn-big.transparent-color-btn.yotpo-icon.yotpo-icon-yotpo-logo.yotpo-logo-icon-new.yotpo-icon.yotpo-icon-yotpo-logo {
    display: none;
}

/* Yotpo centered */
.yotpo div, .yotpo span, .yotpo p, .yotpo a, .yotpo img, .yotpo i, .yotpo strong, .yotpo sup, .yotpo ul, .yotpo li, .yotpo form, .yotpo label {
    /* margin: 0 auto !important;  */
}


/* Yotpo Stars on PDP */
.yotpo-stars {
  text-align:left;
}

/* Hide Yotpo logo  */
span.yotpo-logo-title.yotpo-powered {
    display: none;
}

/* Make stars clickable in the PDP */
.yotpo-sr-bottom-line-summary {
  cursor: pointer;
}

.yotpo-icon-btn-big.transparent-color-btn.yotpo-logo-btn.yotpo-icon.yotpo-icon-yotpo-logo.yotpo-logo-icon-new.yotpo-icon.yotpo-icon-yotpo-logo {
    display: none !important;
}

.yotpo-label-container {
    border-top: none !important;
}

/* Spacing between stars and review in collection pages */
.yotpo-bottomline.pull-left.star-clickable .text-m {
    margin-left: 4px;
}

/* Align the fitbar to the left */
@media only screen and (max-width: 70.875em) {
  #fitGuideSection {
      padding-right: 16% !important;
  }
}

@media only screen and (min-width: 70.875em) and (max-width: 98.5625em) {
  #fitGuideSection {
      padding-right: 46% !important;
  }
}

@media only screen and (min-width: 98.5625em) {
  #fitGuideSection {
      padding-right: 62% !important;
  }
}

/* Hide Review Titles */
.content-title.yotpo-font-bold {
display: none !important;
}

/* Forma test */

img[src*="tryon_badge"] {
    display: none;
}

/*
div#formatech-d570945d-b2a0-464c-b778-6646170f16f4 {
    display: none;
}

.sc-gZMcBi.cbbbtX {
    display: none;
}
*/


/* z-index to bypass listrak offer button */
.drawer--left.drawer--is-open {

    z-index: 100011 !important;
}

.pswp {
    z-index: 100011 !important;
}



/* Cart Drawer overrides */
.cartitemwidth { width:22% !important;  padding-right: 10px;}
.drawer .js-qty__num {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  
}


/* hide pdp buy now */
    .shopify-payment-button {
    display: none !important;
}


.sticky-cart-button {

    z-index: 2147483631 !important;
    padding: 35px 30px !important;
}

/* Kustomer widget offset */

iframe#kustomer-ui-sdk-iframe {
  
  right: 5px !important; 
  z-index: 2147483625 !important;
}




/* Style Boostcommercr Product Filter & Search elements */

/*
#bc-sf-filter-bottom-pagination {display:none !important} */

/* .boost-pfs-filter-scroll-to-top {
	display: none;
}
*/



/* Larger subtotal price */
.ajaxcart__price {
    font-size: 15px;

}


/* Klevu search results adjustment 

@media only screen and (min-width: 769px) {

.klevu-searching-area-l2 {top:60px !important;}
.klevu-pt-rs-hover  {top:60px !important;}
  
  
}
*/

/* Cart drawer view cart link */
.fullcartlink {font-size:16px;text-decoration: underline;text-align: right;justify-content: flex-end;padding-right:10px;}
.h2carttitle { font-size: 2em;font-weight: 700; }
/* Mobile compact cart drawer */

@media screen and (max-width: 39.9375em) {
  
  p.ajaxcart__price.cart__discount {
      font-size: x-small !important;
  }
  
  .klarnadrawer.globale-hide {
      display: none !important;
  } 

    .h2.drawer__title {
      font-size: small;
  }
  
  .h2carttitle { font-size: large !important; }

  .additionalpayments {
    display:none !important;
  }

  p.appear-animation.appear-delay-3 {
      margin-top: 50px;
  }    

  .drawer__header {
      height: 40px;
      padding: 5px 0;
  }

  .drawer__inner {
      position: absolute;
      top: 40px !important;
  }

  p.ajaxcart__note {
      display: none;
  }
  
}


  /* Rearrange the order of the stars (descending order so highest review is on top) */
  .boost-pfs-filter-option-item-list-rating {
    display: flex !important;
    flex-direction: column !important;
  }

  .boost-pfs-filter-option-item-list-rating li:first-child {
    order: 5;
  }
  
  .boost-pfs-filter-option-item-list-rating li:nth-child(2) {
    order: 4;
  }
  
  .boost-pfs-filter-option-item-list-rating li:nth-child(3) {
    order: 3;
  }

  .boost-pfs-filter-option-item-list-rating li:nth-child(4) {
    order: 2;
  }

  .boost-pfs-filter-option-item-list-rating {
    order: 1;
  }
  
  /* Hide Yotpo Star Filter for 1, 2, and 3 Stars */
	.boost-pfs-filter-option-item-list-rating li:nth-of-type(1),
	.boost-pfs-filter-option-item-list-rating li:nth-of-type(2),
	.boost-pfs-filter-option-item-list-rating li:nth-of-type(3) {
	  
	 opacity: 0 !important;
	 display: none !important; 
  }


/* Kustomer widget offset */

iframe#kustomer-ui-sdk-iframe {
  
  right: 5px !important; 

}

/* Master refinement hide */
.boost-pfs-filter-option.boost-pfs-filter-option-list.boost-pfs-filter-option-master.boost-pfs-filter-has-scrollbar.boost-pfs-filter-option-column-1 {
    display: none;
}

/* Don't show the filter count in the collection temporarily until we have a fix for the master */
span.boost-pfs-filter-option-amount {
    display: none !important;
}

/* Make the filter swatches squared */
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image {
   -moz-border-radius: 0% !important;
   -webkit-border-radius: 0% !important;
   border-radius: 0% !important; 
}

.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image:before {
   -moz-border-radius: 0% !important;
   -webkit-border-radius: 0% !important;
   border-radius: 0% !important;   
}

/*
@media screen and (max-width: 39.9375em) {

	.boost-pfs-filter-option-content-inner {
    	display: none !important;
	} 
  
}
*/

/* FindMine Complete the Look Description Styling */
.FwcmS {
	font-size: 1.1em !important;  
}



/* Userway */
.uwy { 
  
   z-index: 2147483645 !important;
}

/* Nosto Overlay top */
@media screen and (max-width: 39.9375em) {
	#NostoPopUp {
    	width: 70% !important;
	}
}



/* Longtail collection template css */

.panel-readmore {
 	 text-align: center;
}

.seo_sublink_wrapper {
	margin-top:20px;
}

.panel-wrapper-readmore {
  	position: relative;
}

.panel-readmore {
  position: relative;
  margin: 2em auto;
  width: 70%;
  max-height: 40px;
  overflow: hidden;
  transition: max-height .8s ease;
}

.close-readmore {
	font-size: 12px;
	color: #000;
    font-weight: 600;
    text-decoration: underline;
	cursor: pointer;
}

.fade-readmore {
  background: linear-gradient(to bottom, rgba(211, 211, 211, 0) 0%, rgba(211, 211, 211, 0.5) 50%, rgba(211, 211, 211, 1) 100%);
  height: 40px;
  margin-top: -48px;
  position: relative;
  width: 70%;
  left: 15%;
  cursor: pointer;
}

.fade-readmore::after {
	content: "Read More";
    font-size: 12px;
    left: 35%;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    width: 30%;
}

.template-collection {
	.panel-readmore {
		width: 100%;
	}
	.fade-readmore {
		background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.5) 0%, #fff 50%);
    	width: auto;
    	left: auto;
    	margin-top: -40px;
    }
    .fade-readmore::after, #landing .close-readmore {
    	font-size: 10px;
    	color: #666;
    }
}


/* Extended Sizes styling (Regular or Big and Tall) Styling */

.size_group_button {

  box-shadow: 0 0 0 2px #ccc; 

  padding: 10px 0px; 
  text-align: center;
  text-decoration: none;
  display: inline-block; 
  /* font-size: 13px; */ 
  font-size: 1rem;
  font-family: Trade Gothic,sans-serif;
  text-transform: uppercase;

  margin: 0px 5px 20px 5px;
  width: 175px;
  color: #000;
  line-height: 1.5;
  letter-spacing: .2em;
  font-weight: 600;
}

.size_group_button:hover {
  box-shadow: 0 0 0 1px #777;
  color: #000;
}

.size_group_button[selected] {
  box-shadow: 0 0 0 2px #000;
  color: #fff;
  font-weight: 700;
  background: #0066cc;
}

.size_group_container {  
  display: grid;  
  grid-gap: 5px;  
  grid-template-columns: repeat(2, 190px);
  align-content: space-between;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  letter-spacing: .2em;
  /* text-align: center;
  display: grid;
  grid-template-columns: repeat(auto-fill, 110px); */
}

.group-size {
  margin-top: 20px; 
}


/* Style the title and price in collections page */

.more-colors {
	margin-left: 5px;  
    font-size: 13.6px;
}

@media screen and (min-width: 64rem) { 

  .product-title-row {
    display: flex;
    margin-right: 10%;
    margin-left: 10%;
  }

  .product-title-column-left {
    flex: 1;
    justify-content: flex-start;
    margin-right: 10px;
    flex-wrap: wrap;
    font-size: 100% !important; 
  }

  .product-title-column-right {
    flex: 0 1 auto;
    justify-content: flex-end;
    /* width: 160px; */
    margin-left: 10px;
    text-align: right;
    margin-right: auto;
    font-size: 100% !important; 
  }

  .collections-reviews {
    text-align: left; 
    margin-left: 10%;
    display: none; 
  }
  
  .grid-product__meta {
    font-size: .75rem !important;
    text-align: left;
  }
  
  .grid-product__colors {
    margin-left: 9%;
  }

  .collection_callout1:after {
	text-align: left !important;
    margin-left: 9.2%;	
  }

  .collection_callout2:after {
	text-align: left !important;
    margin-left: 10%;	
    margin-bottom: 10px;
  }

}

@media screen and (max-width: 64rem) {
  .grid-product__meta {
    font-size: .75rem !important;
    text-align: center;
  }
  
  .grid-product__colors {
	justify-content: center;
  }
  
  .collections-reviews {
    text-align: center !important; 
    display: none; 
  }
}


/* Syte */
.syte-discovery.syte-integration-injected {
    position: initial !important;
    display: initial !important;
}

/* Final Sale */
.final_sale {
    text-align: left;
    font-size: 1.0rem;
    font-weight: bold;
    font-style: normal;
    color: red;
}

.final_sale_cart {
    text-align: left;
    font-size: 1.0em;
    font-weight: bold;
    font-style: normal;
    color: red; 
    margin-top: 20px;
}

.h2-reset {
    text-transform: revert;
    font-size: .75rem!important;
    margin: 0 0 0 0;
}

/* PDP free shipping */
.pdp-fs {
    text-align: left;
    font-size: 1.0rem;
    font-weight: bold;
    font-style: normal;
    color: #0652fd;
    padding: 8px 0 8px 0;
    /*border: 1px solid #ccc;*/
    width: 80%;
    /* margin: 0 auto; */
    margin-top: 10px;
    /*background: #e2eafd;*/
    border-radius: 50px;
}
.pdp-fs p{
  margin: 0;
}

/************* Abu Style *************************/

/** Size Chart scroll view - Landingpage **/
.table-responsive {display: block;width: 100%;overflow-x: auto;-ms-overflow-style: -ms-autohiding-scrollbar;}
.csstabs label {flex-grow: 1; padding: 1rem 0.5rem;}
.flex-container-sizechart {display: flex; align-items: center; justify-content: center; max-width: 1200px; margin: 1rem auto; padding: 0; border: 0px solid #eee;}

@media screen and (max-width: 40em) {
    
   /** Size Chart mobile scroll view **/
   .table-responsive .size-table {overflow: scroll;}
   div.table-responsive table.unstriped.hover.size-table{width: 100%; min-width: 380px;}
   .table-responsive table{border-collapse: collapse; table-layout: fixed; width: 100%; }

}


/* Store Locator Css Override */

.hc-home-store-dropdown-button.hc-pointer {
    color: black !important;
    font-weight: bold;
}

/* Nosto search turn off override 
.ns-autocomplete.ns-absolute.ns-d-flex.ns-flex-column.ns-flex-sm-row.ns-align-items-start.ns-background-white.ns-border-box.ns-p-4.ns-my-0.ns-mx-auto {
    display: none !important;
}

*/


@media screen and (min-width: 768px) {
  .product-single__meta {
    padding-left: 18% !important;
    text-align: left !important;
  }

  .template-product .product__price.on-sale:after {
    all: unset !important;
  }
}

@media screen and (max-width: 768px) {
  .product-single__meta {
    padding-left: 0% !important;
    text-align: left !important;
  }

}

.add-to-cart-adjustment {
  text-align: left;
}

.template-product .product__price.on-sale:after {
  all: unset !important;
}

.hc-same-day-store-info {
    justify-content: left !important;
}

button.ge-btn-open {
   align-items: center !important;
   height: 1.2rem !important;
   width: 41px !important; 
   padding:0;
}

.geFlag {
  border: 1px solid #516980 !important;  
}

/* Make the add to cart button the siz size of the mobile screen */
.add-to-cart{
  width:80%;
  max-width:80%;
}

@media screen and (max-width: 39.9375em) { 
  .add-to-cart,
  .btn--full{
    width:100%;
    max-width:100%;
  }
}


/* HC - Hide same day options */

section#hc_same_day_shipping {

    display: none !important;
}


.hc-same-day-pdp {

    display: none !important;
}



/* HC - Compare at price adjustments - 01 Nov '23 */
.hc-compare {
  font-size: 15px;
  text-decoration: line-through;
  color: #6a6c77;
}
.hc-compare.hc-compare-\$0\.00 {
  display: none;
}


.grecaptcha-badge {

      display: none !important;

}


/* TrueVault hide logo */
._powered_by-powered_by-pITfo {
	display: none !important;

}

/* TrueVault desktop overrides */
@media screen and (min-width: 768px) {
	._banner-banner-uWTk6 {
		width: 25% !important;
		margin-left: 20px !important;
		margin-bottom: 20px !important;

	}

	#polaris-consent-widgets p,
	#polaris-consent-widgets button,
	#polaris-consent-widgets a {
		font-size: .8em !important;

	}
}


@media only screen and (max-width: 768px) {
  .polaris-banner {
font-size: x-small !important;


}
}


/* Add images to the mobile mneu */
.mobile_menu_image {
  align-self:center;
  max-width:45px;
  max-height:45px;
  border-radius:100%;
}

/* Turn off the "Eliminate the Guesswork" dialog for HumandKind for mobile */
/*
@media screen and (max-width: 39.9375em) {
  .hk-dialog {
      display: none;
  }
}
*/


/* Flag and Search placement */

/*
@media screen and (min-width: 601px) {
.site-header .header-item--icons {display: none;}
}
*/

.site-header__search-container {
z-index: -1;
  display:none;
}

.site-header__search-container.is-active {
z-index: 100;
   display:inline-block !important;
}
 
/*
.site-header.site-header--opening .header-item--icons {display: flex; justify-content: center; z-index:100;}

@media screen and (max-width: 600px) {
.site-header.site-header--opening .header-item--icons {justify-content: flex-end;}
}
*/

/* Fix the aspect ration of the PLP images */
.fix-image-aspect-ratio {
  aspect-ratio: .8189;
}

.boost-sd__product-image-img {
  aspect-ratio: .8189 !important;
  height: unset !important;
}


span.boost-sd__filter-option-item-label {
    font-size: small !important;
}

input.boost-sd__filter-option-range-slider-input.boost-sd__filter-option-range-slider-input--right {
    font-size: small !important;
}



/* this style is for the collection boost catagory top section */
.boost-sd__product-info-wrapper, .boost-sd__product-price-wrapper span, .boost-sd__sorting-value, .boost-sd__filter-tree-toggle-button span, .boost-sd__show-limit-list div, .boost-sd__filter-tree-vertical-option-list button {font-family: 'Roboto', sans-serif !important; }
flair-badges {margin: 0px 0px 0px 0px !important;}


button.boost-sd__sorting-option-item {
    font-family: 'Roboto';
}

.boost-sd__product-title  {
   font-family: 'Roboto', sans-serif !important; 
    font-size: small !important;
   letter-spacing: 1px !important;
}


.boost-sd__product-price-wrapper

 {
    font-size: small !important;
}


span.boost-sd__product-price--saving {
    padding-left: 10px;
}

.boost-sd__view-as-text {
    display: none !important;
}

    .boost-sd__filter-option-title {
   
        font-weight: bold !important;
    }


    .boost-sd__product-swatch-more {

    font-size: small !important;
}

[data-filteroptionid="pf_l_stores"] {
        display: none ;
    }
[data-filteroptionid="pf_vl_stores"] {
        display: none !important;
    }

button[title="Find product with Color is Beige"]
{
  background-color: #deb887 !important;

}