/*

CSS PRESO DAL SITO BIT BANG

Suggerisco che per ogni footer, il css sia preceduto dalla classe del footer, esempio .footer_01, .footer_02 ecc
Ogni footer deve avere il suo CSS, non facciamo file combinati di CSS dei footer.
Se i diversi footer hanno del codice in comune, questo verrà riportato su ogni file css.
*/


#footer-01 .sub-menu > li:first-child {
    display: none;
}


/* First Voice a/ Title a 
----------------------------------------*/
    #footer-01 .menu-item a:not(.sub-menu a) {
        font-weight: 600;
        font-size: 16px;
    }

/* Sub Menu
----------------------------------------*/
    #footer-01 .footer-widget .sub-menu {
        padding-top: 1.042vw; /*20*/
    }
    #footer-01 .footer-widget ul.sub-menu li {
        margin-bottom: 0.573vw; /*11*/
    }
    #footer-01 .footer-widget .menu li:last-child {
        margin-bottom: 0;
    }

/* When Column Widget got multiple rows
----------------------------------------*/
    #footer-01 .multiple-footer-rows .footer-widget:not(:first-child) {
        margin-top: 2.083vw; /*40*/
    }

/* Social text
----------------------------------------*/
    #footer-01 .single-social-text:not(:last-of-type) {
        padding-right: 0.365vw;
        margin-right: 0.365vw;
    }

    #footer-01 .single-social-text:not(:last-of-type):after {
        content: '';
        height: 0.625vw;
        width: 1px;
        background: var(--color-white);
        position: absolute;
        right: 0;
        top: 0.104vw;
    }
    #footer-01 .single-social-text a {
        font-weight: 600;
    }

/* Footer notes
----------------------------------------*/
    #footer-01 #footer-notes a {
        font-weight: 600;
    }
    #footer-01 .footer-notes-container p:not(:last-child) {
        position: relative;
        padding-right: 15px;
        margin-right: 15px;
    }
    #footer-01 .footer-notes-container p:not(:last-child):after {
        content: '';
        width: 1px;
        position: absolute;
        right: 0;
        background: var(--color-white);
        height: 0.729vw;
        top: 0.104vw;
    }

/* Remove Mobile settings from Desktop
----------------------------------------*/
    #footer-01.desktop-footer .footer-menu-toggle {
        display: none;
    }
    #footer-01.desktop-footer .sub-menu {
        display: block !important;
    }

/* ---------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------- MEDIA QUERY ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

/* Full hd
------------------------------------------------------------*/
    @media screen and (max-width: 1920px) {
        /* Sub Menu
        ----------------------------------------*/
            #footer-01 .footer-widget .sub-menu {
                padding-top: 20px;
            }
            #footer-01 .footer-widget ul.sub-menu li {
                margin-bottom: 11px;
            }
        /* When Column Widget got multiple rows
        ----------------------------------------*/
            #footer-01 .multiple-footer-rows .footer-widget:not(:first-child) {
                margin-top: 40px;
            }
        /* Social text
        ----------------------------------------*/
            #footer-01 .single-social-text:not(:last-of-type) {
                padding-right: 0.5em;
                margin-right: 0.5em;
            }
            #footer-01 .single-social-text:not(:last-of-type):after {
                height: 12px;
                top: 2px;
            }
        /* Footer notes
        ----------------------------------------*/
            #footer-01 .footer-notes-container p:not(:last-child) {
                padding-right: 15px;
                margin-right: 15px;
            }
            #footer-01 .footer-notes-container p:not(:last-child):after {
                height: 14px;
                top: 2px;
            }
    }

/* Exsm Laptops ok until 993
------------------------------------------------------------*/
    @media screen and (max-width: 1150px) {
		#footer-01 .widget-column.apply-pad-l {
		    padding: 0;
		}
		#footer-01 .footer-widget .sub-menu {
		    padding-top: 14px;
		}
		#footer-01 .footer-widget ul.sub-menu li {
		    margin-bottom: 9px;
		}
	}

