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

/* BFF */

:root {
    --color-dark: 		#002F5D;
    --color-primary: 	var(--color-sapphire);
    --color-primary-l4: #e1f0ff;
    --color-primary-l3: #a4d3f7;
    --color-primary-l2: #79aad4;
    --color-primary-l1: #4687b1;
    --color-primary-d1: #00407a;
    --color-primary-d2: #003366;
    --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: #61696F; /* Dark Grey with blue undertones */
    --color-lightgrey: #61696F99; /* Semi-transparent Grey */
    --color-error: #DA1414;
    --color-error-l1: #F48989;
    --color-footer:  var(--color-ash);
    --color-info-banner: #EDF3FD;
    --color-info-banner-text: #2E5AAC;
    --color-icons: var(--color-dark);

    /* BFF palette */
    --color-sapphire: #005c9e;
    --color-sun: #f5c445;
    --color-apricot: #e37743;
    --color-green: #accd7a;
    --color-basalt: #465259;
    --color-stone: #688394;
    --color-brick: #c8482f;
    --color-sea-green: #008c8f;
    --color-petrol: #005b62;
    --color-azure: #40abel;
    --color-ash: #e0e7eb;
}

@font-face {
    font-family: Corbel;
    src: url(../../fonts/bff/corbel.ttf) format("truetype");
}

body {
    font-family: Corbel;
}

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

#banner #heading #site-title-05000 {
    float: left;
    display: block;
    width: 160px;
    background: url(../../images/logo/banks/bff/logo-bff-a_bank_like_no_other.svg) no-repeat left 0.313em transparent;
    padding-left: 0px;
    background-size: contain;
    margin: 8px 0 0 15px;
    height: 2.7em;
    position: relative;
    right: 17px;
}

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

#headerLinkWrapper .language-widget .dropdown-toggle:before {
    background: url(../../images/icons/chevron-down-white.svg) no-repeat center;
    background-size: contain;
    width: 15px;
    height: 15px;
}


/*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;
    }


    .language-widget .dropdown-toggle:before {
        background: url(../../images/icons/chevron-down-bff.svg) no-repeat center;
    }

    #footer .footerSignature, #footer nav ul li a, #footer .language-widget a {
     color: var(--color-dark) !important;
    }

    #footer .dropdown-item:hover, #footer .dropdown-item.hover,
    #footer .dropdown-menu-lang .dropdown-item,
    a#it-IT, a#en-EN,
    a#it-IT:hover, a#en-EN:hover {
        color: #fff !important;
    }
    #footer .dropdown-menu-lang::before {
        border-bottom: 16px solid var(--color-primary);
    }
    #footer .dropdown-menu-lang .dropdown-item {
        background-color: var(--color-primary);
    }
    #footer .dropdown-item:hover, #footer .dropdown-item.hover {
        background-color: var(--color-primary-l1);
    }

}

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

    #footer .footerSignature, #footer nav ul li a, #footer .language-widget a {
        color: var(--color-dark) !important;
    }

    .language-widget .dropdown-toggle:before {
        background: url(../../images/icons/chevron-down-bff.svg) no-repeat center;
    }

        #footer .dropdown-menu-lang::before {
        border-bottom: 16px solid var(--color-primary);
    }
    #footer .dropdown-menu-lang .dropdown-item {
        background-color: var(--color-primary);
    }
    #footer .dropdown-item:hover, #footer .dropdown-item.hover {
        background-color: var(--color-primary-l1);
    }

        #footer .dropdown-item:hover, #footer .dropdown-item.hover,
    #footer .dropdown-menu-lang .dropdown-item,
    a#it-IT, a#en-EN,
    a#it-IT:hover, a#en-EN:hover {
        color: #fff !important;
    }

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

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

.loginPageLeftContent>div {
    background: var(--color-basalt);
    padding: 20px;
    color: var(--color-ash);
    border-radius: 5px;
    text-shadow: 0 0 1px var(--color-stone), 0 0 2px var(--color-stone), 0 0 3px var(--color-stone), 0 0 4px var(--color-stone);
    font-family: Corbel;
}
.loginPageLeftContent>div h1,
.loginPageLeftContent>div p {
    font-weight: normal;
}