/* ======================================================================
=========================================================================
    Dear FED,

    DO NOT EDIT THIS CSS DIRECTLY!

    There is a separate Sass repo which you can clone, edit and compile.
    If you don't know how to do this, please ask!

=========================================================================
========================================================================= */
/* Global styles
==========================================
========================================== */
.basic-sans {
  font-family: Arial, sans-serif;
}

.nowrap {
  white-space: nowrap;
}

.js-hide {
  display: none;
}

/* _core/partials/_all.scss
==========================================
========================================== */
/* _core/partials/_blog.scss
==========================================
========================================== */
.isMobileEnvironment div#dwBlog-post.dwv2 #feature-slider {
  height: auto;
  background: transparent;
}
.isMobileEnvironment div#dwBlog-post.dwv2 #feature-slider ul.slides {
  height: auto;
}
.isMobileEnvironment div#dwBlog-post.dwv2 #feature-slider ul.slides li.slide-link {
  height: auto;
}
.isMobileEnvironment div#dwBlog-post.dwv2 #feature-slider ul.slides li.slide-link a img {
  max-height: none;
  position: relative;
}
.isMobileEnvironment div#dwBlog-post.dwv2 #dwBlog-content .blog-landing-snippet {
  min-width: 0;
}
.isMobileEnvironment div#dwBlog-post.dwv2 #dwBlog-content .post-list.hidden {
  display: none;
}

/* _core/partials/_layout.scss
==========================================
========================================== */
.ag-full-width {
  /* class to "expand-out" from whatever container it's in. (see desktop styles) */
  position: relative;
  max-width: none;
}
.ag-full-width .ag-site-width {
  /* responsive "site-width" element (see desktop styles) */
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.ag-full-width .ag-viewport-width {
  /* responsive viewport-width element (see desktop styles) */
  position: relative;
  margin: 0 auto;
  width: 100vw;
}
.ag-full-width .ag-content-width {
  /* non-responsive content-width element */
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.ag-full-width .ag-static-width {
  /* non-responsive auto-width element (no width set) */
  position: relative;
  margin: 0 auto;
}
.isDesktopEnvironment .ag-full-width {
  width: 900%;
  margin-left: -400%;
}
.isDesktopEnvironment .ag-full-width .ag-site-width {
  width: 100vw;
  min-width: 920px;
  max-width: 1170px;
}
.isDesktopEnvironment .ag-full-width .ag-viewport-width {
  min-width: 960px;
}
.isDesktopEnvironment .ag-full-width .ag-content-width {
  width: 920px;
}

.ag-full-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
}

.isMobileEnvironment .desktop-only,
.isDesktopEnvironment .mobile-only {
  display: none !important;
}

.ag-align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* let's start using ag-overlay-center instead of ag-align-center, the name makes more sense */
.ag-overlay-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  /* keeps width from shrinking due to tranform style */
  text-align: center;
  /* If we're gonna keep 100% width, we should center the content */
}

.ag-width-100 {
  width: 100%;
  max-width: auto;
  min-width: auto;
}

