//Estilos de las paginas de los nodos de los eventos (Url ejemplo: /calendario/eventos-analisis)
.node-type-evento-observatorio-del-delito,
.node-type-evento {

	.block-seed-tools {
		#page-title {
			@include title-block(tint($c-dimgray, 10), 234%);
			font-weight: 300;
	    	margin: 0 auto 28px auto;
	    	max-width: 660px;
			text-align: center;

	    	&:after {
	    		margin: 22px auto 0 auto;
	    		width: 60px;
	    	}
		}
	}
	
	.node-evento-observatorio-del-delito,
	.node-evento  {
		margin: 0 auto;
		max-width: 660px;

		.group-all-content {
			background: $c-white;
			box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
			display: inline-block;
  			margin-bottom: 31px;
  			width: 100%;

		}
		.views-field {
			.views-label {
				@include element-invisible;
			}
		}
		.field-name-fecha {
			background: $c-color-event-two;
			color: $c-white;
			float: left;
			text-align: center;
			width: 27%;

			.views-field-field-fecha {
				background: $c-color-event;
				border-bottom: 1px solid tint($c-color-event, 50);
				font-size: 1.1em;
				padding: 1px;
				text-transform: uppercase;
			}

			.views-field-field-fecha-1 {
    			font-size: 280%;
    			font-weight: bold;
    			line-height: 1;
   	 			padding-top: 10px;
			}

			.views-field-field-fecha-4 {
				font-size: 138%;
    			font-weight: 100;
   	 			margin-top: 2px;
			}

			.views-field-field-fecha-2 {
				font-size: 98%;
				font-weight: 100;
				margin-top: 15px;
				padding-bottom: 10px;

				&:before {
					@include size(21px);
					background: url('../images/sprite.png') no-repeat -230px -47px;
					content: '';
					display: inline-block;
				}
			}

			.views-field-field-fecha-3 {
				background: $c-color-event;
				border-top: 1px solid tint($c-color-event, 50);
				font-size: 0.9em;
				padding: 8px 16%;

				.views-label {
					font-weight: bold;
				}

				.date-display-single {
					font-weight: 100;
				}
			}
		}

		.group-contacto {
			float: right;
    		font-weight: 100;
			padding: 0 6%;
    		width: 61%;
		
    		.field {
    			color: $c-dimgray;
    			margin-bottom: 10px;
    			padding-left: 45px;
    			position: relative;
    			
    			.field-label {
    				font-weight: 100;
    				text-transform: uppercase;
    			}

    			.field-items {
    				font-size: 0.9em;
    				line-height: 1.1;
    			}

    			&:before {
    				background: $c-color-event-social url('../images/sprite.png') no-repeat -398px -293px;
    				border-radius: 50%;
    				content: "";
    				left: 0;
    				height: 30px;
    				position: absolute;
    				top: 0;
    				width: 30px;
    			}
    		}
    		.field-name-field-telefono {
    			&:before {
    				background-position: -347px -168px;
    			}
    		}

    		.field-name-field-correos {
    			&:before {
    				background-position: -396px -235px;
    			}
    		}

    		.field-name-field-twitter {
    			&:before {
    				background-position: -349px -290px;
    			}
    		}
		}

		.field-name-body {
    		color: $c-dimgray;
			font-size: 1.2em;
    		font-weight: 100;
		}
	}
}