@import url("https://use.typekit.net/iwa0vjp.css");

/* DELIVERY PAGE */
#delivery-returns-page {
  font-weight: 300;
}
#delivery-returns-page .double-columns li {
  font-size: var(--paragraph-font-size);
  margin: 8px 2%;
  line-height: 20px;
  list-style: disc;
  list-style-type: disc;
}
#delivery-returns-page p,
#delivery-returns-page table * {
  font-size: var(--paragraph-font-size);
}

.page-node-11441 p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.page-node-11441 table p {
  margin-top: 0;
  margin-bottom: 0;
}
.page-node-11441 strong {
  font-weight: 500;
}
.page-node-11441 h2 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.page-node-11441 table tbody tr td:not:first-child {
  font-weight: 300;
}

/* KITCHEN CATALOGUE PAGE */
#kitchen-catalogue-page main#wrap {
  position: relative;
}
#kitchen-catalogue-page main#wrap > nav + article {
  padding-top: 1.5em;
  padding-left: 14em;
}
#kitchen-catalogue-page .mainTitle {
  margin: 0;
}
#kitchen-catalogue-page .mainTitle.brdr-wrap {
  padding: 1.4em 0;
}
#kitchen-catalogue-page .mainTitle h1 {
  margin-bottom: 0;
}
#kitchen-catalogue-page .frac {
  margin-left: 0.05em !important;
  letter-spacing: -0.02em !important;
  padding-right: 0em !important;
  font-size: 0.8em;
}
#kitchen-catalogue-page .frac sup {
  top: 0;
}
#kitchen-catalogue-page .frac sub {
  bottom: 0;
}
#kitchen-catalogue-page .frac sup,
#kitchen-catalogue-page .frac sub {
  font-size: 0.94em;
  line-height: 0;
  vertical-align: baseline;
}
#kitchen-catalogue-page .frac + .dim {
  margin-right: 0.1em !important;
  font-size: 0.8em !important;
  margin-left: -0.1em !important;
}

/* Freestanding Cupboard */
#kitchen-catalogue-page .freestanding-cupboards .section-heading {
  margin-top: 3em;
}
#kitchen-catalogue-page .freestanding-cupboards .section-heading ~ .sub {
  margin-top: 0;
}
#kitchen-catalogue-page .freestanding-cupboards .price p,
#kitchen-catalogue-page .freestanding-cupboards .options p {
  margin: 0.1em;
}
#kitchen-catalogue-page .freestanding-cupboards .price p {
  font-weight: bold;
  margin: 0;
}
#kitchen-catalogue-page .freestanding-cupboards .price h4,
#kitchen-catalogue-page .freestanding-cupboards .options h4 {
  margin-bottom: 0.4em;
}
#kitchen-catalogue-page .editorial .section-heading {
  padding-top: 0em;
}

#kitchen-catalogue-page .editorial .section-heading h1 {
  font-size: var(--heading-primary);
  margin-bottom: 1em;
}

