/* =============================
   TYPOGRAPHY GLOBAL SETTINGS
   ============================= */

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/custom/Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/custom/Poppins-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/custom/Poppins-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/* Global variables */
:root {
  --font-main: 'Poppins', sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* --color-text: #000000; */
  --color-heading: #000000;
  --color-primary: #0077ff;
  --color-secondary: #6c757d;
  --color-accent: #E3051C;
  --color-bg: #ffffff;
  --color-dark: #111111;
  --color-light: #f8f9fa;

  --color-hover: #0d6efd;
  --color-hover-text-button: #E3051C;
	
		
}

/* Base reset */
html {
  font-size: var(--font-size-base);
}

body {
  font-family: var(--font-main);
  font-size: 1rem;
  line-height: var(--line-height-base);
  color: var(--color-text);
  background-color: var(--color-bg);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-main);
  color: var(--color-heading);
  margin-top: 0;
}

p {
  font-family: var(--font-main);
  margin-bottom: 1.2em;
}

a {
  text-decoration: none !important;
}


/* Ensure Elementor widgets inherit the theme's global styles */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 , .elementor-button-content-wrapper, a {
  /* color: var(--color-heading); */
  font-family: var(--font-main);
  font-weight: 500;
}

.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  color: var(--color-text);
  font-family: var(--font-main);
  line-height: var(--line-height-base);
}

.elementor-button:hover .elementor-button-text {
/* 	color: var(--color-hover-text-button); */
}

.elementor-button:hover  {
	background-color: var(--color-hover-text-button) !important;
}


.elementor-widget-button {
	border: 2px solid #E3051C;
  	padding: 6px;
}

.copyrith_link {
	color: #000000;
    font-weight: 400;
    text-decoration: underline !important;
}

/* General styles */

h1 {
  font-size: 30px !important;
  line-height: 34px !important;
}

h2 {
  font-size: 22px !important;
  line-height: 28px !important;
  /* text-align: center; */
}

h3 {
  font-family: var(--font-main);

}

h4 {
  font-size: 17px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 16px !important;
/*   line-height: 65px !important; */
}




/* ul li a:hover {
  color: var(--color-secondary) !important;
}
 */

.elementor-button-content-wrapper {
  font-family: var(--font-main);
	font-size: 13px
}

ul {
  margin-bottom: 0px !important;
}

/* ========== MEDIA QUERIES (min-width) ========== */
@media (min-width: 576px) { /* petits écrans (portrait) */ 
    /* h2 {
      font-size: 22px !important;
      line-height: 28px !important;
    } */
     
}

@media (max-width: 768px) { /* petits écrans (portrait) */ 

    h2 {
      text-align: center;
    }
	
	.elementor-widget-text-editor p {
		text-align: center;
	}
}

@media (min-width: 768px) { /* tablettes */ 
  h2 {
    font-size: 24px !important;
    line-height: 34px !important;
  }
	
	
	.elementor-button-content-wrapper {
		font-size: 17px
	}
	
	.elementor-widget-button {
		border: 2px solid #E3051C;
		padding: 7px;
	}

}


@media (min-width: 992px) { /* desktop */ 
   h1 {
      font-size: 60px !important;
      line-height: 65px !important;
    }

    h2 {
      font-size: 30px !important;
      line-height: 40px !important;
    }

    h4 {
      font-size: 26px !important;
    }

    h5 {
      font-size: 18px;
    }

    h6 {
      font-size: 17px !important;
      line-height: 30px !important;
		
    }
	
	.elementor-button-content-wrapper {
		font-size: 17px
	}
	
	.elementor-widget-button {
		border: 2px solid #E3051C;
		padding: 8px;
	}
}

@media (min-width: 1200px) { /* grands écrans */ 

  h1 {
    font-size: 60px !important;
    line-height: 65px !important;
  }

  h2 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  h4 {
    font-size: 26px !important;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 19px !important;
/*     line-height: 65px !important; */
  }
 
}