/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/



.lf-item-default .lf-item-info {
    background-color: white!important;
    width: 100%!important;
    padding: 10px 10px 0px 10px!important;
    position: absolute!important;
    left: 0!important;
    bottom: 0px!important;
	border-radius: 5px 5px 0px 0px!important;
}

.lf-item-info>h4 {
    color: black!important;
}

.lf-item-container .single-slide {
    height: 180px !important;
}

.lf-item-info>ul li {
    color: black!important;
	overflow:hidden!important;
}

.lf-small-height .lf-item {
    height: 240px !important;
}

.listing-details-3 .details-list li {
    padding: 8px!important;
}

.lf-item .overlay {
    z-index: 3;
    opacity: .2;
    backface-visibility: hidden
}

.lf-item>a:hover .overlay {
    opacity: .01!important
}

.lf-head-btn {
    background: #D32901!important;
    overflow: hidden!important; /* fondamentale per non mostrare l'effetto fuori dal bottone */
}
/* Pseudo-elemento che genera l'effetto di "shine" */
.lf-head-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%; /* Parte inizialmente fuori dall'elemento */
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);
    transform: skewX(-25deg);
    animation: shine 5s infinite; /* Animazione in loop */
}

/* Definizione dei keyframes per l'animazione */
@keyframes shine {
    0% {
        left: -75%;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        left: 125%;
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        left: 125%;
        opacity: 0;
    }
}




/*Modifiche Header*/

.header .user-area{
	display:none!important;
}