/*******
* Define Blocks tut4ind
*/

/******************BLOCK NAV BAR TOP************************/
/*Solo modificamos la barra de navegación superior*/
.region-navigation .contextual-region .navbar-nav{
	/*float:right;*/
	/*margin-left:200px; COMENTAR*/
	margin-top:20px;
}

/*Cuando la página es > 768px aplicamos esta configuración*/
@media (min-width: 768px){
	.navbar-nav {
		float: left;
		margin: 0;
		top: 20px;
		margin-top: 20px;
		margin-left: 100px;
	}
}

/*Cuando la página es < 768px aplicamos esta configuración*/
@media screen and (max-width: 768px) { /* 768px */
	.navbar-nav {
			float: left;
			margin: 0;
			top: 20px;
			margin-top: 20px;
			/*margin-left: 100px;*/
		}
}

/*Cambiamos el color de la barra de navegación superior*/
.region-navigation .contextual-region .navbar-nav a{
	color:black;
	/*Cambiamos el cursor al pasar sobre los diferentes items*/
	/*cursor:default;*/
	cursor:normal;
}

/*Al pasar el ratón por la barra de navegación superior cambiamos el color de los items*/
.region-navigation .contextual-region .navbar-nav a:hover{
	/*color:red;
	/*background-color:green;*/
	color:#72c8ed;
}

