/***** Variable Theme Color *****/
:root {
    --bg-beige-light: #f7f2ea;
    --bg-beige: #eeddcf;
    --bg-beige-dark: #e3d3c4;
}

/***** Css links and navigation *****/
.dropdown-item.active {
    background-color: var(--bg-beige-light);
}
.dropdown-item:focus,
.dropdown-item:active {
    background-color: var(--bg-beige-light);
    outline: none;
}

.dropdown-item:hover {
    background-color: var(--bg-beige-light);
}

/***** Backgrounds *****/
.bg-beige-light {
    background-color: var(--bg-beige-light);
}
.bg-beige {
    background-color: var(--bg-beige);
}
.bg-beige-dark {
    background-color: var(--bg-beige-dark);
}

/***** Borders *****/
.border-beige {
    border: solid;
    border-width: 1px;
    border-color: var(--bg-beige-dark);
}

.border-bottom-beige {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--bg-beige-dark);
}

.border-top-beige {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--bg-beige-dark);
}

.img-mobile-height {
    height: 500px;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 767.98px) {
    .img-mobile-height {
        height: 250px;
        object-fit: cover;
        width: 100%;
    }
}