/*
Theme Name: Academy Buildery (c) 2023
Description: Theme officiel de votre école en ligne.
Author: TheBuildery
Author URI: https://thebuildery.academy
Template: twentytwentytwo
Version: 1.1.00
*/

@media print {
	header, footer, #variablesReplacement, .entry-content > .wp-block-spacer { display: none!important }
}

/******************************* ⛏ Modèle de pages ⛏ *******************************/
body{min-height: 100vh; overflow-x: hidden; } 
body .wp-site-blocks {padding:0px!important;width: 100vw;}
body .wp-site-blocks .alignfull {margin-left: 0!important;margin-right: 0!important;}
div#content {min-height: 100vh;}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    min-height: 100vh;
}
body.page, body.blog, body.search {
  background-size:cover;
  background-repeat:no-repeat!important;
  padding: 0!important;
    margin: 0!important;
}
@media all and (min-width:999px){.error404 div#content {
  max-width: 50%;
  margin-right: 5%;
  margin-left: auto;
}}




/******************************* 🔨 Mise en Forme de Blocs 🔨 *******************************/
main, body .wp-site-blocks > * + *{margin: 0!important;}
.--fullwidth{max-width: 100vw!important;width: 100%;}
.--midwidth{width : 40%};
.--fullheight{min-height: 100vh!important;}
.--midheight{min-height: 60vh!important;}
.--flexcenter, ul.--flexcenter li {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
  .--flexcolumn {flex-direction:column}
  .--flexrow {flex-direction:row}
.--flexrowflow, .--flexrowflow div {display: inline-flex;justify-content: space-evenly;flex-wrap: wrap;}
  div.--flexrowflow{margin-bottom: 10vh!important;}
  div:not(.acf-field).--flexrowflow {align-items: stretch;}
  .--flexrowflow .acf-field {align-self: baseline;}
  .--rowflow .wp-block-coblocks-column__inner{display: flex;justify-content: space-evenly;}
.--inline.--horizontal {display: inline-flex;}
  .--flexing {flex-wrap: wrap;justify-content: space-evenly}
  .--spacebetween{flex-wrap: wrap;justify-content: space-between;}
  .--inline.--horizontal.--bottom {align-items:flex-end;align-content: flex-end;align-self: flex-end;margin-block-end: 0;}
  .--inline.--horizontal.--top {align-items:flex-start;align-content: flex-start;align-self: flex-start;margin-block-start: 0;}
.--stretch {align-self: stretch!important;}
.--stretch > div.wp-block-column {height:100%;}
.--stretch > .--border /*> div*/ {
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}
@media all and (min-width:1000px){.column{padding:5%;}}
@media all and (max-width:999px){.column{padding:30px;}}
.smallcontainer {max-width:250px!important}
.columncontainer{max-width: 500px!important;}
.textcontainer{max-width: 680px!important;}
.titlecontainer{max-width: 1080px!important;}
.contentcontainer{max-width: 1300px!important;}
  @media all and (min-width:1000px){.col-2 > div, .col-4 > div {min-width : 300px;width:40%}}
  @media all and (min-width:1000px){.col-3 > div, .col-6 > div {min-width : 200px;width:23%}}
  @media all and (max-width:999px){.col-2 > div, .col-4 > div, .col-3 > div, .col-6 > div {;width:90%}
                   .fullwidth.rowflow.col-4 > div {border-left: 15px double;margin-left: 15px;}}
.--left {float: left;padding-right:15px}
.--right {float:right;padding-left:15px;justify-content: end;}
.--center{text-align:center;}
.overabsolute {z-index: 99999;background-color:transparent;position:absolute;width: 100%!important;}
.overlayloader{display: flex;justify-content: center;align-items: center}
.plan1 {position:absolute;width:100%;top:0;left:0;z-index:0}
.plan2 {z-index: 2;position: relative;}
.plan3 {z-index: 3;position: relative;}
.--overtop {bottom:180px;z-index: 2;position: relative;} /* A appliquer sur la colonne entière */
@media all and (min-width:1000px){.--overbottom {top:180px;z-index: 2;position: relative;} /* A appliquer sur la colonne entière */
                                  .--overleft {right:100px;z-index: 2;position: relative;} /* A appliquer sur la colonne entière */
                                  .--overright {left:100px;z-index: 2;position: relative;}} /* A appliquer sur la colonne entière */
                                  
.--translatetop {transform: translateY(-150px);z-index: 2;position: relative;} /* A appliquer sur un élément absolute */
.--translatebottom {transform: translateY(150px);z-index: 2;position: relative;} /* A appliquer sur un élément absolute */
.no-margin {margin:6px auto!important;}
.--nomargin {margin:0!important;margin-block-start: 0!important;;margin-block-end: 0!important;}
.no-wrap {flex-wrap:nowrap!important}
.space{margin-bottom:60px!important;}
.big-space{margin-bottom:120px!important;}
.padding-small{padding:4%}
.padding-big{padding:9%}
.--gapping-small {gap:5px}
.--gapping-medium {gap:10px}
.--gapping-big {gap:15px}
.margin-auto {margin-left: auto!important;margin-right: auto!important;}
@media (min-width: 600px){
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {width: calc(49% - 0.625em);}}
.flexcenter,.um-col-alt {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;align-self: center;}
.flexcenter .wp-block-coblocks-column__inner{text-align:center}
.rowflow, .wp-block-coblocks-column.rowflow > div{display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: flex-start;}
.hidden, body:not(.wp-admin) .admin-hidden{display:none!important;}
body.logged-in .logged_hidden {display:none!important;}
body:not(.logged-in) .loggout_hidden {display:none!important;}
.visible{display:initial;}

.--square, .--round {max-width: 800px;margin: auto;}
.--border {border:1px solid rgba(0,0,0,.15);}
.--radius-top-right {border-radius: 0 100% 0 0;}
.--radius-bottom-right {border-radius: 0 0 100% 0;}

.post-meta-wrapper {
    display: none;
}
.is-nowrap p {
    margin-bottom: 0!important;
}
.thin-content {
    /*max-width: 680px!important; décale sur la droite */
    margin-left:auto;
    margin-right:auto;
}
.iframe-overlay {
    position: absolute;
    right: 0;
    top: 0;
    height: 800px;
    width: 100vw;
    left: 116px;
    border-radius: 0 0 0 5px;
    filter: blur(4px);
}
.simple{
    background-color: transparent;
    box-shadow: initial;
    text-decoration: initial;
    font-style:initial;
    border:0px;
    width: initial;
}
.smaller .iframe-overlay {
    margin-left: -58px;
}
.spaced {
    margin-top:20px;
    margin-bottom:20px;
}
.card.--small {max-width: 400px!important;}
.card,.comment-body {
  	min-width: 250px!important;
  	padding: 25px;
  	margin: 25px;
  	flex: inherit;
  	background: white;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
}
.advgb-infobox-wrapper{
    margin:10px auto; 
}
.modal,.wp-block-coblocks-alert{
    max-width: 700px;
    padding: 3%;
  	margin-left: auto!important;
    margin-right: auto!important;
	margin-top: 5px;
    margin-bottom: 5px;
}
	.modal h4 + ul {
		margin-top: -11px;
		position: relative;
		left: 4px;
	}

  .wp-block-coblocks-alert{
    margin:50px 15px;
  }
  .wp-block-coblocks-alert__title {
    transform: scale(4) translateY(2px);
  }

.--nopadding {padding: 0!important}
  .sm-padding {padding:1%}
  .md-padding {padding:3%}
  .gd-padding {padding:6%}
  .xl-padding {padding:10%}
.--nomargin {margin: 0!important}
  .sm-margin {margin:1%}
  .md-margin {margin:3%}
  .gd-margin {margin:6%}
  .xl-margin {margin:10%}

iframe {border: 0px;width: 100%;}
.backgroundSVG {
    background-size: 1920px;
    background-position: top center!important;
    height: 119vh;
    position: relative!important;
    z-index: 1;
    background-repeat: no-repeat!important;
}
li.listing-item, .noliststyle {
    list-style: none;
  display:inline-flex;
}
.noliststyle li{
  margin:auto;
  padding:5px;
}
.grid ul, ul.grid {display: flex;flex-wrap: wrap;padding:0 0 0 20px;border-left: 5px solid var(--wp--preset--color--foreground);justify-content: flex-start;gap: 5px 15px;}
.grid li {padding:10px;max-width: 50%;}
.grid li.tag {font-size: 13px!important;text-align: center;font-weight: bold;}

.white,.woocommerce-info, .woocommerce-message,div#message.updated p{
  background:white;
}
div::-webkit-scrollbar,table::-webkit-scrollbar,iframe::-webkit-scrollbar,figure::-webkit-scrollbar {
    width: 4px;
    height:4px;
}
div::-webkit-scrollbar-track,table::-webkit-scrollbar-track,figure::-webkit-scrollbar-track,iframe::-webkit-scrollbar-track,.page-template-template-workware article .acf-tab-group::-webkit-scrollbar-track {
    background:rgba(0,0,0,0.05);
    border-radius: 8px;
}

