/* ADN Red = 207, 56, 62 */

.main-wrapper {
    background: linear-gradient(180deg, rgba(100, 8, 10, 1) 0%, rgba(171, 22, 26, 1) 100%);
}

/* 
0d6efd
1a2142*/

/*
Dark red A12023
Light red FF465A */

:root,
[data-bs-theme=light] {
    --bs-primary: #A12023;
    --bs-secondary: #6c757d;
}

/* ============= typography css ============= */
h1,
h2,
.h1,
.h2 {
    color: #FFFFFF;
    margin: 0;
}

h3,
h4,
.h3,
.h4 {
    color: #FF465A;
    margin: 0;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #A12023;
}

.form-check-input:checked {
    background-color: #A12023;
    border-color: #A12023;
}

h5,
h6,
.h5,
.h6 {
    color: #A12023;
    margin: 0;
}

.tab-style-5 nav button:hover,
.tab-style-5 nav button.active {
    background: #A12023;
}

a:hover {
    color: #FF465A;
}

a {
    color: #FFFFFF;
}

hr {
    border-top: 2px solid #FFFFFF;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #A12023;
    --bs-btn-border-color: #A12023;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #A12023;
    --bs-btn-hover-border-color: #A12023;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #A12023;
    --bs-btn-active-border-color: #A12023;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #A12023;
    --bs-btn-disabled-border-color: #A12023;
}

.kanban-card {
    background: #FF465A;
    border-radius: 6px;
    border-bottom: 3px solid;
    border-bottom-color: #A12023;
    box-shadow: 0px 1px 4px rgba(26, 25, 85, 0.08);
    margin-bottom: 24px;
}

.description-truncate {
    display: -webkit-box;
    /* max-width: 200px; */
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}