/******************BLOCK FOOTER************************/
.footer{
	color:#fff;
	background: linear-gradient(to right, #00A757, #C1B753);
	text-align:left;
	width:100%;
	margin-top:20px;	
}

.footer-navbar-content{
	color:white;
	bottom:5px;
	right:10px;	
}

.footer-navbar-content .active-trail .is-active{
		/*background-color:yellow!important;*/
		background-color:transparent!important;
		/*text-decoration: underline #30A94E;
		color:#30A94E!important;*/
		
		text-decoration: underline white;
		color:white!important;
		font-weight:bold;
}

.region-footer{
	display:flex;
	justify-content:space-between;
	flex-flow: row wrap;
	position: relative;
}

.block_logo_footer{
	/*background-color:green; DEBUG*/
	flex: 0 1 calc(50%);
}

.block-navbar-footer{
	/*background-color:yellow; DEBUG*/
	flex: 0 1 calc(50%);
	align-items:center;
	/*border-bottom: 1px solid #e6eee0;*/
}

.block-legal-footer{
	/*background-color:blue; DEBUG*/
	flex: 0 1 calc(100%);
	margin-top: 0px;
}

/******************BLOCK NAV BAR BOTTOM************************/
/*Solo modificamos la barra de navegación del footer*/
.region-footer .nav{
	float:right;
	margin-top:15px;
	padding-top:15px;
	/*pointer-events: none; */
}

/*Al pasar el ratón por la barra de navegación del footer cambiamos el color de los items*/
.region-footer .nav a:hover{
	border: 0;
	cursor:normal;
	background-color:transparent !important;
}

/*Afecta a los 2 menus el del footer y el de la barra inferior*/
/*.menu.menu--main.nav.navbar-nav{
	float:right;
	margin-top:30px;
}*/

/******************BLOCK LEGAL FOOTER************************/
/*Establecemos la línea horizontal*/
.linea{

	/*Aumentamos el grosor de la línea*/
	height: 5px;
    border: 0;
    background-color: white;
	/*Margen respecto al elemento superior*/
	margin-top:0px;
	margin-bottom:1px;
	border-radius: 15px;
}

.legal{
	text-align: center;
}

.left{
	float:left;
	padding-right:10px;
	padding-left:100px;
}

.right{
	float:left;
}

.middle{
	float:left;
	padding-right:5px;
	margin-right:5px;
	border-right:5px;
}

.copyright{
	padding-left:15px;
}

/*Cambiamos el sentido del social media*/
.social-media-links--platforms.platforms.vertical li{
	display:inline;
	float:right;
	/*Separa los items entre si*/
	letter-spacing: 10px;
}

.iconos-social-footer a{
	color:#30A94E;
}

.table-legal-footer{
	width: 100%;
	/*Juntamos respecto a la línea horizontal*/
	margin-top:0px;
}

.legal-class{
    display:flex;
	justify-content: center;
}

/*Separar el legal footer de la línea vertical*/
.field--name-field-enlace-legal-footer{
	margin-right:5px;
}

/*Separar el legal footer de la línea vertical*/
.field--name-field-enlace-privacy-footer{
	margin-left:5px;
}

.table-legal-footer td{
	width: 33%;
}

.table-legal-footer tr{
	/*text-align: center*/;
}

.social-media-links--platforms.platforms.inline.horizontal{
	float:right;
}

@media screen and (min-width: 768px) {
	.field.field--name-field-image-logo-footer.field--type-image.field--label-hidden.field--item{
		/*float:right;*/
		margin-left:15px;
		margin-top:50px;
	}
}

@media screen and (max-width: 768px) { /* 768px */
	.field.field--name-field-image-logo-footer.field--type-image.field--label-hidden.field--item{
		/*float:right;*/
		margin-left:15px;
	}
}

/*Modifica el color de los items de social bar y los links*/
.region-footer div div a{
	color:#fff;
}

.region-footer .contextual-region .platforms inline horizontal a{
	color:#fff;
}

/**************BLOCK PARTNERS********************/
.partners-content{
	/*Centramos la tabla en el div*/
	text-align: center;
}

.partners-block{
	/*background-color:#feffe4;*/
	/*background-color: #f0f4c3;*/
	/*padding: 50px;*/
	margin-bottom:20px;
}

.title-partners{
	color:#30A94E;
	margin-bottom: 30px;
}

.title-partners h2{
	text-align:center;
	font-size:50px;
}

.description-partners{
	text-align:center;
	font-size:20px;
	color:black;
	padding-bottom:50px;
}

.description-partners p{
	font-size:20px;
	line-height:1.75;
}

/**************BLOCK PROJECT********************/
@media screen and (min-width: 768px) { /* 768px */
	.block-project{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		/*background-color:grey; DEBUG*/
		/*margin-left:50px;*/
		
		/*Ruta relativa*/
		/*background-image: url("images/ilustración_proyecto.png");*/
		background-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		/*height:600px;*/
		height:auto;
		margin-bottom: 40px;
	}
	
	.title-project{
		color:#30A94E;
		margin-top:5px;
		margin-left:20px;
	}
}

/*Eliminamos la imagen de fondo en pantallas pequeñas para que se vea la letra*/
/*Ajustaremos este valor para todos los casos*/
@media only screen and (max-width: 768px) {
	.block-project{
		background-image:none!important;
		background-position: left;
		
		/*background-image:transparent;
		background-position: left;*/
	}
	
	.title-project{
		color:#30A94E;
		margin-top:5px;
		margin-left:0px;
	}
}

/*.title-project{
	color:#72c8ed;
	margin-top:5px;
	margin-left:20px;
}*/

.title-project h1 {
    text-align: center;
    font-size: 50px;
	width:400px;
	/*background-color:green; DEBUG*/
}

@media screen and (min-width: 768px) {
	.description-project{
		max-width:400px;
		/*background-color:yellow; DEBUG*/
		text-align:justify;
		/*Respecto a su padre block*/
		margin-left:20px;
	}
}


@media only screen and (max-width: 768px) {
	.description-project{
		max-width:700px;
		/*background-color:yellow; DEBUG*/
		text-align:justify;
		/*Respecto a su padre block*/
		margin-left:20px;
	}
}

@media screen and (min-width: 768px) {
	.objetives-philosophy-project{
		margin-left:50px;
		line-height : 25px;
	}
}
@media only screen and (max-width: 768px) {
	.objetives-philosophy-project{
		margin-left:50px;
		line-height : 25px;
		margin-bottom:50px;
	}
}

/*Texto del interior*/
.description-project p{
	margin:10px;
	line-height : 1.75;
}
	
.region-content {
    color: black!important;
}

/**************BLOCK LANGUAGE********************/
/*.block-language-blocklanguage-interface .link-principal:active{
	display: list-item;
    text-align: -webkit-match-parent;
}

.block-language-blocklanguage-interface .link-principal:hover{
	display:none;
	cursor:normal;
}*/

/*.block-language-blocklanguage-interface .image-language:hover{
	cursor:pointer;
	display:none;
}*/

/*.block-language-blocklanguage-interface .image-language:active{
	list-style: circle;
	visibility: visible;
}*/


/*.block-language-blocklanguage-interface .link-principal:active{
	list-style: circle;
	visibility: visible;
}*/



.block-language-blocklanguage-interface ul, ol {
	/*No muestra las viñetas de los items*/
	list-style:none;
}

.block-language-blocklanguage-interface .links > li {
	float:left;
}

.block-language-blocklanguage-interface .links .items-language li a {
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:10px 12px;
	display:block;
}

/*MODIFICAR PARA QUE NO AFECTE AL PRIMER li*/
/*CAMBIO DE COLOR AL PASAR EL RATÓN POR ENCIMA*/
/*GRIS DE SELECCIONAR*/
/*.links li a:hover {*/
.block-language-blocklanguage-interface .items-language li a:hover{
	/*background-color:#434343;*/
	background-color:#38a4d8;
}

.block-language-blocklanguage-interface .items-language li{
	/*margin-left:0px;*/
	/*text-align:center;*/
}

.block-language-blocklanguage-interface .items-language lu{
	/*margin-left:0px;*/
	text-align:center;
}

/*.block-language-blocklanguage-interface .links li ul {
	display:none;
	position:absolute;
	min-width:140px;
}*/


.block-language-blocklanguage-interface .items-language{
	/*Ocultamos al inicio los li con los idiomas*/
	display:none;
	position:absolute;
	min-width:140px;
	z-index:100;
}


/*Al pasar el ratón por encima del li de idioma nos despliega las opciones*/
/*.block-language-blocklanguage-interface .links li:hover > ul {
	display:block;
}*/

.block-language-blocklanguage-interface .links li:active > ul {
	display:block;
}

.block-language-blocklanguage-interface .links li:hover > ul {
	cursor:pointer;
}

.block-language-blocklanguage-interface .li-principal{
	cursor:pointer;
}

/*NO AJUSTAR LOS ITEMS DE IDIOMA A LA POSICIÓN*/
.block-language-blocklanguage-interface .links li ul li {
	position:relative;
}

.block-language-blocklanguage-interface .links li ul li ul {
	right:-140px;
	top:0px;
}

.block-language-blocklanguage-interface .image-language{
	/*background-color:yellow;*/
	/*content:url("images/web.png");*/
	background-image:url("../images/logos/logo-language.png");
	background-repeat:no-repeat;
	padding:20px;
	width:32px;
	height:32px;
	margin-right: 5px;
}

/*Colocamos mas centrados los li respecto del botón padre*/
.block-language-blocklanguage-interface .items-language{
	margin-left: -15px;
}

.region-header{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	margin-top: 10px;
}

/**************BLOCK PARTNERS********************/
@media screen and (min-width: 768px) {
  .grid--4 {
    overflow-x: hidden;
	margin-top:10px;
	width:100px;
	margin: 0 auto;
	background-color: #f4fcfc;
  }
  .grid--4 .view-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
	/*Centrar los logos en el contenedor*/
	align-items: center;
	
  }
  .grid--4 .views-row {
    display: flex;
    /*flex-basis: calc(50% - 28px);*/
	flex-basis: calc(50% - 14px);
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 14px 28px;
    padding: 0;
	margin-bottom: 28px;
	padding: 0 14px;
  }
}

