﻿.auctions-container {
    width: 100%;
    text-align: left;
}

    .auctions-container a {
        font-size: 14px;
        font-weight: bold;
        color: #ec1d25;
        text-decoration: none;
    }

        .auctions-container a:hover {
            text-decoration: underline;
        }

.auctions-date {
    margin-top: 20px;
    padding-bottom: 10px;
}

    .auctions-date span {
        font-size: 18px;
        font-weight: bold;
    }

    .auctions-date:first-of-type {
        margin-top: 0;
    }

.auctions-headings {
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #757575;
}

.auction-item {
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #e5e5e5;
}

    .auction-item div {
        padding: 10px 5px 10px 0;
    }

.auction-time {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
}

.auction-address {
    display: inline-block;
    vertical-align: middle;
    width: 35%;
}

.auction-headertitle {
    display: inline-block;
    vertical-align: middle;
    width: 38%;
}

.auction-details {
    display: inline-block;
    vertical-align: middle;
    width: 12%;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .auctions-date {
        padding: 5px;
        background: #E5E5E5;
    }

    .auctions-headings {
        display: none;
    }

    .auction-item div {
        padding: 10px 0 0 0;
    }

    .auction-item div:last-child {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .auction-time,
    .auction-address,
    .auction-headertitle,
    .auction-details {
        display: block;
        width: 100%;
        padding-bottom: 5px;
    }

    .auction-time:empty,
    .auction-address:empty,
    .auction-headertitle:empty {
        display: none;
    }

    .auction-details {
        text-align: left;
    }
}
