/*
Theme Name:         Haddonstone
Description:        Custom theme based on Foundation 6 by Zurb
Version:            1.0.0
Author:             Hallam
Author URI:         http://hallam.co.uk/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

Unfortunately WordPress will require a style.css file
located in the theme's root folder for stuff to work.

However, we will not be using vanilla CSS. We're using Sass.

Sass is a superset of CSS that adds in amazing features
such as variables, nested selectors and loops. It's also
the easiest way to customize Foundation.

All Sass files are located in the /assets/scss folder.
Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
'npm run watch' or 'npm run build'.

Please read the README.md file before getting started. More info on how
to use Sass with Foundation can be found here:
http://foundation.zurb.com/docs/sass.html

If you for some reason would like to write plain css instead of using Sass,
you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

.video-content-fullwidth {
  max-width:90rem;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
}
.video-content-fullwidth .video{
  width: 33.33%;
  padding: 0 12px;
  padding-bottom: 8px;
}
@media(max-width:991px){
  .video-content-fullwidth .video{
    width: 50%;
  }
}
@media(max-width:767px){
  .video-content-fullwidth .video{
    width: 100%;
  }
}
.button-wrapper{
  display: flex;
  justify-content: center;
}

.product-cat-video{
  max-width: 700px;
  margin: 50px auto;
}

.product-cat-video iframe{
  border: 0px;
  vertical-align: bottom;
  height: 390px;
}

@media(max-width:767px){    
  .product-cat-video{
    margin: 20px auto 30px;
  }

  .product-cat-video iframe{
    height: 320px;
  }
}

.single-merchandise__header-content-wrap a{
  order:13;	
}
/* 13-12-22 */
/* banner */
#banner {
  position: relative;
  height: auto;
  max-height: initial;
  display: block;
}
body.home .header--banner::before{
  z-index:11;
}

#banner .video {
  width: 100%;
  height: 50vw;
  max-height: 40rem;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: bottom;
}
#banner .header__row {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index:22;
}
body.home .header--banner::before {
  background-color: rgb(10 10 10 / 50%);
}

@media (max-width: 991px) {
  #banner .video {
    height: 600px;
    max-height: initial;
  }
}
@media (max-width: 767px) {
  #banner .video {
    height: 450px;
    max-height: initial;
  }
}
/* slider1 */
.slider1 .item {
  display: none;
}
.slider1 .item:first-child {
  display: block;
}

/* box1 */
.box1 {
  color: #363636;
  display: block;
  padding: 20px 15px 20px;
  border: 5px solid #f5f5f5;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.box1:hover {
  color: #363636;
  text-decoration: none;
}
.box1 .icon {
  display: block;
  margin-bottom: 15px;
}
.box1 .icon img {
  max-height: 33px;
}
.box1 h3 {
  font-size: 20px;
  font-weight: 700;
}
.box1 .link {
  color: #1e5d7a;
  margin-top: auto;
  text-decoration: underline;
  position: relative;
}
.box1 .link::after {
  content: url("./dist/assets/images/icons/icon-arrow-primary.png");
  display: inline-block;
  margin-left: 4px;
}

@media (max-width: 767px) {
  .box1 {
    padding: 40px 15px;
  }
}
/* list1 */
.list1 {
  list-style: none;
  padding-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
  row-gap: 25px;
}
.list1 li {
  width: 25%;
  padding: 0px 15px;
}

@media (max-width: 1199px) {
  .list1 li {
    width: 33.33%;
  }
}
@media (max-width: 991px) {
  .list1 li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .list1 li {
    width: 100%;
  }
}

/*
header
*/
.site-header{
  z-index:9999;
}

