/*show bag and login fix*/
/*.aem-content .headercomponent .container-header .container-toolbar.not-loaded {
    opacity: 1;
    visibility: visible;
}*/

/*New Fonts*/
@font-face {
    font-family: 'exp-condensed-light';
    src: url('fonts/expresscond-light-webfont.eot');
    src: url('fonts/expresscond-light-webfont.svg#expresssansultralight') format('svg'),
         url('fonts/expresscond-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-light-webfont.woff2') format('woff2'),
         url('fonts/expresscond-light-webfont.woff') format('woff'),
         url('fonts/expresscond-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exp-condensed-ultralight';
    src: url('fonts/expresscond-ultralight-webfont.eot');
    src: url('fonts/expresscond-ultralight-webfont.svg#expresssansultralight') format('svg'),
         url('fonts/expresscond-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-ultralight-webfont.woff2') format('woff2'),
         url('fonts/expresscond-ultralight-webfont.woff') format('woff'),
         url('fonts/expresscond-ultralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'express-condensed';
    src: url('fonts/expresscond-regular-webfont.eot');
    src: url('fonts/expresscond-regular-webfont.svg#expresssansregular') format('svg'),
         url('fonts/expresscond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-regular-webfont.woff2') format('woff2'),
         url('fonts/expresscond-regular-webfont.woff') format('woff'),
         url('fonts/expresscond-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'express-condensed';
    src: url('fonts/expresscond-bold-webfont.eot');
    src: url('fonts/expresscond-bold-webfont.svg#expresssansbold') format('svg'),
         url('fonts/expresscond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-bold-webfont.woff2') format('woff2'),
         url('fonts/expresscond-bold-webfont.woff') format('woff'),
         url('fonts/expresscond-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'express-condensed';
    src: url('fonts/expresscond-light-webfont.eot');
    src: url('fonts/expresscond-light-webfont.svg#expresssanslight') format('svg'),
         url('fonts/expresscond-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-light-webfont.woff2') format('woff2'),
         url('fonts/expresscond-light-webfont.woff') format('woff'),
         url('fonts/expresscond-light-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'express-condensed';
    src: url('fonts/expresscond-lightitalic-webfont.eot');
    src: url('fonts/expresscond-lightitalic-webfont.svg#expresssanslight') format('svg'),
         url('fonts/expresscond-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/expresscond-lightitalic-webfont.woff') format('woff'),
         url('fonts/expresscond-lightitalic-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'express-condensed';
    src: url('fonts/expresscond-medium-webfont.eot');
    src: url('fonts/expresscond-medium-webfont.svg#expresssanslight') format('svg'),
         url('fonts/expresscond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-medium-webfont.woff2') format('woff2'),
         url('fonts/expresscond-medium-webfont.woff') format('woff'),
         url('fonts/expresscond-medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'express-condensed';
    src: url('fonts/expresscond-ultralight-webfont.eot');
    src: url('fonts/expresscond-ultralight-webfont.svg#expresssansultralight') format('svg'),
         url('fonts/expresscond-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-ultralight-webfont.woff2') format('woff2'),
         url('fonts/expresscond-ultralight-webfont.woff') format('woff'),
         url('fonts/expresscond-ultralight-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'express-condensed';
    src: url('fonts/expresscond-ultralightitalic-webfont.eot');
    src: url('fonts/expresscond-ultralightitalic-webfont.svg#expresssansultralight') format('svg'),
         url('fonts/expresscond-ultralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/expresscond-ultralightitalic-webfont.woff2') format('woff2'),
         url('fonts/expresscond-ultralightitalic-webfont.woff') format('woff'),
         url('fonts/expresscond-ultralightitalic-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'express_serifregular';
    src: url('fonts/es_serif_1.8-webfont.eot');
    src: url('fonts/es_serif_1.8-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/es_serif_1.8-webfont.woff2') format('woff2'),
         url('fonts/es_serif_1.8-webfont.woff') format('woff'),
         url('fonts/es_serif_1.8-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'express_serifitalic';
    src: url('fonts/es_serif_italic-webfont.eot');
    src: url('fonts/es_serif_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/es_serif_italic-webfont.woff2') format('woff2'),
         url('fonts/es_serif_italic-webfont.woff') format('woff'),
         url('fonts/es_serif_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'express-serif';
    src: url('fonts/es_serif_1.8-webfont.eot');
    src: url('fonts/es_serif_1.8-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/es_serif_1.8-webfont.woff2') format('woff2'),
         url('fonts/es_serif_1.8-webfont.woff') format('woff'),
         url('fonts/es_serif_1.8-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'express-serif';
    src: url('fonts/expresscond-lightitalic-webfont.eot');
    src: url('fonts/es_serif_italic-webfont.eot');
    src: url('fonts/es_serif_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/es_serif_italic-webfont.woff2') format('woff2'),
         url('fonts/es_serif_italic-webfont.woff') format('woff'),
         url('fonts/es_serif_italic-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

/*Hide pinterest pixle*/
img[src="https://ct.pinterest.com/?tid=xJmSgU0huGB"] {
    display: none;
}
/*Category columns*/
.browse-gallery .photo {
    padding: 10px;
}

/*Fix Ensamble*/
.ensemble-page .product-images-list {
  position: relative !important;
}

#express-view-ensemble-page > .row > h2 {
    margin-bottom: 10px;
}

/* EXPFixer.css do not remove. Testing to see if fork gets updated. */
.reset-btn-container {
    margin-bottom: 10px;
}

/* Navigation Arrow Fix */
/* TODO: move to header.css to go out in the next build */
.main-nav ul li > a:hover:after, .main-nav ul li.selected > a:after {
bottom: -14px;
left: 50%;
}

/* Temporary Fix for the site_wide_promo_zone content slot */
.textColor, .textColor a {
	color: #fff;
}
form .textColor, form .textColor a {
	color: #000;
}

/*Temporary fix for the modal close button*/
.reveal-modal .close-reveal-modal {
    padding: 12px 6px 7px 7px;
    z-index: 20;
}

/* E-Gift Card Btn Fix */
#electronic-giftcard-page .submit-box.favorites-product {
  margin-top: 0px !important;
  padding-top: 5px;
}


/* UPDATED: 3/9/16 */

/*                   */
/* === AEM FIXER === */
/*                   */

/* ===== GENERIC STYLES ===== */

/* Overwrites all.css stying on b */
.aem-content b, .aem-content strong {
    font-weight: 700;
    font-family: inherit;
}

/* Overwrites all.css styling on p within bannercomponent (Banner Manager) */
.aem-content .bannercomponent p {
    color: inherit;
}

.aem-content footer, .aem-content body, .aem-content div, .aem-content li, .aem-content p, .aem-content a, .aem-content span, .aem-content dt, .aem-content dl, .aem-content td {
    font-family: inherit;
}

.aem-content dl, .aem-content dt, .aem-content dd, .aem-content ul, .aem-content ol, .aem-content li, .aem-content h1, .aem-content h2, .aem-content h3, .aem-content h4, .aem-content h5, .aem-content pre, .aem-content form, .aem-content p, .aem-content blockquote, .aem-content th, .aem-content td {
    font-size: inherit;
}

/* ============================= HEADER ============================= */

/* ===== LOGO ===== */ 

/* Fixes logo margin */    
.container-logo {
    margin-right: 0;
}

/* Margin fix */
.aem-content .headercomponent .container-header .container-logo {
    float: left;
    margin-right: 0;
    height: 3rem;
    margin-left: 0;
    margin-top: 1.75rem;
    padding-bottom: 5.5rem;
    width: 13.5em;
}
    
/* ===== NAVIGATION ===== */

/* Sizes header properly */
.aem-content .headercomponent .container-header .container-secondary {
    padding-top: 1.6rem;
}

/* Corrects where hover triggers on parent nav item */
.aem-content .container-nav .headercategorycomponent .category-title {
    margin-left: 0rem;
}

/* Corrects link font sizing and letter spacing */
.aem-content .container-nav .container-headersection .subcategory a {
    font-size: 1em;
    letter-spacing: 0em;
}

/* Corrects category title font */
.aem-content .container-nav .headercategorycomponent .container-subnav .group-title a, 
.aem-content .container-nav .headercategorycomponent .container-subnav .group-title span {
    font-family: "exp-bold", arial;
}

/* Details modal Close button fixed position */
.aem-content .modal-overlay .modal-content-wrapper .close-modal-wrapper .close-modal-background .close-modal {
    font-size: 3.5rem;
    top: -0.3rem;
}

/* Toolbar font fix */ 
.aem-content .headercomponent .wrapper-header.background-black, .aem-content .headercomponent .wrapper-header.background-black a {
    font-size: 1em;
}

/* Fixes spacing that extended bag peek container */
.aem-content .container-header .container-toolbar .headerbagcomponent.section .wrapper-bag-peek .container-bag-peek .row {
    overflow: hidden;
    min-width: inherit;
}

.aem-content .headerbagcomponent .wrapper-bag-peek .container-bag-peek .shopping-bag-product .columns.two {
    width: 16.03053%;
    float: left;
    margin-right: 0.76336%;
}

.aem-content .headerbagcomponent .wrapper-bag-peek .container-bag-peek .shopping-bag-product .columns.eight {
    width: 66.41221%;
    float: left;
    margin-right: 0.76336%;
}

.aem-content .headerbagcomponent .wrapper-bag-peek .container-bag-peek .shopping-bag-product .columns.total-price-container {
    width: 16.03053%;
    float: right;
    margin-right: 0;
    line-height: 1.2rem;
}

/* Fixes alignment of shopping bag items descriptions, puts them on new lines */
.aem-content .headerbagcomponent .wrapper-bag-peek .container-bag-peek .shopping-bag-product .shopping-bag-product-description .no-bullet li:nth-child(2) {
    display: block;
}
    
/* Corrects margin on headercategory to fix caret positioning */    
.aem-content .container-nav .headercategorycomponent {
    margin-bottom: -1.51rem;
}

/* Corrects padding on free shipping message in header */
.aem-content .headercomponent .container-header .container-promo {
    display: block;
    padding-top: 0.3rem;
}

/* Padding fix on subnav items & displaying block level */
.aem-content .container-nav .container-headersection .subcategory {
    display: block;
    padding: .5rem 1rem 1rem 0;
}

/* Fixes links from adding unnecessary default padding */
.aem-content .container-nav .container-headersection .subcategory .nav-item {
    /* font-family: exp-regular,arial; */
}

/* Fixes bag flyout on hover - display:none injection, added !important */
.aem-content .headerbagcomponent .wrapper-bag-peek .container-bag-peek .shopping-bag-peek {
    background: #FFF;
    color: #000;
    position: relative;
    display: block !important;
    top: 0px;
}

/* Removal of max-height */
.aem-content .headercomponent .wrapper-header .container-header .container-toolbar .headerbagcomponent .wrapper-bag-peek .container-bag-peek #shopping-bag-header-content #shopping-bag-peek #peek-content {
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    max-height: none;
    overflow: auto;
}

/* Corrects widths being overridden */
.aem-content .headerbagcomponent .wrapper-bag-peek .container-bag-peek #shopping-bag-peek-footer .columns.eight {
    width: 66.41221%;
    float: left;
    margin-right: 5.26316%;
}

.aem-content .headerbagcomponent .wrapper-bag-peek .container-bag-peek #shopping-bag-peek-footer .columns.four {
    width: 25%;
    float: right;
    margin-right: 0;
}

/* Positioning of nav */
.aem-content .container-nav {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    display: block;
    padding-left: 4rem;
    padding-bottom: .1em;
}

/* Corrects indent on subnav items and removes border right for items */
.aem-content * *, .aem-content * :after, .aem-content * :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-right: none;
}

/* Fixes letter spacing on links to match subnav font for current header */
.container-nav .headercategorycomponent .category-title {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.1em;
    letter-spacing: .05rem;
    position: relative;
}
        
/* Corrects widths to header sections */
.aem-content .container-nav .container-headersection, .aem-content .container-nav .numberOfChildCategories-5 .container-headersection, .aem-content .container-nav .numberOfChildCategories-5 .tilecomponent, .aem-content .container-nav .tilecomponent {
    float: left;
    width: 20%;
}
        
/* Takes 6th section of categories to new line for all categories + padding (sections have 20% width) */
.aem-content .container-nav .nav .headercategorycomponent.section .container-subnav.numberOfChildCategories-8 .headersectioncomponent.section:nth-child(7) {
    clear: left;
    padding-top: 1.5em; 
}  

.aem-content. .container-nav .nav .headercategorycomponent.section .container-subnav .headersectioncomponent.section .container-headersection ul .subcategory:before {
    border-right-width: 0;
    margin-right: 0;
}
 
/* Caret positioning */
.container-nav .headercategorycomponent .category-title a:after, 
.container-nav .headercategorycomponent .category-title .no-href:after {
    bottom: -1.1rem;
    right: 38%;
}

/* Modal Corrections - fixes free shiping font size */
.aem-content .preloaded-modals .modal-overlay .richtext .family--exp-sans {
    color: #000;
}

/* Modal Corrections - fixes a-list credit text / conflicted with free shipping text */
.aem-content .preloaded-modals .modal-overlay .modal-content-wrapper .modal-content .richtext span.family--exp-sans.size--ten-px {
    font-size: 1.2rem;
}

/* Modal Corrections - fixes font color and size */
.aem-content .footercomponent .preloaded-modals .modal-overlay .modal-content-wrapper .modal-content .exp-main-content p {
    color: #000;
    font-size: .75em;
}

/* Fixes subcategory li from taking up 20px in height, corrects nav height by removing content property */
.aem-content header ul>li:before {
    border-right: 1px solid #464646;
    width: 1px;
    content: inherit;
    height: 0px;
    margin-right: 10px;
    position: relative;
    bottom: -6px;
    display: block;
}

.main-nav > ul > li a {
    font-family: "exp-bold", Arial;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
}

#nav-container {
    float: left;
    padding-left: 2.4rem;
}

.global-banner-wrapper .global-banner-container .richtextstaticcomponent.richtext .family--exp-sans.size--fourteen-px b {
 font-family: "exp-bold", arial;   
}

/* Fixes row style that's affecting promotion banner */
.aem-content .calltoaction .row {
    width: 0px;
    max-width: 0%;
    min-width: 120px;
}

/* Fixes cta font size */
.aem-content .calltoactionstaticcomponent.calltoactioncomponent .calltoaction .row a {
    font-size: 1.25em;   
}

/* Fixes the overflow on My Bag */
#peek-left #shopping-bag-peek-products {
    max-height: 390px;
    overflow: auto;
    padding-bottom: 18px;
    padding-top: 18px;
}

/* * * * * * * * * * * * */

aem-content .globalbannercomponent .global-banner-wrapper .global-banner-container {
    max-width: 1348px;
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    margin: 0 auto;
    padding-bottom: 1.2rem;
    padding-top: 1rem;
    text-align: center;
}

.aem-content .globalbannercomponent .global-banner-wrapper .global-banner-container .richtextstaticcomponent {
    display: inline-block;
    vertical-align: middle;
}

.aem-content .globalbannercomponent .global-banner-wrapper .global-banner-container .calltoactionstaticcomponent {
    display: inline-block;
    vertical-align: middle;
}

.aem-content .globalbannercomponent .global-banner-wrapper .global-banner-container .calltoactionstaticcomponent .btn-plaintext {
    color: inherit;
}

.aem-content .globalbannercomponent .global-banner-wrapper .global-banner-container .calltoactionstaticcomponent .btn-plaintext:after {
    color: inherit;
}

/* Fixes banner margins */
.aem-content .globalbannercomponent .global-banner-wrapper .global-banner-container {
    padding: 1em 0;
}

/* Overwrites all.css color that is ingested on the p */
.aem-content .headercomponent .wrapper-header .globalbannercomponent .global-banner-wrapper .global-banner-container p {
    color: inherit;
}
    
/* Corrects desktop navigation caret/current positioning */
@media (min-width: 768px) {
    
    .aem-content .container-nav .headercategorycomponent .category-title .no-href:after, 
    .aem-content .container-nav .headercategorycomponent .category-title a:after {
        right: 38%;
        bottom: -13px;
    }
    
    /* Fixes font-family to exp-bold */
    .aem-content .container-nav .headercategorycomponent .category-title .no-href, 
    .aem-content .container-nav .headercategorycomponent .category-title a {
        font-family: "exp-bold", arial;
    } 
    
    .no-touch .aem-content .container-nav .headercategorycomponent:hover .container-subnav {
        -webkit-transition-delay:0;
        -moz-transition-delay: 0;
        transition-delay: 0;
        opacity: 1;
        visibility: visible
    }

    .no-touch .aem-content .container-nav .headercategorycomponent:hover .category-title .no-href:after,
    .no-touch .aem-content .container-nav .headercategorycomponent:hover .category-title a:after {
        opacity: 1;
        visibility: visible
    }

    .touch .aem-content .container-nav .headercategorycomponent.hoverEffect .container-subnav {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0;
        opacity: 1;
        visibility: visible
    }

    .touch .aem-content .container-nav .headercategorycomponent.hoverEffect .category-title .no-href:after,
    .aem-content .touch .container-nav .headercategorycomponent.hoverEffect .category-title a:after {
        opacity: 1;
        visibility: visible
    }
}    
    
/* ============================= MOBILE =============================== */

/* ===== MOBILE NAVIGATION ===== */

@media only screen and (max-width: 999px) {
    .aem-content .container-nav {
        width: 51.15254%;
        padding-left: 0rem;
        padding-top: 0rem;
        margin-bottom: .9rem;
    }
    
    .aem-content .headercomponent .container-header .container-logo {
        padding-bottom: 3.5rem;
    }
}
    
@media only screen and (max-width : 767px) {
    
    .aem-content .headercomponent .container-header {
        padding-top: 0rem;
    }

     /* ATG Fix for mobile nav */
    /* Adds subcategory text that is removed by inherit on desktop - this was causing unecessary white space */
    header ul>li:before {
      content: "";
    }
    
    /* Fixes subcategory text to exp-bold to match AEM */
    .menu.menu-mobile ul .subcategory a strong, b {
        font-family: "exp-bold", arial;
    }

    /* ----------------------  */
    
    /* Fixes nav item on new line on tablet */
    .aem-content .container-nav {
        padding-left: 1rem;
    }
    
    /* Margin fix */
    .aem-content .headercomponent .container-header .container-logo {
        width: 12em;
    }
    
    /* Corrects spacing on mobile nav parent items */
    .nav-mobile .headercategorycomponent.section span.category-title a,
    .nav-mobile .headercategorycomponent.section span.category-title span.no-href {
        padding-top: 2.1rem;
    }
    
    /* Corrects spacing on mobile nav touch link */
    .nav-mobile .headercategorycomponent.section .container-subnav a.touch-link {
        padding-top: 1.6rem;
    }
    
    /* Corrects spacing on group title */
    .aem-content .container-nav-mobile .nav-mobile .container-subnav .group-title a {
        padding-top: 1.4rem;
    }
    
    /* Corrects font weight and family on group title */
    .aem-content .container-nav-mobile .nav-mobile .container-subnav .group-title a {
        font-weight: 700;
        font-family: "exp-bold", arial;
    }
    
    /* Corrects spacing on subcategory item link */ 
    .aem-content .container-nav-mobile .nav-mobile .container-subnav .subcategory .no-href, .aem-content .container-nav-mobile .nav-mobile .container-subnav .subcategory>.nav-item {
        padding: 1.6rem 0 1.2rem 6rem;
    }

    /* Hides mobile  */ 
    .aem-content .container-nav {
        display: none;   
    }
    
    /* Set height on subcategory items */
    .aem-content .container-nav-mobile .nav-mobile .container-subnav .subcategory {
        color: #000;
        font-family: exp-regular,arial;
        height: 44px;
        display: block;
    }
    
    /* Fixes awkward position for ul list items */
    .aem-content .container-headersection > ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        bottom: 0px;
    }
    
    /* Aligns Express logo for mobile */
    .aem-content .headercomponent .container-header .container-logo {
        margin-top: 1.2em; 
    }
    
    /* Aligns tooltip toolbar to logo */
    .aem-content .headercomponent .container-header .container-toolbar {
        float: right;
        margin-right: .9rem;
    }
    
    
    /* Corrects desktop change on mobile */
    .headersectioncomponent.section:nth-child(7) {
        padding-top: 0em; 
    }
    
    li.sub-category.group-label.managed-link a {
        text-transform: uppercase;
    }
    
}

/* ==================================================================== */

/* ============================= FOOTER =============================== */

    /* Fix column titles in footer */
    .aem-content .headline {
        text-transform: none;   
    }

    /* Corrects padding to match AEM capture on AEM pages */
    .aem-content .footernewslettersignupcomponent #email-promotion {
        padding: 4rem 2rem 3rem 2rem;
    }

    /* Fixes font styling */
    .aem-content .footernewslettersignupcomponent .newsletter-offer-text h4 {
        font-size: 1.6rem;
        width: auto;
        font-family: express-condensed,"Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #fff;
        margin: 0;
        font-weight: 700;
    }

    .aem-content #btn-group .form-element span {
        font-family: express-condensed,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }

    /* Fixes awkward margin on email capture */
    .aem-content input[type="checkbox"] + label, input[type="radio"] + label {
        font-family: "exp-regular",Arial;
        display: inline-block;
        float: left;
        margin: 0;
        width: auto;
        clear: none;
    }

    /* Overwrites all.css label styling */
    .aem-content .email-promotion-inner label.radio-btn-label {
        color: #fff;
        font-size: 1.6rem;
    }

    /* Corrects form-option font and size */
    .aem-content .newsletter-radio-btns .form-element {
        font-family: express-condensed,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 1.6rem;
        vertical-align: middle;
    }

    /* Overwrites spa.min.css position of radio inputs */ 
    .aem-content .footernewslettersignupcomponent .newsletter-radio-btns .radio-btn {
         top: -.3rem;
    }

     /* Overwrites spa.min.css position of drawer close */ 
    .aem-content .footernewslettersignupcomponent .container-drawer-close .drawer-close {
        top: .3rem;
    }

    /* Corrects font size in footer */ 
    .aem-content ul.section-sublinks li {
        font-size: 12px;
    }

    /* Fixes lower nav bar items font-size */
    .aem-content .footercomponent ul.legal li {
        font-size: 12px;
    }

    /* Fixes font family on error message */
    .aem-content .footernewslettersignupcomponent .newsletter-email .error-msg {
        color: #BB2525;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1;
        font-family: "express-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    /* Removes top border from email capture */
    .aem-content section#email-promotion {
        border-top: none;
    }
        
    @media only screen and (max-width: 767px) {
        
        /* Fixes font-weight/family for link in footer */
        .aem-content .footercomponent .headline a {
            font-weight: 700;
            font-family: arial, sans-serif;
        }
        
        /* Fixes left alignment of lower footer bar */
        footer ul {
            list-style: none;
            display: block;
        }
        
        /* Fixes bottom padding */
        #footer-utility ul li {
            font-size: 0.857em;
            color: #000;
        }
        
        /* Fixes link color */
        #footer-utility ul li a {
            font-size: 1em;
            color: #000;
        }
        
        #footer-utility ul li a:hover {
            color: #000;
        }
        
        /*  Creates section-sublink padding on mobile footer  */
        ul.section-sublinks li {
            padding: 1em 0;   
        }
        
        /* Fixes font weight */
        .aem-content .footercomponent .headline {
            font-weight: 700;
            text-transform: capitalize;
        }
        
        /* Fixes text color when not linked */
        .aem-content .footercomponent .container-col .col li {
            color: #000;
            margin-bottom: .6rem;
        }
        
        /* Fixes padding on mobile */ 
        .footernewslettersignupcomponent #email-promotion {
            padding: 1.5rem 2rem;
        }
        

        /* Overwrites of conflicting all.css and spa.css (specificity - spare importants) */
        
        /*  Keeps links in legal li gray */
        ul.legal li a {
            color: #8a8a8a !important; /* fix */
        }
        
        /*  Makes fifth legal li item gray link color */
        ul.legal li:nth-child(5) {
            color: #8a8a8a !important; /* fix */
        }
        
        /*  Counters section-sublinks padding */
        ul.legal li {
            padding: 0 1em !important; /* fix */
        }
        
    }

