//Estilos de la pagina linea de mandos (Url: /linea-mando/directores-comandantes)
.page-linea-de-mando,
.page-directores-y-comandantes {
	.block-seed-tools-seed-title {
		#page-title {
			@include title-block($c-b-gray, 265%);
			font-weight: 300;
	    	margin: 0 auto 28px auto;
	    	max-width: 660px;
			text-align: center;

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

.view-directores-y-comandantes,
.view-linea-de-mando {

	.view-content {
		@include ib-grid;

		.views-row {
			@include inline-block(top);
    		width: 23%;
    		margin-right: 2.6%;
			background: $c-white;
			border: 1px solid $c-t-gray;
			box-sizing: border-box;
			box-shadow: 2px 2px 1px $c-d-gray;
			margin-bottom: 31px;
			height: 480px;
			background-color: $c-brand-whitesmoke;
			text-align: center;
			color: $c-dimgray;

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

			.views-field-field-fotografia,
			.views-field-field-imagen {
				background-color: $c-white;
				margin: 0 auto;
				padding: 5%;
				border: 1px solid $c-t-gray;
				width: 90%;

				img{
					width: 100%;
				}
			}

			.views-field-title {
				margin-top: 5%;
				font-weight: 900;
			}

			.views-field-field-cargo-director,
			.views-field-field-rango {
				margin-top: 2%;
				font-weight: normal;
				color: $c-b-gray;
			}

			.views-field-field-nombre-1,
			.views-field-field-nombre {
				font-size: 1.2em;
				margin-top: 3%;
				padding: 0 5%;
				font-weight: lighter;
			}
		}
	}
}

.view-directores-y-comandantes {
	.view-content {
		.views-row {
			height: auto;

			.views-field-field-rango {
				color: $c-dimgray;
				font-weight: bold;
				margin-top: 5%;
				text-transform: uppercase;
			}
			
			.views-field-title {
				.views-label-title {
					display: block;					
				}

				.field-content {
					display: inline-block; 
					padding: 0 2% 3% 2%;

					a {
						font-weight: 100;
						color: $c-brand-green-dark;
					}
				}
			}
		}
	}

	.view-filters {
		.views-exposed-form {
			border: 1px solid tint($c-dimgray, 80);
			margin-bottom: 1.5em;
			padding: 1% 2%;

			.views-exposed-widget {
				@include inline-block(bottom);
				float: none;
				width: 20%;
			}

			label {
    			color: $c-dimgray;
   		 		font-weight: bold;
    			font-size: 105%;
   				margin-bottom: 4px;
    			padding: 0;
			}

			.form-text {
				@include input-text;
			}

			.form-submit {
				@include button;
			    border-radius: 5px;
    			padding: 7px 40px;
			}
		}
	}
}
