/* Breakpoints: 480px (xs), 768px (sm), 992px (md), 1200px (lg) */
/* Tweak global styles */
.cta {
  display: none;
}

.cookie-notice {
  z-index: 1030;
}

.header-logo--large picture img,
/*.breadcrumb-container,*/
/*.login-container,*/
/*..product-images-container__primary-image img,*/
.variant-add-to-basket__buttons__add-to-boards-container__button {
  display: none;
}

/* Top menu tweaks */
#wrap[data-is-user-logged-in="false"] .header-top .container .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
  
.header-login-links .separator {
  display: none;
}

.header-login-links {
  display: flex;
  flex-direction: row-reverse;
  float: right;
  align-items: center;
} 

.header-login-links__link--deemphasis {
    background: black;
    color: white;
    padding: 6px;
    margin-left: 20px;
    border-radius: 10px;
    font-weight: bold;
}

.header-login-links__link--deemphasis:hover {
    text-decoration:  underline;
    color: white;
}

/* Tweak styles for desktop */
@media (min-width: 1200px) {
  /* Fill width - changed this to just be on category and product list templates rather than standard container */
  .category-page-container, .product-list-page-container, .search-container {
    width: 90%;
    max-width: 2000px;
  }
  
  /* Product listing page */
  /* Product images - better use of space */
  .product-summary__image, div.pc-items .pc-item .pc-imageHolder {
    width: 100%;
    height: 320px;
  }
  .product-summary__image img, div.pc-items .pc-item .pc-imageHolder img {
    margin: 0 auto !important;
  }
  
  /* Product page */
  .product-page-container__left-col,
  .product-page-container__right-col {
    width: 50%;
  }
  .product-page-container__box .product-page-add-to-basket .variant-add-to-basket__title {
    width: 25%;
  }
  .zoomContainer {
    width: 555px !important;
    height: 555px !important;
  }
  .zoomWindowContainer div:first-child {
    width: 600px !important;
    height: 555px !important;
    margin-left: 30px;
  }
  .product-page .pc-prod-rec {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 2px solid #cccccc;
    clear: both;
  }
  #productvariantsTab .pc-prod-rec, #productrangeTab .pc-prod-rec  {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
  }
  #productvariantsTab .pc-scroll, #productrangeTab .pc-scroll {
    overflow: hidden;  
  }
  .product-page .callout:nth-of-type(n+11) {
    display: none;
  }
    
  /* Cleaning up recommender styling */
  #productvariantsTab .pc-prod-rec .pc-itemTitle a, #productrangeTab .pc-prod-rec .pc-itemTitle a {
    -webkit-line-clamp: 2 !important;
  }
  .nav-tabs
  {
    border-bottom-color: #cccccc;
  }
  .nav-tabs li.active a {
    border-color: #cccccc;
  }
  .product-page .tabbed-product-scroller {
    padding-top: 25px;
  }
  .product-page-container__box .product-page-add-to-basket .variant-add-to-basket__buttons__add-to-container {
    float: right;
    width: auto;
  }
  .product-page-container__box .product-page-add-to-basket .variant-add-to-basket__buttons__add-to-basket-container {
    width: auto;    
  }
  .product-page-container__box .product-page-add-to-basket .variant-add-to-basket__buttons__add-to-boards-container {
    float: right;    
    width: auto;    
  }
  
  /* Animated login / add to basket button */
  .product-summary__buttons .product-summary__buttons__quickbuy-button {
    margin-bottom: 0px;
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 10%;
    max-width: 80%;
    opacity: 0;
    visibility:hidden;
    transform: translateY(calc(100% + 45px));
    transition: opacity .3s,visibility .3s,transform .3s;
    height: 40px;
    z-index: 1;
  }
  .product-list__grid__product:hover .product-summary__buttons .product-summary__buttons__quickbuy-button {
    opacity: 1;
    bottom: 0px;
    visibility:visible;
    transform:none;
  }
  .product-list__grid__product {
    margin-top: -40px;
  }
  
  /* Header */
  .header-search__form {
    min-width: 400px;
  }
  .site-header.sticky .header-main {
    background-color: white;
  }
  .site-header.sticky .header-main .header-main-menu {
    background-color: white;
  }
  .site-header.sticky .header-main .header-main-menu .header-menu .header-menu__item-link {
    color: #0c243d !important;
  }
  .site-header.sticky .header-main-menu .header-menu .header-menu__item:last-of-type .header-menu__item-link { 
    color: red !important;
  }
}
  
