/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap'); */
@font-face {
  font-family: 'Saans';
  src: url('../font/Saans-Regular-1.woff2') format('woff2'),
      url('../font/Saans-Regular-1.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Saans medium';
  src: url('../font/Saans-Medium-1.woff2') format('woff2'),
      url('../font/Saans-Medium-1.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Saans';
  src: url('../font/Saans-RegularItalic-1.woff2') format('woff2'),
      url('../font/Saans-RegularItalic-1.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
*, ul{
    margin: 0;
    padding: 0;  
    box-sizing: border-box;   
}
::selection{background-color:#000; color:#fff !important;}
::-moz-selection{background-color:#000000; color:#fff !important;}

.clig ::selection{background-color:#fff; color:#000 !important;}
.clig ::-moz-selection{background-color:#fff; color:#000 !important;}

/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #eee;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #222;
  transition: all 300ms ease-out;
  cursor: pointer;
  opacity: 0.9;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  opacity: 1;
}

body{
  width: 100%;
  font-size: 16px;
  line-height: 1.3;
  font-family: 'Saans';
  font-weight: normal;
  font-style: normal;
  color: #000;
}
.layout-container{
  overflow: hidden;
  position: relative;
  min-height: 100vh;
}
h1, h2, h3, h4{
  margin-bottom: 15px;
  font-family: 'Saans';
  font-weight: normal;
  font-style: normal;
}
strong{
  font-family: 'Saans medium';
  font-weight: normal;
}
.proteas h3,
.ptitle{
  margin-bottom: 0;
}
h1, h2.atitle{
  font-size: 36px;
  line-height: 1;
}
.name-field-also > .field__label{
  font-size: 28px;
  line-height: 1.1;
}
h2,
.name-field-institle,
.form-item-field-category-target-id a,
.slink,
.name-field-links a,
.name-field-files a{
  font-size: 20px;
}
form label,
form input,
form textarea{
  font-size: 18px;
}
h3, h4, .ptitle,
.views-exposed-form > div:not(:first-child),
.views-exposed-form > div:not(:first-child) label{
  font-size: 16px;
}
.name-field-colors .field__label{
  font-size: 14px;
}


.breadcru,
.breadcru a{
  color: #ccc;
}
.breadcru a:hover{
  color: #000000;
}
.breadcru{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.breadcru > div{
  margin-right: 5px;
}

a{
  color: inherit;
  text-decoration: none;
  outline: none;
  transition: all 500ms ease-out;
}
.formatxt a{
  opacity: 0.85;
  text-decoration: underline;
}
.formatxt a:hover{
  opacity: 1;
}
.hprods > .view-header a,
.view-tags > .view-header a{
  text-decoration: underline;
}
.region-help{
  text-align: center;
}
.region-help div[data-drupal-messages]{
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 20px;
  z-index: 150;
  background-color: #000;
  color: #fff;
  font-size: 16px;
}
#block-hth-primary-local-tasks > ul{
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 10px 0;
}
#block-hth-primary-local-tasks > ul a{
  padding: 10px 15px;
  background-color: #ccc;
  display: block;
  margin-right: 2px;
}
#block-hth-primary-local-tasks > ul a:hover{
  background-color: #ddd;
}
img{
  max-width: 100%;
  height: auto;
}

.media img{
  display: block;
  width: 100%;
}

.formatxt > *,
.formatxt > div> *{
  margin-bottom: 10px;
}
.formatxt > *:last-child,
.formatxt > div > *:last-child{
}
}
.name-field-media-video-file{
  text-align: center;
}
.name-field-media-video-file video{
  width: auto;
  height: auto;
  display: inline-block;
  max-width: 100%;
}
.name-field-poster{
  display: none;
}

nav ul{
  list-style: none;
}
.formatxt li{
  margin: 10px 0 10px 25px;
  list-style-position: outside;
  line-height: 1.3;
}
.formatxt hr{
  margin: 30px 0;
  border: none;
  border-top: 2px solid #ccc;
}
form{
  max-width: 420px;
}
.views-exposed-form{
  max-width: unset;
}
form label{
  display: block;
  margin-bottom: 10px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
}
form input,
form textarea{
  display: block;
  color: inherit;
  border: 1px solid #000;
  padding: 10px;
  transition: all 300ms ease-out;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
}
form .form-item{
  margin-bottom: 25px;
  position: relative;
}
form .description{
  font-size: 16px;
  margin-top: 4px;
}
form .description a{
  text-decoration: underline;
}

form input[type="checkbox"],
form input[type="radio"]{
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
form label.option{
  padding-left: 30px;
  margin-bottom: 0;
  text-align: left;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.js-form-type-checkbox .description,
.js-form-type-radio .description{
  margin-left: 30px;
}
form .form-actions input{
  display: block;
  width: auto;
  cursor: pointer;
  text-decoration: underline;
  border: none;
  background-color: transparent;
  padding: 0;
}

#block-hth-page-title{
  display: none;
}
.tablewrap{
  overflow-x: auto;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.3;
  border: 1px solid #000000;
}
table th,
table td{
  border: none;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  padding: 5px 25px;
}
.handle{
  box-sizing: content-box;
}

.blink{
  display: block;
}
.blink img{
  display: block;
  transition: all 3s ease-out;
  transform: scale(1);
}
.blink:hover img{
  transform: scale(1.04);
}
.name-field-links,
.name-field-files{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.name-field-links a,
.name-field-files a{
  text-decoration: underline;
  margin-top: 20px;
  display: inline-block;
}
.slink{
  display: inline-block;
  text-decoration: underline;
}

.goback,
.close{
  cursor: pointer;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 15px;
}
.close{
  width: 30px;
  height: 30px;
}
.goback::after,
.close::after{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  transition: all 300ms ease-out;
  opacity: 0.8;
  clip-path: polygon(5% 10%,10% 5%,50% 45%,90% 5%,95% 10%,55% 50%,95% 90%,90% 95%,50% 55%,10% 95%,5% 90%,45% 50%);
}
.goback:hover::after{
  opacity: 1;
}
.clig .goback::after,
.clig .close::after{
  background-color: #fff;
}

.flickity-slider > div{
  width: 100%;
}
.flickity-viewport{
  transition: height 300ms ease-out;
}
.flickity-button-icon {
  fill: #fff4d9;
}
.flickity-button,
.flickity-page-dots .dot{
  transition: all 300ms ease-out;
}
.flickity-button[disabled],
.flickity-page-dots{
  display: none;
}
.is-draggable .flickity-page-dots{
  display: block;
}
.flickity-page-dots{
  bottom: 20px;
}
.flickity-page-dots .dot{
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  opacity: 0.8;
  margin: 0 5px;
}
.flickity-page-dots .dot.is-selected{
  background-color: rgba(0, 0, 0, 1);
}
.clig .flickity-page-dots .dot{
  background-color: rgba(255, 255, 255, 0);
}
.clig .flickity-page-dots .dot.is-selected{
  background-color: rgba(255, 255, 255, 1);
}
.flickity-prev-next-button{
  opacity: 0.5;
}
.flickity-prev-next-button:hover{
  opacity: 1;
}
.flickity-prev-next-button,
.flickity-prev-next-button:hover{
  background-color: transparent;
}
.flickity-button-icon{
  fill: #000000;
}
.clig .flickity-button-icon{
  fill: #ffffff;
}

/* edit links */
#edit-preview,
.contextual{
  display: none;
}
.contextual[data-contextual-id^="node:"],
.contextual[data-contextual-id^="taxonomy_term:"]{
  display: block;
  top: 0;
  right: 0;
}

/* general layout */
.pagewrap{
  display: flex;
  align-items: flex-end;
  position: relative;
}
article[data-lay="1"] > .pagewrap{
  flex-direction: row-reverse;
}
article[data-lay="5"] > .pagewrap,
article[data-lay="6"] > .pagewrap{
  align-items: stretch;
}
article[data-lay="2"] > .pagewrap,
article[data-lay="4"] > .pagewrap{
  justify-content: flex-end;
}
.name-field-blo > div{
  margin-bottom: 30px;
}
.pagewrap + .name-field-fimgs{
  margin-top: 30px;
}
.txtwrap2,
.protxt2{
  max-width: 600px;
}
.nodepage .txtwrap2{
  max-width: 750px;
}
article[data-lay="2"] .txtwrap2,
article[data-lay="4"] .txtwrap2,
article[data-lay="5"] .txtwrap2{
  margin-left: 30px;
}
article[data-lay="2"] .txtwrap,
article[data-lay="4"] .txtwrap,
article[data-lay="1"] .name-field-simgs,
.lay5wrap2,
.lay6wrap2,
article[data-lay="5"] .txtwrap{
  width: 38%;
}
article[data-lay="2"] .name-field-simgs{
  width: 38%;
  margin-left: 24%;
}
article[data-lay="3"] .txtwrap{
  width: 76%;
}
article[data-lay="1"] .txtwrap{
  width: 62%;
}
article[data-lay="1"] .name-field-simgs{
  padding-left: 30px;
}
article[data-lay="3"] .name-field-simgs,
.lay5wrap1,
.lay6wrap1{
  width: 24%;
  padding-right: 30px;
}
article[data-lay="4"] .name-field-simgs{
  width: 19%;
  margin-left: 43%;
}
article[data-lay="5"] > .pagewrap > .media:nth-child(4){
  position: absolute;
  right: 0;
  bottom: 0;
}
article[data-lay="5"] > .pagewrap > .media:nth-child(4),
.lay6wrap4{
  width: 13%;
}
.lay6wrap3{
  width: 25%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  align-items: flex-end;
}
.lay6wrap3 > div{
  width: 100%;
}

/* media nodes */
.name-field-txt{
  margin-top: 10px;
}
.mediawrap{
  position: relative;
  overflow: hidden;
}
.name-field-altimg{
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 300ms ease-out;
  opacity: 0;
}
.clig .hasalt .name-field-media-image{
  opacity: 0;
}
.clig .name-field-altimg{
  opacity: 1;
}

/* products */
.flexprods > .view-content,
.view-tags > .view-content,
.name-field-also > div:last-child{
  display: flex;
  flex-wrap: wrap;
}
.notgrid .view-products > .view-content{
  display: block;
}
.prow,
.trow,
.name-field-also > div:last-child > div{
  width: calc(25% - 22.5px);
  margin-right: 30px;
  margin-bottom: 30px;
}
.trow{
  width: calc(33.333% - 22.5px);
}
.prow:nth-child(4n+4),
.trow:nth-child(3n+3),
.name-field-also > div:last-child > div:nth-child(4n+4){
  margin-right: 0;
}
.layout-container.notgrid .view-products .prow{
  width: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.proteas .name-field-primg,
.name-field-taximg{
  margin-bottom: 10px;
}
.proteas .atitle,
.tagthumb > h3{
  position: relative;
}
.proteas .atitle::after,
.tagthumb > h3::after{
  content: " ";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  clip-path:polygon(0% 46%, 85% 46%, 63% 16%, 68% 12%, 96% 50%, 68% 88%, 63% 84%, 85% 54%, 0% 54%);
  transition: all 300ms ease-out;
}
.proteas > .blink:hover .atitle::after,
.tagthumb:hover > h3::after{
  right: -5px;
}
.clig .proteas .atitle::after,
.clig .tagthumb > h3::after{
  background-color: #fff;
}

.haside,
.prodpage .name-field-mtxts{
  display: flex;
}
.haside.prodpage{
  align-items: flex-start;
  justify-content: space-between;
}
.prodpage .name-field-mtxts{
  flex-wrap: wrap;
  transition: all 300ms ease-out;
}
.haside > div:not(.anav){
  width: calc(50% - 15px);
}
.prodpage .name-field-mtxts > div{
  width: 50%;
}
.prodpage .name-field-mtxts > div{
  margin-top: 30px;
}
.prodpage .name-field-mtxts > div:nth-child(2n+1){
  padding-right: 20px;
}
h1.atitle{
  margin-bottom: 30px;
}
h2.atitle{
  margin-bottom: 20px;
}
.protxt2 > .slink{
  margin-top: 30px;
  margin-bottom: 30px;
  display: none;
}
.inswrap{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #C9BEB4;
}
.name-field-insptxt{
  margin-top: 10px;
}
.name-field-insimg{
  display: flex;
}
.name-field-insimg > div{
  width: calc(50% - 10px);
  margin-top: 20px;
}
.name-field-insimg > div:nth-child(2n+1){
  margin-right: 20px;
}
.name-field-insimg img{
  max-height: 350px;
  width: auto;
}


.view-tags > .view-header,
.view-products > .view-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #C9BEB4;
  margin-bottom: 15px;
  padding-bottom: 15px;
} 
.hprods > .view-header,
.view-tags > .view-header{
  margin-bottom: 30px;
  padding-bottom: 15px;
  padding-top: 30px;
}
.hprods{
  border-bottom: 1px solid #000;
}
.anode{
  position: relative;
}
.anav{
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 10;
}
.anav > a{
  display: block;
}
.ltxt{
  padding: 5px;
  text-decoration: underline;
}
#block-anav{
  display: none;
}
.gridselect{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.gridselect > span{
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../imgs/viewicons.svg);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: 5px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 300ms ease-out;
}
.gridselect > span:hover,
.gridselect > span.actgrid{
  opacity: 1;
}
.clig .gridselect > .nogrid{
  background-position: right top;
}
.gridselect > .yesgrid{
  background-position: left bottom;
}
.clig .gridselect > .yesgrid{
  background-position: right bottom;
}
.name-field-pimgs img{
  margin-left: auto;
  margin-right: auto;
}
@media (orientation: landscape) {
  .name-field-pimgs img{
    max-height: calc(100vh - 108px);
    width: auto;
  }
}

.name-field-also > .field__label{
  text-align: center;
  margin: 50px 0 30px;
}
.views-exposed-form,
.views-exposed-form > div:not(:first-child){
  display: flex;
  align-items: center;
}
.views-exposed-form{
  flex-wrap: wrap;
}
.views-exposed-form > div{
  padding-right: 20px;
  margin-bottom: 20px;
}
.views-exposed-form > div:last-child{
  padding-right: 0;
}
.views-exposed-form > div:first-child{
  padding-right: 40px;
  min-width: calc((100vw - 72px)/4);
}
.bef-links > ul{
  display: flex;
  list-style: none;
}
.views-exposed-form > .form-type-select > label{
  margin-bottom: 0;
  margin-right: 5px;
}
.views-exposed-form > .form-type-select > label::after{
  content: ":";
}
.views-exposed-form select{
  padding: 2px 0;
  border: none;
  border-bottom: 1px solid #ccc;
}
.clig .views-exposed-form select{
  border-bottom-color: #aaa;
  background-color: #000;
  color: #fff;
}
.form-item-field-category-target-id a{
  white-space: nowrap;
  display: block;
  margin-right: 20px;
  position: relative;
  padding: 1px 0;
}
.form-item-field-category-target-id li:last-child a{
  margin-right: 0;
}
.form-item-field-category-target-id a::after{
  content: " ";
  display: block;
  background-color: #000;
  width: 0;
  overflow: hidden;
  height: 1px;
  transition: all 300ms ease-out;
  position: absolute;
  left: 0;
  bottom: 0;
}
.form-item-field-category-target-id a:hover::after,
.form-item-field-category-target-id a.bef-link--selected::after{
  width: 100%;
}
.hidepromo #block-promo{
  display: none;
}
.promo{
  align-items: center;
  background-color: #8fb3d0;
  color: #fff;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  transition: background-color 300ms ease-out;
}
.clig .promo{
  background-color: #8d513e;
}
.promotxt{
  padding: 40px 20px;
  text-align: center;
}
.promotxt .name-field-links, 
.promotxt .name-field-files{
  justify-content: center;
}
.view-var.view-block_4{
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #000;
}
.vblock{
  background-color: #B95E38;
  color: #fff;
  padding: 30px;
  align-items: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.vhaside{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vhaside > .name-field-icon{
  width: 35%;
}
.vhaside > .vtxtwrap{
  width: 65%;
  padding-left: 30px;
}


.name-field-colors .field__label::after{
  content: ":";
}
.name-field-colors > div:last-child{
  display: flex;
  flex-wrap: wrap;
}
.name-field-colors > div:last-child > div{
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 5px;
}
.name-field-colors > div:last-child > div:last-child{
  margin-right: 0;
}

/* bottom lamb icons */
.bicons{
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-top: none;
border-bottom: 1px solid #C9BEB4;
  margin-top: 30px;
}
.bicons .name-field-icon{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.bicons .media{
  max-width: 120px;
  margin: 15px 0;
}

/* contact form */
.contact-form{
  position: fixed;
  top: 0;
  z-index: 300;
  background-color: #fff;
  padding: 60px 60px 30px 30px;
  border: 1px solid #000;
  transition: all 300ms ease-out;
  width: 500px;
  opacity: 0;
}
.contact-message-feedback-form{
  right: -500px;
}
.showform .contact-message-feedback-form{
  right: 42px;
  opacity: 1;
}
.contact-message-newsletter-form{
  left: -500px;
}
.shownform .contact-message-newsletter-form{
  left: 42px;
  opacity: 1;
}
.clig .contact-form{
  background-color: #000;
}
.close{
  position: absolute;
  top: 30px;
  right: 30px;
  margin-left: 0;
}

/* full width slider */
.fslid{
  padding-top: 0;
  position: relative;
  height: calc(100vh - 80px);
  overflow: hidden;
}
.name-field-fslider{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.fslid > .pagewrap{
  position: relative;
  z-index: 10;
  top: 50vh;
  transform: translateY(-50%);
}
.fslid > .pagewrap > .txtwrap{
  padding-top: 0;
  padding-bottom: 0;
}
.name-field-fslider .flickity-page-dots{
  bottom: unset;
  top: calc(100vh - 130px);
}
.name-field-fslider .flickity-button{
  display: none;
}

/* scroll effect */
.effe{
  opacity: 0;
  transform: translateY(100px);
  transition: all 1.2s ease-out;
  transition: opacity 1.5s ease-out, transform 1s ease-out;
  position: relative;
}
.effe.actelem{
  transform: translateY(0);
  opacity: 1;
}
.domino{
  opacity: 0;
  transform: translateY(50px);
  transition: all 500ms ease-out;
}
.domino.actelem{
  transform: translateY(0);
  opacity: 1;
}

main,
header,
footer{
  padding-left: 45px;
  padding-right: 45px;
}
/* header */
header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 120;
  background-color: #fff;
}
.clig header,
.clig{
  background-color: #000;
  color: #fff;
}
.user-logged-in header{
  position: relative;
}
main{
  margin-top: 108px;
}
.user-logged-in main{
  margin-top: 0;
}
.region-header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #C9BEB4;
  padding-top: 30px;
  padding-bottom: 15px;
  transition: all 300ms ease-out;
  line-height: 1;
}
.scrolled .region-header{
  padding-top: 15px;
}
.slogo svg,
.logo{
  display: block;
}
.clig .slogo svg path{
  fill: #fff;
}
.headl{
  width: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.switcher{
  width: 40px;
  height: 22px;
  position: relative;
  bottom: -2px;
  cursor: pointer;
  background-image: url(../imgs/switcher.svg);
  margin-right: 26px;
}
.clig .switcher{
  background-image: url(../imgs/switcher2.svg);
}
.switcher::after{
  content: "On";
  position: absolute;
  top: 50%;
  right: -26px;
  transform: translateY(-50%);
}
.clig .switcher::after{
  content: "Off";
  right: -28px;
}
.clig .region-header,
.clig .prodpage .name-field-mtxts,
.clig  .hprods,
.clig  .view-products > .view-header,
.clig  .view-tags > .view-header,
.clig  .bicons,
.clig  .contact-form,
.clig form input, 
.clig form textarea,
.clig .flickity-page-dots .dot,
.clig .name-field-colors > div:last-child > div{
  border-color: #fff;
}
.clig form input, 
.clig form textarea{
  color: #000;
}
.clig form .form-actions input{
  color: #fff;
}
#sound{
  display: none;
}

.menu--main > .menu{
  display: flex;
  justify-content: flex-end;
}
.region-header .menu > li > a{
  padding: 5px 10px 0;
  display: block;
}
.region-header .menu > li:last-child > a{
  padding-right: 0;
}
.region-header .menu > li > a:hover::after,
.region-header .menu > li > a.is-active::after,
.region-header .menu .menu-item--active-trail > a::after,
.region-header .menu > .menu-item--expanded:hover > a::after{
  transform: translateX(-50%) scale(1);
}

.navicon{
  display: none;
  bottom: -10px;
  right: -10px;
  cursor: pointer;
  position: relative;
  transition: all 300ms linear;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.navicon::before,
.navicon::after{
  content: " ";
}
.navicon::before,
.navicon::after,
.navicon span{
  position: absolute;
  display: block;
  left: 20%;
  background-color: #000;
  width: 60%;
  height: 6%;
  transition: all 300ms ease-out;
  border-radius: 4px;
}
.clig .navicon::before,
.clig .navicon::after,
.clig .navicon span{
  background-color: #fff;
}
.navicon::before{
  top: 22%;
}
.navicon span{
  top: 45%;
}
.navicon::after{
  top: 68%;
}
.opennav .navicon::after,
.opennav .navicon::before{
  top: 25%;
  left: 47%;
  width: 6%;
  height: 50%;
  transform: rotate(45deg);
  transform-origin: center center;
}
.opennav .navicon::after{
  transform: rotate(-45deg);
}
.opennav .navicon::before{
  transform: rotate(45deg);
}
.opennav .navicon span{
  width: 0;
}

/* footer */
.region-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer{
  margin-top: 30px;
  margin-bottom: 50px;
}


/* social menu */
.menu--social .menu{
  position: relative;
  display: flex;
  justify-content: center;
}
.menu--social .menu a{
  display: block;
  width: 50px;
  height: 50px;
  margin: 10px;
  color: transparent !important;
  overflow: hidden;
  background-image: url(../imgs/socials.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  border-radius: 50%;
  border: 1px solid #000;
  background-color: #fff;
}
.menu--social .menu a[href*="facebook"]{
  background-position: left center;
}
.menu--social .menu a[href*="linked"]{
  background-position: -50px center;
}
.menu--social .menu a[href*="youtube"]{
  background-position: -100px center;
}
.menu--social .menu a[href*="instagram"]{
  background-position: -150px center;
}
.menu--social .menu a[href*="twitter"]{
  background-position: -200px center;
}
.menu--social .menu a[href^="mailto:"]{
  background-position: -250px center;
}
.menu--social .menu a[href^="tel:"]{
  background-position: -300px center;
}
.menu--social .menu a[href*="maps"]{
  background-position: -350px center;
}
.menu--social .menu a[href*="pinterest"]{
  background-position: right center;
}




/* totop */
#block-totop{
  position: fixed;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  right: 20px;
  bottom: -60px;
  background-color: #000;
  opacity: 0.7;
  display: block;
  cursor: pointer;
  transition: all 300ms ease-out;
  z-index: 100;
  transform: rotate(90deg);
}
#block-totop::after{
  content: "";
  display: block;
  width: 20px;
  height: 40px;
  clip-path: polygon(0% 14%,14% 7%,100% 50%,13% 93%,0% 86%,73% 50%);
  background-color: #fff;
  position: absolute;
  left: 17px;
  bottom: 5px;
}
.scrolled #block-totop {
  bottom: 20px;
  transform: rotate(-90deg);
}
.clig #block-totop{
  background-color: #fff;
}
.clig #block-totop::after{
  background-color: #000;
}

@media screen and (max-width: 1400px){
  article#54.prodpage h1.atitle {
    color: #B95E38;
    font-size: 24px;
    font-family: 'Saans medium', 'Saans', sans-serif;
    font-weight: normal;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
	h1, h2.atitle{
    font-size: 24px;
  }
  main, header, footer{
    padding-left: 30px;
    padding-right: 30px;
  }
  .showform .contact-message-feedback-form{
    right: 0;
  }
  .shownform .contact-message-newsletter-form{
    left: 0;
  }
  #block-totop{
    right: 30px;
  }
  .views-exposed-form > div:first-child{
    min-width: unset;
  }
}
@media screen and (max-width: 1200px){
  h1, h2.atitle{
    font-size: 22px;
  }
  .name-field-also > .field__label{
    font-size: 20px;
  }
  h2,
  .name-field-institle,
  .form-item-field-category-target-id a,
  .slink,
  .name-field-links a,
  .name-field-files a{
    font-size: 18px;
  }
  body, .ptitle{
    font-size: 15px;
  }
  main{
    margin-top: 90px;
  }
  .layout-container .region-header{
    padding-top: 0;
  }
  .navicon{
    display: block;
  }
  .menu--main{
    position: fixed;
    top: 0;
    right: -180px;
    min-width: 180px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding: 50px 0 30px;
    transition: all 300ms ease-out;
  }
  .clig .menu--main{
    background-color: #000000;
  }
  .opennav .menu--main{
    right: 0;
  }
  .menu--main > .menu{
    display: block;
  }
  .region-header .menu > li > a{
    padding: 10px 20px;
  }
  .headl{
    width: calc(100% - 50px);
  }
  .bicons .media{
    max-width: 80px;
  }
}
@media screen and (max-width: 1100px){
  .pagewrap{
    flex-wrap: wrap;
  }
  .lay5wrap1, .lay6wrap1,
  article[data-lay="5"] > .pagewrap > .media:nth-child(4),
  article[data-lay="2"] .name-field-simgs,
  article[data-lay="4"] .name-field-simgs,
  article[data-lay="1"] .name-field-simgs{
    width: 40%;
  }
  .lay5wrap2, .lay6wrap2,
  article[data-lay="5"] .txtwrap,
  article[data-lay="2"] .txtwrap,
  article[data-lay="4"] .txtwrap,
  .lay6wrap3,
  article[data-lay="1"] .txtwrap{
    width: 60%;
  }
  article[data-lay="5"] .txtwrap2{
    margin-left: 0;
    margin-top: 30px;
  }
  article[data-lay="5"] > .pagewrap > .media:nth-child(4){
    position: static;
    padding-left: 30px;
    margin-top: 30px;
  }
  article[data-lay="4"] > .pagewrap{
    flex-direction: row-reverse;
  }
  article[data-lay="2"] .name-field-simgs,
  article[data-lay="4"] .name-field-simgs,
  article[data-lay="2"] .txtwrap2,
  article[data-lay="4"] .txtwrap2{
    margin-left: 0;
  }
  article[data-lay="2"] .name-field-simgs,
  article[data-lay="1"] .txtwrap{
    padding-right: 30px;
  }
  article[data-lay="4"] .name-field-simgs{
    padding-left: 30px;
  }
  .lay6wrap3,
  article[data-lay="1"] .name-field-simgs{
    padding-left: 0;
  }
  .lay6wrap3,
  .lay6wrap4{
    margin-top: 30px;
  }
  .lay6wrap4{
    width: 30%;
  }
  .menu--social .menu a{
    margin: 5px;
  }
  .layout-container .prow,
  .layout-container .name-field-also > div:last-child > div{
    width: calc(50% - 15px);
  }
  .layout-container .prow:nth-child(2n+2),
  .layout-container .name-field-also > div:last-child > div:nth-child(2n+2){
    margin-right: 0;
  }
}
@media screen and (max-width: 780px){
  .htxt{
    display: none;
  }
  .haside{
    display: block;
  }
  .haside > div:not(.anav){
    width: auto;
  }
  .haside .protxt{
    padding-top: 30px;
  }
  .name-field-pimgs{
    padding-top: 60px;
  }
  .region-footer{
    display: block;
    text-align: center;
  }
  .menu--social{
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 700px){
  .txtwrap2{
    max-width: unset;
  }
  .spage:not(.speclay) > .pagewrap{
    display: block;
  }
  .spage:not(.speclay) > .pagewrap > div{
    padding-right: 0;
    padding-left: 0;
    width: auto;
  }
  .spage:not(.speclay) > .pagewrap > .name-field-simgs + .txtwrap{
    margin-top: 30px;
  }
  .lay6wrap4{
    width: 40%;
  }
  .contact-form{
    width: 100%;
    right: -100%;
    height: 100vh;
    overflow: scroll;
  }

}
@media screen and (max-width: 550px){
  .flexprod > .view-content,
  .view-tags > .view-content{
    display: block;
  }
  .layout-container .prow,
  .layout-container .trow,
  .layout-container .name-field-also > div:last-child > div{
    width: auto;
    margin-right: 0;
  }
  .prodpage .name-field-mtxts > div{
    width: auto;
  }
  .slogo svg{
    width: 160px;
  }
  .gridselect{
    display: none;
  }
  .vblock{
    display: block;
  }
 .layout-container .vhaside > div {
    width: 100%;
}

.vhaside > .txtwrap {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
    margin-left: 0;
    box-sizing: border-box;
}
}
.protxt2 > a.slink[href="#contact"] {
    display: none !important;
}
/* HOMMETRY BOOK — STELE TITLE */
article#54.prodpage h1.atitle {
  color: #B95E38 !important;
  font-family: 'Saans medium', 'Saans', sans-serif !important;
  font-size: 24px !important;
  font-weight: normal !important;
  line-height: 1.1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* HOMMETRY BOOK — IDEA TITLE */
.name-field-institle > p {
  color: #B95E38 !important;
  font-family: 'Saans medium', 'Saans', sans-serif !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}
/* HOMMETRY — STELE TITLE EXACT FIX */
h1.atitle > span {
    color: #B95E38 !important;
    font-family: 'Saans medium', 'Saans', sans-serif !important;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 1.1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}
/* HOMMETRY BOOK — PRODUCT PAGE BACKGROUND */
body.path-node article {
    background-color: #FFFFFF!important;
}
/* HOMMETRY BOOK — HEADER BACKGROUND */
header[role="banner"] {
    background: #FFFFFF !important;
}
/* HOMMETRY BOOK — DIVIDING LINES */
.name-field-mtxts,
.inswrap {
    border-top: 1px solid #C9BEB4 !important;
}
/* HOMMETRY — BOTTOM LINE */
.region-content {
  border-top: 1px solid #DED6CE !important;
}
/* HOMMETRY BOOK — PRODUCT SPECS */
.prodpage .name-field-mtxts {
  font-family: 'Saans', sans-serif;
  font-size: 14px;
  line-height: 1.35;
}

.prodpage .name-field-mtxts strong,
.prodpage .name-field-mtxts b {
  font-family: 'Saans medium', 'Saans', sans-serif;
  font-weight: normal;
  letter-spacing: 0.03em;
}
/* HOMMETRY BOOK — PRODUCT PAGE SPACING */
.prodpage .name-field-mtxts > div {
    margin-top: 24px;
}

.prodpage .inswrap {
    margin-top: 32px;
    padding-top: 24px;
}
/* HOMMETRY BOOK — INSPIRATION IMAGES */
.prodpage .name-field-insimg {
    margin-top: 32px;
    gap: 28px;
}
/* HOMMETRY — STELE INTERIOR IMAGE */
article#54.prodpage .name-field-insimg > div:nth-child(3) {
    width: 100% !important;
    margin-top: 30px !important;
}

article#54.prodpage .name-field-insimg > div:nth-child(3) img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
}
/* HOMMETRY — STELE INTERIOR IMAGE EXACT */
article#54.prodpage .name-field-insimg [data-mid="543"] {
    width: 100% !important;
    flex-basis: 100% !important;
    margin-top: 30px !important;
}

