//Estilos especificos para el subsitio de la revista de la policia
.node-type-subsitio  {
  .region-content {
    > .block-views-revista-policia-block-1 {
       .view-content {
        margin: 0 auto;
        margin-top: 20px;
        max-width: 1200px;
        padding-left: 10px;
        padding-right: 10px;
      }      
    }
    .view-revista-policia {
      .grup-1 {
        .view-revista-policia {
          .view-header {
            > p {
              padding-top: 10px;
            }
          }
          > .view-content {
            margin-top: -10px;            
          }
          .views-row {
            color: #888;
            font-weight: bold;
          }
          .view-footer {
            p {
              padding-top: 10px;
            }
          }
        }
      }
    }
  }		
}	


//Estilos pagina de revista criminal (Url: /revista-criminalidad)
.page-revista-criminalidad,
.node-type-subsitio{

	@include fringe-green($c-brand-green-dark);

	#preface-first {
		.block-seed-tools-seed-title {
			margin: 2.5em 0;

			> .content {
				#page-title {
					background: url(../images/logo-chat-ponal.png) no-repeat left center;
    				font-weight:  bold;
    				font-size: 250%;
					padding-left: 56px;
				}
			}		
		}
	}

	.block-menu-menu-revista-criminalidad {
		.menu {
			@include menu-pages($c-white, $c-white);	
			margin: 0.8em 0;
		}
	}

	#main-inner {
		> .section {
			max-width: 100%;
			padding: 0;
		}
	}	

	.region-content {
		> .view-revista-criminalidad,
    > .block-views-revista-policia-block-1 {

			> .view-header,
      > .block-content {
				background: tint($c-lightgray, 25);
				margin-bottom: 1.5em;

				p {
					@include holder;
					color: shade($c-brand-whitesmoke, 60);
					font-size: 200%;
    			font-weight: 100;
					padding-bottom: 13px;
					padding-top: 121px;
					
					a, a:link {
						@include imgreplace;
						@include size(29px);
						background: url('../images/sprite.png') no-repeat -149px -92px;
					}
				}
			}

			> .view-content {
				@include holder;
			}	
		}
	}

	.view-revista-criminalidad,
  .block-views-revista-policia-block-1{

		.grup-1 {
			float: left;
			width: 40%;

			.view-revista-criminalidad,
      .view-revista-policia {
				border: 1px solid shade($c-brand-whitesmoke, 10);
				box-shadow: 1px 1px 3px shade($c-brand-whitesmoke, 40);

				.view-header {
					p {
						@include title-block($c-dimgray, 170%);
    					font-weight: 100;	
    					margin-top: 20px;
    					text-align: center;

    					&:after {
    						background: tint($c-dimgray, 40);
    						margin: 0.4em auto 0;
    						width: 54px;
    					}
					}
				}

				.view-content {
					@include ib-grid;
					padding: 5%;
				}

				.views-row {
					@include inline-block(top);
					margin-right: 4%;
					text-align: center;
    				width: 30.6%;

    				&:nth-child(3n) {
    					margin-right: 0;
    				}
   					
   					.views-field-title-1,
                                        .views-field-title {
   						height: 48px;
   						a {
   							color: tint($c-dimgray, 30);
    						font-size: 100%;
   							margin-top: 7px;	
   						}
   					}
				}

				.view-footer {
					p {
						text-align: center;

						&:nth-child(2n) {
							background: $c-brand-whitesmoke;
							border-top: 1px solid shade($c-brand-whitesmoke, 10);
							padding: 4% 16px;
							margin: 0;

							a {
								display: inline-block;
							}
						}

						a, a:link {
							color: $c-brand-green-dark;
							display: inline-block;
							font-size: 121%;
							font-weight: 100;
							margin-right: 1em;
							padding-right: 25px;
							position: relative;

							&:after {
								background: url('../images/sprite.png') -181px -54px no-repeat;
	    		  				content: '';
	    		  				height: 20px;
	    		  				margin-top: -10px;
	    		  				position: absolute;
	    		  				right: 0;
	    		  				top: 50%;
	    		  				width: 20px;
							}
						}

						br {
							display: none;
						}
					}
				}
			}

			.views-field-nothing {
				border: 1px solid shade($c-brand-whitesmoke, 10);
				box-shadow: 1px 1px 3px shade($c-brand-whitesmoke, 40);
				margin-top: 19px;
				position: relative;

				.field-content {
					display: inline-block;
    				padding: 3% 3% 7%;
					width: 94%;

					> span {	
	    				background: shade($c-brand-whitesmoke, 30);
    					height: 100%;
    					left: 0;
    					position: absolute;
    					top: 0;
    					width: 35%;
					}

					> h3 {
    					float: right;
						width: 60%;

						@include title-block($c-dimgray, 170%);
    					font-weight: 100;	

    					&:after {
    						background: tint($c-dimgray, 40);
    						width: 54px;
    					}
					}

					.block-content-link {
    					float: right;
						width: 60%;

						a, a:link {
							color: $c-brand-green-dark;
							display: block;
							font-size: 106%;
							font-weight: 400;
							line-height: 1.8;
						}
					}
				}
			}
		}

		.grup-2 {
			float: right;
			margin-top: -154px;
			width: 57%;

			.views-field-field-thumbnail {
				margin-bottom: 1em;
				text-align: center;
			}

			.views-field-title {
				background: $c-brand-green;
 	 	  		padding: 2%;

 	 	  		a, a:link {
 	 	  			color: $c-white;
 	 	  			font-size: 200%;
 	 	  			font-weight: 400;
 	 	  		}
			}

			.views-field-field-volumen {
				background: $c-brand-green;

				.field-content {
					color: $c-white;
				}
			}

			.views-field-nothing-1 {
				background: shade($c-brand-green, 20);
				padding: 1% 2%;
				
				a {
					background: url('../images/arrow-white.png') no-repeat right center;
					background-size: 16px;
					color: $c-white;
					font-weight: 100;
					padding-right: 25px;
				}
			}
		}
	}
}