.logged-um_formateur-formatrice .if-logged-um_formateur-formatrice, 
.logged-um_apprenants .if-logged-um_apprenants,
.logged-administrator .if-logged-um_formateur-formatrice, 
.logged-administrator .if-logged-um_apprenants{
  display:block!important;
}

@media all and (min-width:999px){
  .flexinline {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    align-content: center;
    display:flex;
  }
  .wp-block-coblocks-column {
    height:initial;
  }
}
@media all and (max-width:999px){
  .wp-block-coblocks-column {
    height:initial;
    width: 100%!important;
  }
  .wp-block-coblocks-row__inner {
    flex-wrap: wrap;
  }
}
.wp-block-coblocks-shape-divider {
	max-width: initial!important;
	margin-block-start:0!important;
	margin-block-end:0!important;
}
hr {border:0!important;}


/******************************* Mise en Forme de Textes *******************************/
body, p, a , li, input, button, textarea, h2, h3, h4, h5 {
    font-style:initial;
}
p, li, td, a.page-numbers, a.wp-block-query-pagination-next.has-small-font-size {
  letter-spacing: 1px;
  /*font-size:13px;*/
}
p, ul:not(.wp-block-navigation__container) {
  margin-bottom:15px!important;
  line-height: 2; 
}
h1, .h1 {font-weight:400;margin-block-start: 0; margin-block-end: 0;}
  @media all and (min-width:1000px){h1, .h1 {font-size:7vW!important;}}
  @media all and (max-width:999px){h1, .h1 {font-size:15vw!important;line-height: 10vw;}}
h1.alignwide.wp-block-post-title {margin-bottom: 30px!important;}
h2, h2.has-foreground-color, .h2 {font-weight:100;margin-block-start: 0; margin-block-end: 0;}
  @media all and (min-width:1000px){h2, .h2 {font-size:1.8rem!important;}}
  @media all and (max-width:999px){h2, .h2 {font-size:1.2rem!important;}}
h3, .h3 {font-size:1.2rem;font-weight:400;text-transform:uppercase;margin-bottom: 10px;}
h4, .h4, label {font-size:1.0em;text-transform:uppercase;font-weight:800;margin-bottom: 10px;}
h5, .h5 {font-size:0.8em;text-transform:uppercase;font-weight:800;margin-bottom:0}
small, .wp-block-post-terms {text-transform:uppercase; font-size: 70%; opacity: 0.8; display: block;}
	a small {width:100%}
.last-updated{
  text-align:center;
  margin:auto;
  display: block;
}
h1 + p.tag {margin-top: -33px!important}
h2 + p.tag {margin-top: -28px!important}
h3 + p.tag {margin-top: -14px!important}
h4 + p.tag {margin-top: -9px!important}
span.tag, li.tag {text-transform: uppercase;}
span.tag a , li.tag a {font-weight:900}
code {border: 1px solid rgba(0,0,0,0.1);border-radius: 5px;padding: 0px 6px;}
sup {transform: scale(0.8);display: block;opacity: 0.8;}
ul{margin-bottom:50px;}
ul.grid p {font-style: italic;}
ul.inline-flex.summary {
  padding: 0px;
    width: 100%;
    justify-content: center;
    align-items: center;
}
ul.summary li {
  display: inherit;
  padding: 10px;
}
#errorText{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    max-width: initial!important;
    text-align: center;
    flex-direction: column;
}
#errorText p {
    background: rgba(255,255,255,0.8);
    padding: 5%;
    margin: 0px;
    width: 400px;
    box-shadow: 8px 8px 15px rgba(0,0,0,0.2);
    border-radius: 5px;
    font-size: 25px;
    position: relative;
    z-index: 99999;
}
@media all and (min-width:1000px){
  h1.overabsolute.rellax {
    top: 27px;
    max-width: 800px;
  }
}
@media all and (max-width:999px){
  h1.overabsolute.rellax {
    z-index: 999999;
    top: -10px;
    max-width: 700px;
    position: relative;
    transform: translateY(20px);
  }
}



