/* Configured logo's */
:root {
    --logo: url("https://gemeenteraad.weert.nl/images/static/logo");
    --logo-alt: url("https://gemeenteraad.weert.nl/images/static/logo-alt");
    --logo-mail: url("https://gemeenteraad.weert.nl/images/static/logo-mail");
    --emblem: url("https://gemeenteraad.weert.nl/images/static/emblem");
    --emblem-alt: url("https://gemeenteraad.weert.nl/images/static/emblem-alt");
    --client-logo: var(--logo);
}


    :root {
                    --primary: #009CDE;
            --hsl-primary-color: 198,100%;
            --hsl-primary-lum: 44%;
        
                    --secondary: #0279b6;
            --hsl-secondary-color: 200,98%;
            --hsl-secondary-lum: 36%;
            }

                :root {
            --bar-heading: var(--secondary);
            --caption-bg: var(--secondary);
        }
    
                    /*
    Custom styling
*/

/* Logos */
:root {
    /*
    --logo: url("/site/weert2019/images/logo.png");
    --logo-alt: url("/site/weert2019/images/logo-alt.png");
    --emblem: url("/site/weert2019/images/mobile/emblem.png");
     */
    --emblem-alt: var(--emblem);
}

/* Visual */
.visual { background-image: url(/site/weert2019/images/home_visual.jpg); }

.bar-heading.upcoming:after { background-image: url(/site/weert2019/images/meetings_next.png); }
.bar-heading.previous:after { background-image: url(/site/weert2019/images/meetings_previous.png); }

/* Colored menu */
.header-basic {
    --basic-border: #003552;
}

#page .header-basic .menu-holder a {
    border-right: 1px solid var(--basic-border);
}

#page .header-basic .menu-holder li {
    background-color: transparent;
}

#page .header-basic .menu-holder a.active,
#page .header-basic .menu-holder a:hover {
    background-color: #003552;
    border-color: var(--basic-border);
    color: #fff;
}

/* Extra website button */
.main-footer .website-button {
    margin-bottom: -15px;
}

/* Footer double phone number */
.main-footer .phone a, .main-footer .phone span { display: inline-block; }

/* SD-42820 Center align logo */
@media ( min-width: 992px ){
    .header-basic .logo-holder {
        text-align: center;
        flex-basis: 100%;
    }

    .header-basic .logo-holder .logo {
        margin: auto;
    }

    .header-basic .options {
        position: absolute;
        right: 0px;
    }
}

.header-basic .quicksearch .quicksearch-input {
    width: 180px;
    border-color: #a0afb0;
}