* {
  font-family: "Gabriela", serif;
}

body {
  background: #F9F7EF;
}
body.scroll-disabled {
  overflow: hidden;
}

body {
  font-size: clamp(1.00rem, calc(0.92rem + 0.42vw), 1.1rem);
}

h1 {
  font-size: clamp(2.07rem, calc(1.75rem + 1.63vw), 3.05rem);
  line-height: 1.1;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #111D43;
}
@media (min-width: 768px) {
  h1 {
    letter-spacing: 0;
  }
}

h2 {
  font-size: clamp(1.73rem, calc(1.49rem + 1.19vw), 2.44rem);
  line-height: 1.1;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #111D43;
}
@media (min-width: 768px) {
  h2 {
    letter-spacing: 0;
  }
}

h3 {
  font-size: clamp(1.44rem, calc(1.27rem + 0.86vw), 1.95rem);
  line-height: 1.1;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #111D43;
}
@media (min-width: 768px) {
  h3 {
    letter-spacing: 0;
  }
}

h4 {
  font-size: clamp(1.20rem, calc(1.08rem + 0.60vw), 1.56rem);
  line-height: 1.1;
  text-transform: uppercase;
  color: #111D43;
}

p {
  margin-top: clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem);
}
p.bold {
  font-weight: 700;
}

.max__width {
  width: min(90%, 1280px);
  margin: 0 auto;
}

.error_page {
  padding: 200px 0px 100px 0px;
  text-align: center;
  display: grid;
  justify-items: center;
}
.error_page h1 {
  font-size: clamp(2.49rem, calc(2.05rem + 2.21vw), 3.82rem);
}
.error_page a {
  text-decoration: none;
  display: block;
  color: #111D43;
  border: 1px solid #111D43;
  padding: 1rem;
  margin-top: clamp(1.13rem, calc(0.71rem + 2.07vw), 2.19rem);
  text-transform: uppercase;
}

#header {
  background: #F9F7EF;
  position: relative;
  padding: clamp(0.75rem, calc(0.48rem + 1.34vw), 1.44rem) 0;
}
#header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .wrapper a.mobile {
  text-decoration: none;
  justify-self: flex-end;
}
#header .wrapper a.mobile button {
  cursor: pointer;
  border: 0;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  text-transform: uppercase;
  padding: clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem) clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem);
  background: #111D43;
  color: #fff;
}
#header .wrapper a.mobile button img {
  width: 1.5rem;
}
#header .wrapper a.mobile button:hover {
  background: #DFAB00;
  color: #111D43;
}
#header .wrapper .header__logo {
  position: absolute;
  width: clamp(5.8rem, calc(4.8rem + 5.97vw), 10.13rem);
  top: 20%;
}
#header .wrapper nav {
  justify-self: center;
  display: none;
}
#header .wrapper nav ul {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
#header .wrapper nav ul a {
  text-wrap: nowrap;
  text-decoration: none;
  color: #000;
  background-image: linear-gradient(#000, #000);
  background-size: 0% 0.1em;
  background-position-y: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease-in-out;
}
#header .wrapper nav ul a:hover, #header .wrapper nav ul a:focus, #header .wrapper nav ul a.active {
  background-size: 100% 0.1em;
  background-position-x: 0%;
}

@media (min-width: 768px) {
  #header {
    padding: clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem) 0;
  }
  #header .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  #header .wrapper a button {
    padding: clamp(0.38rem, calc(0.23rem + 0.73vw), 0.75rem) clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem);
  }
  #header .wrapper a button img {
    width: 1.8rem;
  }
  #header .wrapper nav {
    display: block;
  }
}
#footer .wrapper {
  padding: clamp(2.25rem, calc(1.45rem + 4.02vw), 4.31rem) 0 clamp(2.25rem, calc(1.45rem + 4.02vw), 4.31rem) 0;
}
#footer .wrapper .footer__logo {
  width: clamp(6.75rem, calc(5.35rem + 5.97vw), 10.13rem);
  margin-bottom: clamp(2.25rem, calc(1.45rem + 4.02vw), 4.31rem);
}
#footer .wrapper .contact__info {
  display: grid;
  gap: 1rem;
}
#footer .wrapper .contact__info .flex {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #000;
  text-decoration: none;
}
#footer .wrapper .contact__info .flex img {
  max-width: 36px;
}
#footer .wrapper .contact__info .socials {
  margin-top: 0.2rem;
  display: flex;
  gap: 1rem;
}
#footer .wrapper .contact__info .socials a img {
  width: 2.3rem;
}
#footer .wrapper .contact__info .umber__link {
  margin-top: 0.5rem;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  font-size: clamp(0.83rem, calc(0.78rem + 0.28vw), 1.00rem);
}

