/* ___________________ program-specific stylesheet for officials - note generic/style.jsp has most default settings for officials generic! ______________________ */

#header-banner {
    background-image: url('/koala_final/contents/images/generic/officials/header-banner-pre-login.jpg');
}

#header.post-login #header-banner {
    background-image: url('/koala_final/contents/images/generic/officials/header-banner-post-login.jpg');
}

#header-banner-text-small {
    background-image: url('/koala_final/contents/images/generic/officials/header-banner-text-small.png');
}

#header .nav-item.active .nav-link {
    color: #97d2bd !important;
}

#accessibility-badge {
    display: block;
    background-image: url('/koala_final/contents/images/generic/certified-accessible-david-berman.png');
    position: relative;
    top: -50px;
    left: 120px;
    height: 85px;
    width: 85px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

html[lang="fr"] #accessibility-badge {
    background-image: url('/koala_final/contents/images/generic/certified-accessible-david-berman-fr.png');
}

#accessibility-badge:focus {
    border-color: #9f9f9f;
	box-shadow: 0 0 0 0.15rem rgba(0,123,255,.80);
}

@media (max-width: 860px) {
    #accessibility-badge {
        display: none;
    }
}