article#54.prodpage .name-field-insimg [data-mid="543"] img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
}
/* STELE — THIRD INSPIRATION IMAGE */
article#54.prodpage .name-field-insimg > div:nth-child(3) {
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: 30px !important;
}

article#54.prodpage .name-field-insimg > div:nth-child(3) img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
}
/* FORM, MADE YOURS — HOMMETRY BOOK LAYOUT */

article.vblock[data-id="31"] {
    background: transparent !important;
    color: #B95E38 !important;
    max-width: 1200px !important;
    width: 90% !important;
    margin: 0 auto !important;
    padding: 90px 0 !important;
    display: grid !important;
    grid-template-columns: 0.85fr 1.65fr !important;
    align-items: center !important;
    column-gap: 90px !important;
}

/* STELE */
article.vblock[data-id="31"] .name-field-icon {
    width: 100% !important;
    text-align: right !important;
}

article.vblock[data-id="31"] .name-field-icon img {
    width: auto !important;
    max-width: 230px !important;
    max-height: 430px !important;
    height: auto !important;
    display: inline-block !important;
}

/* TEXT AREA */
article.vblock[data-id="31"] .vtxtwrap {
    width: 100% !important;
}

/* TITLE */
article.vblock[data-id="31"] h2.atitle {
    display: block !important;
    font-family: 'Saans', sans-serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
    color: #B95E38 !important;
    margin: 0 0 32px 0 !important;
    white-space: nowrap !important;
}
/* BODY */
article.vblock[data-id="31"] .name-body p {
    font-family: 'Saans', sans-serif !important;
    font-size: 18px !important;
	font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.16em !important;
    color: #B95E38 !important;
    max-width: 620px !important;
    margin-bottom: 42px !important;
}

