/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* ------- Global ------- */

.icon-box-derecha{
	display:flex;
	justify-content:right!important;
}
.icon-box-izquierda{
	display:flex;
	justify-content:start!important;
}

/* Columna con columna interior  */
.columna-izquierda>div{
	display:flex;
	justify-content:start;
}

/*Etiqueta <mark>*/
mark#before, mark,.heading-highlight mark:before {
	/*background-color:rgba(240, 128, 128, 0.2)!important;*/
	background-color:#FCE6E6!important;
}


@media(max-width:1024px){
	.xoo-wsc-basket{
		display:none;
	}
}





/* Migas de pan */

.page-top ul.breadcrumb li, .page-top ul.breadcrumb span{
	text-shadow: 2px 1px 0px #111!important;
    font-weight: 900!important;
}
/* Título */
.page-title{
	text-shadow: 3px 2px 0px #222;
}


.columna-centrada>div{
	display:flex;
	justify-content:center;
}

/* --- MIEMBROS --- */

.members-container .porto-wrap-container>.row{
    display:flex;
    justify-content:space-around;
}
.caja-miembro{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding-bottom:15px;
	margin-bottom: 30px;
}
.caja-miembro p{
   padding:20px;
}

.read-more-member{
    width:20%;
    margin:auto;
}

/* Listado CircularArt */

.listado-circular{

}

.listado-circular li{
	font-size:16px;
}

/* Listado CircularArt 2 columnas */

.listado-2-columnas{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.listado-2-columnas li{
	width:50%;
	padding:5px 20px;
}


/* ------------------ RESEÑAS ------------------ */

.custom-rating i {
	color:#111;
}




/* -------- HEADER -------- */

#header .wpb_raw_code.wpb_raw_html.wpb_content_element{
	margin-bottom:0px;
}

#header .xoo-wsc-sc-cont{
	padding:5px 20px 0
}

@media(max-width:457px){
	.custom-breadcrumb .custom-hash-pos{
		bottom:-80%;
	}
}


/* Redes Sociales  y Boton Contacta*/

@media(max-width:1220px){
	.redes-sociales{
		display:none!important;
	}
}

@media(min-width:991px) and (max-width:1286px){
	
	.btn-contacto a{
		font-size:12px!important;
	}
	
	#header .main-menu > li.menu-item > a {
        font-size: 14px!important;
	}
}


@media(max-width:1400px){
	#header .main-menu > li.menu-item > a {
		padding:10px 8px!important;
	}
}




/* Menú Móvil */

.bottom-menu-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ea6759; /* Cambia esto al color que prefieras */
    z-index: 9999;
    text-align: center;
    padding: 20px 0;
    display: none; /* Oculto por defecto */
    
    justify-content: space-around;
    align-items: center;
}

.btn-header-numero,
.btn-bottom-mobile-container,
.whats-container {
    display: flex;
    align-items: center;
}

.bottom-menu-container a {
    color: white; /* Cambia esto al color que prefieras */
    text-decoration: none;
    font-size: 16px; /* Ajusta el tamaño del texto según tus preferencias */
    display: flex;
    align-items: center;
}

.bottom-menu-container img {
    margin-right: 8px; /* Espacio entre el icono y el texto */
}

.bottom-menu-container a:hover {
    color: #ccc; /* Cambia esto al color que prefieras para el hover */
}

.bottom-menu-container i{
    font-size:20px;
}

/* Mostrar solo en dispositivos móviles */
@media (max-width: 768px) {
    .bottom-menu-container {
        display: flex;
    }
}

@media (min-width: 769px) {
    .bottom-menu-container {
        display: none;
    }
}





/* Botón desplegable */
.header-button{
	border-radius:5px!important;
	background-color:var(--porto-secondary-color);
}
/* -------- FOOTER -------- */


.footer-menu>div{
	display:flex;
	flex-direction:row;
}

.enlace-footer{
	color:white!important;
	transition:0.3s;
}

.enlace-footer:hover{
	color:#999!important;
}

.info-contacto-footer>div{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}


/* Formulario de contacto y Textos */

.label-footer-form{
	color:#111111;
	font-size:1.2em;
	font-weight:500;
}

.wpcf7-list-item-label,.wpcf7-list-item-label a{
	color:#111111!important;
	font-size:1em;
	
}




/* -------- HOME -------- */


/* --- Listado Inicial ---  */

