@charset "UTF-8";
/* ======================================================================
=========================================================================
    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;
}

.fed-asset-reset {
  box-sizing: border-box;
  position: relative;
  line-height: normal;
}
.fed-asset-reset *,
.fed-asset-reset *:before,
.fed-asset-reset *:after {
  font-size: 1em;
  box-sizing: inherit;
  padding: 0;
  margin: 0;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-decoration: none;
  text-transform: inherit;
  list-style: none;
}
.fed-asset-reset div {
  max-width: none;
}
.fed-asset-reset .ag-viewport-width,
.fed-asset-reset .ag-site-width {
  margin: 0 auto;
}

/* _core/partials/_all.scss
==========================================
========================================== */
/* _core/partials/_blog.scss
==========================================
========================================== */
@media (max-width: 640px) {
  div#dwBlog-post.dwv2 #feature-slider {
    height: auto;
    background: transparent;
  }
  div#dwBlog-post.dwv2 #feature-slider ul.slides {
    height: auto;
  }
  div#dwBlog-post.dwv2 #feature-slider ul.slides li.slide-link {
    height: auto;
  }
  div#dwBlog-post.dwv2 #feature-slider ul.slides li.slide-link a img {
    max-height: none;
    position: relative;
  }
  div#dwBlog-post.dwv2 #dwBlog-content .blog-landing-snippet {
    min-width: 0;
  }
  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;
}
@media (min-width: 641px) {
  .ag-full-width {
    width: 900%;
    margin-left: -400%;
  }
  .ag-full-width .ag-site-width {
    width: 100vw;
    min-width: 920px;
    max-width: 1170px;
  }
  .ag-full-width .ag-viewport-width {
    min-width: 960px;
  }
  .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;
}

@media (min-width: 641px) {
  .sm-only {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .lg-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: 641px) {
  .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;
  border-top: none;
  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;
}

#dialog-container .cs-help {
  display: none;
}

.rwd-plp-ad {
  text-align: center;
}
.rwd-plp-ad a,
.rwd-plp-ad img {
  display: block;
  max-width: 100%;
}
@media (min-width: 641px) {
  .rwd-plp-ad {
    padding: 10px;
  }
}

/* _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
==========================================
========================================== */
.swatch-Noir .swatch-circle {
  background-color: #000000;
}

.swatch-Beige .swatch-circle {
  background-color: #f5f5dc;
}

.swatch-Bleu .swatch-circle {
  background-color: blue;
}

.swatch-Violet .swatch-circle {
  background-color: purple;
}

.swatch-Rouge .swatch-circle {
  background-color: red;
}

.swatch-Marron .swatch-circle {
  background-color: #783201;
}

.swatch-Vert .swatch-circle {
  background-color: green;
}

.swatch-Gris .swatch-circle {
  background-color: #8f979d;
}

.swatch-Rose .swatch-circle {
  background-color: #fe249a;
}

.swatch-Orange .swatch-circle {
  background-color: orange;
}

.swatch-Blanc .swatch-circle {
  background-color: #ffffff;
  border: 1px solid #999;
}

.swatch-Jaune .swatch-circle {
  background-color: #ffff00;
}

.swatch-bleu-Marine .swatch-circle {
  background-color: navy;
}

.swatch-Ocre .swatch-circle {
  background-color: #ddceb0;
}

.swatch-Or .swatch-circle {
  background-color: #c5b358;
}

.swatch-Cr_me .swatch-circle {
  background-color: #fffdd0;
  border: 1px solid #999;
}

.swatch-Nero .swatch-circle {
  background-color: #000000;
}

.swatch-Blu .swatch-circle {
  background-color: blue;
}

.swatch-Viola .swatch-circle {
  background-color: purple;
}

.swatch-Rosso .swatch-circle {
  background-color: red;
}

.swatch-Marrone .swatch-circle {
  background-color: #783201;
}

.swatch-Verde .swatch-circle {
  background-color: green;
}

.swatch-Grigio .swatch-circle {
  background-color: #8f979d;
}

.swatch-Rosa .swatch-circle {
  background-color: #fe249a;
}

.swatch-Arancione .swatch-circle {
  background-color: orange;
}

.swatch-Bianco .swatch-circle {
  background-color: #ffffff;
  border: 1px solid #999;
}

.swatch-Giallo .swatch-circle {
  background-color: #ffff00;
}

.swatch-Oro .swatch-circle {
  background-color: #c5b358;
}

.swatch-Creama .swatch-circle {
  background-color: #fffdd0;
  border: 1px solid #999;
}

.swatch-Negro .swatch-circle {
  background-color: #000000;
}

.swatch-Beige .swatch-circle {
  background-color: #f5f5dc;
}

.swatch-Azul .swatch-circle {
  background-color: blue;
}

.swatch-Morado .swatch-circle {
  background-color: purple;
}

.swatch-Rojo .swatch-circle {
  background-color: red;
}

.swatch-Marr_n .swatch-circle {
  background-color: #783201;
}

.swatch-Verde .swatch-circle {
  background-color: green;
}

.swatch-Gris .swatch-circle {
  background-color: #8f979d;
}

.swatch-Rosa .swatch-circle {
  background-color: #fe249a;
}

.swatch-Naranja .swatch-circle {
  background-color: orange;
}

.swatch-Blanco .swatch-circle {
  background-color: #ffffff;
  border: 1px solid #999;
}

.swatch-Amarillo .swatch-circle {
  background-color: #ffff00;
}

.swatch-bleu-Marine .swatch-circle {
  background-color: navy;
}

.swatch-Ocre .swatch-circle {
  background-color: #ddceb0;
}

.swatch-Or .swatch-circle {
  background-color: #c5b358;
}

.swatch-Cr_me .swatch-circle {
  background-color: #fffdd0;
  border: 1px solid #999;
}

.swatch-Canela .swatch-circle {
  background-color: #d2691e;
}

/* _core/partials/_promos.scss
==========================================
========================================== */
.promotion-item img {
  max-width: 100%;
}

.promotions-wrapper .promotion-item img.ag-width-100 {
  display: block;
}

@media screen and (min-width: 769px) {
  .promo-page.promotions-wrapper.open {
    box-shadow: none;
  }
}
.promotions-wrapper header {
  text-align: center;
}
.promotions-wrapper .promotion-item .content {
  overflow: auto;
}
.promotions-wrapper .promotion-item .content .info-details-poppup {
  z-index: 10;
  /* this fixes the issue of the details appearing below any "positioned" element in the content asset. */
  transition: all 0.2s ease;
  overflow: hidden;
}

#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;
}
@media screen and (min-width: 641px) {
  .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;
}
@media screen and (min-width: 641px) {
  .promo-page .promo-tile {
    width: calc(100%/3 - 2em);
    margin: 0 1em 2em;
  }
}

.alt-menu-promotion.item-icon-box {
  position: relative;
}

.mobile-promo-count {
  font-family: Arial;
  color: white;
  background: #962226;
  position: absolute;
  padding: 0;
  width: 16px;
  height: 16px;
  top: calc(50% - 16px);
  left: calc(50% + 9px);
  border-radius: 50%;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.promotions-wrapper.open .desktop-promotions-icon .promo-count {
  display: none;
}

/* _core/partials/_overrides.scss
==========================================
========================================== */
@media (max-width: 640px) {
  #header {
    z-index: 250;
  }

  #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: 640px) {
  .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: 641px) {
  .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
============================================================ */
@media screen and (max-width: 640px) {
  #wrapper.pt_multireturnexchange .secondary-navigation h4 {
    margin: 0 0 0 12px;
  }
  #wrapper.pt_multireturnexchange .breadcrumb {
    margin-bottom: 15px;
  }
  #wrapper.pt_multireturnexchange #primary > p {
    padding: 0 20px;
  }
  #wrapper.pt_multireturnexchange .multireturnexchangeSubmitButton {
    display: block;
    float: none;
  }
}
/* END: FED-7007
============================================================ */
/* START: FED-7181 - Temporary override
============================================================ */
@media (max-width: 640px) {
  .availabilitycontainer, #trueToSizeMessage {
    display: none;
  }
}
/* END: FED-7181
============================================================ */
/* START: FED-7266 - Temporary override
============================================================ */
.pt_checkout #main.checkoutv2 .paypal-button .paypalcheckout {
  width: auto;
}

/* END: FED-7266
============================================================ */
/* START: FED-9982 - Temporary override
============================================================ */
@media (max-width: 768px) and (min-width: 577px) {
  .wrap-top-search.animated-filter .filter-box {
    line-height: 36px;
  }
}
@media screen and (max-width: 768px) {
  .wrap-top-search.animated-filter .filter-box span.numb-selected:after {
    position: relative;
    top: 1px;
    margin-left: 2em;
  }
}
/* END: FED-9982
============================================================ */
/* _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;
}

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

/* END FED-9277 ================================ */
@media (max-width: 640px) {
  .slot-grid-header {
    margin: 0;
  }
}
/* 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
==========================================
========================================== */
#tab-1 > div.rating-box.clearfix.rating-summary > div.left-ratings-column.clearfix > div.title-hold {
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 0;
}

/* PROMO NAV TEXT COLOR */
.menu-category.level-1 a.level-1[href*=outlet] {
  color: #e24307 !important;
}