/* REQUEST INFORMATION */
article.vblock[data-id="31"] .name-field-links {
    display: block !important;
    margin-top: 0 !important;
}

article.vblock[data-id="31"] .name-field-links a {
    font-family: 'Saans', sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 0.10em !important;
    color: #B95E38 !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
}

/* HOMMETRY — BOOK TYPOGRAPHY SYSTEM */

body,
p,
a,
li,
span,
button,
input,
textarea,
select {
    font-family: 'Saans', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Saans', sans-serif !important;
    font-weight: 500;
    letter-spacing: 0.04em;
}
/* HOMMETRY HOMEPAGE — MAIN STATEMENT */

article.vblock[data-id="31"] h1,
article.vblock[data-id="31"] h2,
article.vblock[data-id="31"] h3 {
    font-family: 'Saans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em !important;
}
/* HOMEPAGE — FORM. LIGHT. PRESENCE. */
article.spage[data-id="2"] h2.atitle {
    font-family: 'Saans', sans-serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
}
/* COLLECTIONS — HERO TEXT ALIGNMENT */

article.promo[data-id="29"] .promotxt {
    text-align: left !important;
}

article.promo[data-id="29"] .atitle,
article.promo[data-id="29"] .name-body,
article.promo[data-id="29"] .name-field-links {
    text-align: left !important;
}
/* COLLECTIONS — FILTER BAR */
.path-products .bef-link {
    font-family: 'Saans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
}
/* COLLECTIONS — COLLECTION LABEL */
.path-products label[for="edit-field-collection-target-id"] {
    font-family: 'Saans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
}
/* COLLECTIONS — COLLECTION DROPDOWN */
#edit-field-collection-target-id {
    font-family: 'Saans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #111 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 0 18px 0 4px !important;
    margin: 0 !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    cursor: pointer;
}
/* COLLECTIONS — Collection dropdown */
#edit-field-collection-target-id {
    font-family: 'Saans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #111 !important;

    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #111 !important;
    border-radius: 0 !important;

    padding: 2px 22px 3px 2px !important;
    min-width: 90px !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
}
/* COLLECTIONS — COLLECTION DROPDOWN */
#edit-field-collection-target-id {
    font-family: 'Saans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #111 !important;

    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #111 !important;
    border-radius: 0 !important;

    padding: 2px 22px 3px 2px !important;
    min-width: 120px !important;
    box-shadow: none !important;
    outline: none !important;
}
/* COLLECTIONS — FINAL FILTER ALIGNMENT */
#edit-field-collection-target-id {
    width: 150px !important;
    min-width: 150px !important;
    height: 28px !important;
    padding: 2px 24px 3px 4px !important;
    line-height: 22px !important;
}

