@import url(commons.css);

/* NON SCRIVERE NESSUN CSS PRIMA DI QUESTO */

/* PASSADORE */

:root {
    --color-dark: #580E0B; /* Dark Blue */
    --color-primary: #882345; /* Primary Color: Deep Burgundy */
    --color-primary-l4: #f9f2f2; /* Very Light Burgundy */
    --color-primary-l3: #FFDBDB; /* Light Burgundy */
    --color-primary-l2: #D29399; /* Medium Light Burgundy */
    --color-primary-l1: #B76576; /* Slightly Darker Light Burgundy */
    --color-primary-d1: #701C3A; /* Darker Burgundy */
    --color-primary-d2: #5B1530; /* Even Darker Burgundy */
    --color-white: #FFF; /* Pure White */
    --color-light: #DADADA; /* Light Grey */
    --color-secondary-l3: #E7E7ED; /* Very Light Grey */
    --color-secondary-l2: #CDCED9; /* Light Grey */
    --color-secondary-l1: #A7A9BC; /* Medium Grey */
    --color-secondary: #6B6768; /* Dark Grey with a reddish tint */
    --color-lightgrey:#6B6C7E99;
    --color-error: #DA1414;
    --color-error-l1: #F48989;
    --color-footer: #882345;
    --color-info-banner: #EDF3FD;
    --color-info-banner-text: #2E5AAC;
    --color-icons: var(--color-dark);
}

.box-100-footer-logo-03332 {
    float: left;
    display: block;
    width: 27%;
    background: url(../../images/logo/banks/passadore/logo-passadore_footer_small.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-03332 {
    float: left;
    display: block;
    width: 13%;
    background: url(../../images/logo/banks/passadore/logo-passadore.svg) 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/loginPass.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;
    }
}