:root {
    --c311-blue: #0a4eb1;
}

.navbar[data-bs-theme="dark"] {
    background-color: var(--c311-blue);
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75);
}

header .navbar-brand a img {
    max-width: 150px !important;
    max-height: 150px;
}

a:not(:is(.navbar, .columbus311-navbar) a) {
    color: var(--c311-blue) !important;
}

p {
    font-size: 20px;
}

.co-linkgroup {
    font-size: larger;
}

.co-linkgroup svg {
    width: 100% !important;
    height: 100% !important;

    max-width: 40px;
    max-height: 40px;
}

.top-wrapper {
    background-color: white !important;
}

.co-linkblock a {
    font-size: 18px;
}

.columbus311-intro .row .order-md-last {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.columbus311-helpful-resources-wrapper.text-center {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: large;
}

.columbus311-helplinks {
    text-align: center;
}

h2:has(.Head) {
    text-align: center;
}

.w-safe-100 {
    width: unset;
}

#google_translate_element {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#google_translate_element select {
    background-color: var(--c311-blue) !important;
    color:white !important;
}

@media screen and (max-width: 1024px) {
    .columbus311-navbar {
        columns: 2;
    }
    .columbus311-navbar li {
        display: inline-block;
    }

    .iframe-grid {
        columns: 1 !important;
    }

    .iframe-grid iframe {
        max-width: 100%;
        width: 100%;
    }

    .w-safe-100 {
        width: 100%;
    }
}