.form-item-field-collection-target-id {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.form-item-field-collection-target-id label {
    margin: 0 !important;
    font-family: 'Saans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    line-height: 28px !important;
}
/* COLLECTIONS — REMOVE EXTRA HEADER LINES */
.allprods > .view-header {
    border-bottom: 0 !important;
}
/* COLLECTIONS — REMOVE TOP LINE */
.allprods {
    border-top: 0 !important;
}

.region-content:has(.allprods) {
    border-top: 0 !important;
}
/* COLLECTIONS — COLLECTION HOVER LINE */
.form-item-field-collection-target-id {
    position: relative;
    display: inline-flex !important;
    width: auto !important;
}

/* remove the permanent underline from the select */
#edit-field-collection-target-id {
    border-bottom: 0 !important;
}
/* COLLECTION animated line */
.form-item-field-collection-target-id label {
    position: relative !important;
}

.form-item-field-collection-target-id label::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width 300ms ease-out;
}

.form-item-field-collection-target-id:hover label::after {
    width: 100%;
}
/* ISLANDS — COB */
article[data-id="53"] h1.atitle,
article[data-id="53"] .name-field-institle > p {
    color: #667784 !important;
}
/* COB — ISLANDS BOOK COLORS */
body.path-node article[data-id="53"] h1.atitle span,
body.path-node article[data-id="53"] .name-field-institle p {
    color: #667784 !important;
}
/* COB title */
article[data-id="53"] h1.atitle span {
    color: #667784 !important;
}
/* PRODUCT PAGES — remove top divider */
.prodpage .region-content {
    border-top: 0 !important;
}
body.path-node .region-content {
    border-top: 0 !important;
}
/* PRODUCT PAGES — ENQUIRE */
article[data-id] .field--name-field-enquire {
    margin-top: 14px;
}

