:root{
	--colore-primario:#00A25E;
    --colore-secondario:#AD1C2E;
    --verde-chiaro:#F1FAEE;
    --verde-medio-chiaro:#9AB59E;
    --verde-medio:#6A8A6E;
    --verde-scuro:#1e2d22;
    --rosso-chiaro:#D32028;
    --rosso-scuro:#933737;
    --nav-header: 100px;
    --padding-fluid: 9rem;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import './header.css';
@import './footer.css';

/* Medium (500) */
@font-face{
  font-family: 'Souvenir';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/Souvenir-Medium.woff2") format("woff2");
  font-display: swap;
}

/* Medium Italic (500) */
@font-face{
  font-family: 'Souvenir';
  font-style: italic;
  font-weight: 500;
  src: url("fonts/Souvenir-MediumItalic.woff2") format("woff2");
  font-display: swap;
}

/* Demi (600) */
@font-face{
  font-family: 'Souvenir';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/Souvenir-Demi.woff2") format("woff2");
  font-display: swap;
}

/* Demi Italic (600) */
@font-face{
  font-family: 'Souvenir';
  font-style: italic;
  font-weight: 600;
  src: url("fonts/Souvenir-DemiItalic.woff2") format("woff2");
  font-display: swap;
}

/* Bold (700) */
@font-face{
  font-family: 'Souvenir';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Souvenir-Bold.woff2") format("woff2");
  font-display: swap;
}

/* Bold Italic (700) */
@font-face{
  font-family: 'Souvenir';
  font-style: italic;
  font-weight: 700;
  src: url("fonts/Souvenir-BoldItalic.woff2") format("woff2");
  font-display: swap;
}


body{
	font-family: 'Montserrat', sans-serif;
	line-height: 28px;
	font-weight: 300;
}
#content.site-content{
    padding-top: var(--nav-header);
    padding-bottom: 0px;
}
.padding-fluid {
    padding-left: var(--padding-fluid);
    padding-right: var(--padding-fluid);
}

.articoli-home{
    border: 1px solid var(--grigioChiaro);
    
}
.articoli-home .title{
    display: block;
    height: 50px;
}

.articoli-home h4{
    font-size: 1.2em;
    color: var(--colore-primario);
}
.articoli-home .image{
    padding: 75px 0px 75px 0px;
    background-repeat: no-repeat;
    background-size: cover;

}
.articoli-home .more{
    font-size: .9em;
    display: block;
    padding: 10px 10px 10px 10px;
    color: #fff;
    background-color: var(--colore-secondario);
}

/* home */
#home-s1{
    background-image: url("../img/onda-destra.png");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position-x: calc(80vw);
    background-position-y: calc(10vh);
}
/* produzione */
/* nasconde la barra tab nativa di Elementor */
.js-tabs-produzione [role="tablist"] {
    display: none !important;
}

/* stato inattivo */
.js-ext-tab-btn .elementor-button {
    background-color: transparent !important;
    color: #444 !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

/* stato attivo */
.js-ext-tab-btn.is-active .elementor-button,
.spatola-sidebar .js-ext-tab-btn .elementor-button:hover  {
    background-color: #fff !important;
    border-left: 4px solid #00A25E !important;
    color: #00A25E !important;
}
.spatola-sidebar .elementor-widget-button {
    display: block !important;
    width: 100% !important;
}

.spatola-sidebar .elementor-button-wrapper {
    display: block !important;
    width: 100% !important;
}

.spatola-sidebar .elementor-button {
    display: block !important;
    width: 100% !important;
}
.spatola-sidebar .elementor-button-text {
    text-align: left !important;
    width: 100% !important;
}
/* animazioni */
.fadingEffect {
    animation: fadeInLeft;
    animation-duration: 2s;
}
@media (max-width: 1199.98px) {
    :root{
        --nav-header: 110px;
        --padding-fluid: 5rem;
    }
    #home-s1{  
        background-position-x: calc(85vw);
    }
}

@media (max-width: 767px) {
    :root{
        --nav-header: 110px;
        --padding-fluid: 3rem;
    }
    #home-s1{  
        background-position-x: calc(80vw);
    }
}

@media (max-width: 575.98px) {
    :root{
        --nav-header: 110px;
        --padding-fluid: 2rem;
    }
    #home-s1{  
        background-position-x: calc(80vw);
        background-position-y: calc(45vh);
    }
}