/* CUSTOM POPUP STYLING ( Purge said this could go, but I worried that these styles didn't take )*/
.ui-dialog.homePageModal .ui-corner-all,
.ui-dialog.homePageModal .ui-corner-bottom,
.ui-dialog.homePageModal .ui-corner-right,
.ui-dialog.homePageModal .ui-corner-br {
  border-radius: 0;
}

.ui-dialog.homePageModal .ui-widget-header {
  border: 0;
  background: none;
  color: transparent;
}

.ui-dialog.homePageModal .ui-dialog-content {
  background-color: transparent;
}

.ui-widget-content.homePageModal {
  background: transparent;
  border: 0;
}

.ui-dialog.homePageModal .ui-icon-closethick {
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
}

.ui-dialog.homePageModal .ui-icon-closethick:hover,
.ui-dialog.homePageModal .ui-icon-closethick:active {
  -ms-filter: "alpha(opacity=100)";
  opacity: 1;
}

.ui-dialog.homePageModal .ui-dialog-titlebar-close {
  padding: 0;
}

.ui-dialog.homePageModal .ui-state-hover,
.ui-dialog.homePageModal .ui-widget-content .ui-state-hover,
.ui-dialog.homePageModal .ui-widget-header .ui-state-hover,
.ui-dialog.homePageModal .ui-state-focus,
.ui-dialog.homePageModal .ui-widget-content .ui-state-focus,
.ui-dialog.homePageModal .ui-widget-header .ui-state-focus {
  border: 0;
  background: none;
  color: transparent;
}

.mobile-top-header-banner {
  display: none;
}

/* Start — Product badge image dimension fix for mobile – 20170120 CS */
.tiles-container .image-callout-badges div.product-tile-badges,
.tiles-container .image-callout-badges div.product-badges {
  max-width: 50px;
}

.tiles-container .image-callout-badges div.product-tile-badges img,
.tiles-container .image-callout-badges div.product-badges img {
  max-width: 100%;
}

/* END — Product badge image dimension fix for mobile – 20170120 CS */
/* START of Sperry button styles */
body .sperry-cta {
  white-space: nowrap;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 45px;
  padding: 0 34px;
  color: #fff !important;
  background: #071c2c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  transition: background-color 0.2s;
  font-weight: 400;
}

body .sperry-cta:hover {
  background: #65a0c7;
  color: #fff;
}

body .sperry-marketing-cta {
  display: inline-block;
  position: relative;
  z-index: 10;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  background: #071c2c;
  letter-spacing: 0.05em;
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 32px;
  padding: 0 14px;
  transition: background-color 0.2s;
}

body .sperry-marketing-cta:hover {
  background: #65a0c7;
  color: #fff;
}

.sperry-marketing-cta-large {
  padding: 0 16px;
  margin: 36px 0;
  font-size: 14px;
  line-height: 40px;
}

.sperry-main-descriptor-cta {
  margin-top: 17px;
  box-sizing: border-box;
  text-align: center;
  min-width: 181px;
}

body .sperry-main-descriptor-cta {
  padding: 0 16px;
}

.sperry-sub-descriptor-cta-outer {
  position: absolute;
  bottom: 43px;
  width: 100%;
  text-align: center;
}

.sperry-sub-descriptor-cta {
  box-sizing: border-box;
  min-width: 181px;
}

body .sperry-sub-descriptor-cta {
  padding: 0;
}

.sperry-tert-descriptor-cta-outer {
  position: absolute;
  bottom: 70px;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s;
}

.ie8 .sperry-tert-descriptor-cta-outer {
  display: none;
}

.sperry-tert-descriptor-cta {
  min-width: 181px;
  box-sizing: border-box;
}

.sperry-competitionpromo-cta {
  margin-top: 15px;
  padding: 0 49px;
}

.sperry-marketing-bottom-cta {
  margin-top: 16px;
  min-width: 165px;
  box-sizing: border-box;
  text-align: center;
}

body .sperry-marketing-bottom-cta {
  padding: 0 10px;
}

/* SPERRY-CONTENT-BUTTON CORE */
#button-group .sperry-content-button {
  text-align: center;
  white-space: nowrap;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  transition: background-color 0.1s;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
}