article[data-id] .field--name-field-enquire .field__label {
    display: none;
}

article[data-id] .field--name-field-enquire a {
    display: inline-block;
    font-family: 'Saans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #667784;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 1px solid #667784;
}
/* PRODUCT PAGES — ENQUIRE */
.product-enquire {
    margin-top: 14px;
}

.product-enquire .field__label {
    display: none !important;
}

.product-enquire a {
    display: inline-block;
    font-family: 'Saans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #667784 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #667784;
    padding-bottom: 3px;
}
/* PRODUCT PAGE — EDITORIAL LAYOUT */

body.path-node article .protxt2 {
    padding-top: 20px;
}

body.path-node article h1.atitle {
    font-size: 42px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.01em;
    margin-bottom: 38px;
}

/* Inspiration / story */
body.path-node article .inswrap {
    margin-top: 34px;
    padding-top: 30px;
    border-top: 1px solid rgba(0,0,0,.18);
}

/* Enquire */
body.path-node article .product-enquire {
    margin-top: 30px;
    margin-bottom: 28px;
}

body.path-node article .product-enquire a {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .08em;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 3px;
}
/* ========================================
   PRODUCT PAGE — ISLANDS EDITORIAL LAYOUT
   ======================================== */

body.path-node article .protxt2 {
    padding-top: 0;
}

