/*
Theme Name: Ruta del Modernisme de Barcelona 2019
Description: Ruta del Modernisme de Barcelona
Author: Accon Software, SL
Author URI: http://www.accon.com
Template: Divi
Version: 1.0.0
*/

/* General */ 

@import url("../Divi/style.css"); /* Incorporamos la página de estilos de Divi */

/*
Puntos de interrupción DIVI

Large Desktop: 1405px and above
Standard Desktop: between 1100px and 1405px
Laptops and Large Tablets: between 980px and 1100px
Tablets: between 768px and 980px
Smartphones and small Tablets: between 320px and 768px;
Smartphones: between 320px and 480px;

Estructura de las páginas

#cabecera-pagina
#introduccion-pagina
#promo-guia

*/

/* ####################################### */
/* TÍTULOS                                 */
/* ####################################### */

h2 {
    color: #000000!important;
}

/* ####################################### */
/* MOSAICOS                                */
/* ####################################### */

#mosaico-obras .et_overlay:before {
/* Añadimos el panot blanco al hover del elemento */
    
    content: '';
    background:url('/wp-content/uploads/2017/08/panot-blanco.png');
    background-size:cover;
    position:absolute;
    width:30px;
    height:30px;    
}

#mosaico-obras h2 {
/* Definimos el diseño de los títulos del mosaico */
    
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 14px!important;
    padding-bottom: 1em;
}

#mosaico-obras .et_pb_portfolio_filters {
/* Escondemos los filtros por defecto de los mosaicos */
    
    display: none!important;
}

.input-cercador {
/* Definimos el diseño del campo buscador del mosaico */
    
    background-color: #ffffff;
    border: none!important;
    width: 100%!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    font-size: 16px;
    color: #696969!important;
    text-transform: uppercase;
    padding: 1em 2em 1em 2em!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.filtro-categorias h4 {
/* Definimos el diseño del filtro de categorías */
    
    padding-bottom: 0!important;    
}

@media (max-width: 768px) {
/* Ajustamos el margen inferior del input cercador en móvil */
    
    #cercador-column-1 {
        margin-bottom: 1em;
    }    
}

@media (min-width: 981px) {
/* Ajustamos el mosaico de 4 columnas para reducir los espacios ente elementos */
    
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
        width: 23.5%;
        margin: 0 2% 0 0;
    }    
    .last_in_row {        
        margin-right: 0!important;
    }    
}

/* ####################################### */
/* MENÚ PRINCIPAL                          */
/* ####################################### */

#et-top-navigation {
/* Quitamos la negrita en el menú principal */ 
    
    font-weight:normal!important;    
}

/* ####################################### */
/* PROMO GUIA                              */
/* ####################################### */

#promo-guia .et_pb_top_inside_divider {
/* Ajustamos el margen superior del divider */
    
    margin-top: 0;
}

/* ####################################### */
/* PIE DE PAGINA                           */
/* ####################################### */

#footer-bottom {
/* Ajustamos el relleno inferior del pie de página */
    
    padding:0!important;
}

.bottom-nav {
/* Alineamos el menú inferior a la derecha */
    
    text-align: right!important;
    
}





/* ********** PENDIENTE DE CORREGIR ************************ */

/* Pie de página */

.type-ficha{
    margin-bottom:0!important;
}

/* Home */ 

#agenda_home .agenda_button {
    display: none;
}

.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row {
    width: 100%!important;
    max-width: 100%!important;
}

.title-year{
  margin-top: -35px;
}
.entry-meta .date{
  margin-left: -5px;
}

/* Fichas */

.direccion-ficha{
    color:#666!important;
    font-weight: bold!important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.direccion-ficha:hover{
    color:#cc3333!important;    
}
.et_pb_gallery_image .et_overlay {}

 
    color:#000!important;
}


/* Otros estilos */




.icon-size-title{
  color:#cc3333;
  font-size: 24px;
    margin-right: 5px;
    vertical-align: text-top;
}

