/* Generic */

html {
background: #045583;
}

h1, h2, h3, h4, h5, h6 {
    color: #042c42;
}

.article-header {
	text-align: center;
}
a {
    color: #29659a;
}
.lead {
    color: #d5a10a;
    font-family: 'Noto Serif';
    font-style: oblique;
}

.btn-primary, .ui.orange.button, .ui.orange.buttons .button {
    border-color: #e3c01a;
    background-color: #e3c01a;
}

.btn-primary:hover, .ui.orange.button:hover, .ui.orange.buttons .button:hover, .btn-primary:active, .ui.orange.button:active, .ui.orange.buttons .button:active {
    border-color: #deab05;
    background-color: #deab05;
}

.btn-primary:focus,.btn-primary.focus {
	box-shadow:0 0 0 .2rem rgba(255,111,48,0.5)}
.btn-primary.disabled,.btn-primary:disabled {
	color:#fff;background-color:#deab05!important;border-color:#deab05!important}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
	color:#fff;background-color:#deab05!important;border-color:#deab05!important}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus {
	box-shadow:0 0 0 .2rem rgba(255,111,48,0.5)}

/* Menu */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a, a:hover, a:active, a:focus {
    color: #80abd2;
}

/* Footer */

#sp-bottom {
    background: #3f87b8;
    color: white;
}
#sp-footer, #sp-top-bar {
    background: #045583;
    color: #efefef;
}
#sp-bottom .sp-module .sp-module-title {
    font-size: 1.2rem;
    color: #e7c971;
}
.sp-scroll-up {
    background: #e7c971;
}

/* Bedanktpagina - Aanbieding */
#aanbod .card-header {
    background: #063c5a;
}

#aanbod .panel-body, #aanbod .card-body {
    background: #063c5a;
    background: linear-gradient(to right, rgb(25, 128, 187) 0%, rgb(9, 75, 113) 50%, rgb(25, 128, 185) 100%);
}

#aanbieding .btn-primary {
    border-color: #eca400;
    background-color: #eca400;
}

#aanbieding .btn-primary:hover, #aanbieding .sppb-btn-primary:hover {
    border-color: #ca8d00;
    background-color: #ca8d00;
}