.flex-grow-1{flex-grow: 1 !important;}

.w-100{width:100% !important;}

.rounded	{
    --border-radius: 4px;
    border-radius: 4px;
}

.rounded-m	{
    --border-radius: 10px;
    border-radius: 10px;
}

.rounded-l	{
        --border-radius: 15px;
        border-radius: 15px;
}

.rounded-xl	{
    --border-radius: 20px;
    border-radius: 20px;
}
 
.rounded-full	{
    --border-radius: 9999px;
    border-radius: 9999px;
}

.overflow-hidden{
    overflow: hidden;
}

.overflow-clip{
    overflow: clip;
}

.p-0{padding: 0px !important;}
.m-0{margin: 0px !important;}

.hidden {display: none !important;}


.relative {position: relative !important;}
.z-index-1 {z-index:1 !important;}

@media screen and (min-width: 1024px) {
    .not-on-screen{display: none !important;}
    .flex-grow-1-screen{flex-grow: 1 !important;}
}

@media screen and (max-width: 1024px) {
    .not-on-mobile{display: none !important;}
    .flex-grow-1-mobile{flex-grow: 1 !important;}
    .flex-col-reverse {flex-direction: column-reverse;}
}

@media screen and (max-width: 768px) {
    .flex-col-reverse-768 {flex-direction: column-reverse;}
}

/* Responsive Grid  - Make Grid 1 column on Mobile */
@media screen and (max-width: 1024px) {
    .responsive-grid.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 780px) {
    .responsive-grid.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}