/*
Theme Name: Goover Creative Theme 3.0
Text Domain: goover
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: Goover Creative
Author URI: https://goovercreative.it


"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 {
  --spacing-78: 78%;
  --spacing-88: 88%;
  --spacing-3vw: 3vw;
  --spacing-6vw: 6vw;
  --spacing-9vw: 9vw;

  --text-2em: 2em;
  --text-h1: 40px;
  --text-h1--line-height: 48px;
  --text-h1--font-weight: 600;
  --text-h2: 30px;
  --text-h2--line-height: 36px;
  --text-h2--font-weight: 600;
  --text-h3: 24x;
  --text-h3--line-height: 28px;
  --text-h3--font-weight: 600;
  --text-h4: 16px;
  --text-h4--line-height: 20px;
  --text-h4--font-weight: 600;
  --text-p: 20px;
  --text-p--line-height: 24px;

  --background-size-50: 50%;

  --breakpoint-lg: 991px;

  --shadow-default: 0 3px 16px #00000029;
}

/*
  The default border color has changed to `currentcolor` in Tailwind CSS v4,
  so we've added these compatibility styles to make sure everything still
  looks the same as it did with Tailwind CSS v3.

  If we ever want to remove these styles, we need to add an explicit border
  color utility to any element that depends on these defaults.
*/
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
}

@layer base {
  :root {
    --allert: #ff2323;
  }
}

/* Modalità chiara */
@media (prefers-color-scheme: light) {
  body {
    background-color: white;
     color:var(--colore1);
  }
}

/* Modalità scura */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: white;
  }
}


/*
*:focus {
  outline: 1px solid var(--colore1);
}
*/
/* header */
header .header-right > div, .close{
cursor:pointer
}
header .header-right > div:not(:last-child):not(:first-child){
    margin-left:16px
}

@media (min-width:991px) {
    header .menu{
        display:flex;
        align-items: center;
        justify-content: center;
    }

    body {
        overflow-x:hidden;
        width:100%
    }
    header .menu li a {
        padding:0 16px
    }
    header .header-right > div:not(:last-child) {
        display: flex;
        align-items: center;
    }

.mobile-menu.sidebar {
  position: fixed;
  top: 0;
 right: -30vw;
  width: 30vw;
  height: 100vh;
  background: #fff;
  z-index: 11111111;
  overflow-y: auto;
  transition:all .6s ease-out;
}


body.sidebar-open {
  overflow: hidden;
  width:100vw;
  height:100vh;
}
body.sidebar-open .mobile-menu.sidebar {
  right:0
}
}

@media (max-width:990px) {
    
.mobile-menu.sidebar {
  position: fixed;
  top: 0;
 left: 100%;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: 11111111;
  overflow-y: auto;
  transition:all .6s ease-out;
}


body.sidebar-open {
  overflow: hidden;
  width:100vw;
  height:100vh;
}
body.sidebar-open .mobile-menu.sidebar {
  left:0
}
    /* Logo sidebar */
    .logo-mobile-menu img,
    .logo-mobile-menu{
        height: 70px !important;
    }

    header .menu-item {
        font-size:2em;
        margin-bottom:.5em
    }
    header .header-right > div {
        display: flex;
        align-items: center;
    }
}

.slick-slide{
  height:auto!important;
}
/* form sito */

 input:not([type="checkbox"]), optgroup, select, textarea{
    border-radius:.5rem;
    border:1px solid var(--colore2);
    padding:0.75rem 1rem;
    line-height:1rem;
    background-color:#fff;
    display:block;
    
 }

 .wpcf7-not-valid:is(button, input, optgroup, select, textarea) {
    border-color:var(--allert)
 }
 .wpcf7-not-valid-tip {
    color:var(--allert)
 }
 input::placeholder, textarea::placeholder{
    color:#D9D9D9
 }
 .wpcf7-form-control-wrap:not([data-name^='acceptance']){
display:block
 }
 .wpcf7-list-item {
    margin-left:0
 }
 .wpcf7-form-control-wrap .wpcf7-acceptance{
    margin-top:2rem;
    display:inline-block
 }

 input[type="submit"] {
    background:var(--colore2);
    color:#fff;
    margin-top:1.5rem;
    padding:0.75rem 2rem;
    cursor:pointer;
    transition:all .3s ease;
    border:1px solid var(--colore2)
 }
 input[type="submit"]:hover {
    background:#fff;
    color:var(--colore2);
 }

/* accordion  */
.accordion-item .accordion-title a{
    transition:all .3s ease-in-out;
}

.accordion-item:not(.active) .accordion-content {
    max-height:0!important
}
.relative {
  position:relative
}


/* animazioni */
.clip-image {

  clip-path: inset( 0 0 100% 0); 
}
.clip-image-r {

  clip-path: inset( 0 0 0 100%); 
}
.clip-image-l {

  clip-path: inset( 0 100% 0 0 ); 
}
.parallax-bg {
 will-change: transform;
}

.fadeIn,.fadeInfirst {
  opacity:0
}

.fadeInUp {
  opacity:0;
  transform:translateY(50%)
}
.fadeInUpFirst {
  opacity:0;
  transform:translateY(50%)
}