/* Inventory Cards */

.mb-30{
    margin-bottom:30px;
}

.mb-n30{
    margin-bottom:-30px !important;
}

.card.inv-card {
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 14px;
    background-color: #F5F1E8;
}

    .card.inv-card .inv-thumbnail {
        position: relative;
    }

    .card.inv-card .inv-thumbnail-img {
        width: 100%;
        max-height: 250px;
        height: 100%;
        object-position: 50% 30%;
        object-fit: cover;
    }

    .card.inv-card .inv-thumbnail-tag {
        position: absolute;
        right: 10px;
        top: 10px;
        background-color: #B55032;
        padding-left: 6px;
        padding-right: 6px;
        color: #fff !important;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        border-radius: 8px;
        white-space: nowrap;
        overflow: hidden;
    }

    .card.inv-card .inv-thumbnail .inv-thumbnail-subtag {
        background-color: #DAC18B;
        border: 2px dashed #B79B5C;
        position: absolute;
        padding: 8px 10px;
        border-radius: 5px;
        bottom: -18px;
        left: 14px;
        transform: rotate(-3deg);
        align-items: center;
    }

        .card.inv-card .inv-thumbnail .inv-thumbnail-subtag .inv-thumbnail-subtag-text {
            font-size: 18px;
            font-weight: bold;
            color: #282425;
            text-transform: uppercase;
        }

            .card.inv-card .inv-thumbnail .inv-thumbnail-subtag .inv-thumbnail-subtag-text .fa-circle {
                color: #F6F0E2;
                text-shadow: -1px -1px 0 #B79B5C, 1px -1px 0 #B79B5C, -1px 1px 0 #B79B5C, 1px 1px 0 #B79B5C;
                font-size: 12px;
            }

    .card.inv-card .card-body .card-body-title {
        margin-top: 16px;
        color: #7F6762;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 16px;
    }

    .card.inv-card .card-body .card-body-pricing {
        margin-bottom: 20px;
        overflow: hidden;
    }

        .card.inv-card .card-body .card-body-pricing .row {
            padding-bottom: 6px;
            background-image: linear-gradient(to right, #7F6762 50%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-repeat: repeat-x;
            background-size: 10px 1px;
        }

            .card.inv-card .card-body .card-body-pricing .row .col-auto:first-of-type {
                color: #7F6762;
            }

            .card.inv-card .card-body .card-body-pricing .row .col-auto.buy-now {
                color: #B55032;
                font-weight: bold;
                font-size: 18px;
            }

            .card.inv-card .card-body .card-body-pricing .row .col-auto.rent-month {
                color: #2B496B;
                font-weight: bold;
                font-size: 18px;
            }

@media(max-width:767px) and (min-width:400px) {
    .card.inv-card .inv-thumbnail-img {
        max-height: 350px;
    }
}

/* Inventory Detail Cards */

.card.inv-card-details {
    border: none;
    box-shadow: none;
    background-color: #F5F1E8;
    border-radius:14px;
    overflow:hidden;
}

    .card.inv-card-details .card-header {
        background-color: #DAC18B;
        border: 2px dashed #B79B5C;
        border-top-left-radius:14px;
        border-top-right-radius:14px;
    }

        .card.inv-card-details .card-header h2 {
            color: #282425;
            font-weight:bold;
        }

    .card.inv-card-details .card-body img.big-thumb {
        margin-bottom: 24px;
    }

    .card.inv-card-details .card-body table.inv-card-table {
        width: 100%;
        margin-bottom: 24px;
    }

        .card.inv-card-details .card-body table.inv-card-table tr td {
            background-image: linear-gradient(to right, #7F6762 50%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-repeat: repeat-x;
            background-size: 10px 1px;
        }

            .card.inv-card-details .card-body table.inv-card-table tr td.field-name {
                width: 33%;
                padding: 5px 8px 5px 0px;
                text-align: left;
                color: #7F6762;
            }

            .card.inv-card-details .card-body table.inv-card-table tr td.field-value {
                width: 67%;
                padding: 5px 0px 5px 8px;
                text-align: right;
                color: #282425;
            }

            #field-244 { /* Sale Price */
                color: #B55032 !important;
                font-weight: bold;
            }

            #field-37 { /* Rental Price */
                color: #2B496B !important;
                font-weight: bold;
            }

.card.inv-card-details .card-body p {
    color: #7F6762;
}

    .card.inv-card-details .card-body .thumbnails .img-thumbnail{
        margin-top:30px;
    }