/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/main.scss ***!
  \****************************************************************************************************************/
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@font-face {
  font-display: swap;
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400 600;
  src: url(fonts/Quicksand-VariableFont_wght.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Playfair";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/Playfair-VariableFont.ttf) format("truetype");
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  background-color: #fff;
}
header .skip-container {
  position: absolute;
  top: -1000rem;
  left: 2rem;
  transition: top 0.3s;
  z-index: 9999;
  background-color: #DEE8DF;
  padding: 1rem 0 0 1rem;
  display: flex;
  align-items: center;
  max-width: calc(100dvw - 4rem);
}
header .skip-container:focus-within {
  top: 2.3rem;
}
header .skip-container .skip-link {
  z-index: 1;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  margin-bottom: 1rem;
  white-space: nowrap;
  position: relative;
}
header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5rem;
}
header .header-content .header-left .header-logo {
  display: block;
  margin: 1.2rem 0;
}
header .header-content .header-left .header-logo .header-logo-img {
  display: block;
  height: 10rem;
  width: auto;
}
header .header-content .header-right {
  display: flex;
  align-items: center;
  gap: 5rem;
}
header .header-content .header-right .header-nav-container .header-nav {
  list-style-type: none;
  display: flex;
  gap: 5rem;
  padding: 0;
  margin: 0;
  justify-content: center;
}
header .header-content .header-right .header-nav-container .header-nav > li {
  padding: 2rem 0;
}
header .header-content .header-right .header-nav-container .header-nav > li.menu-item-has-children {
  position: relative;
}
header .header-content .header-right .header-nav-container .header-nav > li.menu-item-has-children .sub-menu-toggle {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-left: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  background: url(images/chevron-down.svg);
  background-size: auto 1.8rem;
  background-repeat: no-repeat;
  background-position: 50%;
  border: none;
  background-color: transparent;
  transition: transform 0.3s;
}
header .header-content .header-right .header-nav-container .header-nav > li.menu-item-has-children.open .sub-menu-toggle {
  transform: rotateX(180deg);
}
header .header-content .header-right .header-nav-container .header-nav > li:not(.btn-link) a {
  text-decoration: none;
}
header .header-content .header-right .header-nav-container .header-nav > li:not(.btn-link) a:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}
header .header-content .header-right .header-nav-container .header-nav .sub-menu {
  display: none;
  position: absolute;
  background-color: #DEE8DF;
  z-index: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: calc(100% - 1rem);
  left: -2rem;
}
header .header-content .header-right .header-nav-container .header-nav .sub-menu li {
  padding: 1rem 2rem;
}
header .header-content .header-right .header-nav-container .header-nav .sub-menu li:not(:last-child) {
  border-bottom: 0.2rem solid #FAFAF7;
}
header .header-content .header-right .header-nav-container .header-nav .sub-menu li a {
  white-space: nowrap;
  display: block;
}
header .header-content .toggle-header-navigation {
  display: none;
}
header + div {
  margin-top: 12.4rem;
}
@media (max-width: 1400px) {
  header .header-content {
    gap: 3rem;
  }
  header .header-content .header-left .header-logo .header-logo-img {
    height: 7rem;
  }
  header .header-content .header-right {
    gap: 3rem;
  }
  header .header-content .header-right .header-nav-container .header-nav {
    gap: 3rem;
  }
  header + div {
    margin-top: 9.4rem;
  }
}
@media (max-width: 1200px) {
  header .header-content .header-left .header-logo .header-logo-img {
    height: 5rem;
  }
  header .header-content .header-right {
    position: fixed;
    z-index: 200;
    right: -200%;
    top: 0;
    height: 100%;
    max-width: 100%;
    overflow-x: auto;
    background-color: #FAFAF7;
    flex-direction: column;
    align-items: start;
    transition: right 0.3s;
    gap: 2rem;
    padding: 7.4rem 5rem 2.25rem;
  }
  header .header-content .header-right .header-nav-container .header-nav {
    flex-direction: column;
    gap: 2rem;
  }
  header .header-content .header-right .header-nav-container .header-nav > li {
    padding: 0;
  }
  header .header-content .header-right .header-nav-container .header-nav .sub-menu {
    position: relative;
    left: 0;
    top: 0;
    padding: 0 0 0 2rem;
    background-color: transparent;
  }
  header .header-content .header-right .header-nav-container .header-nav .sub-menu li {
    padding: 2rem 0 0 0;
  }
  header .header-content .header-right .header-nav-container .header-nav .sub-menu li a {
    white-space: normal;
    line-height: 1.2;
  }
  header .header-content .toggle-header-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-around;
    position: fixed;
    top: 2.2rem;
    right: 2.25rem;
    width: 3rem;
    height: 3rem;
    margin: 0;
    padding: 0;
    z-index: 300;
    background: transparent;
    border: none;
    cursor: pointer;
  }
  header .header-content .toggle-header-navigation span {
    pointer-events: none;
    display: block;
    width: 3rem;
    height: 0.2rem;
    transition: background-color 0.3s, opacity 0.3s, transform 0.3s;
    background-color: #191412;
  }
  header .header-content .toggle-header-navigation:hover span {
    background-color: #293207;
  }
  header .header-content .toggle-header-navigation.open span:nth-child(1) {
    transform: rotate(45deg) translate(0.7rem, 0.7rem);
  }
  header .header-content .toggle-header-navigation.open span:nth-child(2) {
    opacity: 0;
  }
  header .header-content .toggle-header-navigation.open span:nth-child(3) {
    transform: rotate(-45deg) translate(0.7rem, -0.7rem);
  }
  header .header-content .toggle-header-navigation.open + .header-right {
    right: -0.2rem;
  }
  header:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100;
    transition: background-color 0.3s;
  }
  header:has(.toggle-header-navigation.open):before {
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: all;
  }
  header + div {
    margin-top: 7.4rem;
  }
}