/* Product title */
body.path-node article .protxt2 h1.atitle {
    margin-bottom: 32px;
}

/* Inspiration / Memory section */
body.path-node article .inswrap {
    margin-bottom: 28px;
    padding-bottom: 28px;
}

/* Specifications */
body.path-node article .field--name-field-mtxts {
    margin-top: 0;
    margin-bottom: 28px;
}

/* Enquire */
body.path-node article .product-enquire {
    margin-top: 22px;
}
/* ISLANDS PRODUCT TYPOGRAPHY */

/* Product title */
body.path-node article .protxt2 h1.atitle {
    font-family: 'Saans', sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    color: #667784 !important;
}

/* Inspiration / Memory title */
body.path-node article .inswrap .name-field-institle {
    font-family: 'Saans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    color: #667784 !important;
}

/* Inspiration text */
body.path-node article .inswrap .name-field-insptxt {
    font-family: 'Saans', sans-serif !important;
    color: #222 !important;
}
/* PRODUCT — DETAILS ACCORDIONS */

body.path-node article .product-details {
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
}

body.path-node article .product-detail {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

body.path-node article .product-detail summary {
    list-style: none;
    position: relative;
    cursor: pointer;
    padding: 18px 34px 18px 0;
    margin: 0;
    font-family: 'Saans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.08em;
    color: #111;
}

/* Remove native arrows */
body.path-node article .product-detail summary::-webkit-details-marker {
    display: none;
}

body.path-node article .product-detail summary::marker {
    content: "";
}

/* Plus sign */
body.path-node article .product-detail summary::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Saans', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}

/* Plus becomes minus when open */
body.path-node article .product-detail[open] summary::after {
    content: "−";
}

/* Accordion text */
body.path-node article .product-detail-content {
    padding: 0 34px 18px 0;
    font-family: 'Saans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
}

body.path-node article .product-detail-content p {
    margin: 0 0 10px;
}

body.path-node article .product-detail-content a {
    color: #B95E38;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}
/* HOMMETRY — COLLECTION FILTER */
.form-item-field-collection-target-id label::after {
    content: none !important;
}

.form-item-field-collection-target-id select {
    text-transform: uppercase !important;
}
/* HOMMETRY — FORM SECTION — MOBILE */
@media (max-width: 767px) {

    article.vblock[data-id="31"] {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    article.vblock[data-id="31"] .media,
    article.vblock[data-id="31"] .txtwrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        position: static !important;
        transform: none !important;
        margin-top: 30px !important;
    }
}
/* HOMMETRY — MOBILE FORM BLOCK FIX */
@media screen and (max-width: 767px) {

    article.vblock[data-id="31"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }
}
/* HOMMETRY — FORM MADE YOURS MOBILE FIX */
@media screen and (max-width: 767px) {

    article.vblock[data-id="31"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 40px 20px !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        padding: 35px 0 0 0 !important;
    }

}
/* HOMMETRY — FORM MADE YOURS MOBILE */
@media screen and (max-width: 767px) {

    article.vblock[data-id="31"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 50px 20px !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
        row-gap: 35px !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        position: static !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }
}
/* HOMMETRY — FORM MADE YOURS MOBILE */
@media screen and (max-width: 767px) {

    article.vblock[data-id="31"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 50px 20px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
        row-gap: 35px !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        position: static !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }
}
/* HOMMETRY — FORM MADE YOURS MOBILE */
@media screen and (max-width: 767px) {

    article.vblock[data-id="31"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 50px 20px !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        position: static !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        margin-top: 35px !important;
    }
}
/* HOMMETRY — FORM MADE YOURS MOBILE FINAL */
@media screen and (max-width: 767px) {

    article.vblock[data-id="31"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 40px 20px !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        padding-top: 30px !important;
    }
}
/* HOMMETRY — FORM MADE YOURS MOBILE */
@media screen and (max-width: 550px) {

    article.vblock[data-id="31"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 40px 20px !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        padding-top: 30px !important;
    }
}
/* HOMMETRY — FORM MADE YOURS MOBILE */
@media screen and (max-width: 550px) {

    article.vblock[data-id="31"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 40px 20px !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .mediawrap,
    article.vblock[data-id="31"] .txtwrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
    }

    article.vblock[data-id="31"] .txtwrap {
        padding-top: 30px !important;
    }
}
/* HOMMETRY — FORM MADE YOURS — MOBILE CORRECT FIX */
@media screen and (max-width: 767px) {

  article.vblock.vhaside[data-id="31"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 50px 24px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  article.vblock.vhaside[data-id="31"] > .name-field-icon,
  article.vblock.vhaside[data-id="31"] > .vtxtwrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  article.vblock.vhaside[data-id="31"] > .name-field-icon {
    text-align: center !important;
    margin-bottom: 38px !important;
  }

  article.vblock.vhaside[data-id="31"] .name-field-icon img {
    display: block !important;
    width: auto !important;
    max-width: 145px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  article.vblock.vhaside[data-id="31"] > .vtxtwrap {
    padding-left: 0 !important;
    text-align: left !important;
  }

  article.vblock.vhaside[data-id="31"] h2.atitle {
    white-space: normal !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin: 0 0 24px !important;
  }

  article.vblock.vhaside[data-id="31"] .name-body p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    letter-spacing: 0.10em !important;
    overflow-wrap: break-word !important;
    margin: 0 0 32px !important;
  }
}
/* Remove faint line above homepage intro */
.path-frontpage .region-content {
  border-top: 0 !important;
}
/* HOMMETRY – Request information form */
#block-contact {
  top: 50%;
  right: -440px;
  transform: translateY(-50%);
  width: 410px;
  height: auto;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 42px 38px 30px;
  border: 1px solid #cfc8c1;
  background: #fff;
  font-family: inherit;
}

.showform #block-contact {
  right: 32px;
  opacity: 1;
}

#block-contact::before {
  content: "REQUEST INFORMATION";
  display: block;
  margin: 0 0 30px;
  color: #b45f3b;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0.08em;
}

