/**
  Theme Name: Astra Child
  Author: Brainstorm Force
  Author URI: http://wpastra.com/about/
  Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
  Version: 1.0.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: astra-child
  Template: astra
*/

/*----------- Mise en forme du formulaire de mise à jour du profil -----------*/

.um-account form  {
  margin: 0 0 0 50px !important;
}
#um_account_submit_general:hover, #um_account_submit_general:active,
#um_account_submit_password:hover, #um_account_submit_password:active,
#um_account_submit_privacy:hover, #um_account_submit_privacy:active,
#um_account_submit_delete:hover, #um_account_submit_delete:active,
.um-request-button:hover, .um-request-button:active,
[value="Réinitialiser le mot de passe"]:hover,
[value="Réinitialiser le mot de passe"]:active,
#um_field_general_register_profile_photo [data-modal="um_upload_single"]:hover,
#um_field_general_register_profile_photo [data-modal="um_upload_single"]:active,
#change-profile-picture:hover, #change-profile-picture:active {
  background-color: #7B9CFD !important;
}
.um .um-field-group-head, .picker__box, .picker__nav--prev:hover,
.picker__nav--next:hover, .um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn,
.um-modal-btn.disabled, .um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
#um_account_submit_general, #um_account_submit_password,
#um_account_submit_privacy, #um_account_submit_delete, .um-request-button,
#um_field_general_register_profile_photo [data-modal="um_upload_single"],
[value="Réinitialiser le mot de passe"], #change-profile-picture {
  background: #5882ff !important;
}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover,
.um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active,
.um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover, i.um-active-color, span.um-active-color {
  color: #5882ff !important;
}
#um_field_general_register_profile_photo {
  display: flex !important;
  flex-direction: column-reverse;
}
#um_field_general_register_profile_photo .um-field-label {
  display: none !important;
}
#um_field_general_register_profile_photo .um-field-area {
  text-align: left !important;
}
#um_field_general_register_profile_photo .um-field-area [data-modal="um_upload_single"] {
  margin-top: 2px !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
  justify-content: unset !important;
}
#change-profile-picture {
  font-weight: 400 !important;
  border-radius: 5px !important;
  padding: 15px !important;
  margin-left: 140px !important;
}
.update-avatar {
  opacity: 0;
  transition: 5s;
}
.update-avatar-on {
  opacity: 1 !important;
  transition: 5s;
}
.ast-theme-transparent-header .ast-header-account-wrap .account-main-navigation ul {
    background: #f5f5f5;
    padding: 4px 0;
}


/*------------------ Reset password / Mot de passe oublié --------------------*/

[data-id='aa72812'] [style*='text-align:center'] {
  color: #ffffff;
  text-shadow: 0px 0px 2px black;
  background-color: #7B9CFD;
  border-radius: 5px;
  padding: 15px !important;
}
#um_field_um_password_id_username_b .um-field-error {
  text-align: center;
}
#um_field_um_password_id_username_b #username_b {
  font-weight: 500;
  text-align: center;
  font-size: 16px !important;
  color: #102a63;
  border: 1px solid #5882ff !important;
}

/*------------------- Pas connecté = Widgets header caché --------------------*/

body:not(.logged-in) [data-section="sidebar-widgets-header-widget-1"],
body:not(.logged-in) [data-section="sidebar-widgets-header-widget-2"],
body:not(.logged-in) [data-section="sidebar-widgets-header-widget-4"],
body:not(.logged-in) [data-section="section-header-account"],
body:not(.logged-in) .elementor-element-aecf090 {
  display: none !important;
}
.gamipress-user-points-description,
.gamipress-inline-rank-title {
  padding : 0 0 0 8px;
}
.gamipress-inline-rank a {
  text-decoration: none;
}
.ast-search-icon a {
  text-decoration: none;
}

/*------------ Image pied de page masquer sur la page d'accueil --------------*/

.page-id-29891 [data-id="d4c7155"] {
  display: none !important;
}

.page-id-29891 .e-con-full {
  padding-bottom: 0 !important;
}

/*----- Les deux personnages flottants, apparants sur la page déconnexion ----*/

.page-id-30745 [data-id="0b2f2c0"] {
  transform: translateY(120px);
}

*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
}
#primary .row {
  justify-content: center;
}

