body .wrap .page_container .activity_header{
    padding: 5px;
    margin: 0 auto;
    align-items: center;
}

body .wrap .page_container .activity_page_content{
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 1px;
    margin: 0 auto;
    align-items: center;
}


body .wrap .page_container .activity_page_content .activity_calendar_activity_post {
    margin: 5px;
    padding: 5px;
    border: 2px;
    border-style: solid;
    border-radius: 10px;
    border-color: black;
    display: flex;
}

body .wrap .page_container .activity_page_content .activity_full {
    margin: 5px;
    padding: 5px;
    border: 2px;
    border-style: solid;
    border-radius: 10px;
    border-color: black;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_short_description a.read-more {
    display: none;
}

.activity_calendar_link_button {
    font: bold 14px Arial;
    /* width: 150px; */
    height: 50px;
    text-decoration: none;
    background-color: #e4e4e4;
    color: #333333;
    padding: 6px 10px 6px 10px;
    border-radius: 10px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_date {
    margin: 1px;
    padding: 1px;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_title {
    margin: 1px;
    padding: 1px;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_attendance {
    margin: 1px;
    padding: 1px;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_price {
    margin: 1px;
    padding: 1px;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_signup_status {
    margin: 1px;
    padding: 1px;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_read_more {
    margin: 1px;
    padding: 1px;
    padding-top: 5px;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_post_left {
    margin: 5px;
    padding: 5px;
    border-left: 0px;
    border-right: 2px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: black;
    width: 20%;
    flex-grow: 1;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_post_middle {
    margin: 5px;
    padding: 5px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: black;
    width: 50%;
    flex-grow: 1;
}

body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_post_right {
    margin: 5px;
    padding: 5px;
    border-left: 2px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: black;
    width: 20%;
    flex-grow: 1;
}

@media screen and (max-width: 960px) {

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post {
        margin: 5px;
        padding: 5px;
        border: 2px;
        border-style: solid;
        border-radius: 0px;
        border-color: black;
        display: block;
    }
    
    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_date {
        margin: 1px;
        padding: 1px;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_title {
        margin: 1px;
        padding: 1px;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_attendance {
        margin: 1px;
        padding: 1px;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_price {
        margin: 1px;
        padding: 1px;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_signup_status {
        margin: 1px;
        padding: 1px;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_read_more {
        margin: 1px;
        padding: 1px;
        padding-top: 5px;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_post_left {
        margin: 5px;
        padding: 5px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: 2px;
        border-style: solid;
        border-color: black;
        width: 100%;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_post_middle {
        margin: 5px;
        padding: 5px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: 0px;
        border-style: solid;
        border-color: black;
        width: 100%;
    }

    body .wrap .page_container .activity_page_content .activity_calendar_activity_post .activity_calendar_post_right {
        margin: 5px;
        padding: 5px;
        border-left: 0px;
        border-right: 0px;
        border-top: 2px;
        border-bottom: 0px;
        border-style: solid;
        border-color: black;
        width: 100%;
    }
}