body {font-family: 'graphik-regular'; font-weight: normal}
.fancybox__container {z-index:99999999 !important}

#enquiryMessage strong {background: mediumseagreen;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    display: block;}

.rural-check.form-check label:before {}
.rural-check.form-check label {}

/* HEADER */

header.sticky {
  position: fixed;
  top: 0; width:100%; z-index:9999;
    background: rgba(255,255,255,0.7);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {    width: 8px !important;
    height: 8px  !important;
    margin-right: 5px;
    border-radius: 50%; background:#ccc !important}

.owl-carousel button.owl-dot.active {background:#f32b33 !important}

header {height: 96px; position: relative; z-index:9999}
header.dm-container {padding:20px; margin: 0; height: auto; box-sizing: border-box;}
header.dm-container > .flex-row {position: relative; align-items: center;}

header .button {color: #fff; background: #E40822;}
.button {border-radius: 0; text-transform: uppercase; font-size: 16px; padding: 15px 25px; transition: 0.3s; font-family: 'graphik-medium'; text-decoration: none; color: #fff; background: #707070; display: inline-block;}
.button::after {display: none!important;}

.dm-container {margin:20px; background:#fff; display: block;}
.dm-container-sml {margin:30px; background:#fff; display: block;}
.dm-container-content {max-width: 75%; margin:30px auto;}

.dm-logo {flex:1;display: flex; align-items: center; gap: 16px;}
.dm-logo img { height: 80px; width: auto;}
.dm-logo a {display: block; width: 100px;}

.dm-logo-secondary {margin-left: 10px;}

.header-right {flex: 1; display: flex; justify-content: flex-end;}

.dm-navigation {width: 88.5%;}
.dm-top-nav li {display:inline-block}
.dm-top-nav a {color:#222; text-decoration: none; display: block; }

.dm-top-nav {border-bottom: 1px solid #eee; padding-top: 20px; position: relative;}
.dm-top-nav li {font-size: 12px;}
.dm-top-nav li a {padding: 5px 20px 20px 0 }

.dm-main-nav {margin: auto;}
.dm-main-nav ul {list-style:none; margin: 0; display: flex;}
.dm-main-nav li {font-size:16px; padding:0}
.dm-main-nav li a {display: inline-block; padding: 20px; font-size: 20px;}

.lang {position: absolute; right:20px; top: 20px; font-size: 13px;}


 #sib-container input:-ms-input-placeholder {
    text-align: left;
   font-family: 'graphik-regular';
    color: #c0ccda;
  }

  #sib-container input::placeholder {
    text-align: left;
       color: #c0ccda;font-family: 'graphik-regular';
  }

  #sib-container textarea::placeholder {
    text-align: left;
  font-family: 'graphik-regular';
    color: #c0ccda;
  }

.sib-form .entry__field {border:none !important}
.sib-form .entry__field:focus, .sib-form .entry__field:after {box-shadow:none !important}
.sib-form-block__button {padding:0; position: absolute; right:20px; bottom:5px}
.sib-form-block__button img {width: 15px;}
#sib-form {position:relative}

.main-category-link {display: inline-block; margin-top: 35px; background: #626365;
    padding: 10px 20px 12px;
    border-radius: 3px; color:#fff !important; border:none !important}


/* Google Recaptcha */

.grecaptcha-badge {display: none!important;}

/* Search */


.show-search { position: absolute; display: none; width: 100%; left: 0; top: 136px; border-top: 1px solid #ccc; background: #fff;}
.show-search input[type="text"] {width: 100%; background: #fff; color:#222; padding: 20px; border:none; outline:none; font-family: 'graphik-regular'; box-sizing: border-box; border-bottom: 1px solid #e6e4e1;}
.show-search button {position: absolute; right: 0; top: 0; margin: 0; padding: 0; background: url(/img/search.svg); border: none; z-index: 9999;background-size: 24px; background-position: center; background-repeat: no-repeat; height: 55px; width: 55px; outline:none}
.show-search button:after {display:none;}
.show-search button:hover {background: url(/img/search.svg); background-size: 24px; background-position: center; background-repeat: no-repeat;}

.show-search #product-suggestions-rows .description {display: none;}

#product-suggestions-rows {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: 30px;padding: 0 50px;}
#product-suggestions-rows .product-li {margin-top: 30px;}
#product-suggestions-rows .product-li a {background: #fff;box-sizing: border-box;text-decoration: none;width: 100%;display: block; position: relative;}
#product-suggestions-rows .product-li a .col-3{background: #f2f2f1;height: 350px;position: relative;}
#product-suggestions-rows .product-li a .col-3 img {mix-blend-mode: multiply;width: 100%;height: 100%;object-fit: contain;padding: 25px;box-sizing: border-box;}
#product-suggestions-rows h3 {color: #2f3335;line-height: 1.5; font-size: 15px; margin: 10px 0;}
#product-suggestions-rows p {font-size: 13px; color: #2f3335; line-height: 1.5; margin-bottom: 10px;}

#product-suggestions-rows .product-li a::after {content: ""; display: block; position: absolute; right: -15px; height: 100%; width: 1px; background: #f2f2f1; top: 0px;}
#product-suggestions-rows .product-li:last-child a::after,#product-suggestions-rows .product-li:nth-child(5n+5) a::after {display: none;}

.product-suggestions .view-all {width: 100%;background: #515354;display: block;text-align: center;text-decoration: none;color: #fff;padding: 15px 0;box-shadow: 0 27px 36px -36px #000; cursor: pointer; text-transform:uppercase; font-size: 12px; letter-spacing:1px; }


/* ZIP */

.zip-product-page {background-color: #e6e4e1; padding: 5px 10px; border-radius: 5px;}

#partPayCalculatorWidget {font-size: 15px !important; width:100% !important; background-color: #e6e4e1 !important;}
.dm-product-block .partPayCalculatorWidgetContent img, #partPayCalculatorWidget #partPayCalculatorWidgetLogo>img, #partPayCalculatorWidgetLearn img, .zip-container, .zip-logo  {
       max-width: none !important;
    margin: 0px !important;
mix-blend-mode:normal !important
}

.zip-container .zip-logo {width: 50px;}

.dm-product-block {position:relative;}


/* FOOTER */

#back-to-top-btn { display: none; position: fixed; bottom: 65px; right: 30px; z-index: 99; font-size: 24px; width: 40px; height: 40px; border: none; background-color: #000; color: #fff; cursor: pointer; opacity: 0.5; transition: opacity 0.3s ease; font-family: 'graphik-medium'; text-align:center; }
#back-to-top-btn:hover {opacity: 1;}

footer {background:#e6e4e1}
.dm-footer-grid {background:#e6e4e1; margin:0 30px}

.dm-footer-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 30px;}
.dm-footer-grid.dm-footer-nav {grid-template-columns: 22% 78%;}
.dm-footer-grid ul {list-style:none; margin:0; padding:0}

.dm-footer-top {text-transform: uppercase; font-family: 'graphik-medium'; padding: 20px 0; border-bottom:1px solid #222; font-size:14px; letter-spacing: 1px;}
.dm-footer-top a {text-decoration: none; color: #000;}
.dm-footer-nav {padding: 50px 0}
.dm-footer-nav li {margin: 10px 0; line-height: 20px; font-size: 14px}
.dm-footer-nav a {text-decoration: none; color: #000;}
.dm-footer-btm {padding: 20px 0; border-top:1px solid #222; font-size:12px; color:#767574}
.online-designs {text-align: right;}
.online-designs a {text-decoration: none; color: inherit;}

.dm-about-footer p {margin-bottom: 15px; font-size: 14px;}
.dm-newsletter-signup {margin-top: 40px; position: relative; }
.dm-newsletter-signup label {display: block; font-family: 'graphik-medium'; margin-bottom: 15px;}
.dm-newsletter-signup input[type="email"] {background:transparent; outline:none; position: relative; z-index: 800; width: 100%; display: block; border:none; border-bottom: 1px solid #000; padding: 10px 0; display:block; font-family: 'graphik-light';}
.dm-newsletter-signup button {position: absolute; background:transparent; border:none; right:0; bottom:0px; padding: 20px 0; z-index: 999; cursor: pointer;}


/* BASE STYLES */

h1 {}
h2 {font-family: 'queens_varlight'; font-size: 68px; font-weight: 400;}
h3 {font-family: 'graphik-medium'; font-weight: normal; font-size: 21px; color:#636466}
h4 {}
h5 {font-family: 'queens_varlight'; font-size: 42px; font-weight: normal; line-height:58px}
h6 {}

p {font-family: 'graphik-regular'; font-weight: normal; font-size: 16px; color:#2f3335; line-height: 26px;}
strong {font-weight: normal; font-family: 'graphik-medium';}

.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}

.vertical-middle {display:flex; align-items:center}

.line {height: 1px; background:#eee; display: block; margin-top: 0px;}

#faqs_outdoor {max-width: 1300px; margin: 0 auto; padding: 40px 0; border-top: 1px solid #eee; column-count:2; column-gap: 40px; scroll-margin: 300px;}
#faqs_outdoor h2 {font-family: 'graphik-medium'; font-size: 15px; letter-spacing: 2px; text-transform:uppercase; margin-bottom: 25px;}
#faqs_outdoor h3 {font-size: 17px; margin: 10px 0}
#faqs_outdoor p {margin-bottom: 35px;}

#faqs_lounge {max-width: 1300px; margin: 0 auto; padding: 40px 0; border-top: 1px solid #eee; column-count:2; column-gap: 40px; scroll-margin: 300px;}
#faqs_lounge h2 {font-family: 'graphik-medium'; font-size: 15px; letter-spacing: 2px; text-transform:uppercase; margin-bottom: 25px;}
#faqs_lounge h3 {font-size: 17px; margin: 10px 0}
#faqs_lounge p {margin-bottom: 35px;}

/* BANNER */

.dm-banner {background:#f32b33; overflow: hidden; position:relative; max-height: 800px;}
.dm-banner h1 {position: absolute; top: 60px; right: 80px; color:#fff; font-family: 'queens_varlight'; font-size: 72px; max-width: 500px; text-align:right}


.dm-banner .banner-overlay {position: absolute; width: 100%; height: 100%; z-index:900; display: block; top:0}
.banner-overlay .dm-container-sml {background:transparent; color:#fff; margin: 0 80px; display:flex; align-items:center; height:100%; width:100%}
.banner-overlay .dm-container-sml p {color:#fff; margin-bottom: 10px;}
.banner-overlay .dm-container-sml p strong {border-bottom: 1px solid #fff; display:inline-block; margin-top: 15px;}
.banner-overlay .dm-container-sml .dm-grid {width: 90%}
.sale-button {text-align:right; font-size: 55px; font-family: 'graphik-light'; margin-top: 40px;}
.sale-button.text-left {font-size: 45px; margin-top: 15px;}

.ar-16x9{display:block;position:relative}
.ar-16x9::before{content:"";display:block;padding-top:56.25%}
.ar-16x9>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.banner-overlay .dm-container-sml h5 {background:#f32b33; display:inline-block; font-family: 'graphik-medium'; text-transform:uppercase; letter-spacing: 2px; font-size: 20px; padding: 10px 15px 12px; line-height: 20px; margin-top: 15px; margin-bottom: 20px}

.banner-overlay.dark h2 {color: #636466;}
.banner-overlay.dark h4 {color:#f32b33; margin-top: 15px; font-size: 40px; font-family: 'graphik-light'; font-weight: 400;}
.dm-banner .mobile {display:none}

.banner-overlay.white h4 {margin-top: 15px;color: #fff; font-family: 'queens_varlight'; font-size: 40px; font-weight: 400;}

.banner-overlay.dark h4 strong {font-size: 25px; font-family: 'graphik-light'; font-weight: 400;}
.banner-overlay.dark h6 {color:#f32b33; margin-top: 15px; font-size: 25px; font-family: 'graphik-light'; font-weight: 300;}
.banner-overlay.dark h6 strong {font-size: 45px; font-weight: normal !important;font-family: 'graphik-light';}


.dm-container-sml.top {height: 50%;}
.dm-container-sml.middle {height: 70%;}
.dm-container-sml.bottom {height: 100%;}

/* HOME CATEGORY FEATURE */

.dm-categories-home {}
.cat-block-text {width: 50%; display: flex; align-items: center;}
.cat-block-slider {width: 50%; padding-top: 30px;}

.cat-block-text article {padding: 0 40px; max-width: 80%;}
.cat-block-text article h3 {margin-bottom: 30px; }

.cat-block-item {width: 100%}
.cat-block-item a {color:inherit; text-decoration: none;}
.cat-block-item article {padding: 30px 0}
.cat-block-item h3 {font-family: 'queens_varlight'; font-size: 30px; font-weight: 400; color:#222; margin-bottom: 20px;}

.owl-nav {display:none}


.cat-block-item figure {position: relative; overflow: hidden;}
.cat-block-item figure img {transition: 0.3s;}
.overlay-feature {opacity: 0;background: #6d6f7195;position: absolute;width: 100%;height: 100%;transition: all .5s ease-in-out;z-index: 999;top: 0px; left: 0px;}
.overlay-feature p {color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 70%;}
.cat-block-item figure:hover .overlay-feature {opacity: 1;}
.cat-block-item figure:hover img {transform: scale(1.1);}

/* HOME CATEGORY HERO FEATURE */

.cat-block-hero {background:#eee; position: relative;}
.cat-block-overlay-text {width: 100%; position: absolute; top:42%;}
.cat-block-overlay-text h4 {font-family: 'queens_varlight'; color:#fff; font-size: 72px; line-height:80px; max-width: 1000px; margin: 0 auto; text-align: center;}

/* CONTENT */


.dm-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-gap: 30px; margin: 30px 0}

.padding-50 {padding: 50px 0;}
.padding-200 {padding: 200px 0;}
.cream-bg {background: #e6e4e1;}
.grey-bg {background:#f3f3f3}

p small { font-size: 13px;  line-height: 1.5;  display: block;}

.dm-grid.content-block {grid-gap: 0;}
.content-block {align-items: center; width:100%;}
.content-block article {max-width: 70%; margin:0 auto; font-family: 'graphik-regular';   font-weight: normal;font-size: 16px; color: #2f3335; line-height: 26px;}
.content-block article a {color:inherit; border-bottom: 1px solid #222; text-decoration:none}

.content-block article h1 {margin: 40px 0; font-family: 'queens_varlight'; font-size: 68px;  font-weight: 400; line-height: 70px;}
.content-block article h2 {margin: 30px 0; line-height: 70px;}
.content-block article h5 {margin: 40px 0}
.content-block article p {margin: 25px 0}

.smaller {font-size: 0.8em;}

.divider {border-top: 1px solid #e6e4e1; border-bottom: 1px solid #e6e4e1; padding: 35px 0 20px 0}

.catalogue-gallery {padding: 5rem 0; position: relative;}
.catalogue-gallery .drag-gallery__item > span {text-transform:uppercase; letter-spacing:1px; margin-bottom: 20px; display:block; font-size: 13px; position:relative}
.catalogue-gallery .drag-gallery__item > span:after {content:' '; display:block; width: 100%; background:#ccc; height:1px; position:absolute; right:0; top:6px}
.catalogue-gallery .drag-gallery__item > span a {color:inherit; text-decoration:none; background:#fff; display:inline-block; position:relative; z-index:99; padding-right: 20px;}

.catalogue-swiper {padding-bottom: 50px!important;}

.catalogue-gallery .custom-navigation .swiper-button-prev {left: 35px;color: #2f3335!important;}
.catalogue-gallery .custom-navigation .swiper-button-prev::after {font-size: 30px !important;}
.catalogue-gallery .custom-navigation .swiper-button-next {right: 35px; color: #2f3335!important;}
.catalogue-gallery .custom-navigation .swiper-button-next::after {font-size: 30px !important;}

.catalogue-gallery .catalogue-swiper .swiper-slide span {text-transform:uppercase; letter-spacing:1px; margin-bottom: 20px; display:block; font-size: 13px; position:relative}
.catalogue-gallery .catalogue-swiper .swiper-slide span a {color:inherit; text-decoration:none; background:#fff; display:inline-block; position:relative; z-index:99; padding-right: 20px;}
.catalogue-gallery .catalogue-swiper .swiper-slide span:after {content:' '; display:block; width: 100%; background:#ccc; height:1px; position:absolute; right:0; top:6px}
.catalogue-gallery .catalogue-swiper .swiper-slide img {height: 95%; object-fit: cover;}

.catalogue-gallery .swiper-pagination {display: flex; justify-content: center; align-items: center;bottom:10p!important;}
.catalogue-gallery .swiper-pagination-bullet {transition: 0.5s;}
.catalogue-gallery .swiper-pagination-bullet-active {background: #ee1b2e!important; width: 12px; height: 12px; }

.catalogue-swiper {margin-left: 100px!important; height: 75vh;}
.catalogue-swiper::after {content: ""; position: absolute; top: 0; bottom: 0; left: auto; right: -80px; width: 50px; z-index: 9; box-shadow: -70px 0px 90px 80px white; background: linear-gradient(to right, rgba(255, 255, 255, 0), white);}


.review-item {padding: 2rem 0}
.review-item.large p {font-size: 24px; line-height: 36px;}
.review-item .dm-container-content {position:relative; padding-left: 30%}
.review-item .dm-container-content:before {content:' '; display: block; height: 1px; width: 25%; background:#ccc; left:0; position:absolute; top:10px}
.review-item.large .dm-container-content:before {top: 20px}

.content h3 {line-height: 45px; font-size: 30px; color:#222; font-family: 'graphik-regular'; }

.tasman-button {margin-top: 35px}

.button-link, .tasman-button {font-family: 'graphik-medium'; display: inline-block; color:inherit; text-decoration: none; position: relative;}
.button-link:after, .tasman-button:after {background: url(../img/arrow.svg) no-repeat; background-size: contain; content: ' '; width: 17px; height: 10px; margin-left: 10px; display: inline-block;}

.button:after {background: url(../img/arrow-white.svg) no-repeat; background-size: contain; content: ' '; width: 17px; height: 10px; margin-left: 10px; display: inline-block;}

.button:hover {background:#222}

.fixed-height-hero {height: 750px;overflow: hidden; position: relative; background:#000}
.fixed-height-hero img {position: absolute; width: 100%; height:100%; object-fit: cover;}

.hero-content {position: relative;}
.hero-content article {position: absolute; z-index: 999; width: 100%; text-align: center; color: #fff; top:38%}
.hero-content article h3, .hero-content article h1 {color:#fff; margin-bottom: 30px; font-size: 21px; font-weight: normal; font-family: 'graphik-medium';}
.hero-content .summary {position: absolute; left: 50px; bottom:40px; color: #fff; z-index: 999; width:400px}
.hero-content .summary p {color:#fff; margin-top: 20px}
.hero-content .summary p a {color:#fff;}
.hero-content .summary.right-version {left: auto; right: 50px;}


.hero-content.blog_article article h2 {width: 50%; align-content: center; display: inline-block;}

.hero-content .summary .button-link:after {background: url(../img/arrow-white.svg) no-repeat;}

.blur:after {position: absolute; content:''; display: block; left: -20%; top: -10%;  right: 0; bottom: 0;width:150%; height:150%;
background:#000; background:rgba(0,0,0,0.2); backdrop-filter: blur(4px); z-index: 900;}

.hero-newsletter {padding:4vw 0 8vw}
.hero-newsletter article {max-width: 1150px; margin: 0 auto;}
.hero-newsletter article h2 {margin-bottom: 100px;}
.hero-newsletter form {max-width: 700px; margin:0 auto}
.hero-newsletter form input {font-size: 21px;}
.hero-newsletter .dm-newsletter-signup button {width:22px}

.two-images-text article {padding: 40px}
.two-images-text article h1 {font-size: 36px; line-height: 45px; margin-top: 30px; font-family: 'queens_varlight';}
.two-images-text article h2 {font-size: 25px; line-height: 1.5; font-family: 'graphik-regular'; margin-top: 20px;}
.two-images-text article h3 {font-size: 16px; line-height: 24px;}

.two-images-text article p {margin: 15px 0; width: 72%;}
.two-images-text article p a {color:inherit; text-decoration:none; border-bottom: 1px solid #ccc}


.padding-big-top {padding: 150px 0 50px 0}
.padding-big-btm {padding: 0 0 100px 0}
.padding-normal {padding: 30px 0}
.margin-none {margin:0 auto !important}
.hero-image-text h4, .hero-text h4 {font-size: 30px; line-height: 45px; text-align: left;  max-width: 70%;}
.hero-text p {margin: 15px 0 0 0}

.one-column {max-width: 900px; margin: 0 auto;}
.three-columns {display: block;  columns: 300px 3; column-gap: 50px; vertical-align: top; }
.three-columns p {margin-bottom: 30px;}
.one-column p {margin: 25px 0}
.one-column p a {border-bottom: 1px solid #ccc; text-decoration:none; color:#222}
.one-column h6 {font-family: 'queens_varlight'; font-size: 21px;}
.one-column ul {margin: 15px; padding: 0 10px}
.one-column li {font-family: 'graphik-regular'; font-weight: normal; font-size: 16px; color: #2f3335; line-height: 26px;}


.one-column h1 {font-size: 30px; margin-bottom: 40px; line-height: 1.5;}

blockquote {font-size: 42px; line-height: 52px; text-align: center; margin: 0 auto; max-width: 800px; font-family: 'queens_varlight'; padding: 50px 0}

.content-grid h3 {color:#222; padding: 25px 0; font-family: 'graphik-regular'; font-size: 21px; line-height:1.5 }
.content-grid a {text-decoration: none;}


.instagram-feed {margin: 70px auto 30px; border-top: 1px solid #222; padding-top: 20px; max-width: 98%}
.instagram-feed h4 {font-family: 'graphik-medium'; font-size: 16px; margin-bottom: 25px;display: inline-block;}
.instagram-feed a {font-family: 'graphik-medium'; font-size: 16px; margin-bottom: 25px;text-decoration: none;color: #000;}
.instagram-grid > div {width: 19%;}


.blog-detail__content h2 strong {font-family: 'queens_varlight'; font-size: 38px; font-weight: 400;}
.blog-landing figure {height: 350px; position:relative;}
.blog-landing figure img {position:absolute; width: 100%; height:100%; object-fit:cover}

.one-column .blog-detail__content p a.button {color:#fff}

.finance-cards a {border: none!important;}
.finance-cards img {width: 100px;height: auto;display: inline-block;}

.payment-logos {justify-content: space-evenly;margin: 0 auto; display: flex; width: 70%; align-items: center; padding-top: 10px;}
.payment-logos img {width: 40px;height: auto;display: inline-block;}

/* PRODUCTS SELECTION */


.shop-filter {border-bottom: 1px solid #000; padding: 0px 0 25px 0; margin: 0px 0px 30px 0px;}
.shop-filter-open ul {list-style:none}
.filter-action a  {color:inherit; text-decoration: none; font-weight:500; font-size: 18px; display: flex;}
.filter-action a img {width: 13px; margin-left: 10px;}
.shop-filter-open {border-bottom: 1px solid #000; padding-bottom: 25px;}
.shop-filter-open li {margin: 12px 0}
.shop-filter-open li a {text-decoration: none; color: inherit;}
.shop-filter-open li a:hover {opacity: 0.5;}

.print-button {padding-bottom: 10px;}
.print-button a {display: flex; justify-content: flex-end;}
.print-button img {width: 30px;}

.button-wrap {display: flex;justify-content: space-between;}
.button-wrap a {border: none !important;}
.button-wrap img {width: 30px;height: 30px;}

.large { grid-column: auto / span 2; max-width: 100% !important }
.dm-grid .dm-item.large img {max-height:350px; width: auto; margin:0 auto;}

.featured .dm-item.large img {max-height:350px; width: 90%; margin:0 auto}


.dm-grid .dm-item.Meluka img, .dm-grid .dm-item.Until img, .dm-grid .dm-item.Baya img, .dm-grid .dm-item.NedCollection img, .dm-grid .dm-item.ArcAtelier img, .dm-grid .dm-item.Furtex img, .dm-grid .dm-item.Warranbrooke img, .dm-grid .dm-item.Citta img, .dm-grid .dm-item.Jellycat img, .dm-grid .dm-item.Sunnylife img, .dm-grid .dm-item.DanskeMobler img
{object-fit:cover;     position: absolute;
    width: 100%;
    height: 100%;
    max-height: none;}

.dm-grid .dm-item.category-item { grid-column: auto / span 2; max-width:100% }
.dm-grid .dm-item.category-item figure {height: 480px;}

.dm-grid .dm-item {max-width: 420px}

.dm-grid.featured .dm-item {max-width:500px}
.dm-grid.featured .dm-item.large {grid-column: auto / span 1 !important;}

.dm-grid .dm-item.category-item img {max-width:100%; max-height:100% !important; position: absolute; object-fit:cover; width: 100%; height: 100%; display:block !important; opacity:1 !important}
.dm-grid .dm-item.category-item .dm-price {font-size: 13px; opacity:0.8}

.dm-grid .dm-item {position:relative}
.dm-grid .dm-item a {color:inherit; text-decoration: none;}
.dm-grid .dm-item figure {height:380px; display: flex; align-items: center; position: relative; background:#f2f2f1;}
.dm-grid.featured .dm-item figure {display: flex; align-items: center; position: relative; background:#f2f2f1;}
.dm-grid .dm-item img {mix-blend-mode: multiply; margin:0 auto; max-height: 200px; width: auto}
.dm-grid .dm-item article {background:#fff; width:100%; padding-top: 20px; position:relative }
.dm-grid .dm-item article p {font-size: 15px;}
.dm-title {font-family: 'graphik-medium';line-height:21px; max-width: 80%}
.dm-price {}
.dm-price .was {color:#999}
.dm-price .price-now {color:#f32b33; font-family: 'graphik-medium';}
.dm-product-block .dm-price .was {font-size: 14px;}
.dm-product-block .dm-price .price-now {font-size: 19px}
.dm-sale {color:#f32b33; font-family: 'graphik-medium';}
.dm-option {position:absolute; bottom:20px; right:20px; display: block; z-index: 999; color:#636466; font-size: 12px; font-family: 'graphik-medium';}

.dm-item .insitu img.dm-hero {object-fit: cover;  position: absolute; width: 100% !important; height: 100% !important; left: 0;  max-width: 100%;  max-height: 100% !important;}
.dm-item .insitu .dm-option {color:#fff}

.dm-option.accoya {margin-left:0 !important; margin-top: 10px !important; background:#fff !important; border:none !important; padding-left:0 !important}
.dm-option.accoya > span {display:flex; align-items: center; justify-content: center;}
.dm-option.accoya img {width: 90px; margin-right: 10px;}
.accoya > span > span {
    border-bottom: 1px solid #222;
}

.dm-grid .dm-item img:nth-child(2) {
   display:none;
    opacity: 0;
}

.dm-grid .dm-item a:hover .insitu img:nth-child(2) {
    opacity: 0;
    display: block;
}

.dm-grid .dm-item a:hover .insitu img:nth-child(1) {
    opacity: 1;
    display: block;
}

.dm-grid .dm-item a:hover img:nth-child(1) {  opacity: 0; display:none;}
.dm-grid .dm-item a:hover img:nth-child(2) {  opacity: 1; display:block}

.flex-start {justify-content: flex-start; display:flex; flex-wrap:wrap; align-items:flex-start}

.dm-product-block .made-nz, .dm-product-block .dm-option {position:relative; margin:0; top:auto; bottom:auto; left: auto; right:auto}
.dm-product-block .made-nz {color:#fff !important}
.dm-product-block .dm-option {}


.dm-product-block .dm-option {

    display: inline-block;
    background: #fff; border:1px solid #636466;
    color: #636466;
    font-size: 10px !important;
    line-height: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px;
    margin-bottom: 12px; margin-left: 10px;
    font-family: 'graphik-medium';
}

.sale-tag {position: absolute; top: 10px; left: 10px; padding: 10px 15px; text-align: center; width: auto; background: #f32b33; display:block; z-index: 999; color:#fff; font-size:13px;}
.dm-product-block .sale-tag {font-size: 18px;}

.made-nz {position:absolute; right:0; top:10px; display: inline-block; background:#636466; color:#fff; font-size: 10px !important; line-height: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 7px; margin-bottom: 12px; font-family: 'graphik-medium';}

.made-nz a {border-bottom:none !important}

.dm-category-block .button {margin-top: 25px}
.dm-category-block .dm-grid {margin:0}

.dm-category-block .content-block article h1 {margin: 0 0 40px 0; font-size: 2vw; line-height: 2vw;}
.dm-category-block .content-block article img {max-width: 100px; margin:0}

/* PRODUCT PAGE */

.dm-product-block .dm-grid { grid-template-columns: 60% 40%; margin:0; align-items: flex-start;}
.dm-product-block img {mix-blend-mode: multiply; max-width: 85%; margin:40px auto;}
.product-images.dm-grid {grid-template-columns: 50% 50%;}
.product-images.dm-grid figure {padding:0; height: 100%; display: flex; align-items: center;}
.product-images.dm-grid figure a {margin: 0 auto!important;}
.dm-product-block .large img {}
.dm-product-block article {padding: 50px 0}
.dm-product-block .content-block article h3 {font-size: 16px; padding-top:10px}
.dm-product-block .content-block article h2 {font-size: 36px; line-height: 44px; margin: 15px 0}
.dm-product-block .content-block article p {color:#2f3335}
.dm-product-block .sticky {position: sticky; top:0}
.dm-product-block .dm-price {font-size: 21px; }

.modal .product-images.dm-grid {height:100%; min-height: 40vw}
.modal .product-images.dm-grid figure { padding: 0; height: 100%; display: flex; align-content: center;  align-items: center;}
.modal .product-images.dm-grid figure img {mix-blend-mode:multiply;}
.modal .dm-product-block .large img {max-height:none}
.modal .swiper, .modal swiper-container {mix-blend-mode:multiply; display: flex; align-items: center;  height: 100%;}
.modal .dm-product-block img {width:100%}
.modal swiper-slide {display:flex; align-items: center}
.modal .dm-product-block .content-block article p {font-size: 14px; margin-top:0; line-height: 22px;}

.dm-product-block .content-block article h1 {margin: 10px 0 20px; font-size: 60px; line-height: 62px;}

.accord-title {border-bottom:1px solid #ccc; padding: 15px 0}
.accord-text {background:#fff; padding:20px 0; border-bottom:1px solid #ccc;}
.accord-text ul li {display: block; line-height: 22px; margin: 10px 0; position: relative; padding-left: 25px; font-size: 15px;}
.accord-text ul li:before {content:'—'; position: absolute; left: 0; color:#999}
.accord-text em {font-style: italic;}
.content-block article .accord-text h5 {font-size: 12px; margin:10px 0 !important; line-height: 18px;  font-family: 'Graphik';}


.accordionjs {border-top: 1px solid #ccc; margin-top: 30px;}
.accordionjs .acc_section .acc_head::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #626365; /* Adjust the color as needed */
}

.accordionjs .acc_section.acc_active .acc_head::after {
  transform: translateY(-50%) rotate(90deg);
}

.add-to-cart-wrapper { margin: 10px 0 10px 0; display: block;}

.custom-select {position: relative; margin: 10px 0}
.custom-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width:100%;
    background: url(../img/down.svg) no-repeat 96% 24px; background-size: 15px; border:1px solid #ccc;
    padding: 15px; font-family: 'Graphik'; font-size: 16px;border-radius: 1px; }

.add-to-cart {display: flex; justify-content: space-between;}
.add-to-cart input {width:15%; text-align: center; border: 1px solid #ccc; font-family: 'graphik-light'; font-size: 18px; border-radius: 2px;}
.add-to-cart .button {font-size:18px; font-weight: normal; font-family: 'graphik-medium'; padding: 18px 0; width:100%; cursor: pointer;}
.add-to-cart .button:after {display:none}

.stock-box {padding: 15px 0 0px 0; line-height: 23px;  font-size: 14px;}
.stock-box strong {font-family: 'graphik-medium'; font-weight:normal}
.stock-box #availalbilityContainer.outofstock {color: #f32b33;}
.stock-box #availalbilityContainer.instock, #modalAavailalbility.instock {color:#41a85f; font-family: 'graphik-medium';}
.stock-box #availalbilityContainer.lowstock {color:darkorange; font-family: 'graphik-medium';}

#outOfStockMessage.custom_stock_message, #modalStockMessage.custom_stock_message { display: inline-block; background: #fff; border: 1px solid #636466; color: #636466; font-size: 10px !important; line-height: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 6px; margin-bottom: 12px; margin-left: 0px; font-family: 'graphik-medium'; }

.stock-box #availalbilityContainer span {font-weight:500; color:#222}
#outOfStockMessage {color: #f32b33; }
.custom_stock_message {margin-top: 10px; display: block}

.pStockMessage {display: inline-block; background: #fff; color: #636466; font-size: 10px !important; line-height: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 6px 0; margin-bottom: 12px; margin-left: 0px; font-family: 'graphik-medium'; margin-top: 10px;}

.back-page-comment {border: 1px solid #d6d6d3; padding: 10px; font-size: 13px; line-height: 16px; border-radius: 2px; background:#fafafa}

.dm-product-block button.button-link {margin-top: 0; margin-bottom:20px; padding:0;}

.alert-banner {width: 100%; background: #f32b33; display: none;}
.alert-banner a {color: #fff; text-decoration: none; padding: 15px; font-size: 13px;text-align: center; font-family: 'graphik-medium'; display: block; letter-spacing: 2px;}

/* FORMS */


.form-field {margin: 10px 0}
.form-field label {display:block; padding: 8px 0}
.form-field input {border: 1px solid #222; padding: 12px 0; text-indent: 12px;  font-family: 'graphik-regular'; font-size: 16px; line-height: 16px; background:transparent; display: block; width: 100%}


.order-review {margin: 20px 0}


/* NEWSLETTER PAGE FORM */

.newsletter-page .sib-form iframe {padding: 32px 0px !important;}
.newsletter-page .sib-form-block iframe {padding: 0px !important;}
.newsletter-page .sib-form .entry__field iframe {border: 1px solid #000 !important;border-radius: 2px !important;}
.newsletter-page #label-2 iframe {border-radius: 2px 0px 0px 2px !important;}
.newsletter-page #label-3 iframe{border-radius: 0px 2px 2px 0px !important; margin-left: -1px;}
.newsletter-page .sib-form .input:not(textarea), .sib-form .input__button iframe {height: 50px !important;}
.newsletter-page #sib-container iframe {padding: 0px !important;}

.newsletter-page .signup-split iframe {display: flex;}

.newsletter-page .sib-form-block__button:hover iframe{background: #000 !important;}

.newsletter-page .entry__label iframe {color: #000 !important;}
.newsletter-page .entry__label::after iframe {margin-left: 10px !important;}

.newsletter-page .sib-form .entry__error iframe {line-height: 2.5rem !important;}


/* NEWSLETTER FOOTER FORM */

.newsletter-footer #sib-form {padding: 0px!important;}
.newsletter-footer #sib-container {padding: 0px!important;}

.newsletter-footer .sib-form-block {padding: 0px!important;}

.newsletter-footer #sib-container input:-ms-input-placeholder { text-align: left; font-family: "Helvetica", sans-serif; color: #c0ccda; }
.newsletter-footer #sib-container input::placeholder { text-align: left; font-family: "Helvetica", sans-serif; color: #c0ccda; }
.newsletter-footer #sib-form > div:first-child {width: 100%;margin-left: 2.5%;position: relative;display: flex;border-radius: 4px;overflow: hidden;justify-content: space-between !important;}

.newsletter-footer .form-wrapper {width: 100%;position: relative;
  border-radius: 4px;overflow: hidden;justify-content: space-between !important;}

.newsletter-footer .sib-form .entry__field:hover {border: none!important;}
.sib-form .input:first-child, .sib-form .input__affix:first-child {padding: 0px!important;}

.newsletter-footer .entry__field {background: transparent!important;position: relative;width: 100%;display: block;font-family: 'graphik-light';border:none!important; border-bottom: 1px solid #000!important;font-size: 15px;box-shadow: none!important;}

/* LOCATION PAGES */

.one-column.new {padding: 30px 0; max-width: 100%; margin: 0;}
#store_details {padding-bottom: 60px;}
#store_details article {padding: 0; max-width: 100%; margin: 0;}
#store_details .one-column ul { margin: 0; padding: 0;}
#store_details .one-column li { font-family: 'graphik-regular'; font-weight: normal; font-size: 16px; color: #2f3335; line-height: 26px; list-style: none; border-bottom: 1px solid #eee; padding: 12px 0;}

.store_map iframe {width:1000px; height:450px;}
.location-list a .title strong {display: inline;padding-bottom:2px; border-bottom: 1px solid #2f3335;}

.outlet-badge {display: inline-block; background-color: #e30613; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-left: 5px;padding: 5px 7px; line-height: 11px;}


/* BANNER HOMEPAGE */

.margin-banner {margin-left: 200px;}

/* SHOWROOMS */
.showroom h1 {text-align:center; font-size: 30px; margin-bottom: 45px;}
.search-stockists {position:relative}
.search-stockists button {position:absolute; right:0; top:4px; width: 40px; height: 40px; background:#fff; border:0; z-index:99; cursor:pointer}

.stockists-list {grid-template-columns: 33% 65%;}
.stockists-list .box-content {max-height: 700px; overflow: hidden; overflow-y: scroll;}

.stockist {border-bottom: 1px solid #ccc; padding: 10px 0 15px 0; position:relative}
.region {text-transform:uppercase; background: #636466; color:#fff; font-family: 'graphik-medium'; letter-spacing: 1px; display:inline-block; padding: 10px 12px; line-height: 13px; font-size: 13px; margin: 0 0 15px 0}
h4.region {line-height: 13px; font-size: 13px;position: relative;margin-top: -1px;}

.stockist p a:first-of-type {color: #222;text-decoration: none; border-bottom: 1px solid #ccc;}
.stockist a {color:inherit; text-decoration:none;}
.stockist p {margin: 15px 0px; width: 95%;}

.google-link {position: absolute; right:15px; bottom:30px; font-size: 13px; padding-bottom: 3px;}
.google-link i {margin-left: 2px; opacity:0.4}


.stores .item {border-bottom: 1px solid #e6e4e1; padding: 30px 0;margin-top:-31px;}
.stores .item a {color:#222; text-decoration:none; border-bottom: 1px solid #ccc;}
.stores .button-link {margin-top: 20px; border-bottom:none !important}
.stores .item-title {text-transform:uppercase; letter-spacing:1px; font-size: 17px; margin-bottom: 15px;}

.homewares {padding: 50px 0; width: 100vw; max-width: 100%; overflow: hidden;}
.homewares, .homewares .dm-container-sml {background: #faf8f5;}

.homewares article {width: 400px;}
.homewares article p {margin-bottom: 10px;}
.homewares article p:last-child {margin-bottom: 0px;}

.homewares .swiper-overflow {width: 100vw; margin-top: 40px;}
.homewares .swiper-slide {width: 30%!important; }
.homewares .swiper-slide a {text-decoration: none;}
.homewares .swiper-slide figure {height: 60vh; margin-bottom: 20px;}
.homewares .swiper-slide figure img {width: 100%; height: 100%; object-fit: cover;}
.homewares .swiper-pagination {position: relative; bottom: 0px!important; margin-top: 25px;}
.homewares .swiper-pagination-bullet {width: 8px; height: 8px; transition: 0.5s; margin-right: 5px;}
.homewares .swiper-pagination-bullet-active {background: #f32b33;}

/* Consultation Pages */
.dm-banner.consultation {position: relative; background: #000;}
.dm-banner.consultation img {width: 100%; height: 100%; object-fit: cover; opacity: 0.7;}
.dm-banner.consultation article {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; width: 100%; z-index: 1;}
.dm-banner.consultation article h1 {position: relative; top: auto; right: auto; text-align: left; font-family: 'graphik-light'; font-weight: normal; font-size: 20px; margin-bottom: 20px;}
.dm-banner.consultation article h2 {color: #fff; max-width: 950px; font-size: 95px; font-weight: 400;}

.grid-left {margin: 0; grid-template-columns: 1.2fr 1fr; grid-gap: 0px;}
.grid-left article:first-of-type {padding-left: 10%; padding-right: 150px;}
.grid-left article:last-of-type {padding-right: 10%;}
.grid-left article h3 {font-family: 'queens_varlight'; color: #000; font-size: 70px; line-height: 75px; margin-bottom: 10px;}
.grid-left article h4 {font-family: 'graphik-regular'; font-size: 20px; color: #6e6f71; line-height: 26px; margin-bottom: 25px;}
.grid-left article p {max-width: 505px; margin: 0 auto 15px; line-height: 1.8; font-size: 18px;}
.grid-left article:first-of-type p {margin-left: 0px; max-width: 600px;}
.grid-left figure img {height: 100%; width: 100%; object-fit: cover;}

.dark-bg {background: #6e6f73;}
.dark-bg article h3 {color: #fff;}
.dark-bg article p {color: #fff;}

.form-text {max-width: 1000px; margin: 0 auto; width: 100%;}
.form-text h3 {font-family: 'queens_varlight'; color: #000; font-size: 70px; line-height: 75px; margin-bottom: 15px; text-align: center;}
.form-text h4 {font-family: 'graphik-regular'; font-size: 20px; color: #6e6f71; line-height: 26px; margin-bottom: 50px; text-align: center;}
.form-text h6 {font-family: 'graphik-regular'; font-size: 14px; color: #6e6f71; line-height: 26px; margin-bottom: 30px; text-align: center;}

.form-grid {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px 20px; width: 100%;}
.form-grid .form-field {width: 100%; margin: 0;}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* PROTOTYPE PAGE */

#colorName {font-size: 14px; color: #999;}

.colour-swatch {margin: 20px 0; padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.colour-swatch p {margin: 0 0 10px!important;}
.colour-swatch .button-row {display: flex; gap: 10px;}
.colour-swatch .swatch-button {background: #fff; cursor: pointer; font-family: 'graphik-regular'; position: relative; font-size: 12px; line-height: 15px; padding: 10px 15px; color: #8B8B8B; border: 1px solid #8b8b8b; box-sizing: border-box; transition: 0.3s;}
.colour-swatch .swatch-button.active {background: #8B8B8B; color: #fff;}

.swatch-wrapper {margin-top: 20px; position: relative;}

.group-name {position: relative; display: inline-block; padding-right: 20px; line-height: 1; margin-bottom: 10px; cursor: pointer;}
.group-name::before {content: '?'; position: absolute; right: 4px; top: 2px; font-size: 8px; color: #999; line-height: 1!important}
.group-name::after {content: ''; display: block; position: absolute; right: 0; top: 0; width: 12px; height: 12px; border: 1px solid #999; box-sizing: border-box; border-radius: 50vw;}

.tooltip {display: none; position: absolute; top: 0; left: 0; width: 100%; background: #fafafa; z-index: 999; box-sizing: border-box; border: 1px solid #ccc; padding: 25px; border-radius: 2px;}
.tooltip figure {width: 100%; height: 0; position: relative; padding-bottom: 80%; background: #999; border-radius: 3px; overflow: hidden;}
.tooltip .close-icon {position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; cursor: pointer;}
.tooltip .close-icon::before, .tooltip .close-icon::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 15px; height: 1px; background: #999;}
.tooltip .close-icon::after {transform: translate(-50%,-50%) rotate(135deg);}
.tooltip .grid {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.tooltip.is-open {display: block;}

.swatches {display: grid; grid-gap: 10px; grid-template-columns: repeat(9,1fr);}
.swatches .swatch {display: block; position: relative; box-sizing: border-box; width: auto; height: 0; padding-bottom: 100%; border-radius: 50vw; border: 1px solid #ccc; background: #fff; transition: 0.3s; cursor: pointer;}
.swatches .swatch.selected {border: 1px solid #f32b33}

/* Placeholder for images? if its colours we can update accordingly*/
.swatches .swatch::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: 70%; border-radius: 50vw; background: #000;}


.swatches .swatch.is-hidden {display: none;}
/* FLEX */

.flex-row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: stretch;
}

.flex-row.top {
    align-items: flex-start !important;
}

.flex {
    display: flex;
    align-items: flex-start | flex-end | center | baseline;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-plain {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.columns-2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    align-self: flex-start;
}

.flex-row.stretch {
    display: flex;
    align-items: flex-start | flex-end | center | baseline | stretch;
    flex-wrap: wrap;
    justify-content: center;
}


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

Gallery Highlight Feature

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

.adv-gallery {
  position: relative;
  z-index: 1;
}

.adv-gallery__grid {
  display: grid;
  gap: 2rem;
  width: calc(100% - 3rem);
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.adv-gallery__img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.adv-gallery__label {
  background-color: hsl(240, 4%, 95%);
  padding:  2rem;
}

.adv-gallery__label-line {
  display: none;
}

.adv-gallery__label-text {
  font-size: 1.375rem;
}

/* HAWKES BAY */
  html {scroll-behavior: smooth;}

  .red-bg {color: #fff; background: #E40822;}
  .hb-bg {background: #E6E4E1; color: #000;}

  .grid-banner {display: grid; grid-template-columns: 1fr 1fr;}
  .grid-banner article {width: 85%; margin: auto;}
  .grid-banner article h1 {font-size: 16px; margin-bottom: 20px}
  .grid-banner article h2 {margin-bottom: 30px;}
  .grid-banner article h3, .content h3, footer h3 {font-size: 42px; line-height: 50px; margin-bottom: 30px; font-family: 'graphik-regular';}
  .grid-banner article h6, .content h6, footer .details h6 {font-size: 18px; margin-bottom: 30px; font-family: 'graphik-medium'; text-transform: uppercase;}
  .grid-banner article p, .content p {font-size: 25px; font-weight: 500; color: #fff; margin-bottom: 20px;}
  .grid-banner article .button-link {border-bottom: 1px solid #fff; padding-bottom: 10px; margin-top: 10px;}

  .red-bg.grid-banner article .button-link::after {filter: invert(1);}

  .hb-bg.grid-banner article p, .content h3, .hb-bg.grid-banner h3, footer h3 {color: #000;}
  .hb-bg.grid-banner article .button-link {border-bottom: 1px solid #000; padding-bottom: 10px; margin-top: 10px;}

  .hb-bg.grid-banner.small-text article p, .content p {font-size: 20px; line-height: 28px; color: #000;}

  .content {margin: 65px 0; position: relative;}
  .content .button {margin-top: 20px;}
  .content .swiper-pagination {}

  .hb-grid {display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; margin: 65px 0 0; grid-gap: 65px;}
  .hb-grid > article {width: 85%; margin: auto;}
  .hb-grid > article p {max-width: 85%;}
  .hb-grid .swiper {width: 100%;}
  .hb-grid .swiper figure {position: relative;}
  .hb-grid .swiper figure span {position: absolute; top: 0; left: 0; box-sizing: border-box; color: #fff; font-family: 'graphik-medium'; font-size: 16px; background: #E40822; padding: 15px 10px;}
  .hb-grid .swiper-pagination {position: relative; bottom: auto !important; margin-top: 25px; display: flex;}
  .hb-grid .swiper-pagination .swiper-pagination-bullet {margin: 0 5px!important; width: 5px!important; height: 5px!important; background: #BFBFBF; opacity: 1!important; transition: 0.3s;}
  .hb-grid .swiper-pagination .swiper-pagination-bullet-active {background: #E40822;}
  .hb-grid .swiper-pagination .swiper-pagination-bullet:first-child {margin-left: 0px!important;}

  h3.center {text-align: center; font-family: 'queens_varlight'; font-size: 50px; font-weight: 400;}

  footer {background: #fff;}
  footer .wrapper.grid {max-width: 95%; margin: 80px auto; display: grid; grid-template-columns: 2fr 1fr; align-items: center;}
  footer h3 {font-size: 48px;}
  footer .details {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60px;}
  footer .details p {font-size: 18px; color: #000; margin-bottom: 20px;}
  footer .details p:last-child {margin-bottom: 0;}

  footer .details .flex-row p {margin-bottom: 0px;}

  .dm-footer-btm {padding: 30px 20px; margin: 0; background: #707070; color: #fff; border: 0; align-items: center;}
  .dm-footer-btm p, .dm-footer-btm a {font-size: 15px; color: #fff; line-height: 1;}


  /* New Website Updates */

.bedsrus-banner img { display: block; width: 100%; height: auto;}


/* END HAWKES BAY */

@media (min-width: 64rem) {
  .adv-gallery__grid {
    grid-template-columns: repeat(12, 1fr);
  }

  .adv-gallery__grid > :nth-child(1) {
    grid-column: span 5;
  }

  .adv-gallery__grid > :nth-child(2) {
    grid-column: span 7;
  }

  .adv-gallery__grid > :nth-child(3) {
    grid-column: span 9;
  }

  .adv-gallery__grid > :nth-child(4) {
    grid-column: span 3;
  }
}

@media (min-width: 85.5rem) {
  .adv-gallery__grid {
    gap: 1.5rem;
    grid-template-rows: repeat(12, 50px);
  }

  .adv-gallery__grid > :nth-child(1) {
    grid-column: 1/4;
    grid-row: 1/7;
  }

  .adv-gallery__grid > :nth-child(2) {
    grid-column: 1/4;
    grid-row: 7/-1;
  }

  .adv-gallery__grid > :nth-child(3) {
    grid-column: 4/11;
    grid-row: 1/-1;
  }

  .adv-gallery__grid > :nth-child(4) {
    grid-column: 11/13;
    grid-row: 1/-1;
  }

  .adv-gallery__img {
    height: 100%;
  }

  .adv-gallery__label {
    display: flex;
  }

  .adv-gallery__label-inner {
    margin-top: auto;
  }

  .adv-gallery__label-line {
    display: block;
    border-left: 1px solid hsl(230, 7%, 23%);
    height: 96px;
    margin-bottom: 1.5rem;
  }
}


.cd-padding-y-xl {
  padding-top: 0rem;
  padding-bottom: 4.5rem;
}