/****
Utility
***/

/* Add flex classes since we are missing them so much */
.flex {
    display: flex;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

.flex-column {
    flex-direction: column;
}
 
/****
Home
***/


/* Banners */

.template-00012 .mod-banner__img {
    /*background: none !important;*/
}
    
.template-00012 .mod-banner__content {
    align-items: center;
    background-color: rgba(255,255,255,0.3);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.template-00012 .mod-banner__content h2 {
    /*text-shadow: 1px 1px 1px #000;*/
}

/* Header */

.home-header {
    padding: 2rem 0;
}

.home-header .content {
    display: flex;
    justify-content: center;    
}

/* Carousel */

.home-carousel .carousel-caption {
    align-items: center;
    background: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);  
    text-align: left;
}

.home-carousel .item > img {
    margin: 0!important;
    width: 100%!important;
}

@media screen and (max-width: 480px) {
    .carousel-caption {
        position: absolute;
    } 
}

.home-carousel .carousel-indicators {
    left: 50%;
    transform: translateX(-50%); 
}

/* Actions */

.home-actions .home-actions-container {
    
}

.home-actions .action-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-actions .action-item h3 {
    background-color: #fda30f;
    border-radius: 1rem;
    margin: 0;
    padding: 3rem 0;
    text-align: center;
    width: 80%;
}

.home-actions .action-item:nth-child(odd) h3 {
    background-color: #fb2423;
    color: white;
}

@media screen and (max-width: 768px) {
    .home-actions .action-item h3 {
        padding: 2rem 0;
    }
}

@media screen and (max-width: 992px) {
    .home-actions .action-item {
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 992px) {
    .home-actions .action-item {
        padding: 0;
        width: 20%;
    }
}

/* Alert */

.home-alert-container {
    border: 2px solid #fb2423;
    border-radius: 8px;
    color: #fb2423;
    margin: 0 0 2rem;
    padding: 1rem;
}

.home-alert-container h2 {
    color: #fb2423;
}

.home-alert-container a {
    font-weight: bold;
}


/* Subscription */

.home-subscription h2 {
    background-color: #fda30f;
    border-radius: 2rem;
    font-weight: bold;
    margin: 0;
    padding: 2rem 2rem;
    text-align: center;
    text-transform: uppercase;
}

.home-subscription h2:hover {
    background-color: #ffc05b;
    /* color: #fb2423; */
    /*color: #fda30f;*/
}

.home-subscription a {
    text-decoration: none;
}

/* Activities */

.home-activities {
    margin: 5rem 0;
}

.home-activities h2 {
    font-size: 35px;
    font-weight: bold;
    margin: 0 0 3rem;
    text-align: center;
}

/* Socials */

.home-socials h2 {
    color: white;
}

.home-socials .social-link [class*=icon-] {
    font-size: 6rem;
}

/* Events */

.home-events {
    margin: 5rem 0;
}

.home-events h2 {
    font-size: 35px;
    font-weight: bold;
    margin: 0 0 3rem;
    text-align: center;
}

/* Footer */

.home-footer {
    display: flex;
    justify-content: center;
} 

.child-link {
    white-space: nowrap;
}