/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/






/* force l'affichage du champs relationnel suir 1 colonne */

.solocolumn .elementor-grid{
	    grid-template-columns: repeat(1,1fr)!important;
}


/*Main nav*/
.nav2sticky .elementor-widget-icon-box a:after {
    content: "";
    display: block !IMPORTANT;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
}

.nav2sticky .elementor-icon-box-icon {
    z-index: 2;
    margin-top: 7px
}

.elementor-sticky--effects.nav2sticky {
background-color:rgba(255,255,255,01);
transition: all 0.3s ease;
}

#entreprise-nav .e-n-menu-item-title-text {color:#006BFF;}
#entreprise-nav .e-n-menu-item-icon-opened path {fill:#006bff;}
#entreprise-nav .e-n-menu-item-icon-closed path {fill:#006bff;}
.hoverblocthematiques .thematique-vert-ho:hover .elementor-icon {
    background-color: #2ebf602e!important;
    fill: #2EBF60!important;
}
.hoverblocthematiques .thematique-violet-ho:hover .elementor-icon {
    background-color: #8955ff2e!important;
    fill: #8955FF!important;
}
.hoverblocthematiques .thematique-jaune-ho:hover .elementor-icon {
    background-color: #f7a6002e!important;
    fill: #F7A600!important;
}
.hoverblocthematiques .thematique-bleu-ho:hover .elementor-icon {
    background-color: #006fff2e!important;
    fill: #006FFF!important;
}

/* hover thématiques*/
.iconhov svg {
    transition: all 0.3s ease-in-out;
}

.containerhov:hover .iconhov svg {
    fill: #006FFF !important;
}



/* SURCHARGE COLOR DYNAMIC TITLE V1.1 */

.term-ressources-humaines-et-paie h1 span.elementor-headline-dynamic-text, .term-comptabilite-gestion h1 span.elementor-headline-dynamic-text, .term-management h1 span.elementor-headline-dynamic-text, .term-entrepreneuriat h1 span.elementor-headline-dynamic-text, .term-immobilier h1 span.elementor-headline-dynamic-text, .term-commerce-vente h1 span.elementor-headline-dynamic-text, .term-comptabilite-gestion h1 span.elementor-headline-dynamic-text {
    display: inline !important;
    background: #8955FF; /*Violet*/
}

.term-marketing-communication h1 span.elementor-headline-dynamic-text, .term-digital h1 span.elementor-headline-dynamic-text {
    display: inline !important;
    background: #176FFF; /*Bleu*/
}

.term-logistique h1 span.elementor-headline-dynamic-text, .term-petite-enfance h1 span.elementor-headline-dynamic-text, .term-logiciels h1 span.elementor-headline-dynamic-text, .term-nutrition h1 span.elementor-headline-dynamic-text, .term-services-a-la-personne h1 span.elementor-headline-dynamic-text, .term-metiers-animaliers h1 span.elementor-headline-dynamic-text, .term-rse h1 span.elementor-headline-dynamic-text, .surlignage-vert-clair h1 span.elementor-headline-dynamic-text {
    display: inline !important;
    background: #2EBF60; /*Vert*/
}

.term-langues h1 span.elementor-headline-dynamic-text, .term-esthetique-beaute h1 span.elementor-headline-dynamic-text, .term-decoration-et-design h1 span.elementor-headline-dynamic-text, .term-mode h1 span.elementor-headline-dynamic-text, .term-pao-graphisme-audiovisuel h1 span.elementor-headline-dynamic-text {
    display: inline !important;
	background: #F7A600; /*Jaune*/
}

.surlignage-vert h1 span.elementor-headline-dynamic-text {
    display: inline !important;
	background: #F7A600; /*vert foncé*/
}

/* CUSTOM ACCORDEON WIDGET SHORTCODE */
.custom-accordeon-widget {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E5E5E5;
    border-radius: 10px 10px 10px 10px;
}


.custom-accordeon-widget .elementor-toggle-icon {
    margin-right: 25px; fill: #007C64;
}

.custom-accordeon-widget .elementor-toggle-title {
   /* font-family: "Montserrat", serif;*/
        font-weight: 700;
        color: #007C64;
}

/* CUSTOM ACCORDEON WIDGET SHORTCODE V3.1*/
.custom-programme-forma .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title
{
    border-style: solid;
    border-width: 0 0 2px;
    border-color: var( --e-global-color-6a2a1cd0 );
    padding-left:0;
}
.custom-programme-forma .e-n-accordion > .e-n-accordion-item > .e-child
{
    border: none;
}
.custom-programme-forma .elementor-widget-n-accordion .e-n-accordion-item-title-icon {
    order: 3;
}
.custom-programme-forma .elementor-widget-n-accordion .e-n-accordion-item-title-text
{
    font-weight: 900;
    font-family: Magenos;
}
.custom-programme-forma .e-n-accordion-item-title-icon .e-closed,.custom-programme-forma .e-n-accordion-item-title-icon .e-opened {
    width: 24px;
    height: 24px;
}