@media (min-width: 322px) {
  .pdp-main.pdpv2 .product-col-2.product-set,
.pdp-main .product-col-1.product-set,
.pdp-main .product-col-1.product-set .primary-image {
    width: unset;
  }
}
.desktop-feedback-icon.v2020 {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  cursor: pointer;
  background: #fff;
  border: 1px solid #bcbec0;
  border-right: 1px solid #fff;
  width: 47px;
  height: 47px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAwCAYAAABaHInAAAACrElEQVRoge2aXYhNURTHf3NnfI18FvIoX+FBeZAQD5LyMCFPYp6klHwkefSgeFEypZTyojwpo5QnRfKAISmmSUkhZHx/lY87WrVO7bZzzr737HPn7p3zq9ucc/ZZ6+7/OXuvvfa607Gtt/c4cAjoJBx+ap/6ivaoFqAoYaz2qzC1AEUlTPIx7rLOpwJfvbtUnFXAjTIc2cK+APVRFGJzqyxHtdK6FBiVsNiw51gROkucl3uM43HA/gI+vgH9vsJOAXs9fWQxHjhZ0Haf71Dc7mnfKpb4vjFzcX8CPLaGZfLg6tZ52jU5HwOs0L/PgKeOOFA32pcDs5OGMuZYwiLgT4n+mkUe8u/Epgr3sVEJi41KWGxUwmLjvxHW0aZ+lI4tTFKSEevzOuNLFwNTYhGWxixgrnX9IPDIuhZUtUuEXW3gvpXG8XngRMo97UyA/0Gy+x5gGdBtNR7QNlSYCHoALDXuGQl1XnbpvLqT0rbWELZB91vzjHbZK83wLWy2irw59tI4nmOJegisbnMNMpc8YS8yrt8E1gCvRrmvTdHoG0vo12H5qcX98iZP2HMNDgnngK3Aj9BF4RD2Uet694DDwM7QQnoermJOn8+Pb+2kyu5jo8y64mdP+0uOyrK8hPvA/Eac+Qr7ZRzbKVmzbAaGgIUZdketdC4X36F42dPeRB7MAuBNRv65vglf13zf2C7gLDDB00+PJt3CTGBY81AzZRPRCaeBixm+ZBTd9RUmX3zb04dwHXgLHNPz6cAHYJohTn6oSBhQm0xCioryjzS7DSGTNSClbWCHXc5CC/dngB1GUJqo4jZZ9713OQpxHbsAbDFy0m5dCsyo+87lJNQF+gqwMWdtjFYYGhzWZcynKIeiyYBuas29oWxwnTv3GHLFQS1DSCHpO3DEaQH8BVTbcLt2nzE8AAAAAElFTkSuQmCC");
  background-size: 64%;
  background-position: center 4px;
  background-repeat: no-repeat;
}
.desktop-feedback-icon.v2020:after {
  content: "Feedback";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  text-align: center;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.3px;
  font-weight: bold;
  color: #5a5e5e;
}

/* _core/partials/_pdp.scss
==========================================
========================================== */
/*
  If there is sku-specific content, only show the default initially
  First coded for WOL in FED-7458
*/
.sku-specific-content:not([data-content-for-sku=default]) {
  display: none;
}

/* _core/partials/_filters.scss
==========================================
========================================== */
.refinement .refinement-values-wrapper #refinementColor a {
  text-indent: 9999px;
  overflow: hidden;
}
.refinement .refinement-values-wrapper #width a {
  width: auto;
  padding: 0 1em;
}

/* _core/partials/_promos.scss
==========================================
========================================== */
.promotions-wrapper .promotion-item img.ag-width-100 {
  display: block;
}

#primary .promo-page {
  display: block;
}
.promo-page header {
  text-align: center;
}
.promo-page header h1 {
  margin: 1.5em 0 0.25em !important;
}
.promo-page header p {
  margin: 0 !important;
}
.promo-page .promo-gallery {
  margin: 17px 0 0;
  padding: 0 17px;
}
.isDesktopEnvironment .promo-page .promo-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
  padding: 0;
}
.promo-page .promo-tile {
  margin-bottom: 17px;
}
.promo-page .promo-tile .dropped-promo {
  position: relative;
  border: 1px solid;
}
.promo-page .promo-tile .promo-slot__inner-wrapper {
  max-width: none;
}
.isDesktopEnvironment .promo-page .promo-tile {
  width: calc(100%/3 - 2em);
  margin: 0 1em 2em;
}

/* _core/partials/_overrides.scss
==========================================
========================================== */
.isMobileEnvironment #header {
  z-index: 250;
}

.isMobileEnvironment #footer {
  position: relative;
  z-index: 220;
}

/* START: FED-6013 - Temporary override
============================================================
See also: DW-12254
should be incorporated into branding then removed from here.
============================================================ */
@media screen and (max-width: 321px) {
  .promotions-wrapper .promotion-item .info-poppup-wrapper {
    position: absolute;
  }

  .promotions-wrapper .promotion-item .info-poppup-wrapper .info-poppup {
    bottom: 15px;
    left: -3px;
    padding: 5px 9px;
    max-width: none;
  }

  .promotions-wrapper .promotion-item .info-poppup-wrapper .info-poppup:after, .promotions-wrapper .promotion-item .info-poppup-wrapper .info-poppup:before {
    left: 17px;
    border-width: 7px;
    border-top-width: 13px;
  }
}
@media screen and (min-width: 322px) {
  .promotions-wrapper .info-poppup {
    bottom: 50px;
    left: 2px;
  }

  .promotions-wrapper .info-poppup:before,
.promotions-wrapper .info-poppup:after {
    left: 18px;
  }
}
/* END: FED-6013
============================================================ */
/* START: FED-7007 - Temporary override
============================================================ */
.isMobileEnvironment #wrapper.pt_multireturnexchange .secondary-navigation h4 {
  margin: 0 0 0 12px;
}
.isMobileEnvironment #wrapper.pt_multireturnexchange .breadcrumb {
  margin-bottom: 15px;
}
.isMobileEnvironment #wrapper.pt_multireturnexchange #primary > p {
  padding: 0 20px;
}
.isMobileEnvironment #wrapper.pt_multireturnexchange .multireturnexchangeSubmitButton {
  display: block;
  float: none;
}

