/* ----------------- THIRDS LAYOUTS ----------------- */


.csc-layout-row{
    display: grid;
    gap: 2rem;
}

.csc-layout-row-50-50{
    grid-template-columns: 1fr 1fr;
}

.csc-layout-row-33-66{
    grid-template-columns: 1fr 2fr;
}

.csc-layout-row-66-33{
    grid-template-columns: 2fr 1fr;
}

.csc-layout-row-33-33-33{
    grid-template-columns: repeat(3, 1fr);
}



@media (max-width: 640px) {
    .csc-layout-row-33-66,
    .csc-layout-row-66-33,
    .csc-layout-row-33-33-33{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .csc-layout-row-50-50{
        grid-template-columns: 1fr;
    }    
}

.csc-layout-col{
    /* border: 1px solid greenyellow; */
}


/* remove margin top from headings when starting a new column */
.csc-layout-col [class*="csc-heading"]{
    margin-top: 0;
}


.csc-items-space-between{
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}