/* Tweak styles for medium and above */
@media (min-width: 992px) {
  div.pc-items .pc-recommenderTitle {
    margin-bottom: 0;
  }
  /* New CTA for logged out / logged in users */
  .cta {
    background-color: #1677BE;
    padding: 10px 20px;
    border-radius: 4px;
    border-color: #000000;
    display: block;
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
  }
  .cta:hover {
    background-color: #0c243d;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
  .cta a {
    color: white !important;
  }
  .cta a:hover {
    text-decoration: none;
  }
  #mybutton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1030;
  }
  /* Product range table styling on PDP */
  .table tbody:last-of-type td {
    border-bottom-color: inherit;
  }    
  .table>thead {
    background: #0c243d;
    color: white;
  }
  .table tbody tr, .table.table-break tbody tr {
    border-bottom: 1px solid #ced3d8 !important;
  }
  /* Product variants styling on PDP */
  .product-page-container .product-list__grid {
    padding-top: 38px;
  }
  #alternative-products {
    margin-top: 50px;   
  }
  /* Fix column width on footer */
  .footer-links__block {
    width: 20% !important;
  }
  /* Tweak for nav so callout brands still show sub-ranges on desktop after adding new mobile sub-headings */
  .header-main-menu__primary .nav-dropdown--first-four-submenus-detailed>.nav-dropdown__item:nth-child(-n+5)>.nav-dropdown__item-link {
    border-bottom: 1px solid #efefef;
    padding-bottom: 18px
  }
  .header-main-menu__primary .nav-dropdown--first-four-submenus-detailed>.nav-dropdown__item:nth-child(-n+5) .dropdown-menu--level-3 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-grow: 1
  }
  /* Fixing order of brand dropdown options to flow by column rather than row */
  li.nav-dropdown__item:nth-child(6n+7) {
    order: 1
  }
  li.nav-dropdown__item:nth-child(6n+8) {
    order: 2;
  }
  li.nav-dropdown__item:nth-child(6n+9) {
    order: 3;
  }
  li.nav-dropdown__item:nth-child(6n+10) {
    order: 4;
  }
  li.nav-dropdown__item:nth-child(6n+11) {
    order: 5;
  }
  li.nav-dropdown__item:nth-child(6n+12) {
    order: 6;
  }
  .nav-dropdown__view-all {
    order: 100;
  }
  /* Tweak account button styling to accommodate injected reorder button */
  .header-main__account-buttons>a:not(:last-child) {
    margin-right: 0;
  }
  .header-main__account-buttons>a {
    margin-left: 5px !important;
  }
  .header-main__account-buttons .btn-flat {
    min-width: 0px !important;
    padding: 10px 10px;
  }  
}

/* Tweak styles for small and above */
@media (min-width: 768px) {
  .product-page-container__box .product-page-add-to-basket .variant-add-to-basket__buttons__add-to-basket-container {
    width: 100%;
    padding: 0;
  }
}

/* Fix add to cart modal for mobile so CTA shows without scrolling modal footer (which isn't obvious) */
@media (max-width: 767px) {
    .add-to-basket-modal .modal-body {
        max-height: calc(100vh - 400px) !important;
    }

    /* width */
    .add-to-basket-modal .modal-body::-webkit-scrollbar {
      width: 10px;
    }

    /* Track */
    .add-to-basket-modal .modal-body::-webkit-scrollbar-track {
      background: #f1f1f1; 
    }
     
    /* Handle */
    .add-to-basket-modal .modal-body::-webkit-scrollbar-thumb {
      background: #888; 
    }

    /* Handle on hover */
    .add-to-basket-modal .modal-body::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }
}
    
/* Temporary hiding of superfluous heading, but best update this to use JS to pull out of DOM instead, so Big G doesn't complain */
.category-page-container .page-intro h2 {
   /* display: none; */
}
.product-list-page-container .page-intro h2 {
  /*  display: none; */
}
.product-page-container .page-h2 h2 {
  /* display: none !important; */
}
  