/* END: FED-7007
============================================================ */
/* START: FED-7181 - Temporary override
============================================================ */
.isMobileEnvironment .availabilitycontainer {
  display: none;
}

.isMobileEnvironment #trueToSizeMessage {
  display: none;
}

/* END: FED-7181
============================================================ */
/* START: FED-7266 - Temporary override
============================================================ */
.pt_checkout #main.checkoutv2 .paypal-button .paypalcheckout {
  width: auto;
}

/* END: FED-7266
============================================================ */
/* _core/partials/_misc.scss
==========================================
========================================== */
/* START: FED-8284 - Perminent Styles for Feedback Tab
============================================================ */
/* hide our feedback tab on homepage, & cart */
.pt_storefront .desktop-tab-container .desktop-feedback-icon,
.pt_cart .desktop-tab-container .desktop-feedback-icon {
  display: none;
}

/*hide hotjar "feedback" button on every page (we will call it's functionality from the standard feedback tab) */
#_hj_feedback_container [class$=_minimized_label] {
  display: none;
}

/* END: FED-8284
============================================================ */
/* _core/partials/_hacks.scss
==========================================
========================================== */
/* ------------------------------------------------------------------------------------------------------
   Hacks are temporary work-arounds, intended to be removed when a better solution is found
 ------------------------------------------------------------------------------------------------------*/
/* A universal rule was added to branding.min.css which set
   divs to have a max-width of 100%. This should never have
   been done, but rather than counteract it universally, I'm
   limiting this to divs within Slick which MUST be wider
   than the screen!
============================================================ */
.slick-slider div {
  max-width: none;
}

/*
============================================================ */
.promotions-wrapper .desktop-promotion .content .info-details-poppup {
  z-index: 10;
  overflow: auto;
  transition: top 0.3s ease;
  top: -100%;
}

