#program-selector {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 2rem;
}


.mission-card-container {
    width: 100%;
    max-width: var(--max-page-width);

    margin-left: auto;
    margin-right: auto;

    position: relative;
}

.mission-card-container .content-wrapper {
    display: flex;
    width: 100%;
}

.mission-card-container .mission-card {
    flex: 1;

    display: flex;

    flex-direction: column;

    max-width: 600px;

    aspect-ratio: 600/712;

    padding: 1rem;

    text-align: left;

    float: left;
}

.mission-card-container .mission-card img {
    border-radius: var(--base-border-radius);

    object-fit: cover;


}

.mission-card-container .mission-card img,
.mission-card-container .mission-card h3 {
    margin-bottom: 2rem;
}

.mission-card-container .mission-card h3 {
    flex: 1;
}

.mission-card-container .program {
    border-radius: var(--base-border-radius);
    background-color: var(--miss-amazing-white);

    display: flex;

    opacity: 1;

    transition: 0.5s ease-in-out;



    height: 450px;

    width: 100%;
}

section#national-news {
    max-height: 375px;
    background: var(--miss-amazing-white);
}

section#national-news .container-fluid {
    border-radius: 5px;
    padding: 1.5rem 3rem;

    width: 90%;
    max-width: var(--max-page-width);
}

section#national-news .container-fluid {
    height: 100%;
}

section#national-news .swiper .swiper-slide img {
    max-height: 140px;
}

#news-items-carousel.swiper.multi-swiper > .swiper-button-next,
#news-items-carousel.swiper.multi-swiper > .swiper-button-prev {
    bottom: 75px;
}

section#chapters-in-action {
    display: inline-block;
    text-align: center;
    width: 100%;
    background-color: var(--miss-amazing-off-white);
    padding-bottom: 0;
}
section#news {
    display: block;
    width: 100%;
    background-color: var(--miss-amazing-off-white);
}

section#chapters-in-action .container-fluid,
section#news .container-fluid {
    max-width: var(--max-page-width);
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
}

section#chapters-in-action .container-fluid {
    display: inline-block;
}

section#chapters-in-action .container-fluid .section-header {
    margin-bottom: 1rem;
    line-height: 40px;
}

section#news .container-fluid {
    padding-bottom: 0;
    min-height: 600px;
    display: block;
}

section#chapters-in-action #chapters-in-action-carousel,
section#chapters-in-action .section-header {
    float: left;
    width: 100%;
}

section#chapters-in-action #chapters-in-action-carousel.swiper.multi-swiper .swiper-controls {
    position: relative;
}

section#chapters-in-action .swiper.multi-swiper .swiper-slide {
    min-width: var(--chapter-in-action-card-width);
}

section#news {
    padding-top: 0;
    padding-bottom: 0;
}

section#news .container-fluid .news-card {
    border-radius: 0;
    box-shadow: none;

    position: relative;

    max-width: 600px;
    min-height: 600px;

    width: 100%;
    height: 100%;
}

section#news .container-fluid .news-card img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;

    z-index: 1;

    border-radius: 0;
}

section#news .container-fluid .news-card .card-body {
    position: absolute;

    margin-top: 0;

    z-index: 2;

    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    padding: 2rem;

    text-align: left;

    display: flex;
    flex-direction: column;
    justify-content: end;

    color: var(--miss-amazing-off-white) !important;

    background-color: rgba(0, 0, 0, 0.35);
}

section#news .container-fluid .news-card .card-body .btn.btn-miss-amazing,
section#news .container-fluid .news-card .card-body h3 {
    color: var(--miss-amazing-off-white);
}

section#news .container-fluid .news-card .card-body h3 {
    margin-bottom: 1rem;
}

section#videos,
section#amplify {
    display: inline-block;
    width: 100%;
}

section#amplify {
    background-color: var(--miss-amazing-white);
}

section#videos #videos-wrapper,
section#amplify #amplify-wrapper {
    max-width: var(--max-page-width);
    margin-left: auto;
    margin-right: auto;

    display: flex;

    min-height: 400px;
}

section#videos #videos-wrapper .image-container,
section#videos #videos-wrapper .content-container,
section#amplify #amplify-wrapper .image-container,
section#amplify #amplify-wrapper .content-container {
    flex: 1;
    max-width: 600px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

section#videos #videos-wrapper .content-container,
section#amplify #amplify-wrapper .content-container {
    padding-left: 4rem;
}

section#videos #videos-wrapper img {
    border-radius: var(--base-border-radius);

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;
}

section#videos h2,
section#amplify h2 {
    margin-bottom: 2rem;
}

section#gem-collective {
    position: relative;
    min-height: 800px;
}

section#gem-collective .background-image {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    object-fit: cover;
}

section#gem-collective .content-wrapper {
    z-index: 1;

    max-width: var(--max-page-width);

    margin-left: auto;
    margin-right: auto;

    position: relative;
}

section#gem-collective .content-wrapper .content-container {
    max-width: 600px;
    text-align: center;
}

section#gem-collective .content-wrapper .content-container givebutter-widget {
    display: inline-block;
    width: 435px;
}

section#gem-collective .content-wrapper h2 {
    color: var(--miss-amazing-off-white);
}

#history .row.center-mobile .col-lg-7,
#about .row.center-mobile .col-lg-7 {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

@media (max-width: 992px) {

    .mission-card-container .content-wrapper {
        flex-direction: column;
    }

    .mission-card-container .mission-card {
        width: 100%;
        max-width: unset;
        aspect-ratio: unset;
    }

    .mission-card-container .mission-card .button-container,
    section#amplify .button-container,
    section#videos .button-container {
        justify-content: center;
    }

    section#amplify .content-container,
    section#videos .content-container,
    .mission-card-container .mission-card h3 {
        text-align: center;
    }

    section#amplify #amplify-wrapper,
    section#videos #videos-wrapper {
        flex-direction: column;
    }

    section#amplify #amplify-wrapper .image-container,
    section#videos #videos-wrapper .image-container,
    section#amplify #amplify-wrapper .content-container,
    section#videos #videos-wrapper .content-container {
        max-width: unset;
    }

    section#amplify #amplify-wrapper .content-container,
    section#videos #videos-wrapper .content-container {
        padding-left: 0;
    }

    section#amplify #amplify-wrapper .image-container,
    section#videos #videos-wrapper .image-container {
        margin-bottom: 2rem;
    }

    section#amplify #amplify-wrapper .image-container .youtube-player {
        margin-left: auto;
        margin-right: auto;

        width: 100% !important;
    }

    section#news .container-fluid .news-card {
        max-width: unset;
    }
}

@media screen and (max-width: 720px) {

    section#national-news {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
    }

    section#national-news .container-fluid {
        width: 100%;
    }
}

@media screen and (max-width: 615px) {
    section#chapters-in-action .container-fluid .section-header {
        height: 80px;
    }
    section#chapters-in-action .container-fluid .section-header h3,
    section#chapters-in-action .container-fluid .section-header a {
        width: 100%;
        text-align: center;
    }
}