@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

/*footer*/
@import url("/css/footer.css");

/*  template dei paragrafi */
@import url("/css/templates.css");

/*  elemento composito con testo, immagine e altro / scheda prodotto o simile */
/*@import url("/css/compositeItem.css");*/  
@import url("/css/compositeItem_tipo_scheda.css");  

/*  celle e paragrafi */
@import url("/css/paragraph.css");
@import url("/css/cellaExtra.css");

/*  effetti, allineamenti, colori e altri stili accessori   */
@import url("/css/extra.css");

h1{ font-size: clamp( 1rem , 10vw, 2rem);}
h2{ font-size: clamp( 0.8rem , 10vw, 1.5rem);}



/*  extra classi  */


/*  TODO:
questo qui sotto se ne deve andare
    non lo voglio

    voglio una cosa pulita

*/


.btnStandard{
    border: 0px none;
    background-color:#33A;
    color: #FFF;
    font-size: 1.2rem;
    padding: 0.5rem;
    margin: 0.5rem;
    text-align: center;
    border-radius: 0.2rem;
    cursor:pointer;

}

.btnStandard:hover{
    
    background-color:#338;
}

input{font-size: 1rem;
    text-align: center;
    margin: 0.3rem;
    padding: 0.3rem;

}





/* paragrafi e colori */

.paragrafo a .anchor:hover{
    color: #FFF;
    background-color: transparent;

}


.intro{
/*    background-image: url("/imgs/bg/intro.jpg");
*/

    background-image: linear-gradient(90deg, #FFF , #FFF 40% , #CCC);

    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;

    color: #FFF;
    /*
    height:calc( 50vh - 70px );
    */
    height: 150px;

    display: grid;
    grid-template-columns: 1fr;
    place-items: left center;

}

.intro img{
    
    height:133px;
    width: auto;
}






.media{
    display:grid;
    grid-template-columns: auto 1fr;
    gap: 0.3rem;
}

.media > a{
    color:#222;
    font-weight: 600;
    
    font-size:1.1rem !important;

    transition: 0.5s;
}

.media > a:hover{
    color:#952;
}