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

/* BPS */

:root {
    --color-dark: #001F33;
    --color-primary: #003b5c;
    --color-primary-l4: #A1C5D8;
    --color-primary-l3: #6B98B4;
    --color-primary-l2: #477A95;
    --color-primary-l1: #2A5B74;
    --color-primary-d1: #002F4C;
    --color-primary-d2: #001F33;
    --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-05696 {
    float: left;
    display: block;
    width: 27%;
    background: url(../../images/logo/banks/bps/BPS_footer.svg) no-repeat left -1.713em transparent;
    padding-left: 0px;
    background-size: contain;
    height: 6.7em;
    position: relative;
    right: 17px;
    top: 5px;
    left: 1%;
    width: 342px
}

#banner #heading #site-title-05696 {
    float: left;
    display: block;
    width: 31%;
    background: url(../../images/logo/banks/bps/BPS_header.svg) no-repeat left -0.913em transparent;
    padding-left: 0px;
    background-size: cover;
    margin: 8px 0 0 15px;
    height: 2.7em;
    position: relative;
    top: 0.6em;
}

.loginFormBanner {
    background-image: url(../../images/loginBps_comp.jpeg)!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;
    }
}

@media (min-width: 1025px) and (max-width: 1444px) {
    .loginFormBanner {
        background-size: contain;
        background-position: -100px center;
        background-repeat: repeat;
    }
}