/* =========================================================
   HIVEPRESS LISTINGS
   Black cards on listing/archive pages
   Cream background on individual listing pages
   ========================================================= */


/* Hide Listing Images/Thumbnails */
.hp-listing__image {
    display: none !important;
}


/* Hide Listing Dates */
.hp-listing__date,
.hp-listing__created-date {
    display: none !important;
}


/* =========================================================
   MAIN LISTINGS / DIRECTORY PAGE
   ========================================================= */

/* Make the listings area full-width */
.hp-page__content,
.hp-listings,
.container,
.site-main {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}


/* Make each listing card full-width with black background */
.hp-listing--view-block {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;

    background-color: #333333 !important;

    margin-bottom: 15px !important;
    padding: 30px !important;

    border: none !important;
    border-radius: 6px !important;
}


/* Listing Name - White */
.hp-listing--view-block .hp-listing__title,
.hp-listing--view-block .hp-listing__title a {
    color: #ffffff !important;
}


/* Listing Name Hover */
.hp-listing--view-block .hp-listing__title a:hover {
    color: #f3eee4 !important;
}


/* Text inside listing cards - White */
.hp-listing--view-block .hp-listing__content,
.hp-listing--view-block .hp-listing__content p,
.hp-listing--view-block .hp-listing__attributes,
.hp-listing--view-block .hp-listing__attribute,
.hp-listing--view-block .hp-listing__details,
.hp-listing--view-block .hp-listing__footer,
.hp-listing--view-block span,
.hp-listing--view-block strong {
    color: #ffffff !important;
}


/* Links inside black listing cards */
.hp-listing--view-block .hp-listing__content a,
.hp-listing--view-block .hp-listing__attributes a,
.hp-listing--view-block .hp-listing__details a,
.hp-listing--view-block .hp-listing__footer a {
    color: #ffffff !important;
}


/* =========================================================
   INDIVIDUAL LISTING PAGE
   ========================================================= */

/* Cream background for individual listing */
.single-hp_listing .hp-listing--view-page {
    background-color: #f7f5f0 !important;

    padding: 35px !important;

    border: 1px solid #d8d4ca !important;
    border-radius: 6px !important;
}


/* Individual Listing Title - Black */
.single-hp_listing .hp-listing--view-page .hp-listing__title,
.single-hp_listing .hp-listing--view-page .hp-listing__title a {
    color: #000000 !important;
}


/* Individual Listing Body Text - Black */
.single-hp_listing .hp-listing--view-page .hp-listing__content,
.single-hp_listing .hp-listing--view-page .hp-listing__content p,
.single-hp_listing .hp-listing--view-page .hp-listing__attributes,
.single-hp_listing .hp-listing--view-page .hp-listing__attribute,
.single-hp_listing .hp-listing--view-page .hp-listing__details,
.single-hp_listing .hp-listing--view-page .hp-listing__footer,
.single-hp_listing .hp-listing--view-page span,
.single-hp_listing .hp-listing--view-page strong {
    color: #222222 !important;
}


/* Links on Individual Listing */
.single-hp_listing .hp-listing--view-page a {
    color: #253528 !important;
}


/* Individual Listing Link Hover */
.single-hp_listing .hp-listing--view-page a:hover {
    color: #000000 !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

/* Buttons on Individual Listing */
.single-hp_listing .button,
.single-hp_listing .hp-button,
.single-hp_listing button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}


/* Button Hover */
.single-hp_listing .button:hover,
.single-hp_listing .hp-button:hover,
.single-hp_listing button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .hp-page__content,
    .hp-listings,
    .container,
    .site-main {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .hp-listing--view-block {
        padding: 20px !important;
    }

    .single-hp_listing .hp-listing--view-page {
        padding: 20px !important;
    }
}