/*
Theme Name: Rebula-child
Text Domain: Rebula-child
Version: 2g1c
Description: Al tempo degli dei dell'Olimpo, dei signori della guerra e dei re che spadroneggiavano su una terra in tumulto, il genere umano invocava il soccorso di un eroe per riconquistare la libertà finalmente arrivò Xena, l'invicibile princepessa guerriera forgiata dal fuoco di mille battaglie. La lotta per il potere, le sfrenate passioni, gli intrighi e tradimenti furono affrontati con indomito coraggio da colei, che sola, poteva cambiare il mondo.
Author: Rebula srl
Author URI: https://rebula.it
Template: rebula

"Per me si va ne la città dolente,
per me si va ne l’etterno dolore,
per me si va tra la perduta gente.

Lasciate ogne speranza, voi ch’intrate".

buon sviluppo anime dannate


*/
@import "tailwindcss";

@theme {

  --breakpoint-lg: 991px;
  --3vw: 3vw;
  --6vw: 6vw;
  --9vw: 9vw;
  --shadow-default: 0 3px 16px #00000029;
  --color-beige: #FCFFF2;
  --color-bianco: #F7F3F0;
  --color-giallo: #FBBD54;
  --color-verde: #0E4734;
  --color-verde-chiaro: #CDE1B1;
  --text-p: 1.25rem;
  --text-4xl: 2.5rem;
  --text-4xl--line-height: 1.4;
  --screen-mobile: 57vh
}

body {
  color: var(--color-verde) !important;
  font-size: var(--text-p);
  font-family: "Poppins", sans-serif;
}



h1,
h2,
h3,
h4,
h5,
h6,
.poppins {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}

header.scrolled .header-box {
  background-color: var(--color-beige);
}

.header-right a,
.mobile-menu .menu li a {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

.mobile-menu .menu li a:hover {
  opacity: 50%;
  transition: ease-in-out 0.3s;
}

.menu-thumbnail {
  width: 30px;
  /* Modifica la dimensione a piacere */
  height: auto;
  margin-right: 10px;
  vertical-align: middle;
}

.menu li img {
  width: 40%;
  opacity: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 40vw;
  transition: opacity .3s ease;
  transform: translateX(-50%);
  display: block
}

.mobile-menu .menu li {
  font-family: 'Gentium Book Plus', serif;
}

.menu li:hover img {
  opacity: 1;

}

.mobile-menu.sidebar:not(.active) .menu li img {
  display: none
}

footer>* {
  font-size: 1rem;
}

footer .menu li:not(:last-child) {
  margin-bottom: 1em
}


footer .menu li.wpml-ls-item {

  display: inline-block
}

footer .menu li.wpml-ls-item a {
  text-decoration: underline;
}

footer .menu li.wpml-ls-item:last-child {
  margin-left: 12px;
  padding-left: 12px;
  border-left: 1px solid var(--color-verde);
}



.slick-arrow {
  position: absolute;
  top: calc(100% + 80px);
  left: 40%;
  z-index: 1;
  font-size: 0;
  color: var(--color-verde);
  cursor: pointer
}

.slick-arrow:before {
  content: '\e5e1';
  font-family: 'Material Symbols Outlined';
  font-size: 24px;
}

.slick-prev.slick-arrow:before {
  content: '\e5e0';

}

.slick-next.slick-arrow {
  left: auto;
  right: 40%
}


.wpml-ls-legacy-list-horizontal a {
  padding: 0;
  margin: 0;

}


.slick-slide {
  height: 30vw !important;
}


.slick-arrow:before {
  color: var(--color-verde);
}


footer .menu li.wpml-ls-item a {
  text-decoration: none !important;
}


@media (min-width: 768px) {
  .mobile-menu .wpml-ls-menu-item:not(.active) {
    display: none !important;
  }
}

@media (max-width: 990px) {

  footer .menu-item a {
    font-size: 1rem !important;
    font-weight: 400;
  }


  footer .menu li:not(:last-child) {
    margin-bottom: 0 !important;
  }
}


@media (max-width: 768px) {

  body {
    font-size: 1rem;
  }

  div.wpml-ls-legacy-list-horizontal,
  div.wpml-ls-legacy-list-horizontal a:first-child {
    padding: 0 !important;
  }

  .wpml-ls-legacy-list-horizontal>ul {
    display: flex;
    gap: 1rem;
  }

  div.wpml-ls-legacy-list-horizontal a span {
    font-family: "Inter" !important;
    font-weight: 700 !important;
    font-style: normal !important;
  }



  .slick-slide {
    height: 30vh !important;
  }

}