/* ======================================================================
=========================================================================
    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 .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
==========================================
========================================== */
body {
  -webkit-font-smoothing: antialiased;
}

.keds-block-text-mobile {
  background-color: #fff;
  color: #26387e;
  font-family: "AvenirNextLTPro-Bold", Arial, Helvetica, sans-serif;
  font-size: 21px;
  letter-spacing: 0;
  line-height: 0;
  text-transform: uppercase;
}

.kedstext1-mobile {
  font-size: 12px;
}

.kedstext1-mobile h1,
.kedstext1-mobile h2,
.kedstext1-mobile h3,
.kedstext1-mobile h4,
.kedstext1-mobile h5,
.kedstext1-mobile h6 {
  line-height: 1.15;
  margin-bottom: 25px;
  text-transform: lowercase;
}

.kedstext1-mobile h1 {
  font-size: 36px;
}

.kedstext1-mobile h2 {
  font-size: 30px;
}

.kedstext1-mobile h3 {
  font-size: 30px;
}

.kedstext1-mobile p {
  font-size: 14px;
  line-height: 1.25;
}

.kedstext1-mobile .kedstext1-button {
  background: rgba(255, 255, 255, 0.3);
  background: transparent;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 2.25;
  padding: 10px 10px;
}

.kedstext1-mobile .kedstext1-button:hover {
  color: #505050;
}

.kedstext1-mobile hr {
  height: 18px;
}

#mobile_subscribe_subsubmit {
  background-color: transparent;
  background-position: -136px -126px;
  color: transparent;
  height: 24px;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 16px;
}

#mobile_subscribe_subform {
  clear: both;
  position: relative;
}

#mobile_subscribe_subform:after {
  clear: both;
  content: " ";
  display: block;
}

#mobile_subscribe_subform #mobile_subscribe_subemail {
  font-family: Georgia, Times New Roman, serif;
  width: 90%;
}

#homepage_submodal_content {
  background-color: #dde3e9;
  border: 2px solid #2f3049;
  height: auto;
  overflow: hidden;
  width: 535px;
}

.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 {
  background: none;
  border: 0;
  color: transparent;
}

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

.ui-dialog.homePageModal .ui-dialog-content {
  background-color: transparent;
  padding: 0.2em 1em;
}

.ui-dialog.homePageModal .kedstext1-light p,
.ui-dialog.homePageModal .kedstext1-light a {
  color: #fff !important;
}

.ui-dialog.homePageModal .kedstext1-light a {
  cursor: pointer;
}

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

.product-carousel .jcarousel-prev,
.product-carousel .jcarousel-next {
  background-size: initial !important;
}

.product-carousel .jcarousel-prev:hover,
.product-carousel .jcarousel-next:hover {
  opacity: 0.7;
}

.product-tile
.small-product-image-box.display-swatchornotfound
.jcarousel-container.jcarousel-container-horizontal
.jcarousel-prev,
.product-tile
.small-product-image-box.display-swatchornotfound
.jcarousel-container.jcarousel-container-horizontal
.jcarousel-next {
  top: 8px;
}

.product-tile
.small-product-image-box.display-swatchornotfound
.jcarousel-container.jcarousel-container-horizontal
.jcarousel-prev:hover,
.product-tile
.small-product-image-box.display-swatchornotfound
.jcarousel-container.jcarousel-container-horizontal
.jcarousel-next:hover {
  opacity: 0.7;
}

.kedstext1 .kedstext1-button {
  letter-spacing: 0.02em;
  padding: 12px 24px;
  font-family: "AvenirNextLTPro-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 19px;
}

.kedstext1 .kedstext1-button:hover,
.kedstext1 .kedstext1-button:active {
  background: #fff;
  border-color: #505050;
  color: #505050;
  text-decoration: none;
}

