@import url("https://use.typekit.net/ksh6ouk.css");
.apotek-light {
  font-family: "apotek", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.apotek {
  font-family: "apotek", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.apotek-medium {
  font-family: "apotek", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.apotek-semibold {
  font-family: "apotek", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.apotek-bold {
  font-family: "apotek", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.post-navigation, .entry-header, .wp-post-image, #wrapper-navbar {
  display: none !important;
}
.wrapper {
  padding: 0 !important;
}
.p-0 {
  padding: 0;
}
.p-0 .vc_column-inner {
  padding: 0 !important;
}
.ps-5x2 {
  padding-left: 6rem !important;
}
@media (max-width: 767px) {
  .ps-5x2 {
    padding-left: 1rem !important;
    padding-right: 1rem;
  }
}
.pe-5x2 {
  padding-right: 6rem !important;
}
@media (max-width: 767px) {
  .pe-5x2 {
    padding-left: 1rem;
    padding-right: 1rem !important;
  }
}
.more-pad-left-25 {
  padding-left: 25%;
  padding-right: 4rem;
}
@media (max-width: 767px) {
  .more-pad-left-25 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.more-pad-right-25 {
  padding-right: 25%;
  padding-left: 4rem;
}
@media (max-width: 767px) {
  .more-pad-right-25 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/*font*/
p {
  font-size: 1.2rem;
}
.huge {
  font-size: 6.5rem;
  line-height: 1.1;
}
.huge h1, .huge h2, .huge h3, .huge p {
  font-size: 6.5rem;
  line-height: 1.1;
}
@media (max-width: 1023px) {
  .huge {
    font-size: 4rem;
  }
  .huge h1, .huge h2, .huge h3, .huge p {
    font-size: 4rem;
  }
}
h2 span {
  font-family: inherit;
}
.bigga {
  font-size: 3.75rem;
  line-height: 1.2;
}
.bigga h1, .bigga h2, .bigga h3, .bigga p {
  font-size: 3.75rem;
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .bigga {
    font-size: 3.25rem;
  }
  .bigga h1, .bigga h2, .bigga h3, .bigga p {
    font-size: 3.25rem;
  }
}
.biggy {
  font-size: 2.75rem;
  line-height: 1.25;
}
.biggy h1, .biggy h2, .biggy h3, .biggy p {
  font-size: 2.75rem;
  line-height: 1.25;
}
@media (max-width: 1023px) {
  .biggy {
    font-size: 2rem;
  }
  .biggy h1, .biggy h2, .biggy h3, .biggy p {
    font-size: 2rem;
  }
}
.bigger {
  font-size: 2.2rem;
  line-height: 1.25;
}
.bigger h1, .bigger h2, .bigger h3, .bigger p {
  font-size: 2.2rem;
  line-height: 1.25;
}
@media (max-width: 1023px) {
  .bigger {
    font-size: 1.75rem;
  }
  .bigger h1, .bigger h2, .bigger h3, .bigger p {
    font-size: 1.75rem;
  }
}
.lil-bigger {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 400 !important;
}
.lil-bigger h1, .lil-bigger h2, .lil-bigger h3, .lil-bigger p {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 400 !important;
}
@media (max-width: 1023px) {
  .lil-bigger {
    font-size: 1.45rem;
  }
  .lil-bigger h1, .lil-bigger h2, .lil-bigger h3, .lil-bigger p {
    font-size: 1.45rem;
  }
}
.lil-bigger a {
  font-size: 1.6rem;
  line-height: 1.4;
}
@media (max-width: 1023px) {
  .lil-bigger a {
    font-size: 1.45rem;
  }
}
.p-mb0 p {
  margin-bottom: 0px;
}
.smaller {
  font-size: 0.9rem;
}
.smaller p, .smaller a, .smaller button {
  font-size: 0.9rem !important;
}
.smallest {
  font-size: 0.7rem;
}
.smallest p, .smallest a {
  font-size: 0.7rem;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-uppercase button, .text-uppercase p, .text-uppercase a {
  text-transform: uppercase;
}
.chonk {
  font-weight: 800 !important;
}
.chonk h1, .chonk h2, .chonk h3, .chonk h4, .chonk p, .chonk a {
  font-weight: 800 !important;
}
.fatty {
  font-weight: 700 !important;
}
.fatty h1, .fatty h2, .fatty h3, .fatty p, .fatty a, .fatty button {
  font-weight: 700 !important;
}
.mid-fatty {
  font-weight: 500 !important;
}
.mid-fatty h1, .mid-fatty h2, .mid-fatty h3, .mid-fatty p, .mid-fatty a {
  font-weight: 500 !important;
}
.regular {
  font-weight: 400 !important;
}
.regular h1, .regular h2, .regular h3, .regular p, .regular a {
  font-weight: 400 !important;
}
.lighty {
  font-weight: 300 !important;
}
.lighty h1, .lighty h2, .lighty h3, .lighty p, .lighty a {
  font-weight: 300 !important;
}
.letter-spaced {
  letter-spacing: 1px;
}
.letter-spaced p, .letter-spaced h1, .letter-spaced h2, .letter-spaced h3, .letter-spaced a {
  letter-spacing: 1px;
}
.flat-button {
  /*&.plus-btn {
     &:before {
       background-image: url(https://weareframe.giustieventi.it/wp-content/uploads/2024/04/plus.png);
       position: absolute;
       display: block;
       width: 118px;
       height: 117px;
       content: '';
       background-size: contain;
       background-repeat: no-repeat;
       left: 0;
       top: 50px;
     }
   }*/
}
.flat-button .vc_btn3.vc_btn3-style-custom, .flat-button a {
  background-image: none;
  font-size: 1.2rem;
  letter-spacing: 1px;
  opacity: 1;
  transition: all 0.3s;
}
.flat-button .vc_btn3.vc_btn3-style-custom:hover, .flat-button a:hover {
  opacity: 0.9;
}
.flat-button.letter-spaced a {
  letter-spacing: 2px;
}
.no-deco {
  text-decoration: none;
}
.no-deco a {
  text-decoration: none;
}
.strong-cyano strong {
  color: #5CBED7;
  font-weight: inherit;
}
.line-after p:after {
  display: block;
  background-color: #5CBED7;
  width: 100px;
  height: 3px;
  content: "";
  margin: 8px 0;
}
.line-after.orange-line p:after {
  background-color: #EF7000;
}
/*box numeri*/
#loghi-footer, #riga-ancore, #numeri-box {
  display: flex;
  flex-direction: row;
}
.numeri-border {
  border: 2px solid #fff;
  border-radius: 20px;
}
.testi-border {
  border: 2px solid #5CBED7;
  border-radius: 20px;
}
/*logo*/
#fascia-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fascia-logo .vc_col-sm-4 {
  max-width: 33%;
}
#fascia-logo .vc_col-sm-4 .logo-mondole {
  position: absolute;
  transform: translate(0px, -50%);
}
@media (min-width: 1366px) {
  #fascia-logo .vc_col-sm-4 .logo-mondole {
    transform: translate(125%, -50%);
  }
}
@media (min-width: 1024px) {
  #fascia-logo .vc_col-sm-4 .logo-mondole figure {
    max-width: 80%;
  }
}
#fascia-logo .vc_col-sm-8 {
  max-width: 67%;
}
.link-border a {
  display: block;
  color: #fff;
}
.link-border a:before {
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/border-button.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 240px;
  height: 60px;
  content: "";
  transform: translate(-20%, -10px);
}
@media (min-width: 1024px) {
  .link-border a:before {
    transform: translate(-15%, 0px);
  }
}
.link-border a:after {
  position: relative;
  background-image: url(/wp-content/uploads/2025/11/arrow-top-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  content: "";
}
.link-border a:focus, .link-border a:hover {
  color: #fff;
}
.link-background a {
  display: block;
  color: #fff;
  background-image: url(/wp-content/uploads/2025/11/orange-button.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding: 8px 16px 0;
  height: 54px;
}
@media (min-width: 1024px) {
  .link-background a {
    height: 65px;
  }
}
.link-background a:after {
  position: relative;
  background-image: url(/wp-content/uploads/2025/11/arrow-top-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  content: "";
}
.link-background a:focus, .link-background a:hover {
  color: #fff;
}
.link-background-registrati a {
  display: block;
  color: #fff;
  background-image: url(/wp-content/uploads/2025/11/orange-button-reg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 240px;
  height: 60px;
  margin: auto;
  padding-top: 5px;
}
@media (min-width: 1024px) {
  .link-background-registrati a {
    padding-top: 0;
  }
}
.link-background-registrati a:before {
  /*position: absolute;
      background-image: url(/wp-content/uploads/2025/11/orange-button-reg.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 240px;
      height: 60px;
      content: "";
      transform: translate(-20%, -5px);*/
}
.link-background-registrati a:after {
  position: relative;
  background-image: url(/wp-content/uploads/2025/11/arrow-top-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  content: "";
}
.link-background-registrati a:focus, .link-background-registrati a:hover {
  color: #fff;
}
.link-background-ancore a {
  display: block;
  color: #153C6A;
  background-image: url(/wp-content/uploads/2025/11/grey-button.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: auto;
  margin-bottom: 16px !important;
  padding: 5px;
}
.link-background-ancore.online:before {
  position: absolute;
  background-color: #EF7000;
  content: "Online";
  color: #fff;
  font-family: "apotek";
  font-weight: 200;
  padding: 0px 8px;
  border-radius: 20px;
  transform: translate(4px, -60%);
  font-size: 0.9rem;
}
.link-background-ancore:focus, .link-background-ancore:hover {
  color: #153C6A;
}
.link-download a {
  display: block;
  color: #fff;
  background-image: url(/wp-content/uploads/2025/11/blue-button.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: auto;
  margin-bottom: 16px !important;
  padding: 8px;
}
.link-download a:after {
  position: relative;
  background-image: url(/wp-content/uploads/2025/11/arrow-top-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  top: 2px;
  content: "";
  transform: rotate(135deg);
}
.link-download a:focus, .link-download a:hover {
  color: #fff;
}
.paperplane:after {
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/paperplane.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 80vw;
  height: 40vw;
  right: 1rem;
  content: "";
  background-position: bottom;
  transform: translateY(-15px);
}
@media (min-width: 1024px) {
  .paperplane:after {
    width: 25vw;
    height: 40vw;
    right: 21rem;
    transform: translateY(45px);
    display: none !important;
  }
}
.matita-righello:after {
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/pencil-ruler.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30vw;
  height: 28vw;
  right: 2rem;
  content: "";
  background-position: bottom;
}
@media (min-width: 1024px) {
  .matita-righello:after {
    width: 10vw;
    height: 28vw;
    right: 2rem;
    background-position: top;
  }
}
#testata:before {
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/dashed-orange.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 105vw;
  height: 170vw;
  left: 0;
  top: 0;
  content: "";
  background-position: bottom;
}
@media (min-width: 1366px) {
  #testata:before {
    width: 40vw;
    height: 40vw;
  }
}
@media (min-width: 1024px) {
  #testata:before {
    width: 60vw;
    height: 65vw;
  }
}
#testata:after {
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/line-azzurro-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100vw;
  height: 160vw;
  left: 70vw;
  bottom: -50px;
  content: "";
  background-position: bottom;
}
@media (min-width: 1366px) {
  #testata:after {
    width: 40vw;
    height: 50vw;
  }
}
@media (min-width: 1024px) {
  #testata:after {
    width: 40vw;
    height: 90vw;
  }
}
#calendario {
  background-image: url(/wp-content/uploads/2025/11/dashed-azzurro-1.png);
  background-size: 30%;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: top left;
}
@media (min-width: 1366px) {
  #calendario {
    background-size: 20%;
  }
}
#calendario:before {
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/bolla_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 45vw;
  height: 45vw;
  left: -15%;
  /* bottom: 200vw; */
  content: "";
  transform: translateY(-40%);
}
@media (min-width: 1366px) {
  #calendario:before {
    width: 35vw;
    height: 35vw;
  }
}
#prefooter:before {
  position: absolute;
  background-image: url(/wp-content/uploads/2025/11/line-azzurro-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 90vw;
  height: 110vw;
  left: 50vw;
  bottom: 60px;
  content: "";
  background-position: bottom;
}
@media (min-width: 1024px) {
  #prefooter:before {
    width: 30vw;
    height: 50vw;
    left: 60vw;
    bottom: 110px;
  }
}
@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .navbar-toggler {
    border: 0 !important;
  }
  .hide-mobile {
    display: none !important;
  }
}