/* Search Template */
#search-template {

    padding: 0px 0px 0px 0px !important;
    margin: 60px 0px 50px 0px !important;

}

/* Page: title */
#search-template  .title {

    font-size: 36px !important;
    margin-top: 50px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 15px 0px !important;
}

/* Search: field */
#search-template .search-field {

    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 40px 0px !important;

}

#search-template .search-not-found {

    font-size: 18px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;

}

/* Grid: container */
#search-template .grid-container {
    
    display: grid !important;
    row-gap: 40px !important;
    column-gap: 40px !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-rows: auto auto auto !important;

}

/* Grid: column container */
#search-template .grid-column-container {

}

/* Grid: image */
#search-template .grid-column-container .image {

    border-radius: 20px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 15px 0px !important;
	object-fit: cover;
    height: 250px;
    width: 100%;
}

/* Grid: title */
#search-template .grid-column-container .title {

    font-size: 26px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;

}

/* Grid: excerpt */
#search-template .grid-column-container .excerpt {

    font-size: 16px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 15px 0px !important;

}

/* Grid: button */
#search-template .grid-column-container .button {

    display: inline-flex !important;
    background: transparent !important;
    font-size: 16px !important;
    color: #C9432A !important;
    border-radius: 0px !important;
    padding: 5px 0px 5px 5px !important;

}
.grid-column-container .button .gds-freccia-arancio-gds {
	padding-left: 10px;
}

/* Grid: pagination */
#search-template .pagination {
    
    display: flex !important;
    justify-content: flex-start !important;
    padding: 20px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;

}

/* Grid: pagination button */
#search-template a.page-numbers {

    background: #ffffff !important;
    font-size: 15px !important;
    color: #22282C !important;
    border: solid 1px #22282C !important;
    border-radius: 5px !important;
    padding: 3px 8px 3px 8px !important;
    margin: 0px 8px 0px 0px !important;

}

/* Grid: pagination button current */
#search-template span.page-numbers.current {

    background: #22282C !important;
    font-size: 15px !important;
    color: #ffffff !important;
    border: solid 1px #22282C !important;
    border-radius: 5px !important;
    padding: 3px 8px 3px 8px !important;
    margin: 0px 8px 0px 0px !important;

}


/* Responsive: hight resolution */
@media all and (max-width: 1690px) { 

    /* Grid: container */
    #search-template .grid-container {
        
        display: grid !important;
        row-gap: 40px !important;
        column-gap: 40px !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        grid-template-rows: auto auto auto !important;

    }

}

/* Responsive: desktop and laptop */
@media all and (min-width: 1280px) and (max-width: 1689px) {

    /* Grid: container */
    #search-template .grid-container {
    
        display: grid !important;
        row-gap: 40px !important;
        column-gap: 40px !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        grid-template-rows: auto auto auto !important;

    }

}

/* Responsive: tablet horizontal view */
@media all and (min-width: 737px) and (max-width: 1279px) {

    /* Grid: container */
    #search-template .grid-container {
    
        display: grid !important;
        row-gap: 40px !important;
        column-gap: 40px !important;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;

    }

}

/* Responsive: tablet vertical view */
@media all and (min-width: 481px) and (max-width: 736px) {

    /* Grid: container */
    #search-template .grid-container {
    
        display: grid !important;
        row-gap: 40px !important;
        column-gap: 0px !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;

    }

}

/* Responsive: smartphone */
@media all and (max-width: 480px) {

    /* Grid: container */
    #search-template .grid-container {
    
        display: grid !important;
        row-gap: 40px !important;
        column-gap: 0px !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;

    }

}