/* Footer */
.footer__stamp-image {
  background-color: #0c243d;
}
h4.footer-links__block__title:hover { 
  color: #BEBEBE; 
}
.footer-links__block__link-list ul li a {
  color: white;
}
.footer__copyright {
  margin-top: 0;
  background-color: #0c243d;
}
.google-translate-block {
  background: white;
  padding: 6px;
  border-radius: 12px;
  box-shadow: 0 0 15px 1px rgba(255, 255, 255);
}
/* Header */
.header-main {
  background-color: #0c243d;
}
.header-main-menu {
  background-color: #0c243d;
}
.header-main-menu .header-menu .header-menu__item-link {
  color: white !important;
}
.header-main-menu .header-menu .header-menu__item:last-of-type .header-menu__item-link { 
  color: red !important;
}
.header-search__form {
  margin-right: 10px;
  background: white;
  padding: 8px;
  /* border-radius: 12px; */
}
.header-main__account-buttons {
  width: auto;
}
.btn-flat--primary {
  color: #0c243d;
  background: white;
}
.btn-flat--primary:hover {
  filter: brightness(150%);
  box-shadow: none;
}
a.btn-flat.btn-flat--primary::after{
  content: ">";
  display: block;
  margin-left: 5px;
  font-size: 1.6em;
}
.btn-flat--secondary:hover {
  filter: contrast(150%);
  box-shadow: none;
  cursor: pointer;
}
.btn-flat--secondary a {
  cursor: pointer;
}
.nav-my-boards-count {
  background-color: #0c243d;
  color: #fff;
}
.header-strip {
  background-color: #f6f6f7;
  margin-bottom: 20px;
  min-height: 40px;
}
.header-strip__container {
  padding-top: 0;
  padding-bottom: 0;
}  
/* Breadcrumb - moved into DOM so it's part of copy element */
.breadcrumb-container {
  /* display: none; */
}
.category-page-container .breadcrumb-nav, .product-list-page-container .breadcrumb-nav {
  text-align: left;
  color: #20525C; /* color: white; */
}
.category-page-container .breadcrumb-nav a, .product-list-page-container .breadcrumb-nav a {
  color: #20525C; /* color: white; */
}
/* Fix for autocomplete branding */
.pc-autocomplete > div img {
  display: none;
}
div.pc-autocomplete > div div {
  background-color: #0c243d !important;
}
.pc-autocomplete div div {
  background-image: url("/web/20240324030121im_/https://www.widdop.co.uk/Assets/images/spritesheets/spritesheet.png");
  background-position: 356px -5px;
  background-repeat: no-repeat;
  height: 35px !important;
  width: 100% !important;
}
/* Tweak account button styling to accommodate injected reorder button */
.btn-flat--third {
  background: green !important;
  color: white
}
.btn-flat--third:hover {
  filter: brightness(150%);
  box-shadow: none;
}  
/* Category page */
.category-list .category-summary__image {
  border: none !important;
}
.category-summary__image a[href="?AllProducts=true"], .category-summary__image a[href="?AllPromotions=true"] {
  background: #0c243d;
  color: white;
  text-transform: uppercase;
  font-size: 2.5em;
  text-align: center;
}
.page-intro p span[style], .page-intro p span[style] span[style] {
  font-weight: normal;
  color: #20525C !important; /* color: white; */
  font-size: 1em !important;
  text-align: left;
  line-height: 1.6em;
  font-weight: 500;  
}
.page-intro h1, .page-intro p {
  text-align: left !important;
}
.page-intro p {
  font-family: Montserrat;
  font-weight: 500;
}
.page-intro {
  margin-bottom: 30px;
  display: flex;
  align-items: stretch;
}
.page-intro h1 {
  color: #20525C; /* color: white; */
  margin-left: 0;
  display: block;
}
.page-intro h1::before, .page-intro h1::after {
  display: block;
  background-color: #F8EDE9;  /* background-color: #a4a9ad; */
}
.page-intro a {
  text-decoration: underline;
}
.page-intro .btn {
  background: white;
}
.page-intro .page-intro__subheading {
  font-family: Montserrat;
  text-align: left;
  font-size: 16px;
  color: #20525C !important; /* color: white; */
}
.page-intro .page-intro__desc {
  font-size: 14px;
  font-family: Montserrat;
  font-weight: normal;
  color: #20525C !important; /* color: white; */
}
.page-intro .page-intro__desc strong, .page-intro .page-intro__desc a {
  color: #20525C !important; /* color: white; */
}
.page-intro-copy {
  width: fit-content;
  min-width: calc(100% - 400px);
  background-color: #F8EDE9; /* background-color: #a4a9ad; */
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  flex: 1;
  overflow-y: auto;
  max-height: 400px;
  z-index: 1;
  mask-image: linear-gradient(to bottom, #F8EDE9 calc(100% - 25px), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #F8EDE9 calc(100% - 25px), transparent 100%);
}
.page-intro-copy-inner {
  float: left;
  width: calc(100% - 100px);
}
.page-intro-copy::-webkit-scrollbar {
  width: 10px; 
}
.page-intro-copy::-webkit-scrollbar-track {
  background-color: a4a9ad;
}
.page-intro-copy::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 25px;
}
.page-intro-copy span a:hover {
  color: #0c243d !important;
}
.page-intro-copy span a {
   color: #20525C !important; /* color: white !important; */
}
.page-intro-image {
  /* width: 400px; */
  width: fit-content;
  max-width: 400px;
  background-repeat: no-repeat;
  background-size: contain;
  /* background-color: #555555; */
}
.page-intro-image .no-image {
  /* display: none; */
}
.body-bambino-by-juliana {
  .page-intro-image {
    background-image: url("/web/20240324030121im_/https://www.widdop.co.uk/media/brand%20management/bambino/cg1777_t9[1]-min[1].jpg");
    height: 400px;
  }
}
/* Product listing page */
/* Promo message */
.message-container {
   display: grid;
}
.product-summary__name {
  margin-top: 10px;
}
.product-summary__pricing {
  margin-bottom: 10px;
}
/* Clean up filter column */
.product-filters {
  background-color: #0c243d;
}
.product-filters__header {
  background-color: #0c243d;
  color: #ffffff;
}
.product-filters .panel-heading {
  background-color: #ffffff;
}
.panel-body {
  background-color: #ffffff;
}
.checkbox__label, .price-slider__min-price__label, .price-slider__max-price__label {
  color: #0c243d !important;
  font-family: Monseraat, sans-serif !important;
  text-transform: uppercase;
}
.price-slider__go-button {
  /* TO DO */
}
.product-filters__selected-filters {
  background: #ffffff;
  padding-bottom: 10px;
}
.product-filters__dropdown-button:before, .product-filters__dropdown-button:after {
  background-color: white;
}
/* Sort by bar */
.product-list .paging__container {
  padding: 5px;
  border: 1px solid #0c243d;
  margin-bottom:  80px;
}
.product-list .paging-bottom .paging {
  background: white;
  z-index: 1000;
  position: relative;
}
.product-list .button-mask, .tab-pane .button-mask {
  width: 100%;
  height: 50px;
  z-index: 1000;
  position: relative;
  background: white;
}  
.product-list .button-mask-above-paging {
  margin-top: -58px;
}  
.product-list .button-mask-below-paging {
  margin-top: -80px;
}  
.tab-pane .button-mask-product-page { /* Not using this now, but leaving in just in case */
  margin-top: -58px;
  height: 120px;
}
/* Sort the nasty buttons */
.btn-tertiary, .product-page-container__box .product-page-add-to-basket .variant-add-to-basket__buttons__add-to-basket-container__button, .product-summary__buttons__quickbuy-button, .promotion-detail__buttons a {
  background-color: #000000 !important;
  background-image: none;
  border: 1px solid #000000 !important;
}
.btn-tertiary:hover, .product-page-container__box .product-page-add-to-basket .variant-add-to-basket__buttons__add-to-basket-container__button:hover, .product-summary__buttons__quickbuy-button:hover, .promotion-detail__buttons a:hover {
  background-color: #dddddd !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
}
.product-summary__buttons__quickbuy-button {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.product-summary__login-info-text span {
  color: #000000;
}
.product-summary__image, div.pc-items .pc-item .pc-imageHolder {
  border: none !important;
}
.product-list__grid__product {
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
}
.product-summary__image a {
  background-color: white;
  z-index: 10;
}
.product-summary__buttons__add-to-board-button {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 11!important;
  width: 50px!important;
  height: 50px!important;
  margin: 0;
  background-color: #fff;
  border: 1px solid #78818c;
  border-radius: 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oZWFydDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJoZWFydCIgZmlsbD0iIzNDNUE1QyI+ICAgICAgICAgICAgPHBhdGggZD0iTTEuMTI1LDUuNDIgQzEuMTI1LDIuNDMgMi4wNywxLjE1OCA1LjA2MywxLjE1OCBDNS45NSwxLjE1OCA5LDQuMDYgOSw0LjA2IEM5LDQuMDYgMTIuMDQ5LDEuMTU4IDEyLjkzOCwxLjE1OCBDMTUuOTMsMS4xNTggMTYuODc1LDIuNDI5IDE2Ljg3NSw1LjQyMSBDMTYuODc1LDguMjM4IDksMTYuMjU3IDksMTYuMjU3IEM5LDE2LjI1NyAxLjEyNSw4LjIzOCAxLjEyNSw1LjQyIFogTTksMi45MDIgQzksMi45MDIgNi43NSwwIDUuMDYyLDAgQzEuNjQzLDAgMCwxLjcxNSAwLDUuMjY5IEMwLDguNjA0IDksMTggOSwxOCBDOSwxOCAxOCw4LjYwNCAxOCw1LjI2OSBDMTgsMS43MTUgMTYuMzUyLDAgMTIuOTM3LDAgQzExLjI1LDAgOSwyLjkwMiA5LDIuOTAyIFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
}
.product-summary__buttons__add-to-board-button:before, .product-summary__buttons__add-to-board-button:after {
  border: none;
}
.product-summary__buttons__add-to-board-button:hover, .product-summary__buttons__add-to-board-button:active, .product-summary__buttons__add-to-board-button:focus, .product-summary__buttons__add-to-board-button:hover:active {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  border: 1px solid #78818c;
  border-radius: 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oZWFydDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJoZWFydCIgZmlsbD0iIzNDNUE1QyI+ICAgICAgICAgICAgPHBhdGggZD0iTTEuMTI1LDUuNDIgQzEuMTI1LDIuNDMgMi4wNywxLjE1OCA1LjA2MywxLjE1OCBDNS45NSwxLjE1OCA5LDQuMDYgOSw0LjA2IEM5LDQuMDYgMTIuMDQ5LDEuMTU4IDEyLjkzOCwxLjE1OCBDMTUuOTMsMS4xNTggMTYuODc1LDIuNDI5IDE2Ljg3NSw1LjQyMSBDMTYuODc1LDguMjM4IDksMTYuMjU3IDksMTYuMjU3IEM5LDE2LjI1NyAxLjEyNSw4LjIzOCAxLjEyNSw1LjQyIFogTTksMi45MDIgQzksMi45MDIgNi43NSwwIDUuMDYyLDAgQzEuNjQzLDAgMCwxLjcxNSAwLDUuMjY5IEMwLDguNjA0IDksMTggOSwxOCBDOSwxOCAxOCw4LjYwNCAxOCw1LjI2OSBDMTgsMS43MTUgMTYuMzUyLDAgMTIuOTM3LDAgQzExLjI1LDAgOSwyLjkwMiA5LDIuOTAyIFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  background-position: center center;
  background-repeat: no-repeat;
}
.product-summary__buttons__add-to-board-button:before {
  content: "Add to board";
  position: absolute;
  color: #fff;
  background: rgba(0,0,0, .7);
  border-radius: 5px;
  padding: 5px;
  top: -25px;
  left: -40px;
  transform: translate(0, -50%);
  margin-left: 15px;
  width: 100px;
  height: 25px;
  font-size: 8px;	
  line-height: 15px;	
}
.product-summary__buttons__add-to-board-button:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid rgba(0,0,0, .7);
  margin-left: 20px;	
  margin-top: -13px;	
}
.product-summary__buttons__add-to-board-button:before,
.product-summary__buttons__add-to-board-button:after {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out;
}
.product-summary__buttons__add-to-board-button:hover:before,
.product-summary__buttons__add-to-board-button:hover:after {
  opacity: 1;
  visibility: visible;
  display: block;
} 
.product-summary__image__ribbon-message {
  left: 15px;
  top: 15px;
  right: auto;
}
.product-summary[style] { 
    height: 100% !important;
}
  
