/* ========================================
   BREAKPOINTS (Flatsome compatible)
   small: <550px
   medium: >=550px
   large: >=850px
======================================== */

/* ========================================
   SPACING SCALE (px)
======================================== */
/*
0  = 0
1  = 5px
2  = 10px
3  = 15px
4  = 20px
5  = 30px
6  = 40px
7  = 60px
*/

/* ========================================
   BASE (ALL DEVICES)
======================================== */

/* Margin */
.m-0{margin:0}.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:15px}.m-4{margin:20px}.m-5{margin:30px}.m-6{margin:40px}.m-7{margin:60px}

.mt-0{margin-top:0}.mt-1{margin-top:5px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.mt-4{margin-top:20px}.mt-5{margin-top:30px}.mt-6{margin-top:40px}.mt-7{margin-top:60px}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:5px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:15px}.mb-4{margin-bottom:20px}.mb-5{margin-bottom:30px}.mb-6{margin-bottom:40px}.mb-7{margin-bottom:60px}
.ml-0{margin-left:0}.ml-1{margin-left:5px}.ml-2{margin-left:10px}.ml-3{margin-left:15px}.ml-4{margin-left:20px}.ml-5{margin-left:30px}.ml-6{margin-left:40px}.ml-7{margin-left:60px}
.mr-0{margin-right:0}.mr-1{margin-right:5px}.mr-2{margin-right:10px}.mr-3{margin-right:15px}.mr-4{margin-right:20px}.mr-5{margin-right:30px}.mr-6{margin-right:40px}.mr-7{margin-right:60px}

.mx-auto{margin-left:auto;margin-right:auto}

/* Padding */
.p-0{padding:0}.p-1{padding:5px}.p-2{padding:10px}.p-3{padding:15px}.p-4{padding:20px}.p-5{padding:30px}.p-6{padding:40px}.p-7{padding:60px}

.pt-0{padding-top:0}.pt-1{padding-top:5px}.pt-2{padding-top:10px}.pt-3{padding-top:15px}.pt-4{padding-top:20px}.pt-5{padding-top:30px}.pt-6{padding-top:40px}.pt-7{padding-top:60px}
.pb-0{padding-bottom:0}.pb-1{padding-bottom:5px}.pb-2{padding-bottom:10px}.pb-3{padding-bottom:15px}.pb-4{padding-bottom:20px}.pb-5{padding-bottom:30px}.pb-6{padding-bottom:40px}.pb-7{padding-bottom:60px}
.pl-0{padding-left:0}.pl-1{padding-left:5px}.pl-2{padding-left:10px}.pl-3{padding-left:15px}.pl-4{padding-left:20px}.pl-5{padding-left:30px}.pl-6{padding-left:40px}.pl-7{padding-left:60px}
.pr-0{padding-right:0}.pr-1{padding-right:5px}.pr-2{padding-right:10px}.pr-3{padding-right:15px}.pr-4{padding-right:20px}.pr-5{padding-right:30px}.pr-6{padding-right:40px}.pr-7{padding-right:60px}


/* ========================================
   FLEX & ALIGNMENT
======================================== */

.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}

.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}

.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}

.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}

.self-center{align-self:center}

/* ========================================
   TEXT ALIGN
======================================== */

.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}


/* ========================================
   MEDIUM (>=550px)
======================================== */

