/*
 * Customizations

 Brown #70523e
 rgb 112, 82, 62

 Darker brown #462f20

 Darkgoldenrod
 rgb 184, 134, 11

 Goldenrod
 rgb 218, 165, 32
 */

:root {
    --bs-body-bg: #f7f3f0;
    --bs-dark-rgb: 184, 134, 11;
    --bs-primary-rgb: 184, 134, 11;
    --bs-secondary-rgb: 112, 82, 62;
    --bs-body-font-family: "Zalando Sans", sans-serif;
}

.btn-primary {
    --bs-btn-bg: darkgoldenrod;
    --bs-btn-border-color: goldenrod;
    --bs-btn-hover-bg: goldenrod;
    --bs-btn-hover-border-color: goldenrod;
    --bs-btn-focus-shadow-rgb: 184, 134, 11;
    --bs-btn-active-bg: goldenrod;
    --bs-btn-active-border-color:goldenrod;
    --bs-btn-disabled-bg: gray;
    --bs-btn-disabled-border-color: gray;
}

.btn-secondary {
    --bs-btn-bg: #70523e;
    --bs-btn-border-color: #70523e;
    --bs-btn-hover-bg: #462f20;
    --bs-btn-hover-border-color: #462f20;
    --bs-btn-active-bg: #462f20;
    --bs-btn-active-border-color: #462f20;
    --bs-btn-disabled-bg: #70523e;
    --bs-btn-disabled-border-color: #70523e;
}

.svg-sprite {
    display: none;
}

.navbar-brand,
h1,h2,h3,h4,h5,h6 {
    font-family: "Zalando Sans SemiExpanded", sans-serif;
    font-weight: 700;
}

.logomark {
    stroke: #70523e;
}

.card {
    --bs-card-bg: #fbf9f8;
}

.image {
    background-color: #70523e;
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 300px;
}

.image-float {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.star-rating {
    color: white;
    filter: drop-shadow(0 0 5px #462f20);
}

.price {
    letter-spacing: 1.5px;
    font-weight: 500;
    font-size: 80%;
}

.location {
    letter-spacing: 1px;
    font-size: 90%;
}

.location-address {
    font-size: 85%;
}