.edn-mulitple-text-content{
  font-family: "Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

.edn-custom-contact-link{
  font-family: "Frank Ruhl Libre",serif;
}

.edn-position-top .edn-container{
  background: #1d4e64 !important;
}

@media (max-width: 480px){
  .edn-notify-bar .bx-wrapper{
    padding: 6px 15px;
  }
}

/*#banner .swiper-slide { top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; }
#banner .swiper-slide iframe { width: 100vw; height: 56.25vw; min-height: 100vh;  min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: inherit; }
.swiper { height:50rem; }*/

#banner{ overflow: hidden; }
#banner .video-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; }
#banner .video-wrap iframe { width: 100vw; height: 56.25vw; min-height: 100vh;  min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: inherit; }
#banner .wrapper { height:50rem; }

@media(max-width: 1199px){
  #banner .wrapper { 
    height: 100vh; 
  }
}

/* 25-01-23 */
/* videos-container */
.videos-container .title {
  margin-left: auto;
  text-align: center;
  margin-bottom: 38px;
}
.videos-container .box {
  padding: 32px 30px 37px;
  background: #2B4D62;
  color: #ffffff;
}
.videos-container .box h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
}
.videos-container .box .list {
  list-style: none;
  margin: 0px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px 15px;
  margin-bottom: 16px;
}
.videos-container .box .list li {
  margin-bottom: 18px;
}
.videos-container .box .list li:last-child {
  margin-bottom: 0px;
}
.videos-container .box .youtube-link h2 {
  font-size: 21px;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.3333333333;
}
.videos-container .box .youtube-link .button {
  padding: 13px 12px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}
.videos-container .box .youtube-link .button::after {
  display: none;
}
.videos-container .box .youtube-link .button .icon {
  margin-right: 10px;
}
.videos-container .videos-wrap h2 {
  text-align: center;
}
.videos-container .videos-wrap .cell {
  margin-bottom: 70px;
}

@media (max-width: 1199px) {
  .videos-container .filter-wrap {
    margin-bottom: 40px;
  }
  .videos-container .title {
    margin-bottom: 20px;
  }
  .videos-container .box {
    padding: 30px 20px;
  }
  .videos-container .box .list {
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px 0px;
  }
  .videos-container .box .youtube-link h2 {
    font-size: 17px;
    line-height: 1.4117647059;
  }
  .videos-container .box .youtube-link .button {
    padding: 13px 12px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
  .videos-container .box .youtube-link .button::after {
    display: none;
  }
  .videos-container .box .youtube-link .button .icon {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .videos-container .videos-wrap .cell {
    margin-bottom: 40px;
  }
}
.video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.video iframe {
  margin-bottom: 20px;
}
.video .description {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.video .description .button-wrap {
  margin-top: auto;
}

.check1 {
  position: relative;
  display: block;
}
.check1 input {
  position: absolute;
  left: 0px;
  opacity: 0;
  margin: 0px;
}
.check1 input:checked ~ .inner::before {
  background: #ffffff;
}
.check1 .inner {
  position: relative;
  padding-left: 30px;
  color: #ffffff;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  display: block;
}
.check1 .inner::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
}

.videos-container .pagination{
  width: 100%;
  margin: 0px;
  margin-left: 15px;
  margin-right: 15px;
}

/* hide label on product page */

.woo-variation-swatches.wvs-show-label .variations th.label {
  background: none;
  text-align: left;
  padding-left: 0;
  padding-bottom: 0;
}
.woo-variation-swatches.wvs-show-label .variations th.label label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}

/* 24-02-2023 */
.off-canvas-content.has-transition-push .site-header{ top: 0px !important; }
.off-canvas-content.has-transition-push{ -webkit-transform: none; -ms-transform: none; transform: none; }
.mobile-off-canvas-menu.off-canvas.is-transition-push{ z-index: 10000; }

@media (max-width: 480px){
  .edn-notify-bar .bx-wrapper .edn-mulitple-text-content {
    width: 100%;
  }
}

@media (max-width: 480px){
  body.single-product .reveal-overlay #resourcesModal {
    top: 154px !important;
  }
}
@media (min-width: 481px){
  body.single-product .reveal-overlay #resourcesModal {
    top: 190px !important;
  }
}
@media (min-width: 1200px){
  body.single-product .reveal-overlay #resourcesModal {
    top: 210px !important;
  }
}

