@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Poppins:wght@400;700&display=swap');

h1,h2,h3, .uk-heading-small {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}

h1 b, h2 b, .uk-heading-xlarge, .uk-navbar-nav>li>a {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;
}

body, body .uk-button, .poppins-font {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

:root{
    --border-radius: 10px;
    --blu-stp: #004b6e;
    --grey-stp: #646363;
}

.uk-button{
    border-radius: var(--border-radius);
}

.area-riservata-menu{
    border: 1px solid white;
    padding: 0 10px!important;
}

.area-riservata-menu::after{
    content: "";
    display: inline-block;
    background-image: url('/images/new/icona-area-riservata.png');
    width: 22px;
    height: 30px;
    background-size: 100% 100%;
}

.stp-text b,
.stp-blu{
    color: var(--blu-stp);
}

.stp-grey{
    color: var(--grey-stp);
}

.stp-text-20 p,
.stp-text p{
    font-size: 20px;
}

.grid-fasi .el-item .el-content{
    color: var(--grey-stp);
    font-size: 20px;
}

.grid-fasi .el-item .el-title{
    color: var(--blu-stp);
    font-weight: bold;
}

.grid-fasi .el-item{
    background-image: url('/images/new/servizi/sfondo-fasi-metodo.png');
    background-size: 100% 100%;
    min-height: 370px;
    text-align: center;
}

.mission-section h1{
    font-size: 50px;
}

.section-with-square h1{
    font-size: 50px;
}

@media only screen and (max-device-width : 767px) {
    .mission-section{
        padding: 15px;
    }
}

footer .el-link.uk-icon-button svg{
    width: 50px;
    height: 50px;
}

footer .el-link.uk-icon-button{
    width: 70px;
    height: 70px;
}

.uk-input,
.uk-textarea{
    border-style: dashed;
}

@media only screen and (max-device-width : 767px) {

    .uk-container{
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-mobile-chess .uk-width-1-3\@m{
        order: 1;
    }
    
    .section-mobile-chess .uk-width-2-3\@m{
        order: 2;
    }

    .mission-section > div{
        background: rgb(36 59 81);
        background-image: none!important;
    }
}