@media screen and (min-width: 60em) {
  .grid--4 .views-row {
    flex-basis: calc(25% - 28px);
    flex-grow: 0;
    flex-shrink: 0;
  }
}

/* 77em == the max width of .container + 1em either side */
@media screen and (min-width: 77em) {
  .grid--4 .view-content {
	margin-right: -14px;
    margin-left: -14px;
  }
}

.grid--4 .views-row article{
	display: flex;
	flex-direction:column;
	flex-wrap: wrap;	
}

 .node--type-project-item .resume-project{
	text-align:justify;
	font-size:16px;
	color: black;
	line-height: 1.5;
 }

 .node--type-project-item .title-project-full{
	color:#72c8ed;
	text-align: center;
	font-size: 50px;
 }
 
 /**************BLOCK CONTACT********************/
@media screen and (min-width: 768px) { /* 768px */
	.contact-data-block{
		background-repeat:no-repeat;
		background-size:700px;
		background-position:right;
		height:600px;
		margin-bottom:20px;
	}
}

/*Cuando la página es < o igual 768px aplicamos esta configuración*/
@media screen and (max-width: 768px) { /* 768px */
	.contact-data-block{
		background-image:none!important;
		margin-bottom:20px;
		/*background-position: left;*/
	}
	
	.contact-data-title {
		color: #30A94E;
		margin-bottom: 30px;
	}
	
	.contact-data-title h2 {
		margin-left: 30px;
		font-size: 50px;
	}
}