/* DARK BLUE BUTTON */
.sperry-content-button1 {
  text-align: center;
  white-space: nowrap;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  transition: background-color 0.1s;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #071c2c;
  background: #fff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}

.sperry-content-button1:hover {
  color: #fff !important;
  border: 2px solid #071c2c;
  background: #071c2c;
  background: rgba(7, 28, 44, 0.55) !important;
  text-decoration: none !important;
}

/* LIGHT WHITE BUTTON */
.sperry-content-button2 {
  text-align: center;
  white-space: nowrap;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  transition: background-color 0.1s;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #fff;
  background: #fff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}

.sperry-content-button2:hover {
  color: #fff !important;
  border: 2px solid #071c2c;
  background: #071c2c;
  background: rgba(7, 28, 44, 0.55) !important;
  text-decoration: none !important;
}

/* GOLD CUP BUTTON */
.sperry-content-button3 {
  text-align: center;
  white-space: nowrap;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  transition: background-color 0.1s;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #cda127;
  background: #fff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}

.sperry-content-button3:hover {
  color: #fff !important;
  border: 2px solid #cda127;
  background: #cda127 !important;
  background: rgba(205, 161, 39, 0.55) !important;
  text-decoration: none !important;
}

/* GRAY BUTTON */
.sperry-content-button4 {
  text-align: center;
  white-space: nowrap;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  transition: background-color 0.1s;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #fff;
  background: #fff;
  background: rgba(255, 255, 255, 0.55) !important;
  color: #071c2c !important;
}

.sperry-content-button4:hover {
  color: #fff !important;
  border: 2px solid #dededb;
  background: #929288;
  background: rgba(146, 146, 136, 0.55) !important;
  text-decoration: none !important;
}

/* ORANGE BUTTON */
.sperry-content-button5 {
  text-align: center;
  white-space: nowrap;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: inline-block;
  font-size: 11px;
  line-height: 41px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  transition: background-color 0.1s;
  border-radius: 0;
  font-weight: normal;
  height: 41px;
  border: 2px solid #fff;
  background: #e14504;
  /*background: rgba(255,255,255,.55) !important; */
  color: #fff !important;
}

.sperry-content-button5:hover {
  color: #fff !important;
  border: 2px solid #fff;
  background: #e14504;
  background: rgba(255, 255, 255, 0.53) !important;
  text-decoration: none !important;
}

.shopby-button {
  width: 158px;
  height: 30px;
  background: #071c2c;
  color: #fff;
  font-family: "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  display: inline-block;
  margin-top: -4px;
  text-align: center;
  line-height: 30px;
}

.cta-button, .teaser__cta-button {
  text-align: center;
  white-space: nowrap;
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 10;
  display: block;
  font-size: 0.64285714em;
  line-height: 1;
  padding: 1.22222222em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.07125em;
  transition: background-color 0.1s, border-color 0.1s;
  border-radius: 0;
  font-weight: normal;
  border: 2px solid;
  width: 226px;
  margin: 1.22222222em auto 0.66666667em;
  box-sizing: border-box;
  border-color: #071c2c;
  color: #071c2c;
}
.cta-button:not(:first-child), .teaser__cta-button:not(:first-child) {
  margin-top: 0.66666667em;
}

.cta-button_white {
  color: #fff;
  border-color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.cta-button_solid.cta-button_white {
  color: #071c2c;
  background: #fff;
  border-color: #fff;
}

.cta-button_blue {
  color: #071c2c;
  background: rgba(255, 255, 255, 0.55);
  border-color: #071c2c;
}

.cta-button_orange {
  color: #fff;
  background: #e14504;
  border-color: #e14504;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.cta-button:hover, .teaser__cta-button:hover,
.cta-button_white:hover {
  background-color: #fff;
  color: #071c2c;
}

.cta-button_blue:hover {
  background-color: #071c2c;
  color: #fff;
}

.cta-button_orange:hover {
  background-color: #cb411a;
  color: #fff;
  border-color: #cb411a;
}

.cta-button_solid.cta-button_white:hover {
  color: #fff;
  background: #071c2c;
  border-color: #071c2c;
}

@media screen and (min-width: 768px) {
  .cta-button, .teaser__cta-button {
    font-size: 0.84615385em;
    margin: 2.1em auto 1em;
    padding: 1.45454545em 1.27272727em 1.09090909em;
    width: 26em;
  }
  .cta-button:not(:first-child), .teaser__cta-button:not(:first-child) {
    margin-top: 1em;
  }
}
.old-button {
  background-color: #ce3f03;
  font-size: 11px;
  letter-spacing: 0.4px;
  display: inline-block;
  overflow: hidden;
  transition: 0.2s;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  border: none;
  box-sizing: border-box;
  height: 55px;
  line-height: 55px;
  padding: 0 12px;
  font-family: BrandonGrotesqueWeb-Bold, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.old-button:hover {
  background-color: #ce3f03;
  /* same as not-hover, weird */
}

/* END of Sperry button styles */
/* Start of _sperry_typography.scss */
.banner__text-heading, .shop-by-category__column-heading, .shop-by-category_heading {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 1.35714286em;
  line-height: 1.15;
  letter-spacing: 0.00875em;
  text-transform: uppercase;
  color: #071c2c;
  margin-top: 0;
  margin-bottom: 0;
}

.banner__text-pre-heading {
  font-family: "BrandonGrotesqueWeb-Black", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 0.71428571em;
  line-height: 1;
}

.teaser__body, .banner__text-body, .shop-by-category__label {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  font-size: 0.85714286em;
  letter-spacing: 0.03125em;
  line-height: 1.1;
  margin-top: 0;
}

.shop-by-category__column-heading, .shop-by-category_heading, .banner__text-heading {
  font-size: 2.92307692em;
  line-height: 1;
  letter-spacing: 0.0375em;
  margin-bottom: 0.125em;
}

.banner__text-pre-heading {
  font-size: 1.53846154em;
  letter-spacing: 0.0375em;
  margin-bottom: 0.375em;
}

.shop-by-category__label, .banner__text-body {
  font-size: 1.38461538em;
  line-height: 1.2;
  margin-bottom: 1.3em;
}

p.shop-by-category__label {
  color: #071c2c;
  text-transform: uppercase;
}

/* End of _sperry_typography.scss */
/* Block styles */
.pt_product-search-result .cat-landing .landing-topbanner-box p {
  margin: inherit;
  margin: unset;
}

.homePageModal.ui-dialog .ui-dialog-titlebar-close.ui-corner-all {
  top: 42px;
  right: 10px;
}

.banner {
  box-sizing: border-box;
}

/* mobile */
.banner__text-heading_white,
.banner__text-body_white {
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.banner__text-pre-heading {
  margin-top: 0;
  margin-bottom: 0.25em;
}

.pt_product-search-result .cat-landing .landing-topbanner-box p.banner__text-pre-heading {
  margin-top: 0;
  margin-bottom: 0.25em;
}

/* desktop */
.teaser {
  box-sizing: border-box;
  margin-top: 6.15384615em;
  margin-bottom: 6.15384615em;
}

.teaser__header-wrapper {
  margin-left: 0;
  margin-right: 0;
}

.teaser_primary {
  margin-top: 0;
}

.flexslider .teaser_primary {
  overflow: hidden;
  margin: 0;
}

.teaser__cta-button {
  display: inline-block;
  margin-top: 0;
}
.teaser__cta-button:not(:first-child) {
  margin-left: 0.90909091em;
}

/* desktop */
@media screen and (min-width: 520px) {
  .teaser__heading {
    font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #071c2c;
    margin-top: 0;
    font-size: 2.92307692em;
    line-height: 1;
    letter-spacing: 0.0375em;
    margin-bottom: 0.125em;
  }

  .pt_product-search-result .cat-landing-e p.teaser__body, .pt_product-search-result .cat-landing-c p.teaser__body,
.teaser__body {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    letter-spacing: 0.03125em;
    margin-top: 0;
    font-size: 1.38461538em;
    line-height: 1.2;
    margin-bottom: 1.3em;
    font-family: "BrandonGrotesqueWeb-italic", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  }
}
.teaser_b .teaser__heading {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 1.92307692em;
  margin-bottom: 0;
}

.teaser_b .teaser__body {
  font-size: 1.23076923em;
  margin-bottom: 1.5em;
}

.shop-by-category__block .teaser_b .teaser__header-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 22em;
}

.shop-by-category__block .teaser_b .teaser__body {
  max-width: 18em;
  margin-left: auto;
  margin-right: auto;
}

.shop-by {
  width: 100%;
}

.shop-by__section-heading-wrapper {
  margin-bottom: 0.5em;
}

.shop-by-category {
  margin-top: 6.15384615em;
  margin-bottom: 6.15384615em;
}

@media screen and (min-width: 521px) {
  .shop-by-category_gender {
    min-width: 920px;
  }
}
.shop-by-category_heading {
  margin-top: 0;
  margin-bottom: 1.05263158em;
}

.shop-by-category__content-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.shop-by-category__column {
  width: calc((100% - 1px) / 2);
}

.shop-by-category__column:first-child {
  border-right: 1px solid #cecece;
}

.shop-by-category__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.shop-by-category__row:first-of-type {
  border-bottom: 1px solid #cecece;
}

.shop-by-category__column-heading {
  font-size: 1.23076923em;
  margin-bottom: 1.25em;
}

.shop-by-category__item {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  overflow: hidden;
}

.shop-by-category__item_small:first-child {
  border-right: 1px solid #cecece;
}

.shop-by-category_item-link {
  font-size: 1em;
}

.shop-by-category__label-wrapper {
  padding-bottom: 1.53846154em;
  padding-top: 0.38461538em;
}

.shop-by-category__label {
  font-size: 1em;
  margin: 0;
}
.shop-by-category__label:active, .shop-by-category__label:hover {
  color: #377cb0;
}

.shop-by-category_gender .shop-by-category_heading,
.shop-by-category_gender .shop-by-category__column-heading,
.shop-by-category_gender .shop-by-category__label {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.shop-by-category_desktop-nav,
.shop-by-category_full-width-desktop-nav {
  margin: 1em 0 0;
}
.shop-by-category_desktop-nav .shop-by-category__item,
.shop-by-category_full-width-desktop-nav .shop-by-category__item {
  overflow: visible;
}
.shop-by-category_desktop-nav .shop-by-category__item-image,
.shop-by-category_full-width-desktop-nav .shop-by-category__item-image {
  display: block;
  height: auto;
}
.shop-by-category_desktop-nav .shop-by-category__label-wrapper,
.shop-by-category_full-width-desktop-nav .shop-by-category__label-wrapper {
  padding-top: 0.66666667em;
  padding-bottom: 0.66666667em;
}
.shop-by-category_desktop-nav .shop-by-category__label,
.shop-by-category_full-width-desktop-nav .shop-by-category__label {
  color: #929288;
  text-transform: capitalize;
  text-align: left;
}
.shop-by-category_desktop-nav .shop-by-category__label:hover, .shop-by-category_desktop-nav .shop-by-category__label:active,
.shop-by-category_full-width-desktop-nav .shop-by-category__label:hover,
.shop-by-category_full-width-desktop-nav .shop-by-category__label:active {
  color: #377cb0;
}

.shop-by-category_full-width-desktop-nav {
  position: relative;
  width: 920px;
  height: 270px;
  display: block;
  margin-bottom: 25px;
}
.shop-by-category_full-width-desktop-nav .shop-by-category__inner-wrapper,
.shop-by-category_full-width-desktop-nav .shop-by-category__content-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  clear: both;
  width: 885px;
}
.shop-by-category_full-width-desktop-nav .shop-by-category__item {
  display: block;
  float: left;
  clear: none;
  margin-right: 0;
  position: relative;
  width: 285px;
  padding-top: 16px;
}
.shop-by-category_full-width-desktop-nav .shop-by-category__label {
  text-align: center;
}

ul.level-1 .shop-by-category_desktop-nav a {
  padding: 0;
}

.flyout-shoe-size-filter {
  max-width: 920px;
}

.shop-by-category__block_primary {
  margin-top: 0;
  margin-bottom: 6.15384615em;
}

.shop-by-category__block .shop-by-category__inner-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 89.8461538em;
  margin: 0 auto;
}

.shop-by-category__block .shop-by-category__column {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  /*overflow: hidden;*/
  width: 43.8461538em;
  border: none;
  display: block;
}

.shop-by-category__block .shop-by-category__column:first-child {
  margin-right: 2.15384615em;
  /* 28px */
  border: none;
}

.shop-by-category__block .shop-by-category__row {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  /*overflow: hidden;*/
  width: 89.8461538em;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.shop-by-category__block .shop-by-category__row:first-child {
  margin-bottom: 2.15384615em;
  /* 28px */
  border: none;
}

.shop-by-category__block .teaser {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  margin: 0;
  position: relative;
}

.shop-by-category__block .shop-by-category__column .teaser:not(:first-child) {
  margin-top: 2.15384615em;
  /* 28px */
}

.shop-by-category__block .shop-by-category__row .teaser:not(:first-child) {
  margin-left: 2.15384615em;
  /* 28px */
}

.shop-by-category__block .teaser_b .teaser__content-wrapper {
  position: absolute;
  top: 4.853846em;
  width: 100%;
}

.shop-by-category__block .teaser_large-bottom-center .teaser__content-wrapper {
  top: 55.8461538em;
}

.shop-by-category__block .teaser_b .teaser__pre-heading {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 0.92307692em;
  letter-spacing: 0.06125em;
}

.shop-by-category__block .teaser_b .teaser__heading {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 1.92307692em;
  margin-bottom: 0;
}

.shop-by-category__block .teaser_b .teaser__body {
  margin-bottom: 1.5em;
  font-size: 1.23076923em;
}

.shop-by-category__block .teaser_b .teaser__background-image {
  display: block;
}

/* hover effect*/
.shop-by-category__block .teaser_b .teaser__background-overlay {
  position: absolute;
  top: 0;
  background-color: #071c2c;
}

.shop-by-category__block article[class*=teaser_large] .teaser__background-overlay {
  width: 40.7em;
  height: 64.8461538em;
}

.shop-by-category__block article[class*=teaser_small] .teaser__background-overlay {
  width: 40.7em;
  height: 31.4em;
}

.shop-by-category__block .teaser_b .teaser__background-overlay,
.shop-by-category__block .teaser_b .teaser__cta-wrapper {
  opacity: 0;
}

.shop-by-category__block .teaser_b .teaser__cta-button {
  width: 20em;
}

.shop-by-category__block .teaser_b:hover .teaser__background-overlay {
  opacity: 0.2;
}

.shop-by-category__block .teaser_b:hover .teaser__cta-wrapper {
  opacity: 1;
}

.product-remember .remember-item {
  height: auto;
  white-space: nowrap;
}

.flex-control-paging li a {
  background-color: #fff;
  border-radius: 50%;
}
.flex-control-paging li a.flex-active {
  background-color: #071c2c;
}

.global-banner {
  box-sizing: border-box;
}

.global-banner__message {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  letter-spacing: 0.03125em;
  margin-top: 0;
  font-size: 1.38461538em;
  line-height: 1.2;
  margin-bottom: 1.3em;
  font-size: 1.23076923em;
  padding-top: 0.7em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0;
}

.global-banner_top-header-banner {
  width: 100vw;
  height: 2.46153846em;
}
.global-banner_top-header-banner .global-banner__inner-wrapper {
  max-width: 920px;
  margin: 0 auto;
  position: relative;
}
.global-banner_top-header-banner .global-banner__message {
  padding-top: 0.7em;
}
.global-banner_top-header-banner .global-banner__slide-show {
  height: 2.46153846em;
  /* width: 80%;  */
  width: 60%;
  margin: 0;
}
.global-banner_top-header-banner .global-banner__slides {
  margin: 0;
  padding: 0;
}
.global-banner_top-header-banner .global-banner__slide {
  height: 2.46153846em;
}

.global-banner_center-dark {
  background-color: #071c2c;
}
.global-banner_center-dark .global-banner__message {
  color: #fff;
  text-align: left;
  /*    -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;*/
}

/* -------------- BEGIN FED-7166 --------------- */
/* Branding-overrides */
/* Bring pop-up modal in front of side-slide */
div.ui-dialog.ui-widget.ui-widget-content {
  z-index: 11001 !important;
  /* side-slide z-index = 10000 */
}

.ui-widget-overlay {
  z-index: 11000 !important;
}

/* Eliminate scrollbar in IE  */
div.ui-dialog.ui-widget.ui-widget-content #dialog-container {
  overflow: hidden;
}

/* Hide vertical scrollbar in IE10+ and chrome */
/*.desktop-promotions.open.side-slide_open.side-slide_active .desktop-promotions-scroll {*/
/*overflow-y: auto;*/
/*-ms-overflow-style: none;*/
/*}*/
/*.desktop-promotions .desktop-promotions-scroll .desktop-promotions-close {*/
/*top: 10px;*/
/*}*/
/*.desktop-promotions .desktop-promotions-scroll::-webkit-scrollbar {
    width: 0;
}*/
.desktop-promotions-title {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.desktop-promotions-callout {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskRegular", Helvetica, Arial, sans-serif;
}

.header-promotion-wrapper .header-promotion .mobile-header-promotion .info-bar {
  font-size: 12px;
  padding-left: 8px;
}

.content-asset .info-bar a.text-link:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-radius: 2px;
  border-left: 0.35em solid #004053;
  border-top: 0.35em solid transparent;
  border-bottom: 0.35em solid transparent;
  margin-left: 0.35em;
  margin-top: -0.1em;
}

.desktop-promotions .desktop-promotion .info-bar {
  padding: 10px 5px 10px 12px;
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskRegular", Helvetica, Arial, sans-serif;
}

.header-promotion-wrapper .header-promotion .mobile-header-promotion .info-bar .info-code,
.desktop-promotions .desktop-promotion .info-bar .info-code {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskRegular", Helvetica, Arial, sans-serif;
  color: #377cb0;
  padding-top: 5px;
  line-height: 1;
}

.desktop-promotions .desktop-promotion .info-bar .info-code {
  padding: 6px 6px 0;
}

.header-promotion-wrapper .header-promotion .mobile-header-promotion .info-bar .info-details,
.desktop-promotions .desktop-promotion .info-bar .info-details {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskRegular", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #071c2c;
  padding-top: 6px;
  line-height: 1;
}

.desktop-promotions .desktop-promotion .info-bar .info-details {
  /*padding-top: 3px;*/
}

.header-promotion-wrapper .header-promotion .mobile-header-promotion .info-bar .info-details:active,
.desktop-promotions .desktop-promotion .info-bar .info-details:hover {
  color: #377cb0;
}

.header-promotion-wrapper .header-promotion .mobile-header-promotion .info-bar .info-details:after,
.desktop-promotions .desktop-promotion .info-bar .info-details:after {
  content: ">";
}

.info-details-poppup.active {
  z-index: 11;
}

/* -------------- END FED-7166 --------------- */
/* LiveChat */
/* DESKTOP PERSISTENT TABS */
/*.lhnLiveChatLink {
  display: inline;
}*/
.lhnLiveChatLink.hidden {
  display: none;
}

.desktop-chat-icon {
  /*position: fixed;*/
  /*right: 0;*/
  /*top: 380px;*/
  /*width: 60px;*/
  /*height: 60px;*/
  z-index: 9000;
  box-sizing: border-box;
  /*background-image: url('../content/seasonal-content/icons/2016/11/icon-chat-tab.png?$staticlink$');*/
  /*background-size: inherit;*/
  /*background-position: 50%;*/
  /*background-repeat: no-repeat;*/
  /*background-color: #fff;*/
  cursor: pointer;
  /*border-bottom: 1px solid #ccc;*/
  /*border-left: 1px solid #ccc;*/
}

.desktop-chat-icon:hover {
  background-color: #efefef;
}

/* Wrapper that encompasses both buttons */
.desktop-tab-container {
  position: fixed;
  top: 295px;
  right: 0;
  z-index: 999;
}

/* Styles common to both tabs */
.side-tab {
  /*display: block;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 65px;
  height: 45px;
  margin: 5px 0;
  background-repeat: no-repeat;
  background-size: 34px 26px;
  background-color: #fff;
  background-position: center 3px;
  cursor: pointer;
  box-shadow: -3px 2px 4px rgba(0, 0, 0, 0.3);
}

.side-tab__icon-wrapper {
  width: 100%;
  height: 100%;
}

.side-tab__label {
  position: relative;
  top: 30px;
  margin: 0;
  font-size: 9px;
  color: #929288;
  text-align: center;
  font-family: "BrandonGrotesqueWeb-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Tab specific styles */
.side-tab_chat {
  background-image: url(../images/side-tabs/chat-icon.png);
}

#header .desktop-promotions-icon {
  top: 250px;
  width: 65px;
  height: 45px;
  left: -65px;
  background-image: url(../images/side-tabs/promo-icon.png);
  background-repeat: no-repeat;
  background-size: 34px 26px;
  background-color: #fff;
  background-position: center 3px;
}
#header .desktop-promotions-icon::before {
  display: none;
}

#header .desktop-promotions-icon::before {
  opacity: 1;
}

.desktop-promotions-icon.active span.promo-count {
  display: none;
}

.desktop-promotions-icon span.promo-count {
  font-family: Arial;
  background: #e14504;
  position: absolute;
  text-align: center;
  width: 22px;
  height: 22px;
  line-height: 0px;
  padding-top: 11px;
  border-radius: 22px;
  top: -11px;
  left: -11px;
  color: white;
  font-size: 11px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  animation-name: promo-count-pulse;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@keyframes promo-count-pulse {
  10% {
    width: 22px;
    height: 22px;
    padding-top: 11px;
    border-radius: 22px;
    top: -11px;
    left: -11px;
  }
  11% {
    width: 24px;
    height: 24px;
    padding-top: 12px;
    border-radius: 24px;
    top: -12px;
    left: -12px;
  }
  39% {
    width: 24px;
    height: 24px;
    padding-top: 12px;
    border-radius: 24px;
    top: -12px;
    left: -12px;
  }
  40% {
    width: 22px;
    height: 22px;
    padding-top: 11px;
    border-radius: 22px;
    top: -11px;
    left: -11px;
  }
}
/* Vertical centering of all three tabs */
@supports (top: calc(50vh - 67px)) {
  #header .desktop-promotions-icon {
    top: calc(50vh - 67px);
  }

  #footer .desktop-tab-container {
    top: calc(50vh - 22px);
  }
}
.category-ad-content-asset {
  padding: 1.5em 0;
}
@media (min-width: 769px) {
  .category-ad-content-asset {
    width: 90%;
    padding: 0;
    margin: auto;
  }
}
.category-ad-content-asset img {
  display: block;
  max-width: 100%;
}

/* START of Sperry Misc styles */
/* START: FED-8284 - Perminent Styles for Feedback Tab
============================================================ */
/* hide our feedback tab on homepage, & cart */
.pt_storefront .side-tabs .side-tab_feedback,
.pt_cart .side-tabs .side-tab_feedback {
  display: none;
}

/* END: FED-8284
============================================================ */
/* END of Sperry Misc styles */
/* Category specific styles */
/* START of Sperry Sailing styles */
.pt_product-search-result .cat-landing-f-assets .asset {
  margin-bottom: 24px;
}

/* END of Sperry Sailing styles */
/* START of Sperry Customize styles */
/* END of Sperry Customize styles */
/* Redesign 4/2017 */
.mini-cart {
  padding: 9px 7px 7px 7px;
  height: 20px;
  border: 1px solid #fff;
  border-bottom: none;
}

.navigation {
  position: static;
}

@media (min-width: 767px) {
  .minimal-header .eu-cookie-message {
    margin-top: 51px;
  }
}
.country-box ul li.locale,
.country-box ul li.countrywithlocale,
.country-box ul li a {
  text-transform: uppercase;
  font-size: 12px;
}

div.level-3 ul.level-3 li {
  line-height: 1.2;
}

.mini-cart-slot {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  color: #377cb0;
  padding-top: 9px;
  line-height: 20px;
  padding-bottom: 0;
}

a.mini-cart-link-checkout {
  max-width: 188px;
}

.main-nav-link, ul.level-1 a {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  letter-spacing: 0.03125em;
  margin-top: 0;
  font-size: 1.38461538em;
  line-height: 1.2;
  margin-bottom: 1.3em;
  font-size: 1.15384615em;
  margin: 0;
}

ul.level-1 > li {
  border-top: none;
  border-right: none;
  border-left: none;
}

ul.level-1 > li.hover-item:hover, ul.level-1 li.hover-item {
  border-top: none;
  border-right: none;
  border-left: none;
}

.mainnav-tab, ul.level-1 li.hover-item:hover a.level-1, ul.level-1 li.hover-item a.level-1, ul.level-1 li.hover-item:hover span.level-1, ul.level-1 li.hover-item span.level-1 {
  background: #fff;
}

.div.level-2 {
  margin-top: 1px;
}

.submenu-background, ul.level-1 li div.level-2 {
  background: #fff;
  /*top: 42px;*/
  border: none;
  /*border-top: solid 1px #f4f4f3;*/
}

.drop-down-nav-header, .flyout-shoe-size-filter h3, div.level-2 ul.level-2 > li > a, div.level-2 ul.level-2 > li > div.catname-only {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.3;
  color: #071c2c;
  text-transform: uppercase;
}

.drop-down-nav-links, div.level-2 ul.level-2 .level-3 a {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  font-size: 1.15384615em;
  line-height: 1.3;
  color: #929288;
  text-transform: capitalize;
}

.menu-wrapper #column1 {
  overflow: visible !important;
}

div.level-2 .menu-wrapper {
  overflow: visible;
}

#column1 .level-2:nth-child(0n+2) {
  /*background-color: #f4f4f3;*/
  background-color: #fff;
  padding: 1em;
  margin-left: -1em;
  max-width: 100%;
  box-sizing: border-box;
}

