.page-node-type-subsitio .block-views-noticias-unidades-block-2 {
  @include holder;
}

//Estilos de la vista de la pagina de noticias de la unidad.
.view-noticias-unidades {
	
	.view-header {
		p {
			@include title-block(tint($c-dimgray, 10), 234%);
			margin: 1.5em 0 2px 0;
			font-weight: 100;
			text-align: center;
			width: 100%;
			
			&:after {
				background: tint($c-dimgray, 30);
				margin: 30px auto;
				width: 55px;
			}
		}
	}

	.view-content {
		.views-row {
			@include block-category-box;
			@include inline-block(top);
			margin: 0 1% 1em 0;
			padding-bottom: 30px;
			position: relative;
			overflow: hidden;
			width: 23.8%;

			&:hover {
				.group-hidden-fields {
					display: block;
					top: 0;
				}
			}

			&:nth-child(4n) {
				margin-right: 0;
			}

			.views-field-title {
				margin: 0;
				padding: 6% 4% 0;
			}

			.views-field-field-noticia-ciudad {
   				padding: 13px 4% 0;

   				&:before {
   					left: 4%;
   					width: 50px;
   				}
			}

			.views-field-field-resumen {
    			margin-bottom: 2.5em;
    			padding: 6% 4% 0;
			}

			.views-field-created {
				padding: 0 4% 6%;
			}

			.group-hidden-fields {
				background: rgba($c-black, 0.7);
    			height: 94%;
    			left: 0;
    			padding-top: 10%;
    			position: absolute;    		
    			text-align: center;
    			top: -101%;
    			width: 100%;
    			transition: top 1s;

    			.views-label-service-links,
				.views-label-sharethis {
					color: $c-white;
    				display: inline-block;
					font-size: 0.7em;
    				margin-bottom: 1em;
				}

				.views-field-title-1 {
					padding: 3%;
					text-align: left;

					a {
						color: $c-white;
						font-weight: normal;
						position: relative;
						
						// &:after{
						// 	@include size(40px);
						// 	background: url("../images/sprite.png") no-repeat -146px -187px;
						// 	content: '';
						// 	position: absolute;
						// 	display: inline-block;
						// 	top: 45px;
						// }
					}
				}
				
				.links {
					margin: 0;
				
					> li {
						@include inline-block(top);
						list-style: none;
					}

					.service-links-google-plus-one {
						> div {
							max-width: 74px!important;
						}
					}
				}
			}
 			@media (min-width: $s-lg) {

				.views-field-created {
					position: absolute;
					bottom: 6px;
				}

				.views-field-field-noticia-ciudad {
    				bottom: 45px;
    				left: 4%;
    				position: absolute;
 				}
			}
		}
	}

	.view-footer {
		margin-top: 1em;
		text-align: right;

		a, a:link {
			color: $c-brand-green-dark;
			font-weight: 100;
			font-size:  1.4em;
			padding: 5px 35px 5px 0px;
			position: relative;

			&:after {
				@include size(29px);
				background: url('../images/sprite.png') no-repeat -149px -92px;
				content: '';
				display: inline-block;
				position: absolute;
				right: 0;
				margin-top: -14px;
				top: 50%;
			}

			&:hover {
				text-decoration: none;
			}
		}
	}
}