/* Product page */
.product-page .tabbed-product-scroller .specification {
  padding: 1px;
  font-size: 0.9em;
  border-bottom: none;
}
.product-page .tabbed-product-scroller .specification .filter-name {
  flex-basis: 50%;
  background: #eeeeee;
  color: black;
  padding: 9px;
  font-size: 0.9em;
  text-transform: capitalize;
}
.product-page .tabbed-product-scroller .specification .filter-class {
  flex-basis: 50%;
  font-size: 0.9em;
  color: black;
  font-family: Montserrat,sans-serif;
}
#product-page .panel-group .panel-default {
  border: none;
}
#product-page .panel-group .panel-heading {
  text-align: left;
  text-transform: capitalize;
  color: black;
  border-bottom: 2px solid #dedede !important;
}
 #product-page .panel-group .panel-heading .accordion-toggle {
  color: black !important;
}
#product-page .panel-default>.panel-heading {
  background: none;
  border-top: 2px solid #dedede !important;
}
#product-page .panel-group .panel-heading::after {
  content: '\02193';
  font-size: 20px;
  font-weight: bold
  color: black;
  float: right;
  margin-left: 5px;
  margin-top: -30px;
}
#product-page .panel-group #loginTab.panel-body {
  border-top: 2px solid;
  padding-left: 30px;
  color: black;
  font-weight: normal;
}
#product-page .panel-group #descriptionTab.panel-body, #product-page .panel-group #brandReviewsTab.panel-body {
  padding-left: 30px;
}
#product-page .panel-group #loginTab.panel-body a {
  font-weight: bold;
  text-decoration: underline;
  color: black;
}
.tabbed-product-scroller .description {
  font-weight: normal;
  line-height: 1.5em;
  letter-spacing: normal;
}
.product-information__name {
  font-weight: bold !important;
  letter-spacing: normal !important;
  line-height: 1.2em !important;
  width: 90%;
  float: left;
}
.product-information__product-code {
  color: #bbbbbb;
  margin-top: 10px;
  font-size: 0.9em !important;
}
#wrap[data-is-user-logged-in="false"] .variant-information__available__price__title {
  display: none;
}
#wrap[data-is-user-logged-in="false"] .variant-information__login-for-price {
  display: none;
}
#wrap[data-is-user-logged-in="false"] .product-page-container__box .variant-information__available__brand {
  margin-top: 0;
}
#wrap[data-is-user-logged-in="false"] .product-page-add-to-basket {
  display: none;
}
.brand-review__message div {
  font-weight: normal;
}
.brand-review__date {
  display: none;
}
.product-page-container__left-col .variant-add-to-basket__buttons__add-to-boards-container__button, .product-page-container__right-col .variant-add-to-basket__buttons__add-to-boards-container__button {
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    background-color: #fff !important;
    border: 1px solid #78818c !important;
    border-radius: 50% !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oZWFydDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJoZWFydCIgZmlsbD0iIzNDNUE1QyI+ICAgICAgICAgICAgPHBhdGggZD0iTTEuMTI1LDUuNDIgQzEuMTI1LDIuNDMgMi4wNywxLjE1OCA1LjA2MywxLjE1OCBDNS45NSwxLjE1OCA5LDQuMDYgOSw0LjA2IEM5LDQuMDYgMTIuMDQ5LDEuMTU4IDEyLjkzOCwxLjE1OCBDMTUuOTMsMS4xNTggMTYuODc1LDIuNDI5IDE2Ljg3NSw1LjQyMSBDMTYuODc1LDguMjM4IDksMTYuMjU3IDksMTYuMjU3IEM5LDE2LjI1NyAxLjEyNSw4LjIzOCAxLjEyNSw1LjQyIFogTTksMi45MDIgQzksMi45MDIgNi43NSwwIDUuMDYyLDAgQzEuNjQzLDAgMCwxLjcxNSAwLDUuMjY5IEMwLDguNjA0IDksMTggOSwxOCBDOSwxOCAxOCw4LjYwNCAxOCw1LjI2OSBDMTgsMS43MTUgMTYuMzUyLDAgMTIuOTM3LDAgQzExLjI1LDAgOSwyLjkwMiA5LDIuOTAyIFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    float: right;
    position: relative;
    top: -10px; 
}
.product-page-container__left-col .variant-add-to-basket__buttons__add-to-boards-container__button:before, .product-page-container__left-col .variant-add-to-basket__buttons__add-to-boards-container__button:after, .product-page-container__right-col .variant-add-to-basket__buttons__add-to-boards-container__button:before, .product-page-container__right-col .variant-add-to-basket__buttons__add-to-boards-container__button:after {
    border: none !important;
}
.product-images-container__primary-image {
  max-width: 100%;
}
.product-images-container__primary-image>div {
  max-height: 100%;
  max-width: 100%;
}
.product-images-container__primary-image>div img {
  max-height: 100%;
  max-width: 100%;
}
.nav-tabs {
  display: block !important;
}
#tabs-0 {
  /* display: none !important; */
}
#collapse-tabs-0-old {
  display: none !important;
}
.callout_container {
  display: flex;    
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.callout {
  background: #0c243d;
  width: 100px;
  height: 100px;
  padding: 10px;
  margin: 2px;
  color: white;
  font-size: 0.85em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.callout:nth-child(even) {
    background: #e6f1ff;
    color: #0c243d;
}
.callout_large {
  width: 520px;    
  height: 120px;
  color: #0c243d;
  border: 2px solid #0c243d;
  font-size: 0.85em;
  padding: 10px;
  margin-left: 2px;
  margin-top: 10px;
  font-weight: normal;
}
.callout_large strong {
  font-size: 2em;    
}
.callout_large span {
  display: block;
  width: calc(100% - 100px);
  float: left;
}  
.callout_non_link {
  float:right;
  margin-top:-45px;
}
.callout_buttons {
  font-size: 1.5em;
  margin-top: 30px;
}
.callout_button {
  padding: 10px;
  margin-top: 10px;
  font-size: 0.6em;
  width: 48%;
  float: left;
  margin-right: 5px;
}
.callout_button:hover {
  opacity: 0.7;
}
.callout_button1 {
  background: grey;
}
.callout_button2 {
  background: black;
}
.callout_button a {
  color: white !important;
}
.tab-content .tab-pane {
  border: none;
}
.product-page .promotion-item {
  margin-bottom: 50px !important;
}
#product-cross-sells {
  margin-top: 50px;
}
.product-images-container__primary-image__ribbon-message {
  left: 15px;
  right: auto;
}
.bundle-price-override {
  width: 100% !important;
  text-align: center !important;
}
.bundle-price-override .display-price {
  display: block;
  margin-top: 10px;
  font-size: 1.2em;
}
.bundle-price-override .display-price::after {
  content: ' each';
}

/* Cleaning up recommender styling */
.pc-itemTitle a {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-weight: normal !important;
}
.pc-item {
  margin-top: 20px !important;
}
#wrap[data-is-user-logged-in="true"] .pc-imageHolder {
  margin-top: 50px !important;
}
.pc-item .product-summary__buttons__add-to-board-button {
  top: -10px;
  right: 25px;
}
.pc-item .product-summary__buttons__add-to-board-button:before {
  top: 72px;
}
.pc-item .product-summary__buttons__add-to-board-button:after {
  margin-bottom: 0;
  border-top: none;
  margin-top: 53px;
  border-bottom: 7px solid rgba(0,0,0, .7);
}
.pc-item .product-summary__buttons .product-summary__buttons__quickbuy-button {
  position: relative;
  bottom: 0; 
  opacity: 1;
  visibility: visible;
  transform: none;
  left: auto;
  font-size: 0.8em;
}

