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

    ---------------------------------
    MOBILE LAYOUT Y COMUNES
    ---------------------------------

    1. MENU
	2. NOTICIAS
	5. SLIDER HERO
    6. PARAGRAPH BLOQUES DE TEXTO 1 y 2 COLUMNAS, IMAGEN CON TEXTO 1 y 2 COLUMNAS 
    7. BANNER COOKIES
    8. PARAGRAPH CALL TO ACTION
	9. SHARE THIS

*/


@media (max-width: 768px) {


	/* 1. MENU
	----------------------*/
	
	.navbar-default {
		padding-top: 0;
		background-color: #004691;
	}
	
	ul.menu--main li.first a {
		padding-left: 15px;
	}
	
	
	header.navbar .navbar-header {
		position: relative;
		top: auto;
	}
	
	header.navbar .navbar-header a.logo { 
    	content: none;
		padding: 0;
	}	
	
	.navbar-toggle {
		margin-right: 0px;
	}
	

	
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .menu--principal > .active > a, 
	.navbar-default .menu--principal > .active > a:hover, 
	.navbar-default .menu--principal > .active > a:focus {
		margin: 0; 
	}
	
	

	#block-seinsa-main-menu .dropdown-menu, #block-menu-principal .dropdown-menu {
		min-width: auto;
		z-index: 9999;
	}


	/* Buscador*/
	#block-seinsa-search {
		display: block;
		padding: 0;
		margin: 0;
		z-index: 99999;
		position: relative;
		top: auto;
		right: auto;
	}
	


	/* Selector idioma */
	#block-languagedropdownswitcher {
		display: block;
		top: auto;
		position: relative;
		right: auto;
	}
	

	
	
/* 5. SLIDER HERO
----------------------*/	
	
	.paragraph--type--diapo .grupo {
		width: 100%;
		top: 0;
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 35%;
		height: 530px;
	}
	
	.paragraph--type--slider-hero .media--background {
		height: 94vh;
	}
	
	.paragraph--type--diapo .field--name-field-numeracion {
		position: absolute;
		margin-top: inherit;
		bottom: -16px;
		left: 40%;
	}
	
	.slick--field-diapo nav.slick__arrow {
		    top: 97%;
	}
	
	.paragraph--type--diapo .field--name-field-titular {
		height: 240px;
		height: auto;
	}
	
	
	.paragraph--type--diapo .field--name-field-cuerpo {
		min-height: 205px; 
	}
	
	

	
	
		
