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

/******************BLOCK NAV BAR TOP************************/
/*Solo modificamos la barra de navegación superior*/
.region-navigation .contextual-region .navbar-nav{
	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;
		/*Eliminamos para ajustar nuevas opciones de menú*/
		/*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;
		}
}

/*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: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:#72c8ed;
}

.region-navigation .navbar-default .navbar-nav .caret{
	margin-top: -10px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px dashed;
}

@media (min-width: 768px){
	.navbar-nav > li {
		float: left;
		text-align:center;
	}
}

.region-navigation .navbar-default .navbar-nav .caret:hover{
	color: #30A94E!important;
	cursor:pointer;
}

.region-navigation .navbar-default .dropdown-menu{
	background-color:#f0f4c3 !important;
}

@media (max-width: 768px){
	.navbar-nav > li {
		float: left;
		text-align:center;
	}
}

/**********************SOCIAL MEDIA HEADER************************/
#block-socialmediaheader .fa-2x {
    font-size: 2.5em;
}

#block-socialmediaheader {
    margin-top: 8px;
}

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

.layout-footer .footer{
	margin-top:20px;
}

/******************BLOCK FOOTER DISCLAIMER************************/
.layout-footer-disclaimer .footer {
    margin-top: 0px;
}

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

.footer-navbar-content .active-trail .is-active{
		background-color:transparent!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{
	flex: 0 1 calc(50%);
}

.block-navbar-footer{
	flex: 0 1 calc(50%);
	align-items:center;
}

.block-legal-footer{
	flex: 0 1 calc(100%);
	margin-top: 0px;
}

/* Aumnetamos el tamaño de los logos*/
.block-legal-footer .social-media-links--platforms .fa-2x{
	font-size: 2.5em;
}

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

/*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;
}

/******************BLOCK LEGAL FOOTER************************/
/*Establecemos la línea horizontal*/
.linea{
	height: 5px;
    border: 0;
    background-color: white;
	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;
	letter-spacing: 10px;
}
#block-tut4ind-socialmedialinks-2 {
    margin-top: 15px;
}

/* Aumentamos el tamaño de los logos */
#block-tut4ind-socialmedialinks-2 .fa-2x{
	font-size: 2.5em;
}

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

.table-legal-footer{
	width: 100%;
	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%;
}

.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{
		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{
		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{
	text-align: center;
}

.partners-block{
	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-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		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;
	}
	
	.title-project{
		color:#30A94E;
		margin-top:5px;
		margin-left:0px;
	}
}

.title-project h1 {
    text-align: center;
    font-size: 50px;
	width:400px;
	text-transform:uppercase;
}

@media screen and (min-width: 768px) {
	.description-project{
		max-width:400px;
		text-align:justify;
		margin-left:20px;
	}
}

@media only screen and (max-width: 768px) {
	.description-project{
		max-width:700px;
		text-align:justify;
		margin-left:20px;
	}
}

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

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

/**************BLOCK LANGUAGE********************/
.block-language-blocklanguage-interface ul, ol {
	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;
}

.block-language-blocklanguage-interface .items-language li a:hover{
	background-color:#38a4d8;
}

.block-language-blocklanguage-interface .items-language lu{
	text-align:center;
}

.block-language-blocklanguage-interface .items-language{
	display:none;
	position:absolute;
	min-width:140px;
	z-index:100;
}

.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-image:url("/themes/custom/tut4ind/images/logos/logo_language(36x36).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;
	align-items: center;
	
  }
  .grid--4 .views-row {
    display: flex;
	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;
		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;
	}
	
	.contact-data-title {
		color: #30A94E;
		margin-bottom: 30px;
		text-align:center;
	}
	
	.contact-data-title h2 {
		margin-left: 30px;
		font-size: 50px;
	}
}

@media screen and (min-width: 768px) { /* 768px */
	.contact-data-title {
		color: #30A94E;
		margin-bottom: 30px;
	}
}

@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;
	line-height: 25px;
}

@media screen and (min-width: 768px) {
	.contact-data-block .paragraph-contact{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
	}
}

@media screen and (max-width: 768px) {
	.contact-data-block .paragraph-contact{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
	}
}

.contact-data-block .paragraph-contact .contact-data{
	margin-left:20px;
	align-items: center;
	font-size: 20px;
}

@media screen and (max-width: 48rem) { /* <=768px */
  .contact-data-block .field--item{
		display:block;
	}
	
	.contact-data-block .paragraph-contact .contact-data {
		margin: auto;
	}
	
	.contact-data-block .paragraph-contact .contact-image img {
		margin: auto!important;
	}
 }

/************************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;
	}
	
	.title-planning .field--name-title{
		color:#fff;
		font-size:24px;
		text-transform: none;
		
	}	
 }
 
  @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;
	}
	
	.title-planning .field--name-title{
		color:#fff;
		font-size:24px;
		text-transform: none;
	}
 }
 
 @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: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;
		background-position: right top;
	}
}

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

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

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

.description-task{
	max-width:400px;
	text-align:justify;
	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;
	max-width: 500px;
}

/*********************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;
		min-height:400px;
	}
}

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

.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;
	text-transform: uppercase;
}

.description-result{
	max-width:400px;
	text-align:justify;
	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 h1 {
    text-align: center;
    font-size: 50px;
	max-width:400px;
}

.description-lesson{
	max-width:400px;
	text-align:justify;
	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;	
		background-image: url(#);
		background-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		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;
    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: #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-repeat: no-repeat;
		background-size:700px;
		background-position: right;
		height:auto;
		margin-bottom: 40px;
		min-height: 400px;
	}
	
	.region.region-content .title-press{
		color:#30A94E;
		margin-top:5px;
		margin-left:20px;
	}
	
	.region.region-content .description-press{
		max-width:400px;
		text-align:justify;
		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;
		min-height: 400px;
	}
	
	.region.region-content .title-press{
		color:#30A94E;
		margin-top:5px;
		margin-left:0px;
	}
	
	.region.region-content .description-press{
		max-width:700px;
		text-align:justify;
		margin-left:20px;
		margin-bottom:100px;
	}
}

.region.region-content .title-press h1 {
    text-align: center;
    font-size: 50px;
	width:400px;
	text-transform: uppercase;
	
}

.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;
}

.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;
	}
}

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

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

/**************BLOCK NETWORKING********************/
.title-networking{
	color: #30A94E;
    margin-bottom: 30px;
}

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

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

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

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

.logos-disclaimer .field--name-field-paragraph-logo-disclaimer {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
    justify-content: center;
}

.logos-disclaimer .field--item{
	/*flex-basis: calc(50% - 14px);*/
    margin: 0 5px 20px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 10px;
    margin-top: 5px;
}

.text-disclaimer {
    text-align: center;
    line-height: 1.5;
	padding: 20px;
}

/**************VIDEO FRONT********************/

#block-video-2 video{
	/*width:100%!important;
	height:100%!important;*/
	width: 70%;
    height: 80%;
}
#block-video-2{
	background:none!important;
}

#block-fileresults{
	background:none!important;
}

.region-highlighted .field--name-field-media-video-file .field--item{
	text-align:center;
}

/**************NAVBAR LOGO********************/
 .block-navbar-logo {
    margin-top: 20px;
}
/**************TRANSLATE********************/
#block-tut4ind-alternadordeidioma-3 {
	/*Todo justiticado a la derecha*/
	/*margin-left: auto;*/
    margin-top: 20px;
}

/********** Disabled Link ********/
.link-disabled{
	pointer-events:none;
	cursor:default;
}