@import "../vendor/bootstrap/dist/css/bootstrap.min-z0zQt-h.css";

html,
body {
    height: 100%;
}

body {
    min-width: 320px;
}

.cn-logo {
    width: 40px;
    height: 40px;
    display: block;
}

.dashboard-tabs-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dashboard-tabs {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.dashboard-tabs .nav-link {
    white-space: nowrap;
}

.card {
    border-radius: 0.9rem;
}

@media (max-width: 575.98px) {
    .cn-logo {
        width: 36px;
        height: 36px;
    }
}

/* Weather tile -- wind direction */
.weather-wind-arrow {
    transform: rotate(var(--wind-deg, 0deg));
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Weather tile -- wind speed color classes */
.weather-wind-low {
    color: var(--bs-success);
}

.weather-wind-moderate {
    color: var(--bs-warning);
}

.weather-wind-high {
    color: var(--bs-danger);
}

.weather-wind-extreme {
    color: #6f42c1;
}