#kitchen-catalogue-page .grid-2-cols h2 {
  margin-bottom: 0.1em !important;
}
#kitchen-catalogue-page .grid-2-cols h4 {
  margin-bottom: 1em;
}
#kitchen-catalogue-page .grid-2-cols h4 span {
  font-weight: 300;
}
.side-nav ul .active a {
  font-weight: 700;
}
/* #catContent .wrktps img {
  max-width: 600px;
} */
#catContent .wrktps h1 {
  margin: 1em 0 0.8em;
}
#kitchen-catalogue-page table,
#kitchen-catalogue-page table td {
  border: 0 solid transparent;
}
#kitchen-catalogue-page table thead td {
  padding-bottom: 0.2em;
  font-weight: 500;
}
#kitchen-catalogue-page table td {
  padding: 0;
  line-height: 1.35em;
}
#kitchen-catalogue-page table td + td {
  text-align: right;
}
#kitchen-catalogue-page .grid-2-cols img {
  margin-top: 0.7em;
}
#kitchen-catalogue-page .grid strong {
  font-weight: 300;
}
#kitchen-catalogue-page .sub {
  margin: 0 0 1em;
}
#kitchen-catalogue-page .mainTitle.brdr-wrap {
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  #kitchen-catalogue-page .paint-colours .grid-4-cols {
    grid-template-columns: repeat(2, 1fr);
  }
  /*#product-page-new .grid.grid-60-40 {
    margin: 125px 0 2em;
  }*/
  #kitchen-catalogue-page main#wrap > nav + article {
    padding-top: 1.5em;
    padding-left: 0em;
  }
}
#kitchen-catalogue-page .grid-4-cols {
  margin-bottom: 2.8em;
}
#kitchen-catalogue-page .paint-colours .square {
  width: 100%;
  height: 12em;
  margin: 4% 1%;
  display: block;
  position: relative;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#kitchen-catalogue-page .paint-colours .square.one {
  background-color: #ce923c;
}
#kitchen-catalogue-page .paint-colours .square.two {
  background-color: #e1e2dd;
  color: #5e6672;
}
#kitchen-catalogue-page .paint-colours .square.three {
  background-color: #343b45;
}
#kitchen-catalogue-page .paint-colours .square.four {
  background-color: #d9d9d9;
  color: #7a7c7f;
}
#kitchen-catalogue-page .paint-colours .square.five {
  background-color: #c3bfb4;
}
#kitchen-catalogue-page .paint-colours .square.six {
  background-color: #999b9a;
}
#kitchen-catalogue-page .paint-colours .square.seven {
  background-color: #8aa8a3;
}
#kitchen-catalogue-page .paint-colours .square.eight {
  background-color: #446a70;
}
#kitchen-catalogue-page .paint-colours .square.nine {
  background-color: #212937;
}
#kitchen-catalogue-page .paint-colours .square.ten {
  background-color: #0b0b0d;
}
#kitchen-catalogue-page .paint-colours .square.eleven {
  background-color: #363c3c;
}
#kitchen-catalogue-page .paint-colours .square.twelve {
  background-color: #653c44;
}
@media screen and (max-width: 1200px) {
  #kitchen-catalogue-page #wrap {
    width: 90%;
  }
  #kitchen-catalogue-page #main > article {
    padding-left: 10em;
  }
}
@media screen and (max-width: 768px) {
  #kitchen-catalogue-page #main > article {
    padding-left: 0;
  }
  #kitchen-catalogue-page .wrapper {
    padding-bottom: 0;
    width: 100%;
  }
  #kitchen-catalogue-page .wrapper .dropdown-container {
    padding: 0;
  }
  #kitchen-catalogue-page .wrapper .dropdown-container:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  #kitchen-catalogue-page .wrapper .dropdown-container .brdr-wrap {
    padding: 1em 0 0.5em;
    margin-bottom: 0;
    border: none;
    margin-top: 1em;
  }
  /*#kitchen-catalogue-page .wrapper .dropdown-container .flex {
    justify-content: center;
  }*/
  #kitchen-catalogue-page .wrapper .dropdown-container .hddn-content.open {
    border-bottom: 1px solid #00000033;
    padding-bottom: 0.5em;
  }
}

@media screen and (max-width: 430px) {
  #kitchen-catalogue-page .info-card h1 {
    font-size: 1.125em;
  }
}

.kitchen-project .editorial.lalign,
.furniture .editorial.lalign {
  padding: 1em 0;
}

.kitchen-project .editorial.lalign.heading-large h1,
.node-type-showrooms .editorial.lalign.heading-large h1,
.furniture .editorial.lalign.heading-large h1 {
  font-size: 1.5em;
  margin-bottom: none;
  margin: 1em 0;
}

/* BROCHURE PAGE */
#brochure-page .editorial {
  max-width: 630px;
  margin-inline: auto;
}
#brochure-page .editorial h1,
#brochure-page .editorial form[name="personal"] > h2 {
  font-size: var(--heading-primary) !important;
}
#brochure-page .editorial .form-item input,
#brochure-page .editorial .form-item select {
  padding: 0.5em 0.5em;
  margin-bottom: 1.6em;
}
#brochure-page .editorial .form-item .description {
  font-style: italic;
  padding: 0 0.5em;
  float: left;
  opacity: 0.6;
}
#brochure-page
  .editorial
  .form-item.webform-component--where-did-you-hear-about-us
  label {
  width: auto;
  float: left;
  clear: both;
}
#brochure-page .editorial #addr {
  display: none;
  height: 0;
  transition: all 0.2s;
}
#brochure-page .editorial #addr.open {
  display: block;
  height: auto;
}
#brochure-page .editorial #addr.open #manual {
  display: none;
}
#brochure-page .editorial h2,
#brochure-page .editorial a {
  margin: 0.82% 0;
}
#brochure-page #edit-submitted-where-did-you-hear-about-us {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 5px;
  float: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0.82% 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  outline: none;
  border: 1px solid #00000033;
}
#brochure-page a#manual {
  color: var(--main-link-color);
  text-decoration: underline;
}

