.img-thumbnail {
    min-width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.img-thumbnail-label {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fefefe;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.tags {
    color: #793200;

    a, span {
        margin-right: 5px;
    }

    .smallest-tag {
        font-size: 14px;
    }
    .small-tag {
        font-size: 16px;
    }
    .medium-tag {
        font-size: 18px;
    }
    .large-tag {
        font-size: 20px;
    }
    .largest-tag {
        font-size: 22px;
    }
}

div.subcategories {
    padding-top: 15px;
    padding-bottom: 15px;
    color: inherit;
    background-color: #f5f5f5;
    box-shadow: 1px 1px 1px #eeeeee;

    div.subcategory {
        font-size: 18px;
        color: #888888;
        a {
            color: #793200;
        }
    }
}

.total-order {
    font-size: 1.7rem;
    margin-top: 10px;

    > span {
        font-size: 2rem;
        font-weight: bold;
        padding: 8px;
        border: 1px solid #dddddd;
        border-radius: 3px;
        background-color: #ffffff;
    }

    > span.weekly {
        font-size: 1.6rem;
        font-weight: bold;
        padding: 6px 5px 4px 5px;
        background-color: #eeeeee;
        border: 1px solid #ededed;
        color: #333333;
        border-radius: 3px;
    }

    @media (min-width: 768px) {
        > span.weekly {
            margin-top: 0;
            margin-right: 0;
        }
    }
}
