:root {
	--wp-50: #E0F7FA;
	--wp-100: #B2EBF2;
	--wp-200: #80DEEA;
	--wp-300: #4DD0E1;
	--wp-400: #26C6DA;
	--wp-500: #00BCD4;
	--wp-600: #00ACC1;
	--wp-700: #0097A7;
	--wp-800: #00838F;
	--wp-900: #00838F;
}


.banner-wrap {
    background-color: #06214e;
    background-image: url(../img/banner/renstra-wide.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 136px;
    height: auto;
}

.site-branding {
	top: 0;
    height: 136px;
    z-index: 1;
}
.site-branding .site-logo {
   
}
.site-branding .site-logo a {
   
}

.banner-image {
    height: 136px;
    opacity: 0;
}

.site-header .site-logo {
    height: 136px;
}
.site-header .site-logo img {
    visibility: visible;
}

body.has-logo .site-banner .banner-image img {
    max-height: 155px !important;
}

.main-navigation {
    box-shadow: 0 4px 4px 0px rgba(0,0,0,0.12);
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
.main-navigation .navbar.bg-light {
    /*background-color:var(--wp-100) !important;*/
    background-color: #ffffff !important;
}
a:hover {
    transition: color 300ms;
    color: var(--wp-900) !important;
}
.block_make_submission_link {
    background-color: var(--wp-900) !important;
}
.block_make_submission_link:hover {
    background-color: var(--wp-500) !important;
}

.block_make_submission_link {
    border: 1px solid var(--wp-900) !important;
}
.block_make_submission_link:hover {
    background-color: var(--wp-500) !important;
}
.block_make_submission_link::before {
    border-right: 1px solid var(--wp-900) !important;
    background-color: var(--wp-900) !important;
}
.block_make_submission_link:hover::before {
    border-right: 1px solid var(--wp-900) !important;
    background-color: var(--wp-500) !important;
}


@media(min-width: 768px) {
    .banner-wrap {
        height: 136px; 
    }

    .site-header .site-logo img {
        max-height: 100px;
    }
}