/* Navegador tramos */

.navegador-tramos .et_pb_column_39, .navegador-tramos .et_pb_column_40, .navegador-tramos .et_pb_column_36 {
    text-align: right!important;
}

/* Botonera */

.botonera .et_pb_column {
    width: 15%!important;
}


/* Mosaico (custom) de la home Obras destacadas  */
.mosaicflow__column {
  float:left;
  }

.mosaicflow__item {
  position:relative;
  margin: 5px;
  margin-top: 10px;
  padding-bottom: 5px;
  }





  /* CRHOME BIEN */
  .crop-1 a img,.crop-2 a img {
    
    height: 600px !important;
    object-fit: none;
    object-position: 60% 150%;
    width: 600px;
    max-width: none !important;
    margin-left: -20%;
    
    }
 
    
    


  .mosaicflow__item p {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 100%;
    margin:0;
    padding:5px;
    background:rgba(255,0,0,.3);
    color:#fff;
    font-size:20px;
    text-align: center;
    padding-top: 7.5rem;
    text-shadow:1px 1px 1px hsla(0,0%,0%,.75);
    opacity:0;
    -webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
       -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
         -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
            transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
    }
  .mosaicflow__item:hover p {
    opacity:1;
}

.crop-1:hover p {
  opacity:1;
  padding-top: 10rem;
}

.crop-1{
    overflow: hidden;
    height:350px;
}
.crop-2{
    overflow: hidden;
    height:260px;
}
/*HACK mosaico*/
#mosaic-0-itemid-13,#mosaic-0-itemid-15,#mosaic-1-itemid-13, #mosaic-1-itemid-15,#mosaic-2-itemid-13,#mosaic-2-itemid-15{
  display: none;
}

.grid1,.grid2,.grid3 {
  display:none;
}

/* Eventos */

.agenda_button {
    text-align: center;
    margin-top: 45px;
}

.agenda_button a:hover {
    cursor: pointer;    
}

#boton_martir {
    display: none;
}

#events-container-index .et_pb_button_0:hover {
    background: #e91b1d !important;
}

.events-container-index {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  /* border-bottom: 1px solid #ebebeb; */
  padding: 25px;    
}
.events-container-index:nth-child(odd) {
  background-color: #fff;
}
.events-container-index:nth-child(even) {
  background-color: none;
}


.events-thumbnail-pro {
  float: left;
  width: 20%;
  min-height: 2px;
}
.events-archive-content {
  width: 78%;
  float: right;
}

@media (max-width: 768px) {

    /* Para colocar la imagen encima del texto */
    .events-thumbnail-pro {
      float: none;
      width: 100%!important;
      min-height: 2px;
      margin-bottom: 10px;    
    }
    
    .events-thumbnail-pro img{      
      width: 100%!important;
        height: auto;
    }
    
    .events-archive-content {
      width: 100%;
      float: none;
    }   
}

.entry-header {
  clear: both;
}
.events-archive-content .entry-meta {
  padding-bottom: 2px;
}
.events-archive-content .entry-content {
  padding-top: 6px;
  padding-bottom: 15px;
}
.clearfix::after {
  clear: both;
}
.clearfix::after, .clearfix::before {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}


#map,#map2 {
  height: 400px;
  width: 100%;
}

.entry-meta span{
  color: red;
}

.cover {
  object-fit: cover;
  width: 200px;
  height: 200px;
}


.wrap {
   width:300px;
   margin:0 auto;
}

.left_col {
   float:left;
   width:150px;
}
.right_col {
   float:right;
   padding-left: 5px;
   width:150px;
}

#reload{
  font-size: 15px;
  color: #e91b1d;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
}
#reload:hover{
  color: #c12d23;
}



.subtitle-ficha{
  margin-top:-30px;
}




/*Author work list style*/
.firstline_content {
    display: flex;   
}

