/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://derrubandomuros.com/
 Description:    A customized vreson of Divi Child Theme
 Author:         Imaxin
 Author URI:     http://derrubandomuros.com
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */

/*Comienzo, reglas css metidas directamente en Divi, las cambie para aqui */

body {
  font-weight: 200;
}

.pagination-dots  {
  position: absolute !important;
    bottom:0px !important;
}

.colored-icons li a.icon::before {
 color:#000;
font-size:32px; 
}

colored-icons li a.icon:hover {
	color:grey !important;
}


.container{
padding-right: 0px !important;
padding-left: 0px !important;
}


/* Facer que os autores non teñan padding */ 
.col-sm-3  {padding: 0px;}

/* FADE IN TEXT */
        .gq_overlay_text .custom_overlay {
            position: relative;}
        .gq_overlay_text .image {
            display: block;
            width: 100%;
            height: auto;}
        .gq_overlay_text .overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            transition: .5s ease;
            background-color: #3e8adb;}
        .gq_overlay_text .custom_overlay:hover .overlay {
            opacity: 1;}
        .gq_overlay_text .text {
            color: #fff;
            font-size: 22px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            width: 100%;}



/*Fin, reglas css metidas directamente en Divi */



/* Comienzo, oculta el sidebar derecho en paginas de archivos */

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;} 
 
/*** Expand the content area to fullwidth ***/

@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

.proc_marcado, .sexo_marcado, .ano_marcado { color:red}

 

ul.todo-murales{
       list-style:none;
       width:100%;
       padding: 0px;
       }
       
/* Elimino el padding de las columnas de bootstrap */       
.sinpadding [class*="col-"] {
    padding: 0;
}




/*Para que ocupe todo el ancho el cuerpo principal*/


.et_pb_row { width:100%; max-width:none;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters {clear: both; margin: 0px;}


/* Comienzo, hace que el listado de las imagenes de artistas ocupen todo el ancho */

#main-content .container { width:100%; max-width: none; padding-top: 0px; padding-right: 0px;
	padding-left: 0px;}

/* Fin, hace que el listado de las imagenes de artistas ocupen todo el ancho */

/*Para que ocupe todo el ancho la imagen de portada*/

#imgprincipal {
    width: 100%!important;
    max-width: 100%!important;
    padding: 25% 0px;}


/*Para la imagen y el texto*/

#imgFestival { border-radius: 0px; width: 100%;}

#imgIzquierda{
	float:left;
	width:46%;
	padding-left: 2%;
	padding-right:2%;
}


#textDerecha {
	float:left;
	width: 44%;
	margin-right: 5%;
	margin-left: 1%;

	}

/* Cambiar estilos listas*/

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{

	border: 0px;}

li a {
	color:black;
	text-decoration:underline black;
	font-weight:600;
}

li a:hover {
	background-color:#FFF;
	color:#dbdbdb;
	text-decoration:underline black;
	font-weight:400;
}

/*Parrilla*/
/* Elimina los margenes para los filtros de rexenera y derrubando muros */
.sinpadding{ margin: 0px;}


.img-responsive{ width:100%;}


/*Para que as imaxes dos murais teñan un ancho definido*/


img.attachment-medium{ width: 33%;}


/*Para que os autores non collan a clase anterior*/

div.custom_overlay img.attachment-medium{width:100%;}


/* Comienzo, para hacer la opacidad en la pagina de filtro y el loader */


#loader, #loader2 {
  position: relative;
  left: 50%;
  top: 50%;
  z-index: 100;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Fin, para hacer la opacidad en la pagina de filtro y el loader */



/* Comienzo, para los botones de filtro de la pagina de filtros */

#filtros, #filtrosanos {
        margin-top:2em;
        margin-bottom:2em;
        display:flex;
        justify-content: center;
       }

/* Para que salgan alineados los filtros */
ul#filtrosexo, ul#filtroprocedencia, ul#filtrotodos, ul#listafiltrosanos {
    margin-bottom: 0px;
    display: inline-block;
    margin-right:1em;
    list-style:none;
}


       

