/* pagebuilder frontend css support */

:root{
    --pb_spacing_1: 1rem;
    --pb_spacing_2: 2rem;
    --pb_spacing_3: 3rem;
    --pb_spacing_4: 4rem;
    --pb_spacing_5: 5rem;
}


/* Figure */
figure.with-img-responsive img{ width: 100%; height: auto; }


/* Backgrounds */
.with-background.with-background-cover{
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.with-background.with-background-contain{
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.with-background.with-background-contain{
    background-repeat: repeat;
}






/* General Layout Padding and Margin */

.pb_p-0{
    padding: 0 !important;
}
.pb_p-1{
    padding: var(--pb_spacing_1) !important;
}
.pb_p-2{
    padding: var(--pb_spacing_2) !important;
}
.pb_p-3{
    padding: var(--pb_spacing_3) !important;
}
.pb_p-4{
    padding: var(--pb_spacing_4) !important;
}
.pb_p-5{
    padding: var(--pb_spacing_5) !important;
}


.pb_m-0{
    margin: 0 !important;
}
.pb_m-1{
    margin: var(--pb_spacing_1) !important;
}
.pb_m-2{
    margin: var(--pb_spacing_2) !important;
}
.pb_m-3{
    margin: var(--pb_spacing_3) !important;
}
.pb_m-4{
    margin: var(--pb_spacing_4) !important;
}
.pb_m-5{
    margin: var(--pb_spacing_5) !important;
}


/* padding and margin for smaller screens */

@media all and (max-width: 991px) {
    
    .pb_sm_p-0{
        padding: 0 !important;
    }
    .pb_sm_p-1{
        padding: var(--pb_spacing_1) !important;
    }
    .pb_sm_p-2{
        padding: var(--pb_spacing_2) !important;
    }
    .pb_sm_p-3{
        padding: var(--pb_spacing_3) !important;
    }
    .pb_sm_p-4{
        padding: var(--pb_spacing_4) !important;
    }
    .pb_sm_p-5{
        padding: var(--pb_spacing_5) !important;
    }
    
    
    .pb_sm_m-0{
        margin: 0 !important;
    }
    .pb_sm_m-1{
        margin: var(--pb_spacing_1) !important;
    }
    .pb_sm_m-2{
        margin: var(--pb_spacing_1) !important;
    }
    .pb_sm_m-3{
        margin: var(--pb_spacing_1) !important;
    }
    .pb_sm_m-4{
        margin: var(--pb_spacing_1) !important;
    }
    .pb_sm_m-5{
        margin: var(--pb_spacing_1) !important;
    }
    
}







/* Plugin Spacer */

.pb-spacer{
    display: block;
    width: 100%;
    height: var(--pb_spacing_1);
}

.pb-spacer.pb_h_0{
    height: 0px;
}
.pb-spacer.pb_h_1{
    height: var(--pb_spacing_1);
}
.pb-spacer.pb_h_2{
    height: var(--pb_spacing_2);
}
.pb-spacer.pb_h_3{
    height: var(--pb_spacing_3);
}
.pb-spacer.pb_h_4{
    height: var(--pb_spacing_4);
}
.pb-spacer.pb_h_5{
    height: var(--pb_spacing_5);
}



@media all and (max-width: 991px) {
    
    .pb-spacer.pb_sm_h_1{
        height: var(--pb_spacing_1);
    }
    .pb-spacer.pb_sm_h_2{
        height: var(--pb_spacing_2);
    }
    .pb-spacer.pb_sm_h_3{
        height: var(--pb_spacing_3);
    }
    .pb-spacer.pb_sm_h_4{
        height: var(--pb_spacing_4);
    }
    .pb-spacer.pb_sm_h_5{
        height: var(--pb_spacing_5);
    }
    
}