/*
 Theme Name:   interalde
 Theme URI:    http://example.com/interalde/
 Description:  Interalde theme
 Author:       Bea López
 Author URI:   http://bcomedigital.com
 Template:     Divi
 Version:      1.0.0
*/

@import url("../Divi/style.css");


.et_pb_blurb_position_left .et_pb_blurb_container { padding-left: 10px; }
/*tras el upgrade del tema, aparece otro menu en las páginas de servicios - soporte*/
	.et_mobile_nav_menu, .mobile_menu_bar, img#logo {display: none;}
/*consulta a soporte porque las imágenes de la página de referencias aparecen alineadas a la derecha*/
	.et_pb_gallery_grid .et_pb_gallery_image.landscape img {
	 width: 105% !important;}

.et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title {
	font-size: 20px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;}

/*texto blanco en (Más Detalle)*/
	.et_pb_text.et_pb_bg_layout_dark.et_pb_text_align_left p span a{
	color: #FFFFFF!important;}

/*posicionar a la dcha el LOGO de interalde*/
	img.alignnone.size-medium.wp-image-146{
		float:right;
		padding-top:0px;
		margin-right:100px;
		margin-bottom:20px;}

/*sombreado de consultorias y posicionamiento*/
	.et_pb_text.et_pb_bg_layout_dark.et_pb_text_align_left span{
		padding:60px 60px 30px 30px;
		position:relative;
		height:28px;}

/*version móvil*/
/*1 texto e interlineado mas pequeño en version móvil*/
	@media screen and (max-device-width : 640px){
		.et_pb_text.et_pb_bg_layout_dark.et_pb_text_align_center p span{
			font-size:140%!important;
			line-height:10px;}
		.et_pb_text.et_pb_bg_layout_light.et_pb_text_align_left p span{
			font-size:140%!important;
			line-height:10px;}

/*2 texto sin margenes en versión móvil*/
	.et_pb_text.et_pb_bg_layout_light.et_pb_text_align_left p{
		padding-left:0!important;
		padding-right:0!important;}
	.et_pb_text.et_pb_bg_layout_light.et_pb_text_align_center h3{
		font-size:120%!important;
		line-height:35px!important;
		padding:10px!important;
		margin:0!important;}}

/*MOVIL & TABLET*/
/*MOVIL*/
@media screen and (max-width: 768px){ 
/*quitamos el sombreado de consultoria porque se solapan los sombreados en el span*/
	.et_pb_text.et_pb_bg_layout_dark.et_pb_text_align_left span{
		background:none!important;}
/*tamaño de las imágenes en la home*/
	.et_pb_container.clearfix {height:50%!important;}
	/*Icono más pequeño*/
 	img.alignnone.size-medium.wp-image-146 {
 		padding:0;
 		width:180px!important;
 		margin-right:20px;}
/*quitamos el párrafo del titulo en el Slider*/
	.et_pb_slide_content{
	display:none!important;}
/*Quitamos el sombreado en móvil*/
	.et_pb_slide_description{
		position:relative !important;	
		top: -20px;
   		left: -50px;
		background:none!important;}
	.et_pb_slide_description h2{
	/*acortamos anchura a la ventana salmon*/
		width: 70%;
		background:rgba(235,202,184,0.80);
		padding:0.5em 0.5em 0 0.5em !important;}	
	#ventana{
		height:500px!important;}
	.et_pb_text.et_pb_bg_layout_light.et_pb_text_align_left span{
		background:none!important;}

	/*iconos debajo de la foto*/
	.attachment_918{clear:both;}
/*QUITAMOS MENU DINAMICO EN MOVIL*/
	#pagina-actual{display:none;}}


/*TABLET*/
/*sombreado en TABLET horizontal*/
@media (min-width: 700px) and (max-device-width : 1024px) and (orientation: landscape){
	.et_pb_slide_description{
		height:20%!important;
		padding-top:0;
		margin:0;
		padding-bottom:10px;
		background:none!important;}
	.et_pb_slide_content p{
		padding:15px;
		margin-top:0px;
		position:relative;
		top:-5.1em!important;
		background:rgba(235,202,184,0.80);
		padding-bottom:30px!important;}
	.et_pb_container.clearfix h2{
		position:relative;
		top:-2em!important;
		background:rgba(235,202,184,0.80);
		padding:15px;
		margin-bottom:0;}
	.et_pb_slide_content p{
		position:relative;
		top:-4em;}}

/*TABLET EN HORIZONTAL alinear el menu dinamico*/
	@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		#pagina-actual{
		margin-top:0.80em!important;}}