/* CUSTOM ACCORDEON WIDGET SHORTCODE V3.3*/
.custom_prog_v3 .e-n-accordion > .e-n-accordion-item
{
    border-style: solid;
    border-width: 0px;
    border-color: #DFE0E3;
    margin: 10px 0;
    background-color: white;
    border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.custom_prog_v3 .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title
{
    border-width: 0px;
    --n-accordion-title-icon-order: 1;

}

.custom_prog_v3 .e-n-accordion-item-title-header {
    width: 100%;
}

.custom_prog_v3 .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title .formation-duration {
    background-color: #E6FBF6;
    padding: 3px 0px;
    border-radius: 5px;
    color: #004C3C;
    width: 25%;
    text-align: center;
  }

.highligths_1 , .highligths_2, .highligths_3 {
    padding: 3px 15px;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
    font-size: 16px;
}

.highligths_1 {
    background-color: #E6FBF6;
    color: #004C3C;
}

.highligths_2 {
    background-color: #CCE2FF;
    color: #006FFF;
}

.highligths_3 {
    background-color: #E6FBF6;
    color: #004C3C;
}

.custom_prog_v3 .e-n-accordion > .e-n-accordion-item > .e-child
{
    border: none;
}

.custom_prog_v3 .elementor-widget-n-accordion .e-n-accordion-item-title-text
{
    font-weight: 900;
    font-family: Magenos;
}
.custom_prog_v3 .e-n-accordion-item-title-icon .e-closed, .custom_prog_v3 .e-n-accordion-item-title-icon .e-opened {
    width: 24px;
    height: 24px;
}

.custom_acc_highligths {
    margin-top:20px;
}

/* FIX MENU DéROULANT HOME */

.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children a.elementor-item.elementor-item-anchor.has-submenu {
    background-color: transparent !important;
}

/* CUSTOM BUTTON FROM LINK */
.custom-link-button a {
    border-radius: 40px 40px 40px 40px !important;
    background-color:#427548;
}

.custom-link-button a:hover {
    background-color:#009E7C;
}

/*anim bouton*/
.btn2 .elementor-button-icon {
    transition: 0.3s;
}
.btn2:hover .elementor-button-icon {
    transform: translateX(50%);
}
/*alignement blocs tarifs*/
.blocs-pricing .alignleft {
    margin: 0.375em 0.375em 0 0;
}


/* force le sous-lignage des liens dans le corps de l'article*/
.article-content a {
    text-decoration: underline!important;
}

/* styles filtres archives formations*/
.facetwp-facet {
    margin: 0!important
}
.facetwp-dropdown , .fs-label-wrap {
    background-color: #def8ed!important;
    border: 0!important;
    box-shadow: unset;
    border-radius: 5px;
    color: #004c3c;
    font-weight: 700
}
.facetwp-type-fselect .fs-wrap,
.facetwp-type-fselect .fs-dropdown {
    width: auto;
}


/* Gradient mesh V1*/
.animated-mesh-gradient-background-bleu {

    background-color:hsla(0,0%,100%,1);
    background-image:
    radial-gradient(at 99% 89%, hsla(205,100%,59%,1) 0px, transparent 50%),
    radial-gradient(at 2% 88%, hsla(204,100%,80%,1) 0px, transparent 50%),
    radial-gradient(at 86% 0%, hsla(205,100%,82%,1) 0px, transparent 50%),
    radial-gradient(at 16% 14%, hsla(205,85%,70%,1) 0px, transparent 50%),
    radial-gradient(at 50% 60%, hsla(210,100%,93%,1) 0px, transparent 50%);
    animation: animatedgradient 10s ease infinite;
    background-size: 200% 200%;
}
    
.animated-mesh-gradient-background-orange {
    background-color:hsla(204,0%,100%,1);
    background-image:
    radial-gradient(at 96% 11%, hsla(9,100%,89%,1) 0px, transparent 50%),
    radial-gradient(at 0% 92%, hsla(6,100%,85%,1) 0px, transparent 50%),
    radial-gradient(at 31% 84%, hsla(12,81%,89%,1) 0px, transparent 50%),
    radial-gradient(at 51% 87%, hsla(13,100%,85%,1) 0px, transparent 50%),
    radial-gradient(at 87% 87%, hsla(13,100%,83%,1) 0px, transparent 50%),
    radial-gradient(at 58% 42%, hsla(12,81%,89%,1) 0px, transparent 50%),
    radial-gradient(at 11% 11%, hsla(13,100%,80%,1) 0px, transparent 50%);
    
    animation: animatedgradient 10s ease infinite;
    background-size: 200% 200%;
}
    
.animated-mesh-gradient-background-vert {
    background-color:hsla(0,0%,100%,1);
    background-image:
    radial-gradient(at 26% 79%, hsla(140,100%,89%,1) 0px, transparent 50%),
    radial-gradient(at 8% 64%, hsla(156,71%,52%,1) 0px, transparent 50%),
    radial-gradient(at 15% 97%, hsla(189,72%,81%,1) 0px, transparent 50%),
    radial-gradient(at 80% 0%, hsla(189,72%,81%,1) 0px, transparent 50%),
    radial-gradient(at 13% 18%, hsla(156,71%,52%,1) 0px, transparent 50%),
    radial-gradient(at 90% 73%, hsla(156,71%,52%,1) 0px, transparent 50%);    
	animation: animatedgradient 10s ease infinite;
	background-size: 200% 200%;
}
    
    
@keyframes animatedgradient {
	0% {
		background-position: 0% 25%;
	}
	25% {
		background-position: 100% 50%;
	}
	50% {
		background-position: 50% 75%;
	}
	75% {
		background-position: 25% 25%;
	}
	100% {
		background-position: 0% 25%;
    }
}
