/*
Theme Name: Divi-Child
Theme URI: http://www.javierrguez.com
Version: 1.0
Description: Tema hijo de MyTemplate para hacer cambios que modifiquen el aspecto del tema padre sin que los perdamos cuando el tema padre tenga actualizaciones
Author: Javier
Author URI: http://www.javierrguez.com
Template: Divi
*/

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

/*---- A partir de aquí añadimos las modificaciones que queremos hacer sobre el tema padre -----*/

/* Override al header del parent theme Divi - rodrigo */

#main-header {
    position: relative;
    z-index: 99999;
    top: 0;
    width: 100%;
    background:#58a3c3; /* fondo azul full width header - rodrigo */
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    font-weight: 500;
    line-height: 23px;
}

body {
    color: #666;
    background-color: #58a2c3 !important;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7em;
}

#headertop {	
    height: 140px !important;
    margin: 5px 0 5px 0;
    border-bottom: 1px solid #ddd;
}

.et_header_style_centered #logo {
    max-height: 95% !important; /*Anteriormente al 65% --Rodrigo */

}

/* End override */

/* LOGO */
.et_header_style_centered #main-header .logo_container {
    height: auto;
	width: auto;
}
/* FIN - LOGO */

/* Estructura general del header */
#headertop {
	height: 140px;
	margin:5px 0 5px 0;
	/*border-bottom: 1px solid #ddd;*/
}
#headerizda, #headerdcha, #headerLogoCabeceraDcha {height: 100%; border: 0px solid white;}
#headerizda{
	float: left;
	width: 30%;
	/*background-color: #f0f; color rosa marca fondo area*/
}
#headerdcha {
	float: left; 
	width: 40%;
	/*background-color: yellow;*/
}

#headerLogoCabeceraDcha
{	
	float: left; 
	width: 30%;
	text-align: right;
	/*background-color: yellow;*/
}
/*
#logo {
    width: 100%;
	height: 200%;
}
*/
/*.et_header_style_centered #main-header .logo_container {
    height: auto;
}*/

/* Logo */
.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
	float: right;
}
/* Logo */

/*.et-search-form input {*/

.searchform-header {
	position: absolute; /* antes relative; - rodrigo */
	float: right;
	margin-top: 5px;
}

#buscadorheader {
	float: left; /* antes none - rodrigo */
	text-align: right;
}

#buscadorheader input {
    position: relative;
	float: right;
    top: 0;
    right: 30px;
    bottom: 0;
    width: 250px;
	height: 40px !important;
    margin: auto;
    border: 1px solid #ddd;
    color: #333;
    background: transparent;
}

/* Ancho del campo de busqueda del buscador */

.widget_search #s-header {
    width: 250px;
}

/* antes comentado - rodrigo */
.widget_search input#searchsubmit {
    height: 40px !important;
    margin: 0;
    padding: 0.7em;
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    line-height: normal !important;
}

/* Ajustes Polylang (idiomas)*/
/*#banderas {
/*    text-align: right;
/*	margin-top: 5px;
/*}
/*div#banderas li {
/*    display:inline;
/*}
/*div#banderas li a img{
/*	height: 40px;
/*}*/

.widget_polylang_header {
	text-align: left; /* antes right; rodrigo */
}
.widget_polylang {
	margin-top: 5px;
}
.widget_polylang li {
	display: inline;
}

.widget_polylang  li a img {
	height: 40px;
}


/* FIN - Estructura general del header */

/* MENU PRINCIPAL */
/*  Sombreado de los elementos del menú hover */
#top-menu li li a:hover {
    background-color:#FFFFFF;
}
#top-menu li li div {
    width: 520px !important;
}

/* FIN - MENU PRINCIPAL */

/* MENU SECUNDARIO */
#top-header {
    display: inline; /* antes none; - rodrigo */

}

/* Ancho de menu a 520 px */




/* FIN - MENU SECUNDARIO */



/* Ocultar meta tags de las entradas */
p.et_pb_title_meta_container {
    display: none;
}
.et_pb_post .post-meta {
    display: none;
}



/* FOOTER */

/* Centrar el menú del footer (No esta bien implementado. Revisar.) */

.bottom-nav, .bottom-nav a {
    text-align: center;
}
#et-footer-nav {
    background-color: white;
}
.bottom-nav, .bottom-nav a {
    text-align: center;
}

/* FIN - Estilos Contact Form para Divi */

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
	background-color: #eee !important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7-submit {
	color: #0C7C19 !important; /* verde */
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-align: right;
	float: right;
}
.wpcf7-submit:hover { 
	background-color: #eee;
	border-color:#eee;
	padding: 6px 20px !important; 
}

.wpcf7 .et_pb_contact_right {
	margin-top: -14px;
}

.wpcf7 .et_pb_contact_right p input {
	max-width: 65px;
}

.wpcf7-captchac {
	position: relative;
	right: 0px;
	top: 7px;
}

@media only screen and (max-width: 329px) {
	.wpcf7 .et_pb_contact_right {
		float: none; 
		text-align: left;
	}
}
.wpcf7-select {
	width: 100%;
	padding: 15.5px;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	font-family: inherit;
	color:#aaa;
	background-color: #eee; 
	-moz-appearance: none;
	-webkit-appearance: none;
	background-position: center right 15px;
	background-image: url("http://urldelarchivo/arrow.png");
	background-repeat: no-repeat;
}

