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



*/

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


:root {
    --colore1: #00696F;
    --colore2: #DCE8B5;
    --gray: #E2E5D8;
    --black: #1D1D1B;
    --white: #FFFEF9;

    --tw-translate-x: 0 ;

    --after-colore1: #EA5C1C;
}



.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' -25,
    'opsz' 24
  }
  
.material-symbols-outlined-bold {
    font-variation-settings:
    'FILL' 0,
    'wght' 800,
    'GRAD' -25,
    'opsz' 24
}
  
h1, h2, h3{
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
}

p{
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
}

.captions{
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
}

body {
    color: var(--colore1);
}


html {
    scroll-behavior: smooth;
}

.btn{
    width: fit-content !important;
    padding: 12px 32px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;

}

.btn-hero{
    width: fit-content !important;
    padding: 12px 32px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;

}


/* Header  */

.logo-wrapper img{
    height: 100px !important;
}

header{
    z-index: 999 !important;
    position: fixed !important;
    /* top:  0 !important; */
    width: 100vw !important;
  }

header nav.main-menu{
    padding: 0 52px !important;
    width: 100% !important;
}

header .menu{
    flex-direction: column !important;
    align-items: start !important;
}

header .menu-overlay {
    display: none !important;
}

header .menu-overlay.attivo {
    display: block !important;
}

header .menu li{
    padding: 21px 0 !important;
    color: var(--black) !important;
    font-size: 23px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
}

header .menu li.current-menu-item a {
    color: var(--colore1) ;
}

header .menu li:hover,
header .menu li a:hover{
    color: var(--colore1) !important ;
}


header .header-right > div:not(:last-child){
    margin-left: 0 !important ;
}

/* Menu footer */

footer li.menu-item{
    margin-bottom: 16px !important;
}

/* Form contatti  */

.contact-form input:not([type="checkbox"], [type="submit"]),
.contact-form textarea{
    color: var(--black);
    border: 0 !important;
    border-radius: 8px !important;
    width: 100% !important;
}

.contact-form .wpcf7-not-valid-tip{
    color: #FF2323 !important;
    margin-bottom: 16px !important;

}

.contact-form label{
    color: var(--black) !important
}

.contact-form label:has(input[type="checkbox"]){
    display: flex !important;
    
}

.contact-form input[type="checkbox"]{
    margin-right: 16px !important;
}

.contact-form p:has(textarea){
    margin-top: 32px !important;
}

.contact-form textarea{
    width: 100% !important;
}

.contact-form textarea{
    padding: 12px 16px !important;
    height: 210px !important;
}

.contact-form input:not([type="checkbox"]){
    margin-bottom: 16px !important;
}

.contact-form input[type="submit"]{
    border-radius: 0 !important;
    background: var(--black) !important;
}

.contact-form .box-input{
    /* flex-grow: 1 !important; */
}



/* Selettore lingua  */



.wpml-ls-legacy-dropdown-click a{
    background: transparent !important;
    border: none !important;
    color: #fff !important;
}


header .wpml-ls-legacy-dropdown-click a{
    background: transparent !important;
    border: none !important;
    color: var(--black) !important;
}


header .wpml-ls-statics-shortcode_actions.wpml-ls{
    margin-left: 18px !important;
}

header .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a{
    margin-top: 0 !important;
}

header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
    background: var(--colore2) !important;
}

.wpml-ls-statics-footer a{
    position: absolute;
    bottom: 350px;
    left: 3vw;
    background: transparent !important;
    color: #fff !important;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:before{
    content: "language" !important;
    font-family: 'Material Symbols Outlined';
    padding-right: 8px !important;
    vertical-align: middle;

}


.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    content: "stat_minus_1" !important;
    font-family: 'Material Symbols Outlined';
    border: 0 !important;
    border-top: 0 !important;
    line-height: 5px !important;
    right: 0 !important;

}

.wpml-ls-statics-shortcode_actions.wpml-ls{
    width: fit-content !important;
    display: flex !important;
    justify-content: center !important;
} 

ul.wpml-ls-sub-menu li.wpml-ls-item li{
    width: inherit !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
    display: flex !important;
    justify-content: center !important;
}

div.px-6vw:has(.privacy){
    padding: 100px 3vw !important;
}

header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
    padding-right: calc(5px + 1.4em) !important;
}


.testi-seo p{
    word-break: break-all !important;
}

@media screen and (max-width: 768px){

    
    .logo-wrapper img{
        height: 50px !important;
    }

    body.page-azienda .copertina{
        background-position: left !important;
    }
   
    body.page-taglio-laser .copertina{
        background-position: 40% !important;
    }

    .bg-servizi .copertina{
        height: 100vh !important;
        background-size: 260% !important;
    }

    header .menu li{
        color: #fff !important;
        font-size: 24px !important;
        line-height: 36px !important;
        padding: 12.5px 0 !important;

    }

    header nav.main-menu {
        padding: 0 45px !important;
    }

    header .menu li.current-menu-item a{
        color: var(--colore2) !important;
    }

    header .wpml-ls-legacy-dropdown-click a{
        background: var(--colore1) !important;

        color: #fff !important;

    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-item {
        font-size: 16px !important;
    }
}