/* Tablet Portrait / Mobile starts
------------------------------------------------------------*/
    @media screen and (max-width: 992px) {

    	/* Font size of voices */
    	#footer-01.mobile-footer .xsm-sz * {
		    font-size: 14px;
		}

		/* Footer grid structure */
        #footer-01.mobile-footer .widget-area {
            grid-template-columns: 1fr;
            grid-row-gap: 0;
        }

        /* Widget 01 / Logo + Content margin */
		#footer-01.mobile-footer #widget-01 {
		    margin-bottom: 60px;
		}
		#footer-01.mobile-footer #widget-01 img {
		    margin-bottom: 20px;
		}

		/* Reset top margin of multiple voices in a single column */
		#footer-01.mobile-footer .multiple-footer-rows .footer-widget:not(:first-child) {
		    margin-top: 0;
		}

		/* Menu list and Sub Menu */
        #footer-01.mobile-footer .menu li {
            margin-bottom: 0;
        }
		#footer-01.mobile-footer .footer-widget .sub-menu {
		    padding-top: 20px;
		    padding-bottom: 40px;
		}
        #footer-01.mobile-footer .sub-menu > li:first-child {
            display: block;
        }
		#footer-01.mobile-footer .footer-widget ul.sub-menu li {
		    margin-bottom: 1em;
		    padding-bottom: 1em;
		    border-bottom: 1px solid var(--color_1-);
		    opacity: .8;
		}
		#footer-01.mobile-footer .footer-widget ul.sub-menu li:last-of-type {
		    border-bottom: 0;
		    margin-bottom: 0;
		}
        #footer-01.mobile-footer .menu > li > a {
            display: block;
            position: relative;
            padding: 20px 0;
            border-top: 1px solid var(--color_1-);
        }
        #footer-01.mobile-footer .sub-menu {
            display: none;
        }

        /* Toggle and Arrow */
        #footer-01.mobile-footer .footer-menu-toggle {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 10px;
        }
        #footer-01.mobile-footer .footer-menu-toggle .footer-arrow svg {
            width: 15px;
            height: 15px;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.125s ease-in-out;
        }
        #footer-01.mobile-footer .sub-menu-open .footer-menu-toggle .footer-arrow svg {
            transform: rotate(90deg);
        }

        /* Social */
        #footer-01.mobile-footer .widget-social-network-text {
		    margin-top: 40px;
		}

    }


/* Mobile Landscape and Portrait */
    @media screen and (max-width: 600px) {

    	/* Widget 01 / Logo margin */
		#footer-01.mobile-footer #widget-01 {
		    margin-bottom: 40px;
		}

		/* Menu list and Sub Menu */
		#footer-01.mobile-footer .menu > li > a {
		    padding: 18px 0 14px 0;
		    font-size: 14px;
		}
		#footer-01.mobile-footer .footer-widget .sub-menu {
		    padding-top: 10px;
		    padding-bottom: 30px;
		}

		/* Toggle and Arrow */
		#footer-01.mobile-footer .footer-arrow {
		    width: 12px;
		    height: 15px;
		}
		#footer-01.mobile-footer .footer-menu-toggle .footer-arrow svg {
		    width: 12px;
		    height: 12px;
		}

		/* Footer notes */
		body #footer-01.mobile-footer #footer-notes * {
		    font-size: 12px;
		}
		#footer-01 .footer-notes-container .copyright-text p:first-of-type:after {
		    content: none;
		}
		#footer-01 .copyright-text p:not(:first-child) {
		    margin-top: 12px;
		}
		#footer-01.mobile-footer .copyright-text p:first-child {
		    margin-right: 0;
		    padding-right: 0;
		}
		#footer-01 .cookie-policy {
		    margin-top: 12px;
		}
    }