@media (min-width: 700px) {
  #footer .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #footer .wrapper .footer__logo {
    margin-bottom: 0;
  }
  #footer .wrapper .contact__info {
    min-width: 30%;
  }
}
#home__page .hero__image {
  background: url("/images/pizza-hero.jpg") no-repeat center/cover;
  height: clamp(18.75rem, calc(10.98rem + 33.15vw), 37.50rem);
}
@media (min-width: 1500px) {
  #home__page .hero__image {
    height: clamp(18.75rem, calc(7.87rem + 46.41vw), 45.00rem);
  }
}
#home__page .our__roots {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#home__page .our__roots .wrapper {
  padding: clamp(3.00rem, calc(1.93rem + 5.37vw), 5.75rem) 0 clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem) 0;
  display: grid;
  gap: clamp(2.25rem, calc(1.45rem + 4.02vw), 4.31rem);
}
#home__page .our__roots .wrapper .slider_wrapper #mainCarousel {
  --carousel-button-color: $gold;
  --carousel-button-bg: #fff;
  --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  --carousel-button-svg-stroke-width: 2.5;
}
#home__page .our__roots .wrapper .slider_wrapper #mainCarousel .carousel__slide {
  width: 100%;
  padding: 0;
}
#home__page .our__roots .wrapper .slider_wrapper #mainCarousel .carousel__button.is-prev {
  left: -1.5rem;
}
#home__page .our__roots .wrapper .slider_wrapper #mainCarousel .carousel__button.is-next {
  right: -1.5rem;
}
#home__page .our__roots .wrapper .slider_wrapper #mainCarousel .carousel__button:focus {
  outline: none;
  box-shadow: 0 0 0 4px #DFAB00;
}
#home__page .our__roots .wrapper .slider_wrapper #mainCarousel .carousel__nav {
  display: none;
}
#home__page .our__roots .wrapper .slider_wrapper #thumbCarousel .carousel__slide {
  opacity: 0.5;
  padding: 0;
  margin: 0.5rem 0.25rem 0 0.25rem;
  width: 25%;
}
#home__page .our__roots .wrapper .slider_wrapper #thumbCarousel .carousel__slide.is-nav-selected {
  opacity: 1;
}
#home__page .our__roots .wrapper .slider_wrapper #thumbCarousel .carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
@media (min-width: 900px) {
  #home__page .our__roots .wrapper {
    padding: clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem) 0 clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem) 0;
    grid-template-columns: 1.5fr 1fr;
  }
  #home__page .our__roots .wrapper .slider_wrapper {
    order: -1;
  }
  #home__page .our__roots .wrapper .slider_wrapper #mainCarousel .carousel__nav {
    display: block;
  }
}
#home__page .our-locations {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-block: clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem);
}
#home__page .our-locations h2 {
  text-align: center;
  padding-bottom: clamp(2.25rem, calc(1.45rem + 4.02vw), 4.31rem);
}
#home__page .our-locations .grid {
  display: grid;
  gap: clamp(1.50rem, calc(0.96rem + 2.68vw), 2.88rem);
}
#home__page .our-locations .location {
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
#home__page .our-locations .location img {
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: center;
  transition: 0.4s;
}
#home__page .our-locations .location h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
}
#home__page .our-locations .location .fake-btn {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.8rem 1.6rem;
  backdrop-filter: blur(1em);
  z-index: 2;
  text-transform: uppercase;
}
#home__page .our-locations .location::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
}
#home__page .our-locations .location:first-of-type img {
  object-position: 50% 60%;
}
@media (any-hover: hover) {
  #home__page .our-locations .location:hover img, #home__page .our-locations .location:focus img {
    scale: 1.05;
  }
}
@media (min-width: 768px) {
  #home__page .our-locations .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

#location__page .restaurant.anlaby {
  background: #111D43;
}
#location__page .restaurant.anlaby h2 {
  color: #DFAB00;
}
#location__page .restaurant.anlaby .text h3 {
  color: #DFAB00;
}
#location__page .restaurant.princes {
  background-color: #E9CDBA;
}
#location__page .restaurant.princes h2 {
  color: #000;
}
#location__page .restaurant.princes .wrapper .text h3, #location__page .restaurant.princes .wrapper .text h4 {
  color: #000;
}
#location__page .restaurant.princes .wrapper .text .time h4::before {
  background: #000;
}
#location__page .restaurant.princes .wrapper .text .time p {
  color: #000;
}
#location__page .restaurant h2 {
  text-align: center;
  padding-top: clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem);
}
#location__page .restaurant .wrapper {
  padding: clamp(3.00rem, calc(1.93rem + 5.37vw), 5.75rem) 0 clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem) 0;
  display: grid;
  gap: clamp(2.25rem, calc(1.45rem + 4.02vw), 4.31rem);
}
#location__page .restaurant .wrapper .map-responsive {
  overflow: hidden;
  padding-bottom: 65%;
  position: relative;
  height: 0;
}
#location__page .restaurant .wrapper .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
#location__page .restaurant .wrapper .text h3 {
  margin-top: clamp(1.50rem, calc(0.96rem + 2.68vw), 2.88rem);
}
#location__page .restaurant .wrapper .text h3:first-of-type {
  margin-top: 0;
}
#location__page .restaurant .wrapper .text h4 {
  color: #fff;
  font-size: clamp(1.20rem, calc(1.08rem + 0.60vw), 1.56rem);
  margin-top: clamp(0.75rem, calc(0.48rem + 1.34vw), 1.44rem);
}
#location__page .restaurant .wrapper .text p {
  color: #fff;
}
#location__page .restaurant .wrapper .text a {
  color: #fff;
}
#location__page .restaurant .wrapper .text button {
  background: #DFAB00;
  border: 0;
  border-radius: 0;
  padding: clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem) clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem);
  text-transform: uppercase;
  margin-top: clamp(1.13rem, calc(0.71rem + 2.07vw), 2.19rem);
  color: #111D43;
  cursor: pointer;
}
#location__page .restaurant .wrapper .text button:hover {
  background: #fff;
  color: #111D43;
}
@media (min-width: 768px) {
  #location__page .restaurant .wrapper .text button {
    padding: clamp(0.38rem, calc(0.23rem + 0.73vw), 0.75rem) clamp(0.56rem, calc(0.37rem + 0.98vw), 1.06rem);
  }
}
#location__page .restaurant .wrapper .text .time {
  padding-top: clamp(0.75rem, calc(0.48rem + 1.34vw), 1.44rem);
}
#location__page .restaurant .wrapper .text .time h4 {
  display: flex;
  gap: 1rem;
  font-size: clamp(1.20rem, calc(1.08rem + 0.60vw), 1.56rem);
  margin-top: 0;
}
#location__page .restaurant .wrapper .text .time h4::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 1.4rem;
  background: #fff;
}
#location__page .restaurant .wrapper .text .time p {
  margin: 0.5rem 0 0 1.3rem;
  color: #fff;
}
#location__page .restaurant .wrapper .text .pdf {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: clamp(0.75rem, calc(0.48rem + 1.34vw), 1.44rem);
}
#location__page .restaurant .wrapper .text .pdf a button {
  margin: 0;
}
@media (min-width: 768px) {
  #location__page .restaurant.princes {
    background: url("/images/flower-4.svg") no-repeat 102% 15%/25rem;
    background-color: #E9CDBA;
  }
}
@media (min-width: 900px) {
  #location__page .restaurant.anlaby {
    background: url("/images/pattern-white.svg") no-repeat left -6rem/22rem;
    background-color: #111D43;
  }
  #location__page .restaurant.princes {
    background: #E9CDBA;
  }
  #location__page .restaurant .wrapper {
    grid-template-columns: 1.5fr 1fr;
    gap: clamp(3.00rem, calc(1.93rem + 5.37vw), 5.75rem);
  }
  #location__page .restaurant .wrapper .map-responsive {
    order: -1;
  }
  #location__page .restaurant .wrapper .text .time h3::before {
    height: 1.6rem;
  }
}
@media (min-width: 1400px) {
  #location__page .restaurant.anlaby {
    background: url("/images/pattern-white.svg") no-repeat left -6rem/22rem, url("/images/pattern-white-flip.svg") no-repeat right 28%/22rem;
    background-color: #111D43;
  }
  #location__page .restaurant.princes {
    background: url("/images/flower-1.svg") no-repeat 15% -1rem/15rem, url("/images/flower-2.svg") no-repeat 75% -1rem/7rem, url("/images/flower-3.svg") no-repeat -5rem 40%/15rem, url("/images/flower-4.svg") no-repeat 102% 15%/25rem;
    background-color: #E9CDBA;
  }
}
#location__page .gallery .has-dots {
  margin-bottom: 0;
}
#location__page .gallery .gallery-carousel {
  padding: 0 0 clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem) 0;
}
#location__page .gallery .gallery-carousel.princes .carousel__dots .carousel__dot.is-selected {
  color: black;
}
#location__page .gallery .gallery-carousel .carousel__slide {
  padding: 0 clamp(0.75rem, calc(0.48rem + 1.34vw), 1.44rem) 0 clamp(0.75rem, calc(0.48rem + 1.34vw), 1.44rem);
  width: 75%;
}
@media (min-width: 768px) {
  #location__page .gallery .gallery-carousel .carousel__slide {
    padding: 0 clamp(1.50rem, calc(0.96rem + 2.68vw), 2.88rem) 0 clamp(1.50rem, calc(0.96rem + 2.68vw), 2.88rem);
    width: 55%;
  }
}
#location__page .gallery .gallery-carousel .carousel__dots {
  position: unset;
  margin-top: clamp(1.13rem, calc(0.71rem + 2.07vw), 2.19rem);
  justify-content: center;
  gap: 0.5rem;
}
#location__page .gallery .gallery-carousel .carousel__dots .carousel__dot {
  color: #717171;
}
#location__page .gallery .gallery-carousel .carousel__dots .carousel__dot.is-selected {
  color: #fff;
}
#location__page .gallery .gallery-carousel .carousel__dots .carousel__dot:after {
  border-radius: 0;
  width: 23px;
  height: 5px;
}

