/*
Theme Name: Easyreco
Author: Think Ad Communication
Author URI: https://thinkad.fr
Description: Easyreco by Uxen theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

::selection {
  color: #fff !important;
  -webkit-text-fill-color: white !important;
  background-color: #4dbdef;
}

html {margin-top: 0 !important; width: 100vw; overflow-x: hidden;}
body {margin: 0; font-family: 'Ubuntu'; color: var(--color-black); font-size: 17px; overflow-x: hidden;}
main {max-width: 1920px; margin-right: auto; margin-left: auto; overflow: visible !important;}

/* Buttons */
.btn-primary, .btn-secondary, .btn-darkblue, .btn-orange, .btn-secondary-darkblue, 
.wp-block-button.is-style-btn-primary .wp-block-button__link,
.wp-block-button.is-style-btn-orange .wp-block-button__link,
.wp-block-button.is-style-btn-darkblue .wp-block-button__link,
.wp-block-button.is-style-btn-secondary-darkblue .wp-block-button__link,
.wp-block-button.is-style-btn-secondary .wp-block-button__link,
.wp-block-button.is-style-btn-anthracite .wp-block-button__link,
.wp-block-button.is-style-btn-lightgrey .wp-block-button__link,
div.wpforms-container-full button[type="submit"]  {cursor: pointer; transition: all .3s ease-in-out; border-radius: 8px; text-decoration: none; padding: .5em 1em; font-family: 'Source Sans 3'; font-weight: 700; display: inline-block; min-width: 170px; text-align: center;}
.btn-primary i, .btn-secondary i, .btn-orange i, .btn-darkblue .wp-font-awesome-icon,
.wp-block-button.is-style-btn-primary .wp-block-button__link .wp-font-awesome-icon,
.wp-block-button.is-style-btn-orange .wp-block-button__link .wp-font-awesome-icon,
.wp-block-button.is-style-btn-darkblue .wp-block-button__link .wp-font-awesome-icon,
.wp-block-button.is-style-btn-secondary-darkblue .wp-block-button__link .wp-font-awesome-icon,
.wp-block-button.is-style-btn-anthracite .wp-block-button__link .wp-font-awesome-icon,
.wp-block-button.is-style-btn-lightgrey .wp-block-button__link .wp-font-awesome-icon,
.wp-block-button.is-style-btn-secondary .wp-block-button__link .wp-font-awesome-icon {margin-right: .25em;}
.btn-primary, .wp-block-button.is-style-btn-primary .wp-block-button__link,
div.wpforms-container-full button[type="submit"],
div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {background-color: var(--color-blue); color: #FFF; border: solid 1px var(--color-blue); box-shadow: 0 10px 30px rgba(77, 189, 239, .5); position: relative; top: 0;}
.btn-primary:hover, .wp-block-button.is-style-btn-primary .wp-block-button__link:hover,
div.wpforms-container-full button[type="submit"]:hover,
div.wpforms-container-full button[type="submit"]:hover {background: none; background-color:  #FFF; color: var(--color-blue); top: 5px; box-shadow: 0 0px 3px rgba(77, 189, 239, .5); transition: all .3s ease-in-out;}
.btn-primary:focus, .wp-block-button.is-style-btn-primary .wp-block-button__link:focus {top: 6px; box-shadow: 0 0px 0px rgba(77, 189, 239, 1); transition: none;}
.btn-primary a {color: #FFF; text-decoration: none; transition: all .3s ease-in-out; background: none; padding: 0; font-size: 1em; }
.btn-primary:hover a {color: var(--color-blue);}
.btn-secondary, .wp-block-button.is-style-btn-secondary .wp-block-button__link  {background-color: #FFF; color: var(--color-blue); border: solid 1px var(--color-blue); position: relative; top: 0px; box-shadow: 0 10px 29px rgba(77, 189, 239, .5); }
.btn-secondary:hover, .wp-block-button.is-style-btn-secondary .wp-block-button__link:hover {background-color: var(--color-blue); color: #FFF; top: 5px; box-shadow: 0 0px 3px rgba(77, 189, 239, .5); transition: all .15s ease-in-out;}
.btn-secondary:focus, .wp-block-button.is-style-btn-secondary .wp-block-button__link:focus {top: 6px; box-shadow: 0 0px 0px rgba(77, 189, 239, 1); transition: none;}
.btn-secondary a {color: var(--color-blue); text-decoration: none; transition: all .3s ease-in-out;  background: none; padding: 0; font-size: 1em;}
.btn-secondary:hover a {color: #FFF;}
.btn-orange, .wp-block-button.is-style-btn-orange .wp-block-button__link {background-color: var(--color-orange); color: #FFF; border: solid 1px var(--color-orange); box-shadow: 0 10px 30px rgba(245, 161, 50, .5); top: 0; position: relative; }
.btn-orange:hover, .wp-block-button.is-style-btn-orange .wp-block-button__link:hover {background-color: #FFF; color: var(--color-orange); top: 5px; box-shadow: 0 0px 3px rgba(245, 161, 50, .5); transition: all .15s ease-in-out;}
.btn-orange:focus, .wp-block-button.is-style-btn-orange .wp-block-button__link:focus {top: 6px; box-shadow: 0 0px 0px rgba(245, 161, 50, 1); transition: none;}
.btn-darkblue, .wp-block-button.is-style-btn-darkblue .wp-block-button__link {background-color: var(--color-darkblue); color: #FFF; border: solid 1px var(--color-darkblue); box-shadow: 0 10px 29px rgba(37, 75, 137, .5); top: 0; position: relative; }
.btn-darkblue:hover, .wp-block-button.is-style-btn-darkblue .wp-block-button__link:hover {background-color: #FFF; color: var(--color-darkblue); top: 5px; box-shadow: 0 0px 3px rgba(37, 75, 137, .5); transition: all .15s ease-in-out;}
.btn-darkblue:focus, .wp-block-button.is-style-btn-darkblue .wp-block-button__link:focus {top: 6px; box-shadow: 0 0px 0px rgba(37, 75, 137, 1); transition: none;}
.btn-secondary-darkblue, .wp-block-button.is-style-btn-secondary-darkblue .wp-block-button__link {background-color: #FFF; color: var(--color-darkblue); border: solid 1px var(--color-darkblue); box-shadow: 0 10px 29px rgba(36, 75, 137, .5); top: 0; position: relative; }
.btn-secondary-darkblue:hover ,.wp-block-button.is-style-btn-secondary-darkblue .wp-block-button__link:hover {background-color: var(--color-darkblue); color: #FFF; top: 5px; box-shadow: 0 0px 3px rgba(36, 75, 137, 1); transition: all .15s ease-in-out;}
.btn-secondary-darkblue:focus, .wp-block-button.is-style-btn-secondary-darkblue .wp-block-button__link:focus {top: 6px; box-shadow: 0 0px 0px rgba(36, 75, 137, .5); transition: none;}
.wp-block-button.is-style-btn-readmore .wp-block-button__link {position: relative; color: var(--color-darkblue); background: none; border: none; border-radius: 0;font-family: 'Source Sans 3'; font-weight: 700; transition: all .3s ease-in-out; text-decoration: none;}
.wp-block-button.is-style-btn-readmore .wp-block-button__link::after {content: '\f04e'; font-family: 'Font Awesome 6 Pro'; font-weight: 600; padding-left: .25em; transition: all .3s ease-in-out;}
.wp-block-button.is-style-btn-readmore .wp-block-button__link:hover::after {padding-left: .5em;}
.btn-lightgrey, .wp-block-button.is-style-btn-lightgrey .wp-block-button__link {background-color: var(--color-lightgrey); color: var(--color-black); border: solid 1px var(--color-lightgrey); top: 0; position: relative; box-shadow: 0 10px 29px rgba(237, 241, 249, .5);}
.btn-lightgrey:hover, .wp-block-button.is-style-btn-lightgrey .wp-block-button__link:hover {background-color: var(--color-lightgrey); color: var(--color-black); top: 5px; transition: all .15s ease-in-out; box-shadow: 0 0px 3px rgba(237, 241, 249, 1);}
.btn-lightgrey:focus, .wp-block-button.is-style-btn-lightgrey .wp-block-button__link:focus {top: 6px; transition: none; box-shadow: 0 0px 0px rgba(237, 241, 249, 1);}

/* Links */
a {transition: all .3s ease-in-out; color: var(--color-black);}
a:hover {color: var(--color-darkblue);}
.more-informations::after {content: '\f04e'; font-family: 'Font Awesome 6 Pro'; font-weight: 600; padding-left: .25em;}

/* Titles */
h1 {font-weight: 700; font-size: 3rem;}
h2 {font-weight: 700; font-size: 2.5rem;}
h3 {font-size: 1.5rem;}


/* Text */
.text-blue-gradient {background: var(--blue-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.text-orange-gradient {background: var(--orange-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.text-blue-anthracite-gradient {background: var(--blue-anthracite-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}

/* List */
/* main li {list-style: none;}
main li::before {content: '\2d'; font-family: 'Font Awesome 6 Pro'; margin-right: 1em;} */
.checklist li { margin: 1em 0; list-style: none;}
.checklist li:first-of-type {margin-top: 0;}
.checklist li::before {content: '\f00c'; font-family: 'Font Awesome 6 Pro'; margin-right: 1em; background: var(--color-clearblue); padding: .25em .3em; border-radius: 8px;}
.checklist-yellow li::before {color: var(--color-yellow);  margin-right: 1em; background: var(--color-clearyellow);}
.checklist-blue li::before {color: var(--color-darkblue);  margin-right: 1em;}

/* Carousel */
.alcb-block-rf7cqomf.wp-block-lcb-logo-carousel .alcb__logo-image img {max-width: 100%; object-fit: contain; width: 100%; }
.swiper-pagination-bullet {background-color: #FFF !important; border: solid 2px var(--color-blue); width: 17px !important; height: 17px !important; transition: all .3s ease-in-out;}
.swiper-pagination-bullet-active {border-color: var(--color-orange); background-color: var(--color-orange) !important;}

/* Background */
.bg-line-arrows {position: relative; min-height: 160px;}
.bg-line-arrows::before {content: ''; position: absolute; top: 0; width: 200vw; left: -50vw; height: 160px; z-index: -1; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png');  }


/* Header */
header { box-shadow: 0 0 24px rgba(77, 189, 239, 0.25); font-family: 'Source Sans 3'; position: fixed; left: 0; width: 100vw; background: #FFF; z-index: 100; top: 0; padding: .75em 0;}
#header-inner {display: flex; align-items: center; justify-content: space-between;}
#header-inner > div {display: flex; align-items: stretch; gap: 1em;}
header a, .menu-menu-principal-container a, .menu-menu-principal-container span, #widget-header > *:first-child a, .menu-menu-principal-container > ul > li > span {text-decoration: none; color: var(--color-black); font-weight: 600;}
#widget-header {display: flex; align-items: center; gap: 1em;}
#widget-header > *:first-child a:hover {color: var(--color-blue);}
#widget-header > div:first-of-type {display: flex; align-items: center;}
#widget-header .wp-block-buttons {gap: .5em;}
header p {margin-bottom: 0;}
header .wp-block-button.is-style-btn-primary .wp-block-button__link, header .wp-block-button.is-style-btn-secondary .wp-block-button__link {box-shadow: 0 10px 29px rgba(77, 189, 239, 0.25); min-width: unset;}
header .btn-primary a {color: #FFF;}
header .btn-secondary a {color: var(--color-blue);}
header .custom-logo-link img {height: 50px; width: auto;}
#btn-menu-burger, #menu-burger {display: none; }

/* Menu */
#menu-menu-principal {display: flex; align-items: center; list-style: none; gap: 2em; margin-bottom: 0; height: 100%;}
.menu-menu-principal-container ul {list-style: none;}
.menu-menu-principal-container .menu-item-description {display: block; color: rgba(41,45,52,0.41); font-weight: 600; font-size: 14px; margin-top: .25em;}
.menu-menu-principal-container .link-see-all {position: relative; font-size: 14px; margin-top: 1em;}
.menu-menu-principal-container .link-see-all::after {content: '\f0da'; font-family: 'Font Awesome 6 Pro'; margin-left: 1em; font-weight: 600; transition: all .3s ease-in-out;}
.menu-menu-principal-container .link-see-all:hover::after {margin-left: 1.25em; color: var(--color-orange); transition: all .3s ease-in-out;}
.menu-menu-principal-container .btn-primary, .menu-menu-principal-container .btn-secondary {width: fit-content; margin-top: 1em;}
#menu-menu-principal > .menu-item.current-menu-ancestor > span, #menu-menu-principal > .menu-item.current-menu-ancestor > a {color: var(--color-blue);}
.menu-menu-principal-container .current-menu-item > a, .menu-menu-principal-container .current-menu-item > a span:first-of-type, #menu-menu-principal > .menu-item > .sub-menu > .menu-item.current-menu-item > a {color: var(--color-blue);}
#menu-menu-principal > .menu-item > .sub-menu > .menu-item.current-menu-item.btn-primary > a, .menu-menu-principal-container .current-menu-item.btn-primary > a {color: #FFF;}
#menu-menu-principal > .menu-item {position: relative; display: flex; align-items: center; height: 100%;}
#menu-menu-principal > .menu-item.menu-item-has-children > a, #menu-menu-principal > .menu-item.menu-item-has-children > span {position: relative;}
#menu-menu-principal > .menu-item.menu-item-has-children > a::after, #menu-menu-principal > .menu-item.menu-item-has-children > span::after {font-family: 'Font Awesome 6 Pro'; content: '\f078'; font-weight: normal; transition: all .3s ease-in-out; transform: rotate(0deg); display: inline-block; margin-left: .5em;}
#menu-menu-principal > .menu-item.menu-item-has-children:hover > a::after, #menu-menu-principal > .menu-item.menu-item-has-children:hover > span::after {transform: rotate(180deg);}
#menu-menu-principal > .menu-item.menu-item-has-children:hover > a, #menu-menu-principal > .menu-item.menu-item-has-children:hover > span {color: var(--color-blue);}
#menu-menu-principal > .menu-item > .sub-menu {display: none; position: absolute; background-color: #FFF; box-shadow: 0 10px 99px rgba(36,75,137,.16); border-radius: 8px; top: 100%; z-index: 101; padding: 0; width: max-content; left: -2em; overflow: hidden;}
#menu-menu-principal > .menu-item:last-of-type > .sub-menu {left: -300%;}
#menu-menu-principal > .menu-item:hover > .sub-menu {display: flex; }
#menu-menu-principal > .menu-item:hover > a {color: var(--color-blue); }
#menu-menu-principal > .menu-item > .sub-menu > li > a:hover {color: var(--color-orange); }
#menu-menu-principal > .menu-item > .sub-menu > .menu-item:nth-child(even) > a:hover {color: var(--color-darkblue);}
#menu-menu-principal > .menu-item > .sub-menu > .menu-item {padding: 2em; transition: all 0s; max-width: 400px;}
#menu-menu-principal > .menu-item > .sub-menu > .menu-item:nth-child(even) {background-color: #f5fcff;}
#menu-menu-principal > .menu-item > .sub-menu > .menu-item > .sub-menu {padding: 0; display: flex; flex-direction: column; gap: .25em; height: 100%;}
#menu-menu-principal > .menu-item > .sub-menu > .menu-item > a, #menu-menu-principal > .menu-item > .sub-menu > .menu-item > span {text-transform: uppercase; color: #7E7F7F; display: block; margin-bottom: .5em;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .has-image {padding: .25em .5em .25em .25em; margin-left:-.25em; display: grid; grid-template-columns: 2em auto; transition: all 0s; border-radius: 8px;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .has-image img,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .has-image i,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .has-image .svg_icon {grid-column: 1; grid-row: 1 /span 2; object-fit: none;} 
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .has-image .svg_icon {height: 1.25em; width: 1.25em; display: block;} 
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .has-image .svg_icon svg {width: 100%;} 
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu .has-image span {grid-column: 2; line-height: 1;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a {transition: all .3s;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item:hover > a {color: var(--color-orange); background-color: var(--color-clearyellow);}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item:nth-child(even) > .sub-menu > .menu-item:hover > a {color: var(--color-darkblue); background-color: var(--color-clearblue);}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.btn-primary:hover > a {color: var(--color-blue); background-color: transparent;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.btn-secondary:hover > a {color: #FFF; background-color: transparent;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.link-see-all:hover > a {color: var(--color-orange); background-color: transparent;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item:nth-child(even) > .sub-menu > .menu-item.link-see-all:hover > a,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item:nth-child(even) > .sub-menu > .menu-item.link-see-all:hover::after {color: var(--color-darkblue); }

mark.soon {color: var(--color-yellow); background-color: var(--color-clearyellow); border-radius: 8px; padding: 5px 8px; margin-left: 5px; font-size: 12px; display: inline-block; text-transform: initial;}

    /* Offres */
#menu-menu-principal > .menu-item.offres:hover > .sub-menu {display: grid; grid-template-columns: 1fr 1fr;}
.menu-menu-principal-container > .menu > .menu-item.offres:hover > .sub-menu > .menu-item {grid-column: 2;}
.menu-menu-principal-container > .menu > .menu-item.offres > .sub-menu > .menu-item:first-child {grid-column: 1;}
#menu-menu-principal > .menu-item.offres > .sub-menu > .menu-item:first-child > a {text-transform: initial; font-size: 1.25em; cursor: initial; max-width: 300px; display: block;}
#menu-menu-principal > .menu-item.offres > .sub-menu > .menu-item:first-child > a:hover {color: #7E7F7F;}

    /*Icones de menu*/
.menu-menu-principal-container > .menu > .menu-item i._mi {margin-top: 0;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .has-image .fa-primary,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .has-image .fa-secondary {transition: all .3s;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item:hover > a.has-image .fa-primary,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item:hover > a.has-image .fa-secondary,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item:hover > a.has-image path {fill: var(--color-orange);}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item:nth-child(even) > .sub-menu > .menu-item:hover > .has-image path {fill: var(--color-darkblue);}
.menu-menu-principal-container .fonctionnalites path,
.menu-menu-principal-container .documentation-technique path,
.menu-menu-principal-container .structure path {fill:var(--color-darkblue);}
.menu-menu-principal-container .parametrage-et-securite path,
.menu-menu-principal-container .services path,
.menu-menu-principal-container .documentation-clients path,
.menu-menu-principal-container .metier path,
.menu-menu-principal-container .cas-clients path {fill: var(--color-blue);}
.menu-menu-principal-container .current-menu-item path {fill: var(--color-blue);}

    /* CTA Menu */
#menu-menu-principal > .menu-item > .sub-menu > .menu-item.cta-menu {background-color: var(--color-lightgrey) !important; position: absolute; bottom: 0; width: 100%; max-width: unset; padding: 1em 2em;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .menu-item.cta-menu > span,
#menu-menu-principal > .menu-item > .sub-menu > .menu-item.cta-menu > span {display: none;}
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .cta-menu .btn-primary,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .cta-menu .btn-primary:hover,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .cta-menu .btn-primary:focus,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .cta-menu .btn-secondary,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .cta-menu .btn-secondary:hover,
.menu-menu-principal-container > .menu > .menu-item > .sub-menu > .cta-menu .btn-secondary:focus {box-shadow: none; margin-top: 0;}
#menu-menu-principal > .menu-item > .sub-menu:has(> .cta-menu) {padding-bottom: 4em;}
#menu-burger .menu-item.cta-menu {display: none;}

/* Patterns */
.tmpl-page-content > .wp-block-group {margin: 4em 10em;}
    /* Bannière */
#banner-page {height: 405px;}
    /* Section text img */
.section-text-image {margin: 8em 10em;}
.section-text-image .wp-block-media-text__content, .section-text-boxshadow {box-shadow: 0 10px 99px rgba(36,75,137,.16); border-radius: 16px; background-color: #FFF; padding: 2em 3em !important; width: 90%;}
.section-text-image .wp-block-media-text__media {padding-right: 4em;}
.section-text-image .wp-block-media-text__content {display: flex; flex-direction: column; gap: 1em}
.section-text-image.has-media-on-the-right .wp-block-media-text__media {padding-right: 0; padding-left: 4em;}
.section-text-image .wp-block-media-text__media img {width: auto; max-width: 100%; max-height: 100%;}
.section-text-image .wp-block-media-text__content > p {padding-left: 1.5em; border-left: 2px solid #F5A132;}
.section-text-image .wp-block-group {margin-bottom: 1em;}
mark {padding: 0;}
/* Section text bg image */
#section-text-bg-image {padding: 4em 10em;}
#section-text-bg-image .wp-block-cover__inner-container {width: 60%;}
    /* Image */
.wp-block-image.aligncenter {margin: auto !important;}
    /* Decouvrir aussi */
#decouvrir-aussi img {object-fit: contain;}

/* Page */
.tmpl-page-content > .wp-block-cover:is(:first-child) {margin-bottom: -6em; min-height: 350px;}
.tmpl-page-content > .wp-block-cover:is(:first-child) p {font-size: 1.25em;}
.tmpl-page-content .wp-block-media-text__content {position: relative;}
main {overflow: hidden; padding-bottom: 4em;}

/* Sous-page */
.tmpl-souspage-content {padding-top: 2em; margin-bottom: 6em;}
.tmpl-souspage-content .title-souspage {background: url('/wp-content/themes/easyreco/assets/images/bg-arrows.png'); min-height: 100px; display: flex; justify-content: center; align-items: center; text-align: center; background-repeat: repeat-x;}
.tmpl-souspage-content .section-text-image .wp-block-media-text__content {box-shadow: none; padding: 0 0 !important;}
.tmpl-souspage-content .section-text-image .wp-block-media-text__content > p {padding-left: 0; border: none;}
.tmpl-souspage-content .content-souspage > * {margin: 8em 0;}



/* Accueil */
#banner-home { margin-bottom: -6em; position: relative; height: 350px; display: flex; justify-content: center;}
#banner-home svg {margin-top: 1em; position: absolute; height: 100%; width: auto;}
.section-text-in-column {margin: 4em 10em;}
body.page-id-2 .wp-block-video video {border-radius: 16px;}
body.page-id-2 #solution-tout-en-un, body.page-id-2 #meilleur-logiciel , body.page-id-2 #tracabilite-complete .wp-block-media-text__content, body.page-id-2 #logos-clients, body.page-id-2 #expertise-succes, body.page-id-2 #expertise-succes .wp-block-media-text__content, body.page-id-2 #tracabilite-complete, body.page-id-2 #fonctionnalites-pour-vous  {position: relative;}
body.page-id-2 #solution-tout-en-un::before {content: url('/wp-content/themes/easyreco/assets/images/interlocking-pipes.png'); position: absolute; top: 50%; z-index: -1; left: calc(50% - 137.5px); }
body.page-id-2 #solution-tout-en-un::after {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); position: absolute; top: 90%; left: 60%; z-index: -2; width: 500px; height: 160px; }
body.page-id-2 #meilleur-logiciel::before {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: -4em; left: -4em; z-index: -1;}
body.page-id-2 #meilleur-logiciel::after {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/pipe-link.png'); position: absolute; top: 90%; left: 20%; z-index: -1; width: 805px; height: 266px; background-repeat: no-repeat;}
body.page-id-2 #tracabilite-complete .wp-block-media-text__content::before {content: url('/wp-content/themes/easyreco/assets/images/downpipes.png'); position: absolute; top: 40%; left: 0; z-index: -1;}
body.page-id-2 #tracabilite-complete .wp-block-media-text__content::after {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; bottom: -8em; right: -4em; z-index: -2;}
body.page-id-2 #tracabilite-complete::after {content: ''; width: 1655px; height: 1395px; background: var(--ellipse-yellow-gradient); position: absolute; top: calc(50% - 697.5px); z-index: -2; left: -827.5px; }
body.page-id-2 #fonctionnalites-pour-vous.section-text-boxshadow,
body.page-id-2 #meilleur-logiciel.section-text-boxshadow {width: auto;}
body.page-id-2 #fonctionnalites-pour-qui a {text-decoration: none;}
body.page-id-2 #fonctionnalites-pour-vous::before {content: url('/wp-content/themes/easyreco/assets/images/pipes-yellow.png');  position: absolute; top: 0; left: -4em; z-index: -1;}
body.page-id-2 #fonctionnalites-pour-vous::after {content: url('/wp-content/themes/easyreco/assets/images/pipe-grey.png'); position: absolute; top: 60%; right: 0; z-index: -1;}
body.page-id-2 .pictogrammes-fonctionnalites ul {list-style: none;}
body.page-id-2 .pictogrammes-fonctionnalites ul a {text-decoration: none; }
body.page-id-2 .pictogrammes-fonctionnalites ul li {display: flex; gap: 1em; align-items: center; margin: 1em 0;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-tracabilite::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-tracabilite.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-tableaux-de-bord::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-tableaux-de-bord.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-self-service::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-self-service.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-multi-transporteurs::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-multi-transporteurs.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-enregistrement::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-enregistrement.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-distribution-personnalisee::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-distribution-personnalisee.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-casiers-connectes::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-casiers-connectes.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 .pictogrammes-fonctionnalites .icon-administration-sur-mesure::before {content: ''; display: block; background-image: url('/wp-content/uploads/2025/08/icon-administration-sur-mesure.svg'); width: 25px; height: 25px; background-repeat: no-repeat; min-width: 25px;}
body.page-id-2 #expertise-succes .wp-block-media-text__media img {border-radius: 16px;}
body.page-id-2 #expertise-succes .chiffres-cles {text-align: center;}
body.page-id-2 #expertise-succes .chiffres-cles .chiffre {font-weight: bold; font-size: 1.75em;}
body.page-id-2 #expertise-succes .chiffres-cles .chiffre + p {margin-top: 0;}
body.page-id-2 #expertise-succes .wp-block-media-text__content::before {content: url('/wp-content/themes/easyreco/assets/images/downpipes.png'); position: absolute; top: 40%; left: 0; z-index: -1;}
body.page-id-2 #expertise-succes .wp-block-media-text__content::after {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; bottom: -8em; right: -4em; z-index: -2;}
body.page-id-2 #expertise-succes {margin-bottom: 15em;}
body.page-id-2 #expertise-succes::after {content: ''; width: 1655px; height: 1395px; background: var(--ellipse-yellow-gradient); position: absolute; top: calc(50% - 697.5px); z-index: -2; left: -827.5px; }
body.page-id-2 #logos-clients .wp-block-gallery {justify-content: center;}
body.page-id-2 #logos-clients .wp-block-gallery .wp-block-image {align-items: center;}
body.page-id-2 #logos-clients img {filter: grayscale(1); transition: filter .45s cubic-bezier(.3,.4,.1,1),opacity .45s cubic-bezier(.3,.4,.1,1); -webkit-filter: grayscale(100%); opacity: .55; width: 150px; height: 150px; object-fit: contain;}
body.page-id-2 #logos-clients::after {content: ''; width: 1655px; height: 1395px; background: var(--ellipse-yellow-gradient); position: absolute; top: calc(50% - 697.5px); z-index: -2; right: -827.5px; }
body.page-id-2 #logos-clients img:hover {filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1;}
body.page-id-2 #cta-accueil .btn-row {display: flex; align-items: center; justify-content: center; gap: 1em;}
body.page-id-2 #cta-accueil p {font-size: 1.5em;}
body.page-id-2 #cta-accueil img {max-height: 300px;}
body.page-id-2 #cta-accueil .wp-block-columns {gap: 0;}
body.page-id-2 #cta-accueil .wp-block-columns > .wp-block-column:first-of-type figure {margin: 0 -1.5em 0 0;}

/* Fonctionnalités */
body.page-id-23 #self-service, body.page-id-23 #expeditions-transferts figure, body.page-id-23 #enregistrement-suivi-distribution .wp-block-media-text__content, body.page-id-23 #enregistrement-suivi-distribution figure, body.page-id-23 #expeditions-transferts .wp-block-media-text__content, body.page-id-23 #pilotage-activite .wp-block-media-text__content {position: relative;}
body.page-id-23 #expeditions-transferts figure::before {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: 2em; left: 3em; z-index: -1;}
body.page-id-23 #expeditions-transferts .wp-block-media-text__content::after {content: url('/wp-content/themes/easyreco/assets/images/pipe-grey.png'); position: absolute; top: 60%; left: -3em; z-index: -1;}
body.page-id-23 #enregistrement-suivi-distribution {margin-bottom: 8em;}
body.page-id-23 #enregistrement-suivi-distribution figure::before {content: url('/wp-content/themes/easyreco/assets/images/downpipe-yellow.png'); position: absolute; right: 4em; top: 2em; z-index: -1;}
body.page-id-23 #enregistrement-suivi-distribution .wp-block-media-text__content::before {content: url('/wp-content/themes/easyreco/assets/images/pipe-grey.png'); position: absolute; left: 85%; top: 60%; z-index: -1;}
body.page-id-23 #enregistrement-suivi-distribution .wp-block-media-text__content::after {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: 90%; left: 100%; z-index: -2;}
body.page-id-23 #pilotage-activite .wp-block-media-text__content::before {content: url('/wp-content/themes/easyreco/assets/images/pipes-yellow.png'); position: absolute; top: -4em; left: -6em; z-index: -1}
body.page-id-23 #pilotage-activite {position: relative;}
body.page-id-23 #pilotage-activite::after {content: ''; width: 1655px; height: 1395px; background: var(--ellipse-yellow-gradient); position: absolute; top: calc(100% - 697.5px); z-index: -2; left: -827.5px; }
body.page-id-23 #self-service .wp-block-media-text__content {position: relative;}
body.page-id-23 #self-service .wp-block-media-text__content::before {content: url('/wp-content/themes/easyreco/assets/images/downpipe-grey.png'); position: absolute; bottom: 30%; left: -3.5em; z-index: -1; }
body.page-id-23 #self-service::after {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: -4em; right: -1em; z-index: -2;}
#easyreco-services > .wp-block-column {display: flex; flex-direction: column; justify-content: center;}
#easyreco-services { margin: 10em 0 4em 0;}
#easyreco-services .bg-line-arrows {display: flex; justify-content: center; align-items: center; margin-bottom: -1em;}
#easyreco-services .bg-line-arrows::before {top: -1.5em;}
#easyreco-services .wp-block-button__link {padding: .5em 4em; font-weight: normal; font-size: 1.25rem;}


    /* Enregistrement suivi et distribution */
#tracage-enregistrement-distribution .wp-block-columns > .wp-block-column:first-of-type {position: relative; height: fit-content; padding-bottom: 1em;}
#tracage-enregistrement-distribution .wp-block-columns > .wp-block-column:first-of-type:after {position: absolute; content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); top: 100%; width: 100%; left: 0; height: 160px; z-index: -2; }
#tracage-enregistrement-distribution ul {padding: 0;}
.carousel-distribution-sur-mesure.wp-block-lcb-logo-carousel .swiper-wrapper {align-items: end;}
    /* Self service collaborateurs */
#suivi-temps-reel.section-text-image.has-media-on-the-right .wp-block-media-text__media {padding-left: 0;} 

/* Services */
body.page-id-276 #gestion-de-projet.section-text-image.has-media-on-the-right .wp-block-media-text__media {padding-left: 0;}
body.page-id-276 #gestion-de-projet .wp-block-media-text__content, body.page-id-276 #documentation .wp-block-media-text__content, body.page-id-276 #accompagnement-personnalise .wp-block-media-text__content, body.page-id-276 #accompagnement-personnalise, body.page-id-276 #documentation, body.page-id-276 #gestion-de-projet figure {position: relative;}
body.page-id-276 #gestion-de-projet .wp-block-media-text__content::after { content: url('/wp-content/themes/easyreco/assets/images/pipe-grey.png'); position: absolute; top: 20%; left: -3em; z-index: -1;}
body.page-id-276 #accompagnement-personnalise .wp-block-media-text__content::before { content: url('/wp-content/themes/easyreco/assets/images/pipes-yellow.png'); position: absolute;top: 1em; left: -18em; z-index: -1;}
body.page-id-276 #accompagnement-personnalise::after { content: ''; width: 1655px; height: 1395px; background: var(--ellipse-yellow-gradient); position: absolute; top: calc(100% - 697.5px); z-index: -2; left: -827.5px; }
body.page-id-276 #documentation::after { content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: 0; right: 0; z-index: -1;}
body.page-id-276 #gestion-de-projet figure::before { content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: 3em; left: 0; z-index: -1;}

    /* Gestion de projet */
.timeline-easyreco .timeline-btn-container {display: flex; justify-content: space-between; position: relative;}
.timeline-easyreco .timeline-btn-container .stepline {position: absolute; width: 100%; height: 10px; top: 45px; background-color: var(--color-clearyellow); z-index: -2; border-radius: 16px;}
.timeline-easyreco .timeline-btn-container .stepline-active {position: absolute; height: 10px; top: 45px; background-color: var(--color-yellow); z-index: -1; transition: all .3s ease-in; width: 0; border-radius: 16px;}
.timeline-easyreco .timeline-btn {display: flex; flex-direction: column; align-items: center; cursor: pointer; transition: all .3s ease-in-out; gap: .5em; width: 200px; position: relative;}
.timeline-easyreco .timeline-btn img {width: 100px; height: 100px; object-fit: contain; background-color: #FFF; border: solid 3px #FFF; padding: .5em; border-radius: 50%; transition: all .3s ease-in-out; box-shadow: 0 0 4em rgba(0,0,0,.1); transform: scale(1);}
.timeline-easyreco .timeline-btn p {font-weight: bold; transition: all .3s ease-in-out; text-align: center;color: var(--color-darkblue); opacity: .5;}
.timeline-easyreco .timeline-btn:hover img {background-color: #FFF; box-shadow:0 0 4em rgba(0,0,0,.1); border-color: var(--color-yellow);}
.timeline-easyreco .timeline-btn.active img {background-color: #FFF; box-shadow: 0 0 4em rgba(0,0,0,.1); transform: scale(1.05); border-color: var(--color-yellow);}
.timeline-easyreco .timeline-btn.active p {opacity: 1; color: var(--color-yellow);}
.timeline-easyreco .timeline-item {display: none; width: 100%; padding: 2em 3em; background-color: #FFF; box-shadow: 0 10px 99px rgba(36,75,137,.4); border-radius: 16px; flex-direction: column;}
.timeline-easyreco .timeline-item.active {display: flex;}
.timeline-easyreco .timeline-container {position: relative; margin-top: 1em;}
.timeline-easyreco .timeline-marker {position: absolute; bottom: 100%; transition: all .3s ease-in;}
/*.timeline-easyreco .timeline-marker::before {content: '\f0d8'; font-family: 'Font Awesome 6 Pro'; color: #FFF; display: block; font-size: 3rem; line-height: 0; font-weight: bold;}*/
.timeline-easyreco .timeline-marker::before {content: '▲'; font-family: 'Font Awesome 6 Pro'; color: #FFF; display: block; font-size: 3rem; line-height: 0; font-weight: bold;}
#timeline-metier.timeline-easyreco .timeline-btn img {padding: 0;}


/* Paramétrage et sécurité */
body.page-id-281 #administration-sur-mesure .wp-block-media-text__media {text-align: center;}
body.page-id-281 #personnalisation-adaptee .wp-block-media-text__media img, body.page-id-281 #administration-sur-mesure .wp-block-media-text__media img {width: 500px; max-width: 100%;}
body.page-id-281 #personnalisation-adaptee .wp-block-media-text__content, body.page-id-281 #administration-sur-mesure .wp-block-media-text__content, body.page-id-281 #administration-sur-mesure, body.page-id-281 #securite-des-donnees figure, body.page-id-281 #administration-sur-mesure figure {position: relative;}
body.page-id-281 #personnalisation-adaptee .wp-block-media-text__content::before { content: url('/wp-content/themes/easyreco/assets/images/pipe-grey.png'); position: absolute;
left: 85%; top: 60%; z-index: -1;}
body.page-id-281 #personnalisation-adaptee .wp-block-media-text__content::after { content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: 90%; left: 100%; z-index: -2;}
body.page-id-281 #administration-sur-mesure .wp-block-media-text__content::after {content: url('/wp-content/themes/easyreco/assets/images/pipe-grey.png'); position: absolute; top: 60%; left: -3em; z-index: -1;}
body.page-id-281 #administration-sur-mesure::after { content: ''; width: 1655px; height: 1395px; background: var(--ellipse-yellow-gradient); position: absolute; top: calc(100% - 697.5px); z-index: -2; left: -827.5px; }
body.page-id-281 #securite-des-donnees figure::after {content: ''; background-image: url('/wp-content/themes/easyreco/assets/images/grey_arrow.png'); width: 500px; height: 160px; position: absolute; top: 12em; right: 5em; z-index: -1;}
body.page-id-281 #administration-sur-mesure .wp-block-media-text__content::before { content: url('/wp-content/themes/easyreco/assets/images/downpipe-yellow.png'); position: absolute; left: 14em; top: 10em; z-index: -1;}
body.page-id-281 #administration-sur-mesure figure::before { content: url('/wp-content/themes/easyreco/assets/images/pipes-yellow.png'); position: absolute; top: 7em; left: -2em; z-index: -1;}

/* Pour qui */
#timeline-metier .timeline-btn-container {justify-content: space-evenly;}
body.page-id-434 #services-courrier, body.page-id-434 #collaborateurs, body.page-id-434 #decideurs {scroll-margin-top: 50vh;}

/* Formulaires */
body.page-id-541, body.page-id-543 {position: relative;}
body.page-id-541::before, body.page-id-543::before {content: ''; position: absolute; top: 0; left: 0; width: 100vw; height: 80vh; z-index: -1; background: var(--color-clearblue); opacity: .5;}
div.wpforms-container {margin-top: 0 !important; padding: 2em 3em !important; background-color: #FFF !important; box-shadow: 0 10px 99px rgba(36,75,137,.16) !important; border-radius: 16px !important;}
div.wpforms-container-full .wpforms-field-label {color: var(--color-black); font-weight: normal; font-size: 1em;}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {font-size: 1em;}
.wpforms-field-checkbox li::before {content: none;}

/* Contact */
body.page-id-541 .wp-block-columns > .wp-block-column:first-of-type {padding-right: 4em !important;}
.wpforms-field.wpforms-field-name .wpforms-field-row.wpforms-field-large {display: flex; flex-direction: row-reverse;}
.wpforms-field.wpforms-field-name .wpforms-field-row.wpforms-field-large .wpforms-field-row-block:first-child {padding-inline-start: 10px; padding-inline-end: 0;}
.wpforms-field.wpforms-field-name .wpforms-field-row.wpforms-field-large .wpforms-field-row-block:last-child {padding-inline-end: 10px; padding-inline-start: 0;}

/* Page 404 */
.page-404 #bgr {position: relative; display: flex; align-items: center; justify-content: center; min-height: 80vh;}
.page-404 #texte {padding-right: 8rem;}
.page-404 #image {position: relative;}
.page-404 #cable {position: absolute; top: 50%; right: 49%; width: 70%; z-index: -1;}
.page-404 #cable img {width: 100%;}
.page-404 #cosmonaute{position: absolute; top:  0;}
.page-404 #tache {top: 50%; left: 0; width: 100%; position: relative; z-index: 0;}
.page-404 #cosmonaute img, #tache img {width: 100%;}
.page-404 #elem-cosmos {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.page-404 #elem-cosmos .cls-1 {fill: var(--color-yellow);}
.page-404 #elem-cosmos .cls-2 {fill: var(--color-darkblue);}
.page-404 .floating { animation-name: floating; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}

/* Informations légales */
.privacy-policy #mentions-legales, .privacy-policy #politique-des-cookies, .privacy-policy #propriete-intellectuelle {scroll-margin-top: calc(71px + .5em);}

/* Footer */
footer { color: #FFF; padding: 8em 0 4em 0; position: relative; font-family: 'Source Sans 3'; overflow: hidden;}
footer .nectar-shape-divider {position: absolute; top: 0; left: 0; width: 100%; height: 100px; transform: rotate(180deg);}
footer::before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/themes/easyreco/assets/images/footer-bg.svg'); background-repeat: no-repeat; background-size: cover; z-index: -1; background-position: top center;}
footer .footer-inner {margin: auto;}
footer .btn-primary {box-shadow: 0 10px 30px rgba(77, 189, 239, .2);}
footer p {margin-bottom: 0; font-weight: 700;}
footer ul {list-style: none; padding: 0; margin-block-start: .5em !important;}
footer ul a {text-decoration: none;}
footer a {color: #FFF;}
footer a:hover {color: var(--color-blue);}
footer .footer-inner > div:last-of-type > .wp-block-columns {margin-bottom: 0;}