@import './table-dl.css';

#mainContent {
    --divider-color: black;
}

h3 {
    margin-top: 0;
}

.cabinInfo {
    padding: 1.5em 0;
    border-bottom: .1em solid var(--divider-color);
}

.infoBox {
    display: grid;
}

.mainInfo {
    max-width: 25em;
}

.minBid {
    font-size: 1.4em;
    margin-bottom: .2em;
    font-family: 'Noticia Text', serif;
}

.minBid dt, dd {
    display: inline;
}

.minBid dd {
    margin-left: .5em;
}

.bidContent dl {
    margin: 0 0 1em;
}

.bidRate dt, .bidRate dd {
    display: inline;
}

.appDownload {
    display: block;
    padding: .5em;
    background-color: #347612;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-top: 0.5em;
    font-size: .9rem;
    max-width: 10em;
}

.propertyLink {
    color: var(--highlight-color);
    text-decoration: underline;
}

.propertyInfo {
    margin: 1em 0;
}

.infoBox img {
    margin: auto;
}

dt {
    width: 7em;
}

@media screen and (min-width: 768px) {

    .minBid dt, dd {
        display: block;
    }

    .minBid dd {
        margin-left: 0;
    }

    .minBid {
        margin: 0 0 .5em 0;
    }

    .infoBox {
        grid-template-columns: 128px auto auto;
    }

    .infoBox img {
        margin: unset;
    }

    .propertyInfo {
        max-width: 25em;
        margin: 0 .5em 0 1em;
    }

    .bidContent {
        justify-self: end;
    }
}