/*Temp Fix for Main Nav Column Widths
FED-7026 */
.menu-wrapper div[class^=column] {
  box-sizing: border-box;
  padding-right: 12px;
  width: 169px;
}

.top-of-header-style, .top-of-header {
  width: 100vw;
  /*height: 32px;*/
  background-color: #071c2c;
}

.utility-link, .menu-utility li .LPMlabel,
.menu-utility-user li,
.menu-utility-user li a,
.menu-utility li,
.menu-utility li a {
  font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
  letter-spacing: 0.03125em;
  margin-top: 0;
  font-size: 1.38461538em;
  line-height: 1.2;
  margin-bottom: 1.3em;
  line-height: 12px;
  color: #fff !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.menu-utility .lhnLiveChatLink {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  left: -999999px;
}

@media screen and (min-width: 521px) {
  #footer {
    background-color: #071c2c !important;
  }
  #footer .footer-bottom-box {
    background: none;
  }
  #footer .footer-social-links {
    float: none;
    margin: 40px 2px;
    display: inline-block;
  }
  #footer .footer-social-links li {
    margin: 0 0.7em 0 0;
    float: left;
  }
  #footer .footer-social-links li:not(:first-child) {
    margin: 0 0.85em;
  }
  #footer .footer-social-links li:hover {
    opacity: 0.7;
  }
  #footer .email-signup-box input[type=submit] {
    padding: 8px;
  }

  .footer-bottom-text {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
  }

  .footer-bottom-util-link {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
  }
  .footer-bottom-util-link:hover {
    color: #377cb0;
  }

  .footer-link, #footer ul li a,
