/*
Theme Name: Hello Elementor Child
Theme URI: http://https://roimaxweb.com/
Description: Hello Elementor Child
Author: Davide Simoncini
Author URI: http://vcloudz.it
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  oceanwp-child
*/



/* DESTINAZIONE HERO */
.hero-destinazioni{
    height: 45vh;
    position:relative;
    overflow: hidden;
    & img{
        width: 100%;
        object-fit: cover;
        position:absolute;
        top:0px;
        left:0px;
        top: 50%;
        left:50%;
        transform: translate(-50%, -50%);
    }
    & h1{
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%, -50%);
        color:white;
    }   
}

/* DESTINAZIONE MAIN SECTION */
main.destinazione{
    padding: 1rem 2rem;
    display: flex;
    flex-direction: row;
    max-width: 1400px;
    margin: auto;
}
.j_mainSection{
    width: 70%;
    padding: 15px;
}
.j_sidebar{
    width:30%;
}


/* DESTINAZIONE SIDEBAR */
.destinazioni-sidebar ul{
    list-style: none;
    max-height: 250px;
    overflow: hidden;
    transition: max-height 300ms ;
    padding: 0px;
    &.close{
        max-height: 250px !important;
    }
    & li{
        margin: 5px;
        & a{
            background:blue;
            padding: .5rem;
            display: block;
            color: white;
            transition:background 200ms;
            &:hover{
                background:darkblue;
            }
        }
        
        & a::before{
            content: '';
            font: 400 20px dashicons !important;
            display:inline;
            margin-right: 5px;
            
        }
    }
    
}
.destinazioni-sidebar button{
    text-align: center;
    background:darkblue;
    margin: 5px;
    width: 100%;
    display: block;
    margin-left: 0px;
    & a{
       color: white; 
    }
    &:hover{
        background:blue;
    }
}
.destinazioni-sidebar a {
    position: relative;
    display: block;
}
span.highlightsTitles {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    padding: 20px;
    background-color: white;
    transform: translate(-50%, -50%);
}

div#wp-link-wrap #wp-link .query-results{
	top: 420px !important;
}