/*
 Theme Name:     Divi Child QE2c
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme para Quoartis.org
 Author:         Javier Rodríguez Sicilia
 Author URI:     https://www.qe2computing.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* 
------------------------------------------------------- */

/* CABECERA Y NAVEGACIÓN */
/* Los cambios en los ajustes WPML no sobresciben el CSS del tema, ya que no aplican !important  */
.wpml-ls-slot-14, .wpml-ls-slot-14 a, .wpml-ls-slot-14 a:visited {
    color: #701d1d !important;
}

/** PORTADA **/
.proyecto-portada {
	padding: 90px;
  transition: filter .35s;
  filter: brightness(60%);
}
.proyecto-portada:hover { filter: brightness(100%); }
.proyecto-portada h2 {
	font-size: 40px;
	color: white;
	text-align: center;
}
/* Necesario para que el menú principal se vea transparente */
.et_pb_section_0 {
    padding-top: 0px !important;
}
/* Produce que los post en lnea se vean con algura igual */

.et_pb_post.clearfix.type-post.format-standard.has-post-thumbnail {
    min-height: 356px;
}
/* BODY */
body	{
	font-weight: 300;
}

/*** ELIMINAR SIDEBAR DE CIERTAS PLANTILLAS ***/

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/* Ocultar sidebar para todo el sitio */
#sidebar {
	display: none;}
/*** Hide Sidebar for archive pages 
.archive #sidebar {display:none;} 

Hide Sidebar for single posts ***
.single  #sidebar  {display:none;}

Oculta sidebar para las páginas ***
.page #sidebar {display:none;}  
/*** Hide Sidebar for 404 pages ***
.error404  #sidebar {display:none;}
***/

/** PIE **/
.footer-widget {margin-bottom: 0 !important;}
#footer-widgets { padding: 15px 0; }

/* Margen para las imágenes de los posts 
.et_pb_post img { margin-bottom: 15px; } */


/*CARRUSEL MÚLTIPLE DIVI*/
/* Modificacin del tutorial original Divi, width: 100%; .ds-carrusel-seccion sin margen */
.ds-carrusel-seccion {
    width: 95%; 
    overflow: hidden;
	  margin: 0 30px;
}
 
/*Style the navigation arrows*/
#ds-flecha-iz,
#ds-flecha-dr {
    color: #fff;
    background: gray;
    font-family: 'ETModules';
    font-size: 30px;
    padding: 5px 30px;
    border-style: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
 
/*Position the left arrow*/
#ds-flecha-iz {
    float: right;
    margin-right: 5px;
}
 
/*Position the right arrow*/
#ds-flecha-dr {
    float: left;
    margin-left: 5px;
}
 
/*Style navigation arrows on hover*/
#ds-flecha-iz:hover,
#ds-flecha-dr:hover {
    -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
}
 
/*Style navigation arrows on click*/
#ds-flecha-iz:active,
#ds-flecha-dr:active {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
}
 
/*Make sure the modules span their entire container*/
.ds-carrusel-modulo .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}
 
/*Set the module width*/
.ds-carrusel-modulo {
    width: 20vw; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 15px;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}
 
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carrusel-modulo {
        width: 33.33vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-fila-flecha .et_pb_column {
        width: 50% !important;
    }
}

/*Set the row width*/
.ds-carrusel-fila {
    overflow: hidden;
    width: 1000vw;
    max-width: 1000vw;
}

@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carrusel-seccion .ds-carrusel-fila {
        max-width: 1000vw !important;
    }
}
 
@media all and (max-width: 479px) {
/*Override Divi's width setting on mobiles*/
    .ds-carrusel-seccion .ds-carrusel-fila {
        max-width: 800vw !important;
    }
	.ds-carrusel-modulo {
    width: 100vw;
	}
}


/** Galería Divi 2 col desktop, 1 móvil **/
/** desktop gran tamaño **/
@media (max-width: 1200px){
.galeria-ancho2-col .et_pb_gallery_item {
width: 50% !important; /* 2 columnas */
clear: none !important;
}
}

/** Desktop **/
@media (max-width: 768px){
.galeria-ancho2-col .et_pb_gallery_item {
width: 100% !important; /* una columna */
clear: none !important;
}
}


/* CSS EXCLUSIVO CIERTOS DISEÑOS */

#main-footer {
	border-top: 1px solid #a52a2a;
}

/* Produce que los post en lnea se vean con altura igual */

.et_pb_post.clearfix.type-post.format-standard.has-post-thumbnail {
    min-height: 356px;
}
/* Para reducir la separación entre items el ancho de estos + el de los margenes debe sumar 100 */
.et_pb_portfolio_item.et_pb_grid_item {
	width: 23.125%;
  margin-right: 2.5%;
}