/* Generic */
html {
background: #f5f5f5;
}

h1, h2, h3, h3 a, h4, h5, h6 {
    color: #44442b;
}

h1, .h1 {
    text-align: center;
    color: #022c17;
    font-weight: 600;
}

#offcanvas-toggler > .fa  {
    color: #fff;
}

a:hover, #offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus, .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: #8d6d00;
}

.lead {
    color: #e3c01a;
    font-family: 'Noto Serif';
    font-style: oblique;
}

.btn-primary, .ui.orange.button, .ui.orange.buttons .button, #aanbieding .btn-primary, .sp-scroll-up {
    border-color: #e3c01a;
    background-color: #e3c01a;
    color: white;
}

.btn-primary:hover, .ui.orange.button:hover, .ui.orange.buttons .button:hover, .btn-primary:active, .ui.orange.button:active, .ui.orange.buttons .button:active, #aanbieding .btn-primary:hover, #aanbieding .btn-primary: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)!important}
.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)!important
}

.card-home {
    background: rgb(249 243 216);
    border: none;
}

.card-home h3 a {
  color: #022c17;
}

section#sp-row-1 {
    background: rgb(0 125 62);
    background: radial-gradient(circle, rgb(2 85 43) 0%, rgb(0 125 62) 100%);
}

section#sp-row-1 {
    border-bottom: 1px solid #d6ba1b;
    border-top: 1px solid #d6ba1b;
}

.row-1-content {
  padding: 15px 0px;
}

a {
  color: #e3c01a;
}
/* 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: #e3c01a;
}

#sp-header {
    background: #02552b;
}

.sp-megamenu-parent>li>a {
    color: #fff;
}

.burger-icon>span {
    background-color: #e3c01a;
}

.offcanvas-menu {
  background: #02552b;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
  color: #fff;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #e3c01a;
}


/* Tabs */

.accordion-button:focus {
    border-color: var(--bs-accordion-btn-focus-border-color);
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #022c17;
    background-color: #fff;
    box-shadow: none;
}

.accordion-button {
    color: #022c17;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

/* Footer */

#sp-footer, #sp-bottom {
    border-top: none;
  color: white;
}

.row-usp {
    border-top: none;
    background: #02552b;  
    color: white;
}

#sp-row-usps {
    padding: 30px 0px 5px;
}

#sp-bottom {
    background: #02552b;
    padding: 5px 0px 30px;
}

#sp-bottom h4, .row-usp h4 {
  color: #edc753;
}

#sp-top-bar {
    background: #f5f5f5;
    color: #666;
}

#sp-footer {
    background: #022c17;
    color: #e2e0dd;
}

#sp-footer a, #sp-top-bar a {
    color: #cabc7c;
}

#sp-footer a:hover, #sp-top-bar a:hover {
    color: #333;
}

#sp-bottom .sp-module .sp-module-title {
    font-size: 1.2rem;
    color: #e3c01a;
}

/* Bedanktpagina - Aanbieding */
#aanbod .card-header {
    background: #d0ab00;
    color: black;
}

#aanbod .panel-body, #aanbod .card-body {
    background: #f1e3a6;
    background: linear-gradient(to right, #ede1ae 0%, #fdf6d5 50%, rgb(223 213 167) 100%);
    color: black;
}

#aanbieding a {
    color: #c20000;
    text-decoration: underline;
}

#aanbieding .btn-primary {
    border-color: #c20000;
    background-color: #c20000;
    color: white;
	text-decoration: none;
}