@charset "utf-8";

/*  =========================================================================

    Individual styles
    -Workshop

    ========================================================================= */

.container.hero {
    background-image: url("../images/workshop/pgtitle.jpg");
}

.container table#workshop-history {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
}

.container table#workshop-history tr th,
.container table#workshop-history tr td {
    white-space: nowrap;
    border: 1px solid #999999;
    padding: .6em 1em;
    font-size: .92em;
    line-height: 1.7;
}
.container table#workshop-history tr th {
    background-color: #e0e2de;
}
.container table#workshop-history tr td {
    padding: .92em 1em;
}
.container table#workshop-history tr td > span {
    font-size: .88em;
}

.container table#workshop-history  > tbody > tr:nth-child(2n) td {
    background-color: #f7f7f7;
}

.container table#workshop-history > tbody > tr td:last-of-type {
    text-align: right;
}

@media screen and (max-width: 1024px) {
    .container table#workshop-history tr th,
    .container table#workshop-history tr td {
        font-size: .86em;
    }
}
@media screen and (max-width: 900px) {
    .container table#workshop-history tr th,
    .container table#workshop-history tr td {
        font-size: .75em;
    }
}
@media screen and (max-width: 780px) {
    .container table#workshop-history tr th,
    .container table#workshop-history tr td {
        font-size: .88em;
    }
}

@media screen and (max-width: 480px) {
    .container table#workshop-history tr td {
        font-size: .85em;
    }
}