/*
Theme Name: Connection Leadership
Description: Thème enfant de Hello pour Connection Leadership
Author: Emilie BRIOSCA
Author URL: https://emilie-briosca.fr/
Template: hello-elementor
Version: 1.0.0

*/
/* Placer votre CSS ci-dessous */



/*



Vous pouvez ajouter du CSS personnalisé ici.

Cliquez sur l’icône d’aide ci-dessus pour en savoir plus.



*/

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
**************************** STYLES COMMUN *********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/

/* Menu principal */

.elementor-nav-menu--main a.elementor-item-active {
	font-weight: bold;
}
.elementor-nav-menu--main .menu-item-7464 li {
	padding: 15px;
}
.elementor-nav-menu--main .menu-item-7464 li a {
	padding-left:80px !important;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
.elementor-nav-menu--main .menu-item-7464 li.menu-item-7474 a {
	background-image: url('images/icone-formation-salaries.svg'); 
}
.elementor-nav-menu--main .menu-item-7464 li.menu-item-7473 a {
	background-image: url('images/icone-formation-formateurs.svg'); 
}

/* Styles des titres formations niveaux 1 et 2 */

body.page-id-4807 h1 {
	padding-left:80px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url('images/icone-formation-salaries.svg');
}
body.page-id-4791 h1 {
	padding-left:80px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url('images/icone-formation-formateurs.svg'); 
}



.bouton-contact a {
	color: white !important;
	font-weight: bold;
	background: #2F9AC4 url('images/fleche-jaune.svg') right center no-repeat padding-box;
	background-size:20px;
	box-shadow: 3px 3px 6px #0000004A;
	border-radius: 50px;
	padding-right: 30px !important;
}
.bouton-contact a:hover {
	color: #EDCB56 !important;
}


.section-tea {
	margin: 3em 0;
	padding: 3em 0;
}
.raccourci-formations {
	position: relative;	
}


.raccourci-formations h3 {
	background: url('images/fleche-blanche.svg') no-repeat right center;
}
.raccourci-formations h3:hover {
	background: url('images/fleche-verte.svg') no-repeat right center;
}
.raccourci-formations h3 a:hover {
	color:#92D64E;
}

.degrade-couleurs {
	background-color:hsla(45,0%,100%,1);
background-image:
radial-gradient(at 100% 100%, hsla(46,80%,63%,1) 0px, transparent 50%),
radial-gradient(at 15% 16%, hsla(195,81%,60%,1) 0px, transparent 50%),
radial-gradient(at 0% 40%, hsla(197,62%,63%,0.51) 0px, transparent 50%),
radial-gradient(at 99% 64%, hsla(90,62%,57%,1) 0px, transparent 50%),
radial-gradient(at 0% 99%, hsla(41,99%,46%,1) 0px, transparent 50%),
radial-gradient(at 93% 0%, hsla(88,94%,37%,1) 0px, transparent 50%);
}


p  { 

}

h1.entry-title, h1,  {
	
}
/*
h2, h3, h4, h5, h6  { 
	margin: 1em 0 0.5em !important;
}
*/


#contenu ul li,.elementor-text-editor ul li {
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 1.4em;
	padding-left: 5px;	
	list-style: disc inside url('images/puce-li2.png');
	list-style-position: outside;
}
/* #content ul li:before,
.elementor-text-editor ul li:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url('images/puce.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    margin: 0 8px 0 0;
}
*/

blockquote::before, blockquote::after {
	content:'"';
	font-size: 5em;
	opacity: 0.2;
	line-height: 5px;
	display: block;
    text-align: left;
} 
blockquote::after {
    text-align: right;
} 

blockquote {
	border-left: 0;
	padding: 50px 50px; 
	font-size: 18px;
	line-height: 1.5em;
	font-style: italic;
	font-weight:100;
	color: #004092;
	margin: 0;
	border-radius: 20px;
	background-color:hsla(45,0%,100%,1);
	background-image:
radial-gradient(at 100% 100%, hsla(46,80%,63%,1) 0px, transparent 50%),
radial-gradient(at 15% 16%, hsla(195,81%,60%,1) 0px, transparent 50%),
radial-gradient(at 0% 40%, hsla(197,62%,63%,0.51) 0px, transparent 50%),
radial-gradient(at 99% 64%, hsla(90,62%,57%,1) 0px, transparent 50%),
radial-gradient(at 0% 99%, hsla(41,99%,46%,1) 0px, transparent 50%),
radial-gradient(at 93% 0%, hsla(88,94%,37%,1) 0px, transparent 50%);
	
	
	/* dégradé 4 couleurs
	background: rgb(0,177,221);
	background: linear-gradient(90deg, rgba(0,177,221,1) 0%, rgba(104,98,178,1) 35%, rgba(233,103,177,1) 66%, rgba(224,141,83,1) 100%);*/
	
}

/* bandeau articles suivants / précédents  */
.elementor-774 .elementor-element.elementor-element-66c9cf21 > .elementor-widget-container {
    padding: 30px 30px 30px 30px;
    border: 1px solid white;
	border-radius: 20px;
	/* dégradé 3 couleurs */
	background-color:hsla(45,0%,100%,1);
background-image:
radial-gradient(at 100% 100%, hsla(46,80%,63%,1) 0px, transparent 50%),
radial-gradient(at 15% 16%, hsla(195,81%,60%,1) 0px, transparent 50%),
radial-gradient(at 0% 40%, hsla(197,62%,63%,0.51) 0px, transparent 50%),
radial-gradient(at 99% 64%, hsla(90,62%,57%,1) 0px, transparent 50%),
radial-gradient(at 0% 99%, hsla(41,99%,46%,1) 0px, transparent 50%),
radial-gradient(at 93% 0%, hsla(88,94%,37%,1) 0px, transparent 50%);
}


blockquote p, .wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p {
	color: #004092;
	font-size: 24px;
}

blockquote cite {
	font-size: 24px;
	line-height: 1em;
	color: #004092;
}


/* les boutons Wordpress 
.wp-block-button__link {
    color: #fff;
    background-color: #0B2C7B;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
	font-size: 14px;
    padding: calc(0.667em + 1px) calc(2.333em + 1px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
	font-weight: bold;
}
.wp-block-button__link:hover {
	 background-color: #E08D53;
}*/

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
********************** STYLES MOBILE ET TABLETTE ***************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (max-width: 1023px) {

	



}




/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
*************************** STYLES TABLETTE ********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (min-width: 740px) and (max-width: 1023px) {


}




/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************** STYLES MOBILE *******************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/


@media screen and (max-device-width: 739px) { 



}

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************** STYLES PC ***********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media screen and (min-device-width: 1024px) { 
	
.raccourci-formations .elementor-icon-box-description {
	display:block;
	position: absolute;
    left: 110%;
    top:80px;
    min-width: 100%;
	opacity: 0;
	transition-property:opacity;
    transition-duration: 0.5s;

}
.raccourci-formations:hover .elementor-icon-box-description {
	display: block;
	opacity: 1;
}
#raccourci-formations-salaries .elementor-icon-box-description {
	top:-80px;
}
#raccourci-VAE .elementor-icon-box-description {
	top:-150px;
}
	
	
}