/* css pagebuilder frontend support */
/* all DOM inside main node .pb-contents */

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

/* to hide special rotating sections that could go out of the main area of pagebuilder contents */
.pb-contents{
    overflow: hidden;
}


/* default Flex display for Section allow vertical alignment of inner content */
.pb-contents > section{
    display: flex;
}


/*
    section bg theme
*/
.pb-contents section.light{
    background-color: #efefef;
}



/*
    section height
*/
section.halfheight{
    height: 50vh;
}
section.fullheight{
    height: 100vh;
}
section.height70{
    height: 70vh;
}
section.height60{
    height: 60vh;
}
section.height40{
    height: 40vh;
}
section.height30{
    height: 30vh;
}
section.height20{
    height: 20vh;
}


/* section background image */
section.with-background.with-background-cover{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
section.with-background.with-background-repeat{
    background-repeat: repeat;
}



/*
    section rotation using reveal js script 
*/
.pb-contents section.rotate-left,
.pb-contents section.rotate-right{
    z-index: 1;
}


.pb-contents section.rotate-left,
.pb-contents section.rotate-right,
.pb-contents section.rotate-left > .container,
.pb-contents section.rotate-left > .container-fluid,
.pb-contents section.rotate-right > .container,
.pb-contents section.rotate-right > .container-fluid
{
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.pb-contents section.rotate-left.reveal{
    transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    width: 102%;
    margin-left: -1%;
    
}

.pb-contents section.rotate-right.reveal{
    transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    /* larger section to fit entire space once skewed */
    width: 108%;
    margin-left: -4%;
    
}

.pb-contents section.rotate-left.reveal > .container,
.pb-contents section.rotate-left.reveal > .container-fluid
{
    transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
}

.pb-contents section.rotate-right.reveal > .container,
.pb-contents section.rotate-right.reveal > .container-fluid
{
    transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
}



/* Plugin Figure img size */

.pb-contents figure.with-img-responsive img{
    width: 100%; height: auto;
}

.pb-contents figure.with-img-auto img{
    width: auto;
}






/* 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);
    }
    
}