/*:root {
    --primary: #f7931e;
    --primary-dark: #e57f0b;
    --white: #ffffff;
    --light: #f8f9fa;
    --dark: #333333;
    --text: #333333;
    --bg: #ffffff;
    --card-bg: #ffffff;
    --c1: #7adcdc;
    --c2: #d1b6e0;
    --c3: #d9dede;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: var(--text);
    background-color: var(--bg);
}

.topbar {
    background-color: var(--primary);
    font-size: 0.9rem;
    color: var(--white);
}

    .topbar a {
        color: var(--white);
        text-decoration: underline;
    }

    .topbar i {
        margin-right: 6px;
    }

.navbar-brand span {
    color: var(--dark);
}

.btn-orange {
    background-color: var(--primary);
    color: var(--white);
}

    .btn-orange:hover {
        background-color: var(--primary-dark);
        color: var(--white);
    }

.hero {
    background: url('https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
    color: var(--white);
    padding: 120px 0;
    text-align: center;
    position: relative;
}

    .hero::after {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .hero .container {
        position: relative;
        z-index: 2;
    }

footer {
    background-color: var(--dark);
    color: #ccc;
    padding-top: 60px;
}

    footer h5 {
        color: var(--white);
    }

    footer a {
        color: #ccc;
        text-decoration: none;
    }

        footer a:hover {
            color: var(--white);
        }

.offcanvas .collapse .nav-link {
    padding-left: 1.5rem;
}

.offcanvas .nav-link {
    border-bottom: 1px solid #eee;
}

.min-vh-85 {
    min-height: 85vh !important;
}
*/