/* ==================================================================== */

/*                          */
/* === END OF AEM FIXER === */
/*                          */


/*	TODO: move EXP STYLE GUIDE to go out in the next build */

/* =========================================== */
/*	EXP STYLE GUIDE */
/* =========================================== */

/* Table of contents
1. LP H2 FONT FIXES
2. BUTTONS
3. 
*/


/* 1. LP H2 FONT FIXES */

#homePage h2,
#womensPage h2,
#mensPage h2 {
  border: none;
  margin: 0;
}
#homePage h2 span,
#womensPage h2 span,
#mensPage h2 span {
  background: transparent;
  border-radius: initial;
  display: inline;
  width: auto;
  height: auto;
  color: inherit;
  margin: initial;
  text-align: initial;
  float: none;
  font-size: 1em;
  line-height: inherit;
}

/* END LP H2 FONT FIXES */


/* 2. BUTTONS */

.expBtn {
  display: inline-block;
  position: relative;
  border-radius: 0.4rem;
  padding: 1.2rem 0.5rem;
  margin: 0.5rem;
  min-width: 16rem !important;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;  
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  transition: background 1s;  
}
.expBtn:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.light .expBtn, 
.light.expBtn {
  color: #000;
  background: #FFF;
}
.dark .expBtn, 
.dark.expBtn {
  color: #FFF;
  background: #000;
}
.light .expBtn:hover, 
.light.expBtn:hover {
  color: #000;
  background: #CCC;
}
.dark .expBtn:hover, 
.dark.expBtn:hover {
  color: #FFF;
  background: #333;  
}
@media all and (max-width: 999px) {

}
@media all and (max-width: 767px) {
  .expBtn {
    padding: 1rem 0.5rem 1.1rem;
    min-width: 16rem !important;
    font-size: 1.2rem;
  }
  .dark.colorSwitch .expBtn, 
  .dark.colorSwitch.expBtn {
    color: #000;
    background: #FFF;
  }
  .dark.colorSwitch .expBtn:hover, 
  .dark.colorSwitch.expBtn:hover {
    color: #000;
    background: #CCC;
  }  
  .light.colorSwitch .expBtn, 
  .light.colorSwitch.expBtn {
    color: #FFF;
    background: #000;    
  }
  .light.colorSwitch .expBtn:hover, 
  .light.colorSwitch.expBtn:hover {
    color: #FFF;
    background: #333;
  }  
}