/* Homepage heading restyle */
.home-full-container h1 {
    background-color: #0c243d;
    padding: 0 35px;
    height: 45px;
    line-height: unset;
    position: relative;
    color: white;
    margin: auto;
    width: fit-content;
    margin-bottom: 20px;
    font-size: 1rem;
}
.home-full-container h1:before, .home-full-container h1:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.home-full-container h1:before {
    left: 0;
    width: 0;
    height: 0;
    border-top: 23px solid #0c243d;
    border-bottom: 22px solid #0c243d;
    border-left: 15px solid white;
}
.home-full-container h1:after {
    right: 0;
    width: 0;
    height: 0;
    border-top: 23px solid #0c243d;
    border-bottom: 22px solid #0c243d;
    border-right: 15px solid white;
}

/* Brands and other nav tweaks */
.mobile-nav-subheading {
    color: white;
    background: grey;
    background: hsla(0,0%,100%,.3);
    font-size: 1.2em;
    display: block;
    overflow: hidden;
    padding: 5px;
    text-indent: 5px;
}
.deals_dropdown, .clearance_dropdown {
    flex-basis: 100% !important;
    min-width: 100% !important;
    padding: 10px;
}

/* Tweak styles for large breakpoint and below */
@media (max-width: 1199px) {
  .page-intro-copy {
    padding-left: 30px;
    padding-right: 30px;
  }
  .category-summary__image a[href="?AllProducts=true"] {
    font-size: 1.8em;
  }
  .callout_large {
    display: none;
  }      
  .button-mask-above-paging, .button-mask-below-paging {
    display: none;
  }
  .callout_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
    grid-gap: 1em;
    justify-items: center;
    grid-auto-rows: 1fr;
  }
  .callout {
    aspect-ratio: 1;
    width: auto;
    height: auto;
  }
}

