//Estilos del bloque de programas de la pagina de escuela.
.group-programas {
	@include holder;
	@include holder-small(90%);
	
	> h3 {
		@include title-block(tint($c-dimgray, 10), 234%);
		font-weight: 100;
    	margin-bottom: 1em;
    	margin-top: 1em;
    	text-align: center;

    	&:after {
    		margin: 0.4em auto 0;
    		width: 54px;
    	}
	}

	.field-collection-view {
		border: none;
		padding: 0;
	}

	.field-collection-container {
		border: none;
		padding: 0;
	}

	.field-items {
		@include ib-grid;
		text-align: center;
		
		.field-item {
			@include inline-block(top);
			margin-bottom: 2%;
			margin-right: 1%;
			text-align: center;
			width: 19.2%;

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

		.field-name-field-imagen-programa {
			margin-bottom: 0.5em;

			img {
   			 	background: shade($c-brand-whitesmoke, 15);
			    border: 5px solid $c-brand-whitesmoke;
				border-radius: 100%;
				box-shadow: 0px 0px 2px $c-dimgray;
    			padding: 2%;
   				width: 96%;
			}
		}

		.field-name-field-link-programa {
			a, a:link {
				color: tint($c-brand-green-dark, 30);
				font-size: 120%;
				font-weight: 100;
			}
		}

		.field-name-field-duracion {
			font-weight: bold;
			font-size: 89%;
			line-height: 1.1;
			text-transform: uppercase;
			color: shade($c-dimgray, 10);
		}

		.field-name-field-duracion {
			@include line-text(before, 50%, tint($c-dimgray, 60), 50px);
			margin-top: 1em;
			padding-top: 1em;

			&:before {
				margin-left: -25px; 
			}
		}
	}
}