#footer ul li,
#footer ul li > li {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    font-size: 1.15384615em;
    line-height: 1.6em;
    color: #fff;
    text-transform: capitalize;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .footer-link:hover, #footer ul li a:hover,
#footer ul li:hover {
    color: #377cb0;
  }

  /*#footer ul li,*/
  #footer ul li a {
    font-size: inherit;
  }

  #footer .footer-content .email-signup-box {
    max-width: 260px;
  }

  #footer .footer-content .email-signup-box,
#footer .footer-items-box {
    /*margin-top: 6.15384615em;*/
    padding-top: 0;
  }

  .footer-link-headline,
#footer .footer-item h3,
#footer .footer-item h3 a,
.email-signup-box h3 {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    font-size: 0.92307692em;
    text-transform: uppercase;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .footer-link-headline:hover,
#footer .footer-item h3:hover,
#footer .footer-item h3 a:hover,
.email-signup-box h3:hover {
    color: #377cb0;
  }

  .alt-default-small-text, .email-signup-box p {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 0.92307692em;
  }

  .footer-social-links {
    float: none;
    margin: 0 2px;
    display: inline-block;
  }

  .footer-bottom-text, .footer-country-selector p, p.copyright, span.copyright {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 0.84615385em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .footer-bottom-util-link, .footer-country-selector .select-country, #footer .footer-links ul li a {
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskLight", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 0.84615385em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #footer .footer-links ul li a {
    font-size: 0.73333333em;
  }

  .top-of-footer {
    display: none;
  }

  .footer-top-banner-linkbar {
    width: 100vw;
    margin-top: 3.07692308em;
    margin-left: -1.53846154em;
    overflow: hidden;
    background-color: #fff;
    border-top: 3px double #dededb;
  }

  .footer-top-banner-linkbar__inner-wrapper {
    max-width: 920px;
    margin: 0 auto;
  }

  .footer-top-banner-linkbar__link {
    font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
    font-size: 1.38461538em;
    text-transform: uppercase;
    color: #071c2c;
    text-align: center;
    padding: 3.07692308em 0;
  }

  /*.submenu-background {
    box-shadow: 0 4px 4px rgba(0,0,0,0.25);
  }*/
}
@media screen and (min-width: 960px) {
  .footer-top-banner-linkbar {
    margin-left: calc(-1 * (100vw - 920px) / 2);
  }
}
/* DIAGONAL GRADIENT BACKGROUNDS
================================================ */
.bg-red-blue {
  background: #e14504;
  background: -moz-linear-gradient(-45deg, #e14504 0%, #e14504 50%, #071c2c 50%, #071c2c 100%);
  background: -webkit-linear-gradient(-45deg, #e14504 0%, #e14504 50%, #071c2c 50%, #071c2c 100%);
  background: linear-gradient(135deg, #e14504 0%, #e14504 50%, #071c2c 50%, #071c2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e14504", endColorstr="#071c2c",GradientType=1 );
}

.bg-blue-red {
  background: #071c2c;
  background: -moz-linear-gradient(-45deg, #071c2c 0%, #071c2c 50%, #e14504 50%, #e14504 100%);
  background: -webkit-linear-gradient(-45deg, #071c2c 0%, #071c2c 50%, #e14504 50%, #e14504 100%);
  background: linear-gradient(135deg, #071c2c 0%, #071c2c 50%, #e14504 50%, #e14504 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#071c2c", endColorstr="#e14504",GradientType=1 );
}

.bg-blue-white {
  background: #071c2c;
  background: -moz-linear-gradient(-45deg, #071c2c 0%, #071c2c 50%, #ffffff 50%, #ffffff 100%);
  background: -webkit-linear-gradient(-45deg, #071c2c 0%, #071c2c 50%, #ffffff 50%, #ffffff 100%);
  background: linear-gradient(135deg, #071c2c 0%, #071c2c 50%, #ffffff 50%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#071c2c", endColorstr="#ffffff",GradientType=1 );
}

.bg-white-blue {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #071c2c 50%, #071c2c 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #071c2c 50%, #071c2c 100%);
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #071c2c 50%, #071c2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#071c2c",GradientType=1 );
}

.bg-red-white {
  background: #e14504;
  background: -moz-linear-gradient(-45deg, #e14504 0%, #e14504 50%, #ffffff 50%, #ffffff 100%);
  background: -webkit-linear-gradient(-45deg, #e14504 0%, #e14504 50%, #ffffff 50%, #ffffff 100%);
  background: linear-gradient(135deg, #e14504 0%, #e14504 50%, #ffffff 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e14504", endColorstr="#ffffff",GradientType=1 );
}

.bg-white-red {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #e14504 50%, #e14504 100%);
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #e14504 50%, #e14504 100%);
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #e14504 50%, #e14504 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e14504",GradientType=1 );
}

.html-bottom-block {
  padding: 0 20px;
  text-align: center;
}

.html-bottom-block h4 {
  text-transform: uppercase;
}

/* curalate styles */
#curalate-header h2.banner__text-heading_odysseysawait {
  font-size: 1.92307692em;
}

/* EDIT PDP CONTENT ASSET CONTAINER TO ADD PADDING */
#wrapper.pt_product-details .no-print .content-asset, #product-top-content {
  padding-bottom: 20px !important;
}

/* EDIT ADDRESS SCROLL MOD 20180322 EEZ */
div.ui-dialog.ui-widget.ui-widget-content #dialog-container {
  overflow-y: scroll !important;
}

#templatesWrapper article:not(:first-of-type):last-child {
  /* It hurts! */
  margin-bottom: 0;
}

/* used to create a full link over an area - used mostly in gallery ads and promo slots*/
a.cta-full-link,
a.full-link {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
}

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

.full-width-1920 {
  width: 1920px;
  margin: 0 auto;
}

.full-width-1170 {
  width: 1170px;
  margin: 0 auto;
}

#footer .footer-social-links li {
  margin: 0 0.7em !important;
  float: left;
}

/* /promotions-coupons/ */
.marketing-slots.horizontal-stack .sperry-content-offer-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}

#navigation {
  z-index: 1000;
}

/* Background image referenced from branding.min.css is missing, so added it here */
#secondary .refinement .selected-filters span a,
.refinement .selected-filters span a {
  background-image: url("../content/core-content/interface/icon-remove-white.png");
}

/*
Overriding the overrides of the overrides in branding.min.css
This should be temporary, see FED-5893
*/
.form-text-input,
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
textarea,
.login-box.login-account input,
.login-box.login-create-account input,
.checkout-login-box input,
.cart-footer .cart-coupon-code .cart-coupon-inner-box input[type=text].check-couponCode,
.checkoutv2 #primary .input-text,
.checkoutv2 #primary textarea,
.checkoutv2 #primary .promo-codes .input-text {
  background: #DEDEDB;
  color: #071C2C;
}

.cat-landing.cat-landing-a .marketing-slots.horizontal-stack {
  /* Branding has this set to auto which causes horizontal scrollbars */
  overflow: hidden;
}

/* Redesign 2/2020 */
body[data-category-id=women] .breadcrumb, body[data-category-id=men] .breadcrumb {
  display: none;
}

.lp-asset {
  box-sizing: border-box;
  position: relative;
  line-height: normal;
  text-align: center;
  color: #071c2c;
  margin-bottom: 2em;
}
@media (min-width: 0) {
  .lp-asset {
    font-size: 10px;
  }
}
@media (min-width: 641px) {
  .lp-asset {
    font-size: 8.3333333333px;
  }
}
@media (min-width: 960px) {
  .lp-asset {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1240px) {
  .lp-asset {
    font-size: 10px;
  }
}
.lp-asset * {
  font-size: 1em;
  box-sizing: inherit;
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  text-transform: inherit;
  list-style: none;
}
.lp-asset .ag-site-width {
  margin: 0 auto;
}
@media (min-width: 0) {
  .lp-asset {
    font-size: 10px;
  }
}
@media (min-width: 641px) {
  .lp-asset {
    font-size: 8.3333333333px;
  }
}
@media (min-width: 960px) {
  .lp-asset {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1240px) {
  .lp-asset {
    font-size: 10px;
  }
}
@media (min-width: 641px) {
  .lp-asset {
    margin-bottom: 8em;
  }
}
.lp-asset:last-child,
.lp-asset *:last-child {
  margin-bottom: 0;
}
.lp-asset div {
  max-width: none;
}
.lp-asset [class^=lp-width] {
  width: 100vw;
  margin: 0 auto;
  position: relative;
}
.lp-asset .lp-width-xxl {
  max-width: 1600px;
}
@media (min-width: 641px) {
  .lp-asset .lp-width-xxl {
    font-size: 6.25px;
  }
}
@media (min-width: 960px) {
  .lp-asset .lp-width-xxl {
    font-size: 0.625vw;
  }
}
@media (min-width: 1600px) {
  .lp-asset .lp-width-xxl {
    font-size: 10px;
  }
}
.lp-asset .lp-width-xl {
  max-width: 1400px;
  padding: 0 1em;
}
@media (min-width: 641px) {
  .lp-asset .lp-width-xl {
    font-size: 7.1428571429px;
  }
}
@media (min-width: 960px) {
  .lp-asset .lp-width-xl {
    font-size: 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .lp-asset .lp-width-xl {
    font-size: 10px;
  }
}
@media (min-width: 641px) {
  .lp-asset .lp-width-xl {
    padding: 0;
  }
}
.lp-asset .ag-site-width {
  padding: 0 1em;
}
@media (min-width: 641px) {
  .isDesktopEnvironment .lp-asset .ag-site-width {
    padding: 0 20px;
    max-width: 1240px;
  }
}
.lp-asset .lp-width-min {
  max-width: 920px;
}
.lp-asset a,
.lp-asset img {
  position: relative;
  display: block;
  width: 100%;
}
.lp-asset a {
  color: unset;
  text-decoration: none;
}
.lp-asset h2 {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 0.75em;
  letter-spacing: 0;
}
@media (min-width: 641px) {
  .lp-asset h2 {
    font-size: 3.5em;
  }
}
.lp-asset h3 {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 1.08;
  text-transform: uppercase;
  margin-bottom: 0.25em;
  letter-spacing: 0;
}
@media (min-width: 641px) {
  .lp-asset h3 {
    font-size: 5em;
  }
}
.lp-asset p {
  font-size: 1.6em;
  line-height: 1.25;
  margin: 0 0 0.5em;
}
.lp-asset p.lp-actions {
  font-size: 1em;
  margin-bottom: 0;
}
.lp-asset p, .pt_product-search-result .lp-asset p {
  margin: 0 0 0.5em;
}
.lp-asset p.lp-actions, .pt_product-search-result .lp-asset p.lp-actions {
  margin-bottom: 0;
}

.lp-asset .slick-slider .slick-track {
  display: flex;
  align-items: flex-start;
}
.lp-asset .slick-slider .slide {
  /* Hide all but first initially; Slick shows when ready. */
}
.lp-asset .slick-slider .slide:nth-child(n+2) {
  display: none;
}
.lp-asset .slick-slider .slick-slider {
  overflow: hidden;
}
.lp-asset .slick-slider .slick-list {
  position: relative;
  width: calc(100% + 2px);
  left: -1px;
}
.lp-asset .slick-arrows {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 88%;
  pointer-events: none;
  z-index: 1;
}
.lp-asset .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 4.8em;
  height: auto;
  text-indent: 9999px;
  overflow: hidden;
  color: #fff;
  background: transparent;
  opacity: 0;
  transition: all 0.1s;
  pointer-events: all;
}
.lp-asset .slick-arrow, .lp-asset .slick-arrow:hover, .lp-asset .slick-arrow:active, .lp-asset .slick-arrow:focus {
  font-size: 1em;
}
.lp-asset .slick-arrow:before, .lp-asset .slick-arrow:after {
  position: absolute;
  left: 40%;
  top: 50%;
  content: "";
  border-left: solid 0.8em;
  width: 0;
  height: 2em;
}
.lp-asset .slick-arrow:before {
  transform: translate(-50%, -100%) skew(-35deg);
}
.lp-asset .slick-arrow:after {
  transform: translate(-50%, 0) skew(35deg);
}
@media (max-width: 640px) {
  .lp-asset .slick-arrow {
    opacity: 1;
  }
  .lp-asset .slick-arrow, .lp-asset .slick-arrow:hover, .lp-asset .slick-arrow:active, .lp-asset .slick-arrow:focus {
    font-size: 1.5em;
  }
  .lp-asset .slick-arrow.slick-prev {
    transform: none;
  }
  .lp-asset .slick-arrow.slick-next {
    transform: rotate(180deg);
  }
  .lp-asset .slick-arrow:before, .lp-asset .slick-arrow:after {
    border-left-width: 0.2em;
  }
}
.lp-asset .slick-prev {
  left: 0;
  transform: translateX(-100%);
  cursor: w-resize;
}
.lp-asset .slick-next {
  right: 0;
  transform: translateX(100%) rotate(180deg);
  cursor: e-resize;
}
.lp-asset:hover .slick-arrow {
  opacity: 0.8;
  transform: none;
}
.lp-asset:hover .slick-arrow.slick-next {
  transform: rotate(180deg);
}
.lp-asset .slick-dots {
  position: absolute;
  left: 0;
  bottom: 36.6%;
  width: 100%;
  display: flex !important;
  justify-content: center;
}
.lp-asset .slick-dots button {
  width: 1em;
  height: 1em;
  margin: 0 0.3em;
  border-radius: 50%;
  background: #ccc;
  text-indent: 999px;
  overflow: hidden;
  cursor: pointer;
}
.lp-asset .slick-dots button, .lp-asset .slick-dots button:hover, .lp-asset .slick-dots button:active, .lp-asset .slick-dots button:focus {
  font-size: 1.4em;
}
.lp-asset .slick-dots button:hover {
  background: #333;
}
.lp-asset .slick-dots .slick-active button {
  background: #071c2c;
  cursor: default;
}
@media (min-width: 641px) {
  .lp-asset .slick-dots {
    top: 100%;
    margin-top: 3em;
  }
  .lp-asset .slick-dots button, .lp-asset .slick-dots button:hover, .lp-asset .slick-dots button:active, .lp-asset .slick-dots button:focus {
    font-size: 1.6em;
  }
}

.lp-overlay {
  position: absolute;
  left: 0;
  width: 100%;
}
a .lp-overlay {
  pointer-events: none;
}

.lp-cta {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1;
  text-transform: uppercase;
  pointer-events: all;
  transition: all 0.2s;
}
.lp-cta.lp-cta-text {
  display: inline-block;
  width: unset;
  border-bottom: solid 1px;
}
.lp-cta.lp-cta-text:hover {
  border-bottom-color: transparent;
}
@media (min-width: 641px) {
  .lp-cta.lp-cta-text {
    font-size: 1.8em;
  }
}
.lp-cta.lp-cta-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14.6em;
  height: 3.6em;
  padding-top: 0.3em;
  background: #fff;
  color: #071c2c;
  border: solid 2px #071c2c;
}
.lp-cta.lp-cta-button:hover {
  background: #071c2c;
  color: #fff;
}
@media (min-width: 641px) {
  .lp-cta.lp-cta-button {
    font-size: 1.5em;
    width: 15em;
    height: 3.333em;
  }
}

.lp-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp-actions .lp-cta-button + .lp-cta-button {
  margin: 0 0 0 1em;
}
.lp-actions.lp-actions-stacked {
  flex-direction: column;
}
.lp-actions.lp-actions-stacked .lp-cta-button + .lp-cta-button {
  margin: 1em 0 0 0;
}

.lp-banner {
  position: relative;
}
@media (min-width: 641px) {
  .lp-banner {
    color: #fff;
  }
}
.lp-banner .lp-overlay {
  bottom: 0;
}
@media (min-width: 641px) {
  .lp-banner .lp-overlay {
    bottom: 18.75%;
  }
}
.lp-asset .slick-slider .lp-banner p {
  font-size: 1.8em;
  line-height: 1.3;
  margin-bottom: 1.25em;
}
@media (min-width: 641px) {
  .lp-asset .slick-slider .lp-banner p {
    font-size: 2.5em;
    margin-bottom: 1.4em;
  }
}
@media (min-width: 641px) {
  .lp-banner .lp-cta-button {
    border: none;
  }
}

.lp-featured-products .lp-featured-product + .lp-featured-product {
  margin-top: 2em;
}
.lp-featured-products .lp-featured-product img {
  margin-bottom: 2em;
}
@media (min-width: 641px) {
  .lp-featured-products {
    display: flex;
    justify-content: space-between;
  }
  .lp-featured-products .lp-featured-product {
    width: calc((100% - 4em) / 2);
  }
  .lp-featured-products .lp-featured-product + .lp-featured-product {
    margin-top: 0;
  }
  .lp-featured-products .lp-featured-product img {
    margin-bottom: 0;
  }
  .lp-featured-products .lp-featured-product h3 {
    position: absolute;
    transform: translateY(-120%);
    width: 100%;
  }
  .lp-featured-products .lp-featured-product p {
    font-size: 2.2em;
    margin-top: 1.25em;
  }
  .lp-featured-products .lp-featured-product p.lp-actions {
    font-size: unset;
  }
}

.lp-product-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 641px) {
  .lp-product-grid a .lp-image-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(7, 28, 44, 0.5);
    opacity: 0;
    transition: all 0.2s;
  }
  .lp-product-grid a:hover .lp-image-wrapper:after {
    opacity: 1;
  }
}
.lp-product-grid .lp-demographic {
  width: 100%;
  position: relative;
  margin-bottom: 1em;
}
@media (min-width: 641px) {
  .lp-product-grid .lp-demographic {
    width: calc((100% - (2em * 2)) / 3);
    margin-bottom: 2em;
  }
}
.lp-product-grid .lp-demographic h3 {
  position: absolute;
  left: 0;
  top: auto;
  width: 100%;
  top: 42%;
  white-space: nowrap;
  font-size: 3em;
  line-height: 0.85;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 641px) {
  .lp-product-grid .lp-demographic h3 {
    top: 50%;
    transform: translateY(-50%);
    font-size: 5em;
  }
}
.lp-product-grid .lp-product {
  width: calc((100% - 1em) / 2);
  align-self: flex-end;
}
@media (min-width: 641px) {
  .lp-product-grid .lp-product {
    width: calc((100% - (2em * 5)) / 6);
  }
}
.lp-product-grid .lp-product h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}
@media (min-width: 641px) {
  .lp-product-grid .lp-product h3 {
    font-size: 2em;
    margin-bottom: 0;
  }
}
.lp-product-grid .lp-product-image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 1.5em;
  background: #fff;
}
.lp-product-grid .lp-product-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
}

