/*
Theme Name: Evoludia
Template: ollie
Author: Stéphanie Vester
Author URI: https://www.stephanie-vester.fr
Description: Thème enfant basé sur Ollie, réalisé pour le site web Evoludia.fr, propriété de Gwendolien Flèche
Tags: blog,portfolio,entertainment,grid-layout,one-column,two-columns,three-columns,four-columns,block-patterns,block-styles,custom-logo,custom-menu,editor-style,featured-images,full-site-editing,full-width-template,rtl-language-support,style-variations,template-editing,theme-options,translation-ready,wide-blocks
Version: 1.0.1.1763723509
Updated: 2025-11-21 11:11:49

*/

body{
  background-color: var(--wp--preset--color--base);
  padding: 0px;
  overflow-x: hidden;
}
div.wp-site-blocks{
  max-width: 1440px;
  box-shadow: rgba(33,11,47,0.20) 0px 15px 25px;
  margin:auto;
}
div.wp-site-blocks header {
  position: sticky;
  z-index: 10;
  top: 0;
  left: 0; 
}
body.logged-in.admin-bar div.wp-site-blocks header {
  top: 32px;
}

.card-gradient-purple-light{
  background: radial-gradient(250px 150px ellipse at top, var(--wp--preset--color--base), 100%, var(--wp--preset--color--purple-math-200)); 
}
.card-gradient-orange-light{
  background: radial-gradient(250px 150px ellipse at top, var(--wp--preset--color--base), 100%, var(--wp--preset--color--orange-flash-200)); 
}
.form-gradient-purple-medium{
  background: radial-gradient(500px 400px ellipse at 20% 25%, #f6f1f9, 100%, #6c239a)
}
.ablocks-container-shape-top{
  top: 0px !important;
}
.star-top-left,
.star-bottom-left{
  position: absolute;
  left: -50px;
  z-index: 5;
}
.star-bottom-left {
  left: -100px;
  bottom: -20px;
}
.img-infrontof-star{
  z-index: 10;
  position: relative;
}
.col-triangle-bottom{  
background: url(https://evoludia.fr/wp-content/themes/evoludia/assets/images/triangle-orange-light.svg) no-repeat 150% 150%;
}
.z-10{
  z-index: 10;
}
.bg-star-top-left{
background: url(https://evoludia.fr/wp-content/uploads/2025/11/etoile-8-branches-purple-light.svg) no-repeat 0 0;
}
.blur-4{
  filter: blur(4px);
}
.stars-under-title::after{
  content: '';
	display: block;
	width: 100%;
	height: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask: url(https://evoludia.fr/wp-content/themes/evoludia/assets/images/separateur-etoiles.svg) no-repeat 0 50%;
	mask: url(https://evoludia.fr/wp-content/themes/evoludia/assets/images/separateur-etoiles.svg) no-repeat 0 50%;
  background-color: var(--wp--preset--color--purple-math-200);
}
.stars-under-title.title-center::after {
	-webkit-mask-position: 50% 50%;
	mask-position: 50% 50%;
}
.stars-under-title.white::after{
  background-color: #fff;
}
.arc-gradient-1{
  background: radial-gradient(950px 1300px ellipse at 0 150px, #fff 71%, 57%, #6c239a 85%, 93%, #925ab5);
}

.hero-arc-up .ablocks-container-shape{
  bottom: 0;
}

.back-to-top .ablocks-icon-wrap{
  border-radius: 20px;
}
.max-width-250{
  max-width: 250px;
  margin: auto !important;
}
.m-auto{
  margin: auto;
}
.cards-line{
  max-width: 600px;
  width: 100%;
}
.cards-separator-60{
  display: block;
  width: 60px;
}
.max-700{
  max-width: 700px;
}
.max-600{
  max-width: 600px;
}
.max-500{
  max-width: 500px;
}
.justify-center{
  justify-items: center;
}
.form-gradient-purple-medium,
.cards-line > .wp-block-columns {
  max-width: 600px;
}
.col-faq .ablocks-block--single-accordion__heading {
  align-items: flex-start;
}
.ablocks-container-shape-bottom {
  bottom: -1px !important;
}

/* formulaire */
.forminator-checkbox{
  width: 25px;
}
.forminator-checkbox__label{
  max-width: 540px;
}
.forminator-ui p, 
.forminator-consent__label p{
  margin-top:0;
  margin-block-start: 0;
}

.forminator-ui#forminator-module-365.forminator-design--default .forminator-consent, 
.forminator-ui#forminator-module-365.forminator-design--default .forminator-consent__label, 
.forminator-ui#forminator-module-365.forminator-design--default .forminator-consent__label p {
    color:var(--wp--preset--color--base) !important;
}
.forminator-ui#forminator-module-365.forminator-design--default .forminator-consent__label p a {
    color:var(--wp--preset--color--orange-flash-200) !important;
}
@media screen and (min-width: 1280px){

}