:root {
    --seaSerpent: #65D0D1;
    --shadowBlue: #7A86A1;
    --mantisGreen: #7ACE4C;
    --pastelOrange: #FFBB44;
    --brinkPink: #f04946;
    --cadetBlue: #9BA8BF;
    --cadetBlue-header: #969FAE;
    --mayaBlue: #57CFFF;
    --mayaBlue-header: #00B6FF;
    --mantis: #7ACE4C;
    --mantis-header: #5BB12C;
    --lightCrimson: #FF7291;
    --lightCrimson-header: #EE4D76;
}

.bg-cadetBlue {
    color: #fff !important;
    background-color: var(--cadetBlue) !important;
}

.bg-header-cadetBlue {
    --bs-card-cap-bg: var(--cadetBlue-header);
}

.bg-mayaBlue {
    color: #fff !important;
    background-color: var(--mayaBlue) !important;
}

.bg-header-mayaBlue {
    --bs-card-cap-bg: var(--mayaBlue-header);
}

.bg-mantis {
    color: #fff !important;
    background-color: var(--mantis) !important;
}

.bg-header-mantis {
    --bs-card-cap-bg: var(--mantis-header);
}

.bg-lightCrimson {
    color: #fff !important;
    background-color: var(--lightCrimson) !important;
}

.bg-header-lightCrimson {
    --bs-card-cap-bg: var(--lightCrimson-header);
}

.fs-low {
    font-size: 16px;
}

.fs-med {
    font-size: 17px;
}

.fs-high {
    font-size: 18px;
}

.btn-type {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9db0b9;
    --bs-btn-border-color: #9db0b9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3dce1;
    --bs-btn-hover-border-color: #d3dce1;
    --bs-btn-focus-shadow-rgb: 141, 153, 175;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #616c81;
    --bs-btn-active-border-color: #5b6579;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7987a1;
    --bs-btn-disabled-border-color: #7987a1;
}

.btn-outline-type {
    --bs-btn-color: #9db0b9;
    --bs-btn-border-color: #9db0b9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3dce1;
    --bs-btn-hover-border-color: #d3dce1;
    --bs-btn-focus-shadow-rgb: 121, 135, 161;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7987a1;
    --bs-btn-active-border-color: #7987a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7987a1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7987a1;
    --bs-gradient: none;
}

.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1785e5;
    --bs-btn-border-color: #1785e5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #167ed9;
    --bs-btn-hover-border-color: #167ed9;
    --bs-btn-focus-shadow-rgb: 141, 153, 175;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1785e5;
    --bs-btn-active-border-color: #1785e5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1785e5;
    --bs-btn-disabled-border-color: #1785e5;
}

.btn-outline-blue {
    --bs-btn-color: #000;
    --bs-btn-border-color: #1785e5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #167ed9;
    --bs-btn-hover-border-color: #167ed9;
    --bs-btn-focus-shadow-rgb: 121, 135, 161;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7987a1;
    --bs-btn-active-border-color: #7987a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1785e5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1785e5;
    --bs-gradient: none;
}

.btn-outline-blue svg {
    color: #1785e5;
    transition: color .3s;
}

.btn-outline-blue:hover svg {
    color: #fff;
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f04946;
    --bs-btn-border-color: #f04946;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d92b57;
    --bs-btn-hover-border-color: #cc2952;
    --bs-btn-focus-shadow-rgb: 255, 82, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc2952;
    --bs-btn-active-border-color: #bf264d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff3366;
    --bs-btn-disabled-border-color: #ff3366;
}

.border-blue {
    --bs-border-opacity: 1;
    border-color: rgba(0, 146, 231, var(--bs-border-opacity)) !important;
}

.text-blue {
    --bs-text-opacity: 1;
    color: rgba(0, 146, 231, var(--bs-text-opacity)) !important;
}

.bg-seaSerpent {
    background-color: var(--seaSerpent) !important;
}

.bg-shadowBlue {
    background-color: var(--shadowBlue) !important;
}

.bg-mantisGreen {
    background-color: var(--mantisGreen) !important;
}

.bg-pastelOrange {
    background-color: var(--pastelOrange) !important;
}

.bg-brinkPink {
    background-color: var(--brinkPink) !important;
}

.answers-list a:last-child {
    border-bottom: 0 !important;
}

.filter-section a, .filter-section button {
    min-width: 100px;
}

.pagination {
    flex-wrap: wrap;
}

.pagination nav {
    width: 100%;
}

.navigate-info {
    color: #3DC76F;
    transition: color .3s;
    cursor: pointer;
}

.navigate-info:hover {
    color: #1da34e;
}

.tooltip-color {
    --bs-tooltip-bg: rgb(88, 78, 88);
}