:root {
    --bs-body-font-size: 1.15rem;
}

.accordion-button:not(.collapsed) {
    background-color: rgba(81, 89, 108, .1) !important;
}

.accordion-collapse {
    background-color: rgba(81, 89, 108, .1) !important;
}

.bg-charity-light1 {
    background-color: #F4F7FA !important;
}

.bg-charity-light2 {
    background-color: #E8EFF4 !important;
}

.bg-charity-blue1 {
    background-color: #053369 !important;
}

.bg-charity-red1 {
    background-color: #D53148 !important;
}

.bg-charity-yellow1 {
    background-color: #FFE68B !important;
}

.bg-charity-yellow2 {
    background-color: #F4C107 !important;
}

.bg-charity-yellow3 {
    background-color: #E19809 !important;
}

.bg-charity-green1 {
    background-color: #45B797 !important;
}

.bg-charity-green2 {
    background-color: #029C71 !important;
}

.bg-charity-green3 {
    background-color: #007C5A !important;
}

::selection {
    color: unset;
    background-color: rgba(5, 51, 105, 0.10);
}

.go-to {
    color: #029C71;
    background-color: #D2FEF2;
}

.go-to:focus:hover,
.go-to:hover {
    color: #fff;
    background-color: #029C71;
}

.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover {
    color: #334ac0;
}

.accordion-button.collapsed:hover {
    color: #334ac0;
}

.accordion-button:not(.collapsed) {
    color: #334ac0;
    /* background-color: rgba(var(--vss-bambam-light-blue-rgb), 0.1); */
}

/* .accordion-button:not(.collapsed)::after {
    color: var(--vss-bambam-light-blue);
}

.accordion-collapse {
    background-color: rgba(var(--vss-bambam-light-blue-rgb), 0.1);
} */

.yt-embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.yt-embed-container iframe,
.yt-embed-container object,
.yt-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}