@media (min-width:550px){

    .m-md-0{margin:0}.m-md-1{margin:5px}.m-md-2{margin:10px}.m-md-3{margin:15px}.m-md-4{margin:20px}.m-md-5{margin:30px}.m-md-6{margin:40px}.m-md-7{margin:60px}

    .mt-md-0{margin-top:0}.mt-md-1{margin-top:5px}.mt-md-2{margin-top:10px}.mt-md-3{margin-top:15px}.mt-md-4{margin-top:20px}.mt-md-5{margin-top:30px}.mt-md-6{margin-top:40px}.mt-md-7{margin-top:60px}
    .mb-md-0{margin-bottom:0}.mb-md-1{margin-bottom:5px}.mb-md-2{margin-bottom:10px}.mb-md-3{margin-bottom:15px}.mb-md-4{margin-bottom:20px}.mb-md-5{margin-bottom:30px}.mb-md-6{margin-bottom:40px}.mb-md-7{margin-bottom:60px}
    .ml-md-0{margin-left:0}.ml-md-1{margin-left:5px}.ml-md-2{margin-left:10px}.ml-md-3{margin-left:15px}.ml-md-4{margin-left:20px}.ml-md-5{margin-left:30px}.ml-md-6{margin-left:40px}.ml-md-7{margin-left:60px}
    .mr-md-0{margin-right:0}.mr-md-1{margin-right:5px}.mr-md-2{margin-right:10px}.mr-md-3{margin-right:15px}.mr-md-4{margin-right:20px}.mr-md-5{margin-right:30px}.mr-md-6{margin-right:40px}.mr-md-7{margin-right:60px}

    .p-md-0{padding:0}.p-md-1{padding:5px}.p-md-2{padding:10px}.p-md-3{padding:15px}.p-md-4{padding:20px}.p-md-5{padding:30px}.p-md-6{padding:40px}.p-md-7{padding:60px}

    .pt-md-0{padding-top:0}.pt-md-1{padding-top:5px}.pt-md-2{padding-top:10px}.pt-md-3{padding-top:15px}.pt-md-4{padding-top:20px}.pt-md-5{padding-top:30px}.pt-md-6{padding-top:40px}.pt-md-7{padding-top:60px}
    .pb-md-0{padding-bottom:0}.pb-md-1{padding-bottom:5px}.pb-md-2{padding-bottom:10px}.pb-md-3{padding-bottom:15px}.pb-md-4{padding-bottom:20px}.pb-md-5{padding-bottom:30px}.pb-md-6{padding-bottom:40px}.pb-md-7{padding-bottom:60px}
    .pl-md-0{padding-left:0}.pl-md-1{padding-left:5px}.pl-md-2{padding-left:10px}.pl-md-3{padding-left:15px}.pl-md-4{padding-left:20px}.pl-md-5{padding-left:30px}.pl-md-6{padding-left:40px}.pl-md-7{padding-left:60px}
    .pr-md-0{padding-right:0}.pr-md-1{padding-right:5px}.pr-md-2{padding-right:10px}.pr-md-3{padding-right:15px}.pr-md-4{padding-right:20px}.pr-md-5{padding-right:30px}.pr-md-6{padding-right:40px}.pr-md-7{padding-right:60px}

    .text-md-left{text-align:left}
    .text-md-center{text-align:center}
    .text-md-right{text-align:right}

    .items-md-center{align-items:center}
    .justify-md-center{justify-content:center}

}


/* ========================================
   LARGE (>=850px)
======================================== */

