
body.custom-background {
    background-color: #faffff!important;
}

.bg-dark, .login {
    background-color: #ec671a!important;
}

.bg-light {
    background-color: #f4feff!important;
}

nav#primary {
    background-color: #ed6f26!important;
}

h2 {
    border-bottom: 3px solid #ec671a;
}

a, a:hover, .page-link:hover {
    color: #ec671a;
}

.text-primary, .login .button.wp-hide-pw {
    color: #ec671a!important;
}

.text-secondary {
    color: !important;
}

main .owl-carousel.owl-theme .owl-dots .owl-dot.active span, main .owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range, .ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #ec671a;
}

.lightpick__day.is-start-date.is-end-date.is-in-range {
    background-color: transparent;
}

.lightpick__day.is-in-range, .custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: rgba(236,103,26,0.25);
    border-color: rgba(236,103,26,0.25);
}

#info-card {
    background-color: rgba(236,103,26,0.75) !important;
}

.lightpick__day.is-in-range:hover {
    color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle fill='rgba(236,103,26,0.75)' cx='16' cy='16' r='16'/></svg>");
}

.lightpick__day.is-start-date.is-end-date, .lightpick__day.is-start-date {
    background-image: url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle fill='rgba(236,103,26,1)' cx='16' cy='16' r='16'/></svg>");
}

.custom-select:focus, .form-control:focus, .custom-control-input:focus:not(:checked)~.custom-control-label::before, .ui-state-active, .ui-widget-content .ui-state-active, .ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .login form input:focus, .login form input#rememberme:focus:after, .login form input#pw-weak:focus:after {
    border-color: #ec671a}

.et_bloom .et_bloom_widget_content .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input input:focus, .custom-select:focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .form-control:focus, .custom-control-input:focus~.custom-control-label::before, .page-link:focus, .ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .login form input:focus, .login form input.button-primary:focus, .login form input#rememberme:focus:after, .login form input#pw-weak:focus:after {
    box-shadow: 0 0 0 .2rem rgba(236,103,26,0.25) !important;
    outline: none;
}

.bg-primary, .btn-primary, .et_pb_button, .custom-control-input:checked~.custom-control-label::before, .page-item.active .page-link, .login form input.button-primary, .login form input.button-primary:focus, .login form input.button-primary:disabled, .login form input#rememberme:focus:before, .login form input#rememberme:before, .login form input#pw-weak:focus:before, .login form input#pw-weak:before {
    background-color: #ec671a !important;
    border-color: #ec671a !important;
}

.btn-primary:hover, .et_pb_button:hover, .btn-primary:not(:disabled):not(.disabled):active, .login form input.button-primary:not(:disabled):hover {
    background-color: #e16219 !important;
    border-color: #e16219 !important;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before, .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #f6b38d;
}

.bg-secondary, .btn-secondary {
    background-color: ;
    border-color: ;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #ec671a;
}

.bg-primary {
    background-color: #ec671a !important;
}

.login h1 a {
    background-image: none, url(https://renesseaanzee.nl/wp-content/uploads/sites/2/2023/09/renesse-logo-diap.svg);
}

.sesd-triangle {
    width: 0;
    height: 0;
    border-left: calc(100vw - 50vw) solid transparent;
    border-right: calc(100vw - 50vw) solid transparent;
    border-bottom: 45px solid #faffff;
    position: relative;
}

.sesd-triangle-dark {
    border-bottom:45px solid #ec671a !important;
}