/*
 Theme Name: Litho Child
 Theme URI: https://litho.themezaa.com/
 Description: Child theme for Litho theme
 Version: 1.2
 Author: ThemeZaa
 Author URI: https://www.themezaa.com/
 Tested up to: 5.8
 Requires PHP: 7.3
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
 License: Themeforest Split Licence
 License URI: https://themeforest.net/licenses/
 Template: litho
 Text Domain: litho-child
*/

.litho-lightbox-caption {
	display: none!important;
	}
	
.mfp-bottom-bar .mfp-title span {
	display: none!important;
	}

.mfp-bottom-bar .mfp-title {
	display: none!important;
	}

.box-edilizia h6 {
	text-align: center!important;
}

.box-edilizia .elementor-button-link {
	display: none;
}

.box-edilizia .fancy-text-box-style-10 {
	box-shadow: 0 0 0px rgba(0, 0, 0, 0);
	border-radius: 0px;
}

/*PORTFOLIO A 4 COLONNE DESKTOP + GESTIONE BREAKPOINT */
/* 4-up base */
.s4w-portfolio .portfolio-swiper-slider .swiper-slide {
  flex: 0 0 calc((100% - 75px) / 4) !important;
  width: calc((100% - 75px) / 4) !important;
}

/* ≤1024px → 3-up */
@media (max-width: 1024px) {
  .s4w-portfolio .portfolio-swiper-slider .swiper-slide {
    flex-basis: calc((100% - 50px) / 3) !important;
    width: calc((100% - 50px) / 3) !important;
  }
}

/* ≤768px → 2-up */
@media (max-width: 768px) {
  .s4w-portfolio .portfolio-swiper-slider .swiper-slide {
    flex-basis: calc((100% - 25px) / 2) !important;
    width: calc((100% - 25px) / 2) !important;
  }
}

/* ≤480px → 1-up */
@media (max-width: 480px) {
  .s4w-portfolio .portfolio-swiper-slider .swiper-slide {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

.s4w-portfolio-detail p {
	margin-bottom: 0px;
}

.s4w-portfolio img {
    width: 100% !important;
    aspect-ratio: 4/5 !important; /* Larghezza:Altezza = 4:3 */
    object-fit: cover !important;
    object-position: center !important;
}

.portfolio-image img {
    width: 100% !important;
    aspect-ratio: 4/5 !important; /* Larghezza:Altezza = 4:3 */
    object-fit: cover !important;
    object-position: center !important;
}

.litho-related-posts-wrap {
	background-color: #ffffff;
}

#menu-menu-bettiol a {
	margin: 0rem 1vw 0rem 0rem!important;
	font-size: clamp(12px, 0.8vw, 15px)!important;
}

@media (max-width: 767px) {
    footer .elementor-menu-view-horizontal ul li {
        margin: 0 0 0px 0;
        display: block;
    }
	
/* Soluzioni con maggiore specificità per Bettiol */

/* Regola principale con !important per assicurarsi che venga applicata */
.blog-post-images img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Regola alternativa più specifica */
.litho-blog-list .blog-post .blog-post-images img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Regola ulteriormente specifica per la classe del widget */
.elementor-widget-litho-blog-list .blog-post-images img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Regola con classe specifica della tua pagina */
.bettiol-news .blog-post-images img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Soluzione 2: Se le immagini sono in un container specifico */
.post-thumbnail img,
.featured-image img,
.post-image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Soluzione 3: Per una griglia di blogpost */
.blog-grid .post-item img,
.posts-grid .post img,
.news-grid .article img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Soluzione 4: Usando attributi data o classi specifiche */
.blog-post-preview img,
.post-preview img,
[data-post-image] img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Soluzione 5: Container con overflow hidden (alternativa) */
.post-image-container {
    height: 300px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-image-container img {
    width: 100%;
    height: auto;
    min-height: 300px;
    object-fit: cover;
}

/* Opzioni aggiuntive per migliorare l'aspetto */
.fixed-height-image {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8px; /* Angoli arrotondati opzionali */
    transition: transform 0.3s ease; /* Effetto hover opzionale */
}

.fixed-height-image:hover {
    transform: scale(1.05); /* Leggero zoom al hover */
}

/* Per dispositivi mobili - altezza ridotta */
@media (max-width: 768px) {
    .post img,
    .article img,
    .blog-post img,
    .entry img,
    .fixed-height-image {
        height: 200px; /* Altezza ridotta su mobile */
    }
}
	
@media (max-width: 767px) {
	.nav-tabs {
		margin-bottom: 50px!important;
	}
}

@media (max-width: 767px) {
    .post-layout-style-5 {
        padding: 100px 0;
    }
}

.parallax {
    background-position: center bottom !important;
}