/* ===================================================== */
/* ==== CUSTOM CSS FOR FOOTER BLUNOTE ==== */
/* =================================================== */
.footer-bnm{
    background: transparent url('../../images/bluenotemilano-bg.png') repeat-x left top;
    background-size: auto 100%;
    padding: 6% 0 0;
}
.footer-bnm .menu-principale-container, .footer-bnm .menu-main-container {
    -webkit-column-count: 2;
    -webkit-column-gap: 1%; /* Saf3, Chrome*/
    -moz-column-count: 2;
    -moz-column-gap: 1%; /* FF3.5+ */
    column-count: 2;
    column-gap: 1%; /* Opera 11+*/
}
.footer-bnm .menu-principale-container a,
.footer-bnm .menu-main-container a {
    color: #fff!important;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 1.4rem!important;
}
#menu-menu-inferiore, #menu-menu-inferiore-3, #menu-sub-footer {
    margin: 0 auto;
    padding: 2% 0;
    text-align: center;
    width: 80%;
}
#menu-menu-inferiore li, #menu-sub-footer li ,#menu-menu-inferiore-3 li {
    border-left: 1px solid #ccc;
    float: left;
    font-size: 1.1rem;
    list-style: none outside none;
    padding: 0 1.7%;
}
#menu-menu-inferiore li:first-child, #menu-sub-footer li:first-child, #menu-menu-inferiore-3 li:first-child,{
    border-left: none;
}
#menu-menu-inferiore li a, #menu-sub-footer li a, #menu-menu-inferiore-3 li a {
    color: #ccc !important;
}
#static-credits {
    border-top: 1px solid #2f4d60;
    margin: 0;
    padding: 1% 0;
    font-style: italic;
}
#static-credits h3, #static-credits h4, #static-credits h5, #static-credits a{
    text-transform:none!important;
    color: #3f6a86!important;
}
#static-credits a {
    color: #CCA94D!important;
}
.footer-bnm .menu-social {
    margin: 10px 0 30px !important;
    padding: 0 !important;
    text-align: center!important;
}
.footer-bnm .socialbuttons ul li{
    margin: 0 1px!important;
    display: inline-block;
    /*float: none;*/
    float: right;
}

/* responsive footer */
/**
* iPhone
tutte le versioni e tutti gli orientamenti
 */
@media only screen
and (min-width : 320px)
and (max-width : 736px){
    body #menu-menu-inferiore{
        border-top: 1px solid #2f4d60;
        padding-top: 2%;
        margin-top: 2%;
    }
    body #menu-menu-inferiore li, body #menu-sub-footer li , body #menu-menu-inferiore-3 li {
        border-left: none;
        float: none;
    }
    body .twitter-icon{
        text-align: center;
    }
    .tweett-gold .twitter-icon img{
        margin-top: 0;
        max-height: 49px;
        text-align: center;
        margin: 0 auto!important;
    }
}
/**
* iPad
tutte le versioni e tutti gli orientamenti
 */
@media only screen
and (min-width : 768px)
and (max-width : 1024px){
    #menu-menu-inferiore, #menu-menu-inferiore-3, #menu-sub-footer{
        width: 95%;
    }
    #menu-menu-inferiore li, #menu-sub-footer li, #menu-menu-inferiore-3 li{
        padding: 0 1.3%;
    }
}