/* Tweak styles for medium breakpoint and below  */
@media (max-width: 991px) {
  .page-intro-copy {
    max-height: 300px;
  }
  .page-intro-copy-inner {
    float: none;
    width: 100%;
  }
  .page-intro-copy h1 {
    margin-bottom: 0;
  }
  .page-intro-image {
    width: 300px;
    max-height: 300px !important;
  }
  .header-main__after {
    display: none;
  }
  .product-filters {
    max-width: 90%;
  }
  .product-list .paging__container {
    padding: 2px;
    margin: 0px;
  }
  .product-page-container__box .product-information__name {
    width: 80%;
  }
  .cta {
      margin-bottom: 50px;
      width: 100%;
  }
  .product-summary__image {
     width: auto;
     height: 320px;  
  }  
  .product-summary__image img {
     margin: 0 auto;
  }   
  .product-page-container__box .variant-information__available__brand img {
    max-height: 70px;
  }
  .callout_button {
     width: 100%;
  }
  #tabs-0 {
    display: none !important;
  }
  .home-full-container h1 {
    font-size: 1.9vw;
    font-weight: bold;
    padding: 0 25px;
    /* height: fit-content;
    line-height: auto;  */
    line-height: unset;
    min-height: 45px;
    display: flex;
    align-items: center;   
  }  
  .header-menu__item-link {
    font-size: 1.2em !important;
  }
  .nav-dropdown__item-link {
    font-size: 1em !important;
    line-height: 2em !important;
    padding: 5px 0 5px 15px !important;
    border-top: 1px solid hsla(0,0%,100%,.3);
  }
  li.dropdown.header-menu__item.open .dropdown-toggle.header-menu__item-link { 
    background: white !important; 
    color: #0c243d !important; 
    padding-left: 10px;
  }
  .header-main-menu__primary .header-menu__item:last-of-type .header-menu__item-link {
    display: flex;
    padding: 12px 5px 11px 30px;
  }
  li.dropdown.header-menu__item.open:last-of-type .dropdown-toggle.header-menu__item-link { 
    padding-left: 30px;
  }
  .header-main-menu__primary .open>a>.plus-minus-icon:before {
    -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(49%) saturate(1226%) hue-rotate(175deg) brightness(94%) contrast(96%);
    filter: brightness(0) saturate(100%) invert(11%) sepia(49%) saturate(1226%) hue-rotate(175deg) brightness(94%) contrast(96%);
    margin-right: 5px;
  }  
  li.dropdown.header-menu__item:last-of-type .plus-minus-icon:before {
    -webkit-filter: invert(67%) sepia(89%) saturate(7492%) hue-rotate(346deg) brightness(84%) contrast(146%);
    filter: invert(67%) sepia(89%) saturate(7492%) hue-rotate(346deg) brightness(84%) contrast(146%);
  }
  li.dropdown.header-menu__item.open:last-of-type .plus-minus-icon:before {
    -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(49%) saturate(1226%) hue-rotate(175deg) brightness(94%) contrast(96%);
    filter: brightness(0) saturate(100%) invert(11%) sepia(49%) saturate(1226%) hue-rotate(175deg) brightness(94%) contrast(96%);
    margin-right: 0;
  }
  li.dropdown.header-menu__item {
    border-top: 1px solid hsla(0,0%,100%,.3);
  }
}