/******************************* Liens *******************************/
body .a {
	cursor:default!important;
}
.a, a, a:hover, a:focus, input[type="submit"] {
  	text-decoration: none!important;
}
:not(header) ~ a, :not(header) ~ a:hover, :not(header) ~ a:focus,
footer a, footer a:hover, footer a:focus,
.a, input[type="submit"] {
	font-weight: 700;
    font-style: italic;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

ul:not(.wp-block-navigation__submenu-container) > li > a:not(.wp-block-navigation__submenu-container):after,
ul:not(.wp-block-navigation__submenu-container) > li > a:not(.wp-block-navigation__submenu-container):hover:after,
ul:not(.wp-block-navigation__submenu-container) > li > a:not(.wp-block-navigation__submenu-container):focus:after {
    content: '';
    height: 3px;
    background: var(--wp--preset--color--primary);
    display: block;
    border-radius: 10px;
}
.btn-ghost:after a, .btn-ghost:hover:after a, .btn-ghost:focus:after a,
.--underlining:after {
    content: '';
    height: 3px;
    background: var(--wp--preset--color--primary);
    display: block;
    border-radius: 10px;   
}

ul:not(.wp-block-navigation__submenu-container) > li > a:not(.wp-block-navigation__submenu-container):after {
    width: 0%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.btn-ghost:after {
    width: 0%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;    
}

ul:not(.wp-block-navigation__submenu-container) > li > a:not(.wp-block-navigation__submenu-container):hover:after,
ul:not(.wp-block-navigation__submenu-container) > li > a:not(.wp-block-navigation__submenu-container):focus:after {
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.btn-ghost:focus:after a, .btn-ghost:hover:after a,
.--underlining:after {
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

p.--sublink, ul.--sublink {
    border-top: 6px solid #cca15c61;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
a:focus,a:active,.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: inherit;
    color: inherit;
  border-radius: inherit;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: initial;
}


/******************************* Headers *******************************/
header {
    width: 100%;
    max-width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: var(--wp--preset--color--contrast);
}
header a {
    color: var(--wp--preset--color--primary);
}
header nav {
    width: calc(50% - 32px);
}
li.wp-block-navigation-item {
    margin: 0 15px;
}
header .wp-block-navigation-item__content {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 16px;
}
header ul.wp-block-navigation__container {
  justify-content:space-evenly;
}

/* WP ADMIN BAR */
  li#wp-admin-bar-new-post, li#wp-admin-bar-new-media, li#wp-admin-bar-new-evaluations, li#wp-admin-bar-new-intervenants, li#wp-admin-bar-new-demandeformation, li#wp-admin-bar-new-acceptations {
    display: none;
  }
  
#email-sender #header {display:none}
header, header.scrolled,
header.scrolled .wp-block-site-logo img, 
header .wp-block-site-logo img,
header > .wp-block-group, 
header.scrolled > .wp-block-group,
header img.custom-logo,
header.scrolled img.custom-logo {
  -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

header > .wp-block-group {
  padding-left:0!important;
}
header.scrolled {
  background: linear-gradient(180deg, #fff, transparent);
	padding-top: 10px;
}
header.scrolled .wp-block-group {
    padding-top: 0!important;
    margin-top: -14px;
    margin-bottom: 14px;
}
header.scrolled .wp-block-site-logo img {
    max-width: 40px;
}



/******************************* Images & Médias *******************************/
img {
    max-width: 100%;
    height: auto;
}
img.entete {
    margin: auto;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
    left: 0px;
    height: auto!important;
}
.wp-block-image {
    margin: auto;
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption{
  display:block;
}
i{
    font-style: initial!important
}
.wp-block-image{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}
.wp-block-image figcaption, .wp-block-image figcaption a, embed + em, video + em, iframe + p.has-text-align-center, table + p.has-text-align-center, .wp-block-table + p.has-text-align-center,figcaption {
    margin-bottom: 15px;
    text-align: center;
    font-size: 10px;
    max-width: 500px;
    text-transform: uppercase;
}
.--overcover-limiter {
	position:relative;
	overflow:hidden;
}
.background-cover{
  background-size:cover;
  background-position:center center;
  background-attachment:scroll;
}
.background-contain{
    background-size:contain;
    background-attachment:fixed;
}
.circle img,.circle .wp-block-media-text__media img{
  border-radius: 1000px;
}
.svg-decor{
  max-width:300px;
}
iframe.videos {
    top: initial!important;
    display: block;
    position: relative!important;
}
.single-cours figure, .single-cours table, .single-cours embed, .single-cours video, .single-cours media {
    margin: 120px auto!important;
}
.single-cours embed + p, .single-cours video + p, .single-cours media + p {
    position: relative;
    bottom: 90px;
}
body#top .slick-dots li [type=button], body#top .slick-dots li button[role="tab"], body#top .slick-dots li button[id*="slick-slide-control"] {
    background-color: transparent!important;
    background: transparent!important;
    display: initial!important;
    box-shadow: initial!important;
    min-width: initial!important;
    height: initial!important;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-radius: initial!important;
    border-image: initial!important;
    border-width: initial!important;
    border-style: initial!important;
    filter: drop-shadow(4px 4px 0px rgba(0,0,0,.1));
    transform: translate(-4px, -4px);
    margin-left: initial!important;
    font-style: initial!important;
}
.slick-dots li{
    opacity: 0.5;
}
.slick-dots li.slick-active{
  opacity:1;
}
.slick-dots li button:before {
    position: absolute!important;
    top: -27px!important;
}
.slick-dots {
    position: initial!important;
    margin: auto!important;
}
.eael-facebook-feed-img{
  max-width:100%!important;
}
.wp-block-post-featured-image a {
    height: auto !important;
}

  /* SVG */
  .shades-left2right{background:url('https://www.thebuildery.academy/wp-content/uploads/2022/05/White-shades-left2right-1.svg');background-size:cover;background-repeat:no-repeat;background-position:top left;min-height: 100vh;height: 100%;width: 100vw;}
  .shades-right, .hero--shades-right{background:url('https://www.thebuildery.academy/wp-content/uploads/2022/05/White-shades-right.svg');background-size:cover;background-repeat:no-repeat;background-position: 98% 0%;min-height: 100vh;height: 100%;}
    .shades-right{width: 100vw;}


/******************************* Icônes & Emojis *************************************/
.is-style-checkbox li:before {
    top: -16px;
    content: '✔';
    left: -12px;
    -webkit-mask-image: initial;
    mask-image: initial;
    position: absolute;
    width: 20px;
    font-size: 27px;
  background:transparent;
}
.acf-icon:before {
    width: inherit;
    height: inherit;
    font-size: 1.3em;
}
ul.emojilist, ul.emojilist li{
    list-style:none!important;
}
ul.emojilist li i {
    height: 2em !important;
    width: 3em !important;
    position: relative;
    right: 5px;
    font-size: 21px;
    top: 3px;
    font-family: Segoe UI Emoji, Segoe UI Symbol,Symbola, Quivira;
    text-align: center;
}
p.--bigicon, .--bigicon {
    text-align: center;
    margin: -35px auto 0;
    font-size: 5em;
    filter: drop-shadow(6px 6px 0px rgba(0,0,0,0.1));
    height: 120px;
    width: 100px;
}
.post-content img.wp-smiley, i, .--emoji{
    height: 1em;
    width: 1em;
    font-family: Segoe UI Emoji,Segoe UI Symbol,Symbola,Quivira;
}
button.flickity-button {
    background: transparent;
    border: transparent;
    transition: all 0.6s ease-in-out!important;
    filter: drop-shadow(4px 4px 0px rgba(0,0,0,0.2));
    text-decoration: none!important;
    position: relative;
}
button.flickity-button:hover {
    background: transparent;
    border: transparent;
    transition: all 0.6s ease-in-out!important;
  filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.2))!important;
    transform: translate(4px, 4px);
}
i.simcal-icon-left:after {
    content: "\f341";
}
i.simcal-icon-right:after {
    content: "\f345";
}
i[class*="simcal-icon"] {
    font-family: 'Dashicons', sans-serif;
    font-size: 2rem;
    font-weight: bolder;
}




/******************************* Animations *******************************/
.progress-animation:not(.--anim-last) {
  position: absolute;
    width: 100%;
    left: 0;
  opacity:0; 
  animation-name: loading-label; 
  animation-fill-mode: forwards; 
  animation-direction: normal; 
  animation-duration: 1.5s; 
  animation-timing-function: linear
}
.progress-animation.--anim-last {
  position: absolute;
    width: 100%;
    left: 0;
  opacity:0; 
  animation-name: loading-last; 
  animation-fill-mode: forwards; 
  animation-direction: normal; 
  animation-duration: 1s; 
  animation-timing-function: linear
}

.bounce-animation {
    position:relative;
    animation: bounced 2s ease infinite alternate;
    -webkit-animation: bounced 2s ease infinite alternate;
    -o-animation: bounced 2s ease infinite alternate;
    -moz-animation: bounced 2s ease infinite alternate;
}

.hit-animation, .hit-animation img {
    position:relative;
    animation: 0.5s hit alternate infinite;
    -webkit-animation: 0.5s hit alternate infinite;
    -moz-animation: 0.5s hit alternate infinite;
    -o-animation: 0.5s hit alternate infinite;
}

@keyframes bounced{
    from {top: -5px;}
    to   {top: 10px;}
}
@-o-keyframes bounced{
    from {top: -5px;}
    to   {top: 10px;}
}
@-moz-keyframes bounced{
    from {top: -5px;}
    to   {top: 10px;}
}
@-webkit-keyframes bounced{
    from {top: -5px;}
    to   {top: 10px;}
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-o-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes hit{
    from {transform:rotate(-45deg)}
    to {transform:rotate(0deg)}
}
@-o-keyframes hit{
    from {transform:rotate(-45deg)}
    to {transform:rotate(0deg)}
}
@-moz-keyframes hit{
    from {transform:rotate(-45deg)}
    to {transform:rotate(0deg)}
}
@-webkit-keyframes hit{
    from {transform:rotate(-45deg)}
    to {transform:rotate(0deg)}
}

@keyframes scrollingHorizontal{
    from {margin-left:0px;}
    to {margin-left:-234%;}
}
@-o-keyframes scrollingHorizontal{
    from {margin-left:0px;}
    to {margin-left:-234%;}
}
@-moz-keyframes scrollingHorizontal{
    from {margin-left:0px;}
    to {margin-left:-234%;}
}
@-webkit-keyframes scrollingHorizontal{
    from {margin-left:0px;}
    to {margin-left:-234%;}
}

@-webkit-keyframes buzz {
  70% {opacity: 0.88;}
}
@keyframes buzz {
  70% {opacity: 0.88;}
}
@keyframes close {
    100% {display: none}
}

@-webkit-keyframes loading-label {
  0% {opacity: 0 ; display: none;}
  45% {opacity: 1 ; display: block}
  100% {opacity: 0 ; display: none;}
}
@keyframes loading-label {
  0% {opacity: 0 ; display: none;}
  45% {opacity: 1 ; display: block}
  100% {opacity: 0 ; display: none;}
}
@-webkit-keyframes loading-last {
  0% {opacity: 0 ; display: none;}
  45% {opacity: 1 ; display: block}
  100% {opacity: 0 ; display: none;}
}
@keyframes loading-last {
  0% {opacity: 0 ; display: none;}
  100% {opacity: 1 ; display: block}
}




/******************************* Tableaux *******************************/
table {
    background-color: transparent;
    margin: 15px;
    border-spacing: 0;
    border-collapse: collapse;
  	font-size: 16px;
    text-align: center;
}

.wp-block-table, table {
    margin: 10px auto 60px;
}

td,
th {
    padding: 3px;
}
th {
    border-bottom: 2px solid #373737;
    background:transparent!important;
}
table td, .wp-block-table td {
  margin: 0px!important;
  max-width: initial!important;
  padding: 15px;
  border-color: #ddd;
}
td em {
    text-transform: initial;
    font-weight: initial;
}
tfoot tr #prev a {
    float: left;
}
table tfoot th, table thead th, .woocommerce table.shop_table th {
    font-size: 14px;
    padding: 10px 0!important;
    text-align: center;
}
.shop_table th {
    text-align: center;
    font-variant: small-caps;
}
table.ghost, table.ghost td, table.ghost tr{
    border:0px;
    border-color: transparent;
}
table.alignfull{
    text-align: center;
}
.single-cours .wp-block-table {
    margin-bottom: 5px!important;
}




/******************************* Boutons *******************************/
a.wp-block-button__link,a.acf-add-checkbox, input[type="submit"], button, input[type="submit"]:hover, button:hover,.wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button__link:hover,.is-style-shadow .wp-block-button__link, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active, .upload, a.acf-add-checkbox, a.button[data-name="add"], .wp-block-file__button, input[type="file"], .um-do-search, .um a.um-button {
    transition: all 0.3s ease;
  	font-weight: 700;
    font-style: italic;
  	cursor:pointer;
}
.btn,.comment-reply-link,.um-modal-btn,a.button,.button,#respond input,.wp-block-file__button {
    padding-left:25px!important;
  	padding-right:25px!important;
  	display: inline-flex;
    justify-content: center;
    align-items: center;
  	line-height: var(--button--line-height);
  	font-size: 16px;
}
.wp-block-button {
    margin: 15px auto;
}

/* Boutons principaux */
  .btn-main .wp-block-button__link, .btn-default, .button-primary,#respond input,.wp-block-button__link.has-background-color {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 15%);
    padding: 15px 30px;
    border-radius: 50px!important;
    line-height: 1.8;
    border: 0;
  }
  .button-primary:hover,#respond input:hover, .acf-form-submit input[type="submit"]:hover {
    color: inherit !important;
	border-radius: 50px!important;
  }

