.wordCarousel {
    font-size: 1.5rem;
    font-weight: 200;
    justify-content:center;
    margin-top:10px;
}
.wordCarousel > span {
    color: #43828B;
}
.wordCarousel > div {
    overflow: hidden;
    position: relative;
    height: 45px;
    padding-top: 10px;
    margin-top: -5px;
}

.wordCarousel > div > ul {
    list-style: none;
    margin-left:unset;
    padding-left:unset;
    color: #fff;
}

.wordCarousel > div > ul > li {
    font-weight: 600;
    padding: 0 10px;
    height: 45px;
    margin-bottom: 45px;
    display: block;
    list-style-type: none;
}

a {
    color: #43828B;
}
a:hover, a:active, a:focus {
    color: #43828B;
    opacity: 0.65;
}
img#donate-button {
    max-height: 50px;
    margin-top: 8px;
}
img#donate-button:hover {
    opacity: 0.65;
}
img#qr-code {
    float: left;
    max-height: 100px;
    margin-top: 30px;
}

/* Begin text slider */

/* (A) OUTER CONTAINER */
.hwrap {
    /* (A1) DIMENSIONS */
    width: 100%;
    /* (A2) COSMETICS */
    overflow: hidden; /* HIDE SCROLLBARS */
}

/* (B) MIDDLE CONTAINER - FLEX LAYOUT */
.hmove {
    display: flex;
    position: relative;
    top: 0;
    right: 0;
}

/* (C) SLIDES - FORCE INTO ONE LONG HORIZONTAL ROW */
.hslide {
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: .75rem 0 1rem 0;
}

.hslide span {
    color: #43828B;
    font-variant-caps: all-petite-caps;
    font-size: 2.125rem;
}

/* (D) SLIDE ANIMATION */
@keyframes slideh {
    /* (D0) THE IDEA - USE KEYFRAMES TO SHIFT SLIDES *
  0% { right: 0; }
  33% { right: 100%; }
  66% { right: 200%; }
  100% { right: 0; }
 
  /* (D1) BUT THE ABOVE WILL SHIFT NON-STOP */
    /* SO WE ADD PAUSES BETWEEN EACH SLIDE */
    0% {
        right: 0;
    }

    30% {
        right: 0;
    }

    33% {
        right: 100%;
    }

    63% {
        right: 100%;
    }

    66% {
        right: 200%;
    }

    97% {
        right: 200%;
    }

    100% {
        right: 0;
    }
}

.hmove {
    animation: slideh linear 15s infinite;
}

.hmove:hover {
    animation-play-state: paused;
}

/* End text slider */

.no-padding-left-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-padding-top-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mt-5 {
    margin-top: 2rem !important;
}

.nav-tabs {
    border-bottom: 1px solid #43828B !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF !important;
    background-color: #43828B !important;
    border-color: #43828B #43828B #43828B !important;
}

.nav-tabs .nav-link a {
    color: #F2735B;
    text-decoration: none;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link a:hover, .nav-tabs .nav-link a:focus {
    color: #F2735B;
    text-decoration: none;
    border-color: #F2735B;
}

/* Flip Cards CSS */
.card-container {
    display: grid;
    margin: .75rem 0;
}
.card-container > .card-flip {
    display: grid;
    grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
    transition: all 0.7s ease;
    padding: 0;
    margin: 0;
}
.card-container:hover .card-flip {
    transform: rotateX(180deg);
}
.card-container > .card-flip > div {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.card-container > .card-flip .card-text {
    color: #17312C;
    margin: 0;
    padding: 0.25rem;
}
.card-container > .card-flip .card-link {
    margin: .5rem 0;
}
.card-container > .card-flip .tiny-text {
    font-size: .5rem;
    color: #17312C;
    margin: .5rem 0;
}
/* card front */
.card-container > .card-flip > .card-front {
    position: relative;
    grid-area: frontAndBack;
    background-color: #43828B;
    border: solid 2px #43828B;
    border-radius: 4px !important;
    margin: 0;
    display: flex; /* establish flex container */
    flex-direction: column; /* stack flex items vertically */
    /*justify-content: center;*/ /* center items vertically, in this case */
    align-items: center;
    overflow: hidden;
}
.card-container > .card-flip > .card-front:after {
    display: none
}
.card-container > .card-flip > .card-front > .card-header {
    font-size: 3rem;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: .5rem 0 0 0;
    border-radius: 0 !important;
    border: none !important;
    background-color: #43828B;
    font-family: 'chalkbd-webfont';
    font-stretch: semi-expanded;
    text-shadow: 0 0 .125rem #000;
    color: #fff;
}
.card-container > .card-flip > .card-front > .card-block {
/*  background-position-x: center;
    background-position-y: top;
    background-size: contain;
    background-repeat:no-repeat; 
    height: auto;
    width: auto;*/
}
.card-container > .card-flip > .card-front > .card-block > img {
    width: 100%;
    height: auto;
}
    /*
.card-container > .card-flip > .card-front > .card-block.bg-1 {
    background-image: url('/img/donate-2.jpeg');
}
.card-container > .card-flip > .card-front > .card-block.bg-2 {
    background-image: url('/img/volunteer-2.jpeg');
}
.card-container > .card-flip > .card-front .card-block.bg-3 {
    background-image: url('/img/auction.jpeg');
}
.card-container > .card-flip > .card-front .card-block.bg-4 {
    background-image: url('/img/shopping.jpeg');
}
.card-container > .card-flip > .card-front .card-block.bg-5 {
    background-image: url('/img/fundraisers.jpeg');
}
.card-container > .card-flip > .card-front .card-block.bg-6 {
    background-image: url('/img/other-events.jpeg');
}
*/
/* card back */
.card-container > .card-flip .card-back {
    grid-area: frontAndBack;
    transform: rotateX(-180deg);
    border: solid 2px #F2735B;
    border-radius: 4px !important;
    background-color: #FFF;
    margin: 0;
}
.card-container > .card-flip .card-back table {
    width: 100%;
    float: left;
    margin: 0;
    padding-bottom: 0.25rem;
}
.card-container > .card-flip .card-back table ul {
    padding-left: 1.5rem;
}
.card-container > .card-flip .card-back > .card-header {
    font-size: 2.25rem;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: .5rem 0 0 0;
    border-radius: 0 !important;
    border: none !important;
    background-color: #F2735B;
    font-family: 'chalkbd-webfont';
    font-stretch: semi-expanded;
    text-shadow: 0 0 .125rem #000;
    color: #fff;
}
.card-container > .card-flip .card-back > .card-block {
    font-size: .90125rem !important;
    margin: 0;
}

.footer-icon {
    height: 1.5rem;
    width: 1.5rem;
    max-height: 2rem;
    max-width: 2rem;
    margin: 0 6px;
}

.footer-text {
    padding: 0.5rem 1rem;
}