/* ------------------------------ LOGISTICA GRID ORGANIZERS and HOSTS ------------------------------ */

.loghi-container { 
    padding: 2rem 0; 
    overflow: hidden;
}

.loghi-container .loghi { margin: 5rem 0 2rem 0; }

.loghi-container .loghi .views-view-grid { flex-direction: row; }

.loghi-container .loghi h3 {
    text-align: center;
    font-size: 30px;
    margin: 0 0 2rem 0;
}

/* organizers */
.loghi-container .loghi .view-homepage-linked-logos.view-display-id-block_1 .views-view-grid > div {
    width: 120px;
    height: 120px;
    margin: 1rem;
    background-color: #fff;
    position: relative;
    max-width: unset;
    min-height: unset;
}

/* hosts */
.loghi-container .loghi .view-homepage-linked-logos.view-display-id-block_2 .views-view-grid > div {
    width: 80px;
    height: 80px;
    margin: .5rem;
    background-color: #fff;
    max-width: unset;
    min-height: unset;
}

.loghi-container .loghi .views-view-grid .bg-img {
    width: 100%;
    height: 100%;
    background-size: contain !important;
    background-origin: content-box;
    padding: .5rem;
}


@media(min-width: 1200px) {
    .loghi-container .loghi { margin: 5rem 0; }
    .loghi-container .loghi:last-child { margin: 8rem 0; }
    .loghi-container .loghi h3 { 
        line-height: 1.2em;
        margin: 0 0 4rem 0;
    }

    .loghi-container .loghi .view-homepage-linked-logos.view-display-id-block_1 .views-view-grid > div {
        width: 170px;
        height: 170px;
        margin: 1rem 3rem;
    }
    
    .loghi-container .loghi .view-homepage-linked-logos.view-display-id-block_2 .views-view-grid > div {
        width: 120px;
        height: 120px;
        margin: 1rem;
    }

    .loghi-container .loghi .view-homepage-linked-logos.view-display-id-block_1 .views-view-grid > div:not(:last-child)::before {
        content: '';
        height: calc(100% + 2rem);
        width: 1px;
        position: absolute;
        top: -1rem;
        right: -3rem;
        background-color: #999;
    }
}


@media(min-width: 1200px) {
    .loghi-container .loghi:last-child { margin: 10rem 0; }
}