/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

@charset "UTF-8";

/* === © 2021, Maxime Cochini === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : VARIABLES & CONFIG === */

/* Start : Variables */

/* End : Variables */

/* ---------- */

/* Start : Texts & Fonts */

/* End : Fonts */

/* ---------- */

/* Start : Config */

/* End : Config */

/* === END : VARIABLES === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : GENERIC CLASSES === */

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline {
  display: inline !important;
}

.d-flex {
  display: flex !important;
}

@media (max-width: 576px) {
  .d-flex-xs {
    display: flex !important;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .d-flex-md {
    display: flex !important;
  }
}

@media (min-width: 992px) {
  .d-flex-lg {
    display: flex !important;
  }
}

.d-none {
  display: none !important;
}

/* Start : Flex */

.flex-column {
  -webkit-flex-direction: column !important;
  -moz-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

@media (max-width: 576px) {
  .flex-column-xs {
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .flex-column-md {
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

@media (min-width: 992px) {
  .flex-column-lg {
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.flex-row {
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

@media (max-width: 576px) {
  .flex-row-xs {
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .flex-row-md {
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}

@media (min-width: 992px) {
  .flex-row-lg {
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -moz-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  -moz-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-grow-0 {
  -webkit-flex-grow: 0 !important;
  flex-grow: 0 !important;
}

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

.align-items-start {
  -webkit-align-items: start !important;
  align-items: start !important;
}

.align-items-end {
  -webkit-align-items: end !important;
  align-items: end !important;
}

.align-items-center {
  -webkit-align-items: center !important;
  align-items: center !important;
}

.align-items-around {
  -webkit-align-items: space-around !important;
  align-items: space-around !important;
}

.align-items-between {
  -webkit-align-items: space-between !important;
  align-items: space-between !important;
}

.justify-content-start {
  -webkit-justify-content: start !important;
  justify-content: start !important;
}

.justify-content-end {
  -webkit-justify-content: end !important;
  justify-content: end !important;
}

.justify-content-center {
  -webkit-justify-content: center !important;
  justify-content: center !important;
}

.justify-content-around {
  -webkit-justify-content: space-around !important;
  justify-content: space-around !important;
}

.justify-content-between {
  -webkit-justify-content: space-between !important;
  justify-content: space-between !important;
}

/* End : Flex */

.p-static {
  position: static !important;
}

.p-absolute {
  position: absolute !important;
}

.p-relative {
  position: relative !important;
}

.h-100 {
  height: 100% !important;
}

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

.vh-100 {
  height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.width-auto img {
  width: auto !important;
}

/* Start : Spacing */

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 2px !important;
}

.mt-2 {
  margin-top: 4px !important;
}

.mt-3 {
  margin-top: 8px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mt-5 {
  margin-top: 32px !important;
}

.mt-6 {
  margin-top: 64px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 2px !important;
}

.mr-2 {
  margin-right: 4px !important;
}

.mr-3 {
  margin-right: 8px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mr-5 {
  margin-right: 32px !important;
}

.mr-6 {
  margin-right: 64px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 2px !important;
}

.mb-2 {
  margin-bottom: 4px !important;
}

.mb-3 {
  margin-bottom: 8px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mb-5 {
  margin-bottom: 32px !important;
}

.mb-6 {
  margin-bottom: 64px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 2px !important;
}

.ml-2 {
  margin-left: 4px !important;
}

.ml-3 {
  margin-left: 8px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.ml-5 {
  margin-left: 32px !important;
}

.ml-6 {
  margin-left: 64px !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.mx-2 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mx-3 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mx-5 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mx-6 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.my-2 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-3 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-5 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my-6 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 2px !important;
}

.pt-2 {
  padding-top: 4px !important;
}

.pt-3 {
  padding-top: 8px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pt-5 {
  padding-top: 32px !important;
}

.pt-6 {
  padding-top: 64px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 2px !important;
}

.pr-2 {
  padding-right: 4px !important;
}

.pr-3 {
  padding-right: 8px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pr-5 {
  padding-right: 32px !important;
}

.pr-6 {
  padding-right: 64px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 2px !important;
}

.pb-2 {
  padding-bottom: 4px !important;
}

.pb-3 {
  padding-bottom: 8px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pb-5 {
  padding-bottom: 32px !important;
}

.pb-6 {
  padding-bottom: 64px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 2px !important;
}

.pl-2 {
  padding-left: 4px !important;
}

.pl-3 {
  padding-left: 8px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.pl-5 {
  padding-left: 32px !important;
}

.pl-6 {
  padding-left: 64px !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.px-2 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.px-3 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-5 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.px-6 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.py-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-3 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-5 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py-6 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

@media (max-width: 576px) {
  .mt-0-xs {
    margin-top: 0 !important;
  }

  .mt-1-xs {
    margin-top: 2px !important;
  }

  .mt-2-xs {
    margin-top: 4px !important;
  }

  .mt-3-xs {
    margin-top: 8px !important;
  }

  .mt-4-xs {
    margin-top: 16px !important;
  }

  .mt-5-xs {
    margin-top: 32px !important;
  }

  .mt-6-xs {
    margin-top: 64px !important;
  }

  .mr-0-xs {
    margin-right: 0 !important;
  }

  .mr-1-xs {
    margin-right: 2px !important;
  }

  .mr-2-xs {
    margin-right: 4px !important;
  }

  .mr-3-xs {
    margin-right: 8px !important;
  }

  .mr-4-xs {
    margin-right: 16px !important;
  }

  .mr-5-xs {
    margin-right: 32px !important;
  }

  .mr-6-xs {
    margin-right: 64px !important;
  }

  .mb-0-xs {
    margin-bottom: 0 !important;
  }

  .mb-1-xs {
    margin-bottom: 2px !important;
  }

  .mb-2-xs {
    margin-bottom: 4px !important;
  }

  .mb-3-xs {
    margin-bottom: 8px !important;
  }

  .mb-4-xs {
    margin-bottom: 16px !important;
  }

  .mb-5-xs {
    margin-bottom: 32px !important;
  }

  .mb-6-xs {
    margin-bottom: 64px !important;
  }

  .ml-0-xs {
    margin-left: 0 !important;
  }

  .ml-1-xs {
    margin-left: 2px !important;
  }

  .ml-2-xs {
    margin-left: 4px !important;
  }

  .ml-3-xs {
    margin-left: 8px !important;
  }

  .ml-4-xs {
    margin-left: 16px !important;
  }

  .ml-5-xs {
    margin-left: 32px !important;
  }

  .ml-6-xs {
    margin-left: 64px !important;
  }

  .mx-0-xs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-1-xs {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .mx-2-xs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-3-xs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-4-xs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .mx-5-xs {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }

  .mx-6-xs {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }

  .my-0-xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-1-xs {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .my-2-xs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-3-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-4-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .my-5-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .my-6-xs {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .pt-0-xs {
    padding-top: 0 !important;
  }

  .pt-1-xs {
    padding-top: 2px !important;
  }

  .pt-2-xs {
    padding-top: 4px !important;
  }

  .pt-3-xs {
    padding-top: 8px !important;
  }

  .pt-4-xs {
    padding-top: 16px !important;
  }

  .pt-5-xs {
    padding-top: 32px !important;
  }

  .pt-6-xs {
    padding-top: 64px !important;
  }

  .pr-0-xs {
    padding-right: 0 !important;
  }

  .pr-1-xs {
    padding-right: 2px !important;
  }

  .pr-2-xs {
    padding-right: 4px !important;
  }

  .pr-3-xs {
    padding-right: 8px !important;
  }

  .pr-4-xs {
    padding-right: 16px !important;
  }

  .pr-5-xs {
    padding-right: 32px !important;
  }

  .pr-6-xs {
    padding-right: 64px !important;
  }

  .pb-0-xs {
    padding-bottom: 0 !important;
  }

  .pb-1-xs {
    padding-bottom: 2px !important;
  }

  .pb-2-xs {
    padding-bottom: 4px !important;
  }

  .pb-3-xs {
    padding-bottom: 8px !important;
  }

  .pb-4-xs {
    padding-bottom: 16px !important;
  }

  .pb-5-xs {
    padding-bottom: 32px !important;
  }

  .pb-6-xs {
    padding-bottom: 64px !important;
  }

  .pl-0-xs {
    padding-left: 0 !important;
  }

  .pl-1-xs {
    padding-left: 2px !important;
  }

  .pl-2-xs {
    padding-left: 4px !important;
  }

  .pl-3-xs {
    padding-left: 8px !important;
  }

  .pl-4-xs {
    padding-left: 16px !important;
  }

  .pl-5-xs {
    padding-left: 32px !important;
  }

  .pl-6-xs {
    padding-left: 64px !important;
  }

  .px-0-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-1-xs {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .px-2-xs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-3-xs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-4-xs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .px-5-xs {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .px-6-xs {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .py-0-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-1-xs {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .py-2-xs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-3-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-4-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .py-5-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .py-6-xs {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .mt-0-md {
    margin-top: 0 !important;
  }

  .mt-1-md {
    margin-top: 2px !important;
  }

  .mt-2-md {
    margin-top: 4px !important;
  }

  .mt-3-md {
    margin-top: 8px !important;
  }

  .mt-4-md {
    margin-top: 16px !important;
  }

  .mt-5-md {
    margin-top: 32px !important;
  }

  .mt-6-md {
    margin-top: 64px !important;
  }

  .mr-0-md {
    margin-right: 0 !important;
  }

  .mr-1-md {
    margin-right: 2px !important;
  }

  .mr-2-md {
    margin-right: 4px !important;
  }

  .mr-3-md {
    margin-right: 8px !important;
  }

  .mr-4-md {
    margin-right: 16px !important;
  }

  .mr-5-md {
    margin-right: 32px !important;
  }

  .mr-6-md {
    margin-right: 64px !important;
  }

  .mb-0-md {
    margin-bottom: 0 !important;
  }

  .mb-1-md {
    margin-bottom: 2px !important;
  }

  .mb-2-md {
    margin-bottom: 4px !important;
  }

  .mb-3-md {
    margin-bottom: 8px !important;
  }

  .mb-4-md {
    margin-bottom: 16px !important;
  }

  .mb-5-md {
    margin-bottom: 32px !important;
  }

  .mb-6-md {
    margin-bottom: 64px !important;
  }

  .ml-0-md {
    margin-left: 0 !important;
  }

  .ml-1-md {
    margin-left: 2px !important;
  }

  .ml-2-md {
    margin-left: 4px !important;
  }

  .ml-3-md {
    margin-left: 8px !important;
  }

  .ml-4-md {
    margin-left: 16px !important;
  }

  .ml-5-md {
    margin-left: 32px !important;
  }

  .ml-6-md {
    margin-left: 64px !important;
  }

  .mx-0-md {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-1-md {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .mx-2-md {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-3-md {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-4-md {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .mx-5-md {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }

  .mx-6-md {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }

  .my-0-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-1-md {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .my-2-md {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-3-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-4-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .my-5-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .my-6-md {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .pt-0-md {
    padding-top: 0 !important;
  }

  .pt-1-md {
    padding-top: 2px !important;
  }

  .pt-2-md {
    padding-top: 4px !important;
  }

  .pt-3-md {
    padding-top: 8px !important;
  }

  .pt-4-md {
    padding-top: 16px !important;
  }

  .pt-5-md {
    padding-top: 32px !important;
  }

  .pt-6-md {
    padding-top: 64px !important;
  }

  .pr-0-md {
    padding-right: 0 !important;
  }

  .pr-1-md {
    padding-right: 2px !important;
  }

  .pr-2-md {
    padding-right: 4px !important;
  }

  .pr-3-md {
    padding-right: 8px !important;
  }

  .pr-4-md {
    padding-right: 16px !important;
  }

  .pr-5-md {
    padding-right: 32px !important;
  }

  .pr-6-md {
    padding-right: 64px !important;
  }

  .pb-0-md {
    padding-bottom: 0 !important;
  }

  .pb-1-md {
    padding-bottom: 2px !important;
  }

  .pb-2-md {
    padding-bottom: 4px !important;
  }

  .pb-3-md {
    padding-bottom: 8px !important;
  }

  .pb-4-md {
    padding-bottom: 16px !important;
  }

  .pb-5-md {
    padding-bottom: 32px !important;
  }

  .pb-6-md {
    padding-bottom: 64px !important;
  }

  .pl-0-md {
    padding-left: 0 !important;
  }

  .pl-1-md {
    padding-left: 2px !important;
  }

  .pl-2-md {
    padding-left: 4px !important;
  }

  .pl-3-md {
    padding-left: 8px !important;
  }

  .pl-4-md {
    padding-left: 16px !important;
  }

  .pl-5-md {
    padding-left: 32px !important;
  }

  .pl-6-md {
    padding-left: 64px !important;
  }

  .px-0-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-1-md {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .px-2-md {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-3-md {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-4-md {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .px-5-md {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .px-6-md {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .py-0-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-1-md {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .py-2-md {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-3-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-4-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .py-5-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .py-6-md {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

/* End : Spacing */

/* Start : Order */

.mc_order {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}

.mc_order .mc_order-1 {
  order: 1 !important;
}

.mc_order .mc_order-2 {
  order: 2 !important;
}

.mc_order .mc_order-3 {
  order: 3 !important;
}

.mc_order .mc_order-4 {
  order: 4 !important;
}

.mc_order .mc_order-5 {
  order: 5 !important;
}

@media (max-width: 768px) {
  .mc_order-sm {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .mc_order-sm > .elementor-container {
    width: 100% !important;
  }

  .mc_order-sm .mc_order-1-sm {
    order: 1 !important;
  }

  .mc_order-sm .mc_order-2-sm {
    order: 2 !important;
  }

  .mc_order-sm .mc_order-3-sm {
    order: 3 !important;
  }

  .mc_order-sm .mc_order-4-sm {
    order: 4 !important;
  }

  .mc_order-sm .mc_order-5-sm {
    order: 5 !important;
  }
}

@media (max-width: 992px) {
  .mc_order-md {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .mc_order-md > .elementor-container {
    width: 100% !important;
  }

  .mc_order-md .mc_order-1-md {
    order: 1 !important;
  }

  .mc_order-md .mc_order-2-md {
    order: 2 !important;
  }

  .mc_order-md .mc_order-3-md {
    order: 3 !important;
  }

  .mc_order-md .mc_order-4-md {
    order: 4 !important;
  }

  .mc_order-md .mc_order-5-md {
    order: 5 !important;
  }
}

/* End : Order */

body:not(.admin-bar) .hide-non-admins {
  display: none !important;
}

/* === END : GENERIC CLASSES === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : TEXTS === */

.text-left h1,
.text-left h2,
.text-left h3,
.text-left h4,
.text-left h5,
.text-left h6,
.text-left p {
  text-align: left !important;
}

.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4,
.text-center h5,
.text-center h6,
.text-center p {
  text-align: center !important;
}

.text-right h1,
.text-right h2,
.text-right h3,
.text-right h4,
.text-right h5,
.text-right h6,
.text-right p {
  text-align: right !important;
}

.text-justify h1,
.text-justify h2,
.text-justify h3,
.text-justify h4,
.text-justify h5,
.text-justify h6,
.text-justify p {
  text-align: justify !important;
}

.text-justify-title-center h1,
.text-justify-title-center h2,
.text-justify-title-center h3,
.text-justify-title-center h4,
.text-justify-title-center h5,
.text-justify-title-center h6,
.text-justify-title-center a.btn,
.text-justify-title-center a.to-btn {
  text-align: center !important;
}

.text-justify-title-center p {
  text-align: justify !important;
}

@media (max-width: 576px) {
  .text-left-xs h1,
  .text-left-xs h2,
  .text-left-xs h3,
  .text-left-xs h4,
  .text-left-xs h5,
  .text-left-xs h6,
  .text-left-xs p {
    text-align: left !important;
  }

  .text-center-xs h1,
  .text-center-xs h2,
  .text-center-xs h3,
  .text-center-xs h4,
  .text-center-xs h5,
  .text-center-xs h6,
  .text-center-xs p {
    text-align: center !important;
  }

  .text-right-xs h1,
  .text-right-xs h2,
  .text-right-xs h3,
  .text-right-xs h4,
  .text-right-xs h5,
  .text-right-xs h6,
  .text-right-xs p {
    text-align: right !important;
  }

  .text-justify-xs h1,
  .text-justify-xs h2,
  .text-justify-xs h3,
  .text-justify-xs h4,
  .text-justify-xs h5,
  .text-justify-xs h6,
  .text-justify-xs p {
    text-align: justify !important;
  }

  .text-justify-title-center-xs h1,
  .text-justify-title-center-xs h2,
  .text-justify-title-center-xs h3,
  .text-justify-title-center-xs h4,
  .text-justify-title-center-xs h5,
  .text-justify-title-center-xs h6,
  .text-justify-title-center-xs a.btn,
  .text-justify-title-center-xs a.to-btn {
    text-align: center !important;
  }

  .text-justify-title-center-xs p {
    text-align: justify !important;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .text-left-md h1,
  .text-left-md h2,
  .text-left-md h3,
  .text-left-md h4,
  .text-left-md h5,
  .text-left-md h6,
  .text-left-md p {
    text-align: left !important;
  }

  .text-center-md h1,
  .text-center-md h2,
  .text-center-md h3,
  .text-center-md h4,
  .text-center-md h5,
  .text-center-md h6,
  .text-center-md p {
    text-align: center !important;
  }

  .text-right-md h1,
  .text-right-md h2,
  .text-right-md h3,
  .text-right-md h4,
  .text-right-md h5,
  .text-right-md h6,
  .text-right-md p {
    text-align: right !important;
  }

  .text-justify-md h1,
  .text-justify-md h2,
  .text-justify-md h3,
  .text-justify-md h4,
  .text-justify-md h5,
  .text-justify-md h6,
  .text-justify-md p {
    text-align: justify !important;
  }

  .text-justify-title-center-md h1,
  .text-justify-title-center-md h2,
  .text-justify-title-center-md h3,
  .text-justify-title-center-md h4,
  .text-justify-title-center-md h5,
  .text-justify-title-center-md h6,
  .text-justify-title-center-md a.btn,
  .text-justify-title-center-md a.to-btn {
    text-align: center !important;
  }

  .text-justify-title-center-md p {
    text-align: justify !important;
  }
}

@media (min-width: 992px) {
  .text-left-lg h1,
  .text-left-lg h2,
  .text-left-lg h3,
  .text-left-lg h4,
  .text-left-lg h5,
  .text-left-lg h6,
  .text-left-lg p {
    text-align: left !important;
  }

  .text-center-lg h1,
  .text-center-lg h2,
  .text-center-lg h3,
  .text-center-lg h4,
  .text-center-lg h5,
  .text-center-lg h6,
  .text-center-lg p {
    text-align: center !important;
  }

  .text-right-lg h1,
  .text-right-lg h2,
  .text-right-lg h3,
  .text-right-lg h4,
  .text-right-lg h5,
  .text-right-lg h6,
  .text-right-lg p {
    text-align: right !important;
  }

  .text-justify-lg h1,
  .text-justify-lg h2,
  .text-justify-lg h3,
  .text-justify-lg h4,
  .text-justify-lg h5,
  .text-justify-lg h6,
  .text-justify-lg p {
    text-align: justify !important;
  }

  .text-justify-title-center-lg h1,
  .text-justify-title-center-lg h2,
  .text-justify-title-center-lg h3,
  .text-justify-title-center-lg h4,
  .text-justify-title-center-lg h5,
  .text-justify-title-center-lg h6,
  .text-justify-title-center-lg a.btn,
  .text-justify-title-center-lg a.to-btn {
    text-align: center !important;
  }

  .text-justify-title-center-lg p {
    text-align: justify !important;
  }
}

.text-primary,
.text-primary p {
  color: #3758ff !important;
}

.text-secondary,
.text-secondary p {
  color: #FFB800 !important;
}

.text-dark,
.text-dark p {
  color: #3c4043 !important;
}

.text-white,
.text-white p {
  color: white !important;
}

/* === END : TEXTS === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : MENUS === */

/* === END : MENUS === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : CART & CHECKOUT === */

/* === END : CART & CHECKOUT === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : ACCOUNT === */

/* === END : ACCOUNT === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : WORDPRESS BASICS === */

.buttons {
  background-color: #1E73BE !important;
  border: none !important;
  color: white !important;
  padding: 10px 30px !important;
  text-align: center !important;
  display: inline-block !important;
  margin: 4px 2px !important;
}

.buttons:hover {
  color: white !important;
}

/* === END : WORDPRESS BASICS === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : ELEMENTOR SPECIFICS === */

h3.tablist-heading {
  font-size: 22px !important;
  text-align: center !important;
  padding-bottom: 8px !important;
  width: 100% !important;
  font-weight: 800 !important;
  letter-spacing: 0.25px !important;
}

h3.tablist-heading:hover {
  color: #1e73be !important;
}

.tablist-subtitle {
  font-size: 16px !important;
  font-style: normal !important;
  padding-top: 5px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -1.5px !important;
}

.elementor-active h3.tablist-heading {
  color: #1e73be !important;
  border-bottom: solid 4px #1E73BE !important;
}

/* === END : ELEMENTOR SPECIFICS === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : PRODUCTS === */

/*
// Products cards
ul.products {
    display: flex !important;
    justify-content: start;
    flex-direction: row;
    column-gap: 2em !important;
    row-gap: 2em !important;
    flex-wrap: wrap;
    
    // Each product
	li.product {
	   // Sizing
	   @media (max-width: $xs) {
	       width: 100% !important;
	   }
	   
	   @media (min-width: $xs) and (max-width: $xl) {
	       width: 47% !important;
	   }
	   
	   @media (min-width: $xl) {
	       width: 31% !important;
	   }
	    
		border: 2px solid black;
		border-radius: 0px;
		background-color: white;
		transition: all ease .3s;
		
		&:hover {
			transform: translateY(-4px);
			box-shadow: 0px 8px 0px -4px black;
		}
		
        // Top half
		.s4a_product-top {
			height: 100px;
			width: 100%;
			padding: 8px;
			background-color: $light;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid rgba($dark, .1);
			
			img {
				height: 70px !important;
				width: 70px !important;
				object-fit: contain;
				object-position: center center;
				margin-bottom: 0 !important;
				margin-right: 8px !important;
			}
			
			h3 {
				flex-grow: 1;
				font-weight: bold !important;
				color: black;
				font-size: 16px !important;
				letter-spacing: .2px;
				line-height: 18px !important;
			}
		}
		
        // Bottom half
		.s4a_product-bottom {
			position: relative;
			height: 60px;
			width: 100%;
			
			.infos {
			    display: flex !important;
    			flex-direction: row;
    			justify-content: space-between;
    			align-items: center;
    			column-gap: 8px;
    			height: 100%;
    			padding : 16px;
    			padding-top: 20px;
			
    			& > p {
    				// width: 30%;
    				display: block !important;
    				text-align: center;
    				margin-bottom: 0;
    				color: $dark;
    				font-weight: 600;
    			}
			}
			
			p {
				font-weight: normal;
				font-size: 12px;
				color: #404040;
			}
			
            // Level badget
			.s4a_product-level {
				position: absolute;
				top: -16px;
				right: -14px;
				background-color: $primary-alt;
				color: white;
				padding: 2px 8px;
				font-size: 12px;
			}
		}
	}
}

// Label (categories etc.)
.detail-label {
	display: none;
}
*/

/* === END : PRODUCTS === */

ul.products {
  grid-template-columns: repeat(3, 1fr) !important;
}

@media (max-width: 576px) {
  ul.products {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 576px) and (max-width: 1200px) {
  ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1200px) {
  ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === START : SECTIONS === */

/* === END : SECTIONS === */

/* ============================== */

/* ------------------------------ */

/* ============================== */

/* === © 2021, Skills4All === */