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

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


    ------------------------
    MOBILE PROYECTOS
    ------------------------

    0. PARAGRAPHS PROYECTOS
	1. PARAGRAPH HERO IMAGE
    2. PROYECTOS NODE
    3. PARAGRAPH HERO VIDEO
    4. PAGINA PROYECTOS
	5. PARAGRAPH TITULO + TEXTO
	6. PARAGRAPH TEXTO CENTRADO
	7. PARAGRAPH IMAGEN CENTRADA
	8. PARAGRAH IMAGENES 2 COLUMNAS
    9.  PARAGRAPH SLIDER FULL WIDTH
    10. PARAGRAPH SLIDER COLUMNAS
    11. ÚLTIMOS PROYECTOS


*/



@media (max-width: 767px) {
	
	.field--name-field-image .media--bundle--proyectos {
		height: 100vh !important;
	}
	

/* 0. PARAGRAPHS PROYECTOS
------------------------------------*/

	body.page-node-type-proyectos .field--name-field-parrafo .paragraph .container {
		padding: 0;
	}

	body.page-node-type-proyectos .paragraph {
		padding:0;

	}

/* 1. PARAGRAPH HERO IMAGE
------------------------------------*/
	.paragraph--type--imagen-hero {
		height: auto;
	}
	
	.page-node-type-proyectos .paragraph--type--imagen-hero img {
		object-fit: cover;
		height: auto;
		width: 100%;
	}



/* 2. PPROYECTOS NODE
----------------------------*/
	
.node--type-proyectos .field--name-field-image img {
    object-fit: contain;
    height: auto;
    width: 100%;
}
	
.node--type-proyectos .field--name-node-title h1 {
    font-size: 40px;
    padding-bottom: 30px;
    padding-top: 30px;
}
	
.node--type-proyectos .field--name-field-cliente .field--label,
.node--type-proyectos .field--name-field-cliente .field--items,
.node--type-proyectos .field--name-field-sector .field--label,
.node--type-proyectos .field--name-field-sector .field--items,
.node--type-proyectos .field--name-field-categorias .field--label,
.node--type-proyectos .field--name-field-categorias .field--items,
.node--type-proyectos .field--name-field-ano .field--label,
.node--type-proyectos .field--name-field-ano .field--item {
	display: inline-block;
}
	
.node--type-proyectos .field--name-field-cliente .field--label,
.node--type-proyectos .field--name-field-sector .field--label,
.node--type-proyectos .field--name-field-categorias .field--label,
.node--type-proyectos .field--name-field-ano .field--label {
	font-weight: normal;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
	
.node--type-proyectos .field--name-field-cliente .field--label::after,
.node--type-proyectos .field--name-field-sector .field--label::after,
.node--type-proyectos .field--name-field-categorias .field--label::after,
.node--type-proyectos .field--name-field-ano .field--label::after {
  content: ": ";
}

	.node--type-proyectos .field--name-field-cliente .field--items, 
	.node--type-proyectos .field--name-field-cliente .field--items a, 
	.node--type-proyectos .field--name-field-sector .field--items, 
	.node--type-proyectos .field--name-field-sector .field--items a, 
	.node--type-proyectos .field--name-field-categorias .field--items, 
	.node--type-proyectos .field--name-field-categorias .field--items a, 
	.node--type-proyectos .field--name-field-ano .field--item, 
	.node--type-proyectos .field--name-field-ano .field--item a {
		font-size: 16px;
		font-weight: normal;
		font-family: FuturaBT-Medium, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 5px;
	}
	
	.page-node-type-proyectos #col-dcha {
		padding-left: 0;
		padding-top: 40px;
	}
	
	#datos {
		padding-left: 0px;
		padding-right:  0px;
	}
	
	.page-node-type-proyectos .addtoany_list {
		margin-top: 30px;
		display: block;
	}
	
	.node--type-proyectos .field--name-body {
		font-size: 22px;
		font-weight: bold;
		font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
	}
	
	
	#block-nextpreviouslink a.nextpre__btn {
		font-size: 16px;
	}
	
	.paragraph--type--img-2-col ul.blazy--field-img-centrada  li.grid {
		margin-bottom: 15px;
	}
	
	.paragraph--type--img-2-col ul.blazy--field-img-centrada  li:last-child.grid{
		margin-bottom: 0;
	}


/* 3. PARAGRAPH HERO VIDEO
-----------------------------------*/