/* Mensaje de confirmación de envío para que no salga superpuesto */
.wpcf7-mail-sent-ok {
      margin-top: 50px;
}

/* FIN - Estilos Contact Form para Divi */

/* Ajustes slider de noticias */

#fb-post-slider.et_pb_post_slider_0 .et_pb_slide {
    background-size: 70%;
    background-position: top right;
    padding-left: 0;
    overflow: visible!important;
}
  
#fb-post-slider.et_pb_slider_with_overlay .et_pb_slide_overlay_container {
    width: 30%;
    min-width: 300px;
}

#fb-post-slider .et_pb_slide_content .post-meta {
    height: 0px;
    overflow: hidden
}
#fb-post-slider .et_pb_slide_content .post-meta .published {
    position: absolute;
    top: 32px;
    left: 35px;
    color: #898f9c;
    font-size: 16px
}

#fb-post-slider .et-pb-arrow-prev {
    display: none
}

#fb-post-slider.et_pb_post_slider_0 .et-pb-controllers a {
    height: 8px;
    width: 8px;
    order-radius: 50%;
}
#fb-post-slider.et_pb_slider {
    overflow: visible!important
}
.et-pb-active-slide .et_pb_slide_description {
    animation-name: fadeIn;
}
.et_pb_slide.et-pb-active-slide {
    transition: opacity 2.5s!important
}
  
@media all and (max-width: 1252px) {
    #fb-post-slider.et_pb_post_slider_0 .et_pb_slide {
        background-size: 90%
    }
}
@media all and (max-width: 980px) {
    #fb-post-slider.et_pb_post_slider_0 .et_pb_slide {
        background-size: 100%;
        background-position: top center;
    }
}

/* Fin estilo slider noticias */

/* Top menu efecto subrayado */
/*
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #15bf86;  COLOR OF THE LINE 
 height: 3px;  THICKNESS OF THE LINE 
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
*/
/* Fin TOP Menú efecto subrayado */


/*** Eliminar línea vertical separadora del contenido principal y el sidebar ***/
#main-content .container:before {background: none;}
 
/*** Esconde sidebar ***/
#sidebar {display:none;}
 
/*** Expandir el área a fullwidth ***/
@media (min-width: 981px){
    #left-area {
        width: 100%;
        padding: 23px 0px 0px 0px !important;
        float: none !important;
    }
}

/* ---------- rodrigo ----- */

#footer {
margin:0;
height:auto;
width:100%;
bottom:0;
/* stick to bottom */
background:#0C2044;
border-top: 7px solid #549290;
}
#header {
margin:0;
width:100%;
border-bottom: 7px solid #DD013F;
background:#58a2c3;
}
.inner-wrap, .inner, #megaMenu {
margin: 0 auto;
padding: 0;
position: relative;
width: 960px;
}
#page-container {
position:relative;
/* needed for footer positioning*/
margin:0 auto;
/* center, not in IE5 */
width:100%;
background:#58a2c3; /* fondo azul full width header - rodrigo */
height:auto !important;
/* real browsers */
height:100%;
/* IE6: treaded as min-height*/
min-height:100%;
/* real browsers */
}
.border {border-top: 7px solid #DD013F;width:100%; height:7px; float:left;}
#navigation {
margin: 0 0 1.5em;
width: 100%;
background: #549290;  
}
#megaMenu.megaFullWidth {
width:100%;
max-width:960px;
}

/* ----- mariades ------ */

#footer-widgets {
    padding: 2% 0 0;
}

#footer-bottom {
    background-color: #58a3c3;
    display: none;	
}

.et_pb_gutters3 .footer-widget {
    margin: 0 5.5% 1.5% 0;
}

/* MODIFICACIÓN DE BUSCADOR */

.mega-menu-item-816 > .mega-sub-menu {
width: 52%;
margin-left: 48%;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
padding: 0px 0px 5px 0px;
	
}

#searchform div {
text-align: right;

}

.widget_search #s {
width: 99%;
border-color: #58a2c3 !important;
}

#searchsubmit {
font-family: inherit;
font-size: 14px !important;
color: #004b6c !important;
font-weight: bolder;
background: #58a2c3 !important;
}

/* MIGA DE PAN */
#breadcrumbs span, #breadcrumbs a, .breadcrumb_last
{
	color: white;
}


/**
 * Código de Javi Villalba
 * Imagen destacada a la izquierda
 * La imagen se aumenta a 300px
 */
 .archive .et_pb_post a img, 
 .et_pb_posts .et_pb_post a img {
     max-width: 300px!important;
     float: left;
     padding-right: 20px;
}
 @media only screen and (max-width: 980px) {
     .et_pb_posts .et_pb_post a img{
         float:none;
         max-width: 300px !important;
    }
    /* Para ampliar el margen entre post */
     .et_pb_post {
         margin-bottom: 100px;
    }
}



/**
 * Anchor leer más debajo del texto
 */
 .et_pb_posts a.more-link {
     display: inline !important;
}

/**
 * Leer más con forma de botón
 */
.more-link {
     color: #004b6c !important;
     background: #58a3c3 !important;
     border-style: none !important;
     border-radius:5px;
     padding: 5px 5px 5px 5px;
     text-transform: capitalize;
}

/**
 * Separar el resumen de la noticia del leer más
 */
 .post-content p {
     margin-bottom: 10px !important;
}

/**
 * Bug de Divi ... siempre oculta la fecha
 */
.et_pb_post .post-meta {
    display: block;
}