/*poner en azul los enlaces ppales de la home*/
	.et_pb_row .et_pb_column div a strong span{color:#003359!important;}

h1, h2, h3, h4, h5, h6{color: #003359;line-height: 1.6em;}

h1.main_title {color: #003359;line-height: 1.6em;}

.et_pb_section {padding-bottom: 0;padding-top:0;}

/*cómo hacer para reusar icono de facebook para mail en equipo*/
	.et_pb_facebook_icon:before {content: "\e076";}

/*en los tabs, hacer que cambie el color en el tab activo*/
	.et_pb_tab_active a {
		color: #EBCAB8!important; 
		font-size: 20px;
		/*border-right: none;*/}
	ul.et_pb_tabs_controls li{
		background-size: 25px;
		background-repeat: no-repeat;
		width: 100%;}

/*hacer que el scroll aparezca siempre y en nuestro color*/
	.et_pb_scroll_top {
		animation: 0s ease 0s normal none 1 running none !important;
		background: none repeat scroll 0 0 #003359;
		opacity: 1 !important;
		right: 0 !important;
		display:block!important;}

/*mejorar apariencia de las pestañas*/
	.et_pb_tabs_controls li{border-right: none;}
	.et_pb_tabs_controls li a{color: #003359;}

/*Transparencia a la caja de texto de los slides. el último nº es % de transparencia*/
	.et_pb_slide_description{
		background-color: rgba(235,202,184,0.80);
		width:45%!important;
		padding:20px 20px !important;
		margin:20px 20px !important;
		position: relative;
		right:4em;}

	.et_pb_slide_description h2{
		text-align:left;}

/*MENU LATERAL*/

/*centrado de logo y raya*/
	#menu-menu li a img{
		margin:5% auto;}
/*2018 - centrado de todo el menú*/
	#menu-menu li:first-child{padding-top: 1.3em;}
	#menu-menu li{
		text-align:center;
		padding-top: 0.4em;
		padding-bottom:0.3em;}
	#menu-menu li a{
		font-family: "OfficinaSerifStd-Book", Arial, sans-serif;
		color:#003359;}
/*raya ajustada a cada enlace*/

#menu-item-1054 a{
		padding:10px 42px 10px 42px;
		border-top:solid 1px #666666;}
#menu-item-2839 a{
		padding:10px 25px;
		border-bottom:solid 1px #666666;
		border-top:solid 1px #666666;}
	#menu-item-62 a{
		padding:10px 25px;
		border-bottom:solid 1px #666666;
		border-top:solid 1px #666666;}
	#menu-item-60 a{padding:0 65px 10px 65px;
		border-bottom:solid 1px #666666;}
	#menu-item-61 a{padding:0 51px 10px 51px;
		border-bottom:solid 1px #666666;}
/*menu lateral pasa a color blanco con transicion ok*/
	ul#menu-menu li a:hover{
  		transition-property: color;
  		transition-duration: 0.8s;
  		transition-timing-function: linear;
  		-webkit-transition-property:color;
  		-webkit-transition-duration: 0.8s;
  		-o-transition-property: color;
  		-o-transition-duration: 0.8s;
  		color:#FFFFFF;}
/*fin MENU LATERAL*/


/*Ventana transparente en textos de imágenes estáticas*/
	div.et_pb_section.et_section_regular div.et_pb_row div.et_pb_column.et_pb_column_2_3 												div.et_pb_text.et_pb_bg_layout_light.et_pb_text_align_left span{
		position:relative;
		top:1.5em!important;
		padding:0.8em!important;}

/*PSI links activos con recuadro*/
	ul.et_pb_tabs_controls.clearfix li.et_pb_tab_active{
		width:87.55%;
		margin-top:-0.2em;
		margin-left:-0.1em;
		border:solid 0.15em #EBCAB8;}

/*imágenes Slide tamaño*/
	.et_pb_slide.et_pb_bg_layout_dark{
		height:490px!important;}
 	.et_pb_container.clearfix{
		height:490px!important;}

@media screen and (max-width: 768px){
/*ajustamos el ancho de las ventanas salmon en móvil.Este código esta aquí abajo para que funcione*/
	.et_pb_slide_description{
   		width:100% !important;}}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.et_pb_slide_description{
		width:500px !important;
		position:relative;
		top:75px;}
	.et_pb_slide_content{
		width:460px !important;
		position:relative;
		top:10px;}}