/* Colors */
.color-off-white, .off-white { color: #fafafa; }
.text-white, .color-white { color: #ffffff; }
.bg-off-white { background-color: #fafafa }
.bg-white { background-color: #fafafa }

.text-ccc { color: #cccccc; }

/* Mouse */
.cursor-pointer { cursor: pointer; }
.cursor-move { cursor: move; }

.temp-layout { height:600px; }

.w-10 { width: 10%; }
.w-30 { width: 30%; }

@media (max-width: 576px) {  
    .display-4 {
        font-size: 2.8rem;
    }
}

/* Text utilities */
.font-size-110 { font-size: 110%; }
.font-size-100 { font-size: 100%; }
.font-size-90 { font-size: 90%; }
.font-size-80 { font-size: 80%; }
.font-size-70 { font-size: 70%; }

/* Link stuff */
a.no-underline:hover { text-decoration: none; }
a.text-underline { text-decoration: underline !important; }

/* Card default backgrounds */
.card-content:nth-child(odd), .card-content:nth-child(odd) .amenities-title {
    background-color: #ffffff;
}
.card-content:nth-child(even), .card-content:nth-child(even) .amenities-title {
    background-color: #fafafa;
}

.demo-mode-modal .modal-content {
    opacity: 0.9;
}

.btn-custom, .btn-custom:hover {
    background-color: var(--btn-icon-color);
    color: #fafafa;
}
.btn-custom:hover { 
    filter: brightness(90%);
}