/*
Theme name: Mapalu Theme
Version: 1.0
Description: sitio para catálogo de Decoraciones.
Author: Frankz
Authon URI: https://github.com/eclipse-26
License: GNU General Public Licence v2 or later
License: http://www.gnu.org/licenses/gpl-2.0.html

*/

:root{
	--color-primary: #00732e;
	font-family: 'Jost';
	--swiper-theme-color: var(--color-primary);
	-
}

body{
	font-family: 'Jost'
}


.post-type-decoracion ~ .joinchat {
    display: none !important;
}

h1,h2{
	font-weight: 700;
	text-transform: uppercase;
}

img{
	max-width: 100%;
	height: auto;
}

a{
	color: var(--color-primary);
}

main.container {
    min-height: 80vh;
}

.sliderHome {
	width: 120%;
	min-height: 200px;
	max-height: 100vh;
}

.ratio-1 {
  aspect-ratio: 1 !important;
}

.swiper figure {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.3s ease;
}



@media screen and (max-width: 767px){
	.sliderHome {
		height: 150px;
	}
}

@media screen and (max-width: 1023px){
	
	
	header .header-widget {
		justify-content: center;
		gap: 0;
	}
	
	.sliderHome {
		height: 200px;
	}
}

/* Decoración */

	.sliderDecoration {
      width: 100%;
		max-width: 100%;
      height: 500px;
      margin-left: auto;
      margin-right: auto;
		& .swiper-slide{
			text-align: center;
			& img{
				object-fit: contain;
				height: 100%;
				width: auto;
			}
		}
    }

	.sliderDecorationThumbs{
		max-width: 100%;
	}

    .sliderDecorationThumbs .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .sliderDecorationThumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
	}

    

    .sliderDecorationThumbs .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

	.sliderDecorationThumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
		& img{
			height: auto;
			object-position: center;
		}
    }

	.sliderDecorationThumbs .swiper-slide-thumb-active {
		opacity: 1;
	}


@media screen and (max-width: 767px){
	
	.sliderDecoration {
		height: 300px;
	}
}

/* Favoritos */
.simplefavorites-user-count {
    color: #fff;
}

.favorites-list img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.favorites-list button.simplefavorite-button {
    position: absolute;
    top: 8px;
    right: 16px;
}

.simplefavorite-button.preset{
	font-size: 0;
	padding: 1rem;
	& i {
    	font-size: 2rem !important;
		position: relative !important;
    	left: 0 !important;
	}
}