//Estilos del bloque la policia nacional informa del home.
.block-views-nodequeue-1-block-2 {
	
	.block-title {
		@include title-block(tint($c-dimgray, 10), 230%);
		margin: 1em 0;
		font-weight: 100;
		text-align: center;
		width: 100%;

		&:after {
			margin: 20px auto;
		}
	}

	.content{ 
		> .view-nodequeue-1 {
			> .view-content {
				> .views-row {
					@include ib-grid;
				}
			}
		}
	}

	.views-field-view  {
		@include inline-block(top);
		background: $c-white;
		box-shadow: 0px 1px 3px shade($c-brand-whitesmoke, 50);
		margin-right: 1%;
		position: relative;
		overflow: hidden;
		width: 34%;

		.views-field-field-imagen-noticia {
			img {
				width: 100%;
			}
		}
		
		.grouping-field  {
			padding-bottom: 4%!important;
		}

		.views-field-title {
			a {
    			font-size: 160%;
    			line-height: 1.2em;
			}
		}

		.views-field-field-resumen {
			color: shade($c-dimgray, 30);
			font-size: 98%;
			font-weight: 100;
			line-height: 1.4;
		}

		.group-hidden-fields {
    		background: rgba($c-black, 0.7);
    		box-sizing: border-box;
    		height: 100%;
    		left: 0;
    		text-align: center;
    		top: -100%;
    		padding-top: 18%;
    		position: absolute;    		
    		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;
			}

			.links {
				margin: 0;
				
				> li {
					@include inline-block(top);
					list-style: none;
				}

				.service-links-google-plus-one {
					> div {
						max-width: 74px!important;
					}
				}
			}

			.views-field-title-1 {
				margin-top: 15px; 
				padding: 3%;
				text-align: left;

				a {
					color: $c-white;
					font-weight: normal;
				}
			}
		}

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

	.views-field-view-1 {
		@include inline-block(top);
		background: $c-white;
		box-shadow: 0px 1px 3px shade($c-brand-whitesmoke, 50);
		margin-right: 1%;
		overflow: hidden;
		position: relative;
		width: 21%;

		.field-content{
			.view-nodequeue-1{

				.view-content{
					.views-field-field-imagen-noticia{
						position: absolute;
					    bottom: 0;
					    width: 100%;

					    img{
					    	width: 100%;
					    }
					}
				}
			}

			.views-field-field-noticia-ciudad {
 				@media (min-width: $s-tb) {
 					bottom: 195px;
 					left: 4%;
 					margin: 0;
 					position: absolute;
				}
			}

			.views-field-created {
 				@media (min-width: $s-tb) {
 					bottom: 180px;
 					left: 4%;
 					margin: 0;
 					position: absolute;	
				}
			}
		}

		.grouping-field {
			padding-bottom: 5%!important;
		}

		.views-field-title {
			.field-content {
				a {
					font-size: 160%;
				}
			}
		}

		.views-field-field-resumen {
			color: shade($c-dimgray, 30);
			font-size: 98%;
			font-weight: 100;
			line-height: 1.4;
		}

		.group-hidden-fields {
    		background: rgba($c-black, 0.7);
    		box-sizing: border-box;
    		height: 100%;
    		left: 0;
    		text-align: center;
    		top: -100%;
    		padding-top: 29%;
    		position: absolute;    		
    		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-sharethis {
    			@include sharethis;
			}

			.links {
				margin: 0;
				
				> li {
					@include inline-block(top);
					list-style: none;
				}

				.service-links-google-plus-one {
					> div {
						max-width: 74px!important;
					}
				}
			}

			.views-field-title-1 {
				margin-top: 15px; 
				padding: 3%;
				text-align: left;

				a {
					color: $c-white;
					font-weight: normal;
				}
			}
		}

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

	.news-block-group {
		@include inline-block(top);
		margin-right: 1%;
		width: 21%;

		> .views-field {
			margin-bottom: 15px;

			.view,
			.field-content {
				height: 100%;
			}
			// .views-row {
			// 	height: 18.4em;
			// }

			&.views-field-view-3,
			&.views-field-view-5 {
				margin-bottom: 0;
			}
		}

		.view-nodequeue-1 {
			background: $c-white;
			box-shadow: 0px 1px 3px shade($c-brand-whitesmoke, 50);
			margin-bottom: 1%;
			position: relative;
			overflow: hidden;

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

			.views-field-field-imagen-noticia{
				img{
					width: 100%;
				}
			}

			.views-field-title {
				.field-content {
					min-height: 77px;
					margin: 0;
				}
			}
		}

		.views-field-title {
			.field-content {
				font-size: 1em;
			}
		}

		.group-hidden-fields {
    		background: rgba($c-black, 0.7);
    		height: 87%;
    		left: 0;
    		text-align: center;
    		top: -100%;
    		padding-top: 10%;
    		position: absolute;    		
    		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-sharethis {
    			@include sharethis;
			}

			.links {
				margin: 0;
				
				> li {
					@include inline-block(top);
					list-style: none;
				}

				.service-links-google-plus-one {
					> div {
						max-width: 74px!important;
					}
				}
			}
			.views-field-title-1 {
				margin-top: 15px; 
				padding: 3%;
				text-align: left;

				a {
					color: $c-white;
					font-weight: normal;
				}
			}
		}
	}

	.news-block-group-right {
		margin-right: 0;
	}

	.view-content {

		.grouping-field  {
			padding: 4% 4% 20% 4%;

			.field-content {
				
				a {
					color: $c-dimgray;
				}
			}
		}

		.views-field-field-seccion {
			background: $c-brand-green-dark;
			bottom: 0;
			margin: 0;
			padding: 2px 0;
			position: absolute;
			width: 100%;
			z-index: 1;

			p {
				margin: 0;
			}

			a {
    			color: $c-white;
    			display: inline-block;
    			font-size: 0.9em;
			    font-weight: 100;
			    text-align: center;
    			text-decoration: none;
    			width: 100%;
			}

			&:hover {
				background: $c-brand-green-hover;
			}
		}

		.views-field-field-noticia-ciudad {
			@include line-text(before, 0, $c-darkgray, 65px);
			color: $c-darkgray;
			font-size: 0.8em;
			margin-top: 4em;
			padding-top: 3px;

			.field-content {
				div {
					display: inline-block;
				}
			}
 			@media (min-width: $s-tb) {
 				bottom: 30px;
 				left: 4%;
 				margin: 0;
 				position: absolute;
			}
		}

		.views-field-created {
			color: shade($c-darkgray, 10);
			font-size: 81%;
			font-weight: 100;
			line-height: 1;

 			@media (min-width: $s-tb) {
 				bottom: 15px;
 				left: 4%;
 				margin: 0;
 				position: absolute;	
			}
		}
	}

	.view-footer {
		margin-top: 20px;
		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;
			}
		}
	}
}