/*Cuando la página es > a 768px aplicamos esta configuración*/
@media screen and (min-width: 768px) { /* 768px */
	.contact-data-title {
		color: #30A94E;
		margin-bottom: 30px;
	}
}


/*Cuando la página es > a 768px aplicamos esta configuración*/
@media screen and (min-width: 768px) { /* 768px */
	.contact-data-title h2 {
		margin-left: 150px;
		font-size: 50px;
	}
}

.contact-data-block .field--name-field-parrafo-datos-contacto{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;	
}

.contact-data-block .field--item{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:20px;
}


.contact-data-block .paragraph-contact{
	display:flex;
	flex-wrap:wrap;
}

.contact-data-block .paragraph-contact .contact-data{
	margin-left:20px;
	/*Centrar los logos en vertical el contenedor*/
	align-items: center;
	/*Centrar los logos en horizontal el contenedor*/
	/*justify-content: center;*/
	/*justify-content:space-between;*/
	font-size: 20px;
        line-height:25px;
}

/************************BLOCK TIMELINE***************************/
 @media screen and (min-width: 48rem) { /* >768px */
	.title-planning{
		background-color:#00A757;
		border-radius: 15px;
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 5px;
		color:#fff;
	}
 }
 
  @media screen and (max-width: 48rem) { /* <=768px */
	.title-planning{
		background-color:#00A757;
		border-radius: 15px;
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 5px;
		color:#fff;
		text-align:center;
	}
 }
 
 @media screen and (min-width: 48rem) { /* >768px */
	.content-planning{
		background-color:#C1B753;
		border-radius: 15px;
		padding-right: 10px;
		padding-left: 10px;
		padding-top:5px;
		padding-bottom:5px;
	}
 }

  @media screen and (max-width: 48rem) { /* <=768px */
	.content-planning{
		background-color:#C1B753;
		border-radius: 15px;
		padding-right: 10px;
		padding-left: 10px;
		padding-top:5px;
		padding-bottom:5px;
		text-align:center;
	}
  }
  
  .content-planning p{
	font-size: 20px;
    line-height: 1.75;
  }
  

.block-views-blocktimeline-project-block-1 .odd .content-planning{
	text-align: justify;
}