/* Boutons alternatifs */
  .is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline, .um input[type=submit].um-button.um-alt, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active,.upload,.wp-block-file__button,input[type="file"] {
    background:transparent!important;
	border-radius: 50px!important;
}
  .upload,.wp-block-file__button,input[type="file"]:hover {
    background-color: transparent !important;
    color: inherit !important;
    text-decoration: initial!important;
    border: var(--button--border-width) solid currentColor!important;
    height: initial!important;
  }

/* Boutons fantômes */
  .btn-ghost, a.button[data-name="add"],a.acf-add-checkbox {
	  max-width:300px!important;margin:15px auto!important;transform:scale(0.85);
	}
  .btn-ghost .wp-block-button__link,  .btn-alt,.comment-reply-link, a.button[data-name="add"],a.acf-add-checkbox {
    font-weight:900!important;
    height: initial!important;
    padding-top:8px;
    padding-bottom:8px;
    -webkit-transition: all 0.5s ease-out!important;
    -moz-transition: all 0.5s ease-out!important;
    -o-transition: all 0.5s ease-out!important;
    transition: all 0.5s ease-out!important;
    box-shadow: initial!important;
      background: transparent!important;
      border-radius: 0!important;
  }
  .btn-ghost:not(:hover) a,.btn-ghost:not(:active) a,.btn-ghost:not(:focus) a, .um .um-button.um-alt:hover, a.button[data-name="add"],a.acf-add-checkbox, a.button[data-name="add"]{
    border-bottom:0px solid;
  }
  .btn-ghost:hover a, .btn-ghost:focus a, .btn-ghost:active a, .um .um-button.um-alt:hover, a.button[data-name="add"]:hover,a.acf-add-checkbox:hover, a.button[data-name="add"]:hover {
    border-bottom: 9px solid!important;
  }

/* Boutons sticky */
button.download {
		position: fixed;
		background:var(--wp--preset--color--vivid-red)!important;
		color:#fff;
		border:0;
		font-size:15px;
		bottom: 0px;
		left: 0px;
		width: 100%;
		box-shadow: 0px 0px 25px rgb(0 0 0 / 25%);
		z-index: 9;
		padding:15px;
	}
	button.download:focus:after, button.download:active:after {
		content: 'Votre PDF est en cours de téléchargement ...';
		display: block;
		position: absolute;
		background: #ec0839;
		width: 100%;
		padding: 8px;
	}

/* Canceller / Erasers */
  body .um-single-image-preview a.cancel i, body .um-single-file-preview a.cancel i {
    font-size: 23px;
    color: white;
    left: 3.5px;
    top: 0.4px;
  }
  body .um-single-image-preview a.cancel, body .um-single-file-preview a.cancel {
    background: black;
  }

/* Done */
	.--done > *:after {
		content: '✔';
		color: var(--wp--preset--color--foreground);
		line-height: 0.8;
		font-size: 16px;
		font-weight: bold;
		padding: 3px;
		margin-top: -1px;
	}


/******************************* Formulaires *******************************/
/* Form style */
/*.acf-form-submit input[type="submit"] {
    background: initial;
    border: initial;
    padding: 0;
    margin: 0;
}*/
form br {
	display:none;
}
form:not(#formations, .cours--sommaire, #commentform, [uploader="true"]) {
    max-width: 90%;
    margin: auto;
}
.acf-fields.-border {
    display: inline-block;
}
.acf-field, .acf-tab-wrap.-top, .acf-tab-group {
    border: 0px!important;
}
.acf-form-submit {
    text-align: right;
    margin-top: 50px;
	position: relative;
    z-index: 9999;	
}

/* Fields style */
option {
    color: initial!important;
}
textarea:not(#comment), select, input:not(#term_name, .term_name, [type="submit"], [type="range"], .btn-ghost, button-primary, #user_login, #user_pass),
input[type="password"], input[type="text"]:not(#term_name, .term_name, #user_login, #user_pass), input[type="number"], input[type="url"], input[type="email"], input[type="email"], input[type="date"], input[type="tel"],
input[type="search"]:not(.select2-search__field),
.acf-field select,body .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year,
div.checkbox label input[type="checkbox"]:not(##rememberme):checked, .select2-search__field,.select2-container--default .select2-selection--single {
    background: rgba(255,255,255,0.4)!important;
	border-radius:5px!important;
	min-height: 45px!important;
	border:1px solid var(--wp--preset--color--foreground)!important;
	max-width: 100%;
}
input#user_login, input#user_pass {
background: rgba(255,255,255,0.4)!important;
	border-radius:5px!important;
	min-height: 45px!important;
	border:1px solid var(--wp--preset--color--foreground)!important;
	width: 100%;	
}

.acf-input textarea, .acf-input input {
    order: 2;
}
.acf-field-number .acf-input {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.acf-field-group .acf-field.inline {
    padding-left: 0px!important;
	padding-right: 0px!important;
}
  .acf-hl:before, .acf-hl:after, .acf-bl:before, .acf-bl:after, .acf-cf:before, .acf-cf:after{
    display:none!important;
  }
  ::placeholder {
    font-weight:400!important;
    opacity: 0.6;
  }

	/* Select */
	select, option {
		max-width: 100%;
		min-height:40px;
		border-radius: 5px;
	}

	/* Relationships & object fields */
	/*body .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 45px!important; Bug sur select taxonomy ACF 
	}*/
	body .select2-container--default .select2-selection--single .select2-selection__placeholder,
	body .select2-container--default .select2-selection--single .select2-selection__rendered,
	body .select2-selection__choice .acf-selection, select {
		color: var(--wp--preset--color--foreground)!important;
		font-size: 14px!important;
		line-height: 40px;
		
	}
	.select2-selection__placeholder span.acf-selection:before {
		content: '- ';
	}
	.select2-selection__placeholder span.acf-selection:after {
		content: ' –';
	}
	body .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 44px;
	}
	body .select2-container--default .select2-selection--single .select2-selection__arrow b {
		border-color: var(--wp--preset--color--background) transparent transparent transparent;
		border-width: 7px 6px 0 6px;
		margin-left: -13px;
		margin-top: -3px;
		border-radius: 3px;
	}
	.select2-dropdown, .select2-container--default .select2-results__option,
	.select2-results .select2-selection__choice .acf-selection {
		background-color: var(--wp--preset--color--background)!important;
		font-size: 12px;
    	text-transform: uppercase;
	}
	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		color: var(--wp--preset--color--primary)!important;
		font-weight: 700;
	}

	/* Taxonomy fields */
	body .select2-container--default .select2-selection--multiple {
		background-color: transparent;
		border: 0!important;
	}
	body .acf-actions.-hover {
		top: 9px;
		right: 10px;
	}
	.select2-container .select2-search--inline .select2-search__field {
		font-size: 14px!important;
		padding-left: 8px!important;
		padding-top: 2.5px!important;
		margin-top: 0!important;
		width: 100%!important;
	}
	li.select2-selection__choice, .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
		border: 2px solid var(--wp--preset--color--secondary)!important;
		background-color: transparent!important;
	}
	body #acf-popup .acf-popup-box {
		min-width: 340px;
		border-color: transparent;
		color: var(--wp--preset--color--foreground);
		border-radius: 10px;
	}
	ul.select2-selection__rendered.ui-sortable {
		background-color: var(--wp--preset--color--background);
		border-radius: 5px;
		border: 2px solid;
	}
	.select2-search__field {
		color: var(--wp--preset--color--foreground);
	}

  input[type=checkbox]:not(#rememberme),input[type=checkbox]:not(#rememberme):focus {
    color: transparent;
    width: 0px;
    height: 0px;
    border: 0px;
    position: absolute;
    outline: initial;
  }
  div[data-name="dernier_diplome_obtenu"] ul.acf-radio-list li {
    width: 100%;
  }
  textarea{
    height: initial!important;
  }
  input#fld_9550615_1{
    margin-top:0!important;
  }
  .acf-input-wrap > *, .select2-container .select2-selection--single, textarea, select {
    min-height: 40px;
	border: 2px solid var(--wp--preset--color--secondary)!important;
	border-radius: 5px;
  }
  div[id*="form_page"]{
    margin:auto;
  }
  [class*="button_trigger"]{
    position:relative;
    bottom:3px;
  }
  input.acf-checkbox-custom {
    position: relative;
    top: 15px;
  }
  .um-field-checkbox input[type="checkbox"] {
    opacity: 0;
    left: 23px;
    width: 20px;
    height: 20px;
    top: 4px;
  }
  body .uploader-inline p {
    margin: auto;
  }
  label.selected {
    font-weight: 700;
    border: 2px solid var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--secondary);
    border-radius: 5px;
  }
  .acf-field.inline[data-width] + .acf-field.inline[data-width]{
    border-left: 0px;
  }
  .inline .acf-input {
    display: flex;
      justify-content: flex-start;
  }
  .inline .acf-input .acf-taxonomy-field {
    width: 90%;
  }
  .um-tip{
    position: absolute;
    left: 11px;
    top: -2px;
  }
  ul.acf-radio-list{
    justify-content: flex-start;
  }

	/* ACF relationships field */
  	.select2 li {
    	margin: 5px!important;
    	display: flex;
	  	align-items: baseline;
  	}
  .acf-field .acf-input > p.description, .comment-metadata, .acf-form .description {
    font-size: 80%;
  }
  .control-label + div{
    text-align: center;
  }
  ul.acf-radio-list, ul.acf-checkbox-list{
    display: flex;
    flex-wrap: wrap;
	cursor: pointer;
  }
  ul.acf-radio-list li label {
    margin: 5px 10px;
    padding: 5px;
	display: inline-block!important;
  }