#block-contact .close {
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
}

#block-contact .form-item {
  margin: 0 0 20px;
}

#block-contact label {
  margin-bottom: 5px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.08em;
}

#block-contact input[type="text"],
#block-contact input[type="email"],
#block-contact textarea {
  width: 100%;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #9d9893;
  border-radius: 0;
  outline: none;
  background: transparent;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: none;
}

#block-contact input[type="text"]:focus,
#block-contact input[type="email"]:focus,
#block-contact textarea:focus {
  border-bottom-color: #b45f3b;
}

#block-contact textarea {
  min-height: 58px;
  resize: vertical;
}

#block-contact .form-type-checkbox {
  margin-top: 6px;
}

#block-contact input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

#block-contact label.option {
  min-height: 16px;
  padding-left: 25px;
  font-size: 10px;
}

#block-contact .description {
  margin: 5px 0 0 25px;
  font-size: 10px;
  line-height: 1.4;
}

#block-contact .form-actions {
  margin-top: 24px;
}

#block-contact input[type="submit"] {
  width: auto;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #b45f3b;
  background: transparent;
  color: #b45f3b;
  font-family: inherit;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  #block-contact {
    top: 0;
    right: -100%;
    transform: none;
    width: 100%;
    height: 100svh;
    max-height: none;
    padding: 70px 24px 32px;
    border: 0;
  }

  .showform #block-contact {
    right: 0;
  }

  #block-contact::before {
    margin-bottom: 32px;
  }
}
.showform #block-totop {
  display: none !important;
}
@media screen and (max-width: 700px) {
  #block-contact {
    bottom: 0;
    height: 100dvh;
    min-height: 100vh;
  }

  body.showform {
    overflow: hidden;
  }
}
/* HOMMETRY – Newsletter form */
#block-newsletter {
  top: 50%;
  left: -440px;
  transform: translateY(-50%);
  width: 410px;
  height: auto;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 42px 38px 30px;
  border: 1px solid #cfc8c1;
  background: #fff;
  font-family: inherit;
}

.shownform #block-newsletter {
  left: 32px;
  opacity: 1;
}

#block-newsletter::before {
  content: "NEWSLETTER";
  display: block;
  margin: 0 0 30px;
  color: #b45f3b;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0.08em;
}

#block-newsletter .close {
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
}

#block-newsletter .form-item {
  margin: 0 0 20px;
}

#block-newsletter label {
  margin-bottom: 5px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.08em;
}

#block-newsletter input[type="text"],
#block-newsletter input[type="email"] {
  width: 100%;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #9d9893;
  border-radius: 0;
  outline: none;
  background: transparent;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: none;
}

#block-newsletter input[type="text"]:focus,
#block-newsletter input[type="email"]:focus {
  border-bottom-color: #b45f3b;
}

#block-newsletter .form-type-checkbox {
  margin-top: 6px;
}

#block-newsletter input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

#block-newsletter label.option {
  min-height: 16px;
  padding-left: 25px;
  font-size: 10px;
}

#block-newsletter .description {
  margin: 5px 0 0 25px;
  font-size: 10px;
  line-height: 1.4;
}

#block-newsletter .form-actions {
  margin-top: 24px;
}

#block-newsletter input[type="submit"] {
  width: auto;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #b45f3b;
  background: transparent;
  color: #b45f3b;
  font-family: inherit;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.shownform #block-totop {
  display: none !important;
}

@media screen and (max-width: 700px) {
  #block-newsletter {
    top: 0;
    bottom: 0;
    left: -100%;
    transform: none;
    width: 100%;
    height: 100dvh;
    min-height: 100vh;
    max-height: none;
    padding: 70px 24px 32px;
    border: 0;
  }

  .shownform #block-newsletter {
    left: 0;
  }

  body.shownform {
    overflow: hidden;
  }
}

