@import url(commons.css);
/* NON SCRIVERE NESSUN CSS PRIMA DI QUESTO */

/* DESIO */

:root {

    --color-dark: #000;
    --color-primary: #CA010E;
    --color-primary-l4: #ffefef;
    --color-primary-l3: #ffb3b8;
    --color-primary-l2: #ff8389;
    --color-primary-l1: #fa4d56;
    --color-primary-d1: #a2191f;
    --color-primary-d2: #000;
    --color-white: #FFF; /* Pure White */
    --color-light: #F1F9FA; /* Light Greyish Blue */
    --color-secondary-l3: #DDE1E3; /* Very Light Grey */
    --color-secondary-l2: #BCC3C6; /* Light Grey */
    --color-secondary-l1: #949EA3; /* Medium Grey */
    --color-secondary: #6B6C7E; /* Dark Grey with blue undertones */
    --color-lightgrey: #6B6C7E; /* Semi-transparent Grey */
    --color-error: #DA1414;
    --color-error-l1: #F48989;
    --color-footer:  var(--color-primary);
    --color-info-banner: #EDF3FD;
    --color-info-banner-text: #2E5AAC;
    --color-icons: var(--color-dark);
}

.box-100-footer-logo-03440 {
    float: left;
    display: block;
    width: 27%;
    background: url(../../images/logo/banks/desio/Logo_Gruppo_Banco_Desio.png) no-repeat left 0.313em transparent;
    padding-left: 0px;
    background-size: contain;
    height: 6.7em;
    position: relative;
    right: 17px;
    top: 5px;
    left: 1%;
    width: 200px
}

#banner #heading #site-title-03440 {
    float: left;
    display: block;
    width: 25%;
    background: url(../../images/logo/banks/desio/logo_desio_remote_banking_new.png) no-repeat left 0.313em transparent;
    padding-left: 0px;
    background-size: contain;
    margin: 8px 0 0 15px;
    height: 2.7em;
    position: relative;
    top: 0.6em;
}

.loginFormBanner {
    background-image: url(../../images/loginDesio_comp.jpg)!important;
}


/*put all the changes inside the media query block below*/
@media only screen and (min-width: 1025px) {

#footer {
    justify-content: flex-start!important;
    position:relative;
    padding-right: 4%;
}

.footerElements {
    max-width: 64em;
    margin-left: 8%;
    margin-top: 10px;
    margin-right: auto;
    display: block;
}

.language-widget {
    top: -1.5em;
}

#footer .footerLinks {
    margin-left: auto;
    right: 0;
}
#footer .footerLinks li {
    margin-right: 22px;
}

}

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

    #footer .footerLinks {
        font-size: initial!important;
    }

    #footer nav ul li {
        margin-right: 1em;
    }


    .footerSignature {
        right: initial!important;
        top: 6.5em!important;
    }

    .language-widget {
        top: -2.5em!important;
        right: 3em!important;
    }

}