.kedstext1.kedstext1-mobile .kedstext1-button {
  background: none;
  letter-spacing: 0.02em;
  padding: 12px 24px;
  font-family: "AvenirNextLTPro-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}

.kedstext1.kedstext1-mobile .kedstext1-button.gray.over-white:hover,
.kedstext1.kedstext1-mobile .kedstext1-button.gray.over-white:active {
  background: #505050;
  border-color: #505050;
  color: #fff;
  text-decoration: none;
}

.keds-content-area-link {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cart-banner-middle p.cart-promo-mobile {
  color: #4ea8ca;
  font-family: "AvenirNextLTPro-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 20px;
  margin: -15px 0 15px 0;
  text-align: center;
}

.tween__item {
  padding-top: 50px;
  -webkit-transition: opacity 0.7s, margin 0.7s;
  transition: opacity 0.7s, margin 0.7s;
}

@media (max-device-width: 767px) {
  .tween__item {
    padding-top: 25px;
  }
}
.tween__item--hide {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.tween__item--show {
  margin-top: -50px !important;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}

@media (max-device-width: 767px) {
  .tween__item--show {
    margin-top: -25px !important;
  }
}
.tween__item--full {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.tween__item--full--hide {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.tween__item--full--show {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}

.tween__item--full--show .tween__item-img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.desktop-promotions .text-container {
  position: absolute;
}

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

.promotions-wrapper .promotion-item .content .info-details-poppup p {
  font-size: 12px;
  line-height: 1.5;
}

.promotions-wrapper .promotion-item .content .content-asset {
  line-height: 0;
}

.promotions-wrapper .promotion-item .content .content-asset .promobox {
  position: relative;
}

.promotions-wrapper .promotion-item .content .content-asset .promobox img {
  width: 100%;
}

.promotions-wrapper
.promotion-item
.content
.content-asset
.promobox
a.block-link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.promotions-wrapper
.promotion-item
.content
.content-asset
.promobox
a.block-link:hover
+ .text-container
p.cta {
  background-color: #9ab8df;
  color: #fff;
}

.promotions-wrapper
.promotion-item
.content
.content-asset
.promobox
.text-container {
  position: absolute;
}

.promotions-wrapper
.promotion-item
.content
.content-asset
.promobox
.text-container
p.cta {
  background-color: #fff;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.024em;
  line-height: 1;
  margin: 2% 0 0 0;
  padding: 13px 31px;
  -webkit-transition: all ease 200ms;
  transition: all ease 200ms;
}

.promotions-wrapper
.promotion-item
.content
.content-asset
.promobox
.text-container
strong {
  font-family: "AvenirNextLTPro-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}

.promotions-wrapper .promotion-item .info-bar .add-coupon .info-icon {
  background: url("../content/core-content/global/check-box.png?$staticlink$") no-repeat;
  background-size: 20px;
  background-position: 0 0;
  height: 20px;
  width: 20px;
  margin: 0 8px 0 0;
}

.promotions-wrapper .promotion-item .info-bar .add-coupon .info-icon.added {
  background-position: 0 -20px;
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}

.promotions-wrapper .promotion-item .info-bar .add-coupon .info-code {
  color: #2f3349;
  font-family: "AvenirNextLTPro-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  padding: 0;
}

.promotions-wrapper
.promotion-item.desktop-promotion
.info-bar
.add-coupon
.info-code {
  line-height: 22px;
}

.promotions-wrapper .promotion-item.desktop-promotion .info-bar .info-details {
  line-height: 22px;
}

div#lhnHocButton {
  z-index: 209;
}

body.isDesktopEnvironment div#lhnHocButton.lhntab {
  top: 575px;
}

body.isMobileEnvironment div#lhnHocButton.lhntab {
  top: 340px;
  bottom: initial;
}

.lhnHocChatBubbleCont {
  display: none;
}

div#lhnHocButton.lhntab.lhnright div.lhnHocChatBtnCont {
  background: none;
  border-radius: 0;
  padding: 0;
  height: 65px;
  width: 65px;
}

div#lhnHocButton div.lhnHocChatBtn {
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(203, 201, 201, 0.65);
  border-right: 0;
  background-repeat: no-repeat;
  background-size: 34px 26px;
  background-position: center 13px;
}

div#lhnHocButton div.lhnHocChatBtn:hover {
  background-color: #fff;
}

div#lhnHocButton div.lhnHocChatBtn:after {
  bottom: 0;
  content: "CHAT";
  font-size: 9px;
  position: absolute;
  width: 100%;
  color: #444;
  text-align: center;
}

#lhnHelpOutCenter div.lhnWindow-body * {
  color: #444;
}

#lhnHelpOutCenter input.lhnInput,
#lhnHelpOutCenter textarea.lhnInput,
#lhnHelpOutCenter select.lhnInput,
#lhnHelpOutCenter input#txtKeyword,
#lhnHelpOutCenter input.sf_txtBox,
#lhnHelpOutCenter select.sf_ddl,
#lhnHelpOutCenter
textarea.sf_txtArea
#lhnHelpOutCenter
div.lhnWindow-chat_input
textarea {
  background-color: #dcdce4;
}

