@charset "utf-8";
/* CSS Document */

/* ---------- GLOBAL ---------- */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    background: #fff;
}

img,
svg,
canvas {
    max-width: 100%;
    height: auto;
}

/* ---------- TYPOGRAPHY ---------- */

h1,
h2,
h3,
h4,
h5,
.display-4 {
    word-break: break-word;
}

/* ---------- LAYOUT ---------- */

.container,
.container-fluid {
    overflow-x: hidden;
}

#Decibel_A,
#chart_dial_div {
    width: 100%;
    overflow: hidden;
}

/* ---------- NAVBAR ---------- */

.navbar-brand {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.dropdown-menu {
    background: #222;
    border: 0;
    border-radius: 0;
    max-width: 95vw;
}

.dropdown-item {
    color: #fff;
    white-space: normal;
    word-break: break-word;
    transition: background 0.2s ease;
}

.dropdown-item:hover {
    background: #333;
    color: #fff;
}

/* ---------- MOBILE ---------- */

@media (max-width: 768px) {

    .jumbotron {
        padding: 2rem 1rem;
    }

    .btn-lg {
        width: 100%;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu {
        border-top: 1px solid #333;
    }

    .navbar-collapse {
        padding-top: 1rem;
    }

}


.nav-link.active {
    color: #f4a024 !important;
}

.dropdown-item.active {
    background: #444;
    color: #fff;
}

.dropdown-item.active:hover {
    background: #555;
}

.nav-item.dropdown.active > .nav-link {
    color: #f4a024 !important;
}

.footer-nav {
    font-size: 0.95rem;
}

.footer-link {
    transition: color 0.2s ease;
    text-decoration: none;
}

.footer-link:hover {
    color: #f4a024 !important;
    text-decoration: none;
}

.footer-nav h5 {
    font-weight: 600;
    margin-bottom: 1rem;
}