/*******
* 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;
		align-items: center;
		justify-content: center;
	}
	
	.paragraph-item-logo a:hover{
		cursor:normal;
	}
	
	.field--name-field-partner-paragraph .field--item{
		flex-basis: calc(25%);
		margin: 0 5px 20px;
		flex-grow: 0;
		flex-shrink: 0;	
		margin-left:10px;
		margin-top:5px;
	}
	
	.field--name-field-partner-logo .img-responsive:hover{
		/*box-shadow: 5px 5px 5px 5px #00a757;*/
		box-shadow: 2px 2px 2px 2px #00a757;
	}
	
	.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;
		align-items: center;
		justify-content: center;
	}
	
	.paragraph-item-logo a:hover{
		cursor:normal;
	}
	
	.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{
		box-shadow: 5px 5px 5px 5px #00a757;
	}
}

/***************** PARAGRAPH MOODLE *****************************/
.paragraph-custom-icons{
	margin-top: 15px;
}

.paragraph-custom-icons .field--item{
	float:left;
	margin-right: 5px;
}

/*************** 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: #00A757;
}

.grid--1-lesson .year-lesson a{
	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;
 }
 
/***************************** PARAGRAPH NETWORKING ********************************/
@media screen and (min-width: 48rem){
	.field--name-field-networking-paragraph{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0;
		align-items: center;
		justify-content: center;
	}
} 

@media screen and (min-width: 48rem){
	.field--name-field-networking-paragraph .field--item{
		flex-basis: calc(25%);
		margin: 0 5px 20px;
		flex-grow: 0;
		flex-shrink: 0;
		margin-left: 10px;
		margin-top: 5px;
	}
}

.paragraph-networking-name {
    text-align: left;
    font-size: 16px;
	font-weight: bold;
	line-height:1.5;
}

@media screen and (max-width: 768px){
	.field--name-field-networking-paragraph{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin: 0;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 768px){
	.field--name-field-networking-paragraph .paragraph-networking-item{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 768px){
	.field--name-field-networking-paragraph .paragraph-networking-item .paragraph-networking-name{
		text-align:center;
		font-size: 16px;
		font-weight: bold;
		padding-bottom:30px;
		max-width:200px;
		line-height: 1.5;
	}
}

/***************************** PARAGRAPH FAQ ********************************/
.field--name-field-paragraph-faq .panel-group{
	margin-left:100px!important;
}

.field--name-field-titile-faq.field--item{
	color:black;
}

.field--name-field-paragraph-faq .panel-default > .panel-heading{
	color: #333;
	background-color: #F2F2F2;
    border-color:#F2F2F2;
}

.field--name-field-faq {
	margin-bottom: 10px;
	margin-left: 100px;
}

/***************************** PARAGRAPH LOGOS NAVBAR ********************************/
@media screen and (min-width: 48rem){
	.paragraph-logos-navbar .field--name-field-logos-paragraph{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0;
		align-items: center;
		justify-content: left;
	}
}

@media screen and (min-width: 48rem){
	.paragraph-logos-navbar .field--item{
		flex-basis: calc(33%);
		/*margin: 0 5px 20px;*/
		flex-grow: 0;
		flex-shrink: 0;
		/*margin-left: 10px;*/
		margin-top: 5px;
	}
}