.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d99445a:#17181D;--e-global-color-7709b4f:#5BB800;--e-global-color-ce6d337:#F7F7F7;--e-global-typography-primary-font-family:"Steelfish";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-letter-spacing:1.2px;--e-global-typography-secondary-font-family:"Steelfish";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:1.2px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Skewed button with shadow — paste in Elementor > Advanced > Custom CSS */
.btn-simple a {
    display: inline-block;
    transform: skewX(-8deg);
    background-color: #5BB800;


    border-radius: 0 !important;
/*    box-shadow: 5px 6px 0px rgba(0, 0, 0, 0.25); */
    border: none !important;
    transition: all 0.2s ease;
}

/* Counter-skew the text so it stays straight */
.btn-simple a span {
    display: inline-block;
    transform: skewX(4deg)!important;
}

.btn-simple a:hover {
    background-color: #4da300;
  /*  box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.2); */
    transform: skewX(-8deg) translateY(1px);
}


/* Skewed button with shadow — paste in Elementor > Advanced > Custom CSS */
.btn-shadow a {
    display: inline-block;
    transform: skewX(-8deg);
    background-color: #5BB800;


    border-radius: 0 !important;
   box-shadow: 5px 6px 0px rgba(0, 0, 0, 0.25); 
    border: none !important;
    transition: all 0.2s ease;
}

/* Counter-skew the text so it stays straight */
.btn-shadow a span {
    display: inline-block;
    transform: skewX(4deg)!important;
}

.btn-shadow a:hover {
    background-color: #4da300;
   box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.2); 
    transform: skewX(-8deg) translateY(1px);
}





/* ── Paste this in Elementor > Custom CSS (or Site Settings > Custom CSS) ── */

.heading-corner .elementor-heading-title {

  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 14px 24px;
}

/* ── Bottom-left corner bracket ── */
.heading-corner .elementor-heading-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-color: #5bb805;
  border-style: solid;
  border-width: 0 0 3px 3px;
}

/* ── Top-right corner bracket ── */
.heading-corner .elementor-heading-title::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-color: #5bb805;
  border-style: solid;
  border-width: 3px 3px 0 0;
}

/* ── Green highlighted span ── */
.heading-corner .elementor-heading-title span {
  display: inline-block;
  background-color: #5bb805;
  color: #ffffff;
  padding: 4px 14px 6px 12px;
  margin-left: 15px;
  margin-right: 15px;
  line-height: inherit;
}




.skew-box{
    display: inline-block;
    transform: skewX(-3deg);
    background-color: #5BB800;


    border-radius: 0 !important;
/*    box-shadow: 5px 6px 0px rgba(0, 0, 0, 0.25); */
    border: none !important;
    transition: all 0.2s ease;
}

/* Counter-skew the text so it stays straight */
.skew-box h2 {
    display: inline-block;
    transform: skewX(3deg)!important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Steelfish';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://f5-footfive.fr/wp-content/uploads/2026/06/Steelfish-Rg.woff2') format('woff2'),
		url('https://f5-footfive.fr/wp-content/uploads/2026/06/Steelfish-Rg.ttf') format('truetype');
}
@font-face {
	font-family: 'Steelfish';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://f5-footfive.fr/wp-content/uploads/2026/06/Steelfish-Bd.woff2') format('woff2'),
		url('https://f5-footfive.fr/wp-content/uploads/2026/06/Steelfish-Bd.ttf') format('truetype');
}
@font-face {
	font-family: 'Steelfish';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://f5-footfive.fr/wp-content/uploads/2026/06/Steelfish-Eb.woff2') format('woff2'),
		url('https://f5-footfive.fr/wp-content/uploads/2026/06/Steelfish-Eb.ttf') format('truetype');
}
/* End Custom Fonts CSS */