/* BEGIN FED-9277 ================================ */
.pdp-main.pdpv2 .mobile-product-info {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* END FED-9277 ================================ */
/* Parfait styles
==========================================
========================================== */
/* _parfait/modules/_desktopBanner.scss
==========================================
========================================== */
.mod-desktopBanner {
  position: relative;
}
.mod-desktopBanner img.mod-background-image {
  min-width: auto;
  display: block;
  margin: 0 auto;
}
.mod-desktopBanner img.mod-overlay-image {
  min-width: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  height: 100%;
}
.ag-viewport-width .mod-desktopBanner img.mod-background-image,
.ag-viewport-width .mod-desktopBanner img.mod-overlay-image {
  width: 100%;
}

/* _parfait/modules/_mobileBanner.scss
==========================================
========================================== */
.mod-mobileBanner {
  position: relative;
}
.mod-mobileBanner img.mod-background-image {
  min-width: auto;
  display: block;
  margin: 0 auto;
}
.mod-mobileBanner img.mod-overlay-image {
  min-width: auto;
  position: absolute;
  top: 0;
  left: 0;
}

/* Brand-specific styles
==========================================
========================================== */
.oscnt-cta, button.oscnt-cta {
  display: inline-block;
  padding: 0.69892473em 1.07526882em 0.48387097em;
  min-width: 6.4516129em;
  border: 1px solid #4a82ea;
  border-radius: 5px;
  color: #fff;
  background-color: #4a82ea;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.916666667em;
  line-height: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.oscnt-cta:hover {
  color: #fff;
  background-color: #2f62e0;
  border-color: #2f62e0;
  transition: all 0.2s;
}

.oscnt-sec-cta {
  display: inline-block;
  padding: 1.55em 1.5em 1.4em;
  min-width: 16em;
  border: 1px solid #494949;
  border-radius: 5px;
  color: #494949;
  background-color: #fff;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.85714286em;
  line-height: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.oscnt-sec-cta:hover {
  color: #fff;
  background-color: #494949;
  border-color: #494949;
  transition: all 0.2s;
}

.oscnt-txt-cta {
  display: inline-block;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  outline: none;
  border-radius: 0;
  text-decoration: none;
  color: #4a82ea;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 0.857142857em;
  line-height: 1.32352941em;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.oscnt-txt-cta:after {
  content: ">";
  display: inline-block;
  margin-left: 0.35em;
  color: currentColor;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  vertical-align: 0;
}

.oscnt-txt-cta:hover {
  color: #2f62e0;
}

.oscnt-full-width {
  width: 300%;
  margin-left: -100%;
}

.oscnt-full-width--inner {
  width: 920px;
  width: 100vw;
  min-width: 920px;
  position: relative;
  margin: 0 auto;
}

.oscnt-full-width--container {
  position: relative;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.oscnt-full-link {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.oscnt-cta-front {
  position: relative;
  z-index: 5;
}

.oscnt-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

a.oscnt-full-link:hover {
  background-color: transparent;
  color: transparent;
}

/* MOBILE HOMEPAGE */
.oscnt-hp__tile--mbl {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  outline: none;
  position: relative;
  max-width: 292px;
  margin: 17px auto;
  color: #494949;
}

.oscnt-hp__tile--mbl:hover {
  background-color: #edeff1;
}

.oscnt-hp__tile--mbl .oscnt-hp__tile__img {
  width: 100%;
}

.oscnt-hp__tile--mbl .oscnt-hp__tile__txt__hdr {
  margin-top: 0.8em;
  margin-bottom: 0.1em;
  font-size: 1.4285714286em;
  line-height: 1.55em;
  letter-spacing: 0.025em;
  text-transform: capitalize;
}

.oscnt-hp__tile--mbl .oscnt-hp__tile__txt__sbhdr {
  margin-top: 0;
  margin-bottom: 0.7857142857em;
  padding-right: 2em;
  padding-left: 2em;
  color: #707a81;
  font-family: "CaeciliaLTPro-55Roman", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 0.9285714286em;
  line-height: 1.5384615385em;
  letter-spacing: 0.025em;
}

.oscnt-hp__cat-lnks--mbl {
  position: relative;
  max-width: 320px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.oscnt-hp__cat-lnks--mbl .oscnt-hp__cat-lnks__content {
  position: relative;
  text-align: center;
}

.oscnt-hp__cat-lnks--mbl .oscnt-hp__cat-lnks__content__hdr {
  margin-bottom: 0.85em;
  color: #494949;
  font-family: "CaeciliaLTPro-85Heavy", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 700;
  font-size: 1.4285714286em;
  line-height: 1.3em;
  text-transform: initial;
}

.oscnt-hp__cat-lnks--mbl .oscnt-hp__cat-lnks__content__row {
  margin-bottom: 7px;
}

.oscnt-hp__cat-lnks--mbl .oscnt-hp__cat-lnks__content__link {
  min-width: 125px;
  padding-left: 0;
  padding-right: 0;
}

.oscnt-hp__cat-lnks--mbl .oscnt-hp__cat-lnks__content__link:first-of-type {
  margin-right: 10px;
}

.social-icon-wrapper {
  display: inline-block;
  margin-top: 35px;
}

.footer-social-icon {
  margin-right: 10px;
}

/* MENS & WOMENS LANDING PAGES */
.oscnt__lnd__tile {
  position: relative;
  margin: 0 auto 40px;
  padding-bottom: 25px;
  color: #494949;
  background-color: #edeff1;
  text-align: center;
}

.oscnt__lnd__tile .oscnt__lnd__tile__txt {
  display: block;
  padding: 25px;
}

.oscnt__lnd__tile .oscnt__lnd__tile__txt__hdr {
  margin-bottom: 0;
  font-family: "CaeciliaLTPro-85Heavy", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 700;
  font-size: 2.0714285714em;
  line-height: 1.1724137931em;
  letter-spacing: 0.025em;
  text-transform: capitalize;
}

.oscnt__lnd__tile .oscnt__lnd__tile__txt__sbhdr {
  margin-top: 0.2857142857em;
  font-family: "CaeciliaLTPro-55Roman", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 1em;
}

.oscnt__lnd__tile .oscnt__lnd__tile__txt__cta {
  display: inline-block;
  margin-top: 1em;
}

/* MOBILE MENS & WOMENS LANDING PAGES */
.oscnt__lnd__tile--mbl {
  display: inline-block;
  position: relative;
  max-width: 292px;
  margin: 0 auto 34px;
  padding-bottom: 19px;
  color: #494949;
  background-color: #edeff1;
}

.oscnt__lnd__tile--mbl:last-of-type {
  margin-bottom: 10px;
}

.oscnt__lnd__tile--mbl:hover {
  background-color: #edeff1;
}

.oscnt__lnd__tile--mbl .oscnt__lnd__tile__img {
  width: 100%;
}

.oscnt__lnd__tile--mbl .oscnt__lnd__tile__txt__hdr {
  margin-top: 0.8em;
  margin-bottom: 0.1em;
  font-family: "CaeciliaLTPro-85Heavy", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 700;
  font-size: 1.4285714286em;
  line-height: 1.65em;
  letter-spacing: 0.025em;
  text-transform: capitalize;
}

.oscnt__lnd__tile--mbl .oscnt__lnd__tile__txt__sbhdr {
  margin-top: 0;
  margin-bottom: 0.7857142857em;
  padding-right: 3em;
  padding-left: 3em;
  color: #707a81;
  font-family: "CaeciliaLTPro-55Roman", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: 0.025em;
}

.null-result-wrapper {
  display: inline-block;
  width: 920px;
  margin-top: 50px;
}

.null-result-inner-wrapper {
  width: 100%;
}

.null-item-wrapper {
  width: calc(33.333% - 3px);
  height: 470px;
  display: inline-block;
  float: left;
  border-right: 3px solid #fff;
  margin-bottom: 40px;
  background: #edeff1;
}

.null-item-wrapper:nth-of-type(3), .null-item-wrapper:nth-of-type(6) {
  border-right: none;
}

.null-item-wrapper h2 {
  padding-left: 35px;
  margin: 1em 0 0.5em;
}

.null-item-wrapper a {
  display: block;
  padding-left: 35px;
  color: #707a81;
  margin-bottom: 12px;
}

.null-item-wrapper a.img-cta {
  padding: 0;
}

.null-item-wrapper a.view-all-cta {
  color: #4a82ea;
}

.null-item-wrapper a:hover {
  color: #2f62e0;
}

.null-item-wrapper a.img-cta img {
  -webkit-filter: brightness(1);
  filter: brightness(1);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.null-item-wrapper a.img-cta:hover img {
  -webkit-filter: brightness(1.25);
  filter: brightness(1.25);
}

.www-recommendations-placeholder.www-recommendations-4x1 {
  display: inline-block;
}

.redirect-banner {
  text-align: center;
  padding-bottom: 55px;
  border-bottom: 3px solid #4a82ea;
  position: relative;
}

.redirect-banner:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #4a82ea;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
}

.redirect-banner h3 {
  color: #4a82ea;
  text-transform: uppercase;
  font-size: 1.5em;
}

.redirect-banner h2 {
  font-size: 2.8em;
  margin: 0.5em 0;
}

.redirect-banner p {
  font-size: 1.35em;
  width: 65%;
  margin: 0 auto;
}

@media (max-device-width: 767px) {
  .oscnt-full-width {
    width: 100%;
    margin-left: 0;
  }

  .oscnt-full-width--inner {
    min-width: 320px;
  }

  .social-icon-wrapper {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .null-result-wrapper {
    width: 100%;
  }

  .null-item-wrapper {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 10px;
  }

  .null-item-wrapper h2, .null-item-wrapper a {
    padding: 0;
  }

  .redirect-banner {
    width: 92%;
    margin: 0 auto 25px;
    padding-bottom: 40px;
  }

  .redirect-banner h3 {
    font-size: 1em;
  }

  .redirect-banner h2 {
    font-size: 2em;
    width: 90%;
    margin: 0.3em auto;
    line-height: 1.25em;
  }

  .redirect-banner p {
    font-size: 1em;
    width: 90%;
  }
}
/* TEMPORARY FIX FOR RECS */
#tab-1 > div.rating-box.clearfix.rating-summary > div.left-ratings-column.clearfix > div.title-hold {
  visibility: hidden;
  margin: 15px;
  padding: 0;
  height: 0;
}

/* DESKTOP PERSISTENT TABS */
.desktop-promotions {
  z-index: 999;
}

.desktop-tab-container {
  position: fixed;
  right: 0;
  top: 320px;
  height: 120px;
  z-index: 998;
}

.desktop-promotions-icon {
  /*background-image: url('../content/core-content/icons/side-tab-offers.png?$staticlink$');*/
  background-size: inherit;
  background-position: center -5px;
  background-size: 100%;
  background-color: #fff !important;
  top: 265px;
  left: -55px;
  width: 55px;
  height: 55px;
  box-shadow: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-align: center;
}

.promotions-wrapper .promotion-item .content .info-details-poppup.active {
  z-index: 1;
}

.promotions-wrapper .promotion-item .info-bar .info-icon {
  background-size: unset;
  background-position: -272px -72px;
  width: 20px;
  height: 20px;
}

.promotions-wrapper .promotion-item .info-bar .info-icon.added {
  background-size: unset;
  background-position: -272px -114px;
  width: 20px;
  height: 20px;
}

.desktop-feedback-icon {
  display: block;
  width: 55px;
  height: 55px;
  z-index: 998;
  box-sizing: border-box;
  background-image: url("../content/core-content/icons/side-tab-feedback.png?$staticlink$");
  background-size: inherit;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.lhnLiveChatLink {
  display: inline;
}

.lhnLiveChatLink.hidden, .side-tab_chat.hidden {
  display: none;
}

.desktop-chat-icon {
  display: block;
  width: 55px;
  height: 55px;
  z-index: 998;
  box-sizing: border-box;
  background-image: url("../content/core-content/icons/side-tab-chat.png?$staticlink$");
  background-size: inherit;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.desktop-promotions-icon:hover, .desktop-feedback-icon:hover, .desktop-chat-icon:hover {
  background-color: #edeff1 !important;
}

.desktop-promotions-icon.active {
  border-left: 1px solid #ccc;
  box-shadow: none;
}

.desktop-promotions-icon.active:hover {
  background-color: #fff !important;
}

.desktop-promotions-icon::before {
  content: "OFFERS";
  top: -3px;
  line-height: 91px;
  font-size: 0.45em;
  text-align: center;
  letter-spacing: 0;
  font-family: sans-serif;
}

/* PROMO TAB PLUS ICON FIX 20180305 EEZ */
.promotions-wrapper .desktop-promotion .info-bar .info-icon {
  position: relative;
  top: -2px;
}

/* Breadcrumbs */
.breadcrumb li:not(:last-child):after, .breadcrumb a:not(:last-child):after, .primary-content .breadcrumb li:not(:last-child):after, .primary-content .breadcrumb a:not(:last-child):after {
  content: ">";
  background-image: none !important;
  background-size: auto;
  background-position: auto;
  margin-left: -6px;
  margin-right: 0px;
}

.desktop-feedback-icon.v2020 {
  width: 55px;
  height: 55px;
}
.desktop-feedback-icon.v2020:after {
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 7px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #959ca1;
}

.isMobileEnvironment .refinements.horizontally .refinement .selected a,
.isMobileEnvironment .refinements.vertically .refinement .selected a {
  font-weight: 600;
}

/* typography
========================================== */
/* Buttons
========================================== */
.old-button {
  color: #fff;
  background-color: #4a82ea;
  display: inline-block;
  overflow: hidden;
  transition: 0.2s;
  border-radius: 4px;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
  font-size: 12px;
  text-transform: uppercase;
}

.old-button:hover {
  color: #fff;
  background-color: #2f62e0;
}

/* Promos
========================================== */
/* Banners
========================================== */
/* Sliders
========================================== */
/* Hacks
========================================== */
.promotions-wrapper .promotion-item .info-bar .info-icon {
  background-position: -200px -108px;
  background-size: 220px;
  height: 16px;
  width: 16px;
}

.promotions-wrapper .promotion-item .info-bar .info-icon.added {
  background-position: -200px -77px;
  background-size: 220px;
  height: 16px;
  width: 16px;
}

.header-promotion-wrapper .header-promotion .promotion-item .info-code, .promotions-wrapper .promotion-item .info-code {
  font-size: 14px;
}

/* PLP Responsive Project - fix text indent on color swatches on PLP responsive pages */
.is-responsive .refinement .refinement-values-wrapper #refinementColor a {
  text-indent: 0;
}

/* ======================================================================
=========================================================================
    Dear FED,

    DO NOT EDIT THIS CSS DIRECTLY!

    There is a separate Sass repo which you can clone, edit and compile.
    If you don't know how to do this, please ask!

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

/*# sourceMappingURL=onlineshoes-content.css.map */