@media (min-width:850px){

    .m-lg-0{margin:0}.m-lg-1{margin:5px}.m-lg-2{margin:10px}.m-lg-3{margin:15px}.m-lg-4{margin:20px}.m-lg-5{margin:30px}.m-lg-6{margin:40px}.m-lg-7{margin:60px}

    .mt-lg-0{margin-top:0}.mt-lg-1{margin-top:5px}.mt-lg-2{margin-top:10px}.mt-lg-3{margin-top:15px}.mt-lg-4{margin-top:20px}.mt-lg-5{margin-top:30px}.mt-lg-6{margin-top:40px}.mt-lg-7{margin-top:60px}
    .mb-lg-0{margin-bottom:0}.mb-lg-1{margin-bottom:5px}.mb-lg-2{margin-bottom:10px}.mb-lg-3{margin-bottom:15px}.mb-lg-4{margin-bottom:20px}.mb-lg-5{margin-bottom:30px}.mb-lg-6{margin-bottom:40px}.mb-lg-7{margin-bottom:60px}
    .ml-lg-0{margin-left:0}.ml-lg-1{margin-left:5px}.ml-lg-2{margin-left:10px}.ml-lg-3{margin-left:15px}.ml-lg-4{margin-left:20px}.ml-lg-5{margin-left:30px}.ml-lg-6{margin-left:40px}.ml-lg-7{margin-left:60px}
    .mr-lg-0{margin-right:0}.mr-lg-1{margin-right:5px}.mr-lg-2{margin-right:10px}.mr-lg-3{margin-right:15px}.mr-lg-4{margin-right:20px}.mr-lg-5{margin-right:30px}.mr-lg-6{margin-right:40px}.mr-lg-7{margin-right:60px}

    .p-lg-0{padding:0}.p-lg-1{padding:5px}.p-lg-2{padding:10px}.p-lg-3{padding:15px}.p-lg-4{padding:20px}.p-lg-5{padding:30px}.p-lg-6{padding:40px}.p-lg-7{padding:60px}

    .pt-lg-0{padding-top:0}.pt-lg-1{padding-top:5px}.pt-lg-2{padding-top:10px}.pt-lg-3{padding-top:15px}.pt-lg-4{padding-top:20px}.pt-lg-5{padding-top:30px}.pt-lg-6{padding-top:40px}.pt-lg-7{padding-top:60px}
    .pb-lg-0{padding-bottom:0}.pb-lg-1{padding-bottom:5px}.pb-lg-2{padding-bottom:10px}.pb-lg-3{padding-bottom:15px}.pb-lg-4{padding-bottom:20px}.pb-lg-5{padding-bottom:30px}.pb-lg-6{padding-bottom:40px}.pb-lg-7{padding-bottom:60px}
    .pl-lg-0{padding-left:0}.pl-lg-1{padding-left:5px}.pl-lg-2{padding-left:10px}.pl-lg-3{padding-left:15px}.pl-lg-4{padding-left:20px}.pl-lg-5{padding-left:30px}.pl-lg-6{padding-left:40px}.pl-lg-7{padding-left:60px}
    .pr-lg-0{padding-right:0}.pr-lg-1{padding-right:5px}.pr-lg-2{padding-right:10px}.pr-lg-3{padding-right:15px}.pr-lg-4{padding-right:20px}.pr-lg-5{padding-right:30px}.pr-lg-6{padding-right:40px}.pr-lg-7{padding-right:60px}

    .text-lg-left{text-align:left}
    .text-lg-center{text-align:center}
    .text-lg-right{text-align:right}

    .items-lg-center{align-items:center}
    .justify-lg-center{justify-content:center}

}

/* =========================
   CUSTOM BREAKPOINTS
   ========================= */

/* XL: 1280px+ */
@media (min-width: 1280px) {
    .xl\:block { display: block !important; }
    .xl\:inline-block { display: inline-block !important; }
    .xl\:hidden { display: none !important; }

    .xl\:text-left { text-align: left !important; }
    .xl\:text-center { text-align: center !important; }
    .xl\:text-right { text-align: right !important; }

    .xl\:flex { display: flex !important; }
    .xl\:inline-flex { display: inline-flex !important; }

    .xl\:justify-start { justify-content: flex-start !important; }
    .xl\:justify-center { justify-content: center !important; }
    .xl\:justify-end { justify-content: flex-end !important; }

    .xl\:items-start { align-items: flex-start !important; }
    .xl\:items-center { align-items: center !important; }
    .xl\:items-end { align-items: flex-end !important; }
}

/* 2XL: 1536px+ */
@media (min-width: 1536px) {
    .\32xl\:block { display: block !important; }
    .\32xl\:inline-block { display: inline-block !important; }
    .\32xl\:hidden { display: none !important; }

    .\32xl\:text-left { text-align: left !important; }
    .\32xl\:text-center { text-align: center !important; }
    .\32xl\:text-right { text-align: right !important; }

    .\32xl\:flex { display: flex !important; }
    .\32xl\:inline-flex { display: inline-flex !important; }

    .\32xl\:justify-start { justify-content: flex-start !important; }
    .\32xl\:justify-center { justify-content: center !important; }
    .\32xl\:justify-end { justify-content: flex-end !important; }

    .\32xl\:items-start { align-items: flex-start !important; }
    .\32xl\:items-center { align-items: center !important; }
    .\32xl\:items-end { align-items: flex-end !important; }
}