/**
 * Import Bootstrap sources
 * https://getbootstrap.com/docs/5.3/customize/sass
 */
.btn-primary, .wp-block-button .wp-block-button__link {
    --bs-btn-bg: #fd7e14;
    --bs-btn-border-color: #fd7e14;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #331405;
    --bs-btn-hover-border-color: #331405;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(227, 112, 18);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fd7e14;
    --bs-btn-disabled-border-color: #fd7e14; 
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #140330;
    --bs-btn-border-color: #140330;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #140330;
    --bs-btn-disabled-border-color: #140330; 
}
.bg-secondary {background-color: rgba(20, 3, 48, 0.7) !important; }
.bg-primary {background-color: #fd7e14 !important; }
.border-primary {border-color: #fd7e14 !important; }
.btn-outline-secondary {
    --bs-btn-color: #140330;
    --bs-btn-border-color: #140330;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #140330;
    --bs-btn-hover-border-color: #140330;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #140330;
    --bs-btn-active-bg: #140330;
    --bs-btn-active-border-color: #140330;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #140330;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #140330;
    --bs-gradient: none; 
}
a:hover {
    --bs-link-hover-color:#331405;
    --bs-link-hover-color-rgb:#331405; 
}
.accordion {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-focus-border-color: #e37012;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(227, 112, 18,.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #fff;
    --bs-accordion-active-bg: #fd7e14;
}
/*checkboxes:*/
.form-control, .form-select {border-color: #ffba1a; }
.form-control:focus, .form-select:focus {
    border-color: #ffba1a;
    box-shadow: 0 0 0 0.2rem rgba(255, 186, 26, 0.25); 
}
:root { --bs-link-color-rgb: rgba(253, 126, 20, 1); }
a{color: #fd7e14; }
a:hover {color: #331405; }
.btn {
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 25px; 
}
.todo-list {
    margin: 0;
    padding: 0; 
}
.todo-list li {
    cursor: pointer;
    position: relative;
    padding: 12px 8px 12px 40px;
    list-style-type: none;
    background: #eee;
    font-size: 18px;
    transition: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.todo-list li:nth-child(odd) {background: #f9f9f9; }
.todo-list li:hover {background: #ddd; }
.todo-list li .btn-completar-task {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 16px 12px 16px; 
}
/*validation form colors*/
*:valid {
    --bs-form-valid-color: #fd7e14;
    --bs-form-valid-border-color: #fd7e14;
    --bs-form-valid-color:#fd7e14;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 186, 26, 0.26); 
}
.form-check-input.is-valid ~ .form-check-label, 
.was-validated .form-check-input:valid ~ .form-check-label {
    color: initial; 
}