/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">
*/

/* Dimensioni logo */
.img-logo{
    max-width: 80px;
}

/* helper **/
.justify-text{
    text-align: justify;
}

.menu-social{
    margin-top: 5px;
    display: inline-block !important;
    font-size: 16px;
}

/* Dots loghi clienti */
.flickity-page-dots{
    display: none;
}

/**
    Home slide button colour
    Slide image
**/
.slide-button, .slide-button:hover, .slide-button:focus,.slide-button:active{
    background-color: #3c2f83;
    border-color: #3c2f83;
    color: white !important;
}
.slide-image{
    width: 15% !important;
    max-width: 15% !important;
}


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

    /* 
        remove padding extra in mobile view
    */
    .image-block .col-lg-6 {

        padding: 30px !important;
    
    }

    #copyright-mobile{
        display: block;
    }

    .mobile-m-t-50{
        margin-top: 30px;
    }

    .mobile-m-t-30{
        margin-top: 30px;
    }
}

@media (max-width: 575px) { 

    /* 
        remove padding extra in mobile view
    */
    .image-block .col-lg-6 {

        padding: 30px !important;
    
    }

    #copyright-mobile{
        display: block;
    }

    .mobile-m-t-50{
        margin-top: 30px;
    }

    .mobile-m-t-30{
        margin-top: 30px;
    }
}

@media (max-width: 640px) { 

    /* 
        remove padding extra in mobile view
    */
    .image-block .col-lg-6 {

        padding: 30px !important;
    
    }

    #copyright-mobile{
        display: block;
    }

    .mobile-m-t-50{
        margin-top: 30px;
    }

    .mobile-m-t-30{
        margin-top: 30px;
    }
}

@media (max-width: 767px) {

    .mobile-m-t-50{
        margin-top: 30px;
    }

    .mobile-m-t-30{
        margin-top: 30px;
    }

    /* 
        remove padding extra in mobile view
    */
    .image-block .col-lg-6 {

        padding: 30px !important;
    
    }

    #copyright-mobile{
        display: block;
    }

    /* 
        remove padding extra in mobile view
    */
    .image-block .col-lg-6 {

        padding: 30px !important;
    
    }
}

@media (min-width: 1600px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1400px !important;
    }
}