.course_record_container {
    position: relative;
    background-image: url(../images/occupiers_tab.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 30px;
    margin: 0 0 30px;
}

.course_record {
    position: relative;
    background: #fff;
    color: #000;
    display: flex;
}

    .course_record [class^="course_record_"] {
        position: relative;
        padding: 15px;
    }

    .course_record .course_record_date {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        background: var(--occupiers);
        font-size: 3em;
        line-height: 1em;
        color: #fff;
        flex-basis: 150px;
    }

        .course_record .course_record_date span:first-child {
            font-size: 1.5em;
            line-height: 1em;
        }

    .course_record .course_record_image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        min-height: 150px;
        flex: 0.5;
    }

    .course_record .course_record_details {
        flex: 1;
    }

        .course_record .course_record_details .course_record_details_options {
            text-align: right;
            font-weight: 700;
        }

            .course_record .course_record_details .course_record_details_options a {
                color: var(--occupiers);
                transition: color 0.3s linear;
            }

            .course_record .course_record_details .course_record_details_options a:hover {
                color: rgba(var(--occupiers-rgb), 0.5);
            }


.course_record + .course_record {
    margin: 30px 0 0;
}

/*-----------------------------------------------------------------------------------------------*/

.course_price {
    font-size: 2rem;
    line-height: 1em;
}