/*--------------------------- Début de la roue -------------------------------*/

#parent-roue {
  display: flex;
  justify-content: center;
  background-size: cover;
  margin: 150px auto 45px auto;
  position: relative;
}
.goutiere-top-roue {
  margin: 125px auto 45px auto !important;
}
.mainbox{
  position: relative;
  max-width: 35%;
  flex: 0 0 35%;
}
.mainbox .affichage {
  min-height: 60px;
}
.elementor-shortcode a {
  margin-right: 15px !important;
}
.box{
  width: 400px;
  height: 400px;
  margin: 40px auto;
  position: relative;
  font-weight: bold;
  border-radius: 50%;
  border: 10px solid #102A63;
  overflow: hidden;
  transition: all ease 5s;
}
#parent-roue span{
  width: 80%;
  height: 60%;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
}
.span1{
  clip-path: polygon(48% 0, 0% 100%, 100% 100%);
  background: #ffbc1b;
  top: 35%;
  right: 30%;
  rotate: 52deg;
  position: relative;
}
.icone-span1 {
  position: absolute;
  bottom: 9%;
  left: 30%;
  width: 41%;
  transform: rotate(160deg);
}
.span2{
  clip-path: polygon(48% 0, 0% 100%, 100% 100%);
  background-color: #ff3074;
  top: 19%;
  left: 34%;
  rotate: 267deg;
  position: relative;
}
.icone-span2 {
  position: absolute;
  bottom: 9%;
  left: 28%;
  width: 42%;
}
.span3{
  clip-path: polygon(48% 0, 0% 100%, 100% 100%);
  background-color: #1fcdc1;
  bottom: 35%;
  right: 28%;
  rotate: 125deg;
  position: relative;
}
.icone-span3 {
  position: absolute;
  bottom: 8%;
  left: 32%;
  width: 40%;
  transform: rotate(-15deg);
}
.span4{
  clip-path: polygon(48% 0, 0% 100%, 100% 100%);
  background-color: #a9e920;
  bottom: 50%;
  left: 17%;
  rotate: 200deg;
  position: relative;
}
.icone-span4 {
  position: absolute;
  bottom: 25%;
  left: 29%;
  width: 39%;
  transform: rotate(85deg);
}
.span5{
  clip-path: polygon(48% 0, 0% 100%, 100% 100%);
  background-color: #30e1aa;
  top: 45%;
  right: 1%;
  rotate: -20deg;
  position: relative;
}
.icone-span5 {
  position: absolute;
  bottom: 18%;
  left: 25%;
  width: 42%;
  transform: rotate(-45deg);
}
.jackpot-titre {
  display: none;
}
.jackpot-visuel1 {
  position: absolute;
  bottom: 11%;
  left: 29%;
  width: 40%;
  transform: rotate(100deg);
}
.jackpot-visuel2 {
  position: absolute;
  bottom: 11%;
  left: 30%;
  width: 42%;
  transform: rotate(-90deg);
}
.jackpot-visuel3 {
  position: absolute;
  bottom: 8%;
  left: 32%;
  width: 40%;
  transform: rotate(-15deg);
}
.jackpot-visuel4 {
  position: absolute;
  bottom: 22%;
  left: 30%;
  width: 39%;
  transform: rotate(-80deg);
}
.jackpot-visuel5 {
  position: absolute;
  bottom: 16%;
  left: 27%;
  width: 42%;
  transform: rotate(-245deg);
}
.box1 .span1 b {
  transform: translate(-50%, -50%) rotate(180deg) !important;
}
.box1 .span3 b{
  transform: translate(-50%, -50%) rotate(-90deg) !important;
}
.box1 .span4 b {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}
.parent-roue span b{
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.box1{
  width: 100%;
  height: 100%;
  transform: rotate(-135deg);
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
button.spin, .spin:hover {
  position: absolute;
  top: 41%;
  left: 42%;
  width: 65px;
  height: 65px;
  padding: 7px !important;
  border-radius: 50%;
  border: 2px solid #fff !important;
  background-color: #102A63;
  color: #fff;
  box-shadow: 0 5px 20px #000;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
button.spin:active{
  border: 2px solid #fff !important;
  width: 65px;
  height: 65px;
  top: 41.3%;
  font-size: 17.8px;
}
.mainbox.animate:after{
  animation: animateArrow 0.7s ease infinite;
}
@keyframes animateArrow{
  50%{
    right: -40px;
  }
}
.victoire, .en-cours, .terminer {
  display: none;
  width: fit-content;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 30px;
  padding: 15px 30px;
  text-align: center;
  color: #fff;
  background: #7B9CFD;
  border: 1px solid gold;
  border-radius: 12px;
  box-shadow: 1px 1px 3px 1px #e6e6e6;
}
.avant-match {
  background: transparent;
  border: none !important;
  box-shadow: none !important;
}
.victoire p, .en-cours p, .terminer p {
  font-weight: bolder;
  margin: 10px 0;
  text-align: center;
  color: gold;
}
.en-cours {
  animation: en-cours 1.5s infinite ease-in-out alternate;
}
@keyframes en-cours {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1.03); }
}
.victoire {
  animation: victoire 2s ease;
}

@keyframes victoire {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

.inscription, .inscription:hover {
  text-decoration: none;
  background: #fff;
  padding: 3px 10px;
  cursor: pointer;
  border: 1px solid #102A63;
  border-radius: 4px;
  color: #102A63;
  width: fit-content;
  margin: 0 auto;
  font-size: 15px;
  text-transform: uppercase;
}
.jackpot {
  background: #7B9CFD !important;
}
.cacher {
  background: transparent;
}
.bleu {
  background-color: #1fcdc1 !important;
}
.rose {
  background-color: #ff3074 !important;
}
.orange {
  background-color: #ffbc1b !important;
}
.vert {
  background-color: #a9e920 !important;
}
.bleu-gris {
  background-color: #30e1aa !important;
}
#parent-roue h2 {
  color: #7B9CFD;
  margin-bottom: 30px;
  text-align: center;
  font-size: 30px;
  text-transform: none;
  font-weight: bold;
}
#parent-roue .roue_visuel_avant {
  background: transparent url("img/personnage-garcon.png");
  flex: 0 0 18%;
  max-width: 18%;
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
#parent-roue .roue_visuel_apres {
  background: transparent url("img/personnage-fille.png");
  flex: 0 0 18%;
  max-width: 18%;
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.shortcode {
  margin-bottom: 0 !important;
}
.parent-titre-roue {
  text-align: center;
}
.titre-roue {
  height: 24vh !important;
  padding-top: 1%;
}
.parent-ligne-jaune {
  position: absolute;
  bottom: 0;
}
.ArrivederciEffetto {
  animation: IwillBeBack 5s ease-out;
}

@keyframes IwillBeBack {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  20% {
    transform: translate(99%, -2%) rotate(15deg);
    opacity: 1;
  }
  40% {
    transform: translate(100%, -15%) rotate(-88deg);
    opacity: 0.75;
  }
  60% {
    transform: translate(100%, 10%) rotate(-92deg);
    opacity: 0.5;
  }
  70% {
    transform: translate(100%, 12%) rotate(-89deg);
    opacity: 0.5;
  }
  80% {
    transform: translate(98%, -40%) rotate(-90deg);
    opacity: 0.5;
  }
  100% {
    transform: translate(96%, 300%) rotate(-89deg);
    opacity: 0;
  }
}
.margin-bottom-moins {
  margin-bottom: -8% !important;
}
.margin-top-moins {
  margin-top: -5% !important;
}
.margin-plus-top {
  margin-top: 6% !important;
}
.margin-bottom-plus {
  margin-bottom: 10% !important;
}
.displayNone {
  display: none !important;
}

/*---------------------------- Fin de la roue --------------------------------*/


.eael-learndash-wrapper .eael-learn-dash-course .eael-learn-dash-course-inner {
    -webkit-box-shadow: 0px 10px 120px rgba(255,255,255,1) !important;
    box-shadow: 0px 10px 120px rgba(255,255,255,1) !important;
}




/* Media queries --------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 961px) and (max-width: 1401px) {
  .mainbox .affichage {
    min-height: 100px !important;
  }
  .margin-plus-top {
    margin-top: 10% !important;
  }
  .margin-bottom-moins {
    margin-bottom: -18% !important;
  }
  .titre-roue {
    height: 16vh !important;
    padding-top: 2%;
  }
  #parent-roue {
    margin: 150px auto 30px auto;
  }
  .box {
    height: 335px !important;
    width: 335px !important;
  }
  button.spin, .spin:hover {
    top: 39%;
    left: 41%;
  }
  button.spin:active{
    top: 39.3%;
  }
  .goutiere-top-roue {
    margin: 150px auto 30px auto !important;
  }
  .victoire, .en-cours, .terminer {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 960px) {
  .mainbox .affichage {
    min-height: 100px !important;
  }
  .margin-plus-top {
    margin-top: 15% !important;
  }
  .margin-bottom-moins {
    margin-bottom: -30% !important;
  }
  .titre-roue {
    height: 16vh !important;
    padding-top: 3%;
  }
  #parent-roue {
    margin: 150px auto 24px auto;
  }
  .box {
    height: 260px !important;
    width: 260px !important;
  }
  button.spin, .spin:hover {
    top: 39%;
    left: 40%;
    width: 55px;
    height: 55px;
  }
  button.spin:active{
    top: 39.3%;
    width: 55px;
    height: 55px;
  }
  .goutiere-top-roue {
    margin: 150px auto 24px auto !important;
  }
  .victoire, .en-cours, .terminer {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 923px) {
  .elementor-element-aecf090 {
    display: none !important;
  }
}

@media screen and (max-width: 922px) {
  body:not(.logged-in) #ast-mobile-header .site-header-primary-section-left {
    display: none !important;
  }
  body:not(.logged-in) #ast-mobile-header {
    display: flex !important;
  }
  body:not(.logged-in) #ast-mobile-header .ast-above-header-wrap,
  body:not(.logged-in) #ast-mobile-header .ast-main-header-wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
  body:not(.logged-in) #ast-mobile-header .ast-above-header-wrap
  .ast-above-header-bar {
    margin: 0 !important;
    height: 15vh !important;
    width: 100% !important;
  }
  body:not(.logged-in) #ast-mobile-header .ast-builder-grid-row {
    display: block !important;
  }
  body:not(.logged-in) #ast-mobile-header .ast-builder-grid-row aside {
    margin-right: 5px !important;
  }
  body:not(.logged-in) #masthead .ast-primary-header-bar.main-header-bar {
    margin: 0 !important;
    padding: 0 !important;
    height: 15vh !important;
    width: 100% !important;
  }
  #wpadminbar, header #ast-mobile-header .site-header-primary-section-right,
  #main [data-id="39b1cfe3"], .master-slider .ms-nav-next,
  .master-slider .ms-nav-prev, .elementor-element-359a1ef, .elementor-element-83f1c2e,
  header .site-header-above-section-right, .elementor-element-2a9444e,
  .elementor-element-1cefe14a, .elementor-element-4dbe147,
  .elementor-element-fc7ff26, .elementor-element-d4c7155,
  .elementor-motion-effects-container, footer .elementor-shape-top,
  .elementor-element-49f84b4e, [preserveAspectRatio="none"], .elementor-element-6743878,
  .elementor-element-79f8160, .elementor-element-8551b00, .elementor-element-2ccd87f,
  .elementor-element-e2506fe, .elementor-element-17e4aab1, .elementor-element-4c39a75,
  #ast-scroll-top, .type-niveau header, .elementor-element-c2ada4e .gamipress-inline-ranks-separator,
  form .um-account-profile-link [href="https://www.kalcul-school.fr/mes-informations/adminasterium/"],
  .elementor-element-40026ce, .elementor-element-3f38176 {
    display: none !important;
  }
  header #ast-mobile-header .ast-builder-grid-row, .e-con>.e-con-inner {
    display: block !important;
  }
  header #ast-mobile-header .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar,
  header #ast-mobile-header .ast-above-header-bar, .master-slider, .eael-learn-dash-course-inner,
  .elementor-element.elementor-element-b53f6d4 .eael-learndash-wrapper
  .eael-learn-dash-course .eael-learn-dash-course-inner .eael-learn-dash-course-thumbnail,
  .elementor-element-504e92b, .sfwd-courses>.e-con-boxed>.e-con-inner>.e-con-full,
  .elementor-element-6375fe98 p, #block-14 p, .gamipress-rank-description ul,
  .elementor-element-40026ce .gamipress-user-points, #ld-profile .ld-course-list,
  .page-id-25409 .ast-container, .elementor-element-9436748 #change-profile-picture,
  .um-account form {
    margin: 0 !important;
  }
  header #ast-mobile-header .ast-mobile-menu-trigger-fill, .page-id-25409 .ast-container {
    padding: 0 !important;
  }
  header [data-section='section-header-mobile-trigger'] {
    flex: 0 0 5%;
    max-width: 5%;
    padding: 0 !important;
    justify-content: flex-end;
  }
  header [data-section="title_tagline"] {
    flex: 0 0 95%;
    max-width: 95%;
    padding: 0 !important;
  }
  header .ast-site-identity, .sfwd-courses .elementor-heading-title, .gamipress-rank-requirements-heading,
  .gamipress-rank-description h4, .gamipress-rank-description .gamipress-rank-earners-list li,
  .elementor-element-9436748 .elementor-widget-container, #um_field_general_register_profile_photo .um-field-area {
    text-align: center !important;
  }
  .ast-builder-layout-element .ast-site-identity {
    margin-left: 15px;
  }
  header .site-above-header-wrap {
    background-color: #fff !important;
  }
  header #ast-mobile-header .site-header-above-section-left {
    justify-content: space-between !important;
  }
  header #ast-mobile-header .ast-menu2-svg {
    height: 35px !important;
    width: 35px !important;
  }
  header .custom-logo-link img {
    max-width: 130px !important;
  }
  .ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item {
    max-width: 170px;
    line-height: 16px;
  }

  .eael-learndash-wrapper.ld-cl-layout-mode-fit-to-screen,
  #eael-post-grid-fbee74f .eael-post-appender-fbee74f {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    max-height: 98% !important;
    overflow-x: scroll;
    padding: 0 !important;
    margin: 0 !important;
  }
  .master-slider .ms-basic-view {
    height: 400px !important;
  }
  .elementor-grid-mobile-1 {
    height: 280px !important;
  }
  .eael-post-appender-a0467b7, .eael-post-appender-850ddda, .eael-post-appender-0475d32{
    height: 100% !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin: 0 !important;
    position: static !important;
  }
  .eael-post-appender-a0467b7 article, .eael-post-appender-850ddda article, .eael-post-appender-0475d32 article,
  .elementor-element-cbcfd3d, .elementor-element-d5dc086 {
    position: static !important;
  }
  .elementor-element-53cc065d {
    margin-bottom: 60px !important;
  }
  .elementor-element-53cc065d .eael-learndash-wrapper {
    height: 100% !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin: 0 !important;
    position: static !important;
  }
  .elementor-element-53cc065d .eael-learndash-wrapper .eael-learn-dash-course {
    position: static !important;
  }
  .eael-learn-dash-course {
    max-width: 40% !important;
    margin: 0 10px !important;
  }
  .eael-learn-deash-course-content-card {
    padding: 1px !important;
  }
  .eael-entry-thumbnail, .eael-learn-dash-course-thumbnail, .card-thumb,
  .eael-grid-post-holder  {
    width: 150px !important;
    height: 150px !important;
  }
  .e-con-inner, .e-con {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }
  .e-con>.e-con-inner {
    overflow: hidden;
    padding-top: 0 !important;
  }
  #main .elementor-heading-title {
    margin-left: 15px !important;
    text-transform: inherit !important;
  }
  .elementor-element-f6aeed3 {
    margin-bottom: -15px !important;
  }
  .elementor-element-1365003f {
    margin-bottom: -30px !important;
  }
  .card-body {
    padding: 0 5px !important;
  }
  .card-body a, .course-card-title a {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    margin: inherit;
  }
  .course-card-title {
    display: flex;
    justify-content: center;
    margin: 8px 0 !important;
    padding: 0 5px !important;
  }
  .learndash-wrapper .ld-button {
    width: 80% !important;
    margin: auto !important;
  }
  .elementor-element-c3b4f6b {
    margin: 10px 0 !important;
  }
  .elementor-element-populated, [role="tabpanel"] p {
    padding: 15px !important;
  }
  .elementor-element-cae6c7e {
    margin: 50px auto !important;
    text-align: center !important;
  }
  .sfwd-courses-template-default .ld-item-title {
    text-align: left !important;
  }
  .sfwd-courses>.e-con-boxed>.e-con-inner {
    margin-top: 70px;
  }
  #ast-mobile-popup [data-section="sidebar-widgets-header-widget-1"] {
    margin-left:  10px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: flex !important;
    align-items: center;
  }
  #ast-mobile-popup .ast-mobile-popup-content {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap !important;
    justify-content: center;
  }
  #ast-mobile-popup .ast-mobile-popup-content aside {
    flex: 0 0 42%;
    max-width: 42%;
  }
  .page-id-25403 .elementor-element-69c6be5 {
    height: 45vh;
    margin-top: 75px;
  }
  .page-id-25403 .elementor-grid-mobile-1 {
    height: 100% !important;
  }
  .page-id-25403 .eael-learn-dash-course {
    flex: 0 0 85%;
    max-width: 85% !important;
  }
  .page-id-25403 .course-card-title, .elementor-element-c2ada4e .elementor-widget-container {
    padding: 0 !important;
  }
  .page-id-25403 .eael-learn-dash-course .eael-learn-dash-course-thumbnail {
    margin: 15px auto 0 !important;
  }
  .page-id-25403 .eael-learn-dash-course .eael-learn-dash-course-header {
    display: inline-flex;
    padding: 0 !important;
  }
  .page-id-25403 .eael-learn-dash-course .course-tag {
    padding: 7px 9px !important;
    display: inline-flex !important;
    align-items: center;
  }
  .page-id-25403 .eael-learn-dash-course .eael-learn-deash-course-content-card {
    width: 95% !important;
    margin: auto !important;
  }
  .page-id-25403 .course-card-title a {
    font-size: 12px !important;
  }
  .page-id-25403 .eael-learn-dash-course .eael-learn-deash-course-content-card .course-card-title {
    margin: 10px auto !important;
  }
  .elementor-element-00aca68 {
    width: 68% !important;
    margin: auto !important;
  }
  .elementor-element-8a57e52 {
    margin: auto !important;
  }
  #masthead {
    position: fixed !important;
    top: 0;
    z-index: 9999;
  }
  .elementor-element-aecf090 {
    padding-top: 0 !important;
    position: fixed;
    bottom: 0;
    z-index: 9999;
  }
  .elementor-element-912a9a0 {
    margin-bottom: 30px !important;
  }
  .elementor-element-b53f6d4 {
    margin-bottom: 60px !important;
  }
  .elementor-element-aecf090 .elementor-widget-container {
    display: flex;
    justify-content: space-between;
  }
  .elementor-element-aecf090 .elementor-widget-container img {
    height: 35px;
  }
  /*
  .home img, .book img, .chrono img {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(0%);
  }
  */
  .account img {
    border-radius: 50%;
    object-fit: contain;
  }
  .gamipress-rank-congratulations {
    margin: 3em auto 2em !important;
  }
  .user-has-earned {
    justify-content: center;
  }
  .gamipress-rank-image, .gamipress-rank-description {
    width: 80% !important;
    flex: 0 0 80%;
  }
  .gamipress-rank-image {
    display: inline-flex !important;
    justify-content: center;
    padding-right: 0 !important;
  }
  .gamipress-rank-description li {
    margin: auto !important;
    width: 80% !important;
  }
  .gamipress-rank-description ul {
    margin-bottom: 25px !important;
  }
  .gamipress-rank-description .gamipress-rank-earners-list li {
    width: 49% !important;
  }
  .gamipress-share-buttons {
    align-items: center;
  }
  .gamipress-share-buttons-label {
    margin: auto 2% !important;
  }
  .gamipress-rank-image img {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .gamipress-rank-image p {
    flex: 0 0 48%;
    max-width: 48%;
  }
  .elementor-element-1ef15f7 {
    height: 80px !important;
  }
  .elementor-element-8e74e5c, .elementor-element-9dc5b88 {
    height: 70px !important;
  }
  .post-26738 {
    margin-top: 80px !important;
  }
  .post-29740 .e-con-inner, .elementor-element-475b889 .gamipress-inline-achievements,
  .elementor-element-c2ada4e .gamipress-inline-rank, .page-id-25409 .e-con-inner {
    display: flex !important;
    justify-content: center;
  }
  .elementor-element-40026ce, .elementor-element-3f38176,
  .elementor-element-d35c6f3, .elementor-element-9c6fda4 {
    max-width: 46%;
    flex: 0 0 46%;
    align-items: center;
    justify-content: center;
    padding: 10px 0 !important;
  }
  #ld-profile .ld-section-heading, #ld-profile .ld-section-heading .ld-item-list-actions,
  .elementor-element-0ea31c2 .gamipress-user-points {
    justify-content: center !important;
  }
  #ld-main-course-list .ld-item-details, .elementor-element-db196f8, .elementor-element-c72b0f5 {
    width: 100% !important;
  }
  #ld-main-course-list .ld-item-details .ld-status-complete,
  #ld-main-course-list .ld-item-details .ld-status-progress {
    flex: 0 0 30%;
    margin: auto !important;
  }
  #ld-main-course-list .ld-item-details .ld-button-alternate {
    flex: 0 0 50%;
  }
  #ld-profile .ld-section-heading {
    margin-bottom: 25px !important;
  }
  #ld-main-course-list {
    margin-bottom: 90px !important;
  }
  #ld-profile .ld-profile-edit-link {
    font-weight: 600;
    font-size: 16px;
    margin: 15px 0;
    text-decoration: underline;
    color: #002060 !important;
  }
  .elementor-element-a9ed03d {
    padding: 0 12px !important;
    margin-bottom: 100px !important;
  }
  .elementor-element-fc37d66 {
    padding: 0 12px !important;
    margin-bottom: 80px !important;
  }
  .elementor-element-475b889 .elementor-shortcode, .elementor-element-c2ada4e .gamipress-inline-ranks {
    display: flex !important;
    flex-direction: column;
    justify-content: center
  }
  .elementor-element-0ea31c2 .gamipress-user-points-kredit,
  .elementor-element-475b889 span .gamipress-inline-achievement,
  .elementor-element-c2ada4e .gamipress-inline-rank .gamipress-inline-rank-link {
    width: 80% !important;
  }
  .page-id-29740 .ld-profile-avatar, form .um-account-meta {
    margin: 30px 0 !important;
  }
  .elementor-element-db196f8, .elementor-element-c72b0f5 {
    padding: 10px 0 !important;
  }
  .um-account-tab-general .um-left {
    float: none !important;
  }
  .um-account-tab-general #um_account_submit_general {
    width: 50% !important;
    padding: 15px !important;
    margin: auto !important;
  }
  [data-section="sidebar-widgets-header-widget-3"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  [data-section="sidebar-widgets-header-widget-3"] .header-widget-area-inner {
    width: 50% !important;
    margin-left: 2% !important;
  }
  .elementor-element-49e3b19 {
    transform: translateY(-120px);
  }
  .elementor-element-6fee2169 {
    margin-top: -100px !important;
  }
  ::-webkit-scrollbar {
    width: 1px;
    background-color: transparent;
  }
}
@media screen and (min-width: 767px) and (max-width:  922px) {
  #ast-mobile-popup .ast-mobile-popup-content [data-section="sidebar-widgets-header-widget-1"],
  #ast-mobile-popup .ast-mobile-popup-content [data-section="sidebar-widgets-header-widget-2"] {
    flex: 0 0 47% !important;
    max-width: 47% !important;
  }
  [data-section="sidebar-widgets-header-widget-3"] .header-widget-area-inner {
    width: 30% !important;
    margin-left: 0.5% !important;
  }
  .eael-learndash-wrapper.ld-cl-layout-mode-fit-to-screen {
    max-height: 120% !important;
  }
  .page-id-25403 .elementor-element-69c6be5 {
    height: 30vh !important;
  }
  .page-id-25403 .eael-learn-dash-course {
    flex: 0 0 42%;
    max-width: 42% !important;
  }
  .sfwd-courses>.e-con-boxed>.e-con-inner {
    display: flex !important;
  }
  .sfwd-courses>.e-con-boxed>.e-con-inner>.e-con-full {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .eael-learn-dash-course-inner a {
    margin: auto !important;
  }
  .sfwd-courses-template-default .learndash-wrapper .ld-item-list .ld-section-heading {
    justify-content: center !important;
  }
  #ld-profile .ld-section-heading {
    margin: 25px 0 !important;
  }
  .elementor-element-918ebca, .elementor-29769 .elementor-element.elementor-element-a9ed03d {
    width: 100% !important;
    align-items: center !important;
  }
  .elementor-element-0ea31c2 .gamipress-user-points-kredit,
  .elementor-element-475b889 span .gamipress-inline-achievement,
  .elementor-element-c2ada4e .gamipress-inline-rank .gamipress-inline-rank-link {
    width: 100% !important;
  }
  .elementor-element-aecf090 .elementor-widget-container img {
    height: 38px !important;
  }
  .elementor-element-49e3b19 {
    transform: translateY(-40px);
  }
  .master-slider .ms-basic-view {
    height: 480px !important;
  }
  .elementor-element-6fee2169 {
    margin-top: -20px !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 749px) {
  .mainbox .affichage {
    min-height: 100px !important;
  }
  .margin-plus-top {
    margin-top: 17% !important;
  }
  .margin-bottom-moins {
    margin-bottom: -30% !important;
  }
  .titre-roue {
    height: 16vh;
    padding-top: 3%;
  }
  #parent-roue {
    margin: 150px auto -50px auto;
  }
  .box {
    height: 220px;
    width: 220px;
  }
  button.spin, .spin:hover {
    top: 39%;
    left: 39%;
    width: 50px;
    height: 50px;
  }
  button.spin:active{
    top: 39.3%;
    width: 50px;
    height: 50px;
  }
  .goutiere-top-roue {
    margin: 150px auto -155px auto !important;
  }
  .victoire, .en-cours, .terminer {
    font-size: 14px !important;
  }
  .cliques-ici {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .cliques-ici a {
    min-height: 0 !important;
    flex: 0 0 80%;
  }
  .mainbox{
    max-width: 42%;
    flex: 0 0 42%;
  }
}
@media screen and (min-width: 300px) and (max-width: 650px) {
  .mainbox .affichage {
    min-height: 100px !important;
  }
  .margin-plus-top {
    margin-top: 20% !important;
  }
  .margin-bottom-moins {
    margin-bottom: -37% !important;
  }
  .titre-roue {
    height: 16vh !important;
    padding: 5% 0 !important;
  }
  .box {
    height: 190px !important;
    width: 190px !important;
  }
  button.spin, .spin:hover {
    left: 38% !important;
    width: 45px !important;
    height: 45px !important;
  }
  button.spin:active{
    width: 45px !important;
    height: 45px !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 525px) {
  .mainbox .affichage {
    min-height: 100px !important;
  }
  .margin-plus-top {
    margin-top: 15% !important;
  }
  .margin-bottom-moins {
    margin-bottom: -40% !important;
  }
  .titre-roue {
    height: 16vh !important;
    padding: 20% 0 0 0 !important;
  }
  .box {
    height: 170px !important;
    width: 170px !important;
    border: 8px solid #102A63 !important;
  }
  button.spin, .spin:hover {
    left: 36% !important;
    top: 38% !important;
    width: 45px !important;
    height: 45px !important;
  }
  button.spin:active{
    top: 36.3%;
    width: 45px !important;
    height: 45px !important;
  }
  .mainbox{
    max-width: 56%;
    flex: 0 0 56%;
  }
  .victoire, .en-cours, .terminer {
    padding: 12px 8px !important;
  }
  .goutiere-top-roue {
    margin: 150px auto -90px auto !important;
  }
}
@media screen and (max-width: 350px) {
  .mainbox .affichage {
    min-height: 100px !important;
  }
  .margin-plus-top {
    margin-top: 30% !important;
  }
  .margin-bottom-moins {
    margin-bottom: -50% !important;
  }
  .titre-roue {
    height: 16vh !important;
    padding: 20% 0 0 0 !important;
  }
  .box {
    height: 170px !important;
    width: 170px !important;
    border: 8px solid #102A63 !important;
  }
  button.spin, .spin:hover {
    left: 36% !important;
    top: 38% !important;
    width: 45px !important;
    height: 45px !important;
  }
  button.spin:active{
    top: 36.3%;
    width: 45px !important;
    height: 45px !important;
  }
  .mainbox{
    max-width: 56%;
    flex: 0 0 56%;
  }
  .victoire, .en-cours, .terminer {
    padding: 12px 8px !important;
  }
  .goutiere-top-roue {
    margin: 150px auto -90px auto !important;
  }
}

/*------------------------- Fin du Responsive --------------------------------*/