.date-planning{
	font-size:24px;
	color:#30A94E;
	font-weight:bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

.resume-planning{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	/*justify-content:space-between;*/
	/*align-content: space-between;*/
	justify-content:flex-start;
}

 .block-views-blocktimeline-project-block-1 .block-title{
	color:#30A94E;
	margin-top:5px;
	margin-left:120px;
	margin-bottom:50px;
 }
 
 /*Items del time line de la izquierda*/
 @media screen and (min-width: 48rem) { /* >768px */
	.block-views-blocktimeline-project-block-1 .odd .title-planning{
		margin-left:300px;
	}
 }
 
  @media screen and (max-width: 48rem) { /* <=768px */
	.block-views-blocktimeline-project-block-1 .odd .title-planning{
		margin-left:0px;
	}
 }

  @media screen and (min-width: 48rem) { /* >768px */
	.block-views-blocktimeline-project-block-1 .odd .content-planning{
		margin-left:300px;
	}
}

@media screen and (max-width: 48rem) { /* <=768px */
	.block-views-blocktimeline-project-block-1 .odd .content-planning{
		margin-left:0px;
	}
}

 /*Items del time line de la derecha*/
  @media screen and (min-width: 48rem) { /* >768px */
	.block-views-blocktimeline-project-block-1 .even .title-planning{
		margin-right:300px;
	}
  }

/*Items del time line de la derecha*/
  @media screen and (max-width: 48rem) { /* <=768px */
	.block-views-blocktimeline-project-block-1 .even .title-planning{
		margin-right:0px;
	}
  }

 /*Items del time line de la derecha*/
  @media screen and (min-width: 48rem) { /* >768px */
	.block-views-blocktimeline-project-block-1 .even .content-planning{
		margin-right:300px;
	}
  }

@media screen and (max-width: 48rem) { /* <=768px */
	.block-views-blocktimeline-project-block-1 .even .content-planning{
		margin-right:0px;
	}
}

/************************BLOCK TASK***************************/
@media screen and (min-width: 768px) { /* 768px */
	.block-task-project-planning{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		background-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		height:auto;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 768px) { /* 768px */
	.block-task-project-planning{
		background-image: none !important;
		background-position: left;
	}
}

.title-task{
	/*color:#72c8ed;*/
	color:#30A94E;
	margin-top:5px;
	margin-left:20px;
}

.title-task h1 {
    text-align: center;
    font-size: 50px;
	max-width:400px;
}

.description-task{
	max-width:400px;
	text-align:justify;
	/*Respecto a su padre block*/
	margin-left:20px;
}

.description-task p{
	font-size:20px;
	margin:20px;
	line-height : 1.75;
}

.task-points{
	margin-left:50px;
	line-height : 25px;
}

.task-points p{
	font-size:20px;
	line-height : 1.75;
}

/*********************BLOCK RESULTS******************************/
@media screen and (min-width: 768px) { /* 768px */
	.block-result{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		background-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		height:auto;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 768px) { /* 768px */
	.block-result{
		background-image: none !important;
		background-position: left;
	}
}

.title-result{
	color:#30A94E;
	margin-top:5px;
	margin-left:20px;
	max-width:400px;
}

.title-result h1 {
    text-align: center;
    font-size: 50px;
	max-width:400px;
}

.description-result{
	max-width:400px;
	text-align:justify;
	/*Respecto a su padre block*/
	margin-left:20px;
}

.description-result p{
	margin:10px;
	line-height : 1.75;
	font-size:24px;
}

/*********************BLOCK LESSONS******************************/
@media screen and (min-width: 768px) { /* 768px */
	.block-lesson{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		background-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		height:auto;
		margin-bottom: 40px;
	}
	.title-lesson{
		color:#30A94E;
		margin-top:5px;
		margin-left:20px;
	}
}

@media screen and (max-width: 768px) { /* 768px */
	.block-lesson{
		background-image: none !important;
		background-position: left;
	}
	.title-lesson{
		color:#30A94E;
		margin-top:5px;
		margin-left:0px;
	}
}
/*.title-lesson{
	color:#72c8ed;
	margin-top:5px;
	margin-left:20px;
}*/

.title-lesson h1 {
    text-align: center;
    font-size: 50px;
	max-width:400px;
}

.description-lesson{
	max-width:400px;
	text-align:justify;
	/*Respecto a su padre block*/
	margin-left:20px;
}

.description-lesson p{
	margin:10px;
	line-height : 1.75;
	font-size: 20px;
}

/*********************BLOCK NEWSLETTERS******************************/
@media screen and (min-width: 768px) { /* 768px */
	.block-newsletter{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		margin-left:50px;	
		/*Ruta relativa*/
		background-image: url("../images/background/background_newsletter.png");
		background-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		/*height:600px;*/
		height:auto;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.block-newsletter{
		background-image:transparent;
		background-position: left;
	}
}

.block-newsletter .newsletter-title{
	color: #30A94E;
	text-transform: uppercase;
	/*margin-left: 150px;*/
    font-size: 40px;
	width:500px;
	text-align: center;
    max-width: 350px;
}

.content-newsletter{
	width:300px;	
}

.block-newsletter .btn-default{
	margin-left: 100px;
	color: #fff;
	/*background-color: #00A757;*/
	background-color: #c1b753;
    border-color: #c1b753;
}

.block-newsletter .btn-default:hover{
	background-color: #00A757;
    border-color:#00A757;
}


/**************BLOCK PRESS********************/
@media screen and (min-width: 768px) { /* 768px */
	.region.region-content .block-press{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		/*background-color:grey; DEBUG*/
		/*margin-left:50px;*/
		
		/*Ruta relativa*/
		/*background-image: url("images/ilustración_proyecto.png");*/
		background-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		/*height:600px;*/
		height:auto;
		margin-bottom: 40px;
	}
	
	.region.region-content .title-press{
		color:#30A94E;
		margin-top:5px;
		margin-left:20px;
	}
	
	.region.region-content .description-press{
		max-width:400px;
		/*background-color:yellow; DEBUG*/
		text-align:justify;
		/*Respecto a su padre block*/
		margin-left:20px;
		margin-bottom:100px;
	}
}

/*Eliminamos la imagen de fondo en pantallas pequeñas para que se vea la letra*/
/*Ajustaremos este valor para todos los casos*/
@media screen and (max-width: 768px) {
	.region.region-content .block-press{
		background-image:none!important;
		background-position: left;
	}
	
	.region.region-content .title-press{
		color:#30A94E;
		margin-top:5px;
		margin-left:0px;
	}
	
	.region.region-content .description-press{
		max-width:700px;
		/*background-color:yellow; DEBUG*/
		text-align:justify;
		/*Respecto a su padre block*/
		margin-left:20px;
		margin-bottom:100px;
	}
}

.region.region-content .title-press h1 {
    text-align: center;
    font-size: 50px;
	width:400px;
	/*background-color:green; DEBUG*/
}

.region.region-content .description-press p{
	margin:10px;
	line-height : 1.5;
}

/**************BLOCK PRESS PRINCIPAL********************/
.region.region-featured-bottom-first .title-press h1 {
    text-align: center;
    font-size: 50px;
	width:400px;
	/*background-color:green; DEBUG*/
}

.region.region-featured-bottom-first .description-press p{
	margin:10px;
	line-height : 1.5;
}

.region.region-featured-bottom-first .title-press{
		color:#30A94E;
}

.region.region-featured-bottom-first .block-press{
	background-image: none!important;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	height:auto;
	margin-bottom: 40px;
}

@media screen and (min-width: 768px){
	.region.region-featured-bottom-first .block-press .title-press {
		color: #30A94E;
		/*margin-top: 5px;
		margin-left: 20px;*/
	}
}

.region.region-featured-bottom-first .block-press .title-press h1 {
    text-align: center;
    font-size: 50px;
    width: auto;
}


@media screen and (min-width: 768px){
	.region.region-featured-bottom-first .block-press .description-press {
		max-width: auto;
		text-align: center;
		/*margin-left: 20px;*/
		margin-left: 200px;
		/*margin-bottom: 100px;*/
		margin-bottom: 50px;
		/*margin-right: 20px;*/
		margin-right: 200px;
		line-height: 25px;
	}
}