/* 
Theme Name:		 OCI
Theme URI:		 https://www.oci.fr/
Description:	 Thème enfant de Hello Elementor, créé par OCI
Author:			 OCI
Author URI:		 https://www.oci.fr/
Template:		 hello-elementor
Version:		 2.0.0
Text Domain:	 OCI
*/


#gratext p, #gratext a span{
	background: linear-gradient(90deg, #4B3173 0%, #22C5DE 40%, #FFA538 90%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.elementor-form .elementor-button {
  background: linear-gradient(90deg,
   #4B3173 0%,
    #22C5DE 40%,
    #FFA538 90%) !important;
  color: #fff !important;              /* texte blanc */
  border: none !important;
  border-radius: 12px !important;      /* arrondi */
  padding: 0.7rem 1.4rem !important;   /* taille */
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(22,25,30,0.12);
  transition: all .2s ease;
}


/* CSS pour le formulaire gestionnaire des dégradés */
.elementor-form .elementor-field-label {
  background: linear-gradient(90deg,
    #4B3173 0%,
    #22C5DE 40%,
    #FFA538 90%);
  -webkit-background-clip: text;   /* applique le dégradé au texte */
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Les boutons dégradés */
.btn-gradient-4 .elementor-button {
  background: linear-gradient(90deg,
   #4B3173 0%,
    #22C5DE 40%,
    #FFA538 90%) !important;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff !important; /* pour que le texte reste lisible */
  border: none !important;
}


.nodeg h2 {
    /* color: #ffffff !important; */
    /* background: linear-gradient(90deg, #ffffff, #ffffff)!important; */
    /* background-clip: unset !important; */
    -webkit-text-fill-color: #ffffff !important;
}

/* .bgdeg h2 {background:none !important; color:#ffffff !important} */

body {
  overflow-x: hidden;
}

/*décoration footer*/


/* Petit menu au scroll */

#menubase.headerhide{
	display:none;
}

#menuhopin.headershow{
	transform: translateY(0);
}

#menuhopin{
	position: fixed;
	top:0;
	width: 100%;
	-webkit-transition: transform 0.34s ease;
	transition : transform 0.34s ease;
	transform: translateY(-135px); /*adjust this value to the height of your header*/
}

/* Alignement top icônes listes */

.elementor-icon-list-item, .elementor-icon-list-item a{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start !important;
}

.elementor-icon-list-icon {
  margin-top: 6px;
}

/* menu scroll*/


.elementor-nav-menu__container{
top:0px!important;
}
#menuhopin.headershow{
transform: none;
}
#menuhopin{
position: fixed;
top:0;
width: 100%;
-webkit-transition: transform 0.15s ease;
transition : transform 0.15s ease;
transform: translateY(-155px); /*adjust this value to the height of your header*/
}


/*:::::::::::::::::::::: RESPONSIVE ::::::::::::::::::::::*/

@media screen and (max-width: 1280px) {
  
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 812px) {
  
}

@media screen and (max-width: 667px) {
  
}

@media screen and (max-width: 375px) {
  
}

@media screen and (max-width: 320px) {
 
}