/*
Theme Name: Indaweb Child
Template: Divi
Theme URI: https://indaweb.it
Author: Indaweb
Author URI: https://indaweb.it
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */

@media screen and (max-width: 980px) {
    .reverse {
        display: flex!important;
        flex-direction: column-reverse!important;
    }
} 

@media screen and (min-width: 981px) {
    #main-header .container {
        max-width:90%!important;
		padding-left:0!important;
		padding-right:0!important;
    }
} 
.mobile_menu_bar:before{
	color:#fff!important;
}
#mobile_menu{
	background-color:#0d0d0d!important;
	border-top:2px solid #8c0606!important;
}
#mobile_menu li:not(:last-child) {
    border-bottom: .5px solid #fff !important;
}
#mobile_menu li a{
	text-transform:uppercase;
}
/*Form*/
.wpcf7-form .wpcf7-submit{
	background-color: #8c0303!important;
    border-color: #8c0303!important;
    border-radius: 0px!important;
	padding: .3em 1em !important;
	color:#fff;
	font-family: 'Syne - Regular', Helvetica, Arial, Lucida, sans-serif;
	font-size:20px!important;
	border:1px solid #8c0303!important;
}
.wpcf7-form .wpcf7-submit:hover{
	background-color: #0D0D0D!important;
	border:1px solid #0D0D0D!important;
}

/*Arredo*/
@media screen and (min-width:981px){
	.lista-arredo .et_pb_grid_item{
		width: 31.333% !important; 
  		margin: 1% !important;
	}
	.lista-arredo .et_pb_grid_item img{
		height:60vh!important;
		object-fit:cover!important;
	}
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    color: #fff!important;
    padding: 10px 20px;
    border: 1px solid #fff;
	border-radius:0!important;
    display: block;
    height: auto;
    overflow: hidden;
    margin: -1px -1px 0 0;
    background-color: #262626!important;
	text-transform:uppercase!important;
	font-weight:600!important;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #fff!important;
    padding: 10px 20px;
    border: 1px solid #8c0606!important;
	border-radius:0!important;
    display: block;
    height: auto;
    overflow: hidden;
    margin: -1px -1px 0 0;
    background-color: #8c0606!important;
	text-transform:uppercase!important;
	font-weight:600!important;
}
/*Carpenteria*/

body .slider-carpenteria .dipl_horizontal_scrolling_card_inner{
	padding:35px!important;
}


/* ================================
   MARQUEE GALLERY – CSS
   ================================ */

.iw-marquee-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    padding: 4rem 0;
    overflow: hidden;
}

/* Titolo sticky */
.iw-marquee-title {
    position: sticky;
    top: 120px; 
    font-size: clamp(2rem, 4vw, 3rem);
    z-index: 5;
	color: #fff;
    font-size: 6em;
	line-height:.8em;
    text-transform: uppercase;
    padding-left: 7rem;
	padding-right: 7rem;
    mix-blend-mode: difference;
	font-weight:800;
	font-family: 'Syne - Bold', Helvetica, Arial, Lucida, sans-serif;
}

/* Contenitore dello scorrimento */
.iw-marquee-track {
    overflow: hidden;
    width: 100%;
    padding-block: 2rem;
}

/* Riga di immagini: niente animation CSS, ci pensa il JS */
.iw-marquee-inner {
    display: flex;
    align-items: flex-start; /* non allineate alla base */
    gap: 8vw;               /* spaziatura orizzontale */
    width: max-content;
}

/* Ogni elemento */
.iw-marquee-item {
    flex: 0 0 auto;
    position: relative;
}

/* Immagini: niente bordi arrotondati */
.iw-marquee-item img {
    display: block;
    height: auto;
    max-height: 355px!important;
    width: auto;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    /* nessun border-radius */
}

/* Sfalsamento verticale (alto / centro / basso) */
.iw-marquee-item:nth-child(6n + 1) img {
    max-height: 420px;
    margin-top: 0;
}
.iw-marquee-item:nth-child(6n + 2) img {
    max-height: 380px;
    margin-top: 60px;
}
.iw-marquee-item:nth-child(6n + 3) img {
    max-height: 460px;
    margin-top: 120px;
}
.iw-marquee-item:nth-child(6n + 4) img {
    max-height: 420px;
    margin-top: 40px;
}
.iw-marquee-item:nth-child(6n + 5) img {
    max-height: 400px;
    margin-top: 100px;
}
.iw-marquee-item:nth-child(6n + 6) img {
    max-height: 440px;
    margin-top: 20px;
}

/* Mobile: più compatta e meno sfalsata */
@media screen and (max-width: 980px) {
    .iw-marquee-title {
        top: 45px;
        font-size: 40px;
		line-height:1.1em;
		padding-left: 2rem;
		padding-right: 2rem;
		font-weight:800!important;
		font-family: 'Syne - Bold', Helvetica, Arial, Lucida, sans-serif;
    }
	.iw-marquee-wrapper{
		padding-top:0!important;
	}
    .iw-marquee-inner {
        gap: 6vw;
    }

    .iw-marquee-item img {
        max-height: 180px;
        margin-top: 0 !important;
    }
}
.slider-carpenteria.hover .dipl_horizontal_scrolling_card_inner .dipl_horizontal_scrolling_card_description{
	color: transparent !important;
	transition: .35s;
}
.slider-carpenteria.hover .dipl_horizontal_scrolling_card_inner:hover .dipl_horizontal_scrolling_card_description{
	color: #fff !important;
}