/*
 Theme Name:     Inspiro Child
 Theme URI:      http://tuosito.com/inspiro-child
 Description:    Child theme per il tema Inspiro.
 Author:         Il Tuo Nome
 Author URI:     http://tuosito.com
 Template:       inspiro
 Version:        1.0.0
 Text Domain:    inspiro-child
*/

.col-12 {
    flex: 100%;
}

.navbar .header-logo-wrapper {
    max-width: 100%;
}

.wpr-grid-image-wrap {
    max-height: 550px;
    aspect-ratio: 16 / 9;
    width: 100%;
}

#site-navigation , #masthead {
    background: rgba(0,0,0,1);
}

.inspiro--with-page-nav .navbar-toggle {
    display: none;
}

.featured-post {
    display: flex;
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 6px 18px 2px #0000001f;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    transition: all .3s ease-in-out;
    position: relative;
}

.featured-post:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 20px 2px #00000026;
}

.featured-post li {
    position: relative;
    padding-left: 33rem; /* Spazio sufficiente per l'immagine (ad es. 300px + 20px di gap) */
    /* Assicurati che gli altri elementi siano visualizzati come block */
    display: block;
}

.featured-post li .wp-block-latest-posts__featured-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.featured-post li a.wp-block-latest-posts__post-title,
.featured-post li time.wp-block-latest-posts__post-date,
.featured-post li .wp-block-latest-posts__post-excerpt {
    display: block;
    /* Altri eventuali stili per garantire che siano disposti verticalmente */
    margin-bottom: 0.5rem;
}


.featured-post li .wp-block-latest-posts__featured-image.alignleft a {
    max-width: 500px;
    overflow: hidden;
    height: 100%;
}

.featured-post li a.wp-block-latest-posts__post-title {
    padding-top: 1rem;
    overflow: hidden;
}

.featured-post li img {
    width: 100%;
    height: 100%;
    max-width: unset !important;
    max-height: unset !important;
}

.alignleft, .entry-content .alignleft {
    float: left;
    margin-right: 0;
}

@media (max-width: 767px) {
    .navbar-toggle {
        display: block;
    }
}

@media (max-width: 1073px) {
    .featured-post li {
        display: flex;
        flex-direction: column;
    }

    .featured-post li {
        position: relative;
        padding-left: 0; 
    }
    
    .featured-post li .wp-block-latest-posts__featured-image {
        position: relative;
        height: unset;
    }
    
    .featured-post li a.wp-block-latest-posts__post-title,
    .featured-post li time.wp-block-latest-posts__post-date,
    .featured-post li .wp-block-latest-posts__post-excerpt {
        display: block;
        margin-bottom: 0.5rem;        
        padding-left: 1rem;
        padding-right: 1rem;
    }
        
    .featured-post li .wp-block-latest-posts__featured-image.alignleft a {
        max-width: 100%;
        overflow: hidden;
        height: unset;
    }
    
    .featured-post li a.wp-block-latest-posts__post-title {
        padding-top: .5rem;
        overflow: hidden;
    }
    
    .featured-post li img {
        width: 100%;
        height: 100%;
        max-width: unset !important;
        max-height: unset !important;
    }
}