#lhnHelpOutCenter div.lhnWindow-header,
#lhnHelpOutCenter button.lhnFormButton,
#lhnHelpOutCenter div.lhnChatActionsMenu img,
#lhnHelpOutCenter div.lhnWindow-chat_input button,
#lhnHelpOutCenter div.lhnCustomerMessage div.lhnWindow-message,
#lhnHelpOutCenter button.form_submit,
div#lhnHocInvite div.lhnHocInviteCont,
div#lhnHocButton div.lhnHocChatBtnCont,
div#lhnHocInvite div.lhnHocInviteButton,
#lhnHelpOutCenter div.lhnRadioGroup input:checked + span {
  background-color: #0054a6;
}

#lhnHelpOutCenter button.lhnFormButton:hover,
#lhnHelpOutCenter button.form_submit:hover,
#lhnHelpOutCenter div.lhnWindow-chat_input button:hover {
  background-color: #9ab8df;
}

#lhnHelpOutCenter div.lhnPrompt button.lhnFormButton {
  border-color: #0054a6;
}

#lhnHelpOutCenter div.lhnPrompt button.lhnFormButton.lhnPromptDecline,
div#lhnHocInvite div.lhnHocInviteButton.lhnstart {
  color: #0054a6;
}

#lhnHelpOutCenter div.lhnPrompt button.lhnFormButton,
#lhnHelpOutCenter button.lhnFormButton {
  color: #fff;
}

#tab-1
> div.rating-box.clearfix.rating-summary
> div.left-ratings-column.clearfix
> div.title-hold {
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 0;
}

body.isMobileEnvironment .headerscrolltotop {
  top: 370px;
}

.cat-landing.cat-landing-g #category-level-1 li a,
.cat-landing.cat-landing-h #category-level-1 li a {
  text-decoration: none;
}

.cat-landing.cat-landing-g #category-level-1 li a:hover,
.cat-landing.cat-landing-h #category-level-1 li a:hover {
  text-decoration: underline;
}

.pdp-drawer-header .pdp-drawer-title {
  text-transform: capitalize;
}

/* Fix for all PDP banners created on 8/12 (FED-7284) */
.isDesktopEnvironment .pdp-banner-20190812 {
  margin-bottom: 40px;
}

/* END FIX (FED-7284) */
.recently-viewed-products .price-standard,
.country-box li,
.country-box li a {
  text-decoration: none;
}

div.level-2 ul.level-2 .level-3 a:hover {
  text-decoration: none;
  color: #0054a6;
}

.country-box ul li a:hover {
  color: #0054a6;
}

.pt_storefront .header-style-wrapper,
.header-style-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 1003;
}

#header .top-header-banner {
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 920px;
}

#header .top-header-banner p {
  letter-spacing: 1px;
  line-height: normal;
  margin: 0;
}

.menu-category.level-1 a[href*="women-shopby-sale"],
#category-level-1 li.level-2 a[href*="women-shopby-sale"],
#category-level-1 li.level-2 a[href*="accessories-shopby-sale"],
div.level-2 ul.level-2 .level-3 a[href*="accessories-shopby-sale"] {
  color: #be2239;
}

.persitent:hover .menu-category.level-1 a[href*="women-shopby-sale"],
.persitent:hover #category-level-1 li.level-2 a[href*="women-shopby-sale"],
.persitent:hover #category-level-1 li.level-2 a[href*="accessories-shopby-sale"],
.persitent:hover div.level-2 ul.level-2 .level-3 a[href*="accessories-shopby-sale"] {
  color: #0054a6;
}

#footer .footer-content .email-signup-box {
  margin: 0;
}

#footer .footer-content .email-signup-box .text-block {
  margin: 0 0 10px;
}

#footer .footer-content .email-signup-box .text-block h3 {
  font-family: "AvenirNextLTPro-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#footer .footer-content .email-signup-box .text-block p {
  font-size: 16x;
  line-height: 1.5;
}

#footer .footer-content .email-signup-box .text-block p:last-child {
  margin: 0;
}

#footer .footer-content .email-signup-box .text-block a {
  color: #123082;
  font-size: inherit;
}