/* Thank you page template styles */
.page-template-page-thank-you .header__row {
  justify-content: flex-start;
  text-align: left;
}

.page-template-page-thank-you .entry-content {
  margin-bottom: 20px;
}

/* wishlist on single product */

body.single-product .yith-wcwl-add-button,
body.single-product .yith-wcwl-wishlistaddedbrowse,
body.single-product .yith-wcwl-wishlistexistsbrowse {
  margin-bottom: 15px !important;
}

/* responsive header */

@media only screen and (min-width: 1024px) and (max-width: 1199px)  {
  .site-navigation {
    flex-direction: column;
    padding-bottom: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px)  {
  .desktop-menu {
    margin-left: 0;
  }
}




/* wishlist */

header .yith-wcwl-items-count .fa-heart-o::before {
  padding-right: 3px;
}

body.woocommerce-wishlist .yith_wcwl_wishlist_footer input[type=submit],
body.woocommerce-wishlist .product-add-to-cart a{
	background: #1E5D7A !important;
  color: #fff;
	width: 189px;
	font-family: "Frank Ruhl Libre",serif;
  font-weight: 400;
  font-size: 15px;
  position: relative;
	padding: .85em 1em .85em 1em;
  border: none;
  border: 1px solid #1E5D7A;
}

body.woocommerce-wishlist .yith_wcwl_wishlist_footer input[type=submit]:hover,
body.woocommerce-wishlist .product-add-to-cart a:hover{
  cursor: pointer;
  background: #fff !important;
  color: #1d4e64;
}

body.woocommerce-wishlist .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_update input[type=submit]{
  background: #fff !important;
  color: #1d4e64;
}

body.woocommerce-wishlist .yith_wcwl_wishlist_footer .yith_wcwl_wishlist_update input[type=submit]:hover {
  background: #1E5D7A !important;
  color: #fff;
}

body.woocommerce-wishlist .product-add-to-cart a {
    display: flex !important;
    justify-content: center;
    background: #fff !important;
    color: #1d4e64;
    margin-right: 0 !important;
}

body.woocommerce-wishlist .product-add-to-cart a:hover {
  background: #1E5D7A !important;
  color: #fff;
  text-decoration: none;
}

body.woocommerce-wishlist .wishlist-page-links {
	display: none;
}

body.woocommerce-wishlist .sidebar {
	display: none;
}

body.woocommerce-wishlist li .item-details table.item-details-table td,
body.woocommerce-wishlist .shop_table .label,
body.woocommerce-wishlist .shop_table a,
body.woocommerce-wishlist .shop_table span {
  font-size: 15px !important;
}

@media only screen and (max-width: 991px) {
  body.woocommerce-wishlist .item-details-table .label{
    min-width: 60px;
  }
  body.woocommerce-wishlist .additional-info-wrapper .label{
    min-width: 80px;
  }
  body.woocommerce-wishlist .shop_table h3 a {
    font-size: 21px !important;
  }
  body.woocommerce-wishlist li .item-details table.item-details-table td,
  body.woocommerce-wishlist .shop_table .label,
  body.woocommerce-wishlist .shop_table a,
  body.woocommerce-wishlist .shop_table span {
    font-size: 15px !important;
  }
}


@media only screen and (max-width: 576px) {
  body.woocommerce-wishlist .item-details-table .label{
    min-width: 60px;
  }
  body.woocommerce-wishlist .additional-info-wrapper .label{
    min-width: 80px;
  }
  body.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,
  body.woocommerce-wishlist .additional-info-wrapper .label,
  body.woocommerce-wishlist .additional-info-wrapper .wishlist-in-stock {
    font-size: 14px !important;
  }
  body.woocommerce-wishlist .product-add-to-cart {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
	.site-header .yith-wcwl-icon{
		padding-left: 35px;
		padding-right: 2px;
  }
}


/* Black friday sale */

.content_countdown {
  margin-top: 20px;
}

.content_countdown .element_conteiner {
  margin-right: 15px;
}

#main_countedown_1 .element_conteiner .time_left {
  background-color: #1e5d7a;
  font-family: "Frank Ruhl Libre", sans-serif;
}

#main_countedown_1 .element_conteiner .time_description {
  color: #fff;
  font-family: "Frank Ruhl Libre", sans-serif;
  font-size: 18px;
}

