/**
*
*  c32
*  2 column image text
*
**/

/*======= 320  padding l,r  15  = 290 ===*/

.c32 {
    margin-bottom: 1.5em;
    position: relative;

}

.c32.bottomLine::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 1px;
    border-bottom: solid 1px var(--colored-line);
}

.c32.ltr.bottomLine::after {
    left: 0;
}

.c32.rtl.bottomLine::after {
    right: 0;
}

.c32 .category {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0.5em;
    color: var(--colored-text);
}


.c32 h2 {
    margin-bottom: 0.6em;
    margin-top: 0.5em;
}

.c32 img {
    width: 100%;
    height: auto;
    margin-bottom: 1.5em;
}

.c32 .txt {
    padding-bottom: 2em;
}



/*======= 576 ========= MEDIA QUERIES ======= border 15 = 546 ===*/

@media only screen and (min-width: 576px) {}

/*======= 768 ========= MEDIA QUERIES ======= border 15 = 738 ===*/

@media only screen and (min-width: 768px) {

    .c32 .container {
        display: flex;
        flex-wrap: wrap;
        gap: 8.52%;
        align-items: flex-start;
    }

    .c32 .leftCol {
        width: 31.838%;
    }

    .c32 .rightCol {
        width: 59.641%;
    }


    .c32 .textarea {
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }

    .c32 .spacer {
        width: 7%;
        height: 0.8em;
        border-bottom: solid 1px #BCA382;
    }

    .c32 .txt {
        width: 89.47%;
        /*714 at 798*/

    }

    .c32 h2 {
        margin-top: 0;
        font-size: 34px;
    }

    .c32.bottomLine::after {
        width: calc(((100vw - 1338px) / 2) + 1110px);
        /*10 grid elements*/
    }

}

/*======= 990 ======== MEDIA QUERIES ======== border 15 = 960 ===*/

@media only screen and (min-width: 990px) {
    .c32 h2 {
        font-size: 40px;
        margin-bottom: 1em;
    }
}

/*======= 1398 ======= MEDIA QUERIES ======== border 30 = 1338 ==*/

@media only screen and (min-width: 1398px) {
    .c32 {
        margin-bottom: 3.5em;

    }

    .c32 .container {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        align-items: flex-start;
    }

    .c32 .leftCol {
        width: 654px;
    }

    .c32 .rightCol {
        width: 654px;
    }

    .c32 h2 {
        margin-top: 1em;
    }


}

/*======= 2512 ======= MEDIA QUERIES ==== border 151-45 = 2396 ==*/

@media only screen and (min-width: 2512px) {}

/*END-c32*/