/*
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


*/

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: "libre-caslon-text", sans-serif!important;
    font-weight: 400;
    font-style: normal;
    background-color: #f2f1ed;
}

header {
    background-color: #f2f1ed;
}

.menu-icon {
    display: flex;
    flex-direction: column;
}

.menu-icon div {
    background-color: #000;
    height: 2px;
    width: 24px;
    margin-bottom: 4px;
    transition: background-color .3s;
}

.menu-icon:hover div {
    background-color: #999;
    transition: background-color .3s;
}

p, li, a {
    font-size:14px;
    line-height:20px;
}

.taglio {
    position:relative;
    padding-bottom:40px;
}

h1,h2,h3,h4,h5,h6{
    font-size:2rem;
    line-height: 1.25;
    font-family: "libre-caslon-text", sans-serif;
font-weight: 400;
font-style: normal;

}
.taglio:after {
    content:'';
    display:block;
    width:100%;
    position:absolute;
    background-color:#E3DFDA;
    height:40px;
    clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 40px);
    left:0;
    bottom:0;
}

.a-page {
    text-decoration: none;
    position:relative;
transition:all .3s ease-out;
display:inline-block;
line-height:1em;
margin-top: 1.5em;
}
.a-page > span {
    position:relative;
    z-index: 2;
}
.a-page:hover {
    color:white;

}

.a-page:before {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    max-height:1px;
    height:100%;
    transition:all .3s ease-out;
    background:#F52626;
    overflow:hidden;
    display:Block;
    width:100%;
    z-index: 1;
}
.text-white .a-page:before {
    background:#fff;
}
footer .menu-item:not(:last-child) {
    margin-bottom:1rem
}
.a-page:hover:before{
    max-height:30px;
}
.bg-taglio {
    clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%, 0 40px);
}
.img-taglio {
  
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px) , calc(100% - 13px)  100%, 13px 100%, 0 calc(100% - 13px), 0 13px);
}

.menu-taglio {
    clip-path: polygon(0 0, 100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%, 40px 100%, 0 calc(100% - 40px))
}

#pop-catalogo.opened {
    opacity: 1;
    transform:translateY(0)
}

h2 {
    margin-bottom: 10px;
}


@media (max-width:990px) {
    .menu-taglio {
        clip-path: polygon(0 0, 100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px))
    }
    .bg-taglio {
        clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 0 100%, 0 13px);
    }
    .taglio:after {
    
        clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 0 100%, 0 13px);
    
    }
        h2,h1 {
            font-size:40px;
            line-height:40px;
            margin-bottom:1rem;
            text-transform:uppercase
        }
       
    
}

/* menu */


.main-menu ul li a,.wpml-ls-legacy-list-horizontal .wpml-ls-item a  {
    transition:color .3s ease;
}
.main-menu ul li a:hover, .wpml-ls-legacy-list-horizontal .wpml-ls-item a:hover {
    color:#F52626
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    display:inline-flex
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a {
text-decoration: underline;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:not(:last-child):after {
content:' - ';
display:inline-block;
}
@media (min-width:991px) {
   
    .main-menu ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    
   
    }
    .main-menu {
        height:100%
    }
}

@media (max-width:990px) {
   footer .menu-item {
        font-size:1em;
        line-height:1.2
    }
}


/* form */

.wpcf7-form :is(input:not([type="submit"]), textarea) {
    display:block;
    width:100%;
    padding:6px 12px;
    border-radius: 0;
    border-bottom:1px solid #000;
    background-color: transparent;
    font-family: "Inter" !important;
}

.wpcf7-form  textarea{
    height:196px;
}
.wpcf7-form > div {
    margin-bottom:6px;
}
.wpcf7-form > p:first-of-type,.wpcf7-form > p:nth-of-type(2) {
    margin-top: 20px;
}
.wpcf7-list-item {
    margin-left:0
}
.wpcf7-form input[type="submit"] {
    background:#1c1c1c;
    color:#fff;
    padding:12px 32px;
    transition:all .3s ease-out;
    margin-top:20px
}

.wpcf7-form input[type="checkbox"] {
    border: 1px solid #000;
    aspect-ratio: 1;
    padding: 6px;
    border-radius: 0;
    appearance: none;
}

.wpcf7-form input[type="checkbox"]:checked {
    background-color: #000;
    appearance: none;
}

footer .wpcf7-form input[type="submit"]:hover {
    background:#E3DFDA;
    color:#000;
}


/* animazioni */

.fade-in,.fade-up {
    opacity:0
}

.fade-up {
  transform:translateY(30%)
}