/*
.multisite-id-14 .header,
.multisite-id-15 .header{
  margin-top: 16px;
}
.multisite-id-14 .tax-product_cat .header,
.multisite-id-15 .tax-product_cat .header {
  margin-top: 3px;
}

.tax-product_cat.slick-active .breadcrumbs-wrapper {
  margin-top: 10px;
}
*/

.countdown-container {
  padding-top: 45px;
}
.countdown-container h4 {
  text-align: center;
  margin-bottom: 0;
  color: #1e5d7a;
}
.single-product #main_countedown_1 .countdown{
  margin-bottom: 10px;
}
 
@media print, screen and (min-width: 64em) {
    body.multisite-id-14 .header--sale-placement .header__content {
        padding-top: 3rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (max-width: 1023px) {
      body.multisite-id-14 .header--sale-placement#banner {
        height: 900px;
      }
}

@media screen and (max-width: 599px) {
      body.multisite-id-14 .header--sale-placement#banner {
        height: 900px;
      }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
     body.multisite-id-14 .header--sale-placement#banner {
        height: 78vw;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
     body.multisite-id-14 .header--sale-placement#banner {
        height: 63vw;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1919px) {
     body.multisite-id-14 .header--sale-placement#banner {
        height: 56vw;
    }
}

@media screen and (min-width: 1920px) {
    body.multisite-id-14 .header--sale-placement#banner {
        height: 52vw;
    }
}


@media (min-width: 481px){
  .countdown-container {
    padding-top: 120px;
  }
}
@media (min-width: 768px){
  .countdown-container {
    padding-top: 80px;
  }
}
@media (max-width: 480px){
  #main_countedown_1 .element_conteiner{
    min-width: 70px !important;
  }
  #main_countedown_1 .element_conteiner:nth-child(4){
    margin-right: 5px;
  }
  #main_countedown_1 .element_conteiner .time_description {
    font-size: 16px;
  }
  /*
  .tax-product_cat.slick-active .breadcrumbs-wrapper {
    margin-top: 20px;
  } */
}
@media (min-width: 481px){
  .single-product #main_countedown_1 .countdown{
    margin-bottom: 40px;
  }
}

/* 3D work */

canvas { width: 100%; height: 100%; display: block; }

/*
.page-id-7592 .off-canvas-content .component:nth-child(8) img {
	margin-left: 15%;
	width: 70%;
}
*/

/* Copings */

body.single-product .product .three-d-model {
  display: none;
}

