/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */

:root {
--color-blue-50: #eaeafb;
  --color-blue-100: #d7d7f7;
  --color-blue-200: #adadef;
  --color-blue-300: #8787e7;
  --color-blue-400: #5d5ddc;
  --color-blue-500: #3433c9;
  --color-blue-600: #2928a6;
  --color-blue-700: #1f1f86;
  --color-blue-800: #151463;
  --color-blue-900: #0c0b47;
  --color-blue-950: #05052d;
	--color-blue-sky:#bcd6ff;
	--blue-azure: #2b86ff;
	--azure-200: #bcd6ff;
  --color-paper: #ffffff;
  --color-red:#e2231a;

}
h1.elementor-heading-title{
font-size:2.625rem !important;
line-height:1.5em !important;
font-weight:700 !important;
}
h2.elementor-heading-title{
font-size:2.25rem !important;
line-height:1.5em !important;
font-weight:700 !important;
color:var(--color-blue-900);
}

.cta h2.elementor-heading-title{
	font-size:2rem !important;
}
h3.elementor-heading-title{
	font-size:1.5rem !important;
	line-height:1.5em !important;
	font-weight:700 !important;
	color:var(--color-blue-800);
}
.reassurance h3.elementor-heading-title{
	font-size:1.125rem !important;
}
h3.elementor-heading-title a:hover{
	color: var(--color-blue-500) !important;
}
h1.elementor-heading-title em{
	font-style:normal;
	color:var(--color-blue-sky);
}
h2.elementor-heading-title em{
	font-style:normal;
	color:var(--color-blue-500);
}


/*.text-gradient h2.elementor-heading-title,
h2.text-gradient,
.detail-article h2,
.text-gradient h2,
.detail-article h3,
.liste-articles h3.elementor-heading-title{
  background: linear-gradient(90deg, var(--color-blue-950)30%, var(--color-blue-500)60%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}*/
.hero-eyebrow{
	color:var(--azure-200);
}
.eyebrow{
    color: var(--blue-azure);
}
.eyebrow,
.hero-eyebrow{
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 18px;
}
.single-post-content ul,
 .list ul{ 
	 list-style: none; 
	 padding-left: 15px;
     margin-top: 15px;
}
.single-post-content ul li,
.list ul li {
  padding: 4px 0;
}

.single-post-content ol {
  counter-reset: list-counter;
  list-style: none;
  padding-left: 15px;
}

.single-post-content ol li {
  counter-increment: list-counter;
  padding: 4px 0;
}

.single-post-content ol li::before {
  content: counter(list-counter) ".";
  font-weight: bold;
  color: var(--color-blue-500);
  margin-right: 8px;
}

.single-post-content ul li::before,
.list ul li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-blue-500);
  display: inline-block; /* ← clé */
  vertical-align: middle;
  margin-right: 8px;
}
.bg-section{
	background-image: radial-gradient(circle at center, rgba(47,67,216,0.10) 1.2px, transparent 1.4px);
    background-size: 30px 30px;
}

.custom-menu .elementor-nav-menu li{
	border-top:1px solid var(--color-blue-50);
	padding:15px 0
}
.custom-menu .elementor-nav-menu li:last-child{
	border-bottom:1px solid var(--color-blue-50)
}
.custom-menu .elementor-nav-menu li a{
	transition: transform 0.25s ease;
}
.custom-menu .elementor-nav-menu li a:hover{
	 transform: translateX(12px);
}
.menu-contact .elementor-icon-list-item a:hover .elementor-icon-list-icon svg {
	fill:var(--color-red);
}
.elementor-counter-number-prefix{
	color:var(--color-red);
}
.e-off-canvas__main .e-off-canvas__content{
	background-image: radial-gradient(circle at center, rgba(47,67,216,0.10) 1.2px, transparent 1.4px);
    background-size: 30px 30px;
}
#single-post .footer-section h3.e-heading-base{
	color:var(--color-paper) !important;
}
/* Menu transparent*/
.elementor-sticky--effects.sticky-menu  {
  background: var(--color-paper);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
  transition: background 0.4s ease, box-shadow 0.4s ease !important;
}
.elementor-sticky--effects .lang p{
	color:var(--color-blue-950) !important;
}

.border-card{
box-shadow:
	6px 6px 0px 0px var(--color-blue-500),
    12px 12px 0px 0px rgba(58, 79, 239, 0.3);
border-radius:0px 80px 0px 80px
}
.border-post{
box-shadow:
	6px 6px 0px 0px var(--color-blue-500),
    12px 12px 0px 0px rgba(58, 79, 239, 0.3);
border-radius:0px 80px 0px 0px
}

.card h3.elementor-heading-title{
	font-size:1.125rem !important;
}
.card{
	padding:30px;
}
.card:hover{
	transform:scale(1.1);
	transition: 0.5s ease-in-out;	
}
.slider-articles .card:hover{
	transform:none !important;
}
.slider-articles .swiper{
	padding:0px 15px;
}
.card-desc {
  opacity: 0;
  margin-bottom: -200px;
  transition: 0.5s ease-in-out;
}

.card:hover .card-desc{
 margin-bottom: 0px;
  opacity: 1;
}

.post-tags .e-filter-item,
#btn-submit-form[type="submit"] {
    color: #ffffff !important;
  background: linear-gradient(90deg, var(--color-blue-950)20%, var(--color-blue-500)60%) !important;
}
.single-post .single-post-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5em;
	color:var(--color-blue-600);
}
.single-post h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5em;
}
.post-tags .e-filter-item:hover,
#btn-submit-form[type="submit"]:hover {
    background: linear-gradient(45deg, var(--color-blue-500), var(--color-blue-950)) !important;	
}
/* Underline pleine largeur sur les catégories */
.post-cat .e-filter-item {
    position: relative;
    width: 100%;
    display: block;
}

.post-cat .e-filter-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-blue-200);
}