:root{
    --color-blue-1: #A59983;
    --color-brown-1: #A5998329;
    --color-brown-2: #CEB078;
}

.header .header-logo img {
    width: 80px;
}

.bg-lanai{
    background-color: var(--color-lanai) !important;
}

.bg-brown-1{
    background-color: var(--color-brown-1) !important;
}

.bg-brown-2{
    background-color: var(--color-brown-2) !important;
}
.button.-outline-lanai {
    border-color: var(--color-lanai) !important;
}
.button.-outline-lanai:hover {
    background-color: var(--color-lanai) !important;
    color: var(--color-white) !important;
}
a:hover{
    color: var(--color-lanai);
}
.roomGrid__header{
    background-color: var(--color-lanai) !important;
}
.roomGrid__grid > *:nth-child(3){
    background-color: #A5998329;
}

.color-lanai{
    color: var(--color-lanai) !important;
}

.color-brown-2{
    color: var(--color-brown-2) !important;
}

.bg-membership-form{
    background-image: url(../img/gallery/membership-promotion-2.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
}

.opacity-09{
    opacity: 0.9;
}

.text-lanai {
    color: var(--color-lanai);
}

.text-brown-1 {
    color: var(--color-brown-1);
}

.text-brown-2 {
    color: var(--color-brown-2);
}

.bt-1{
    border-top: 1px solid #e2e2e2;
}

.bb-1{
    border-bottom: 1px solid #e2e2e2;
}

.b-tb{
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.bb-none{
    border-bottom: none !important;
}


a.bg-lanai:hover{
    color: var(--color-dark-1);
    background-color: unset !important;
    border: 1px solid var(--color-lanai);
}

.page-landing a.bg-lanai:hover{
    color: #ffffff;
    background-color: unset !important;
    border: 1px solid #fff;
}

.sidebar.-dashboard .sidebar__button.-is-active{
    background-color: var(--color-brown-1);
    color: #000000 !important;
}

.lh-1{
    line-height: 1;
}

.lh-2{
    line-height: 2;
}
.d-inline-flex{
    display: inline-flex;
}
.service-listing{
    border-bottom: 1px solid #e2e2e2;
}
.service-listing a.bg-brown-2:hover{
    color: #fff;

}
.service-listing a.bg-lanai:hover{
    color: #ffffff;
    background-color: var(--color-lanai) !important;
}

@media (max-width: 767px){
    .header .header-logo img {
        max-width: 60px;
    }
}