/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/******************CSS IROAD*****************************/


/* Import de la Proxima   */
@import url("https://use.typekit.net/dmq6osu.css");
/* Import de la Brandon   */
 @import url("https://use.typekit.net/cqz8syg.css");

/* TYPO */ 
body,p { font-family: proxima-nova, sans-serif !important; color:#07241c; }
h1, h2, h3, h4, h5, h6, .hs-button, .interactive-button  { font-family: brandon-grotesque, serif !important; }

.italique { font-style: italic !important; }

/* COULEURS */ 
.aka, .aka h1, .aka h2, .aka h3, .aka h4, .aka h5, .aka h6, .aka a, .aka h1 a, .aka h2 a, .aka h3 a ,.aka h4 a , .aka h5 a { color: rgba(227, 0, 59, 1) !important; color: #e3003b !important;  }
table a { color: #e3003b  !important; }
.blanc { color: #ffffff !important; }
.noir { color: #07241c !important; }
.tms { color: #00c89b  !important; }

h1 { text-transform : uppercase; font-weight : 700 ; color: #ffffff  !important; }
h2 { text-transform : uppercase; font-weight : 300 ; color: #00c89b  !important; }


/* PUCES LI */ 
.kl-rich-text ::marker { content: "› " !important; font-size: 22px !important; color: #00c89b !important; font-weight: 700 !important; }
.kl-footer ::marker { content: "" !important; font-size: 22px !important; color: #00c89b !important; font-weight: 700 !important; }

/* PREHEADER TÉMOIGNAGES */ 

.kl-card__preheader {
    color: #00c89b;
    display: block;
    font-family: brandon-grotesque, sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 0.75rem;
    line-height: 1.5rem;
}

/* BUTTON TÉMOIGNAGES */ 

.button, .button:hover, .button:active, .button:focus {
    color: #ffffff !important;
    font-weight: 300;
    background-color: #00c89b;
    border: 1px solid #00c89b;
    border-radius: 6px 30px 30px 6px !important;
}

/* TAILLE PICTO CHIFFRES */ 

.kl-features-01__image img {
    max-height: 70px !important;
}

/* LIeNS SITE */ 

a {
  color: #00c89b !important;
}


.fond_blanc_arrondi {
    background-color: #ffffff !important;
    background-image: none !important;
    border-radius: 30px !important;
    display: block !important;
    padding-bottom: 40px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 40px !important;

}

/* sticky menu page mentions */ 


///.menu_mentions {
    display: inline-block;
    width: 20%;
    position: sticky;
    top: 100px;
    vertical-align: top;
}

///.mentions {
    display: inline-block;
    width: 70%;

}


.kl-footer__byline {
display:none;

}


/* MENU PRINCIPAL */

.kl-navbar, .kl-header, #hs_cos_wrapper_Navbar {
    //height: 142px;
}

.kl-navbar__button { 
  font-family: brandon-grotesque,sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #07241c !important;
}
 

.kl-navbar-submenu {
  /* Targets all unordered lists within horizontal menus */
    border: 1px solid #07241c;
    border-radius: 20px;
    padding: 20px 0;
    margin: 0;
    white-space:nowrap;
    column-gap: normal;
    width: auto;
}


@media screen and (min-width: 600px) {
  .kl-navbar-submenu {
  /* Targets all unordered lists within horizontal menus */
    column-count: 2;
}
  }

.kl-navbar-submenu__item a {
    display: block;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 16px;
    font-family: brandon-grotesque,sans-serif;
    line-height: 1rem;
    word-break: normal;
}

.kl-navbar-submenu__item a:hover {
    color: #00c89b !important;
}

.kl-navbar-submenu li:first-child a, .kl-navbar-submenu li:first-child a:hover,
.kl-navbar-submenu li:nth-child(5) a, .kl-navbar-submenu li:nth-child(5) a:hover
 {	
    font-weight: 700;
    color:#07241c !important;
}


.kl-navbar-submenu__button {
    color: #07241c !important;
}



.kl-navbar__parent > a:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 16px;
    border-right: 1px solid #00c89b;
    border-bottom: 1px solid #00c89b;
    transform: rotate(45deg);
    transform-origin: 3px 3px;
    transition: transform .25s ease-in-out;
}

.kl-navbar__button > span:after {
    content: none;
}



.kl-navbar__end .button--arrow:after {
    content: url(https://8691471.fs1.hubspotusercontent-na1.net/hubfs/8691471/picto-connexion.svg);
}


.kl-navbar__end .Navbar__button { 
  font-family: brandon-grotesque,sans-serif;
  font-size: 16px;
  font-weight: 400;
  background-color: #00c89b;
  color: #ffffff !important;
}

.kl-navbar__end .button--arrow {
    border: none;
    color:#07241c !important;
    background-color: #ffffff !important;
}

/* cards pricing */

.kl-pricing {
    display: flex;
    align-items: stretch;
    text-align: center;
    flex-wrap: wrap;
}

.kl-pricing__button {
    bottom: 0;
    position: absolute;
    min-width: 100%;
    padding: 35px 60px 35px 0px;
}

.kl-pricing__features {
    padding-bottom: 30px;
}

/* radius images BLOC image texte */
#hs_cos_wrapper_module_1725958215608 img, #hs_cos_wrapper_module_1725954302551 img, #hs_cos_wrapper_module_17249456398482_ img, #hs_cos_wrapper_module_17259549891933 img  {
    border-radius: 30px;
}


/* border radius image header */

.hs-content-id-177929484153 .kl-hero-03__image img, .hs-content-id-178028698756 .kl-hero-03__image img, .hs-content-id-176802655861 .kl-hero-03__image img {
    border-radius: 30px;
}


/* PAGE IROAD STANDARD */

.kl-rich-text__buttons .button--arrow {
    border: none;
    background-color: transparent;
    color: #00c89b !important;

}

.kl-rich-text__buttons .button--arrow:after {
    content: url(https://8691471.fs1.hubspotusercontent-na1.net/hubfs/8691471/fleche.svg);
}

.kl-cards-slider__header {
    display: none;
}


/* FOOTER  */
.kl-footer {
    background-color: #07241c;
}

/* PAGE XROAD  */



/* PAGE HOME  */
#hs_cos_wrapper_module_17259734110772 img, #hs_cos_wrapper_module_1725976667626 img, #hs_cos_wrapper_module_1725976797827 img  {
    border-radius: 30px;
}

.kl-features-01 h4 {
  font-family : proxima-nova, Inter, sans-serif !important; ;
  text-transform: uppercase;
  font-weight: 700;
  color: #00c89b !important;
}


/* CTA du bas  */
.widget-type-cta, .widget-type-cta:hover  {
    background-color: transparent;
    border: transparent;
}

/* FORMULAIRE  */
.hs-form-field label, .hs_submit input {
      font-family : proxima-nova, Inter, sans-serif !important; ;
      font-weight: 400; 
}

.hs_submit input {
      text-transform: uppercase;
}

form .hs-button {
      border: 1px solid #00c89b !important;
}

form .hs-button:focus {
      border-color: #00c89b !important;
      outline-color: #00c89b;
}


/* PAGE PRODUITS IROAD  */
.kl-features-03__section {
    background-color: #ffffff;
    border: transparent;
}

/* PAGE PRODUITS IROAD - radius logo  */
.hs-content-id-177948420967 #hs_cos_wrapper_widget_1724919979795 .hs-logo-grid__logo {
    border-radius : 20px;
}

/* PAGE PRODUITS IROAD - fonctionnalités  */

.kl-features-03__titles {
    border-bottom: 1px solid #00c89b;
}

.kl-features-03__titles li h4 {
    font-size: 24px;
}

.kl-features-03__titles li h4:after {
    height: 5px;
    background-color: #00c89b;
    position: absolute;
    bottom: 0px;
}

.kl-features-03__titles li.active h4, .kl-features-03__titles li h4:hover, .kl-features-03__titles li h4:focus {
    color: #00c89b;
}