ul#filtrosexo li, ul#filtroprocedencia li, ul#filtrotodos li, ul#listafiltrosanos li {display:inline;margin-right:1em;}



       
/* Fin, , para los botones de filtro de la pagina de filtros */

/* Comienzo, Hack para evitar que se muestre el titulo del post en la zona superior de la pagina para autores y murales */
.et_post_meta_wrapper{
    display: none !important;
}
/* Fin, es una napa importante pero desde Toolset no dan otra solucion */


/* Comienzo, Hack para evitar el padding que aparece en la zona superior del detalle de artistas, murales y listado de artistas, justo despues del 
menu y donde empieza el contenido, es un padding que mete Divi */
div#left-area{
    padding: 0px !important;
}
/* Fin, quitamos el padding superior */


/*Comienzo, estilos para recortar las imagenes de los murales que aparecen en la ficha de murales y que salgan al mismo tamaño */
.containerimg {
    /*width: 300px;*/
    height: 300px;
    overflow: hidden;
    position: relative;
}
.containerimg  .crop {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
/*Fin, estilos para recortar las imagenes de los murales que aparecen en la ficha de murales y que salgan al mismo tamaño */

/*Comienzo, estilos para la imagen del slider de la ficha de murales */
div.imagenprincipalmural .et_pb_text_inner {
 
   
    height: 650px;
    overflow: hidden;
   
}

.et_pb_text_inner img.crop {
   max-width:100%;
}
/*Fin, estilos para la imagen del slider de la ficha de murales */



/*Comienzo, hack para Safari en los listados de artistas y murales para que no se vaya para abajo la imagen de la primera fila */

.row.flexthis:after, .row.flexthis:before{ 
 
    width: 0; 
 
}
/*Fin, hack para Safari en los listados de artistas y murales para que no se vaya para abajo la imagen de la primera fila */

/* Comienzo, uso esta media query para colocar los botones de filtro de procedencia y sexo en resoluciones inferiores a 768px */  
@media (max-width: 768px) {
    #filtros {display:block;}
    #uno, #dos, #tres {text-align:center}
    ul#listafiltrosanos {width:220px; margin:auto; padding:0px}
    ul#listafiltrosanos .fAnos {margin-bottom:1em; display:inline-block;}
   
    /*Comienzo, estilos para la imagen del slider de la ficha de murales y artistas cuando la resolucion es para moviles */
    div.imagenprincipalmural .et_pb_text_inner {
        overflow: hidden;
        height:350px;
    }

    .et_pb_text_inner img.crop {
        max-width:100%;  
       
    }
    
    
    /* Comienzo, Para que el texto e imagen principal se pongan uno debajo de otro */
    #imgIzquierda{
	float:none;
	width:100%;
	padding-left: 0px;
	padding-right:0px;
    }


    #textDerecha {
            float:none;
            width: 100%;
            margin-right: 0px;
            margin-left: 0px;
            padding-right: 1em;
            padding-left: 1em;
            padding-top: 1em;
            }
    
    /* Fin, Para que el texto e imagen principal se pongan uno debajo de otro */
}

@media (max-width: 576px) {
    
    ul#filtroprocedencia li {margin-bottom: 1em;display:inline-block;}
    /*Comienzo, estilos para la imagen del slider de la ficha de murales y artistas cuando la resolucion es para moviles */
    div.imagenprincipalmural .et_pb_text_inner {
        overflow: hidden;
        height:250px;
    }

    .et_pb_text_inner img.crop {
        max-width:100%;  
       
    }
    
}



/* Comienzo, para que el resultado del buscador salga centrado, hay un conflicto con los estilos de Divi al poner el listado de artistas sin margen
tuve que forzar un id en la plantilla search.php */

div#busqueda { 
		width:90% !important;	
		padding-top:58px !important;
		margin-right:auto;
		margin-left:auto;
 }

/* Fin, para que el resultado del buscador salga centrado  */