/*
    /////////////////////////////////////////////////////////
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

/* 
font-family: 'Futura Medium'
font-family: 'Futura Light'
font-family: 'Futura Book'
font-family: 'Futura Bold'


    ------------------------
    MOBILE LAYOUT
    ------------------------

	0. GLOBAL
    1. MENU PRINCIPAL
	2. FOOTER
	3. SLIDER HOME
    4. COOKIES POPUP
	5. BLOQUE CONTACTO PIE

*/



@media (max-width: 767px) {
	
/* 1. MENU PRINCIPAL
-------------------------*/
	
	#navbar-collapse ul.menu--main {
		padding-bottom: 10vw;
		padding-top: 10vw;
	}
	
	#navbar-collapse ul.menu--main li a {
		padding-top: 0px;
		padding-bottom: 0px;
		font-family: FuturaBT-Bold;
		font-weight: normal;
		font-style: normal;
		line-height: 1.3;
	}
	
	.navbar-default .navbar-toggle {
		padding-right: 15px;
	}
	
	#block-welldone-main-menu ul.menu.navbar-nav li:hover a::before {
		display: none;
	}


	#block-welldone-main-menu ul.menu.navbar-nav li:hover a::after {
		display: none;
	}
		
	#block-redessociales ul.menu--redes-sociales li a {
		font-size: 5vw;
	}
	
	#block-welldone-main-menu ul.menu.navbar-nav li a::after,
	#block-welldone-main-menu ul.menu.navbar-nav li a::before {
		display: none;
	}
	
	a.name.navbar-brand {
		margin-left: 15px !important;
	}


	
/* 2. FOOTER
----------------------*/
	
	#block-welldone-footer {
			width: 100%;
	}

	footer.footer {
		padding-bottom: 15px;
	}

	.footer.container  {
		padding: 0;
	}
	
	.footer .nav > li {
		float: initial;
	}
	
	#block-redessocialespie {
    	width: 100%;
		display: flow-root;
		text-align: center;
	}
	
	#block-pielegal {
		font-size: 14px;
	}
	

	
	#block-welldone-footer .nav > li > a {
		position: relative;
		display: block;
		padding: 5px 15px;
		text-align: center;
		width: 100%;
	}
	
	#block-welldone-footer a.navbar-brand {
		padding-left:0;
		padding-top:0;
		content: url(../../images/welldone-logo.svg);
		display: block;
		height: 35px;
		margin-bottom: 15px;
	}
	


/* 3. SLIDER HOME
----------------------*/
	#sliding-popup {
		padding: 3% 4%;
		width: 100% !important;
	}


	#sliding-popup p {
		font-size: 16px !important;
	}

	#sliding-popup .eu-cookie-compliance-more-button {
		font-size: 16px !important;
	}
	
	
	#navbar-collapse ul.menu--main li a {
		font-size: 10vw;
		background-color: #FFF;
		color: #000 !important;

	}
	
	#navbar-collapse ul.menu--main li a.active-trail.is-active {
		text-decoration: line-through;
	}
	
			
	
/* 5. BLOQUE CONTACTO PIE
--------------------------------*/
	section#block-enlacessobreelpiedepagina .field--name-field-enlaces a {
		font-size: 7vw;
	}

	section#block-enlacessobreelpiedepagina .field--name-field-enlaces .field--item:first-child a::after,
	section#block-enlacessobreelpiedepagina .field--name-field-enlaces .field--item:last-child a::after{
		font-size: 4.5vw;
	}
	
	section#block-enlacessobreelpiedepagina .field--name-field-enlaces .field--item::after {
		width: 12vw;
	}

	section#block-enlacessobreelpiedepagina .field--name-field-enlaces .field--item {
		margin-bottom: 10%;
	}
	
	section#block-enlacessobreelpiedepagina {
		padding: 14% 10% 6% 10%;
		margin-left: -15px;
		margin-right: -15px;
	}
	

}