body.single-product.logged-in .product.product_cat-copings .three-d-model {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

body.single-product.logged-in .product.product_cat-copings .three-d-model h3 {
  margin-top: 35px;
  margin-bottom: 28px;
}

body.single-product.logged-in .product.product_cat-copings .three-d-model p {
  margin-top: 25px;
  margin-left: 25px;
  margin-right: 25px;
  max-width: 410px;
}

/* UK */
.page-id-433.multisite-id-15 .off-canvas-content .component:nth-child(6) .cell,
.page-id-7592.multisite-id-15 .off-canvas-content .component:nth-child(8) .cell  {
	width: 100%;
	max-width: 1360px;
}

/* usa */
.page-id-433.multisite-id-14 .off-canvas-content .component:nth-child(7) .cell,
.page-id-7592.multisite-id-14 .off-canvas-content .component:nth-child(7) .cell  {
	width: 100%;
	max-width: 1360px;
}

.collada-container {
  display: flex;
}

.collada-container iframe {
	width: 100%;
	margin-bottom: 20px;
}

.collada-container p {
  margin-left: auto;
  margin-right: auto;
  max-width: 446px;
  margin-bottom: 30px;
}

.collada-container a {
	min-width: 110px;
	padding: 15px;
}

.collada-container .button:after {
	content: none;
}

.collada-container ul {
  display: flex;
}

.collada-container li {
	text-align: center;
}

.collada-container .button.active,
.collada-container .button:active {
  background: #FFF;
	border: 2px solid #1d4e64;
	color: #1d4e64;
}

@media only screen and (max-width: 1023px) {
	.collada-container {
		flex-direction: column;
	}
  .collada-container ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .collada-container li {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .collada-container li {
    flex: 25%;
  }
}


@media only screen and (min-width: 1024px) {
	.collada-container .column-1 {
		width: 49%;
	}
	.collada-container .column-2 {
		width: 48%;
		margin-left: 3%;
	}
	.collada-container .column-1 ul {
		flex-direction: row;
    flex-wrap: wrap;
		display: flex;
    margin-left: auto;
    margin-right: auto;
	}
  .page-id-433 .collada-container ul {
    flex-direction: column;
  }
  .page-id-433 .collada-container ul li a {
    min-width: 240px;
  }
  .page-id-7592 .collada-container.column-1 ul{
    height: 300px;
  }
  .page-id-7592 .collada-container .column-1 li {
    width: 25%;
  }
  .collada-container a {
    min-width: 112px;
  }
}


@media only screen and (min-width: 1200px) {
  .collada-container a {
    min-width: 140px;
  }
}
/*12-08-25*/

.card__event-venue {
	font-weight: bold;
}

.card__event-date {
	color: #777;
}

.card__content {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 1rem;
}

.card__image-container img{
	width: 100%;
    object-fit: cover;
}

/* 18-08-25 */

.post.card .card__content,.team_members.card .card__content {border:none;}

@media (min-width: 767px) {
    .event-panel {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1rem;
    }
}

.event-panel {
    border: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 32px;
    padding: 32px;
}
.event-panel .event-panel__details {
    grid-column: 1 / span 1;
}
.event-panel .event-panel__list {
    list-style: none;
    margin: 0 0 1rem;
}
.event-panel .event-panel__list li {
    margin-bottom:8px;
}
.event-panel .event-panel__list li .event-panel__subheading {
    display: block;
    font-weight: bold;
}

.monolith_events-template-default .breadcrumbs {
  margin-top: 20px;
}

/* wishlist */

.ywgc-predefined-amount-button.selected_button {
	background: #1d4e64;
}

.ask-an-estimate-button,
.yith-wcwl-ask-an-estimate-button {
	display: flex !important;
	justify-content: center;
	width: 289px;
	font-family: "Frank Ruhl Libre", serif;
	font-weight: 400;
	font-size: 15px;
	position: relative;
	padding: .85em 1em .85em 1em;
	border-radius: 0 !important;
}

@media (max-width: 991px) {
  body.woocommerce-wishlist .yith_wcwl_wishlist_footer input[type=submit] {
    width: 100%;
    margin-top: 20px;
  }
}


.ask-an-estimate-button {
  background: #1E5D7A !important;
	color: #fff;
}

.ask-an-estimate-button:hover {
  background: #fff !important;
	color:  #1E5D7A !important;
  border: 1px solid #1E5D7A !important;
}

.yith-wcwl-ask-an-estimate-button::after {
	display: none;
}
.page-id-39930 .main-container,
.page-id-44035 .main-container{
	margin-bottom: 30px;
}

.pp_content .popup-description {
	display: none;
}

.pp_content .yith-wcwl-popup-content:before {
	display: block;
	content: 'Email me my wishlist';
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
}


/* Sale Banner Text Placement Styles */
@media screen and (max-width:1023px){
    .header--sale-placement#banner {min-height: 690px;}
}
@media screen and (min-width:1024px){
    .header--sale-placement#banner {height: 60vw;}
}
@media screen and (min-width:1920px){
    .header--sale-placement#banner {height: 40vw;}
}
.header--banner.header--sale-placement{-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}
.header--sale-placement .header__row{align-items:center;height:100%}
.header--sale-placement .header__content{display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;height:100%!important;width:100%!important;padding:20px;padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.header--sale-placement .header__content h4 {font-size: 141%;}
.header--sale-placement .header__content a.button {margin-top: 20px;}
@media print,screen and (min-width:40em){.header--sale-placement .header__content{padding-top:2rem!important;padding-bottom:2rem!important}}
@media print,screen and (min-width:64em){.header--sale-placement .header__content{padding-top:5rem!important;padding-bottom:5rem!important}}

/* Sale Banner Title (h2) */
.header--sale-placement .sale-banner-title{display:block!important;width:100%!important;text-align:center!important;font-size:1.75rem!important;margin:0!important;font-weight:bold!important;flex-shrink:0!important}
@media print,screen and (min-width:40em){.header--sale-placement .sale-banner-title{font-size:2rem!important}}
@media print,screen and (min-width:64em){.header--sale-placement .sale-banner-title{font-size:2.5rem!important}}

/* Page Header Title Container */
.header--sale-placement .page-header-title{width:100%!important;margin: 30px auto;text-align:center!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}

/* Main H1 Title */
.header--sale-placement .page-header-title h1{font-size:2.5rem!important;margin:0 0 0.5rem 0!important;text-align:center!important}
@media print,screen and (min-width:40em){.header--sale-placement .page-header-title h1{font-size:3rem!important;margin-bottom:0.75rem!important}}
@media print,screen and (min-width:64em){.header--sale-placement .page-header-title h1{font-size:3.5rem!important;margin-bottom:1rem!important}}

/* Banner Subtitle */
.header--sale-placement .banner-subtitle{display:block!important;text-align:center!important;font-size:0.9rem!important;margin:0!important;line-height:1.4!important}
@media print,screen and (min-width:40em){.header--sale-placement .banner-subtitle{font-size:1rem!important}}
@media print,screen and (min-width:64em){.header--sale-placement .banner-subtitle{font-size:1.125rem!important}}

/* Old h4 cleanup */
.header--sale-placement h4{display:block!important;width:100%!important;margin:0.25rem 0!important}


/* People Also Buy */

.people-also-buy {
	background-color: #F6F6F6;
	border-radius: 0;
	padding: 1.25rem 1.5rem;
  margin-bottom: 15px;
}

.people-also-buy--desktop {
	display: none;
   margin-right: 40px;
}

@media print, screen and (min-width: 1024px) {
	.people-also-buy--desktop {
		display: block;
	}
}

.people-also-buy--mobile {
	display: block;
}

@media print, screen and (min-width: 1024px) {
	.people-also-buy--mobile {
		display: none;
	}
}

.people-also-buy__heading {
	align-items: center;
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.people-also-buy__icon {
	color: #1D4E64;
	flex-shrink: 0;
	height: 20px;
	width: 20px;
}

.people-also-buy__title {
	color: #1D4E64;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.people-also-buy__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.people-also-buy__item {
	align-items: center;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1rem;
	padding: 20px 0;
}
.people-also-buy__item:nth-child(1){
  padding-top: 5px;
}

.people-also-buy__item:nth-last-child(1){
  padding-bottom: 5px;
}

.people-also-buy__item + .people-also-buy__item {
	border-top: 1px solid #DBDBDB;
}

.people-also-buy__product-link {
	align-items: center;
	color: #363636;
	display: flex;
	flex: 1;
	gap: 1rem;
	min-width: 0;
	text-decoration: none !important;
	font-weight: 400 !important;
}

.people-also-buy__product-link:hover {
	text-decoration: none;
}

.people-also-buy__product-link:hover .people-also-buy__product-title {
	color: #1D4E64;
}

.people-also-buy__image {
	flex-shrink: 0;
	height: 80px;
	width: 80px;
}

.people-also-buy__image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.people-also-buy__details {
	flex: 1;
	min-width: 0;
}

.people-also-buy__product-title {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 0.25rem;
	transition: color 0.2s ease;
}

@media print, screen and (min-width: 40em) {
	.people-also-buy__product-title {
		font-size: 1.25rem;
	}
}

.people-also-buy__price {
	color: #666666;
	display: block;
	font-size: 0.9375rem;
	font-weight: 600;
}

.people-also-buy__add-btn {
	align-items: center;
  background-color: transparent;
	color: #1D4E64;
	border: 2px solid #1D4E64;
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	gap: 0.25rem;
	justify-content: center;
	min-width: 5.625rem;
	padding: 0.5rem 1.25rem;
	text-decoration: none;
	transition: all 0.2s ease;
  order: 2;
}

.people-also-buy__add-btn:hover {
	background-color: #1a465a;
  color: #fff;
}

.people-also-buy__add-btn .people-also-buy__adding-text,
.people-also-buy__add-btn .people-also-buy__added-text {
	display: none;
}

.people-also-buy__add-btn.is-adding {
	opacity: 0.7;
	pointer-events: none;
}

.people-also-buy__add-btn.is-adding .people-also-buy__add-text {
	display: none;
}

.people-also-buy__add-btn.is-adding .people-also-buy__adding-text {
	display: inline;
}

.people-also-buy__message {
	align-items: center;
	border-radius: 0;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875rem;
	font-weight: 600;
	gap: 0.5rem 1rem;
	margin-top: 0.75rem;
	padding: 16px;
}

.people-also-buy__message--success {
	background-color: #e8f5e9;
	color: #2e7d32;
}

.people-also-buy__view-cart {
	align-items: center;
	background-color: #1D4E64;
	color: #ffffff !important;
	display: inline-flex;
	font-size: 0.8125rem;
	font-weight: 600;
	gap: 0.375rem;
	margin-left: auto;
	padding: 12px;
	text-decoration: none !important;
	transition: background-color 0.2s ease;
}

.people-also-buy__view-cart:hover {
	background-color: #163a4b;
	color: #ffffff !important;
}

.people-also-buy__view-cart svg {
	flex-shrink: 0;
}

.people-also-buy__message--error {
	background-color: #fbe9e7;
	color: #c62828;
}

.people-also-buy__product-info {
	min-width: 0;
}

.people-also-buy .people-also-buy__colours.variable-items-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	list-style: none;
	margin: 0;
	padding: 0 0 0 calc(80px + 1rem);
}

.people-also-buy .people-also-buy__colour-swatch {
	border: 1px solid #DBDBDB;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	overflow: hidden;
	padding: 0;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	width: 44px;
}

.people-also-buy .people-also-buy__colour-swatch:hover {
	border-color: #1D4E64;
}

.people-also-buy .people-also-buy__colour-swatch.selected {
	box-shadow: 0 0 0 3px #1E5D7A;
	border-color: #ffffff;
}

.people-also-buy .people-also-buy__colour-swatch .variable-item-span-image {
	display: block;
	height: 100%;
	width: 100%;
}

.people-also-buy .people-also-buy__colour-swatch .variable-item-span-image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

@media (max-width: 599px) {
  .people-also-buy--mobile .people-also-buy .people-also-buy__list ul.people-also-buy__colours li {
    width: 35px;
    height: 35px;
  }
}

/* NEW SERVER TEST */