/* END BUTTONS */

/* BLOOMREACH WIDGET FIX */

@media all and (min-width: 768px) {
    .br-sf-widget{
      width:16.5% !important;
    }
}

@media all and (min-width: 768px) and (max-width:999px) {
    .br-sf-widget{
      width:33% !important;
    }
}

.br-sf-widget-merchant-title a
{ color: #575757; font-style: normal; text-transform: capitalize; }


/* END BLOOMREACH WIDGET FIX*/


/* CURALATE BUTTON FONT */
#curalate-header #curalate-header-view,
#curalate-header #curalate-upload-photos
{ font-family: exp-bold !important; } 

/* END CURALATE BUTTON FONT */

/* PDP image fix for screens over 1280 */ 
@media all and (min-width: 1280px) {
    #product-detail .product-exp-view-image img{
      width: auto;
    }
}

/* Fix for PDP Image Alignment Issue on large devices,
     when Image size is greater than 602px */
@media screen and ( min-width: 768px ) {
   #pdp-gallery .cell:nth-child(3) {
  clear: both;
}
}


 /* Fix for PDP GIV and Social Icon Alignment Issue on large devices,
     when Image size is greater than 768 It should be left aligned - ECOMDEV-4788 */
@media only screen and (min-width: 768px) {
    .product-panel #store-check-response-main {
        text-align: left;
    }
    .product-detail.product-social-panel {
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    #express-view-form #add-to-bag-container {
        margin-left: 0;
    }

    #product-detail .product-panel .submit-box input[type="submit"] {
        float: none;
    }
}



