/*
Theme Name: Ginabakery
Description: Gina bakery
Author: E.K.
Version: 1.0
*/
:root {
  --alt-color: #F9E2E0;
}

@font-face {
  font-family: "pitch-sans";
  src: url("fonts/pitch-sans-semibold.woff2") format("woff2"), url("fonts/PitchSans-Semibold.otf") format("otf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "samzara";
  src: url("fonts/Samzara Regular.woff") format("woff"), url("fonts/Samzara Regular.eot") format("eot"), url("fonts/Samzara Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html {
  overflow-x: hidden;
  margin: 0;
}

body {
  margin: 0;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background-color: #FFF8E7;
  color: #191C38;
}

.lang-link {
  position: absolute;
  top: 30px;
  left: 50px;
}
@media (max-width: 766px) {
  .lang-link {
    top: 12px;
    left: 20px;
  }
}

.home-top-section {
  height: 1400px;
  position: relative;
  background-image: linear-gradient(90deg, #F9E2E0 25%, #FFF8E7 25%, #FFF8E7 50%, #F9E2E0 50%, #F9E2E0 75%, #FFF8E7 75%, #FFF8E7 100%);
  background-size: 28.6111111111% 28.6111111111%;
  overflow-x: hidden;
}
@media (max-width: 766px) {
  .home-top-section {
    height: 1000px;
    background-image: linear-gradient(90deg, #F9E2E0 25%, #FFF8E7 25%, #FFF8E7 50%, #F9E2E0 50%, #F9E2E0 75%, #FFF8E7 75%, #FFF8E7 100%);
    background-size: 100%;
  }
}

.bottom-stripe {
  height: 200px;
  background-image: linear-gradient(90deg, #F9E2E0 25%, #FFF8E7 25%, #FFF8E7 50%, #F9E2E0 50%, #F9E2E0 75%, #FFF8E7 75%, #FFF8E7 100%);
  background-size: 28.6111111111% 28.6111111111%;
}
@media (max-width: 766px) {
  .bottom-stripe {
    background-image: linear-gradient(90deg, #F9E2E0 25%, #FFF8E7 25%, #FFF8E7 50%, #F9E2E0 50%, #F9E2E0 75%, #FFF8E7 75%, #FFF8E7 100%);
    background-size: 100%;
  }
}

.home-bottom-section {
  position: relative;
}
.home-bottom-section .container {
  position: relative;
}

.container {
  width: 740px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 766px) {
  .container {
    width: auto;
    padding: 0 15px;
  }
  .container p {
    padding: 0 20px;
  }
}

.mobile {
  display: none;
}
@media (max-width: 766px) {
  .mobile {
    display: block;
  }
}

@media (max-width: 766px) {
  .desktop {
    display: none;
  }
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}

li {
  list-style-type: none;
}

body, p, li, span, h3.pretext {
  font-family: "pitch-sans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.03em;
}
@media (max-width: 766px) {
  body, p, li, span, h3.pretext {
    font-size: 15px;
    letter-spacing: 0.03em;
  }
}

h1 {
  font-family: "Samzara";
  font-style: normal;
  font-weight: 400;
  font-size: 53px;
  line-height: 115%;
  margin-top: 0;
}
@media (max-width: 766px) {
  h1 {
    font-size: 37px;
    line-height: 44px;
  }
}

.logo-container {
  margin: 270px auto 100px;
}
@media (max-width: 766px) {
  .logo-container {
    margin-top: 170px;
    width: 210px;
  }
}
.logo-container img {
  max-width: 100%;
}

.fiilis-container {
  width: 620px;
  max-width: 100%;
  margin: -400px auto 100px;
}
@media (max-width: 766px) {
  .fiilis-container {
    margin: -210px auto 0;
  }
}
.fiilis-container img {
  max-width: 100%;
}

.icon-con-amore-wrap {
  position: absolute;
  top: 420px;
  left: -170px;
}
@media (max-width: 766px) {
  .icon-con-amore-wrap {
    position: static;
    padding: 20px;
    text-align: left;
  }
  .icon-con-amore-wrap img {
    width: 120px;
  }
}

.icon-benvenuti-wrap {
  text-align: right;
}

.icon-benvenuti {
  margin-right: -20px;
  margin-top: -20px;
}
@media (max-width: 766px) {
  .icon-benvenuti {
    margin: 0;
    width: 170px;
  }
}

.bottom-items {
  display: flex;
  flex-direction: column;
  gap: 100px;
  justify-content: center;
  margin: 100px auto;
}
@media (max-width: 766px) {
  .bottom-items {
    gap: 57px;
  }
}

.footer-contacts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hours span2 {
  width: 240px;
  display: inline-block;
  text-align: left;
}
.hours strong2 {
  width: 100px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}