/*******
* Define Paragraphs tut4ind
*/

/**************PARAGRAPH PARTNERS********************/

/*Cuando la página es > a 768px aplicamos esta configuración*/
@media screen and (min-width: 48rem) { /* 768px */

	.field--name-field-partner-paragraph {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		margin: 0;
		/*Centrar los logos en vertical el contenedor*/
		align-items: center;
		/*Centrar los logos en horizontal el contenedor*/
		justify-content: center;
		/*justify-content:space-between;*/
	}
	
	.paragraph-item-logo a:hover{
		cursor:normal;
	}
	
	.field--name-field-partner-paragraph .field--item{
		/*margin: 0 14px 28px;*/
		/*display:flex;
		flex-wrap: wrap;*/
		/*flex-basis: calc(25% - 28px);*/
		/*Añadido*/
		flex-basis: calc(25%);
		margin: 0 5px 20px;
		flex-grow: 0;
		flex-shrink: 0;	
		margin-left:10px;
		margin-top:5px;
	}
	
	/*.field--name-field-partner-paragraph .field--item:hover{
		background-color:#f0f4c3!important;
	}*/
	
	.field--name-field-partner-logo .img-responsive:hover{
		/*background-color:#f0f4c3!important;*/
		/*box-shadow: 5px -5px 0 2px #f0f4c3;*/
		/*box-shadow: 5px 5px 5px 5px #f0f4c3;*/
		box-shadow: 5px 5px 5px 5px #00a757;
		/*filter: drop-shadow(5px 5px 10px #30A94E);*/
	}
	
	
	
	.field--name-field-partner-paragraph .field--item .paragraph--type--parrafo-logo-socios{
		margin: auto;
	}
}
/*Cuando la página es < o igual 768px aplicamos esta configuración*/
@media screen and (max-width: 768px) { /* 768px */

	.field--name-field-partner-paragraph {
		display:flex;
		flex-direction:column;
		flex-wrap: wrap;
		margin: 0;
		/*Centrar los logos en vertical el contenedor*/
		align-items: center;
		/*Centrar los logos en horizontal el contenedor*/
		justify-content: center;
		/*justify-content:space-between;*/
	}
	
	.paragraph-item-logo a:hover{
		cursor:normal;
	}
	
	/*.field--name-field-partner-paragraph .field--item{*/
		/*margin: 0 14px 28px;*/
		/*display:flex;
		flex-wrap: wrap;*/
		/*flex-basis: calc(25% - 28px);
		margin: 0 5px 20px;
		flex-grow: 0;
		flex-shrink: 0;	*/
	/*}*/
	
	.field--name-field-partner-paragraph .field--item .paragraph--type--parrafo-logo-socios{
		margin: auto;
	}
	
	.field--name-field-partner-paragraph .paragraph-item-logo{
		margin-bottom:40px;	
	}
	
	.field--name-field-partner-logo .img-responsive:hover{
		/*background-color:#f0f4c3!important;*/
		/*box-shadow: 5px -5px 0 2px #f0f4c3;*/
		/*box-shadow: 5px 5px 5px 5px #f0f4c3;*/
		box-shadow: 5px 5px 5px 5px #00a757;
		/*filter: drop-shadow(5px 5px 10px #30A94E);*/
	}
}

/*@media screen and (min-width: 60em) {
  .field--name-field-partner-paragraph{
    flex-basis: calc(25% - 28px);
    flex-grow: 0;
    flex-shrink: 0;
  }
}*/

/***************** PARAGRAPH MOODLE *****************************/
.paragraph-custom-icons{
	margin-right:10px;
}

/*************** PARAGRAPH LESSON VIEW DEFAULT ****************/
.content-lesson-paragraph-deault{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	padding-left:30px;
}	
  
.year-lesson-full{
	color: #30A94E;
}

.text-lesson-paragraph-default{
	color:black;
	text-align:justify;
	padding-bottom:20px;
}

.text-lesson-paragraph-default p{
	line-height: 1.5;
	font-size:20px;
}

.title-lesson-paragraph{
	color: #C1B753;
}

/***************************** PARAGRAPH LESSON VIEW CONTENT ********************************/
.grid--1-lesson .content-lesson-paragraph-view{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	padding-left:30px;
}

.grid--1-lesson .year-lesson{
	/*color: #72c8ed;*/
	color: #00A757;
}

.grid--1-lesson .year-lesson a{
	/*color: #72c8ed;*/
	color: #00A757;
}

/*Dispositivos Móviles*/
@media screen and (max-width: 768px) { /* 768px */
	.grid--1-lesson .view-content{
		margin-left: 30px;
	 }
}

 /*Resto de dispositivos*/
@media screen and (min-width: 768px) { /* 768px */
  
  	.grid--1-lesson .view-content{
		margin-left:90px;
	 }
}
  
  .grid--1-lesson .content-paragraph-information{
	max-width:800px; 
  }
  
  .grid--1-lesson .image-lesson-paragraph{
	padding-top:10px; 
  }
  
.grid--1-lesson .title-lesson-paragraph{
	color: #C1B753;	
}

.grid--1-lesson .summary-lesson-paragraph{
	color:black;
	text-align:justify;
}

.grid--1-lesson .summary-lesson-paragraph p{
	font-size:20px;
	line-height: 1.75;
}


/**************PARAGRAPH LEGAL TERMS********************/
.field--name-field-paragraph-footer-links{ 
	padding-left:80px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.field--name-field-paragraph-footer-links .field--item{
	display:inline-block;
 }
 
 .field--name-field-legal-link{
	padding-right:5px;
	padding-left:5px;
 }
 
 /*.field.field--name-field-item-image.field--type-image.field--label-hidden.field--item:hover {
    box-shadow: 5px 5px 5px 5px #00a757;
}*/