ul.acf-checkbox-list li label {
    margin: 5px;
  }
  .inline .acf-checkbox-list li {
    display: inline-flex!important;
    text-align: center;
    float: none!important;
    justify-content: center;
    align-items: center;
    width: auto;
  }
  .inline .acf-checkbox-list li label, .inline .acf-radio-list li label {
    padding: 5px 10px;
    text-align: center;
    transition: all 0.5s ease;
    font-size: 95%;
    text-transform: uppercase;
	cursor: pointer;
  }
  .acf-checkbox-list li {
    display: block;
  }
  .acf-field input.acf-checkbox-custom + input {
    width: 200px!important;
  }
  ul.acf-checkbox-list.acf-hl {
    order: 2;
  }
  div.checkbox label input[type="checkbox"]{
  -webkit-appearance: none;
  }
  div.checkbox label input[type="checkbox"]:checked {
    width: 100% !important;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    padding: 10px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
    color: white;
    border-style: solid;
    border-width: 3px;
  }
  div.checkbox label input[type="checkbox"]:checked{
    position: absolute;    
  }
  input[type="checkbox"]:checked::before {
    content: none;
  }
  .acf-field-text .acf-input-wrap, .acf-field input[type=text]:not(.hasDatepicker){
    min-width: 200px;
    width:100%;
  }
  .acf-input-prepend, .acf-input-append {
    background: transparent!important;
    border: 0px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style:italic;
	  text-wrap: nowrap;
  }
	body .acf-input-wrap .acf-is-appended {
		border-radius: 5px!important;
	}
  .acf-input-prepend, .acf-field .acf-input > p.description, .comment-metadata, .acf-form .description,
	.acf-field-checkbox p.description, .acf-field-group p.description {
    order: 1;
  }
  .acf-input-wrap{
    order:2;
  }
  .acf-input-append {
    order: 3;
    transform: translateX(10px);
  }
  .acf-editor-wrap .wp-editor-container {
    border: 0px!important;
  }

	/* Range input */
    .acf-range-wrap {
        display: flex;
        justify-content: space-between;
		align-items: center;
    }
    .acf-range-wrap .acf-append, .acf-range-wrap .acf-prepend {
    	display: none!important;
	}
    .acf-range-wrap input[type=range] {
        height: 7px!important;
    	border-radius: 15px;
        width: 100%;
        flex-basis: 100%;
		-webkit-appearance: none;
    }
    .acf-range-wrap input[type=number] {
        order: 3;
        text-align: center;
        font-weight:700;
        margin: 0px;
    }
	::-webkit-slider-runnable-track,
	::-moz-range-track,
	::-ms-track, ::-ms-fill-upper {
		background: var(--wp--preset--color--foreground);
	}
	::-moz-range-progress,
	::-ms-fill-lower {
		background: var(--wp--preset--color--primary);
	}
	::-webkit-slider-thumb,
	::-moz-range-thumb,
	::-ms-thumb {
	  	background: var(--wp--preset--color--secondary);
	}	
    input[type=range]:focus {
      outline: none;
    }

	/* Upload files & medias */
  li.attachment.acf-disabled {
    display: none;
  }

/* Submission */
  .acf-notice.-error.acf-error-message.-dismiss {
    bottom: 0px;
    width: 50%;
    position: absolute;
  }
  .acf-loading, .acf-spinner:after {
    content: 'Envoi en cours ...';
    display: block;
    width: 200px;
    padding-left: 30px;
  }
  @media all and (max-width:999px){
    .acf-loading, .acf-spinner {
      position: relative;
      bottom: 55px;
      left: 297px;
    }
  }
  @media all and (min-width:999px){
    .acf-loading, .acf-spinner {
      position: relative;
      bottom: 61px;
      left: 73%;
    }
  }

/* Formulaire soumission formations */
  #group_6062e74beac88 > .acf-fields{
    display: flex;
    flex-wrap: wrap;  
  }
  #group_6062e74beac88 .acf-field[data-key="_post_title"]{
    width:100%;
  }



/**************************** Connexion & Inscription **********************/
.page-id-14430 .logged-um_apprenants #inscription /* Si apprenant sur inscription formateur */,
.page-id-331 .logged-um_formateur-formatrice #inscription /* Si formateur sur inscription apprenant */,
.um-login.um-logout{
    margin: auto;
}
.page-id-14430 .logged-um_apprenants #inscription /* Si apprenant sur inscription formateur */,
.page-id-331 .logged-um_formateur-formatrice #inscription /* Si formateur sur inscription apprenant */ {
    margin: auto;
}
.member-logged-in div#inscription, /* Formulaire si connecté */
.page-id-14430 .logged-um_formateur-formatrice #inscription /* Si formateur sur inscription formateur */ {
  display:none;
}
.page-id-331 .logged-um_apprenants #inscription /* Si apprenant sur inscription apprenant */,
.page-id-14430 .if-logged-um_formateur-formatrice /* Si formateur sur inscription formateur */ {
  display:initial;
}
#um_field_14429_consentement_role .um-field-half {
    width: initial;
}
.um.um-register.um-14429.uimob800::before { /* Texte introduction formulaire inscription formateurs */
    content: "Envie de nous rejoindre et de faire financer vos formations au sein d'une école virtuelle aux valeurs fortes ? Inscrivez-vous et proposez votre candidature :";
}


/***************** Évalutations ******************/
/* Quizz */


/********************************** Indicateurs de performance ***********************************/
div#indicateurs {
    margin-bottom: 8vh;
}
.indicateur {
    width: 46%;
    text-align: center;
    padding: 2%;
}
.jauge-container {
  width: 90%
}
jauge {
    width: 90%;
    max-width: 780px;
    margin: auto;
    display: block;
    background: #80808024;
    height: 10px;
    border-radius: 5px;
}
jauge:before {
    content: '';
    background: var(--wp--preset--color--primary);
    height: 10px;
    display: block;
    border-radius: 5px;
  width:0%
}
jauge + span {
    width: 10%;
    text-align: center;
}