footer {
  background-color: #DEE8DF;
  color: #191412;
}
footer a {
  color: #191412;
}
footer a:hover {
  color: #293207;
}
footer .footer-top {
  padding: 5rem 0;
}
footer .footer-top .grid {
  gap: 6rem 1.5rem;
}
footer .footer-top .footer-navigation {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer .footer-top .footer-navigation li {
  display: block;
}
footer .footer-bottom {
  background-color: #D8DED9;
  padding: 1.8rem 0;
}
footer .footer-bottom ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
footer .footer-bottom ul li a {
  display: block;
}

.hero-section {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 80% center;
}
.hero-section .hero-section-content {
  max-width: 96rem;
  padding: 10rem 3rem;
}
.hero-section .hero-section-content .hero-claim {
  text-transform: uppercase;
  text-shadow: 0 0 7rem #E6F2DB, 0 0 7rem #E6F2DB, 0 0 3rem #E6F2DB, 0 0 7rem #E6F2DB;
}
.hero-section .hero-section-content h1 {
  margin: 0;
  text-shadow: 0 0 7rem #E6F2DB, 0 0 7rem #E6F2DB, 0 0 3rem #E6F2DB, 0 0 7rem #E6F2DB;
}
.hero-section .hero-section-content .hero-subtitle {
  margin-top: 1rem;
  text-shadow: 0 0 7rem #E6F2DB, 0 0 7rem #E6F2DB, 0 0 3rem #E6F2DB, 0 0 7rem #E6F2DB;
}
@media screen and (min-width: 768px) {
  .hero-section .hero-section-content .hero-subtitle {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .hero-section .hero-section-content .hero-subtitle {
    font-size: 2.2rem;
  }
}

.img-fullwidth-section img {
  width: 100%;
  height: auto;
  display: block;
}

.img-fullwidth-section, .hero-section {
  position: relative;
  overflow: hidden;
}
.img-fullwidth-section .hero-overlay, .hero-section .hero-overlay {
  position: absolute;
  display: block;
  bottom: 1rem;
  right: 1rem;
  cursor: pointer;
}
.img-fullwidth-section .hero-overlay img, .hero-section .hero-overlay img {
  display: block;
  height: 4.8rem;
  width: auto;
}

.hero-overlay {
  display: none;
}

.content-image-section {
  margin: 6rem 0;
}
.content-image-section .col-6:first-child img {
  display: block;
  width: 100%;
  height: auto;
}
.content-image-section .col-6:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3.2rem;
}
.content-image-section .col-6:last-child > *:last-child {
  margin-bottom: 0;
}
.content-image-section.primary-bg-section .col-6:last-child {
  background-color: #E6F2DB;
}
.content-image-section.secondary-bg-section .col-6:last-child {
  background-color: #DEE8DF;
}
@media screen and (max-width: 991px) {
  .content-image-section .col-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .content-image-section .grid.img-right .col-6:last-child {
    order: -1;
  }
}

.text-link-section {
  margin: 6rem 0;
}
.text-link-section .grid .col-4 {
  display: flex;
}
.text-link-section .grid .col-4 .tlm-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.text-link-section .grid .col-4 .tlm-item .tlm-media {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 15px;
}
.text-link-section .grid .col-4 .tlm-item .tlm-media .tlm-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.text-link-section .grid .col-4 .tlm-item .tlm-content {
  padding: 2rem;
  background-color: #E6F2DB;
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.text-link-section .grid .col-4 .tlm-item .tlm-content h3 {
  font-size: 3.2rem;
  letter-spacing: 0.015em;
}
.text-link-section .grid .col-4 .tlm-item .tlm-content p:last-child {
  margin-bottom: 0;
}
.text-link-section .grid .col-4 .tlm-item .tlm-content .tlm-cta {
  margin-top: auto;
}
.text-link-section .grid .col-4:nth-child(2n) .tlm-content {
  background-color: #DEE8DF;
}

.text-section {
  margin: 6rem 0;
}
.text-section .highlight {
  padding: 3.2rem;
  background-color: #F5EBD7;
}
.text-section .highlight > div > *:last-child {
  margin-bottom: 0;
}

.gallery-section {
  margin: 6rem 0;
}
.gallery-section img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1;
  object-fit: cover;
}

.services-overview-section {
  margin: 6rem 0;
}
.services-overview-section .col-6:first-child {
  padding-right: 10rem;
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .services-overview-section .services .service-item h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 1200px) {
  .services-overview-section .col-6:first-child {
    padding-right: 5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .services-overview-section .services > *:nth-child(odd):last-child .service-filler {
    display: none;
  }
}
@media (max-width: 991px) {
  .services-overview-section .col-6:first-child {
    padding-right: 0;
    padding-bottom: 3rem;
  }
}

.additional-services-section {
  padding: 10rem 0;
  text-align: center;
}

.services.grid {
  max-width: 1085px;
}
.services.grid > *:nth-child(odd) .service-item {
  background-color: #DEE8DF;
}
.services.grid > *:nth-child(even) .service-item {
  background-color: #E6F2DB;
}
.services .service-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  aspect-ratio: 1;
}
.services .service-item:not(.service-filler) {
  padding: 1.6rem;
  text-decoration: none;
  color: #293207;
  transition: background-color 0.3s;
}
.services .service-item:not(.service-filler):hover {
  background-color: #D8DED9;
}
.services .service-item:not(.service-filler):hover h3:after {
  transform: translateX(1rem);
}
.services .service-item.service-filler img {
  display: block;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.services .service-item h3 {
  font-family: "Quicksand", sans-serif;
  font-size: 2rem;
  line-height: 1.25;
  margin: 0;
}
.services .service-item h3:after {
  content: "";
  display: block;
  background: url(images/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.4rem;
  height: 2.4rem;
  margin: 3rem auto 0;
  transition: transform 0.3s;
}
@media (max-width: 767px) {
  .services .service-item:not(.service-filler) {
    aspect-ratio: auto;
    max-width: 500px;
    margin: 0 auto;
  }
  .services .service-item:not(.service-filler) h3 {
    width: 100%;
    text-align: left;
    position: relative;
    padding-right: 5rem;
  }
  .services .service-item:not(.service-filler) h3:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0;
  }
  .services .service-item:not(.service-filler):hover h3:after {
    transform: translateY(-50%);
  }
  .services .service-item.service-filler {
    display: none;
  }
}

.contactform-section {
  margin: 6rem 0;
}
.contactform-section h2 {
  text-align: center;
}
.contactform-section .contactform-container {
  max-width: 1085px;
  margin: 2rem auto 0;
}
.contactform-section .contactform-container label {
  display: block;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.contactform-section .contactform-container p {
  margin: 0 0 0.2em;
}
.contactform-section .contactform-container .wpcf7-form-control-wrap {
  display: block;
}
.contactform-section .contactform-container .wpcf7-form-control-wrap input[type=text],
.contactform-section .contactform-container .wpcf7-form-control-wrap input[type=email],
.contactform-section .contactform-container .wpcf7-form-control-wrap input[type=tel],
.contactform-section .contactform-container .wpcf7-form-control-wrap textarea {
  font-size: 2rem;
  padding: 2.2rem;
  width: 100%;
  border: 0.1rem solid #787F5C;
  background-color: transparent;
  border-radius: 0;
}
.contactform-section .contactform-container .wpcf7-form-control-wrap textarea {
  resize: none;
  height: 23.5rem;
}

.contact-section {
  margin: 6rem 0;
}
.contact-section h2 {
  margin-bottom: 2rem;
}
.contact-section p {
  margin: 0 0 1em;
}
.contact-section .contact-left {
  padding: 3.4rem;
  background-color: #DEE8DF;
  line-height: 1.2;
}
.contact-section .contact-left h2 {
  margin-bottom: 0.5rem;
}
.contact-section .contact-right {
  display: flex;
}
.contact-section .contact-right .contact-img {
  display: block;
  max-width: calc(100% - 39.5rem);
  height: 100%;
  object-fit: cover;
  margin-right: 1.5rem;
}
.contact-section .contact-right .opening-hours-container {
  min-width: 38rem;
  background-color: #E6F2DB;
  padding: 2.4rem;
  height: 100%;
}
@media (max-width: 1200px) {
  .contact-section .contact-right .contact-img {
    max-width: clamp(25%, 50%, 100% - 39.5rem);
    aspect-ratio: 16/9;
    object-position: center;
  }
  .contact-section .contact-right .opening-hours-container {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .contact-section .contact-right {
    flex-direction: column;
  }
  .contact-section .contact-right .contact-img {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1.5rem;
    aspect-ratio: 1;
    object-position: center;
  }
  .contact-section .contact-right .opening-hours-container {
    width: 100%;
  }
}

.team-section {
  margin: 6rem 0;
}
.team-section .col-8 {
  align-self: center;
  padding-left: 3rem;
}
.team-section .main-item .main-img img {
  display: block;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-position: center;
  object-fit: cover;
}
.team-section .main-item .main-info {
  padding: 3rem;
  line-height: 1.2;
  background-color: #DEE8DF;
}
.team-section .employees {
  padding-top: 6rem;
}
.team-section .employees > *:nth-child(odd) .employee .employee-info {
  background-color: #DEE8DF;
}
.team-section .employees > *:nth-child(even) .employee .employee-info {
  background-color: #E6F2DB;
}
.team-section .employees .employee {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.team-section .employees .employee .employee-img img {
  display: block;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-position: center;
  object-fit: cover;
}
.team-section .employees .employee .employee-info {
  padding: 3rem;
  flex: 1;
  line-height: 1.2;
}
.team-section .main-name, .team-section .employee-name {
  font-size: 4.2rem;
  letter-spacing: 0.015em;
  font-family: "Playfair", serif;
  margin-bottom: 0.2em;
}
@media (max-width: 1200px) {
  .team-section .main-name, .team-section .employee-name {
    font-size: 4rem;
  }
}
@media (max-width: 991px) {
  .team-section .main-item {
    max-width: 50rem;
    margin: 0 auto 3rem;
  }
  .team-section .main-item .main-info {
    text-align: center;
  }
  .team-section .main-text {
    padding-left: 0;
  }
  .team-section .main-name, .team-section .employee-name {
    font-size: 3.7rem;
  }
}
@media (max-width: 767px) {
  .team-section .main-text {
    max-width: 50rem;
    margin: 0 auto;
  }
  .team-section .main-name, .team-section .employee-name {
    font-size: 3.4rem;
  }
  .team-section .employees .employee {
    max-width: 50rem;
    margin: 0 auto;
  }
  .team-section .employees .employee .employee-info {
    text-align: center;
  }
}

@media screen and (min-width: 992px) {
  .img-fullwidth-section .img-mobile {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .img-fullwidth-section .img-desktop {
    display: none;
  }
}
.error404 .text-section {
  text-align: center;
  min-height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 15px;
  width: calc(100% - 45px);
  margin: 0 auto;
  max-width: 1400px;
}
.grid.grid-xl {
  max-width: 1800px;
}
.grid .grid {
  width: 100%;
}
.grid > .col-1 {
  grid-column: span 1;
}
.grid > .col-2 {
  grid-column: span 2;
}
.grid > .col-3 {
  grid-column: span 3;
}
.grid > .col-4 {
  grid-column: span 4;
}
.grid > .col-5 {
  grid-column: span 5;
}
.grid > .col-6 {
  grid-column: span 6;
}
.grid > .col-7 {
  grid-column: span 7;
}
.grid > .col-8 {
  grid-column: span 8;
}
.grid > .col-9 {
  grid-column: span 9;
}
.grid > .col-10 {
  grid-column: span 10;
}
.grid > .col-11 {
  grid-column: span 11;
}
.grid > .col-12 {
  grid-column: span 12;
}
@media screen and (max-width: 1200px) {
  .grid > .col-lg-1 {
    grid-column: span 1;
  }
  .grid > .col-lg-2 {
    grid-column: span 2;
  }
  .grid > .col-lg-3 {
    grid-column: span 3;
  }
  .grid > .col-lg-4 {
    grid-column: span 4;
  }
  .grid > .col-lg-5 {
    grid-column: span 5;
  }
  .grid > .col-lg-6 {
    grid-column: span 6;
  }
  .grid > .col-lg-7 {
    grid-column: span 7;
  }
  .grid > .col-lg-8 {
    grid-column: span 8;
  }
  .grid > .col-lg-9 {
    grid-column: span 9;
  }
  .grid > .col-lg-10 {
    grid-column: span 10;
  }
  .grid > .col-lg-11 {
    grid-column: span 11;
  }
  .grid > .col-lg-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 991px) {
  .grid > .col-md-1 {
    grid-column: span 1;
  }
  .grid > .col-md-2 {
    grid-column: span 2;
  }
  .grid > .col-md-3 {
    grid-column: span 3;
  }
  .grid > .col-md-4 {
    grid-column: span 4;
  }
  .grid > .col-md-5 {
    grid-column: span 5;
  }
  .grid > .col-md-6 {
    grid-column: span 6;
  }
  .grid > .col-md-7 {
    grid-column: span 7;
  }
  .grid > .col-md-8 {
    grid-column: span 8;
  }
  .grid > .col-md-9 {
    grid-column: span 9;
  }
  .grid > .col-md-10 {
    grid-column: span 10;
  }
  .grid > .col-md-11 {
    grid-column: span 11;
  }
  .grid > .col-md-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 767px) {
  .grid [class^=col-] {
    grid-column: span 12 !important;
  }
}
@media screen and (max-width: 480px) {
  .grid .col-xs-6 {
    grid-column: span 6 !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .grid .col-sm-6 {
    grid-column: span 6 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid .col-md-6 {
    grid-column: span 6;
  }
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.text-center {
  text-align: center;
}

.sr-only {
  display: none;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
  scroll-padding-top: 12.4rem;
}
@media (max-width: 1400px) {
  html {
    scroll-padding-top: 9.4rem;
  }
}
@media (max-width: 1200px) {
  html {
    scroll-padding-top: 7.4rem;
  }
}

body {
  font-family: "Quicksand", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0;
  padding: 0;
  color: #293207;
  background-color: #FAFAF7;
}

* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair", serif;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 0.8em;
}

h1, h2 {
  font-size: 4.2rem;
  letter-spacing: 0.015em;
}
h1[style="text-align: center;"], h2[style="text-align: center;"] {
  margin: 0 0 0.1em;
}
h1[style="text-align: center;"] + p:has(br), h2[style="text-align: center;"] + p:has(br) {
  margin-top: 1.4em;
}

a {
  color: #293207;
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.2rem;
  transition: color 0.3s;
}
a:hover {
  color: #191412;
}

b, strong {
  font-weight: 600;
}

p {
  margin: 0 0 2em;
}

#content ul:not(.opening-hours) {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0 0 0 3rem;
}
#content ul:not(.opening-hours) li {
  padding-left: 3rem;
  margin: 0.2rem 0;
  position: relative;
  display: block;
}
#content ul:not(.opening-hours) li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  background: url(images/checkmark.svg) no-repeat 50%/contain;
}

.btn, .btn-link a {
  display: inline-block;
  cursor: pointer;
  font-size: 2rem;
  line-height: 1.25;
  padding: 0.6rem 2rem;
  text-decoration: none;
  color: #FAFAF7;
  background-color: #293207;
  border: 0.1rem solid #293207;
  border-radius: 0;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.btn:hover, .btn-link a:hover {
  color: #293207;
  background-color: transparent;
  text-decoration: none;
}

.icon-link {
  text-decoration: none;
  padding-left: 2.4rem;
  line-height: 1.2;
  position: relative;
  display: inline-block;
}
.icon-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.icon-link.icon-after-link {
  padding-left: 0;
  padding-right: 2.4rem;
}
.icon-link.icon-after-link:before {
  left: auto;
  right: 0;
}
.icon-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}
.icon-link.phone-link:before {
  background-image: url(images/phone.svg);
}
.icon-link.mail-link:before {
  background-image: url(images/mail.svg);
}
.icon-link.ext-link:before {
  background-image: url(images/external.svg);
}

.appointment-request-container {
  max-width: 1300px;
  margin: 0 auto 2rem;
}

.frontshield-content-blocker-inner p {
  margin-bottom: 0.2em;
}

.opening-hours {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1.25;
}
.opening-hours li {
  padding: 0.5rem 0;
  display: flex;
}
.opening-hours li .opening-hours-day {
  font-size: 1.7rem;
  width: 9.5rem;
  margin-right: 1.4rem;
  padding-top: 0.2rem;
}
.opening-hours li .opening-hours-times {
  letter-spacing: -0.05rem;
}
.opening-hours li .opening-hours-spacer {
  padding: 0 0.8rem;
}

.screen-reader-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

@media (max-width: 1200px) {
  h1,
  h2 {
    font-size: 4rem;
  }
}
@media (max-width: 991px) {
  h1,
  h2 {
    font-size: 3.7rem;
  }
}
@media (max-width: 767px) {
  h1,
  h2 {
    font-size: 3.4rem;
  }
}
#content > section:first-child:not(.img-fullwidth-section):not(.hero-section) {
  margin-top: 20rem;
}