/* Brevo form in the original HOMMETRY newsletter popup. */
#block-newsletter .sib-form,
#block-newsletter #sib-form-container,
#block-newsletter #sib-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
  font-family: inherit !important;
}
#block-newsletter #sib-form > div { padding: 0 !important; margin: 0 0 20px !important; }
#block-newsletter .entry__specification { display: none !important; }
#block-newsletter #sib-form > div:first-child { margin: 0 0 7px !important; }
#block-newsletter #sib-form > div:first-child p {
  margin: 0 !important; color: #333 !important; font-family: inherit !important;
  font-size: 24px !important; font-weight: 500 !important; line-height: 1.2 !important;
}
#block-newsletter #sib-form > div:nth-child(2) { margin: 0 0 22px !important; }
#block-newsletter #sib-form > div:nth-child(2) p {
  margin: 0 !important; color: #333 !important; font-family: inherit !important;
  font-size: 13px !important; line-height: 1.45 !important;
}
#block-newsletter .sib-form-block,
#block-newsletter .sib-text-form-block,
#block-newsletter .sib-form__declaration,
#block-newsletter .sib-form__declaration div { background: transparent !important; font-family: inherit !important; }
#block-newsletter .entry__label { color: #333 !important; font: inherit !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .02em; }
#block-newsletter .entry__field { border: 0 !important; background: transparent !important; }
#block-newsletter #EMAIL {
  display: block !important; width: 100% !important; min-height: 42px !important; padding: 7px 0 !important;
  border: 0 !important; border-bottom: 1px solid #9d9893 !important;
  border-radius: 0 !important; background: transparent !important;
  box-shadow: none !important; color: #333 !important; font: inherit !important;
}
#block-newsletter #EMAIL:focus { border-bottom-color: #b45f3b !important; outline: none !important; }
#block-newsletter .entry__choice label { display: flex !important; align-items: flex-start; gap: 8px; cursor: pointer; }
#block-newsletter .entry__choice .checkbox { flex: 0 0 auto; margin: 0 !important; }
#block-newsletter .entry__choice p { margin: 0; }
#block-newsletter .sib-optin span,
#block-newsletter .sib-text-form-block,
#block-newsletter .sib-form__declaration { color: #333 !important; font: inherit !important; font-size: 12px !important; line-height: 1.5 !important; }
#block-newsletter .sib-text-form-block p,
#block-newsletter .sib-form__declaration p { margin: 0; }
#block-newsletter .sib-form__declaration .declaration-block-icon { display: none !important; }
#block-newsletter #sib-container a { color: #b45f3b !important; }
#block-newsletter .sib-form-block__button {
  width: auto !important; padding: 7px 0 !important; border: 0 !important;
  border-bottom: 1px solid #b45f3b !important; border-radius: 0 !important;
  background: transparent !important; color: #b45f3b !important;
  font: inherit !important; font-size: 11px !important; font-weight: 400 !important;
  letter-spacing: .08em !important; text-transform: uppercase; cursor: pointer;
}
#block-newsletter .sib-form-block__button .progress-indicator__icon { display: none; }
#block-newsletter .sib-form-message-panel { max-width: none !important; font-size: 12px !important; }
#block-newsletter .close { cursor: pointer; }

/* Clear, readable Brevo controls in the HOMMETRY popup. */
#block-newsletter {
  width: 460px;
  left: -490px;
  padding: 42px 38px 36px;
}
.shownform #block-newsletter { left: 32px; }
#block-newsletter::before {
  margin-bottom: 25px;
  font-size: 14px;
}
#block-newsletter #sib-form > div { margin-bottom: 17px !important; }
#block-newsletter #sib-form > div:first-child p { font-size: 26px !important; }
#block-newsletter #sib-form > div:nth-child(2) p { font-size: 14px !important; }
#block-newsletter .entry__label { font-size: 13px !important; }
#block-newsletter .entry__field { margin: 8px 0 0 !important; }
#block-newsletter #EMAIL {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #cfc8c1 !important;
  border-radius: 0 !important;
  background: #fff !important;
  font-size: 14px !important;
}
#block-newsletter #EMAIL:focus { border-color: #b45f3b !important; }
#block-newsletter .entry__choice { padding-left: 0 !important; }
#block-newsletter .entry__choice label {
  position: relative;
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
#block-newsletter .entry__choice #OPT_IN {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  opacity: 0;
}
#block-newsletter .entry__choice .checkbox {
  box-sizing: border-box;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0 !important;
}
#block-newsletter .entry__choice label > span:last-child {
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}
#block-newsletter .sib-text-form-block,
#block-newsletter .sib-form__declaration {
  font-size: 13px !important;
  line-height: 1.5 !important;
}
#block-newsletter .sib-form__declaration { padding: 0 !important; }
#block-newsletter .sib-form-block__button {
  box-sizing: border-box !important;
  min-height: 40px !important;
  padding: 11px 18px !important;
  border: 0 !important;
  background: #3e4857 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
#block-newsletter .sib-form-block__button:hover,
#block-newsletter .sib-form-block__button:focus-visible {
  background: #b45f3b !important;
  color: #fff !important;
}
@media screen and (max-width: 700px) {
  #block-newsletter {
    z-index: 1000;
    left: -100%;
    width: 100%;
    padding: 70px 24px 32px;
  }
  .shownform #block-newsletter { left: 0; }
}
#block-newsletter .entry__choice label,
#block-newsletter .entry__choice label > span,
#block-newsletter .entry__choice label p {
  text-indent: 0 !important;
}
#block-newsletter #sib-form > div:first-child {
  display: none !important;
}
@media screen and (min-width: 701px) {
  .shownform #block-newsletter {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
#block-newsletter::before {
  padding-left: 16px;
}

#block-newsletter .sib-form__declaration {
  box-sizing: border-box;
  padding: 0 16px !important;
}
#block-hth-languageswitcher .links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  list-style: none;
  margin: 0 0 0 16px;
  padding: 0;
  white-space: nowrap;
}

#block-hth-languageswitcher .links li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#block-hth-languageswitcher a {
  font-size: 0;
  text-decoration: none;
}

#block-hth-languageswitcher a::after {
  font-size: 12px;
  color: #333;
}

#block-hth-languageswitcher a[hreflang="en"]::after {
  content: "EN";
}

#block-hth-languageswitcher a[hreflang="el"]::after {
  content: "GR";
}
}
/* Greek homepage typography */
html[lang="el"] .path-frontpage .region-content :is(.txtwrap, .vtxtwrap),
html[lang="el"] .path-frontpage .region-content :is(.txtwrap, .vtxtwrap) * {
  font-family: 'Inter', Arial, sans-serif !important;
}
@media (max-width: 767px) {
  html[lang="el"] .path-frontpage .region-content :is(.txtwrap, .vtxtwrap) p {
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.45 !important;
  }
}