#lp-shop-by-style {
  background: #edeff0;
  padding: 2em 0;
}
@media (min-width: 641px) {
  #lp-shop-by-style {
    padding: 4em;
  }
}
#lp-shop-by-style h2 {
  margin-bottom: 0.5em;
}

@media (min-width: 960px) {
  #lp-featured-products .ag-site-width {
    width: 85.714285714vw;
  }
}

#lp-wide-banners {
  margin-bottom: 4em;
}
#lp-wide-banners .lp-banner {
  margin-bottom: 2em;
}
#lp-wide-banners .lp-banner img {
  margin-bottom: 2em;
}
#lp-wide-banners .lp-banner .lp-overlay {
  position: unset;
  white-space: nowrap;
}
@media (min-width: 641px) {
  #lp-wide-banners .lp-banner .lp-overlay {
    position: absolute;
    width: unset;
  }
}
#lp-wide-banners .lp-banner p {
  margin-bottom: 0.5em;
}
@media (min-width: 641px) {
  #lp-wide-banners .lp-banner p {
    font-size: 2.5em;
    margin-bottom: 0.75em;
  }
}
@media (min-width: 641px) {
  #lp-wide-banners .lp-banner .lp-cta {
    min-width: 14.3em;
    padding-left: 2em;
    padding-right: 2em;
  }
}