#footer .footer-content .email-signup-box .text-block a:hover {
  color: #45a2d1;
}

#footer .footer-content .email-signup-box .text-block a span {
  text-decoration: underline;
}

#footer #footer-subscribe {
  overflow: visible;
  position: absolute;
  right: 0;
  width: 250px;
}

#footer #footer-subscribe form {
  height: 76px;
  margin: 0 0 20px !important;
}

#footer #footer-subscribe form label {
  height: 15px;
}

#footer #footer-subscribe form label span {
  margin: 0;
}

#footer #footer-subscribe form .footer-email-address {
  background: #fff;
  border-color: #d6dde4;
  border-radius: 3px;
  padding: 9px 25px 9px 10px;
  width: 213px;
}

#footer #footer-subscribe form .footer-email-address::-webkit-input-placeholder {
  color: #d5dce4;
}

#footer #footer-subscribe form .footer-email-address:-ms-input-placeholder {
  color: #d5dce4;
}

#footer #footer-subscribe form .footer-email-address::-ms-input-placeholder {
  color: #d5dce4;
}

#footer #footer-subscribe form .footer-email-address::placeholder {
  color: #d5dce4;
}

#footer #footer-subscribe form .footer-email-submit:hover,
#footer #footer-subscribe form .footer-email-submit:active {
  opacity: 0.7;
}

#footer #footer-subscribe #footer-social-icons li {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px;
}

#footer #footer-subscribe #footer-social-icons li:nth-child(2) {
  margin-left: 0;
}

#footer #footer-subscribe #footer-social-icons li:last-child {
  margin-right: 0;
}

#footer #footer-subscribe #footer-social-icons li img {
  width: 30px;
}

#footer #footer-subscribe #footer-social-icons li img:hover {
  opacity: 0.7;
}

#footer .footer-items-box .footer-item {
  margin-right: 20px;
  width: 200px;
}

#footer .footer-items-box .footer-item h3 {
  text-transform: capitalize;
}

.footer-menu p a {
  white-space: nowrap;
}

.pt_storefront .home-container-box {
  margin: 0 auto;
}

#keds-marketing-slot1 {
  background-color: #d5dce4;
  height: auto;
  margin-left: -440px;
  position: relative;
  top: 0;
  width: 1800px;
}

#keds-marketing-slot1 .text-container {
  padding: 20px 0;
  text-align: center;
}

#keds-marketing-slot1 .text-container h3 {
  display: inline-block;
  margin: 0;
}

#keds-marketing-slot1 .text-container ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#keds-marketing-slot1 .text-container ul li {
  display: inline-block;
  margin: 0 10px;
}

#keds-marketing-slot1 .text-container ul li a {
  border-bottom: 1px solid;
  border-color: #2f3349;
}

#keds-marketing-slot1 .text-container ul li a:active,
#keds-marketing-slot1 .text-container ul li a:focus,
#keds-marketing-slot1 .text-container ul li a:hover {
  border-color: #fff;
  color: #fff;
}

#hp-section-4 {
  height: auto;
  margin: 0;
}

#hp-section-4 .hp-section-body {
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: 920px;
}

#hp-section-4 .hp-section-body:after,
#hp-section-4 .hp-section-body:before {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  content: "";
  display: block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

#hp-section-4 .hp-section-body:before {
  margin-left: -100%;
  border: none;
  padding: 0;
}

#hp-section-4 .hp-section-body:after {
  margin-left: 100%;
}

#hp-section-4 .hp-section-body .hp-section-top {
  display: none;
}

#hp-section-4 .hp-section-body .home-product-carousel {
  height: 640px;
  margin-bottom: 150px;
  padding-bottom: 0;
}

#hp-section-4 .hp-section-body .home-product-carousel .product-tile img {
  padding: 0;
}

.homepage-product-display-section .product-tile img {
  padding: 0 70px;
}