/* TV PAGE */
#tv-page .editorial .center .flex {
  justify-content: center;
  column-gap: 4em;
}
#tv-page .editorial .center .channels a {
  display: block;
  margin-top: 3em;
}
#tv-page .editorial .center .flex img {
  width: 10em;
}
/* #tv-page .editorial .center .flex img:last-child {
  margin-bottom: -2em;
} */
#tv-page section.center object {
  width: 900px;
  height: 506px;
}
@media screen and (max-width: 900px) {
  #tv-page section.center object {
    width: 100% !important;
    margin-inline: auto;
  }
}
/* #tv-page .tv-grid {
  max-width: 900px;
  margin: 0 auto;
} */
#tv-page .episode {
  margin-bottom: 3em;
}
#tv-page .grid object {
  height: 254px;
  width: 100%;
  margin-bottom: 1em;
}
#tv-page .grid object ~ h1,
#tv-page .grid object ~ h2 {
  margin-bottom: 0.8em;
}
#tv-page .center a[target="_blank"] {
  text-decoration: underline;
  color: var(--main-link-color);
}
#tv-page .info-card h1,
#tv-page .info-card h2,
#tv-page article div h2 {
  margin-bottom: 0.75em;
}
@media screen and (max-width: 768px) {
  #tv-page .channels {
    flex-direction: column;
    row-gap: 2.5em;
  }
}
@media only screen and (max-width: 430px) {
  #tv-page .episode {
    margin-bottom: 2em;
  }
}

/* SPECIFIC KITCHEN PROJECT PAGE */
#kitchen-project-page .section-heading.no-brdr {
  border-top: 1px solid #e5e5e5 !important;
}

/* DETAILS PAGE */
#details-page main#wrap {
  margin-top: 4em;
}
#details-page fieldset > h2.brdr-bttm {
  padding-bottom: 0.8em;
  margin-bottom: 1.8em;
}
#details-page label[for="edit-consent"] {
  margin-top: -0.1em;
}
#details-page .dropdown-container {
  border: 1px solid #00000033;
  padding: 2% 4%;
  height: min-content;
  order: 2;
}
#details-page .dropdown-container .flex {
  padding-bottom: 1em;
}
#details-page .dropdown-container .dd-btn {
  display: none;
}
#details-page .dropdown-container .hddn-content.open * {
  align-self: flex-start;
  line-height: 1.3em;
}
#details-page .dropdown-container .hddn-content.open h2 {
  font-size: var(--heading-primary);
}
#details-page .dropdown-container .hddn-content {
  padding-inline: 0 !important;
  margin: 1em 0;
}
#details-page .dropdown-container .hddn-content.open .flex {
  flex-direction: column;
}
#details-page .dropdown-container .hddn-content.open img {
  width: 30%;
}
#details-page .dropdown-container .order-total.flex {
  justify-content: space-between;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  #details-page .dropdown-container .dd-btn {
    display: block;
  }
  #details-page .dropdown-container .flex {
    justify-content: space-between;
  }
  #details-page .dropdown-container .dd-btn img {
    width: 100%;
    height: auto;
  }
  #details-page .dropdown-container {
    order: 1;
  }
  #details-page form {
    order: 2;
  }
}
#details-page .grid-2-cols h4.brdr-bttm {
  margin-bottom: 0.8em;
}
#details-page .deliv-amount {
  display: block;
  padding: 10px;
  width: 100%;
  background-color: #e4e4e4;
}
#details-page .copyright * {
  color: #5e66719d;
}
#details-page .copyright a {
  display: block;
  margin-bottom: 0.5em;
}
#details-page .copyright p {
  font-size: 14px;
}
/* REVIEW PAGE */
#review-page * {
  font-size: 1em;
}
#review-page .box h1 {
  font-size: var(--heading-primary);
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
}
#review-page .box.order h2.brdr-bttm {
  padding-bottom: 0.8em;
  margin-bottom: 1.8em;
}
#review-page .box .address p {
  margin-bottom: 0.1em;
}
#review-page .box h3 {
  margin-bottom: 1.2em;
}
#review-page .box .dispatch {
  font-weight: 400;
}
#review-page .order .flex img {
  width: 20%;
}
#review-page .order span.dispatch {
  display: block;
  margin-bottom: 1.8em;
}
#review-page .order .flex {
  align-items: flex-start;
  column-gap: 1em;
}
#review-page .order .flex h2 {
  margin-bottom: 0.4em;
}
#review-page .box .form-item {
  margin: 0;
}
#review-page .box.summary .flex.jc-sb:not(:last-child) {
  margin-bottom: 1.5em;
}
#review-page .box.deliv-info h2.brdr-bttm ~ h2 {
  font-weight: 300;
  margin-bottom: 2.2em;
}
#review-page .box.deliv-info article {
  margin-bottom: 1.6em;
}
#review-page .box.deliv-info article h2 {
  margin-bottom: 0.2em;
}
#review-page .box.deliv-info p:not(:last-child) {
  padding-bottom: 1.1em;
}
#review-page .box.deliv-info p a {
  color: var(--main-link-color);
  text-decoration: underline;
}
#review-page .box.payment h2,
#review-page .box.payment p {
  margin-bottom: 0.5em;
}
#review-page .box.payment .cards.flex {
  column-gap: 1.5em;
}
#review-page .box.payment .cards img {
  width: 3.5em;
}