/* 4. PAGINA PROYECTOS
-----------------------------*/
	
	#views-bootstrap-proyectos-block-2 .caption, 
	.view-proyectos.view-display-id-block_2 .caption {
		left: 0;
	}
	
	#views-bootstrap-proyectos-block-2 .caption,
	.view-proyectos.view-display-id-block_2 .caption {
		padding: 15px;
	}

	
	#views-bootstrap-proyectos-block-2 .caption, 
	#views-bootstrap-proyectos-block-2 .caption a,
	.view-proyectos.view-display-id-block_2 .caption,
	.view-proyectos.view-display-id-block_2 .caption a{
		font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
		transition: all 0.6s ease;
		font-size: 4vw;
		color:#000 !important;
		position: relative;
		padding-left: 0;
	}
	
	#views-bootstrap-proyectos-block-2 .proyecto {
		display: flex;
		flex-direction: column;
	}
	
	#views-bootstrap-proyectos-block-2 .proyecto .views-field-fieldset {
		order: 1;
	}
	
		
	.view-display-id-ultimos_proyectos .proyecto {
		display: flex;
		flex-direction: column;
	}
	
	.view-display-id-ultimos_proyectos .proyecto .views-field-fieldset {
		order: 1;
	}
	
	
	
	
	
	.view-proyectos.view-display-id-block_2 .proyecto:hover .views-field-field-image img,
	.view-proyectos.view-display-id-block_2 .proyecto:hover .views-field-field-imagen-interior img,
	.view-proyectos.view-display-id-block_2 .proyecto:hover .views-field-field-imagen-mini img,
	#views-bootstrap-proyectos-ultimos-proyectos .proyecto:hover .views-field-field-image img,
	#views-bootstrap-proyectos-ultimos-proyectos .proyecto:hover .views-field-field-imagen-interior img,
	#views-bootstrap-proyectos-ultimos-proyectos .proyecto:hover .views-field-field-imagen-mini img {
		transform: none;
	}

	
	#views-bootstrap-proyectos-block-2 .views-field-field-image img,
	.view-proyectos.view-display-id-block_2 .views-field-field-image img {
		filter: brightness(50%);
	}
	
	body.path-proyectos .view-proyectos .view-header {
		padding: 5% 00 15px;
	}
	
	body.path-proyectos .view-proyectos  .field--name-body,
	body.path-proyectos .view-proyectos  .view-empty {
    	font-size: 7vw;
	}
	
	body.path-proyectos .view-proyectos.view-display-id-block_2 .view-filters {
		padding: 15px 0;
	}
	
	body.path-proyectos .view-proyectos.view-display-id-block_2 #views-exposed-form-proyectos-block-2 label {
		padding-right: 5px;
		font-size: 5vw;
   		width: 30%;
		padding-top: 4px;
	}
	
	body.path-proyectos .view-display-id-block_2 .views-exposed-form .form-type-select {
		padding-right: 0px;
		position: relative;
	}
	
	body.path-proyectos .view-display-id-block_2 .views-exposed-form .form-inline .select-wrapper {
		width: 65%;
		position: absolute;
		right: 0;
	}
	
	body.path-proyectos .view-display-id-block_2 .form-actions .btn {
   		font-size: 18px;
		float: right;
		margin-right: 0;
		margin-left: 15px;
	}
	
	.view-proyectos .view-header {
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
		padding: 5% 0 0 0;
	}
	
	
/* 5. PARAGRAPH TITULO + TEXTO
----------------------------------------*/	
	.paragraph--type--titulo-y-texto #tit-texto .field--name-field-texto-largo {
		font-size: 22px;
	}
	
	

/* 6. PARAGRAPH TEXTO CENTRADO
------------------------------------------*/		
	
	.paragraph--type--titulo-y-texto {
		padding: 5vh 0 5vh 0 !important;
	}
	
/* 7. PARAGRAPH IMAGEN CENTRADA
------------------------------------------*/	
	
	
	
	
/* 8. PARAGRAH IMAGENES 2 COLUMNAS
----------------------------------------------*/	

	#slick-paragraph-slideshow-columns-slide-default-55-3{
		margin: 0;
		padding: 0;
	}
	
	#slick-paragraph-slideshow-columns-slide-default-55-3 .field--name-field-media-image .field--item {
		padding: 0;
	}
	
	.page-node-type-proyectos #block-3ultimosproyectos {
		padding: 0;
	}
	
	.page-node-type-proyectos .paragraph {
		margin: 0px 0 15px 0;

	}
	
/*  9.  PARAGRAPH SLIDER FULL WIDTH
----------------------------------------------*/		
   

	.paragraph--type--slide .field--name-field-media-image img {
		bject-fit: cover;
		height: auto;
		width: 100%;
	}
	

/* 11. ÚLTIMOS PROYECTOS
------------------------------------------------*/	
	
	.page-node-type-proyectos #block-3ultimosproyectos h2.block-title {
   		text-align: center;
		padding: 10vh 0 15px;
	}
	
	#views-bootstrap-proyectos-ultimos-proyectos .caption {
		padding: 15px 0 30px 15px;
		position: relative; 
		bottom: 0px;
		transition: all 0.5s ease;
		left: 0px;
		color: #000000;
		font-size: 18px;
	}

	#views-bootstrap-proyectos-ultimos-proyectos .caption .views-field-title a {
		color: #000000;
		font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
		font-size: 16px;
		transition: all 0.6s ease;
	}
	

	#views-bootstrap-proyectos-block-2 .col-12:hover .caption,
	#views-bootstrap-proyectos-block-2 .col-12:hover .caption a,
	.view-proyectos.view-display-id-block_2 .col-12:hover .caption,
	.view-proyectos.view-display-id-block_2 .col-12:hover .caption a,
	#views-bootstrap-proyectos-ultimos-proyectos .col-12:hover .caption,
	#views-bootstrap-proyectos-ultimos-proyectos .col-12:hover .caption .views-field-title a {
		color:#000000 !important;

	}

	
	
/* 12. ICONO LINK SCROLL DOWN
---------------------------------------*/

	
	.field--name-field-down-link a {
		margin-top: -150px;
	}

	
	
	
}