/* These styles are used in the backend editor AND in the Theme (frontend) */

/* Most themes nowadays provide an extra stylesheet of classes which WordPress itself then */
/* applies to the backend editor TinyMCE. However, custom CSS - set in Plugins, in the WP  */
/* Customizer or in Theme options, will normally not be reflected to TinyMCE. So better to */
/* put such styles all here, where they will apply to TinyMCE *and* the frontend.          */

/* The goal is not only to make the visual editor display look as much like the frontend as    */
/* possible, but also to make sure that all important CSS classes are available for convenient */
/* selection in TinyMCEs "Formats" dropdown - so do not forget to configure the TinyMCE styles */
/* dropdown with elements to match those here.                                                 */

/* If you do not need this file then upload an empty one (zero bytes) which will not be loaded at all. */

/* Suggested general non-tag-specific visual styles */

.list       { margin: 0.35rem 0; }
.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }
.beforelist { margin-bottom: 0.5rem; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong { font-weight: bold; }
/* Revert to normal text within strong */
.notstrong { font-weight: normal!important; }

.smaller { font-size: 0.95rem; line-height: 1.25; }
.small   { font-size: 0.89rem; line-height: 1.2; }

.screen-reader-text, .dispnone { display: none; }

.nospace {padding: 0!important; margin: 0!important; }

/* Append your site-specific styles here */

body {
    --e-global-color-primary: #2B9DCA;
    --e-global-color-7e2c8f94: #000;
    --e-global-color-23aea8db: #FFF;
    --e-global-color-4954cbb: #FAC20E;
    --e-global-color-e9cb86a: #FA6260;
    --e-global-color-69a27b9: #5FBD95;
    --e-global-color-d4f57ea: #394C67;
}

.in_content :not(.dce-post-block) h2::before, .editor-styles-wrapper h2::before {
  content: ' ';
  display:inline-block;
  width: 20px;
  height: 20px;
  background: var(--e-global-color-4954cbb);
  border-radius: 50% 50% 0% 50%;
  transform: rotate(310deg);
  overflow: visible;
  margin-left: -5px;
  margin-right: 15px;
  position: relative;
}

.editor-styles-wrapper h2::before {
  top: 10px;
}

.in_content :not(.dce-post-block) ul li::marker, .wp-block-post-content ul li::marker {
    content: url("data:image/svg+xml;charset=UTF-8, <svg width='1em' height='1em'  viewBox='0 0 50 15' xmlns='http://www.w3.org/2000/svg'><path d='M 24.142 24.5 L 34.142 14.5 L 24.142 4.5 C 18.619 -1.023 9.665 -1.023 4.142 4.5 C -1.381 10.023 -1.381 18.977 4.142 24.5 C 9.665 30.023 18.619 30.023 24.142 24.5 Z' fill='black'/></svg>");
}
.encadre {
	padding: 20px 30px; 
	margin: 30px 0px;
}
.txt-white, .txt-white h2, .wp-block-post-content .txt-white h2, .txt-white p {color: white; }
.encadre.txt-white h2 {font-size: 14pt;}
.encadre.txt-white h2::before {
  width: 15px;
  height: 15px;
  color: white;
  background: white!important;
  margin-left: 0px;
  margin-right: 10px;
  position: relative;
}
.editor-styles-wrapper .encadre.txt-white h2::before {
  top: 5px;
}
.txt-white ul li::marker, .wp-block-post-content .txt-white ul li::marker {
    content: url("data:image/svg+xml;charset=UTF-8, <svg width='1em' height='1em'  viewBox='0 0 50 15' xmlns='http://www.w3.org/2000/svg'><path d='M 24.142 24.5 L 34.142 14.5 L 24.142 4.5 C 18.619 -1.023 9.665 -1.023 4.142 4.5 C -1.381 10.023 -1.381 18.977 4.142 24.5 C 9.665 30.023 18.619 30.023 24.142 24.5 Z' fill='white'/></svg>")!important;
}

.respic-back-bleu {background-color: var(--e-global-color-primary);}
.respic-back-rouge {background-color: var(--e-global-color-e9cb86a);}
.respic-back-vert {background-color: var(--e-global-color-69a27b9);}
.respic-back-jaune {background-color: var(--e-global-color-4954cbb);}
.respic-back-darkbleu {background-color: var(--e-global-color-d4f57ea);}

div.wp-block-group.has-background {
    margin-bottom: 30px;
    margin-top: 30px;
}
.border-radius-10 {
    border-radius: 10px;
}

#loginform label, #loginform input {
    display: block;
}
#loginform .login-remember #rememberme {
    display: inline;
}
#registeracf .acf-form-submit {
    margin-top: 1.5em;
}

#registeracf .acf-fields > .acf-field {
    border: 0;
    padding: 1em 0px;
}

#registeracf .acf-input input {
    padding: 0.4em 0.5em!important;
    line-height: 1.6!important;
}