.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}.post-hero {
position: relative;
z-index: 2;
display: flex;
}
.post-hero-img img {
display: block;
}
.post-hero-badge {
font-size: 11px;
color: rgb(var(--dark-rgb));
line-height: 20px;
}
.post-hero-badge .badge {
display: inline-block;
padding: 0 10px;
border-radius: 40px;
background-color: #E9E9E9;
}
.post-hero-title {
font-size: 24px;
font-weight: 300;
line-height: 150%;
color: rgb(var(--main-rgb));
}
.post-hero-content {
line-height: 133.33%;
font-weight: 300;
}
.post-hero-content-text {
margin: 32px 0 20px;
line-height: 162.5%;
}
.site-content h2,
.site-content h3 {
margin: 32px 0 20px;
font-weight: 300;
color: rgb(var(--main-rgb));
}
.site-content p + ul {
margin-top: 20px;
}
.site-content ul li {
margin-top: 12px;
}
.site-main {
padding: 30px 0 110px;
}
.post-meta {
margin-top: 20px;
}
.post-navigation {
margin: 40px 0 0;
display: grid;
grid-gap: 12px;
}
.post-navigation a {
text-decoration: none;
}
.wp-block-button.previous a {
padding: 0 10px 0 50px;
}
.wp-block-button.previous:not(.is-style-arrow-button) a::after {
right: auto;
left: 0;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 9"><path stroke="%23fff" stroke-linecap="square" stroke-linejoin="round" stroke-width="1.5" d="M7.741 7.838 1.355 1.452M7.741 1.097H1v7.096"/></svg>');
}
@media (min-width: 768px) {
.site-content {
background: url(//www.unova.net/wp-content/themes/imogis/img/bg_top_reference.svg) top right no-repeat, url(//www.unova.net/wp-content/themes/imogis/img/bg_bottom_reference.svg) bottom -120px left no-repeat;
}
.post-hero .container {
display: grid;
grid-gap: 32px;
grid-template-columns: repeat(12, 1fr);
}
.post-hero .container:before {
content: "";
display: block;
}
.post-hero-img {
order: -1;
align-self: flex-start;
grid-column: span 6;
border-left: 4px solid var(--wp--preset--color--tertiary-color);
}
.post-hero-img img {
aspect-ratio: 703 / 636;
object-fit: cover;
}
.post-hero-badge {
margin-bottom: 35px;
font-size: 14px;
line-height: 30px;
}
.post-hero-badge .badge {
padding: 0 20px;
}
.post-hero-content {
grid-column: span 5;
}
.post-hero-content-text {
margin: 40px 0 52px;
}
.post-hero-content-customer {
margin-bottom: 24px;
}
.wp-block-button.previous:not(.is-style-arrow-button) a {
padding: 0 32px 0 90px;
}
.wp-block-button.previous:not(.is-style-arrow-button) a:hover:after {
background-position: top 15px right 29px;
}
.post-navigation {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 767px) {
.apost-hero-content-title {
display: flex;
flex-direction: column;
justify-content: center;
height: 247px;
gap: 5px;
}
.post-hero-img {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 247px;
overflow: hidden;
}
.post-hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(1.5px);
opacity: 0.5;
}
.post-hero-content {
font-size: 18px;
}
.post-hero-content-title {
display: flex;
gap: 5px;
flex-direction: column;
min-height: 247px;
justify-content: center;
line-height: 150%;
}
}.post-hero {
background: url(//www.unova.net/wp-content/themes/imogis/img/bg_chiffre.svg) bottom left -40vw no-repeat;
background-size: 80vw auto;
}
.kpis {
margin: 42px 0 25px;
}
.kpis-grid {
display: grid;
}
.kpi {
position: relative;
}
.kpi:nth-child(3n + 2) {
transition: transform ease-in-out 0.8s 0.4s, opacity ease-in-out 0.8s 0.4s;
}
.kpi:nth-child(3n + 3) {
transition: transform ease-in-out 0.8s 0.8s, opacity ease-in-out 0.8s 0.8s;
}
.kpi input {
position: absolute;
top: 0;
opacity: 0;
}
.kpi .kpi-title {
margin: 0;
display: grid;
grid-gap: 15px;
grid-template-columns: 45px auto;
align-items: center;
}
.kpi label {
display: block;
padding: 20px 0;
font-size: 21px;
}
.post-hero-content-customer {
margin-bottom: 20px;
}
.post-hero-content-customer-title {
font-weight: 700;
}
.glide img {
border-bottom: 4px solid rgb(var(--secondary-rgb));
object-fit: cover;
}
.glide__bullets {
margin: 12px 0 42px;
padding: 10px;
display: flex;
justify-content: center;
gap: 12px;
}
@media (min-width: 768px) {
.post-hero {
background-position: bottom left -20vw;
background-size: 50vw auto;
}
.kpis {
margin: 160px 0 170px;
}
.kpis-grid {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 32px;
}
.kpis h2 {
margin-bottom: 60px;
}
.kpi svg {
display: none;
}
.kpi-content {
line-height: 162%;
}
.glide img {
aspect-ratio: 1440 / 588;
}
.glide__bullets {
margin: 20px 0 116px;
}
}
@media (max-width: 767px) {
.kpi {
border-bottom: 1px solid rgb(var(--main-rgb));
}
.kpi .kpi-title {
margin-top: 35px;
display: flex;
gap: 12px;
align-items: center;
}
.kpi .kpi-title img {
width: 32px;
height: 32px;
object-fit: contain;
}
.kpi-title span {
padding-right: 45px;
flex-grow: 1;
}
.kpi-content {
padding: 20px 0;
font-size: 18px;
font-weight: 300;
}
.glide img {
aspect-ratio: 358 / 225;
object-fit: cover;
}
}