#seminars {
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: #efefef;
}

#events {
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: #ecf1fe;
}

@media (max-width: 380px) {
    .c-events, .c-seminars {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.activities-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0px;
    justify-content: center;
}

.activity-in {
    height: 100%;
    padding: 15px 15px 40px 15px; /* for arrows (they must stick at bottom) */
    border-radius: 3px;
    cursor: pointer;
    background: white url('/static/arrows.svg') center bottom 15px no-repeat;
}

@media (max-width: 380px) {
 .activity-in {
    padding: 15px 15px 40px 15px; /* for arrows (they must stick at bottom) */
 }
}

@media (min-width: 380px) and (max-width: 550px) {
 .activity-in {
    padding: 5px 5px 40px 5px; /* for arrows (they must stick at bottom) */
 }
}

@media (min-width: 550px) {
 .activity-in {
    padding: 15px 15px 40px 15px; /* for arrows (they must stick at bottom) */
 }
}

.selectedItem .activity-in {
    background: white url('/static/arrows-hover.svg') center bottom 15px no-repeat;
}

.activity-in:hover {
    background: white url('/static/arrows-hover.svg') center bottom 15px no-repeat;
}

.activity-out {
    padding: 5px;
    font-family: Cambria, "Times New Roman", Times, serif;
}

.activity-logo {
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 95%;
    border-radius: 50%;
}

.activity-image-link {
    padding-left: 0px;
    padding-right: 0px;
}

.activity-detail-logo {
    object-fit: cover;
    object-position: 50% 0;
    width: 100%;
    height: 100%;
}

.activity-detail-text {
    padding-top: 15px;
    padding-bottom: 65px; /* Includes height of a button */

}

@media screen and (min-width: 1200px) {
    .activity-detail-text {
        font-size: 120%;
        margin: 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .activity-detail-text {
        margin: 10px;
    }
}

@media screen and (max-width: 991px) {
    .activity-detail-text p {
        margin-bottom: 8px;
    }
}

.activity-name {
    text-align: center;
}

@media (min-width: 380px) and (max-width: 450px) {
 .activity-name {
     font-size: 110%;
     margin: 5px;
 }
}

@media (min-width: 450px) and (max-width: 550px) {
 .activity-name {
     font-size: 120%;
     margin: 5px;
 }
}

@media (max-width: 380px) {
 .activity-name {
     font-size: 120%;
     margin: 5px;
 }
}

@media (min-width: 550px) {
 .activity-name {
     font-size: 150%;
     margin: 10px;
 }
}

.activity-date {
    text-align: center;
    margin: 10px;
}

.gridder-expanded-content {
    background-color: #fff;
    display: flex;
}

.gridder-show {
    border-radius: 3px;
}

@media (min-width: 381px) {
    .gridder-show {
        box-shadow: 0 0 1px 3px #7594f9;
        margin: 20px 5px 20px 5px;
    }

    .selectedItem .activity-in {
        box-shadow: 0 0 1px 3px #7594f9;
    }
}

@media (max-width: 380px) {
    .gridder-show {
        box-shadow: 0px 3px 1px 0px #7594f9, -3px 0px 1px 0px #7594f9, 3px 0px 1px 0px #7594f9;
        margin: 0px 5px 20px 5px;
    }

    .selectedItem .activity-in {
        box-shadow: 0px -3px 1px 0px #7594f9, -3px 0px 1px 0px #7594f9, 3px 0px 1px 0px #7594f9;
    }

    .activity-out {
        padding-bottom: 0px;
    }
}

.activity-arrows-hidden {
    background: url('/static/arrows-hover.svg') center center no-repeat;
}

.activity-arrows-hidden:after {
    /* load hover image when page loaded, not after hover */
    display:none;
}

.activity-go-button {
    position: absolute;
    bottom: 0;
    margin-bottom: 15px;
}