/* 6. PARAGRAPH BLOQUES DE TEXTO 1 y 2 COLUMNAS, IMAGEN CON TEXTO 1 y 2 COLUMNAS */
	
	
	body.path-quienes-somos .paragraph--type--imagen-textos .col1 {
		height: auto;
		overflow: hidden;
	}
	
	.paragraph--type--imagen-textos .col2 {
		max-width: inherit; 
		width: 100%;
		padding: 20px 0;
	}
	
	.paragraph--type--imagen-textos .field--name-field-tit-col-dcha {
		margin-top: 30px;
	}
	
	.paragraph--type--imagen-textos .media--background {
		margin-right: -15px;
	}

	.paragraph--type--imagen-textos {
		display: block;
	}
	
	.paragraph--type--imagen-textos .blazy--field-imagen {
		margin-right: -15px;
	}
	
	body.path-quienes-somos .paragraph--type--tit-txt-2col .field--name-field-tit-col-izda, 
	body.path-quienes-somos .paragraph--type--tit-txt-2col .field--name-field-tit-col-dcha {
		margin-left: auto;
		margin-right: auto;
	}
	
	body.path-frontpage .paragraph--type--tit-txt-2col .field--name-field-tit-col-izda, 
	body.path-frontpage .paragraph--type--tit-txt-2col .field--name-field-tit-col-dcha, 
	body.path-frontpage .paragraph--type--imagen-textos .field--name-field-tit-col-dcha, 
	body.path-frontpage .paragraph--type--imagen-textos .field--name-field-tit-col-izda {
		padding-left: 15px;
	}

	.paragraph--type--titulo-texto .field--name-field-cuerpo {
		padding-left: 0;
		padding-right: 0;
	}
	

	.path-quienes-somos .paragraph--type--imagen-dcha-textos .col2 {
		max-width: inherit;
		width: inherit;
		flex: inherit;
		padding: 35px 0;
	}

	.paragraph--type--imagen-dcha-textos img {
		object-fit: cover;
		height: fit-content;
		max-height: 280px;
		padding-top: 15px;
	}
	
	
	.paragraph--type--bloque-2col .caption {
		width: 100%;
	}
	
	.paragraph--type--bloque-2col .field--name-field-texto {
		padding-left: 15px;
		padding-right: 15px;
	}

		
	/* 7. BANNER COOKIES
-------------------------------------------------------------*/
	#sliding-popup {
		padding: 3% 4%;
		width: 100% !important;
	}
	
	
	/* 8. CALL TO ACTION
-------------------------------------------------------------*/
	.paragraph--type--call-to-action .blazy--field-img-fondo .media--background {
		min-height: 384px;
	}
	
	
	/* 9. SHARE THIS
	-------------------------------------------------------------*/
	
	.block-addtoany-block .addtoany_list.a2a_kit_size_32 > a::before,
	.cabecera .a2a_kit.a2a_kit_size_32 > a::before {
		content: "" !important;
	}
	
	.cabecera a.a2a_dd.addtoany_share img {
		padding-top: 2px;
	}
	
}




	
@media (max-width: 1199px) {
	

	
		/* Bloque RRSS*/
	#block-rrss {
		display: block;
		font-size: 18px;
		position: relative;
		right: auto;
	}
	
		#navbar-collapse.collapse.in ul.navbar-nav  ul.dropdown-menu li a,
		#navbar-collapse.collapse.in ul.navbar-nav  ul.dropdown-menu li .familia {
			color: #FFF;
			display: block;
			max-width:  initial;
			widows: 100%;
			background-color: transparent;
		}

		#block-seinsa-main-menu .dropdown-menu {
			width: 100%;
			padding: 0; 
		} 
	
	   ul.menu--main ul ul {
		   padding-left: 15px !important;
		}
	

	/* Síguenos RSS en menú */
		#block-rrss .dropdown-menu li a {
			filter: invert(1);
			text-indent: -9999999px;
			border: 0;
			display: inline-block;
		}

		#block-rrss .dropdown-menu li a:focus,
		#block-rrss .dropdown-menu li a:active {
			background-color: transparent;
		}
	
		#block-rrss .dropdown-menu li  {
			padding-left: 0;
		}
	
		#block-rrss .navbar-text.dropdown-toggle {
			display: none;
			box-shadow: none;
		}

		#block-rrss ul.dropdown-menu {
			display: block;
			background-color: transparent;
			color: #FFF;
			width: 60%;
			padding: 0;
			border: 0;
			box-shadow: none;
			padding-left: 15px;
		}

		#block-rrss ul.dropdown-menu li {
			display: inline-block;
			width: 35px;
		}

		#block-rrss ul.dropdown-menu li.first a{
			padding-left: 0; 
		}


		#block-rrss ul.dropdown-menu li a{
			color:#FFF;
		}

		#block-seinsa-search .input-group {
			float: inherit;
			border-bottom: 1px solid #FFF;
		}
	




		
}
	
	
	
	
	







	
@media (max-width: 1199px) {
	
	
	/* 1. MENU
	----------------------*/
	
	#block-seinsa-main-menu > ul > li.expanded.dropdown.open > ul,
	#block-menu-principal > ul > li.expanded.dropdown.open > ul {
    position: relative;
}
	
	#block-seinsa-main-menu a, #block-menu-principal a {
		border-bottom: 1px solid #FFF;
		padding-left: 0;
	}
	
	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse {
		max-height: inherit;
		height: 100vh !important;
	}

	ul.menu--principal {
		width: 100%;
	}
	
	#block-languagedropdownswitcher {
	    display: inline-block;
		top: inherit;
		bottom: -93px;
		position: absolute;
		right: 5px;
}
	
	ul.menu--principal li {
		/* padding-left: 15px;
		padding-right: 15px; */
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		box-shadow: none;
		border:0;
	}

	
}