#lp-shop-by-collection .necessary-wrapper {
  position: relative;
  overflow: hidden;
}
#lp-shop-by-collection .slick-arrows {
  bottom: auto;
  height: 21.1em;
}
@media (min-width: 641px) {
  #lp-shop-by-collection .slick-arrows {
    height: 30.2vw;
  }
}
#lp-shop-by-collection .slick-arrow {
  color: #071c2c;
}
@media (max-width: 640px) {
  #lp-shop-by-collection .slick-arrow {
    font-size: 0.75em;
  }
}
#lp-shop-by-collection .slick-slider {
  max-width: 100vw;
  margin: auto;
}
#lp-shop-by-collection .slick-slider .slick-slide .lp-slide {
  max-width: 24em;
  padding: 0 0.5em;
}
#lp-shop-by-collection .slick-slider .slick-slide a {
  pointer-events: none;
}
#lp-shop-by-collection .slick-slider .slick-slide img {
  margin-bottom: 2em;
  opacity: 0.3;
  transition: all 0.2s;
  transition-delay: 0;
}
#lp-shop-by-collection .slick-slider .slick-slide h3 {
  font-size: 1.8em;
}
#lp-shop-by-collection .slick-slider .slick-slide .slide-content {
  opacity: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
#lp-shop-by-collection .slick-slider .slick-slide.slick-center a {
  pointer-events: all;
}
#lp-shop-by-collection .slick-slider .slick-slide.slick-center img,
#lp-shop-by-collection .slick-slider .slick-slide.slick-center .slide-content {
  opacity: 1;
  transition-delay: 0.3s;
}
@media (min-width: 641px) {
  #lp-shop-by-collection .slick-slider .slick-slide .lp-slide {
    max-width: 56.5vw;
    padding: 0 1em;
  }
  #lp-shop-by-collection .slick-slider .slick-slide img {
    margin-bottom: 3em;
  }
  #lp-shop-by-collection .slick-slider .slick-slide h3 {
    font-size: 2.7em;
  }
  #lp-shop-by-collection .slick-slider .slick-slide p {
    font-size: 2.2em;
    margin-bottom: 0.75em;
  }
}

#lp-ambassadors-section {
  margin-bottom: 3em;
}
@media (min-width: 322px) {
  #lp-ambassadors-section {
    display: flex;
    flex-direction: column;
    margin-bottom: 6em;
  }
  #lp-ambassadors-section header {
    order: 10;
  }
  #lp-ambassadors-section > .lp-actions {
    order: 20;
  }
  #lp-ambassadors-section .necessary-wrapper {
    order: 30;
  }
  #lp-ambassadors-section .ag-site-width {
    max-width: calc(1200px + 8em);
  }
}
#lp-ambassadors-section header {
  margin-bottom: 1.5em;
}
#lp-ambassadors-section header h2 {
  margin: 0;
}
@media (min-width: 322px) {
  #lp-ambassadors-section header p {
    font-size: 2em;
  }
}
#lp-ambassadors-section .necessary-wrapper {
  position: relative;
  overflow: hidden;
}
#lp-ambassadors-section .slick-arrows {
  bottom: auto;
  height: 32.1em;
}
@media (min-width: 641px) {
  #lp-ambassadors-section .slick-arrows {
    height: 30.2vw;
    max-width: 135em;
  }
}
#lp-ambassadors-section .slick-arrow {
  color: #071c2c;
}
@media (max-width: 640px) {
  #lp-ambassadors-section .slick-arrow {
    font-size: 0.75em;
  }
}
#lp-ambassadors-section .slick-slider {
  max-width: 100vw;
  margin: auto;
}
#lp-ambassadors-section .slick-slider .slick-slide .lp-slide {
  max-width: 25em;
  padding: 0 0.5em;
}
#lp-ambassadors-section .slick-slider .slick-slide a {
  pointer-events: none;
}
#lp-ambassadors-section .slick-slider .slick-slide img {
  opacity: 0.3;
  transition: all 0.2s;
  transition-delay: 0;
}
#lp-ambassadors-section .slick-slider .slick-slide h3 {
  font-size: 4em;
  line-height: 1;
  margin-bottom: 0.05em;
}
#lp-ambassadors-section .slick-slider .slick-slide h4 {
  font-size: 2em;
  line-height: 1;
  text-transform: uppercase;
}
#lp-ambassadors-section .slick-slider .slick-slide .slide-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 37.888%;
  opacity: 0;
  transition: all 0.2s;
  transition-delay: 0;
  color: #fff;
}
#lp-ambassadors-section .slick-slider .slick-slide.slick-center a {
  pointer-events: all;
}
#lp-ambassadors-section .slick-slider .slick-slide.slick-center img,
#lp-ambassadors-section .slick-slider .slick-slide.slick-center .slide-content {
  opacity: 1;
  transition-delay: 0.3s;
}
@media (min-width: 641px) {
  #lp-ambassadors-section .slick-slider .slick-slide .lp-slide {
    max-width: unset;
    padding: 0 2em;
  }
  #lp-ambassadors-section .slick-slider .slick-slide a {
    pointer-events: all;
  }
  #lp-ambassadors-section .slick-slider .slick-slide a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(7, 28, 44, 0.5);
    opacity: 0;
    transition: all 0.2s;
  }
  #lp-ambassadors-section .slick-slider .slick-slide a:hover:after {
    opacity: 1;
  }
  #lp-ambassadors-section .slick-slider .slick-slide img,
