:root {
        --logo-max-width: 200px;
}

/* nav active links underlines */

.scroll-up nav.main ul li.active a,
.scroll-down nav.main ul li.active a,
nav.main ul li.active a {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
nav.main ul li a:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
/* Active link styling for mobile */
.mm-menu li.active a.mm-listitem__text {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}

/* Hover styling for mobile */
.mm-menu li a.mm-listitem__text:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}

/*hard to read font*/
button, .cpt-heading, .custom-checkbox .link , .footer-widget h3, .footer-widgets a, form#subscribeFormFooter h4, footer .author p>a, .mb-2, .my-2, .btn-group>.btn:first-child, .btn:not(:disabled):not(.disabled), div.telephone-block span, #visit-shop-cat, #visit-shop {
    font-family: var(--primary-font-family)!important;
}

/* nav font */
.scroll-up nav.main ul li a, .scroll-down nav.main ul li a, nav.main ul li a {
  font-size: 14px;
  font-family: var(--primary-font-family)!important;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}

h1 {
  font-size: 42px;
}
.gallery-style .gallery-item h4 {
    font-size: 1.6em !important;
    line-height: 1em !important;
}
h5 {
  font-size: 28px;
}
h4 {
  font-size: 30px;
}
h3 {
  font-size: 32px;
}
h2 {
  font-size: 34px;
}

/* remove padding at top of home page 

body[content-tpl="home.tpl.php"] #content {
    margin-top: 0px;
    padding-top: 0px;
}
*/

.img-text-block .row {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .img-text-block .row {
    gap: 30px;
  }
}

/* change link colours*/
/* change tel no. link colour */
div.calltoaction.col-md-12 a {
color: #969C82 !important;
}

/* change text/link colour next to checkbox under form */
.custom-checkbox .link {
color: #969C82;
}

/* tickbox order colour */
span.link::before {
border: 1px solid #969C82;
background-color: #fff;
}

/* tick colour */
.custom-checkbox span:after {
border-top-color: #969C82;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-color: #969C82;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: #969C82;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: #969C82;
    border-left-style: solid;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.robot, .custom-checkbox span {
    color: #969C82;
}
.custom-checkbox span:before {
    border: 2px solid #969C82;
}

p a, a, .link, p a span, .checkout-wrap #del-header-descr-local a, section.location-and-address-section .address-block a, .item-name-details-wrap a, section.location-and-address-section div.shop-opening-time-item span, section.location-and-address-section .shop-opening-times .shop-opening-time-item, .custom-checkbox .link, .custom-checkbox {
color: #969C82;
}
.site-identity .logo{max-width: 100%;}
@media screen and (max-width: 1023px){
    .site-identity .logo {
      width: 100%;
      height: 70px;
    }
    .header-wrap .site-identity {
        padding: 2px 0;
    }
}