.menu-category.level-1 .level-2 a[data-cat="sale-women"],
.menu-category.level-1 .level-2 a[data-cat="sale-kids"] {
  color: #444 !important;
  font-family: "AvenirNextLTPro-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.menu-category.level-1 .level-2 a[data-cat="sale-women"]:hover,
.menu-category.level-1 .level-2 a[data-cat="sale-kids"]:hover {
  color: #9ab8df !important;
  text-decoration: none;
}

.desktop-feedback-icon.v2020 {
  display: block;
  position: relative;
  top: 0;
  width: 66px;
  height: 65px;
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center 10px;
  background-size: 52%;
  border: 2px solid rgba(203, 201, 201, 0.6509803922);
}
.desktop-feedback-icon.v2020:after {
  font-family: "AvenirNextLTPro-Regular", Arial, "Helvetica Neue", Helvetica, "sans-serif";
  font-size: 9px;
  letter-spacing: 0.05em;
  font-weight: normal;
  color: #444;
  text-transform: uppercase;
}

.pt_storefront .desktop-tab-container .desktop-feedback-icon.v2020 {
  display: block;
}

/* typography
========================================== */
/* Buttons
========================================== */
.cta-with-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  height: 2.4em;
  padding: 0 1.3em;
  transition: all ease 200ms;
  font-family: "EquitanSans-Bold", "AvenirNextLTPro-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #1a55a6;
  background: #dee859;
}
.cta-with-arrow:after {
  content: "";
  background: left center no-repeat;
  background-size: contain;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAPCAYAAABJGff8AAABKUlEQVRIidXWL0jeQRzH8dcjMqbFtqBB65LRZBJWZlJO5IxbVMbC8rqIxTAYbDDEMxwiFllaGxhFWLMNhEURZMU//B4v/HgeFDHIc5909+V7x/fNff+cahTSNyF9fijcThUsIS1jt+y28EGON71uQ88f2ZOU8b0cXMO2kF70XlQHTI5XeI+NYlnBvpBG2251pFlbIX3CerH8xls5nqsSRhfoHb6WzDrBGzn+6wjpeADCe4rGMFke5Ayzw5iuj6NP49hpYD4OWGCPUadbK8yV/R8s1NgARvCjWRXLAaIcL2uZM3cK6RV+tUA2sdiAqKqbhfQah5jCNVbl+KXtUst3pqmNvdLBLrAkx5+9boMPE9JLnGICfzEvx2a29GnwaybH/90C5wgz94HALRvFPuVK6+YTAAAAAElFTkSuQmCC");
  width: 1.821em;
  height: 0.786em;
  margin-left: 0.72em;
}
@media (min-width: 322px) {
  .cta-with-arrow:hover {
    background: #6cace4;
    color: #fff;
  }
}

.old-button {
  background-color: #0054a6;
  overflow: hidden;
  transition: .2s;
  display: inline-block;
  color: #fff;
  font-family: EquitanSans-Bold,Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: .4px;
  line-height: 55px;
  text-transform: none;
  text-decoration: none !important;
  border: none;
  box-sizing: border-box;
  height: 55px;
  padding: 0 12px;
  text-align: center;
}

.old-button:hover {
  background-color: #35a4ff;
}

/* Promos
========================================== */
.promotions-wrapper .info-details-poppup {
  z-index: 10;
  /*this fixes the issue of the details appearing below any "positioned" element in the content asset. */
}

