﻿/* list */
.search-result.list
{
    
}

.search-result.list .result-link
{
    display: block;
}

.search-result.list .result-item
{
    margin-bottom: 10px;
}


/* small icon */
.search-result.smallicon
{
    
}

.search-result.smallicon .result-link
{
    display: block;
}

.search-result.smallicon .result-item
{
    margin-bottom: 10px;
}


/* large icon */
.search-result.largeicon
{
    
}

.search-result.largeicon .result-link
{
    display: block;
}

.search-result.largeicon .result-item
{
    margin-bottom: 10px;
}


/* link list */
.search-result.linklist
{
    
}

.search-result.linklist .result-link
{
    display: block;
}

.search-result.linklist .result-item
{
    margin-bottom: 10px;
}


/* menu vertical */
.search-result.menuvertical
{
    
}

.search-result.menuvertical .menu-vertical.last .menu-group
{
    border-bottom: none;
}

/* TEST TEST TEST OFFCANVAS */
/* js: $(".menuvertical").toggleClass("opened") */
/* posso giocare o con la proprietà left o con la width */
@media (max-width: 768px)
{
    .search-result.menuvertical
    {
        height: 100%; /* 100% Full-height */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: -300px;
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 60px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        background-color: #D7C6C0;
        width: 300px;
    }

    .search-result.menuvertical.opened
    {
        left: 15px;
    }
}