:root {
  --header-footer-bg-color: #242F5B;
  --header-footer-text-color: white;
  --header-title-bg-color: #fe6e20;
}

div.top, div.top .login p a, header, header .sf-menu a, footer {
    color: var(--header-footer-text-color);
    background-color: var(--header-footer-bg-color) !important;
}

header {
    border-bottom: 0;
}

@media(min-width: 768px) {
    footer {
        background-image: url("https://congressus-svarchimedes.s3-eu-west-1.amazonaws.com/gallery/87ed2737284a4c0d993ed6851987c46b.png");
        background-size: auto 90%;
        background-repeat: no-repeat;
        background-position: right bottom;
    }
}

section#content .content-header h2 {
    display: inline-block;
    padding-left: .5em;
    padding-right: .5em;
}
#carousel-homepage .carousel-caption {
    width: auto;
    padding-left: .5em;
    padding-right: .5em;
}
#carousel-homepage .carousel-caption h2 i {
 	background-image: none;
}

section#content .content-header.content-header-background h2::before, #carousel-homepage .carousel-caption h2 i::before {
    background-color: var(--header-title-bg-color);
    opacity: .8;
    content: "";
    display: inline-block;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
@media (max-width: 767px) {
	section#content .content-header.content-header-background h2, section#content .content-header.content-header-background h3 {
        margin-top: 50px;
	    padding-top: 0;
	}
}
@media (max-width: 991px){
	section#content .content-header.content-header-background h2, section#content .content-header.content-header-background h3 {
        margin-top: 70px;
    	padding-top: 0;
	}
}

/* toegevoegd door Congressus Support */
.social-icons li a {
	background-color: rgba(255,255,255,.2);
}
dl.headlines.headlines-footer dd .text-muted {
	color: rgba(255,255,255,.5);
}

header .container .header-nav-top .login p a,
header .container .header-nav-top a,
footer a,
dl.headlines.headlines-footer dd a {
	color: #ddd;
    color: rgba(255,255,255,.7);
}

header .container .header-nav-top .login p a:hover,
header .container .header-nav-top .login p a:focus,
header .container .header-nav-top a:hover,
header .container .header-nav-top a:focus {
	color: rgba(255,255,255,.9);
}

footer .headline {
	border-color: rgba(255,255,255,.2);
}

footer a:focus,
footer a:hover,
dl.headlines.headlines-footer dd a:focus,
dl.headlines.headlines-footer dd a:hover {
	color: #fff;
}