/* Tweak styles for small breakpoint and below */
@media (max-width: 767px) {
  .page-intro-image {
    display: none;
  }
  .pc-autocomplete div div {
    background-position: 256px -5px;
  }
  .paging__sort-by, .paging__size {
    width: auto !important;
    margin-right: 20px;
  }
  .paging__pagination li:first-of-type, .paging__pagination li:last-of-type {
    margin: 0px;
  }
  .product-list .paging__navigation {
    padding: 0px;
  }
  .product-page-container__box .product-information__name {
    width: 100%;
    float: none;
  }
  .callout_button {
     width: 60%;
  }
  .header-main-menu .header-menu .header-menu__item:last-of-type a[href="/more-info/about-us"]{
    color:white !important;
    text-decoration: none !important;
  }
}

/* Tweak styles for extra small breakpoint */
@media (max-width: 480px) {
    .product-summary__image__ribbon-message {
      font-size: 0.8em;   
      top: 0;
      left: 0;
      letter-spacing: .0275rem;
    }     
    .product-summary__image {
      width: auto;
      height: 260px;  
    }   
    .product-summary__image span.responsive-image__inner {
      /* vertical-align: top !important; */
    }
    .product-list__grid__product {
      margin-top: 30px;
      margin-bottom: 0;
    }
    .callout_button {
      width: 100%;
    }
}

/* Placeholder heights for Pureclarity elements */
div [data-pureclarity*="bmz:A23-COUNTDOWN;"] {
  min-height: 400px !important;
}

div [data-pureclarity*="bmz:DAILY-DEALS;"] {
  min-height: 600px !important;
}

div [data-pureclarity*="bmz:HOMEPAGE-SLIDER;"] {
  min-height: 430px !important;
}

/* Temporary hide specific containers while PC content loads in */
.standard-container[data-gtm-category-name="Group Discounts"], .container .promotion-list, .faq {
  display: none;
}

.product-summary__image__ribbon-message, .product-images-container__primary-image__ribbon-message {
  display: none;
}