/* Bootstrap - Pantone Overrides */
/* RP_201808 */ 

/*
body {
  font-family: helvrom, "Helvetica Neue", "Helvetica", "Microsoft JhengHei", Arial, sans-serif !important;
}
*/
*, ::before, ::after {
    box-sizing: inherit;
}

.footer ::before, .footer ::after {
    box-sizing: border-box !important;
}

footer.footer {
    box-sizing: border-box !important;
}


.container { text-align: left; }


/**/
/* Article Landing Page */
/**/
p.article-card-summary {
    line-height: 1.2;
}

h3.article-card-title {
    padding-bottom: 4px;
}



/**/
/* Special Offers Page */
/**/
/* Promo details */
#offersDetails h3 {
    font-size: 1rem;
}

ul#ecomLite {
    margin: -2px auto 2px;
}

/**/
/* Color Finder */
/**/
/* Add to Cart Button */
button.COY.button.loadAction.addbtn {
    width: 60% !important;
}

/**/
/* Multi-Product Pages */
/**/
/* Filter box */
#navWrapper.filterNav {
    box-sizing: border-box;
}
/* Banners */
#ctl00_cmpp_banner_content h1 {
    margin: 0;
    font-weight: normal;
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 31px;
    margin-bottom: -10px;
}
/* In order to color the 'systems' h1, we have to negate the others as they have CSS classes dynamically added. */
div.cmpp_banner_content:not(.material):not(.workflow):not(.persona) h1 {
    color: #00b18a;
}

div#cmpp_banner_text {
    line-height: 1.2;
}
div#cmpp_banner_text p {
    margin-bottom: 0;
}

div#BreadCrumbs {
    max-width: 1200px !important;
    margin: 0 auto 25px !important;
}

header.cmpp_header {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.containerCentered {
    max-width: 1200px;
}

#refinements h4 {
    font-family: helvbld;
    margin: 0;
    font-size: 1rem;
    color: #333;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
}

#navWrapper #leftNav ul li {
    padding-bottom: 0;
}

img {
    vertical-align: top;
}
footer.footer img {
    vertical-align: middle !important;
}


/**/
/**/
/* Product Pages */
/**/
#div_qty {
  margin-left: 10px !important;
}
#prodpgcontainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: -3px;
    font-size: 18px;
}


/**/
/**/
/* Filters */
/**/
#enabledFilters .btn-primary {
    background-color: #fff;
    border-color: #000;
    border-radius: 0;
    border-width: 0.5px;
}

#enabledFilters a {
    margin-right: 10px;
}

#enabledFilters a.btn-primary:hover {
        background-color: #fff;
}

#enabledFilters span.active-refinement {
    font-family: helvrom, Arial, sans-serif;
}

@media only screen and (min-width: 500px) {
    #enabledFilters span.active-refinement {
        margin-left: -13px;
    }
}

/**/
/**/
/* X-Ref */
/**/
.xref .xrefPopScreen.xrefColor .xrefColorDesc { padding: 0 !important; }
.xref .xrefPopScreen.xrefColor .xrefColorDesc span { padding: 0 !important; }

/**/
/**/
/* Top Nav */
/**/
li#navShopAll { padding: 0 !important; }
ul#main-menu ul.megamenu > li.mm-item + li.mm-item > a#shopAllLink:before { 
    content: ""; 
    background-color: #fff; 
}


/**/
/**/
/* Shopping Cart */
/**/
li.activityRow {
  width: 90%;
}
@media only screen and (min-width: 500px) {
    #pnlButtons { margin: -16px 0 0 10px; }
}


/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    *, ::before, ::after {
    box-sizing: content-box;
    }
    .footer *, .footer ::before, .footer ::after {
    box-sizing: inherit;
    }
}

footer.footer #subFooter {
    display: block;
}

p.bold,
span.bold { font-weight: bold !important; }


/* Hide Adobe Extension blurb until product is confirmed.
li.limbo { display: none; }
 */
 
/**/
/**/
/*  Bootstrap fix for Magento Header.  */
/*
body.cms-page-view .header-container .header {
    line-height: 1;
}
body.cms-page-view .header-container ul#nav {
    line-height: 1;
    margin-top: 24px;
}
.header-container .header .nav-container ul#nav { margin-bottom: 0; }
*/