@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}

p { font-family: 'Montserrat', sans-serif; }

#block-baylis2026-sitebranding {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin:20px 0;
}

#block-baylis2026-sitebranding img { max-width:500px; height: auto; }

header nav, header ul.nice-menu-main {
  /* width: 100%;
  float: left; */
  float:none;
  border: 2px solid #000;
  border-left: 0;
  border-right: 0;
}

header #block-baylis2026-nicemenus {
  width: 100%;
  float: none;
  margin: 0 auto;
  padding: 0;
}
header nav h2, header #block-baylis2026-nicemenus h2 {
  display:none;
}

header nav ul.menu, header ul.nice-menu-main {
  margin:0;
  padding:0;
  text-align:center;
  width:100%;
  z-index:499; /* needs to be lower than the contextual region */
}


header nav ul li.menu-item, header ul.nice-menu-main li.menu-item {
    position: relative;
    letter-spacing: 0.5px;
    font-size: 1.1em;
    font-family: "Montserrat", 'Gotham Bold', 'Gotham Medium', serif;
    padding: 10px 40px;
    text-transform: uppercase;
    background: none !important;
    border: none !important;
    float: none;
    display: inline-block;
    width: auto;
  }

header nav ul li a, header ul.nice-menu-main li.menu-item a {
  padding: 2px 10px;
  background: none;
  border: none;
  color: #000;
  text-decoration:none;
}

header nav ul.menu li.over ul, header ul.nice-menu-main li.over.menu-item ul {
  display:block !important;
  visibility: visible !important;
}
header nav ul.menu li ul, header ul.nice-menu-main li.menu-item ul {
  z-index: 2;
  background: #FFF;
  border: 1px solid #CCC;
  font-size: 0.8em;
  position: absolute;
  max-height: 100vh;
  min-width: 450px;
  margin-top: 13px;
  border-top: 2px solid #000;
  text-align: left;
}

header nav ul.menu li:last-child ul {
  right: 0;
}

header nav ul.menu li ul li, header ul.nice-menu-main li.menu-item ul li {
  padding: 10px;
  text-transform: none;
  font-weight:300;
}

header nav ul.menu li ul {
  display: none !important;
  visibility: hidden !important;
  margin:0;
  z-index: 7777;
  font-size:0.8em;
}
header nav ul.menu li ul li { /* Gift Edits */
  width:100%;
  text-transform: none;
  display:inline-block;
  text-transform: uppercase;
}
header nav ul.menu li a {
  padding: 2px 0;
}
header nav ul.menu li ul li ul {
  border:none;
  width:100%;
  float:left;
  min-width:100px;
  position: relative;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  font-size:1em;
}
header nav ul.menu li ul li ul li { /* Under £10 */
  min-width:0;
  break-inside: avoid;
  float:left;
  padding:0 0 6px 0;
  line-height: 1.2em;
  text-transform: none;
}
header nav ul.menu li ul li ul li a {
  padding:0;
  font-family: 'Montserrat', sans-serif;
}
header nav ul.menu li:hover ul {
  display: block !important;
  visibility: visible !important;
}

.title-container {
  position: relative;
  width: 100%;
  float: left;
}

.ourproductcontainer { margin-top:50px; }
.contextual-region { clear: both; }

.product-holder {
  margin: 0 auto 20px auto;
}
.product-holder .image-container {
  width: 100%;
  float: left;
  text-align: center;
}


.product-holder .shop-button-container {
  margin: 15px 0 30px 0;
  float: left;
  width: 100%;
  text-align: center;;
}

.product-holder .shop-button-container .shop-button {
  background: #000;
  text-transform: uppercase;
  color: #FFF;
  padding: 10px 15px;
}

.messages .placeholder {
  cursor: default;
  background-color: transparent;
  opacity: 1;
}


.product-buy-from h2 {
  font-size: 1.4em;
  color: #706E6F;
  text-align: center;
  text-transform: uppercase;
}