/************************************** Fiche apprenant individuelle *********************************/
@media screen {body.single-demandeformation #content {
    margin-top: 50px;
}}
.single-financer_formation #content,.convention-template #content{
  padding-top:100px
}
.single-demandeformation header{
  display:none!important;
}
.single-demandeformation .advgb-tab-body-wrapper {
    border: 0px!important;
}
.convention-template h1{
  text-align:center;
  margin-bottom:50px;
}
.convention-template h2 {
    display: inline;
}
.convention-template h5 {
    margin: 0px 0 20px 30px;
}

/* Onglet Convention de Formation */
  ol.articles > li {
    margin-top: 100px;
  }
  ol.articles > li::marker {
    display: inline-flex;
    order: 2;
    font-size: 2.3rem;
    font-weight: 900;
    text-transform: uppercase;
    content: "Art."counter(list-item);
  }
  .convention-template h3 ol {
    margin: -8px 0 0 6px;
  }
  .convention-template h3 ol > li::marker {
     content: counter(list-item) ". ";
  }
  .convention-template ol ol {
    list-style: decimal;
  }
  h2 + ol > li::marker {
    font-weight: 900;
    font-size: 2rem;
  }
  h3 + ol > li::marker {
    font-weight: 900;
    font-size: 2rem;
    font-variant: all-petite-caps;
  }
  #article2 > ol > li::marker {
    content: "2." counter(list-item) ". ";
  }
  #article3 > ol > li::marker {
    content: "3." counter(list-item) ". ";
  }
  #article4 > ol > li::marker {
    content: "4." counter(list-item) ". ";
  }
  #article5 > ol > li::marker {
    content: "5." counter(list-item) ". ";
  }
  #article6 > ol > li::marker {
    content: "6." counter(list-item) ". ";
  }
  #article7 > ol > li::marker {
    content: "7." counter(list-item) ". ";
  }
  li[id*="article"] ol > li {
    margin-bottom: 60px;
  }
  #convention li.--acquis:after, #convention li.--encours:after {
    display: none;
  }
  #convention ul.objectif_formation {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  /*table.signature-contrat, table.signature-contrat *{
    border:0;
  }
  table.signature-contrat tbody {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: auto;
    vertical-align: initial;
    font-style: italic;
  }*/
  .single-demandeformation .notconvention {display: none!important;}

/* Onglet certification de formation */
  .single-demandeformation .objectif_formation li.--acquis:after {
    content: ' ✔️ACQUIS';
    color: green;
    font-weight: bold;
    font-size: 10px;
  }
  .single-demandeformation .objectif_formation li.--encours:after {
    content: ' ⏳ EN COURS D’ACQUISITION';
    color: orange;
    font-weight: bold;
    font-size: 10px;
  }
  .single-demandeformation #certificat ul {
    margin: auto;
  }



/************************************** Cours ************************************************************/
.single-cours .acf-fields {
    width: 100%;
}
.page-template .page-content {
    background: white;
    max-width: 1200px;
    margin: auto;
    box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 7% 7% 7% 7%;
    border-radius: 10px 10px 10px 10px;
}
.cours-template-default .page-content {
    margin-top: 200px;
}
iframe {
    border: 0px;
    width: 100%;
}
.single-cours .coursdisplay:after {
    content: "\00b7 \00b7 \00b7";
    font-size: 40px;
    letter-spacing: 1em;
    padding-left: 0;
    width: 100%!important;
    text-align: center;
    margin: auto;
    display: block;
    position: relative;
    top: 55px;
}
.single-cours .display-posts-listing h2.title {
    text-align: center;
}
.post-tags {
    display:none;
}
.single-cours ul:not(.acf-checkbox-list):not(.slick-dots) {
    max-width: 600px!important;
    margin: 20px auto;
    font-weight: bold;
    font-size: 15px;
}
.single-cours ol {
    max-width: 600px!important;
    margin: 0px auto 50px!important;
    font-weight: 700;
    font-size: 15px;
}

.wp-block-coblocks-accordion {
    margin-top: 50px;
}
.single-cours tr, .single-cours td {
    border: 0px;
    background: transparent!important;
    vertical-align: middle;
}
span.matieres {
    text-transform: uppercase;
    font-size: 11px;
}
#sousmodule span.num {
    display: none;
}
ul.advgb-list.advgb-list-admin-post {
    max-width: 100%!important;
}
ul.advgb-list.advgb-list-admin-post li {
    min-height: 0px;
}

    /***** Liste cours *****/
    div#breadcrumb {
        text-align: center;
        width: fit-content;
        margin: auto;
    }
    .single-cours .list ul.display-posts-listing {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .single-cours ul.display-posts-listing:before {
        content: '🏁';
        transform: scale(2.5);
        position: relative;
        right: 20px;
        font-family: Segoe UI Emoji;
    }
    .single-cours ul.display-posts-listing:after {
        content: '🎖';
        transform: scale(2.5);
        position: relative;
        left: 3px;
        font-family: Segoe UI Emoji;
    }
    .list li.listing-item {
        margin: 40px -0.5px;
        width: 18px!important;
        height: 18px!important;
        border: 1px solid grey;
        font-size: 1px!important;
        line-height: 0.1!important;
        max-height: 18px!important;
        max-width: 18px!important;
        min-height: 18px!important;
        min-width: 18px!important;
        box-shadow: inset -5px -5px 7px rgba(0,0,0,0.3);
        z-index:9;
        position: static;
    }
    .list#breadcrumb li:before{
        display:none;
    }
    .list .listing-item h3 {
        font-size: 12px;
        font-weight:400;
    }
    .list li.listing-item a {
        position: absolute;
        display: none;
    }
    .list li.listing-item:hover{
        background:#333333;
    }
    .list li.listing-item:hover>a {
        display: block;
        z-index: 1;
        width: 100%;
        left: 0px;
    }
    span.page-numbers.current {
    font-size:22px
    }
    .page-numbers:not(.next):not(.prev){
        text-align: center;
        margin: auto;
        line-height: 1.1;
    }

    /***** Feuilles de présence *****/
    .display-posts-listing form {
        margin-top: 100px;
        text-align: center;
    }
    .cours-template-default.single div[data-tab="1"] form[method="post"] .acf-form-fields.-top {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
        border-image: linear-gradient(-24deg,#e7e7e7,#333,#f9fbfa,#ccc,#e7e7e7,#333,#e7e7e7)9!important;
        box-shadow: inset -7px -7px 15px rgba(0,0,0,.15),inset 7px 7px 15px rgba(255,255,255,.6),11px 11px 2px rgba(0,0,0,.1)!important;
        background: linear-gradient(-24deg,#e7e7e700,#3333334d,#f9fbfafff61,#ccc0,#e7e7e700,#33333385,#e7e7e7d9);
        border-width: 3px!important;
        border-style: solid!important;
        background-color: rgba(255,255,255,1);
    }
    .acf-field[data-name*="feuille_de_presence"] .acf-input li,
    .acf-field[data-name*="feuille_de_presence"] .acf-input li:before{
        height: initial;
        justify-content: center;
        align-items: center;
    }
  div#message.updated {
    padding: 5%;
    min-width: 400px;
    width: 93%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
    position: absolute;
    top: -68px;
    left: 0px;
    max-width: initial !important;
  }
  div#message.updated p {
    line-height: 2!important;
    margin: 25px;
    font-size: 18px;
    font-weight: 700;
  }