@media screen and (max-width: 768px) {
  #review-page .box.payment .cards.flex {
    column-gap: 0.5em;
  }
}
#review-page .box.billing h2.brdr-bttm,
#review-page .box.summary h2.brdr-bttm,
#review-page .box.deliv-info h2.brdr-bttm,
#review-page .box.payment h2.brdr-bttm {
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
}
#review-page .box.billing input {
  margin-top: -0.2em !important;
}

/* CONFIRMATION PAGE */
#confirmation-page .grid-2-cols h2 {
  margin-bottom: 0.5em;
  font-size: 1.5em;
}
#confirmation-page .order-number {
  text-decoration: underline;
}
#confirmation-page .grid-2-cols p a {
  color: var(--main-link-color);
  text-decoration: underline;
}
#confirmation-page h3.brdr-bttm {
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}
#confirmation-page .order-grid {
  align-items: flex-start;
}
#confirmation-page .order-grid img {
  width: 10%;
  height: 10%;
}
#confirmation-page .order-grid > h2 {
  width: 100%;
  padding-left: 2em;
}
#confirmation-page .order-grid > h2 a {
  font-weight: 500;
}
#confirmation-page .btn {
  margin-top: 4.2em;
  width: 50%;
  margin-inline: auto;
  margin-bottom: 5em;
}
@media screen and (max-width: 768px) {
  #confirmation-page .btn {
    width: 100%;
    margin-inline: auto;
  }
  #confirmation-page #wrap {
    padding-inline: 0.5em;
  }
  #confirmation-page .order-grid img {
    width: 20%;
    height: 20%;
  }
  #confirmation-page .order-grid {
    padding-bottom: 10px;
    border-bottom: 1px solid #00000033;
  }
}

/* ABOUT US */
#about-us object {
  width: 100%;
  height: 600px;
}
#about-us .info-card h2 {
  margin-bottom: 0.8em;
}
@media screen and (max-width: 768px) {
  #about-us main#wrap {
    margin-top: 9vh;
  }
  #about-us object {
    width: 100%;
    height: 300px;
  }
}
/* CAREERS PAGE */
@media screen and (max-width: 768px) {
  #careers-page .center {
    text-align: left;
  }
  #careers-page .new-gallery #hero22 {
    background-image: url(/imgs/aboutUs/careers/careers-banner-mob.png) !important;
  }
}
#careers-page .wrapper {
  padding-inline: 12em;
}
#careers-page h1 {
  /*font-size: var(--heading-lrgr);*/
  margin: 1em 0 0.7em;
}
#careers-page .location {
  opacity: 0.6;

  font-size: 0.8em;
  /*font-family: specter, sans-serif;*/
  font-family: gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
}
#careers-page .dropdown-container .flex {
  /*column-gap: 2em;*/
  margin-bottom: 0.5em;
}
#careers-page .mrgn-bttm-small {
  margin-bottom: 15px;
}
#careers-page .location-desc {
  margin-bottom: 1.9em;
}
#careers-page .dropdown-container.brdr-bttm {
  padding-bottom: 1em;
}
#careers-page .dropdown-container .hddn-content p {
  margin-bottom: 1em;
}
#careers-page .dropdown-container .hddn-content p:last-child {
  margin-top: 0.5em;
}

/* DESIGN SERVICE PAGE */
#design-service .contact.flex {
  column-gap: 1em;
  margin-top: 0.3em;
}
#design-service .contact p:last-child {
  border-left: 1px solid #5e6671;
  padding-left: 1em;
}
#design-service article ul li {
  padding: 0.5em 0 0.5em 1em;
  list-style-type: "-";
}
#design-service .sub {
  max-width: 750px;
  margin: 1em 0 4em;
}

/* ABOUT US */
#our-story object {
  width: 1100px;
  height: 600px;
}
/* SHOP */
#shop .mainTitle {
  margin: 4.7em 0 2em;
}
@media screen and (max-width: 768px) {
  #shop .mainTitle {
    margin: 4.7em 0 3.8em;
  }
}