.product-buy-from .customer-logo-container {
  width:90%;
  margin: 0 5%;
  clear: both;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-buy-from .customer-logo-container .customer-logo {
  max-width: 20%;
  margin: 0 10px 10px 10px;
  max-height: 100px;
  float: left;
}

.product-buy-from .customer-logo-container .customer-logo img {
  max-width: 100%;
  height: auto;
}

form input {
  max-width:100%; 
}


form .form-type-email label, form .form-type-textfield label {
  width:100%;
  float:left;
}

form .form-type-select {
  max-width:80%;
}

form .form-type-email input, form .form-type-textfield input, form .form-type-textarea textarea {
  max-width:80%;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.region.region-footer {
  float: left;
  width: auto;
  border-top: 2px solid #000;
  margin: 30px 0 0 0;
  padding: 30px 20% 0 20%;
  color: #575656;
  display:flex;
  flex-wrap: wrap;
  flex-direction:row;
  align-items: top;
  justify-content: center;
}
.region.region-footer a { color:#575656;  }
.region.region-footer a:hover { color:#575656; text-decoration:underline; }

.region.region-footer #block-baylis2026-partners { flex-grow:1; width:33%; }
.region.region-footer #block-baylis2026-partners h2 { text-transform:uppercase; border:0px; font-family:'Montserrat', 'Gotham Medium', sans-serif; font-size:0.9em; text-align:center; padding:0px; margin:20px 0px 10px 0px; }
.region.region-footer #block-baylis2026-partners p { text-align:center; }
.region.region-footer #block-baylis2026-partners p a img { max-width:50%; height:auto;}

.region.region-footer #block-baylis2026-footer { flex-grow:1; width:66%; }
.region.region-footer #block-baylis2026-footer a { color:#000; text-decoration: none; }
.region.region-footer #block-baylis2026-footer ul.menu { padding: 0px; margin: 0px; list-style:none; background:none; border:0px; }
.region.region-footer #block-baylis2026-footer ul.menu > li { border: 0px; background: none; width: 50%; float: left; font-size: 0.9em; text-align: center; padding: 0px; margin: 20px 0px 10px 0px; }
.region.region-footer #block-baylis2026-footer ul.menu > li.menu-item--expanded { list-style: none; }
.region.region-footer #block-baylis2026-footer ul.menu li {  text-transform:uppercase; border:0px; background:none; float:left; font-family:'Montserrat', 'Gotham Medium', sans-serif; font-size:0.9em; text-align:center; padding:0px; margin:20px 0px 10px 0px; }
.region.region-footer #block-baylis2026-footer ul.menu li a { color:#575656; padding:0px; margin:0px; text-decoration: none; }
.region.region-footer #block-baylis2026-footer ul.menu li ul { top:0 !important; position:relative !important; display:block !important; visibility: visible !important; opacity: 1 !important; float:none; width:90%; background:none; margin:5px 5% 0px 5%; padding:0px; border-top:0px; }
.region.region-footer #block-baylis2026-footer ul.menu li ul li { border:0px; background:none; width:100%; float:none; text-align:center; font-size:0.9em; font-family:'Montserrat', sans-serif; list-style:none; margin:0px; padding:0px 0px 3px 0px; line-height:1.3em; }
.region.region-footer #block-baylis2026-footer ul.menu li ul li a { color:#575656;  }
.region.region-footer #block-baylis2026-footer ul.menu li ul li a:hover { color:#575656; text-decoration:underline; }

.region.region-footer #block-baylis2026-footertext { flex-grow:4; width:100%; }

@media (max-width: 768px) {
  #block-baylis2026-sitebranding img { max-width:100%; }
  header nav ul li.menu-item { padding:0 10px;}
  .region.region-footer { flex-direction: column; padding:30px 10px;}
  .region.region-footer #block-baylis2026-footer { width:100%; order:1;  }
  .region.region-footer #block-baylis2026-partners { width:100%; order:2;}
  .region.region-footer #block-baylis2026-footertext { order:4; }
}