#lp-ambassadors-section .slick-slider .slick-slide .slide-content {
    opacity: unset;
  }
  #lp-ambassadors-section .slick-slider .slick-slide .slide-content {
    z-index: 1;
  }
  #lp-ambassadors-section .slick-slider .slick-slide h3 {
    font-size: 5.5em;
  }
  #lp-ambassadors-section .slick-slider .slick-slide h4 {
    font-size: 2.5em;
  }
}
#lp-ambassadors-section > .lp-actions {
  margin-top: 2em;
}
@media (min-width: 322px) {
  #lp-ambassadors-section > .lp-actions {
    margin: 0.5em 0 3.2em;
  }
}

#lp-product-scroller .slick-arrow {
  color: #071c2c;
}
@media (max-width: 640px) {
  #lp-product-scroller .ag-site-width {
    padding: 0;
  }
  #lp-product-scroller h2 {
    position: relative;
    z-index: 1;
    pointer-events: none;
  }
  #lp-product-scroller .slick-arrows {
    z-index: 2;
  }
  #lp-product-scroller .slick-arrow {
    bottom: unset;
    transform: none;
  }
  #lp-product-scroller .slick-arrow.slick-next {
    transform: rotate(180deg);
  }
  #lp-product-scroller .product-name {
    opacity: 0;
    transition: all 0.2s;
    transition-delay: 0;
    text-align: unset;
  }
  #lp-product-scroller .slick-center .product-name {
    opacity: 1;
    transition-delay: 0.3s;
  }
}
#lp-product-scroller .product-tile {
  max-width: 75vw;
  text-align: center;
  padding: 0 1em;
}
@media (min-width: 641px) {
  #lp-product-scroller .product-tile {
    max-width: none;
    padding: 0 4em;
  }
}
#lp-product-scroller [class^=product-image] {
  position: relative;
  margin-bottom: 1em;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#lp-product-scroller .thumb-link img {
  width: unset;
  margin: 0 auto;
  max-width: 100%;
}
#lp-product-scroller .product-name h3 {
  text-transform: unset;
}
#lp-product-scroller .product-name h3 a {
  line-height: 1.3;
}
#lp-product-scroller .image-callout-badges,
#lp-product-scroller .product-pricing,
#lp-product-scroller .product-swatches,
#lp-product-scroller .product-remember,
#lp-product-scroller .rating-container {
  display: none;
}

#lp-email-signup {
  margin-bottom: 0;
}
@media (min-width: 641px) {
  #lp-email-signup {
    margin-bottom: 4em;
  }
}
#lp-email-signup .lp-width-xl {
  padding: 2em 0;
  background: #071c2c;
  color: #fff;
}
#lp-email-signup a {
  display: inline;
  text-decoration: underline;
}
#lp-email-signup a:hover {
  text-decoration: none;
}
#lp-email-signup header p {
  margin: -0.5em 0 1em;
}
#lp-email-signup input[type=email] {
  font-size: 1.6em;
  color: #071c2c;
  height: 2.625em;
  margin-bottom: 0.64em;
  padding: 0.25em 0.625em 0;
  background: #fff;
}
#lp-email-signup input[type=email]::placeholder {
  color: #071c2c;
}
#lp-email-signup label {
  display: none;
}
#lp-email-signup .email-signup-offer-wrap {
  padding: 0 1em;
}
#lp-email-signup .email-offer-msg-wrap {
  padding: 2em 0;
  line-height: 1;
  text-align: center;
}
#lp-email-signup .email-offer-msg-wrap .email-offer-success-msg {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 2.2em;
  text-transform: uppercase;
  margin: 0 0 0.7em;
}
#lp-email-signup .email-offer-msg-wrap .email-offer-applied-msg {
  font-size: 1.5em;
  margin: 0 0 1.67em;
}
#lp-email-signup .email-offer-msg-wrap a {
  font-family: "BrandonGrotesqueWeb-Bold", "BertholdAkzidenzGroteskMedium", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 3.43;
  color: #fff;
  text-transform: uppercase;
  width: 65%;
  height: 3.43em;
  padding: 0;
  border: 2px solid #fff;
  display: inline-block;
  transition: all 0.2s;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
#lp-email-signup .email-offer-msg-wrap a:hover {
  color: #071c2c;
  background: #fff;
}
@media (max-width: 640px) {
  #lp-email-signup .email-signup-offer-wrap button {
    text-transform: uppercase;
    min-width: 0;
    width: 60%;
    padding: 0;
    font-size: 14px;
    border: 2px solid;
    background-color: transparent;
    height: 48px;
    line-height: 48px;
    margin-bottom: 25px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: right -25px top 10px;
  }
  #lp-email-signup .email-signup-offer-wrap button.loading {
    background-position: right 22px top 10px;
  }
  #lp-email-signup .email-signup-offer-wrap button.disabled {
    border-color: #888;
    color: #888;
  }
  #lp-email-signup .email-signup-offer-wrap button.disabled:hover {
    border-color: #888;
    color: #888;
  }
  #lp-email-signup .email-signup-offer-wrap button:not(.disabled) {
    border-color: #fff;
    color: #fff;
  }
  #lp-email-signup .email-signup-offer-wrap button:not(.disabled):hover {
    border-color: #fff;
    color: #071c2c;
    background-color: #fff;
    cursor: pointer;
  }
}
@media (min-width: 641px) {
  #lp-email-signup .lp-width-xl {
    padding: 4em 0;
  }
  #lp-email-signup .email-signup-offer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    text-align: left;
  }
  #lp-email-signup .email-signup-offer-wrap > * {
    width: 50%;
  }
  #lp-email-signup .email-signup-offer-wrap h2 {
    font-size: 3.5em;
    margin: 0;
  }
  #lp-email-signup .email-signup-offer-wrap header p {
    font-size: 2.4em;
    line-height: 1.3;
    margin: 0;
  }
  #lp-email-signup .email-signup-offer-wrap form {
    display: flex;
    max-width: 46em;
    margin-bottom: 2em;
  }
  #lp-email-signup .email-signup-offer-wrap input[type=email] {
    flex: 1;
    margin-bottom: 0;
    font-size: 1.65em;
    line-height: 1;
    height: 2.2em;
    padding-top: 0.333em;
  }
  #lp-email-signup .email-signup-offer-wrap button {
    width: 10%;
    height: unset;
    position: relative;
    transition: all 0.2s;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: right -20px top 7px;
    overflow: hidden;
  }
  #lp-email-signup .email-signup-offer-wrap button:after {
    content: "›";
    position: absolute;
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-family: "BrandonGrotesqueWeb-Regular", "BertholdAkzidenzGroteskRegular", Helvetica, Arial, sans-serif;
  }
  #lp-email-signup .email-signup-offer-wrap button.loading {
    background-position: right 14px top 7px;
  }
  #lp-email-signup .email-signup-offer-wrap button.loading:after {
    color: transparent;
  }
  #lp-email-signup .email-signup-offer-wrap button.disabled {
    background-color: lightgray;
    color: grey;
  }
  #lp-email-signup .email-signup-offer-wrap button.disabled:hover {
    background-color: lightgray;
    color: grey;
  }
  #lp-email-signup .email-signup-offer-wrap button:not(.disabled) {
    background-color: #acacac;
    color: #fff;
  }
  #lp-email-signup .email-signup-offer-wrap button:not(.disabled):hover {
    background-color: #acacac;
    color: #fff;
    cursor: pointer;
  }
  #lp-email-signup .email-offer-msg-wrap {
    width: 100%;
    font-size: 1.5em;
  }
  #lp-email-signup .email-offer-msg-wrap a {
    width: 13em;
  }
}

.desktop-feedback-icon.v2020 {
  width: 65px;
  height: 48px;
  margin: 5px 0;
  background-position: center 6px;
  background-size: 40%;
  border: none;
  box-shadow: -3px 2px 4px rgba(0, 0, 0, 0.3);
}
.desktop-feedback-icon.v2020:after {
  font-size: 9px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #929288;
}

#header .promotions-wrapper .promotion-item {
  width: 262px;
  /* 1px border on each side */
}

@media screen and (max-width: 320px) {
  /* mobile styles */
  #header .promotions-wrapper .promotions-scroll {
    left: 0;
  }
}
.is-responsive button[embeddedService-chatHeader_chatHeader] {
  line-height: 1;
}

/* ======================================================================
=========================================================================
    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=sperry-content.css.map */