/*
 Theme Name:   Avada Child
 Theme URI:    https://www.wplounge.nl/
 Description:  Avada Child
 Author:       Jonathan Kotten
 Author URI:   https://meteordesign.nl/
 Template:     Avada
 Version:      1.0.0
*/

/* Classes needed by Theme Check */
.wp-caption-text,
.gallery-caption,
.bypostauthor {
}

.flex-container h2 {
    width: 100%;
    text-align: center;
    font-size: 34px !important;
    margin: 48px 0;
}

.flex-container {
    display: flex;
    gap: 24px;
    justify-content: center;
} 

.flex-col-1 {
    display: flex;
    flex-direction: row;
    flex-basis: 50%;
    max-width: 50%;
    background-color: #FAFAFA;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 8px;
    text-align: center;
    align-items: center;
}

.flex-col-1 .image {
    flex-basis: 50%;
    max-width: 50%;
}

.flex-col-1 .content {
    flex-basis: 50%;
    max-width: 50%;
    padding: 24px;
}

.flex-col-1 p {
    font-size: 20px;
    margin-bottom: 0;
}

.flex-col-1 span {
    font-weight: bold;
    margin-top: 8px;
}


@media only screen and ( max-width: 1023px ) {
    .flex-container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .flex-col-1 {
        flex-direction: column;
        flex-basis: calc( 100% - 24px );
        max-width: calc( 100% - 24px );
    }

    .flex-col-1 .image {
        max-width: 100%;
        width: 100%;
    }
}


@media only screen and ( max-width: 600px ) {
    .flex-col-1 {
        flex-basis: calc( 100% - 24px );
        max-width: calc( 100% - 24px );
    }
}