.firstline {
    display: flex!important;
    flex-direction: row!important;
    background-size: auto!important;
    align-content: center;
    bottom: 0;
    margin: 0;
}


.firstline_img { 
    position: relative;
    margin: 0 5px;
    /* margin-top: 10px; */
    padding: 0; 
    height: 300px;
    margin: 5px 4px;
    }

.firstline_img img { 
    width: 600px;
    object-fit: cover;
    object-position: 50% 50%;
    /* padding-right: 5px; */
}

.firstline_img-crop { 
        overflow: auto;
        width: 300px;
        height: 300px;
    }

  .firstline_img:hover p {
    opacity:1;
    /* bottom: 0;
    margin: 0; */
}

.firstline_img p {
    resize: vertical;
    overflow: auto;
    position:absolute;
    bottom:0; 
    width:100%;
    height: inherit;
    background:rgba(255,0,0,.3);
    color:#fff;
    font-size:20px;
    text-align: center;
    padding-top: 8rem;
    text-shadow:1px 1px 1px hsla(0,0%,0%,.75);
    opacity:0;
    -webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
       -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
         -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
            transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
          }

 @media screen and (min-width: 360px) and (max-width: 831px) {
  .firstline_img p { padding-bottom:0;} 
} 


.bt-moreInfoEvents{
  border-width: 0px !important;
  font-size: 14px;
  background-color: #000000;
  color: #fff !important;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;

}
.bt-moreInfoEvents:hover {
    background: #e91b1d !important;
}
body #page-container .et_pb_button_0:hover {
    color: #fff !important;
    background: #e91b1d !important;
}


/* ####################################### */
/* PÁGINA DE CONTACTO                      */
/* ####################################### */

.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: 10px 20px 10px 20px!important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-captchar:focus {
background-color: #fff !important;
border: thin solid #e91b1d !important;
}

.wpcf7-submit {
color: #e91b1d !important;
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;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}

wpcf7-response-output {
    margin: 2em 0!important;
}

/* Oculta el icono de reCAPTCHA v3 en todas partes */
.grecaptcha-badge {
    visibility: collapse !important;
/* también puedes usar visibility: hidden si lo prefieres */
}

/* Muestra el icono de reCAPTCHA v3 en la página de contacto */
.page-id-1132 .grecaptcha-badge, .page-id-2754 .grecaptcha-badge, .page-id-2812 .grecaptcha-badge, .page-id-2814 .grecaptcha-badge {
    visibility: visible !important;
}

/* Ajusta a la izquierda el checkbox de aceptación de la política de privacidad */
span.wpcf7-list-item {    
    margin-left: 0!important;    
}



/*Loider*/
#lds-ring {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  margin:0 auto;
}
#lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #e91b1d;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #e91b1d transparent transparent transparent;
}
#lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
#lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
#lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#cn-accept-cookie.button-cookies{
	background-color:transparent !important;
	border:1px solid #e91b1d !important;

}
#cn-accept-cookie.button-cookies:hover{
background-color:#e91b1d !important;
}
#cn-more-info.button-cookies{
background: transparent !important;
text-decoration: underline !important;
}
#cn-close-notice{display:none !important}
 @media (max-width: 768px) {
	 .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		width: auto !important;
	}
	#brand.v2017 .bcnbrand-mobile .bcnbrand-navs-container .bcnbrand-lang.bcnbrand-open-nav{
		max-height: 309px !important;
	}
 }
.entry-meta .bcn-icon-agenda,.et_pb_text_inner .bcn-icon-agenda,.et_pb_text_inner .bcn-icon-promocio-economica,.et_pb_text_inner .bcn-icon-informacio-tramits{
	     margin-right: 3px!important;
 }
