/*!
 * Theme Name: Bubble Box
 * Theme URI: https://lk-web.fr
 * Description: Thème Bubble WP
 * Version: 3.1.6
 * Author: Loïc KUCHARSKI
 * Author URI: https://lk-web.fr
 *
 */

/*=== MINI BOOTSTRAP ===*/
.m0{margin:0;}
.ml0{margin-left:0;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr0{margin-right:0;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.p0{padding:0;}
.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pb0{padding-bottom:0;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pt0{padding-top:0;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.p-bloc{padding-bottom:32px;}
.m-bloc{margin-bottom:32px;}

.fs-10{font-size:10px;}
.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-22{font-size:22px;}
.fs-28{font-size:28px;}
.fs-30{font-size:30px;}
.fs-80{font-size:80px;}

.extralight{font-weight:200;}
.light{font-weight:300;}
.medium{font-weight:500;}
.semibold{font-weight:600;}
.bold{font-weight:700;}
.extrabold{font-weight:800;}
.blackbold{font-weight:900;}

.none{display:none;}
.ctr{text-align:center;}
.lft{text-align:left;}
.rgt{text-align:right;}
.pos-rel{position:relative;}
.pos-abs, .abs-all{position:absolute;}
.abs-all{top:0;right:0;bottom:0;left:0;}
.overflow, .img-cover, .img-scale, label{overflow:hidden;}
.pointer, button, input[type="submit"], select, label{cursor:pointer;}
.d-ib{display:inline-block;}
.d-b{display:block;}
.box, input, textarea{box-sizing:border-box;}
.nowrap{white-space:nowrap;}
.cap{text-transform:uppercase;}
.underline, .over:hover, .breadcrumbs a:hover{text-decoration:underline;}
.txt{text-indent:30px;}
.img-cover img, .img-scale img{
    width:100%;height:100%;
    object-position:50% 50%;
}
.img-cover img{object-fit:cover;}
.img-scale img{object-fit:scale-down;}
.alignnone{clear:both;float:none;}
.alignleft{float:left;}
.alignright{float:right;}
img.alignnone, img.alignleft, img.alignright{margin-bottom:10px;}
img.alignleft{margin-right:16px;}
img.alignright{margin-left:16px;}

/*=== FLEX BOOTSTRAP ===*/

.flex-none, .logo-container{flex:none;}
.flex-auto, #main, #article{flex:auto;}
.flex-init{flex:initial;}
.flex-wrap, .row{flex-wrap:wrap;}
.flex-center, .justify-center{justify-content:center;}
.flex-center, .align-center{align-items:center;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.justify-evenly{justify-content:space-evenly;}
.order-1{order:1;}
.order-2{order:2;}

.m-auto, .mt-auto{margin-top:auto;}
.m-auto, .mb-auto{margin-bottom:auto;}
.m-auto, .ml-auto, .container{margin-left:auto;}
.m-auto, .mr-auto, .container{margin-right:auto;}

.img-fluid{
    max-width:100%;
    height:auto;
}
.row, .flex-row, .flex-col, .flex-sm, .flex-md, .flex-lg, .flex-xl, #main{display:flex;}
.flex-col, .flex-sm, .flex-md, .flex-lg, .flex-xl, #main{flex-direction:column;}
.row{
    margin-left:-15px;
    margin-right:-15px;
}
.row > *, .container{
    box-sizing:border-box;
    padding-left:15px;
    padding-right:15px;
    width:100%;
}
.row > *{min-width: 0;}

.col{flex:1 0 0%;}
.col-1{flex:0 0 8.333%;}
.col-2{flex:0 0 16.666%;}
.col-3{flex:0 0 25%;}
.col-4{flex:0 0 33.333%;}
.col-5{flex:0 0 41.666%;}
.col-6{flex:0 0 50%;}
.col-7{flex:0 0 58.333%;}
.col-8{flex:0 0 66.666%;}
.col-9{flex:0 0 75%;}
.col-10{flex:0 0 83.333%;}
.col-11{flex:0 0 91.666%;}
.col-12{flex:0 0 100%;}
.col-auto{flex:0 0 auto;}

@media screen and (min-width:576px){
    .container{max-width:540px;}
    .col-sm{flex:1 0 0%;}
    .col-sm-1{flex:0 0 8.333%;}
    .col-sm-2{flex:0 0 16.666%;}
    .col-sm-3{flex:0 0 25%;}
    .col-sm-4{flex:0 0 33.333%;}
    .col-sm-5{flex:0 0 41.666%;}
    .col-sm-6{flex:0 0 50%;}
    .col-sm-7{flex:0 0 58.333%;}
    .col-sm-8{flex:0 0 66.666%;}
    .col-sm-9{flex:0 0 75%;}
    .col-sm-10{flex:0 0 83.333%;}
    .col-sm-11{flex:0 0 91.666%;}
    .col-sm-12{flex:0 0 100%;}
    .col-sm-auto{flex:0 0 auto;}
    .flex-sm{flex-direction:row;}
}

@media screen and (min-width:768px){
    .container{max-width:720px;}
    .col-md{flex:1 0 0%;}
    .col-md-1{flex:0 0 8.333%;}
    .col-md-2{flex:0 0 16.666%;}
    .col-md-3{flex:0 0 25%;}
    .col-md-4{flex:0 0 33.333%;}
    .col-md-5{flex:0 0 41.666%;}
    .col-md-6{flex:0 0 50%;}
    .col-md-7{flex:0 0 58.333%;}
    .col-md-8{flex:0 0 66.666%;}
    .col-md-9{flex:0 0 75%;}
    .col-md-10{flex:0 0 83.333%;}
    .col-md-11{flex:0 0 91.666%;}
    .col-md-12{flex:0 0 100%;}
    .col-md-auto{flex:0 0 auto;}
    .flex-md{flex-direction:row;}
}

@media screen and (min-width:992px){
    .container{max-width:960px;}
    .col-lg{flex:1 0 0%;}
    .col-lg-1{flex:0 0 8.333%;}
    .col-lg-2{flex:0 0 16.666%;}
    .col-lg-3{flex:0 0 25%;}
    .col-lg-4{flex:0 0 33.333%;}
    .col-lg-5{flex:0 0 41.666%;}
    .col-lg-6{flex:0 0 50%;}
    .col-lg-7{flex:0 0 58.333%;}
    .col-lg-8{flex:0 0 66.666%;}
    .col-lg-9{flex:0 0 75%;}
    .col-lg-10{flex:0 0 83.333%;}
    .col-lg-11{flex:0 0 91.666%;}
    .col-lg-12{flex:0 0 100%;}
    .col-lg-auto{flex:0 0 auto;}
    .flex-lg{flex-direction:row;}
    .order-lg-1{order:1;}
    .order-lg-2{order:2;}
}

@media screen and (min-width:1200px){
    .container{max-width:1140px;}
    .col-xl{flex:1 0 0%;}
    .col-xl-1{flex:0 0 8.333%;}
    .col-xl-2{flex:0 0 16.666%;}
    .col-xl-3{flex:0 0 25%;}
    .col-xl-4{flex:0 0 33.333%;}
    .col-xl-5{flex:0 0 41.666%;}
    .col-xl-6{flex:0 0 50%;}
    .col-xl-7{flex:0 0 58.333%;}
    .col-xl-8{flex:0 0 66.666%;}
    .col-xl-9{flex:0 0 75%;}
    .col-xl-10{flex:0 0 83.333%;}
    .col-xl-11{flex:0 0 91.666%;}
    .col-xl-12{flex:0 0 100%;}
    .col-xl-auto{flex:0 0 auto;}
    .flex-xl{flex-direction:row;}
}