/**** FAQ ****/
  .comments-area.show-avatars .comment-metadata{
    margin: 0px;
  }
  footer.comment-meta {
    margin: -16px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  footer.comment-meta * {
    font-size: 11px;
    line-height: 1;
  }
  .comment-meta .comment-metadata {
    padding: 0px 0 2.5px 10px;
  }
  .comment-metadata time:before {
    content: 'le ';
  }


/**************************************** Casiers / Mon Compte *************************************/
.um-account-side li {background: initial!important;}
.um-account-profile-link {display:none}
@media all and (min-width:818px){.um-account-tab { padding-top: 50px;}}


/************************************************************ Pagination *******************************/
nav.display-posts-pagination {
    margin: 80px 35px 35px;
    border-top-width: 3px;
    border-image: linear-gradient(130deg,#88faec, #373737) 9!important;
    border-top-style: solid;
    padding: 25px 0;
}
.nav-links {
    font-weight: 900;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
}
a.prev.page-numbers, a.next.page-numbers {
    font-size: 25px;
}


/************************************************************ Comments *******************************/
#commentsbox {
    margin: 0;
    float:left;
    width: 100vw;
}
#commentsbox ul li{
  list-style-type: inherit!important;    
}
ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0px;
}
ol.commentlist li {
    line-height: 18px;
    margin: 15px 0 15px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
ol.commentlist li .comment-body {
    margin-left: 80px;
    position: relative;
    border: 1px solid #e7e2e2;
    padding: 18px 10px 0px 15px;
    background: #f8f8f8;
}
ol.commentlist li .comment-author a:link,
ol.commentlist li .comment-author a:visited {
    color: #333333;
    text-decoration: none !important;
}

p.comment-form-email,
p.comment-form-url {
    margin-top: 20px;
}
.comment-author.vcard,ol.commentlist li .comment-meta {
    display: inline;
}
.comment-author.vcard span.says {
    display: none;
}
cite.fn {
    font-style: normal;
    margin-right: 8px;
}
ol.commentlist li .comment-author .avatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: absolute;
    left: -81px;
    top: -1px;
    width: 60px;
    height: 60px;
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    padding: 5px;
}
ol.commentlist li .comment-author .avatar:hover {
    -webkit-animation: bounceIn_single 0.7s ease-in-out;
    -moz-animation: bounceIn_single 0.7s ease-in-out;
    -o-animation: bounceIn_single 0.7s ease-in-out;
    animation: bounceIn_single 0.7s ease-in-out;
}
ol.commentlist li .comment-meta a {
    text-decoration: none !important;
    display: inline-block;
}
ol.commentlist li p {
    line-height: 22px;
    margin-top: 5px;
}
ol.commentlist li .reply {
    margin-top: 10px;
    font-size: 10px;
    text-align: right;
    padding-bottom: 20px;
    display: block;
    margin-left: -25px;
    margin-right: -10px;
    padding-right: 10px;
}
#commentform #commentSubmit {
    background: #29B3F0;
    padding: 8px 20px;
    font-size: 16px;
    font-style: italic;
    border-radius: 10px;
}
#commentform p {
    overflow: initial;
}
input#url {
    margin-right: 0px;
}
#commentform input[type="text"] {
    float: left;
    width: 32.3%;
    height: 30px;
    display: block;
}
textarea#comment {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    width: 100vw;
    clear: both;
    display: block;
    margin: 10px 0 0;
    padding: 5px;
}
.comment-section #commentsbox .post-info h1 {
    border-bottom: 1px dashed #cecece;
    padding: 20px 0;
}
.comment-section #commentsbox .post-reply h1 {
    border-top: 0px;
    border-bottom: 1px dashed #cecece;
    margin-bottom: 25px;
    margin-top: 0px;
}
.recent-comments-list .avatar {
    margin-right: 1em;
    float: left;
    border-radius: 1px;
}
.recent-comments-list .post-excerpt {
    padding-left: 70px;
    display: block;
}
.recent-comments-list li {
    margin-bottom: 1.55em;
    position: relative;
}

/******************************* Widgets *******************************/
/* Calendrier */
#wp-calendar td {
    min-height: 50px;
    vertical-align: baseline;
    text-align: center;
    width: calc(100% / 7);
	color: var(--wp--preset--color--foreground)
}
#wp-calendar > caption {
	font-size: 1.5rem;
	color:var(--wp--preset--color--foreground)
}
a.calendar-dot:hover {
    background-color: var(--wp--preset--color--secondary);
    transform: scale(1.5);
}
a.calendar-dot {
    background-color: var(--wp--preset--color--primary);
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100px;
}

/* Sommaires */
.--minimized .toc-level-2,.--minimized .toc-level-3,.--minimized .toc-level-4{
  display:none;
}

/* Accordéons */
  .wp-block-coblocks-accordion-item__content {
    background-color: var(--wp--preset--color--background);
    border: 1px solid var(--wp--preset--color--foreground);
    border-style: solid;
    border-width: 1px;
    border-radius: 25px;
    padding: 10px 10px 10px 15px;
  }

/* Onglets Tabs */
ul.uagb-tabs__panel {
    border-bottom: 0;
  margin-bottom: 0px!important;
}
.uagb-tabs__body-wrap {
    border: solid var(--wp--preset--color--foreground)!important;
    border-width: 0px 5px 5px 5px!important;
}
li.uagb-tab.uagb-tabs__active {
  background: var(--wp--preset--color--foreground)!important;
}
li.uagb-tab {
  border: 0px!important;
  font-weight: bold;
  min-width: 100px;
}

  .acf-tab-wrap.-top {
    width: 100%;
  }
  .acf-fields>.acf-tab-wrap,.acf-fields>.acf-tab-wrap:first-child .acf-tab-group,.acf-fields>.acf-tab-wrap .acf-tab-group li a,.acf-fields>.acf-tab-wrap .acf-tab-group li.active a {
    background: transparent!important;
    background-color: transparent!important;
    border: 0px!important;
    border-radius: 10px;
  }
.acf-tab-group li:not(.active) a {
	color: var(--wp--preset--color--foreground)!important;
}
.acf-tab-group li.active a {
	color: var(--wp--preset--color--background)!important;
}

  #content ul.advgb-tabs-panel li.advgb-tab.ui-tabs-active, #content ul.advgb-tabs-panel li.advgb-tab.advgb-tab-active,.advgb-tabs-panel .acf-field.acf-field-accordion.opened,.acf-tab-group li.active {
    background-color: var(--wp--preset--color--foreground)!important;
  }
  #content ul.advgb-tabs-panel li.advgb-tab, #content ul.advgb-tabs-panel li.advgb-tab,.advgb-tabs-panel .acf-field.acf-field-accordion h2,.acf-fields>.acf-tab-wrap .acf-tab-group li a {
    font-size:16px;
    border-radius: 10px!important;
  }
  ul.advgb-tabs-panel li a,ul.advgb-tabs-panel li a:active,ul.advgb-tabs-panel li a:focus,#content ul.advgb-tabs-panel li.advgb-tab, #content ul.advgb-tabs-panel li.advgb-tab,.advgb-tabs-panel .acf-field.acf-field-accordion,.acf-tab-group li{
    background: transparent!important;
  }
  .advgb-tab strong {
    display: block;
  }
  .advgb-tabs-panel .acf-fields {
    display: flex;
    flex-wrap: wrap;
    border: 0px;
  }
  .advgb-tabs-panel > .acf-label, .acf-input, .acf-fields,.advgb-tabs-panel .acf-accordion-group {
    width: 100%;
  }
  .advgb-tabs-panel .acf-field.acf-field-group .acf-fields {
    justify-content: center;
    align-items: center;
    display: flex;
    align-items: center;
  }
  .advgb-tabs-panel .acf-field.acf-field-accordion,.acf-tab-group li {
    order: 1;
    width: initial;
    display: inline-block;
    margin: 0 8px 8px 0;
    border: 2px solid var(--wp--preset--color--foreground);
    border-radius: 10px;
    padding: 11px 15px!important;
    text-align: center;
  }
  .advgb-tabs-panel .acf-accordion-group {
    order: 2;
  }
  .advgb-tabs-panel .acf-accordion-group.opened {
    display: flex;
      flex-wrap: wrap;
      align-content: baseline;
  }
  .advgb-tabs-panel .acf-field-accordion:before, .advgb-tabs-panel .acf-field-accordion.opened:before{
    display:none
  }
  .advgb-tabs-panel .acf-field-accordion h2 span.dashicons-before:before, .advgb-tabs-panel .field_type-accordion h2 span.dashicons-before:before {
    top: 1px;
    margin-left: 8px;
  }
  .acf-field-group .acf-field[data-width] {
    border: 0px!important;
    margin: 1% 2%;
  }


/* Gutenberg Bloc media-texte */
  .wp-block-media-text.alignwide {
    max-width: 900px;
  }
  .wp-block-media-text .wp-block-media-text__media{
    z-index:-1;
  }
  .wp-block-media-text__content p.has-text-align-right {
    display: block!important;
  }

       
/* WYSIWYG Field */
    .mce-top-part::before {
        box-shadow:initial;
        -webkit-box-shadow:initial;
    }
    div.mce-toolbar-grp {
        border: 0px!important;
        background: transparent!important;
    }
  body .mce-toolbar .mce-ico {
    color: #f9fbfa;
  }
  body .mce-toolbar .mce-ico:hover {
    color: #000;
  }
  .mce-top-part::before {
    box-shadow: initial!important;
    border: 0px!important;
    filter: initial!important;
  }
  .wp-editor-container > .mce-container, .mce-stack-layout-item {
    border: #ccd0d4 solid 1px;
    border-radius: 10px;
  }
  div.mce-edit-area{
    border-right: #ccd0d4 solid 1px!important;
  }