@media(min-width:1164px){
	.home-list{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	
	.home-list li{
		/* width:45%;
		padding:0 15px; */
		padding: 10px;
        width: 100%;
        text-align: left;
	}


	.home-list-2{
		display:flex;
		justify-content: center;
	}

}

/* --- Segundo Listado ---  */
.home-list-2 li a{
    transition:0.4s;
}
.home-list-2 li a:hover{
    color:var(--porto-secondary-color);
}
/* Listado nuestros servicios home */
.porto-info-list li{
	text-align: left;
}

/* --- Botón Deslizar Abajo --- */

.scroll-down-button{
	background-color:white;
	border-radius:3px;
	margin:auto;
}

.button-column>div{
	width:5%!important;
}


/* --- CABECERA LANDING --- */

.overlay.overlay-show {
	z-index:0;
}

/* --- Botón desplegable --- */

.header-button-home{
	bottom:-50px;
}


/*Filas Autor (Orden)*/

.fila-personalizada{
	display:flex;
}
@media(max-width:768px){
	.fila-personalizada .orden-1{
		order:1;
	}

	.fila-personalizada .orden-2{
		order:2;
	}
	
	.columna-autor>div{
		display:flex;
		flex-direction:column;
	}
	
	.columna-autor>div .autor-name{
		order:1;
	}
	
	.columna-autor>div .autor-description{
		order:2;
	}
}

/* Carousel Dueñas */

.carousel-autores .owl-stage-outer{
	height:auto!important;
}



/* -------- ¿COMO LO HACEMOS?  -------- */

.steps-como-lo-hacemos section.timeline{
	padding-bottom:20px;
	margin-bottom:50px;
}

.steps-como-lo-hacemos section.timeline:after{
	top:0;
	background:var(--porto-primary-color);
}


.steps-como-lo-hacemos section.timeline .timeline-date{
	margin:0 auto 40px;
}
.steps-como-lo-hacemos article.timeline-box{
	margin: 0 22px 0;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

.steps-como-lo-hacemos section.timeline .timeline-date h3{
	font-size:1.2em;
}





/* -------- POR QUÉ ELEGIRNOS  --------  */


.carousel-por-que-elegirnos .slick-list.draggable{
	padding:25px 0;
}


.caja-carousel{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	margin:10px 0;
	background-color: #efefef;
	padding:15px 25px;
	min-height:300px;
	border-top: 4px solid var(--porto-primary-color);
}


.caja-carousel .porto-sicon-header{
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
	min-height:50px;
	margin-bottom:10px;
}
.caja-carousel .porto-sicon-title{
	color:var(--porto-primary-color);
	font-weight:500;
	
}

.caja-carousel span{
	color:var(--porto-dark-color);
}



/* -------- VACIADO DE CASAS  --------  */


.imagen-galeria img{
	max-height:600px;
	object-fit: contain;
}

.carousel-instalaciones .owl-item.active{
	display:flex;
	justify-content: center;
}


/* ------------- COOKIES ------------- */
@media (max-width: 768px) {
    .cky-revisit-bottom-left {
        bottom:90px!important;
    }
    .joinchat__button{
        display:none;
    }
}


/* ------------- Woocommerce ------------- */

/* Carrito */
.wc-block-cart__submit-container{
	background-color:var(--porto-primary-color);
	
}

.wc-block-cart__submit-container a,.wc-block-cart__submit-container a:hover,.wc-block-cart__submit-container a:focus,.wc-block-cart__submit-container a:active{
	color:white;
	box-shadow:none!important;
}

/* Checkout */

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button{
	background-color:var(--porto-primary-color);
	box-shadow:none;
	transition:0.5s;
	border:1px solid var(--porto-primary-color);
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:focus,.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:active,.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover{
	box-shadow:none!important;
	background-color:#f06c5e;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button span{
	color:white;
}

.wc-block-components-checkout-step__description{
	font-size:1em!important;
}

.wc-block-components-title{
	font-size:1.4em!important;
}


/* Archive - Producto */

.ordenar-por select{
	width:200px;
}

.viewcart-style-1{
	background-color:var(--porto-primary-color)!important;
	color:white!important;
	transition:0.5s!important;
}

.viewcart-style-1:hover{
	background-color:#f06c5e!important;
}



/* ------------- Puertas abiertas ------------- */

.open-door-description{
	font-size:1em;
	color:#111;
}

.columna-derecha-open-door>div{
	display: flex;
    flex-direction: column;
    align-items: end;
}

.mapa-google>div{
	padding:0!important;	
}

/*----BLOG---*/
.sidebar-content .widget .widget-title {
    color: #ea6759;
}

.widget_recent_entries > ul li > a, .widget_recent_comments > ul li > a {
    font-weight: 500;
}
.post-item.post-title-simple .entry-title, .post-item.post-title-simple .entry-title a, .post-item.post-title-simple .post-title, .post-item.post-title-simple .post-title h2, article.post-title-simple .entry-title a:not(:hover) {
    color: #ea6759;
    font-weight: 500;
}