/* Banners
========================================== */
/* Sliders
========================================== */
.pt_storefront .flexslider {
  box-sizing: border-box;
  line-height: normal;
  color: #1a55a6;
}
@media (min-width: 0) {
  .pt_storefront .flexslider {
    font-size: 10px;
  }
}
@media (min-width: 322px) {
  .pt_storefront .flexslider {
    font-size: 5.5555555556px;
  }
}
@media (min-width: 960px) {
  .pt_storefront .flexslider {
    font-size: 0.5555555556vw;
  }
}
@media (min-width: 1800px) {
  .pt_storefront .flexslider {
    font-size: 10px;
  }
}
.pt_storefront .flexslider * {
  font-size: 1em;
  box-sizing: inherit;
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  text-transform: inherit;
  list-style: none;
}
.pt_storefront .flexslider .flex-control-nav {
  font-size: 1.25em;
  bottom: 1em;
}
@media (min-width: 322px) {
  .pt_storefront .flexslider .flex-control-nav {
    font-size: 2em;
  }
}
.pt_storefront .flexslider .flex-control-nav li {
  margin: 0 0.3em;
}
.pt_storefront .flexslider .flex-control-nav a {
  width: 1em;
  height: 1em;
}
.pt_storefront .flexslider h2 {
  font-family: "EquitanSans-Bold", "AvenirNextLTPro-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 2.7em;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  margin: 0 0 0.25em;
}
@media (min-width: 322px) {
  .pt_storefront .flexslider h2 {
    font-size: 5.4em;
  }
}
.pt_storefront .flexslider h2 span {
  font-family: "PassengerDisplay-Medium", Georgia;
  letter-spacing: 0;
  text-transform: lowercase;
}
.pt_storefront .flexslider p {
  font-size: 1.45em;
  letter-spacing: 0.01em;
}
@media (min-width: 322px) {
  .pt_storefront .flexslider p {
    font-size: 2.5em;
  }
}
.pt_storefront .flexslider .has-top-border {
  border-top: solid 0.5em #dee859;
}
@media (min-width: 322px) {
  .pt_storefront .flexslider .has-top-border {
    border-top-width: 1em;
  }
}
.pt_storefront .flexslider .actions {
  font-size: 1em;
}
.pt_storefront .flexslider .cta-w-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  height: 2.4em;
  padding: 0 1.3em;
  transition: all ease 200ms;
  font-family: "EquitanSans-Bold", "AvenirNextLTPro-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #1a55a6;
  background: #dee859;
  font-size: 1.4em;
}
.pt_storefront .flexslider .cta-w-arrow:after {
  content: "";
  background: left center no-repeat;
  background-size: contain;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAPCAYAAABJGff8AAABKUlEQVRIidXWL0jeQRzH8dcjMqbFtqBB65LRZBJWZlJO5IxbVMbC8rqIxTAYbDDEMxwiFllaGxhFWLMNhEURZMU//B4v/HgeFDHIc5909+V7x/fNff+cahTSNyF9fijcThUsIS1jt+y28EGON71uQ88f2ZOU8b0cXMO2kF70XlQHTI5XeI+NYlnBvpBG2251pFlbIX3CerH8xls5nqsSRhfoHb6WzDrBGzn+6wjpeADCe4rGMFke5Ayzw5iuj6NP49hpYD4OWGCPUadbK8yV/R8s1NgARvCjWRXLAaIcL2uZM3cK6RV+tUA2sdiAqKqbhfQah5jCNVbl+KXtUst3pqmNvdLBLrAkx5+9boMPE9JLnGICfzEvx2a29GnwaybH/90C5wgz94HALRvFPuVK6+YTAAAAAElFTkSuQmCC");
  width: 1.821em;
  height: 0.786em;
  margin-left: 0.72em;
}
@media (min-width: 322px) {
  .pt_storefront .flexslider .cta-w-arrow {
    font-size: 2em;
  }
}
@media (min-width: 322px) {
  .pt_storefront .flexslider .text-container {
    width: auto;
  }
}
@media (min-width: 322px) {
  .pt_storefront .flexslider .ag-full-link:hover + .text-container .cta-w-arrow {
    background: #6cace4;
    color: #fff;
  }
}

/* Layout
========================================== */
.isDesktopEnvironment .ag-full-width .ag-site-width {
  max-width: 2760px;
}

.pt_storefront {
  /* hide built-in home template slider */
  /* End hide temp slider */
  /*Desktop*/
}
.pt_storefront .ag-full-link {
  text-decoration: none;
}
.pt_storefront em {
  font-family: 'PassengerDisplay-Italic' !important;
  font-style: normal;
}
.pt_storefront #hp-section-4,
.pt_storefront .home-category-slider {
  /* mobile */
  display: none;
}
.pt_storefront .flex-control-nav {
  bottom: 1em;
  /* negative margin on next section was causing overlap */
  z-index: 1;
}
.pt_storefront .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.6);
}
.pt_storefront .flex-control-nav li a.flex-active {
  background: rgba(255, 255, 255, 0.99);
  cursor: default;
}
.pt_storefront .flexslider .slides .slide {
  position: relative;
}
.pt_storefront .flexslider .slides .slide img {
  max-width: 100vw;
}
.pt_storefront .flexslider .slides .slide:not(:first-child) {
  display: none;
}
.pt_storefront .flexslider .slides .slide .text-container {
  position: absolute;
  pointer-events: none;
}
.pt_storefront .text-container p.button-link {
  display: inline-block;
  margin: 0;
  padding: 1em 1.5em;
  transition: all ease 200ms;
  pointer-events: none;
  background: #dde85b;
  color: #0054a6;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.024em;
  border: none;
  text-transform: none;
  font-size: 1vw;
  font-family: "AvenirNextLTPro-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.pt_storefront .ag-full-link:hover + .text-container p.button-link {
  background-color: #6cace4;
  color: #fff;
}
@media (min-width: 322px) {
  .pt_storefront .home-container-box {
    max-width: none;
    min-width: 960px;
  }
  .pt_storefront .flexslider {
    margin: 0 auto;
    max-width: 1800px;
  }
  .pt_storefront .flex-direction-nav .flex-prev,
  .pt_storefront .flex-direction-nav .flex-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABkAQMAAAC4kFKyAAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAAEVJREFUeF5jYGDgAWIZILYA4gIgfsDAwHiAgYG5gYGBnYGBgY9EaSgugIrJQNWwM0D0MB4gRwEPA6XgAPXdRfVwO8DAAABpJCARFFpdwgAAAABJRU5ErkJggg==");
    background-position: 0 0;
    background-repeat: no-repeat;
    transform: translate3d(0, 0, 0);
    text-indent: 9999px;
  }
  .pt_storefront .flex-direction-nav .flex-next {
    background-position: 100% -58px;
  }
  .pt_storefront .flexslider:hover .flex-prev {
    left: 5%;
  }
  .pt_storefront .flexslider:hover .flex-next {
    right: 5%;
  }
  .pt_storefront .flexslider .slides .slide {
    max-width: none;
  }
  .pt_storefront .text-container p.button-link {
    font-size: 0.777777778vw;
    padding: 1em 2em;
    margin: 0 0 1em;
  }
}