/* =========================================== */
/*	END EXP STYLE GUIDE */
/* =========================================== */




/* ==================== */
/*   Link Header CSS   */
/* ================== */
.seo-title,
.seo-link-list {
    text-align: center;
}

hr.seo-hr {
    margin: 0 0 20px 0;
    border-style: solid;
    border-bottom: 1px;
    border-color: #d5d5d5;
}

.seo-link-list {
    margin: 4px 0 20px 0;
}

.seo-link-list li {
    display: inline-block;
    padding: 0 11px;
    font-size: 15px;
    font-family: 'exp-regular', Arial;
}

.seo-link-list a {
    color: #000000;
    text-decoration: none;
    font-size: 15px !important;
}

@media (max-width:767px) {
    .seo-link-list {
        margin: 20px 0;
    }
    hr.seo-hr {
        margin: 0;
        border-style: solid;
        border-bottom: 1px;
        border-color: #d5d5d5;
    }
}


/*EDITION FLYOUT CSS*/
    li[data-show-hide="editionCategory"] {
        height: auto !important;
        overflow: hidden;
    }
    .edition-header,
    .edition-header img {
        width: 100%;
    }
    .edition-header > a {
        display: block;
        margin: 0 !important;
        padding: 0 !important;
    }
    .edition-categories {
        display: block;
        overflow: hidden;
    }
    .edition-cat {
        display: block;
        float:left;
        width: 18%;
        margin: 0px 1.25%;
        padding: 15px 0px !important;
        text-align: center;
        color: #000;
        line-height: 2;
        font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    @media (max-width:767px) {
        .edition-cat {
            width: 31%;
            margin: 0px 1.4%;
            padding: 5px 0px !important;
        }
        .edition-categories {
            clear: both;
            position: relative;
            overflow: hidden;
            padding: 2%;
            background-color: #ededed;
        }
        .edition-header {
            background-color: #ededed;
            padding: 2%;
        }
    }

    .edition-cat:after {
        border-bottom: 0.35em solid transparent;
        border-top: 0.35em solid transparent;
        border-left: 0.35em solid #000;
        left: 0.4em;
        top: -0.1em;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle;
        position: relative;
    }

    .edition-cat:first-child {
        margin-left: 0 !important;
    }
    .edition-cat:last-child {
        margin-right: 0 !important;
    }

    .edition-cat img {
        width: 100%;
    }

/* Fix for transparent filter background */
/* TODO: Move to release branch */
.search-filters .browse-dropdown.opened ul.twelve {
    background-color: #ffffff !important;
}

/* Inline content fix */
.browse-gallery .w-2{
    cursor: default;
    overflow: auto;
    position: inherit;
}

/* Hide Forsee on mobile */
@media screen and (max-width:767px ) {
  ._acsbadge--default {
    display: none !important;
  }
} 

.atgDesktopJspHeader {
  display: flex;
  padding: 1rem 3rem;
  border-bottom: 0.1rem solid #e1e1e1;
}