/* =================================
   WCHB FRONTEND HERO BUILDER
================================= */


.wchb-section{
    width:100%;
    margin:40px 0;
}



/* ROW SYSTEM */

.wchb-columns{

    display:flex;

    flex-wrap:wrap;

    gap:30px;

    width:100%;

    align-items:flex-start;

}



/* COLUMN */

.wchb-column{

    flex:1;

    min-width:0;

}



/* 1 COLUMN */

.wchb-columns.columns-1 .wchb-column{

    flex:0 0 100%;

}



/* 2 COLUMN */

.wchb-columns.columns-2 .wchb-column{

    flex:0 0 calc(50% - 15px);

}



/* 3 COLUMN */

.wchb-columns.columns-3 .wchb-column{

    flex:0 0 calc(33.333% - 20px);

}



/* IMAGE */

.wchb-image img{

    width:100%;

    height:auto;

    display:block;

}



/* HEADING */

.wchb-heading{

    margin:0 0 15px;

}



/* TEXT */

.wchb-text{

    margin-bottom:20px;

}



/* BUTTON */

.wchb-button{

    display:inline-block;

    padding:12px 25px;

    background:#111;

    color:#fff;

    text-decoration:none;

    border-radius:5px;

}



/* HOVER */

.wchb-button:hover{

    opacity:.8;

}



/* ==========================
   TABLET
========================== */

@media(max-width:1024px){


    .wchb-columns.columns-3 .wchb-column{

        flex:0 0 calc(50% - 15px);

    }


}



/* ==========================
   MOBILE
========================== */

@media(max-width:767px){


    .wchb-columns{

        flex-direction:column;

        gap:20px;

    }


    .wchb-columns .wchb-column{

        flex:0 0 100% !important;

        width:100%;

    }


}