/* Export PDF */
  button#downloadPDF {
    position: fixed;
    background: #373737;
    bottom: 0px;
    left: 0px;
    width: 100%;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
    z-index: 9;
  }
  button#downloadPDF:focus:after, button#downloadPDF:active:after {
    content: 'Votre PDF est en cours de téléchargement ...';
    display: block;
    position: absolute;
    background: #373737;
    width: 100%;
    padding: 8px;
  }


/* Calendrier & Date pickers */
  body .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, .um-modal-header, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover, .um .um-field-group-head:hover, .picker__footer, .picker__header, .picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted, .picker__list-item:hover, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted, .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected {
      background: #cca15c !important;
  }
  body .um .picker__header {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body .um .picker__select--month, .um .picker__select--year {
    margin-top: -2px!important;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgba(0 0 0/20%);
    font-weight: 900;
  }
  body .um .picker__box {
    border: 2px #cca15c solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-left-width: 1px;
  }
  body div#ui-datepicker-div {
    width: initial;
    box-shadow: 8px 8px 20px rgba(0,0,0,.1);
    padding: 8px 20px 8px 8px;
    background:white;
  }
  body .ui-datepicker-calendar {
    margin: 10px auto 25px!important;
    min-width: 350px;
    border:0px;
  }
    body .ui-datepicker-calendar th, .ui-datepicker-calendar td {
        width: 14%!important;
        min-width: 40px!important;
        padding: 7px!important;
        height: 30px!important;
    }
    body .acf-ui-datepicker .ui-widget-content a.ui-state-hover{
        border:0px;
    }
  .acf-ui-datepicker .ui-state-active, .acf-ui-datepicker .ui-widget-content .ui-state-active, .acf-ui-datepicker .ui-widget-header .ui-state-active {
    background: #cca15c;
    font-weight: 900;
  }
    body .acf-ui-datepicker .ui-state-highlight, .acf-ui-datepicker .ui-widget-content .ui-state-highlight, .acf-ui-datepicker .ui-widget-header .ui-state-highlight {
        border: 0px;
        font-style:italic;
    }
    body .acf-ui-datepicker .ui-state-active, .acf-ui-datepicker .ui-widget-content .ui-state-active, .acf-ui-datepicker .ui-widget-header .ui-state-active {
    border: 0px;
    background: linear-gradient(45deg, #373737, #cca15c);
    font-weight: 400;
    transform: scale(1.4) translateX(-3px);
    width: 40px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    }
    body table thead:first-child tr:first-child th{
        border-top:0!important;
    font-weight: initial;
    }
    body .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        display: inline;
    }
    body .acf-ui-datepicker .ui-widget-header .ui-icon,.acf-ui-datepicker .ui-widget-header .ui-icon:hover {
        background: initial;
        display:none;
    }
    body .ui-state-hover{
        background: initial;
    }
    body .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before{
        position: relative;
        top: 45px;
        padding-left: 3px;
    }
    .acf-date-picker.acf-input-wrap {
        margin-right: 15px;
    }

/* Accordéons */
  body .acf-field.acf-accordion {
    margin: 30px auto 40px;
    border: 0px;
    padding: 0px!important;
  }
  .wp-block-coblocks-accordion-item, .acf-field.acf-accordion {
      margin: 2em auto;
  }
  summary.wp-block-coblocks-accordion-item__title:hover, body .acf-accordion-title:hover {
    transition: all 0.6s ease-in-out!important;
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
    transform: translate(8px, 8px);
  }
  .wp-block-coblocks-accordion-item__title, body .acf-accordion-title,.wp-block-coblocks-accordion-item details[open] summary {
    background: linear-gradient(90deg, #373737, #cca15c)!important;
    padding: 10px 15px;
    color: white;
    display: block;
    border-radius: 100px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.6s ease-in-out!important;
    filter: drop-shadow(8px 8px 0px rgba(0,0,0,0.05));
    transform: translate(0px, 0px);
  }
  body .acf-accordion .acf-accordion-title:hover {
      background: linear-gradient(90deg, #373737, #cca15c);
  }

/* Counters */
.advgb-counter, .advgb-count-up-desc {
    line-height: normal;
    display: inline-flex;
    font-size: 18px!important;
    margin-top: -5px;
  	padding: 0px
}
.advgb-counter-number {
	font-style:italic;
}
	
/* Tabs */
@media screen and (min-width:1000px){
  ul.advgb-tabs-panel {
    max-width: initial;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* Media Uploader */
  .media-modal-close {
    top: -15px;
      right: -15px;
  }
  #menu-item-browse{
    display:none;
  }


/****************************** Documents légaux ****************************/
.generator .acf-form-submit,.generator .acf-label, .generator .acf-field .acf-label,
.page-template-template-assiduiteCPF header,.page-template-template-attestationCPF header{display:none!important;}

.generator .acf-checkbox-list li,
.generator  ul.acf-checkbox-list,
.generator ul.acf-radio-list{
  display: initial!important;
  text-align: left;
}
.generator div[data-type=checkbox] input,
.generator ul.acf-checkbox-list li input[type=checkbox],
.generator label.checkbox-checked {
  -webkit-appearance: initial;
  border: initial;
  background: white;
  position: initial;
  appearance: auto;
  margin: initial;
  position: initial;
}
.generator ul.acf-radio-list li label,
.generator ul.acf-checkbox-list li label {
  color:transparent;
  height: 22px;
}
.generator label.checkbox-checked{
  padding:initial!important;
  height: 22px;
  background: initial!important;
}
.generator .acf-fields>.acf-field {
  border-top: 0px;
  z-index: 2;
    position: relative;
}
.generator .acf-field input[type="text"],
.generator .acf-field input[type="email"], .acf-field input[type="url"],
.generator .acf-field textarea,
.generator .acf-field select,
.generator label.checkbox-checked,
.generator .acf-input-wrap,
.generator .acf-fields.-border{
  text-shadow: initial!important;
  max-width: initial!important;
  text-align: initial!important;
  border: 0px!important;
  border-radius: 0px!important;
  box-shadow: initial!important;
  -webkit-box-shadow: initial!important;
  font-size: 14px!important;
  font-weight: 700;
  background:transparent;
}


/******************** Programmes de formation - Single Formations ********************/
.formations-template {margin:0;background-color:#F2EEEA}


/******************************* Création de formation *******************************/
.postid-14989 .last-updated, .postid-14989 #financement, .postid-14989 .product, .postid-14989 .woocommerce-tabs
{display:none!important} /*Product = creation formation*/


/**************************** Formateurs - Archive author ****************************/
li[class*="dossier-"], li[class*="organisme-"] {
  min-width: 200px;
  max-width: 400px;
  text-align: center;
  width: 100%;
  padding: 0 0 47px;
  margin: 0 35px 50px 35px;
  border: 0 !important;
}
.profile {
    border-radius: 100px;
    margin-top: -33px!important;
	height: fit-content
}
.--userBackground:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--wp--preset--color--primary);
	opacity:0.7;
    width: 100%;
    height: 100%;
    z-index: 1;
}
	@media all and (max-width:999px){.--userBackground {text-align: center; padding-top: 110px;}}

/**************************** Formateurs - Single author ****************************/



/*********************************** Pied de page ***********************************/
footer.site-footer {
    max-width: 100%;
    width: 100%!important;
  margin-top:0px;
    padding-bottom: 100px!important;
}
.site-name {
    display: inline-flex;
    align-items: center;
}
.widget_pages li {
    font-size: 11px;
    display: block;
    margin-left: 30px;
}



/******************************* Queries Responsives *******************************/
@media all and (max-width:1230px){
        .footer-copyright .container{padding-left:0px!important}
}
@media all and (min-width:1000px){
    .hidden-lg {display:none!important}
	.hidden-sm {display:inherit}
  	.header-inner {padding: 5px 0}
}
@media all and (max-width:999px){
    .hidden-lg{display: inherit}
	.hidden-sm {display:none!important}

@media screen and (max-width: 1024px) {
        .menu-center .header-wrapper .logo{
         width:80%;
         float:left!important;
         text-align: left;   
        }
        .menu-center .header-wrapper .logo{
        padding: 30px 0px!important;
        }
        .menu-center.smaller .header-wrapper .logo{
        padding: 15px 0px!important;
        }
        .menu-center .header-wrapper .logo .logo-img{
        margin: inherit;   
        }
        .split-menu .logo {
            display: block;
        }
        .header-wrapper #main-menu-wrapper{
            left:0px;
        }
        .smaller .header-wrapper #main-menu-wrapper{
            left: -29px;
        }
        .mobile-menu-active .main-container,
        .mobile-menu-active #site-header,
        .mobile-menu-active .footer {
            left: 300px;
            transition: left 500ms ease;
        }
    }