/* FAQs */
#faqs-page .navbar.flex {
  max-width: 800px;
  justify-content: space-between;
  padding: 2.8em 2em;
  margin-bottom: 4em;
  margin-inline: auto;
}
#faqs-page .navbar.flex a {
  text-decoration: none;
}
#faqs-page .navbar.flex a.active {
  text-decoration: underline;
}
#faqs-page .section-heading h1 {
  font-size: var(--heading-lrgr);
  margin-bottom: 2.4em;
}
#faqs-page .dropdown-container .flex {
  /*padding-bottom: 2em;*/
  margin-bottom: 1em;
}
#faqs-page .dropdown-container {
  padding: 1em 0 0.7em;
}
#faqs-page .dropdown-container p {
  margin-bottom: 0.8em;
}
#faqs-page .dropdown-container .flex {
  align-items: baseline;
}
#faqs-page .dropdown-container .hddn-content.open {
  /*margin: 1.8em 0 1.5em;*/
  margin: 0em 0 1em;
  height: auto;
  pointer-events: all;
}
@media screen and (max-width: 768px) {
  /*#faqs-page #wrap {
    margin-top: 170px;
  }*/
  #faqs-page .navbar.flex {
    max-width: 100%;
    padding: 2.8em 0em;
  }
  #faqs-page .dropdown-container h3 {
    line-height: 1.4em;
  }
}

@media screen and (max-width: 550px) {
  #faqs-page .mainTitle.center,
  #faqs-page .mainTitle.center h1,
  #faqs-page .mainTitle.center p {
    text-align: left;
  }
  #faqs-page .navbar.flex {
    padding: 0;
    margin-bottom: 2em;
    display: inline-block;
  }
  #faqs-page .navbar.flex a {
    padding-right: 2em;
    padding-bottom: 2.5em;
    float: left;
  }
}

/* NEWSLETTER */
#newsletter-page main {
  max-width: 100vw;
  padding-bottom: 0;
}
#newsletter-page .grid-2-cols img {
  display: block;
}
#newsletter-page .grid-2-cols article {
  max-width: 360px;
  margin-top: 7em;
  display: block;
  margin-left: 15em;
}
#newsletter-page .grid-2-cols form label {
  color: #58585899;
}
#newsletter-page .grid-2-cols form input {
  border-color: #58585899;
  border-radius: 0;
  font-family: var(--main-font);
}
#newsletter-page .grid-2-cols form input[type="submit"] {
  width: 70%;
  padding: 0.8em 0.75em !important;
  margin: 3.8em 0 1.8em !important;
  background-color: #27333f;
  color: #fff;
  border: none;
  font-family: inherit;
  letter-spacing: 0.2px;
  font-weight: 500;
  border: 0px transparent !important;
  border-radius: 0 !important;
  appearance: none;
  -webkit-appearance: none;
}
#newsletter-page p a {
  color: var(--main-link-color);
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #newsletter-page main#wrap {
    max-width: 100vw !important;
    margin-inline: 0;
  }
  #newsletter-page .grid-2-cols {
    margin-top: 7em;
  }
  #newsletter-page article {
    margin-inline: 9%;
  }
  #newsletter-page .grid-2-cols img {
    display: none;
  }
  #newsletter-page .grid-2-cols article {
    margin-top: 1.4em;
    margin-bottom: 2em;
    margin-inline: auto;
  }
  #newsletter-page .grid-2-cols form input[type="submit"] {
    border-radius: 0 !important;
    appearance: none;
    -webkit-appearance: none;
  }
}

/* Delivery and returns */
/* .page-node-11439 #wrap {
  max-width: 1000px;
  margin: 0 auto;
} */
.page-node-11439 .editorial .double-columns {
  column-count: 1;
}
.page-node-11439 .editorial .double-columns ul {
  column-count: 2;
}
.page-node-11439 th {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-node-11439 .editorial .double-columns ul {
    column-count: 1;
  }
  .page-node-11439 #countries {
    border: 0;
  }

  .page-node-11439 #countries tr {
    display: flex;
    flex-wrap: wrap;
  }

  .page-node-11439 #countries td {
    flex-basis: 50%;
    width: 50%;
    border: 0;
    padding: 0.25em 0;
  }
}

@media screen and (max-width: 800px) {
  .page-node-126 .mainTitle.center {
    text-align: left;
  }
  .page-node-126 .mainTitle.center p {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #kanchor {
    display: block;
    position: relative;
    top: -150px;
    top: -100px;
    visibility: hidden;
  }
}

.node-217 article.info-card p.price22 {
  font-style: italic;
}

/* Our story page */ 
@media screen and (max-width: 800px) {
  .node-372 .mainTitle.center p {
    max-width: 100%;
  }
}