@font-face {
font-display: swap; 
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
src: url(https://kolus.io/wp-content/themes/generatepress_child/fonts/rubik-v31-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; 
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
src: url(https://kolus.io/wp-content/themes/generatepress_child/fonts/rubik-v31-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; 
font-family: 'Rubik';
font-style: normal;
font-weight: 600;
src: url(https://kolus.io/wp-content/themes/generatepress_child/fonts/rubik-v31-latin-600.woff2) format('woff2'); } @font-face {
font-display: swap; 
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
src: url(https://kolus.io/wp-content/themes/generatepress_child/fonts/rubik-v31-latin-700.woff2) format('woff2'); } @font-face {
font-display: swap; 
font-family: 'Geist';
font-style: normal;
font-weight: 400;
src: url(https://kolus.io/wp-content/themes/generatepress_child/fonts/geist-v4-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; 
font-family: 'Geist';
font-style: normal;
font-weight: 600;
src: url(https://kolus.io/wp-content/themes/generatepress_child/fonts/geist-v4-latin-600.woff2) format('woff2'); } h1, h2, h3, h4 {
font-family: "Rubik";
font-weight: 600;
}
body{
font-family: 'Geist';
}
.hl{
font-family: "Rubik";
font-size: 45px;
font-weight: 500;
line-height: 105%; }
.hm{
font-family: "Rubik";
font-size: 38px;
font-weight: 500;
line-height: 105%; }
.hs{
font-family: "Rubik";
font-size: 25px;
font-weight: 500;
line-height: 105%; }
.hxs{
font-family: "Rubik";
font-size: 20px;
font-weight: 500;
line-height: 105%; }
.subs{
font-family: Geist;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%; letter-spacing: 0.28px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.hl{
font-size: 32px;
}
.hm{
font-size: 28px;
}
h2{
font-size: 28px;
}
p{
font-size: 16px;
}
}
.pm{
font-family: Geist;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; letter-spacing: -0.36px;
}
.pxs {
font-size: 14px;
} .cta-accent-arrow, .cta-accent, .cta-base-arrow{
font-family: "Geist";
border-radius: 100px;
font-size: 16px; letter-spacing: -0.32px;
}
.cta-accent-arrow{
background: var(--accent) !important;
}
.cta-base-arrow{
background: var(--base) !important;
border: 1px solid rgba(172, 172, 172, 0.30);
color: var(--contrast) !important;
}
.cta-accent-arrow, .cta-base-arrow{
padding: 8px 10px 8px 20px !important;
display: inline-flex !important;
}
.cta-accent-arrow a, .cta-base-arrow a{
line-height: 2em;
}
.cta-accent{
background: var(--accent) !important;
padding: 8px 20px 8px 20px !important;
}
.cta-accent-arrow:hover, .cta-accent-arrow:focus, .cta-accent:hover, .cta-accent:focus{
background: var(--accent-2) !important;
}
.cta-accent-arrow:after{
content: "";
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/accent_arrow.svg);
background-size: contain; background-position: center; background-repeat: no-repeat;
display: inline-flex; vertical-align: middle; height: 23px; width: 23px; margin-left: 10px;
}
.cta-base-arrow:after{
content: "";
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/base_arrow.svg);
background-size: contain; background-position: center; background-repeat: no-repeat;
display: inline-flex; vertical-align: middle; height: 23px; width: 23px; margin-left: 10px;
}
.cta-contrast-inline a {
color: var(--accent);
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.cta-contrast-inline a:after {
content: "";
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/arrow_right_accent.svg);
background-size: contain; background-position: center; background-repeat: no-repeat;
display: inline-flex; vertical-align: middle; height: 11px; width: 11px; margin-left: 6px; margin-top: -2px;
}
.cta-accent-link{
color: #FF674D !important;
font-family: Geist;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
background: transparent !important;
padding: 0px !important;
}
.cta-accent-link a:hover{
color: #FF674D !important;
}
.cta-accent-link:after{
content: "";
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/arrow_right_accent.svg);
background-size: contain; background-position: center; background-repeat: no-repeat;
display: inline-flex; vertical-align: middle; height: 10px; width: 10px; margin-left: 6px; margin-top: -2px;
} .site-logo {
margin-right: 40px;
}
.nav-float-right #site-navigation {
margin-left: 0px; margin-right: 0px;margin-top: 10px;
width: 100% !important;
}
.cta-nav {
margin-left: auto;
margin-right: 0px;
min-width: 200px;
margin-top: 10px;
}
.main-navigation .main-nav ul li > a{
padding-right: 10px !important; padding-left: 10px !important;
}
.site-header {
border-bottom: 1px solid rgba(18, 26, 64, 0.10);
}
.inside-header {
padding: 0px 15px 10px 15px;
}
.inside-header a{
font-family: "Rubik"; font-size: 13px !important;
}
ul#menu-menu > li > a {
border-radius: 100px;
line-height: 2.7em;
margin: 0px 5px;
}
ul#menu-menu > li > a:hover {
background: var(--base-2);
border-radius: 100px;
line-height: 2.7em;
margin: 0px 5px;
color: var(--accent);
}
.main-navigation ul ul{
width: auto !important;
} .main-navigation .sub-menu a {
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
.menu-item-has-children .dropdown-menu-toggle{
padding-left: 5px !important;
padding-right: 2px !important;
}
.main-navigation .main-nav ul ul li a {
line-height: normal;
padding: 10px 20px 5px 10px !important;
margin: 2px 10px;
border-radius: 5px;
font-family: "Geist" !important;
}
.main-navigation .main-nav ul ul li a:hover {
background: var(--base-2);
color: var(--contrast) !important;
}
.sub-menu {
border-radius: 20px; }
ul#menu-item-16-sub-menu, ul#menu-item-17-sub-menu, ul#menu-item-18-sub-menu, ul#menu-item-20-sub-menu {
padding: 10px 15px;
border: solid;
border-color: rgba(231, 231, 231, 0.8);
box-shadow: 0 8px 32px rgba(13, 18, 45, 0.1);
overflow: auto;
}
span.menu-description {
display: block;
font-size: 12px;
margin-top: 5px;
color: var(--contrast-2);
font-family: 'Geist';
font-weight: 400;
}
.inside-header .sub-menu a {
font-weight: 600;
font-size: 14px !important;
} .subxs > a {
pointer-events: none;
cursor: default;
}
.sub-1 .sub-menu {
min-width: 400px !important;
} .main-navigation .sub-3 > .sub-menu {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0px 20px; padding: 15px;
min-width: 700px;  
}
.main-navigation .sub-2 > .sub-menu {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0px 20px; padding: 15px;
min-width: 480px;  	
}
.sub-3 .sub-menu, .sub-3 .sub-menu {
padding-bottom: 55px !important;
}
.main-navigation .sub-3 .menu-item-has-children {
max-width: 300px;
}
.main-navigation .sub-2 .menu-item-has-children {
max-width: 250px;
} .main-navigation .sub-3 .sub-menu li, .main-navigation .sub-2 .sub-menu li {
list-style: none;
} .main-navigation .sub-3 .sub-menu li a, .main-navigation .sub-2 .sub-menu li a {
display: block;
padding: 5px 0;
white-space: normal; } .main-navigation .sub-3 .sub-menu, .main-navigation .sub-2 .sub-menu {
left: 0;
right: auto;
}
.sub-menu span.gp-icon.icon-arrow-right {
display: none;
} .main-navigation .main-nav ul ul ul {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
position: static !important;
left: auto !important;
top: auto !important;
box-shadow: none !important;
margin-left: 15px;
height: auto !important;
padding: 0px !important;
margin: 0px !important;
} .main-navigation .main-nav ul ul li {
position: relative;
} .main-navigation .main-nav ul ul {
overflow: visible;
}
.sub-cta {
position: absolute !important;
bottom: 5px;
left: 0px;
right: 0px;
border-top: 1px solid var(--contrast-2);
width: auto !important;
margin: 2px 0px !important;
}
.sub-cta a, .sub-cta a:hover, .sub-cta:hover a{
color: var(--accent) !important;
}
.main-navigation .main-nav ul ul .sub-cta a:hover{
color: var(--accent) !important;
}
.sub-cta a:after{
content: "";
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/single-arrow-accent.svg);
background-size: contain; background-position: center; background-repeat: no-repeat;
display: inline-flex; vertical-align: middle; height: 10px; width: 10px; margin-left: 6px; margin-top: -2px;
}
.inside-header .sub-menu .subxs a {
font-size: 12px !important;
}
.subxs > a{
display: block;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--contrast-2) !important;
padding: 0px !important;
margin: 0px !important;
}
.subxs > a:hover{
background-color: transparent !important;
color: var(--contrast-2) !important;
} .main-navigation .main-nav ul ul .sub-icon a {
padding-left: 43px !important;
}
.sub-icon a {
position: relative;
}
.sub-icon a:after {
content: "";
height: 20px; width: 30px;
position: absolute;
top: 8px;
left: 10px;
}
.sub-icon a:after {
background-size: contain; background-position: center; background-repeat: no-repeat;
} .ticketing a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/ticketing.svg);
}
.forms a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/form.svg);
}
.visio a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/visio.svg);
}
.connaissances a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/connaissances.svg);
}
.application a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/appli.svg);
}
.planning a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/planning.svg);
}
.stats a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/stats.svg);
}
.integrations a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/integrations.svg);
}
.bons a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/bons.svg);
}
.hors a:after{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/hors.svg);
} .country-selector{
margin-right: 10px !important;
}
.country-selector.weglot-dropdown .wgcurrent a, .country-selector.weglot-dropdown .wgcurrent span {
padding-right: 5px;
}
.country-selector.weglot-dropdown a, .country-selector.weglot-dropdown span{
padding: 0 5px !important;
font-size: 13px !important;
}
.country-selector label:before, .weglot-language:before{
background-image: url(https://kolus.io/wp-content/uploads/2026/06/globe.png);
content: "";
height: 22px; width: 22px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: inline-flex;
}
label.wgcurrent {
border-radius: 20px !important;
}
.country-selector  ul {
border-radius: 20px !important;
padding-left: 10px !important;
}
.country-selector.weglot-dropdown .wgcurrent:after{
display: none;
}
.country-selector.weglot-dropdown .wgcurrent, .weglot-language{
display: inline-flex !important;
align-items: center !important;
padding-left: 10px;
}
#generate-slideout-menu .cta-nav-mobile a.weglot-language-en, #generate-slideout-menu .cta-nav-mobile a.weglot-language-fr {
color: var(--contrast) !important;
} @media (max-width: 768px) {
.main-navigation ul ul{
pointer-events: visible !important;
}
}
.subxs .dropdown-menu-toggle {
display: none;
}
:root {
--gp-slideout-width: 365px !important;
}
.subxs > span {
display: none;
}
#generate-slideout-menu .subxs:nth-child(n+2) {
padding-top: 30px !important;
}
#generate-slideout-menu .sub-3 > .sub-menu {
padding-bottom: 75px !important;
}
@media (max-width: 768px) {
.main-navigation .main-nav > ul > li > a{
line-height: 40px !important;
}
}
#generate-slideout-menu .cta-nav-mobile a {
color: var(--base) !important;
}
#generate-slideout-menu .cta-nav-mobile{
margin-left: 10px !important;
}
#generate-slideout-menu ul ul{
box-shadow: 0px 0px 0 rgba(0,0,0,0) !important;
}
nav#generate-slideout-menu {
overflow-x: hidden;
} .sticky-navigation-logo .is-logo-image {
width: 110px;
height: auto;
} .home a.gb-text.gb-text-68445d5a.cta-accent-arrow {
margin-top: 0px;
} @media (max-width: 768px) {
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
padding: 5%;
}
} .background-color{
margin: 15px !important;
border-radius: 5px;
}
.background-blue-smile{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/blue-smile-background.svg);
background-size: cover; background-position: center; background-repeat: no-repeat;
border-radius: 5px;
}
.background-red{
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/red_background.svg);
background-size: cover; background-position: center; background-repeat: no-repeat;
border-radius: 5px;
} .step{
position: relative;
}
.step:after{
content: "";
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/dots_steps.svg);
background-size: contain; background-position: center; background-repeat: no-repeat;
display: inline-flex; vertical-align: middle; height: 40px; width: 23px; margin-left: 10px;
position: absolute; bottom: -40px; left: 34px;
}
.step:last-child:after {
display: none;
}
.step .hs{
font-size: 22px !important;
}
@media (max-width: 768px) {
.step .hs{
font-size: 18px !important;
}
} .tag {
background: var(--accent);
color: white;
display: inline-flex;
border-radius: 100px;
line-height: 1em;
padding: 5px 10px;
font-size: 13px;
} .data-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
margin-top: 32px;
border: 1px solid #e7e7e7;
border-radius: 30px !important;
}
.data-table table {
margin-bottom: 0px !important;
}
.data-table th {
background: var(--contrast);
color: var(--base);
font-family: "Rubik";
font-size: 14px;
font-weight: 600;
padding: 14px 20px !important;
text-align: left;
border: 1px #0d122d solid !important;
}
.data-table th {
}
.data-table th {
font-family: "Rubik";
font-size: 15px;
text-transform: uppercase;
border: 1px #e7e7e7 solid;
}
.data-table .has-fixed-layout {
table-layout: auto !important;
}
.data-table td, .wp-block-table td{
border-bottom: 1px solid #e7e7e7 !important;
border-left: 0px solid #e7e7e7 !important; border-right: 0px solid #e7e7e7 !important; border-top: 0px solid #e7e7e7 !important;
font-size: 14px;
}
.data-table tr:last-child td {
border-bottom: 0px !important;
}
.data-table td {
padding: 10px 20px !important;
font-size: 16px;
}
@media (max-width: 768px) {
.data-table td{
font-size: 13px !important;
}
} .pricing-table{
border-radius: 5px !important;
margin-top: 40px;
border: 1px solid #e7e7e7 !important;
}
.pricing-table td, .pricing-table th{
padding: 10px !important;
}
.pricing-table table {
margin: 0px !important;
}
.pricing-table thead th{
background-color: var(--base-2) !important; 
}
.pricing-table thead th:last-child {
background: var(--accent);
}
.pricing-table thead {
border-bottom: 1px solid !important;
border: 1px solid var(--base-2) !important;
color: var(--contrast) !important;
}
.pricing-table th{
border: 1px solid var(--base-2) !important;
}
.pricing-table tr td:first-child {
text-align: left;
background: var(--base-2);
font-family: 'Geist';
color: var(--contrast-2);
}
.pricing-table  td{
text-align: center;
}
.pricing-table .tick {
font-family: system-ui;
color: #22c55e;
font-weight: bold;
}
span.empty {
opacity: 0.4;
}
.pricing-table .yellow-tag{
background: rgba(248, 216, 120, 0.2);
color: #a08520;
font-size: 12px;
font-weight: 600;
padding: 2px 10px;
border-radius: 100px;
}
.pricing-table tbody tr:nth-last-child(-n + 2) td {
background: rgba(248, 216, 120, 0.04) !important;
}
.pricing-table tr th:first-child {
text-align: left;
}
.pricing-table tr th{
text-align: center;
}
.pricing-table tbody tr td:last-child{
background: rgba(255, 103, 77, 0.04)
}
@media (max-width: 768px){
.pricing-table table {
display: block;
width: 180% !important;
}
}
.recommande{
position: relative;
}
.recommande:after{
content: "recommandé";
background: var(--accent);
color: var(--base);
text-transform: uppercase;
font-size: 12px;
border-radius: 100px; padding: 5px 15px;
position: absolute; right: 20px; top: -15px;
}
.quote {
border-left: 2px solid var(--accent);
padding: 30px;
background: var(--base);
border-radius: 0px 10px 10px 0px;
box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10);
} .schema-faq-question:hover {
cursor: pointer;
}
.schema-faq-question{
font-size: 22px;
font-style: normal;
font-weight: 400;
display: block;
padding: 15px 25px 15px 0px;
position: relative;
}
@media (max-width: 768px){
.schema-faq-question{
font-size: 15px !important;
}
}
p.schema-faq-answer {
margin-bottom: 0px !important;
}
.wp-block-yoast-faq-block{
border-top: 1px solid #6c719461;
}
.schema-faq-section{
border-bottom: 1px solid #6c719461;
}
strong.schema-faq-question:after {
content: "";
background-image: url(https://kolus.io/wp-content/themes/generatepress_child/assets/chevron_accent.svg);
background-size: contain; background-position: center; background-repeat: no-repeat;
height: 25px; width: 25px; margin-left: 10px;
position: absolute; right: 0px; top: 15px;
text-align: center;
}
.schema-faq-question{
font-size: 15px;
}
.schema-faq-section.active .schema-faq-question:after {
content: "" !important;
transform: rotate(180deg);
}
.schema-faq-section.active {
padding-bottom: 20px;
}
.schema-faq-answer {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.3s ease;
font-size: 15px;
color: var(--contrast-2);
}
.schema-faq-section.active .schema-faq-answer {
opacity: 1;
} .k-logos {
position: relative;
width: 100%;
background: #fff;
}
.k-logos__viewport {
overflow: hidden;
width: 100%;
}
.k-logos__track {
display: flex;
align-items: center;
width: max-content;
will-change: transform;
}
.k-logos__group {
display: flex;
align-items: center;
gap: 56px;
flex-shrink: 0;
padding-right: 56px;
}
.k-logos__group img {
height: 42px;
width: auto;
display: block;
object-fit: contain;
opacity: 0.95;
}
.k-logos__fade {
position: absolute;
top: 0;
bottom: 0;
width: 80px;
pointer-events: none;
z-index: 2;
}
.k-logos__fade--left {
left: 0;
background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
}
.k-logos__fade--right {
right: 0;
background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
}
@media (max-width: 768px) {
.k-logos__group {
gap: 32px;
padding-right: 32px;
}
.k-logos__group img {
height: 30px;
}
.k-logos__fade {
width: 40px;
}
} .linked-container, .blog .inside-article, .post-type-archive-cas-clients .inside-article {
position: relative;
}
.linked-container .link a:before, .linked-container .link:before, .blog .inside-article .entry-title a:before, .post-type-archive-cas-clients .inside-article .entry-title a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
}
.linked-container .link a, .blog .inside-article .entry-title a, .post-type-archive-cas-clients .inside-article .entry-title a {
text-decoration: none;
}
.link a {
text-decoration: none !important;
}
.grid-links>div:hover{
box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10);
}
.grid-links>div{
transition: all 0.3s ease;
} @media (min-width: 769px) {
.post-type-archive-cas-clients article {
width: 33% !important;
display: inline-flex !important;
}
}
@media (max-width: 768px) {
.post-type-archive-cas-clients article {
width: 100%;
display: inline-flex;
}
}
.post-type-archive-cas-clients article h2 {
font-size: 20px !important;
}
.post-type-archive-cas-clients .entry-summary:not(:first-child){
margin-top: 10px !important;	
font-size: 14px !important;
}
.post-type-archive-cas-clients .inside-article{
padding: 20px !important;
} .kpi{
border-bottom: 1px dashed rgba(111, 129, 154, 0.40) !important;
padding: 20px 0px;
} .blog .grid-container {
max-width: 1300px !important;
}
@media (min-width: 769px) {
.blog .post-image {
position: absolute;
left: 40px;
top: 40px;
}
.blog .inside-article  {
padding-left: 230px !important;
}
}
.blog h2.entry-title {
font-size: 23px;
}
.blog .entry-summary {
display: none;
}
.blog header.entry-header {
margin-top: 4px;
display: grid !important;
}
.blog header.entry-header {
border-bottom: 1px dashed rgba(111, 129, 154, 0.40);
min-height: 150px;
}
@media (min-width: 769px) {
} .single-post .grid-container {
max-width: var(--gb-container-width) !important;
}
.single-post .inside-article {
padding: 0px !important;
}
.single-post div#content {
margin: 3%;
gap: 7em;
}
.comments-area {
display: none;
}
input#gl-search, button#glossaryBtn {
display: none;
}
.cta-blog-1 {
background: var(--contrast) !important;
color: var(--base);
padding: 35px;
border-radius: 5px;
}
.cta-blog-1 h2{
font-size: 28px !important;
} @media (max-width: 768px) {
.footer-cta .hl{
font-size: 25px !important;
}
}
.footer-cta {
margin: 40px auto;
border-radius: 5px;
max-width: 1200px;
}
.footer-links:not(.subs) {
text-transform: none;
letter-spacing: normal;
color: var(--base) !important;
text-decoration: none;
font-weight: 400 !important;
margin-bottom: 10px !important;
}
.footer-links:not(.subs) a {
color: var(--base) !important;
text-decoration: none;
}
.btn-rs{
background: transparent !important;
padding: 10px !important;
} .error404 div#primary {
display: none;
}