button::after {
  display: none;
}

/* Overriding branding-responsive.generated.css 1/29/2019 */
.pt_cart .mobile-top-header-banner div {
  display: block;
}

/* Overriding branding.min.css 1/30/2019 */
.product-variations .toggle {
  text-decoration: none;
}

/* Overriding branding.min.css 1/30/2019 */
.error-message, .required-indicator {
  color: #ff5f5c !important;
}

/* Primarily used in newer landing pages */
.responsive-p {
  font-size: 1vw;
  font-family: "AvenirNextLTPro-Regular";
}

/* 5/28/2019 fix for 1300px product gallery pages:
   issue where opening up the promo tab would cause
   the search bar and some top-of-header content to
   overlap the promo tab area. */
.site-search.header-search {
  z-index: 998 !important;
}

.country-box, .menu-utility {
  z-index: 998 !important;
}

.pt_storefront #navigation {
  z-index: 997;
}

/* 5/30/2019 fix for Returns/Exchanges submit button not showing on mobile. */
.isMobileEnvironment .pt_multireturnexchange .hide-wait-message-content .content-asset {
  padding: 0;
}

.isMobileEnvironment .order-details-content .multireturnexchangeform .tooltip.multireturnexchangeSubmitButton {
  display: block;
  float: none;
}

/* TICKET: FED-7036
   FED: Brendan Laughlin
   DESC: The "No code required" text on mobile
         is showing as blue and bold, but it
         should match the regular and gray on
         the desktop view. This override
         fixes that. */
.isMobileEnvironment .promotions-wrapper .promotion-item .info-bar, .promotions-wrapper .promotion-item .info-code {
  font-family: AvenirNextLTPro-Regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: .3px;
  color: #999;
}

/* ISSUE REPORTED BY KYLE MASUGA ON 6/17/2019

Description: "...finding on Keds, that when on any page other than the
homepage, when the user clicks on the Search field,
the Search Drop-Down falls behind the nav."

RESOLVED ON 6/18/2019 */
#header {
  z-index: 1003;
}

/* 6/26/2019 - Center extole button image under "add to cart" button */
.product-marketing-asset.bfx_hide .content-asset #extole_zone_product_page {
  text-align: center;
}

/*  FED-7181 - Temp fix to hide items on Mobile PDP 7/1/2019 */
.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
============================================================ */
/* START: FED-8199 - Temporary override
============================================================ */
.pdp-main.pdpv2 .product-col-2.product-info .product-variations .toggle.expanded {
  z-index: 1020;
}

/* END: FED-8199
============================================================ */
/* Fix for flexslider "flash" issue */
.flexslider li {
  max-width: 100vw;
  margin: 0 auto;
}

/* START: First filter heading (h4) in sidebar was causing a gap
above due to top margin sticking through its container. This stops that
============================================================ */
.refinements .refinement-values-wrapper {
  padding-top: 1px;
}

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