main#links-page {
  min-height: 100vh;
  min-height: 100svh;
  background-color: #111D43;
  display: grid;
  align-items: center;
}
main#links-page section {
  padding-block: clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem);
}
main#links-page h1 {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  font-size: clamp(1.00rem, calc(0.92rem + 0.42vw), 1.1rem);
  font-weight: 400;
  text-align: center;
  padding-bottom: 1rem;
}
main#links-page h2 {
  color: #fff;
  text-align: center;
  padding-bottom: clamp(2.25rem, calc(1.45rem + 4.02vw), 4.31rem);
}
main#links-page .links {
  display: grid;
  justify-content: center;
  gap: 2rem;
}
main#links-page .links a {
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100vw;
  padding: 1rem 2rem;
  transition: 0.15s;
}
@media (hover: hover) {
  main#links-page .links a:hover, main#links-page .links a:focus {
    color: #111D43;
    background-color: #fff;
  }
}

main#terms-page .wrapper {
  padding-block: clamp(4.4rem, calc(2.89rem + 8.05vw), 8.73rem);
  display: grid;
  justify-content: center;
  max-width: 70ch;
}
main#terms-page .wrapper h1 {
  padding-top: clamp(1.13rem, calc(0.71rem + 2.07vw), 2.19rem);
  text-wrap: balance;
}
main#terms-page .wrapper h2 {
  padding-top: clamp(1.50rem, calc(0.96rem + 2.68vw), 2.88rem);
}

/*# sourceMappingURL=site.css.map */