.et_pb_dpfilterable_blog_0.et_pb_filterable_portfolio h2{
    margin-bottom: 15px !important;
    margin-top: 5px !important;	
}
#promo-guia .et_pb_row_fullwidth  .et_pb_column_empty{
	background-image: url(/wp-content/uploads/2017/12/guia-de-la-ruta-del-modernisme-de-barcelona.jpg) !important;
}
#pedrera-img{
	background-image: url(/wp-content/uploads/2017/12/la-pedrera-ruta-del-modernisme.png) !important;
}
/*mobile menu language*/
@media (max-width: 980px) {
	.et_secondary_nav_only_menu #top-header, #et-secondary-menu, #et-secondary-nav{
		display:block !important;
	}
	
	#et-secondary-menu > ul > li a{
		padding-top: .75em;
	}
	
	/*.et_secondary_nav_only_menu #main-header{
    padding: 12px 0px;
	}*/
	.et_header_style_centered #et_mobile_nav_menu{
		margin-top:0px;
	}
	#mobile_menu .lang-item{
		display:none;
	}
	.titular-intermedio h2, .et_pb_section_4.et_pb_section h2{
	font-size: 30px!important;
	padding-bottom:0px !important;
	}
	#promo-guia h2{
		font-size: 20px !important;
	}
	.et_pb_title_container h1{
		font-size:32px!important;
	}
	.et_ficha_modernisme .et_pb_section_2,.et_event_modernisme .et_pb_section_2,.et_autor_modernisme .et_pb_section_2 {
	padding: 0 !important;
	}
	.et_ficha_modernisme .et_pb_row.et_pb_row_0, .et_event_modernisme .et_pb_row.et_pb_row_0,.et_autor_modernisme .et_pb_row.et_pb_row_0{
		margin-bottom: -30px !important;
	}
	.cover{
		width: 100%;
	}
	.et_list_element_autor {
		    margin-bottom: 0px !important;
	}
	.et_list_element_autor h2{
		font-size: 18px !important;
		line-height: 19px !important;
	}
	
}
.et_fixed_nav #main-header, .et_fixed_nav #top-header{
	position: unset;
}
.et_fixed_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container{
		padding-top: 0px!important;
	    margin-top: 0px !important;
	}
.entry-meta .bcn-icon-agenda,.entry-meta .bcn-icon-punt-mapa{
	margin-right: 8px !important;
}
div.et_pb_section.et_pb_section_3.et_section_map{
	background-image:none !important;
}
.et_pb_module.et_pb_text.et_pb_text_0.et_pb_text_align_left.et_pb_bg_layout_light{
	font-size:16px !important;
}
.et_ficha_modernisme .et_pb_section.et_pb_section_0.et_section_regular,.et_event_modernisme .et_pb_section.et_pb_section_0.et_section_regular,.et_autor_modernisme .et_pb_section.et_pb_section_0.et_section_regular{
	padding: 0 !important;
}
.et_autor_modernisme #Prueba {
	    padding-top: 20px;
    padding-bottom: 0px;
}
.et_ficha_modernisme .et_pb_text_1{
		margin-top: -30px;	
}
.et_pb_dpfilterable_blog_0.et_pb_filterable_portfolio .et_overlay:before {
	content: "\e050" !important;
	background: none !important;
	color: #efefef !important;
}
.firstline_content{
	display:block !important;
}
#lds-ring{
    padding-bottom: 25px !important;
    height: 85px !important;
}
h1.entry-title{
	font-size: 36px;
    text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
}
.et_overlay{
	background-color:rgba(233,27,29,0.75) !important;
}
.et_overlay::before{
	color: #efefef !important;
}
#promo-guia{
	background-image:none!important;
}
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container{
    padding-top: 0px !important;
}
.et_right_sidebar #main-content .container::before {
	display:none;
}
/*tooltip mapa obras*/
@media (max-width: 480px) {
	#map .wrap{
		width: unset;
	}
	.left_col{
		display:none;
	}
	.right_col{
		float:none;
	}
}
#bcnbrand-shortcuts-mobile-nav {
	    max-height: 693px !important;
}
@media (max-width: 992px) {
  .et_section_map{
    margin-bottom:30px;
  }
}