Col 12 on mobile / 8 on tablet / 6 on desktop
Col 12 on mobile / 8 on tablet / 6 on desktop
***
*** ```
***
*** Unused generated style will be clean when compile with Purge CSS ( PurgeCSSPlugin)
*** See detail on webpack.config.js
***/
.grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid-gutter);
gap: var(--grid-gutter);
}
.col-1 {
grid-column-end: span 1;
}
.col-offset-1 {
grid-column-start: 2;
}
.row-1 {
grid-row-end: span 1;
}
.row-offset-1 {
grid-row-start: 2;
}
.col-2 {
grid-column-end: span 2;
}
.col-offset-2 {
grid-column-start: 3;
}
.row-2 {
grid-row-end: span 2;
}
.row-offset-2 {
grid-row-start: 3;
}
.col-3 {
grid-column-end: span 3;
}
.col-offset-3 {
grid-column-start: 4;
}
.row-3 {
grid-row-end: span 3;
}
.row-offset-3 {
grid-row-start: 4;
}
.col-4, .content-stats.flipped .-infographic, .content-image-quote .list {
grid-column-end: span 4;
}
.col-offset-4 {
grid-column-start: 5;
}
.row-4 {
grid-row-end: span 4;
}
.row-offset-4 {
grid-row-start: 5;
}
.col-5 {
grid-column-end: span 5;
}
.col-offset-5 {
grid-column-start: 6;
}
.row-5 {
grid-row-end: span 5;
}
.row-offset-5 {
grid-row-start: 6;
}
.col-6 {
grid-column-end: span 6;
}
.col-offset-6 {
grid-column-start: 7;
}
.row-6 {
grid-row-end: span 6;
}
.row-offset-6 {
grid-row-start: 7;
}
.col-7, .content-stats.flipped .-h6, .content-image-quote .text {
grid-column-end: span 7;
}
.col-offset-7 {
grid-column-start: 8;
}
.row-7 {
grid-row-end: span 7;
}
.row-offset-7 {
grid-row-start: 8;
}
.col-8 {
grid-column-end: span 8;
}
.col-offset-8 {
grid-column-start: 9;
}
.row-8 {
grid-row-end: span 8;
}
.row-offset-8 {
grid-row-start: 9;
}
.col-9 {
grid-column-end: span 9;
}
.col-offset-9 {
grid-column-start: 10;
}
.row-9 {
grid-row-end: span 9;
}
.row-offset-9 {
grid-row-start: 10;
}
.col-10 {
grid-column-end: span 10;
}
.col-offset-10 {
grid-column-start: 11;
}
.row-10 {
grid-row-end: span 10;
}
.row-offset-10 {
grid-row-start: 11;
}
.col-11 {
grid-column-end: span 11;
}
.col-offset-11 {
grid-column-start: 12;
}
.row-11 {
grid-row-end: span 11;
}
.row-offset-11 {
grid-row-start: 12;
}
.col-12 {
grid-column-end: span 12;
}
.col-offset-12 {
grid-column-start: 13;
}
.row-12 {
grid-row-end: span 12;
}
.row-offset-12 {
grid-row-start: 13;
}
@media (min-width: 319px) {
.col-m-min-1 {
grid-column-end: span 1;
}
.col-offset-m-min-1 {
grid-column-start: 2;
}
.row-m-min-1 {
grid-row-end: span 1;
}
.row-offset-m-min-1 {
grid-row-start: 2;
}
.col-m-min-2 {
grid-column-end: span 2;
}
.col-offset-m-min-2 {
grid-column-start: 3;
}
.row-m-min-2 {
grid-row-end: span 2;
}
.row-offset-m-min-2 {
grid-row-start: 3;
}
.col-m-min-3 {
grid-column-end: span 3;
}
.col-offset-m-min-3 {
grid-column-start: 4;
}
.row-m-min-3 {
grid-row-end: span 3;
}
.row-offset-m-min-3 {
grid-row-start: 4;
}
.col-m-min-4 {
grid-column-end: span 4;
}
.col-offset-m-min-4 {
grid-column-start: 5;
}
.row-m-min-4 {
grid-row-end: span 4;
}
.row-offset-m-min-4 {
grid-row-start: 5;
}
.col-m-min-5 {
grid-column-end: span 5;
}
.col-offset-m-min-5 {
grid-column-start: 6;
}
.row-m-min-5 {
grid-row-end: span 5;
}
.row-offset-m-min-5 {
grid-row-start: 6;
}
.col-m-min-6 {
grid-column-end: span 6;
}
.col-offset-m-min-6 {
grid-column-start: 7;
}
.row-m-min-6 {
grid-row-end: span 6;
}
.row-offset-m-min-6 {
grid-row-start: 7;
}
.col-m-min-7 {
grid-column-end: span 7;
}
.col-offset-m-min-7 {
grid-column-start: 8;
}
.row-m-min-7 {
grid-row-end: span 7;
}
.row-offset-m-min-7 {
grid-row-start: 8;
}
.col-m-min-8 {
grid-column-end: span 8;
}
.col-offset-m-min-8 {
grid-column-start: 9;
}
.row-m-min-8 {
grid-row-end: span 8;
}
.row-offset-m-min-8 {
grid-row-start: 9;
}
.col-m-min-9 {
grid-column-end: span 9;
}
.col-offset-m-min-9 {
grid-column-start: 10;
}
.row-m-min-9 {
grid-row-end: span 9;
}
.row-offset-m-min-9 {
grid-row-start: 10;
}
.col-m-min-10 {
grid-column-end: span 10;
}
.col-offset-m-min-10 {
grid-column-start: 11;
}
.row-m-min-10 {
grid-row-end: span 10;
}
.row-offset-m-min-10 {
grid-row-start: 11;
}
.col-m-min-11 {
grid-column-end: span 11;
}
.col-offset-m-min-11 {
grid-column-start: 12;
}
.row-m-min-11 {
grid-row-end: span 11;
}
.row-offset-m-min-11 {
grid-row-start: 12;
}
.col-m-min-12 {
grid-column-end: span 12;
}
.col-offset-m-min-12 {
grid-column-start: 13;
}
.row-m-min-12 {
grid-row-end: span 12;
}
.row-offset-m-min-12 {
grid-row-start: 13;
}
}
@media (min-width: 359px) {
.col-m-sm-1 {
grid-column-end: span 1;
}
.col-offset-m-sm-1 {
grid-column-start: 2;
}
.row-m-sm-1 {
grid-row-end: span 1;
}
.row-offset-m-sm-1 {
grid-row-start: 2;
}
.col-m-sm-2 {
grid-column-end: span 2;
}
.col-offset-m-sm-2 {
grid-column-start: 3;
}
.row-m-sm-2 {
grid-row-end: span 2;
}
.row-offset-m-sm-2 {
grid-row-start: 3;
}
.col-m-sm-3 {
grid-column-end: span 3;
}
.col-offset-m-sm-3 {
grid-column-start: 4;
}
.row-m-sm-3 {
grid-row-end: span 3;
}
.row-offset-m-sm-3 {
grid-row-start: 4;
}
.col-m-sm-4 {
grid-column-end: span 4;
}
.col-offset-m-sm-4 {
grid-column-start: 5;
}
.row-m-sm-4 {
grid-row-end: span 4;
}
.row-offset-m-sm-4 {
grid-row-start: 5;
}
.col-m-sm-5 {
grid-column-end: span 5;
}
.col-offset-m-sm-5 {
grid-column-start: 6;
}
.row-m-sm-5 {
grid-row-end: span 5;
}
.row-offset-m-sm-5 {
grid-row-start: 6;
}
.col-m-sm-6 {
grid-column-end: span 6;
}
.col-offset-m-sm-6 {
grid-column-start: 7;
}
.row-m-sm-6 {
grid-row-end: span 6;
}
.row-offset-m-sm-6 {
grid-row-start: 7;
}
.col-m-sm-7 {
grid-column-end: span 7;
}
.col-offset-m-sm-7 {
grid-column-start: 8;
}
.row-m-sm-7 {
grid-row-end: span 7;
}
.row-offset-m-sm-7 {
grid-row-start: 8;
}
.col-m-sm-8 {
grid-column-end: span 8;
}
.col-offset-m-sm-8 {
grid-column-start: 9;
}
.row-m-sm-8 {
grid-row-end: span 8;
}
.row-offset-m-sm-8 {
grid-row-start: 9;
}
.col-m-sm-9 {
grid-column-end: span 9;
}
.col-offset-m-sm-9 {
grid-column-start: 10;
}
.row-m-sm-9 {
grid-row-end: span 9;
}
.row-offset-m-sm-9 {
grid-row-start: 10;
}
.col-m-sm-10 {
grid-column-end: span 10;
}
.col-offset-m-sm-10 {
grid-column-start: 11;
}
.row-m-sm-10 {
grid-row-end: span 10;
}
.row-offset-m-sm-10 {
grid-row-start: 11;
}
.col-m-sm-11 {
grid-column-end: span 11;
}
.col-offset-m-sm-11 {
grid-column-start: 12;
}
.row-m-sm-11 {
grid-row-end: span 11;
}
.row-offset-m-sm-11 {
grid-row-start: 12;
}
.col-m-sm-12 {
grid-column-end: span 12;
}
.col-offset-m-sm-12 {
grid-column-start: 13;
}
.row-m-sm-12 {
grid-row-end: span 12;
}
.row-offset-m-sm-12 {
grid-row-start: 13;
}
}
@media (min-width: 419px) {
.col-m-1 {
grid-column-end: span 1;
}
.col-offset-m-1 {
grid-column-start: 2;
}
.row-m-1 {
grid-row-end: span 1;
}
.row-offset-m-1 {
grid-row-start: 2;
}
.col-m-2 {
grid-column-end: span 2;
}
.col-offset-m-2 {
grid-column-start: 3;
}
.row-m-2 {
grid-row-end: span 2;
}
.row-offset-m-2 {
grid-row-start: 3;
}
.col-m-3 {
grid-column-end: span 3;
}
.col-offset-m-3 {
grid-column-start: 4;
}
.row-m-3 {
grid-row-end: span 3;
}
.row-offset-m-3 {
grid-row-start: 4;
}
.col-m-4 {
grid-column-end: span 4;
}
.col-offset-m-4 {
grid-column-start: 5;
}
.row-m-4 {
grid-row-end: span 4;
}
.row-offset-m-4 {
grid-row-start: 5;
}
.col-m-5 {
grid-column-end: span 5;
}
.col-offset-m-5 {
grid-column-start: 6;
}
.row-m-5 {
grid-row-end: span 5;
}
.row-offset-m-5 {
grid-row-start: 6;
}
.col-m-6 {
grid-column-end: span 6;
}
.col-offset-m-6 {
grid-column-start: 7;
}
.row-m-6 {
grid-row-end: span 6;
}
.row-offset-m-6 {
grid-row-start: 7;
}
.col-m-7 {
grid-column-end: span 7;
}
.col-offset-m-7 {
grid-column-start: 8;
}
.row-m-7 {
grid-row-end: span 7;
}
.row-offset-m-7 {
grid-row-start: 8;
}
.col-m-8 {
grid-column-end: span 8;
}
.col-offset-m-8 {
grid-column-start: 9;
}
.row-m-8 {
grid-row-end: span 8;
}
.row-offset-m-8 {
grid-row-start: 9;
}
.col-m-9 {
grid-column-end: span 9;
}
.col-offset-m-9 {
grid-column-start: 10;
}
.row-m-9 {
grid-row-end: span 9;
}
.row-offset-m-9 {
grid-row-start: 10;
}
.col-m-10 {
grid-column-end: span 10;
}
.col-offset-m-10 {
grid-column-start: 11;
}
.row-m-10 {
grid-row-end: span 10;
}
.row-offset-m-10 {
grid-row-start: 11;
}
.col-m-11 {
grid-column-end: span 11;
}
.col-offset-m-11 {
grid-column-start: 12;
}
.row-m-11 {
grid-row-end: span 11;
}
.row-offset-m-11 {
grid-row-start: 12;
}
.col-m-12 {
grid-column-end: span 12;
}
.col-offset-m-12 {
grid-column-start: 13;
}
.row-m-12 {
grid-row-end: span 12;
}
.row-offset-m-12 {
grid-row-start: 13;
}
}
@media (min-width: 539px) {
.col-m-lg-1 {
grid-column-end: span 1;
}
.col-offset-m-lg-1 {
grid-column-start: 2;
}
.row-m-lg-1 {
grid-row-end: span 1;
}
.row-offset-m-lg-1 {
grid-row-start: 2;
}
.col-m-lg-2 {
grid-column-end: span 2;
}
.col-offset-m-lg-2 {
grid-column-start: 3;
}
.row-m-lg-2 {
grid-row-end: span 2;
}
.row-offset-m-lg-2 {
grid-row-start: 3;
}
.col-m-lg-3 {
grid-column-end: span 3;
}
.col-offset-m-lg-3 {
grid-column-start: 4;
}
.row-m-lg-3 {
grid-row-end: span 3;
}
.row-offset-m-lg-3 {
grid-row-start: 4;
}
.col-m-lg-4 {
grid-column-end: span 4;
}
.col-offset-m-lg-4 {
grid-column-start: 5;
}
.row-m-lg-4 {
grid-row-end: span 4;
}
.row-offset-m-lg-4 {
grid-row-start: 5;
}
.col-m-lg-5 {
grid-column-end: span 5;
}
.col-offset-m-lg-5 {
grid-column-start: 6;
}
.row-m-lg-5 {
grid-row-end: span 5;
}
.row-offset-m-lg-5 {
grid-row-start: 6;
}
.col-m-lg-6 {
grid-column-end: span 6;
}
.col-offset-m-lg-6 {
grid-column-start: 7;
}
.row-m-lg-6 {
grid-row-end: span 6;
}
.row-offset-m-lg-6 {
grid-row-start: 7;
}
.col-m-lg-7 {
grid-column-end: span 7;
}
.col-offset-m-lg-7 {
grid-column-start: 8;
}
.row-m-lg-7 {
grid-row-end: span 7;
}
.row-offset-m-lg-7 {
grid-row-start: 8;
}
.col-m-lg-8 {
grid-column-end: span 8;
}
.col-offset-m-lg-8 {
grid-column-start: 9;
}
.row-m-lg-8 {
grid-row-end: span 8;
}
.row-offset-m-lg-8 {
grid-row-start: 9;
}
.col-m-lg-9 {
grid-column-end: span 9;
}
.col-offset-m-lg-9 {
grid-column-start: 10;
}
.row-m-lg-9 {
grid-row-end: span 9;
}
.row-offset-m-lg-9 {
grid-row-start: 10;
}
.col-m-lg-10 {
grid-column-end: span 10;
}
.col-offset-m-lg-10 {
grid-column-start: 11;
}
.row-m-lg-10 {
grid-row-end: span 10;
}
.row-offset-m-lg-10 {
grid-row-start: 11;
}
.col-m-lg-11 {
grid-column-end: span 11;
}
.col-offset-m-lg-11 {
grid-column-start: 12;
}
.row-m-lg-11 {
grid-row-end: span 11;
}
.row-offset-m-lg-11 {
grid-row-start: 12;
}
.col-m-lg-12 {
grid-column-end: span 12;
}
.col-offset-m-lg-12 {
grid-column-start: 13;
}
.row-m-lg-12 {
grid-row-end: span 12;
}
.row-offset-m-lg-12 {
grid-row-start: 13;
}
}
@media (min-width: 599px) {
.col-t-sm-1 {
grid-column-end: span 1;
}
.col-offset-t-sm-1 {
grid-column-start: 2;
}
.row-t-sm-1 {
grid-row-end: span 1;
}
.row-offset-t-sm-1 {
grid-row-start: 2;
}
.col-t-sm-2 {
grid-column-end: span 2;
}
.col-offset-t-sm-2 {
grid-column-start: 3;
}
.row-t-sm-2 {
grid-row-end: span 2;
}
.row-offset-t-sm-2 {
grid-row-start: 3;
}
.col-t-sm-3 {
grid-column-end: span 3;
}
.col-offset-t-sm-3 {
grid-column-start: 4;
}
.row-t-sm-3 {
grid-row-end: span 3;
}
.row-offset-t-sm-3 {
grid-row-start: 4;
}
.col-t-sm-4 {
grid-column-end: span 4;
}
.col-offset-t-sm-4 {
grid-column-start: 5;
}
.row-t-sm-4 {
grid-row-end: span 4;
}
.row-offset-t-sm-4 {
grid-row-start: 5;
}
.col-t-sm-5 {
grid-column-end: span 5;
}
.col-offset-t-sm-5 {
grid-column-start: 6;
}
.row-t-sm-5 {
grid-row-end: span 5;
}
.row-offset-t-sm-5 {
grid-row-start: 6;
}
.col-t-sm-6 {
grid-column-end: span 6;
}
.col-offset-t-sm-6 {
grid-column-start: 7;
}
.row-t-sm-6 {
grid-row-end: span 6;
}
.row-offset-t-sm-6 {
grid-row-start: 7;
}
.col-t-sm-7 {
grid-column-end: span 7;
}
.col-offset-t-sm-7 {
grid-column-start: 8;
}
.row-t-sm-7 {
grid-row-end: span 7;
}
.row-offset-t-sm-7 {
grid-row-start: 8;
}
.col-t-sm-8 {
grid-column-end: span 8;
}
.col-offset-t-sm-8 {
grid-column-start: 9;
}
.row-t-sm-8 {
grid-row-end: span 8;
}
.row-offset-t-sm-8 {
grid-row-start: 9;
}
.col-t-sm-9 {
grid-column-end: span 9;
}
.col-offset-t-sm-9 {
grid-column-start: 10;
}
.row-t-sm-9 {
grid-row-end: span 9;
}
.row-offset-t-sm-9 {
grid-row-start: 10;
}
.col-t-sm-10 {
grid-column-end: span 10;
}
.col-offset-t-sm-10 {
grid-column-start: 11;
}
.row-t-sm-10 {
grid-row-end: span 10;
}
.row-offset-t-sm-10 {
grid-row-start: 11;
}
.col-t-sm-11 {
grid-column-end: span 11;
}
.col-offset-t-sm-11 {
grid-column-start: 12;
}
.row-t-sm-11 {
grid-row-end: span 11;
}
.row-offset-t-sm-11 {
grid-row-start: 12;
}
.col-t-sm-12 {
grid-column-end: span 12;
}
.col-offset-t-sm-12 {
grid-column-start: 13;
}
.row-t-sm-12 {
grid-row-end: span 12;
}
.row-offset-t-sm-12 {
grid-row-start: 13;
}
}
@media (min-width: 767px) {
.col-t-1 {
grid-column-end: span 1;
}
.col-offset-t-1 {
grid-column-start: 2;
}
.row-t-1 {
grid-row-end: span 1;
}
.row-offset-t-1 {
grid-row-start: 2;
}
.col-t-2 {
grid-column-end: span 2;
}
.col-offset-t-2 {
grid-column-start: 3;
}
.row-t-2 {
grid-row-end: span 2;
}
.row-offset-t-2 {
grid-row-start: 3;
}
.col-t-3 {
grid-column-end: span 3;
}
.col-offset-t-3 {
grid-column-start: 4;
}
.row-t-3 {
grid-row-end: span 3;
}
.row-offset-t-3 {
grid-row-start: 4;
}
.col-t-4 {
grid-column-end: span 4;
}
.col-offset-t-4 {
grid-column-start: 5;
}
.row-t-4 {
grid-row-end: span 4;
}
.row-offset-t-4 {
grid-row-start: 5;
}
.col-t-5 {
grid-column-end: span 5;
}
.col-offset-t-5 {
grid-column-start: 6;
}
.row-t-5 {
grid-row-end: span 5;
}
.row-offset-t-5 {
grid-row-start: 6;
}
.col-t-6 {
grid-column-end: span 6;
}
.col-offset-t-6 {
grid-column-start: 7;
}
.row-t-6 {
grid-row-end: span 6;
}
.row-offset-t-6 {
grid-row-start: 7;
}
.col-t-7 {
grid-column-end: span 7;
}
.col-offset-t-7 {
grid-column-start: 8;
}
.row-t-7 {
grid-row-end: span 7;
}
.row-offset-t-7 {
grid-row-start: 8;
}
.col-t-8 {
grid-column-end: span 8;
}
.col-offset-t-8 {
grid-column-start: 9;
}
.row-t-8 {
grid-row-end: span 8;
}
.row-offset-t-8 {
grid-row-start: 9;
}
.col-t-9 {
grid-column-end: span 9;
}
.col-offset-t-9 {
grid-column-start: 10;
}
.row-t-9 {
grid-row-end: span 9;
}
.row-offset-t-9 {
grid-row-start: 10;
}
.col-t-10 {
grid-column-end: span 10;
}
.col-offset-t-10 {
grid-column-start: 11;
}
.row-t-10 {
grid-row-end: span 10;
}
.row-offset-t-10 {
grid-row-start: 11;
}
.col-t-11 {
grid-column-end: span 11;
}
.col-offset-t-11 {
grid-column-start: 12;
}
.row-t-11 {
grid-row-end: span 11;
}
.row-offset-t-11 {
grid-row-start: 12;
}
.col-t-12 {
grid-column-end: span 12;
}
.col-offset-t-12 {
grid-column-start: 13;
}
.row-t-12 {
grid-row-end: span 12;
}
.row-offset-t-12 {
grid-row-start: 13;
}
}
@media (min-width: 991px) {
.col-t-lg-1 {
grid-column-end: span 1;
}
.col-offset-t-lg-1 {
grid-column-start: 2;
}
.row-t-lg-1 {
grid-row-end: span 1;
}
.row-offset-t-lg-1 {
grid-row-start: 2;
}
.col-t-lg-2 {
grid-column-end: span 2;
}
.col-offset-t-lg-2 {
grid-column-start: 3;
}
.row-t-lg-2 {
grid-row-end: span 2;
}
.row-offset-t-lg-2 {
grid-row-start: 3;
}
.col-t-lg-3 {
grid-column-end: span 3;
}
.col-offset-t-lg-3 {
grid-column-start: 4;
}
.row-t-lg-3 {
grid-row-end: span 3;
}
.row-offset-t-lg-3 {
grid-row-start: 4;
}
.col-t-lg-4 {
grid-column-end: span 4;
}
.col-offset-t-lg-4 {
grid-column-start: 5;
}
.row-t-lg-4 {
grid-row-end: span 4;
}
.row-offset-t-lg-4 {
grid-row-start: 5;
}
.col-t-lg-5 {
grid-column-end: span 5;
}
.col-offset-t-lg-5 {
grid-column-start: 6;
}
.row-t-lg-5 {
grid-row-end: span 5;
}
.row-offset-t-lg-5 {
grid-row-start: 6;
}
.col-t-lg-6 {
grid-column-end: span 6;
}
.col-offset-t-lg-6 {
grid-column-start: 7;
}
.row-t-lg-6 {
grid-row-end: span 6;
}
.row-offset-t-lg-6 {
grid-row-start: 7;
}
.col-t-lg-7 {
grid-column-end: span 7;
}
.col-offset-t-lg-7 {
grid-column-start: 8;
}
.row-t-lg-7 {
grid-row-end: span 7;
}
.row-offset-t-lg-7 {
grid-row-start: 8;
}
.col-t-lg-8 {
grid-column-end: span 8;
}
.col-offset-t-lg-8 {
grid-column-start: 9;
}
.row-t-lg-8 {
grid-row-end: span 8;
}
.row-offset-t-lg-8 {
grid-row-start: 9;
}
.col-t-lg-9 {
grid-column-end: span 9;
}
.col-offset-t-lg-9 {
grid-column-start: 10;
}
.row-t-lg-9 {
grid-row-end: span 9;
}
.row-offset-t-lg-9 {
grid-row-start: 10;
}
.col-t-lg-10 {
grid-column-end: span 10;
}
.col-offset-t-lg-10 {
grid-column-start: 11;
}
.row-t-lg-10 {
grid-row-end: span 10;
}
.row-offset-t-lg-10 {
grid-row-start: 11;
}
.col-t-lg-11 {
grid-column-end: span 11;
}
.col-offset-t-lg-11 {
grid-column-start: 12;
}
.row-t-lg-11 {
grid-row-end: span 11;
}
.row-offset-t-lg-11 {
grid-row-start: 12;
}
.col-t-lg-12 {
grid-column-end: span 12;
}
.col-offset-t-lg-12 {
grid-column-start: 13;
}
.row-t-lg-12 {
grid-row-end: span 12;
}
.row-offset-t-lg-12 {
grid-row-start: 13;
}
}
@media (min-width: 1023px) {
.col-t-max-1 {
grid-column-end: span 1;
}
.col-offset-t-max-1 {
grid-column-start: 2;
}
.row-t-max-1 {
grid-row-end: span 1;
}
.row-offset-t-max-1 {
grid-row-start: 2;
}
.col-t-max-2 {
grid-column-end: span 2;
}
.col-offset-t-max-2 {
grid-column-start: 3;
}
.row-t-max-2 {
grid-row-end: span 2;
}
.row-offset-t-max-2 {
grid-row-start: 3;
}
.col-t-max-3 {
grid-column-end: span 3;
}
.col-offset-t-max-3 {
grid-column-start: 4;
}
.row-t-max-3 {
grid-row-end: span 3;
}
.row-offset-t-max-3 {
grid-row-start: 4;
}
.col-t-max-4 {
grid-column-end: span 4;
}
.col-offset-t-max-4 {
grid-column-start: 5;
}
.row-t-max-4 {
grid-row-end: span 4;
}
.row-offset-t-max-4 {
grid-row-start: 5;
}
.col-t-max-5 {
grid-column-end: span 5;
}
.col-offset-t-max-5 {
grid-column-start: 6;
}
.row-t-max-5 {
grid-row-end: span 5;
}
.row-offset-t-max-5 {
grid-row-start: 6;
}
.col-t-max-6 {
grid-column-end: span 6;
}
.col-offset-t-max-6 {
grid-column-start: 7;
}
.row-t-max-6 {
grid-row-end: span 6;
}
.row-offset-t-max-6 {
grid-row-start: 7;
}
.col-t-max-7 {
grid-column-end: span 7;
}
.col-offset-t-max-7 {
grid-column-start: 8;
}
.row-t-max-7 {
grid-row-end: span 7;
}
.row-offset-t-max-7 {
grid-row-start: 8;
}
.col-t-max-8 {
grid-column-end: span 8;
}
.col-offset-t-max-8 {
grid-column-start: 9;
}
.row-t-max-8 {
grid-row-end: span 8;
}
.row-offset-t-max-8 {
grid-row-start: 9;
}
.col-t-max-9 {
grid-column-end: span 9;
}
.col-offset-t-max-9 {
grid-column-start: 10;
}
.row-t-max-9 {
grid-row-end: span 9;
}
.row-offset-t-max-9 {
grid-row-start: 10;
}
.col-t-max-10 {
grid-column-end: span 10;
}
.col-offset-t-max-10 {
grid-column-start: 11;
}
.row-t-max-10 {
grid-row-end: span 10;
}
.row-offset-t-max-10 {
grid-row-start: 11;
}
.col-t-max-11 {
grid-column-end: span 11;
}
.col-offset-t-max-11 {
grid-column-start: 12;
}
.row-t-max-11 {
grid-row-end: span 11;
}
.row-offset-t-max-11 {
grid-row-start: 12;
}
.col-t-max-12 {
grid-column-end: span 12;
}
.col-offset-t-max-12 {
grid-column-start: 13;
}
.row-t-max-12 {
grid-row-end: span 12;
}
.row-offset-t-max-12 {
grid-row-start: 13;
}
}
@media (min-width: 1279px) {
.col-d-sm-1 {
grid-column-end: span 1;
}
.col-offset-d-sm-1 {
grid-column-start: 2;
}
.row-d-sm-1 {
grid-row-end: span 1;
}
.row-offset-d-sm-1 {
grid-row-start: 2;
}
.col-d-sm-2 {
grid-column-end: span 2;
}
.col-offset-d-sm-2 {
grid-column-start: 3;
}
.row-d-sm-2 {
grid-row-end: span 2;
}
.row-offset-d-sm-2 {
grid-row-start: 3;
}
.col-d-sm-3 {
grid-column-end: span 3;
}
.col-offset-d-sm-3 {
grid-column-start: 4;
}
.row-d-sm-3 {
grid-row-end: span 3;
}
.row-offset-d-sm-3 {
grid-row-start: 4;
}
.col-d-sm-4 {
grid-column-end: span 4;
}
.col-offset-d-sm-4 {
grid-column-start: 5;
}
.row-d-sm-4 {
grid-row-end: span 4;
}
.row-offset-d-sm-4 {
grid-row-start: 5;
}
.col-d-sm-5 {
grid-column-end: span 5;
}
.col-offset-d-sm-5 {
grid-column-start: 6;
}
.row-d-sm-5 {
grid-row-end: span 5;
}
.row-offset-d-sm-5 {
grid-row-start: 6;
}
.col-d-sm-6 {
grid-column-end: span 6;
}
.col-offset-d-sm-6 {
grid-column-start: 7;
}
.row-d-sm-6 {
grid-row-end: span 6;
}
.row-offset-d-sm-6 {
grid-row-start: 7;
}
.col-d-sm-7 {
grid-column-end: span 7;
}
.col-offset-d-sm-7 {
grid-column-start: 8;
}
.row-d-sm-7 {
grid-row-end: span 7;
}
.row-offset-d-sm-7 {
grid-row-start: 8;
}
.col-d-sm-8 {
grid-column-end: span 8;
}
.col-offset-d-sm-8 {
grid-column-start: 9;
}
.row-d-sm-8 {
grid-row-end: span 8;
}
.row-offset-d-sm-8 {
grid-row-start: 9;
}
.col-d-sm-9 {
grid-column-end: span 9;
}
.col-offset-d-sm-9 {
grid-column-start: 10;
}
.row-d-sm-9 {
grid-row-end: span 9;
}
.row-offset-d-sm-9 {
grid-row-start: 10;
}
.col-d-sm-10 {
grid-column-end: span 10;
}
.col-offset-d-sm-10 {
grid-column-start: 11;
}
.row-d-sm-10 {
grid-row-end: span 10;
}
.row-offset-d-sm-10 {
grid-row-start: 11;
}
.col-d-sm-11 {
grid-column-end: span 11;
}
.col-offset-d-sm-11 {
grid-column-start: 12;
}
.row-d-sm-11 {
grid-row-end: span 11;
}
.row-offset-d-sm-11 {
grid-row-start: 12;
}
.col-d-sm-12 {
grid-column-end: span 12;
}
.col-offset-d-sm-12 {
grid-column-start: 13;
}
.row-d-sm-12 {
grid-row-end: span 12;
}
.row-offset-d-sm-12 {
grid-row-start: 13;
}
}
@media (min-width: 1439px) {
.col-d-1 {
grid-column-end: span 1;
}
.col-offset-d-1 {
grid-column-start: 2;
}
.row-d-1 {
grid-row-end: span 1;
}
.row-offset-d-1 {
grid-row-start: 2;
}
.col-d-2 {
grid-column-end: span 2;
}
.col-offset-d-2 {
grid-column-start: 3;
}
.row-d-2 {
grid-row-end: span 2;
}
.row-offset-d-2 {
grid-row-start: 3;
}
.col-d-3 {
grid-column-end: span 3;
}
.col-offset-d-3 {
grid-column-start: 4;
}
.row-d-3 {
grid-row-end: span 3;
}
.row-offset-d-3 {
grid-row-start: 4;
}
.col-d-4 {
grid-column-end: span 4;
}
.col-offset-d-4 {
grid-column-start: 5;
}
.row-d-4 {
grid-row-end: span 4;
}
.row-offset-d-4 {
grid-row-start: 5;
}
.col-d-5 {
grid-column-end: span 5;
}
.col-offset-d-5 {
grid-column-start: 6;
}
.row-d-5 {
grid-row-end: span 5;
}
.row-offset-d-5 {
grid-row-start: 6;
}
.col-d-6 {
grid-column-end: span 6;
}
.col-offset-d-6 {
grid-column-start: 7;
}
.row-d-6 {
grid-row-end: span 6;
}
.row-offset-d-6 {
grid-row-start: 7;
}
.col-d-7 {
grid-column-end: span 7;
}
.col-offset-d-7 {
grid-column-start: 8;
}
.row-d-7 {
grid-row-end: span 7;
}
.row-offset-d-7 {
grid-row-start: 8;
}
.col-d-8 {
grid-column-end: span 8;
}
.col-offset-d-8 {
grid-column-start: 9;
}
.row-d-8 {
grid-row-end: span 8;
}
.row-offset-d-8 {
grid-row-start: 9;
}
.col-d-9 {
grid-column-end: span 9;
}
.col-offset-d-9 {
grid-column-start: 10;
}
.row-d-9 {
grid-row-end: span 9;
}
.row-offset-d-9 {
grid-row-start: 10;
}
.col-d-10 {
grid-column-end: span 10;
}
.col-offset-d-10 {
grid-column-start: 11;
}
.row-d-10 {
grid-row-end: span 10;
}
.row-offset-d-10 {
grid-row-start: 11;
}
.col-d-11 {
grid-column-end: span 11;
}
.col-offset-d-11 {
grid-column-start: 12;
}
.row-d-11 {
grid-row-end: span 11;
}
.row-offset-d-11 {
grid-row-start: 12;
}
.col-d-12 {
grid-column-end: span 12;
}
.col-offset-d-12 {
grid-column-start: 13;
}
.row-d-12 {
grid-row-end: span 12;
}
.row-offset-d-12 {
grid-row-start: 13;
}
}
@media (min-width: 1599px) {
.col-d-lg-1 {
grid-column-end: span 1;
}
.col-offset-d-lg-1 {
grid-column-start: 2;
}
.row-d-lg-1 {
grid-row-end: span 1;
}
.row-offset-d-lg-1 {
grid-row-start: 2;
}
.col-d-lg-2 {
grid-column-end: span 2;
}
.col-offset-d-lg-2 {
grid-column-start: 3;
}
.row-d-lg-2 {
grid-row-end: span 2;
}
.row-offset-d-lg-2 {
grid-row-start: 3;
}
.col-d-lg-3 {
grid-column-end: span 3;
}
.col-offset-d-lg-3 {
grid-column-start: 4;
}
.row-d-lg-3 {
grid-row-end: span 3;
}
.row-offset-d-lg-3 {
grid-row-start: 4;
}
.col-d-lg-4 {
grid-column-end: span 4;
}
.col-offset-d-lg-4 {
grid-column-start: 5;
}
.row-d-lg-4 {
grid-row-end: span 4;
}
.row-offset-d-lg-4 {
grid-row-start: 5;
}
.col-d-lg-5 {
grid-column-end: span 5;
}
.col-offset-d-lg-5 {
grid-column-start: 6;
}
.row-d-lg-5 {
grid-row-end: span 5;
}
.row-offset-d-lg-5 {
grid-row-start: 6;
}
.col-d-lg-6 {
grid-column-end: span 6;
}
.col-offset-d-lg-6 {
grid-column-start: 7;
}
.row-d-lg-6 {
grid-row-end: span 6;
}
.row-offset-d-lg-6 {
grid-row-start: 7;
}
.col-d-lg-7 {
grid-column-end: span 7;
}
.col-offset-d-lg-7 {
grid-column-start: 8;
}
.row-d-lg-7 {
grid-row-end: span 7;
}
.row-offset-d-lg-7 {
grid-row-start: 8;
}
.col-d-lg-8 {
grid-column-end: span 8;
}
.col-offset-d-lg-8 {
grid-column-start: 9;
}
.row-d-lg-8 {
grid-row-end: span 8;
}
.row-offset-d-lg-8 {
grid-row-start: 9;
}
.col-d-lg-9 {
grid-column-end: span 9;
}
.col-offset-d-lg-9 {
grid-column-start: 10;
}
.row-d-lg-9 {
grid-row-end: span 9;
}
.row-offset-d-lg-9 {
grid-row-start: 10;
}
.col-d-lg-10 {
grid-column-end: span 10;
}
.col-offset-d-lg-10 {
grid-column-start: 11;
}
.row-d-lg-10 {
grid-row-end: span 10;
}
.row-offset-d-lg-10 {
grid-row-start: 11;
}
.col-d-lg-11 {
grid-column-end: span 11;
}
.col-offset-d-lg-11 {
grid-column-start: 12;
}
.row-d-lg-11 {
grid-row-end: span 11;
}
.row-offset-d-lg-11 {
grid-row-start: 12;
}
.col-d-lg-12 {
grid-column-end: span 12;
}
.col-offset-d-lg-12 {
grid-column-start: 13;
}
.row-d-lg-12 {
grid-row-end: span 12;
}
.row-offset-d-lg-12 {
grid-row-start: 13;
}
}
@media (min-width: 1919px) {
.col-d-xlg-1 {
grid-column-end: span 1;
}
.col-offset-d-xlg-1 {
grid-column-start: 2;
}
.row-d-xlg-1 {
grid-row-end: span 1;
}
.row-offset-d-xlg-1 {
grid-row-start: 2;
}
.col-d-xlg-2 {
grid-column-end: span 2;
}
.col-offset-d-xlg-2 {
grid-column-start: 3;
}
.row-d-xlg-2 {
grid-row-end: span 2;
}
.row-offset-d-xlg-2 {
grid-row-start: 3;
}
.col-d-xlg-3 {
grid-column-end: span 3;
}
.col-offset-d-xlg-3 {
grid-column-start: 4;
}
.row-d-xlg-3 {
grid-row-end: span 3;
}
.row-offset-d-xlg-3 {
grid-row-start: 4;
}
.col-d-xlg-4 {
grid-column-end: span 4;
}
.col-offset-d-xlg-4 {
grid-column-start: 5;
}
.row-d-xlg-4 {
grid-row-end: span 4;
}
.row-offset-d-xlg-4 {
grid-row-start: 5;
}
.col-d-xlg-5 {
grid-column-end: span 5;
}
.col-offset-d-xlg-5 {
grid-column-start: 6;
}
.row-d-xlg-5 {
grid-row-end: span 5;
}
.row-offset-d-xlg-5 {
grid-row-start: 6;
}
.col-d-xlg-6 {
grid-column-end: span 6;
}
.col-offset-d-xlg-6 {
grid-column-start: 7;
}
.row-d-xlg-6 {
grid-row-end: span 6;
}
.row-offset-d-xlg-6 {
grid-row-start: 7;
}
.col-d-xlg-7 {
grid-column-end: span 7;
}
.col-offset-d-xlg-7 {
grid-column-start: 8;
}
.row-d-xlg-7 {
grid-row-end: span 7;
}
.row-offset-d-xlg-7 {
grid-row-start: 8;
}
.col-d-xlg-8 {
grid-column-end: span 8;
}
.col-offset-d-xlg-8 {
grid-column-start: 9;
}
.row-d-xlg-8 {
grid-row-end: span 8;
}
.row-offset-d-xlg-8 {
grid-row-start: 9;
}
.col-d-xlg-9 {
grid-column-end: span 9;
}
.col-offset-d-xlg-9 {
grid-column-start: 10;
}
.row-d-xlg-9 {
grid-row-end: span 9;
}
.row-offset-d-xlg-9 {
grid-row-start: 10;
}
.col-d-xlg-10 {
grid-column-end: span 10;
}
.col-offset-d-xlg-10 {
grid-column-start: 11;
}
.row-d-xlg-10 {
grid-row-end: span 10;
}
.row-offset-d-xlg-10 {
grid-row-start: 11;
}
.col-d-xlg-11 {
grid-column-end: span 11;
}
.col-offset-d-xlg-11 {
grid-column-start: 12;
}
.row-d-xlg-11 {
grid-row-end: span 11;
}
.row-offset-d-xlg-11 {
grid-row-start: 12;
}
.col-d-xlg-12 {
grid-column-end: span 12;
}
.col-offset-d-xlg-12 {
grid-column-start: 13;
}
.row-d-xlg-12 {
grid-row-end: span 12;
}
.row-offset-d-xlg-12 {
grid-row-start: 13;
}
}
@media (min-width: 2559px) {
.col-d-xxlg-1 {
grid-column-end: span 1;
}
.col-offset-d-xxlg-1 {
grid-column-start: 2;
}
.row-d-xxlg-1 {
grid-row-end: span 1;
}
.row-offset-d-xxlg-1 {
grid-row-start: 2;
}
.col-d-xxlg-2 {
grid-column-end: span 2;
}
.col-offset-d-xxlg-2 {
grid-column-start: 3;
}
.row-d-xxlg-2 {
grid-row-end: span 2;
}
.row-offset-d-xxlg-2 {
grid-row-start: 3;
}
.col-d-xxlg-3 {
grid-column-end: span 3;
}
.col-offset-d-xxlg-3 {
grid-column-start: 4;
}
.row-d-xxlg-3 {
grid-row-end: span 3;
}
.row-offset-d-xxlg-3 {
grid-row-start: 4;
}
.col-d-xxlg-4 {
grid-column-end: span 4;
}
.col-offset-d-xxlg-4 {
grid-column-start: 5;
}
.row-d-xxlg-4 {
grid-row-end: span 4;
}
.row-offset-d-xxlg-4 {
grid-row-start: 5;
}
.col-d-xxlg-5 {
grid-column-end: span 5;
}
.col-offset-d-xxlg-5 {
grid-column-start: 6;
}
.row-d-xxlg-5 {
grid-row-end: span 5;
}
.row-offset-d-xxlg-5 {
grid-row-start: 6;
}
.col-d-xxlg-6 {
grid-column-end: span 6;
}
.col-offset-d-xxlg-6 {
grid-column-start: 7;
}
.row-d-xxlg-6 {
grid-row-end: span 6;
}
.row-offset-d-xxlg-6 {
grid-row-start: 7;
}
.col-d-xxlg-7 {
grid-column-end: span 7;
}
.col-offset-d-xxlg-7 {
grid-column-start: 8;
}
.row-d-xxlg-7 {
grid-row-end: span 7;
}
.row-offset-d-xxlg-7 {
grid-row-start: 8;
}
.col-d-xxlg-8 {
grid-column-end: span 8;
}
.col-offset-d-xxlg-8 {
grid-column-start: 9;
}
.row-d-xxlg-8 {
grid-row-end: span 8;
}
.row-offset-d-xxlg-8 {
grid-row-start: 9;
}
.col-d-xxlg-9 {
grid-column-end: span 9;
}
.col-offset-d-xxlg-9 {
grid-column-start: 10;
}
.row-d-xxlg-9 {
grid-row-end: span 9;
}
.row-offset-d-xxlg-9 {
grid-row-start: 10;
}
.col-d-xxlg-10 {
grid-column-end: span 10;
}
.col-offset-d-xxlg-10 {
grid-column-start: 11;
}
.row-d-xxlg-10 {
grid-row-end: span 10;
}
.row-offset-d-xxlg-10 {
grid-row-start: 11;
}
.col-d-xxlg-11 {
grid-column-end: span 11;
}
.col-offset-d-xxlg-11 {
grid-column-start: 12;
}
.row-d-xxlg-11 {
grid-row-end: span 11;
}
.row-offset-d-xxlg-11 {
grid-row-start: 12;
}
.col-d-xxlg-12 {
grid-column-end: span 12;
}
.col-offset-d-xxlg-12 {
grid-column-start: 13;
}
.row-d-xxlg-12 {
grid-row-end: span 12;
}
.row-offset-d-xxlg-12 {
grid-row-start: 13;
}
}
/**
* This file contains code related to typography - titles, paragraphs, text modifiers, etc
*/
h1, .-h1, h2, .-h2 {
font-family: var(--font-title);
color: var(--color-title);
}
h3, .-h3, h4, .-h4, .single-projects .project-content h2, .single-projects .project-content .-h2, .post-navigation .post .inner a, h5, .-h5, h6, .gutenberg .wp-block-table thead th, .-h6 {
font-family: var(--font-title);
color: var(--color-title-2);
}
h1, .-h1 {
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
font-weight: 700;
text-transform: uppercase;
margin: clamp(20px, 40 / 1600 * 100vw, 40 / 1600 * 100vw) 0;
}
h1.-huge, .-huge.-h1 {
font-size: var(--font-size-h1-huge);
line-height: var(--line-height-h1-huge);
letter-spacing: -3px;
font-weight: 700;
}
h1.-blog, .-blog.-h1 {
font-size: var(--font-size-h1-blog);
line-height: normal;
font-weight: 400;
letter-spacing: -1.28px;
text-transform: none;
text-align: center;
}
h2, .-h2 {
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
font-weight: 700;
text-transform: uppercase;
margin: clamp(40px, 70 / 1600 * 100vw, 70 / 1600 * 100vw) 0;
}
h2.-huge, .-huge.-h2 {
font-size: var(--font-size-h1-huge);
line-height: var(--line-height-h1-huge);
}
h2.-large, .gutenberg .banner-slider h2.wp-block-heading, .-large.-h2, .content-localisation a.-h2.clean, .content-localisation .right > p.-h2, .gutenberg .banner-slider .-h2.wp-block-heading {
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
}
h2.-small, .-small.-h2, .gform_wrapper.gravity-theme .gfield .ginput_container input.-h2, .gform_wrapper.gravity-theme .gfield .ginput_container select.-h2, .gform_wrapper.gravity-theme .gfield .ginput_container textarea.-h2 {
font-size: var(--font-size-h2-small);
line-height: var(--line-height-h2-small);
font-weight: 500;
}
h3, .-h3 {
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
letter-spacing: -0.8px;
margin: clamp(30px, 50 / 1600 * 100vw, 50 / 1600 * 100vw) 0;
font-weight: 400;
}
h4, .-h4, .single-projects .project-content h2, .single-projects .project-content .-h2, .post-navigation .post .inner a {
font-size: var(--font-size-h4);
line-height: var(--line-height-h4);
letter-spacing: -1px;
margin: clamp(20px, 32 / 1600 * 100vw, 32 / 1600 * 100vw) 0;
font-weight: 400;
}
h5, .-h5 {
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
letter-spacing: -1px;
margin: clamp(20px, 32 / 1600 * 100vw, 32 / 1600 * 100vw) 0;
font-weight: 400;
}
h6, .gutenberg .wp-block-table thead th, .-h6 {
font-size: var(--font-size-h6);
line-height: var(--line-height-h6);
margin: clamp(20px, 32 / 1600 * 100vw, 32 / 1600 * 100vw) 0;
font-weight: 400;
}
.h2-small, .single-post h2, .single-post .-h2 {
font-size: var(--font-size-h2-small);
line-height: var(--line-height-h2-small);
font-weight: 500;
}
.h3-small, .single-post h3, .single-post .-h3 {
font-size: var(--font-size-h3-small);
line-height: var(--line-height-h3-small);
letter-spacing: -0.8px;
}
.-large, .content-localisation a.clean, .content-localisation .right > p, .gutenberg .banner-slider .wp-block-heading {
font-size: var(--font-size-large);
line-height: var(--line-height-large);
}
.-normal, .single-projects .project-content p, .single-projects .project-content ul, .content-slider .swiper-slide .text, .share-post .back-button a {
font-size: var(--font-size-body);
line-height: var(--line-height-body);
}
.-small, .gform_wrapper.gravity-theme .gfield .ginput_container input, .gform_wrapper.gravity-theme .gfield .ginput_container select, .gform_wrapper.gravity-theme .gfield .ginput_container textarea {
font-size: var(--font-size-small);
line-height: var(--line-height-small);
}
.-cta {
font-size: var(--font-size-cta);
line-height: var(--line-height-cta);
text-transform: uppercase;
}
.-cta-large {
font-size: var(--font-size-cta-large);
line-height: var(--line-height-cta-large);
letter-spacing: 0.5px;
font-weight: 700;
text-transform: uppercase;
}
.-tag {
font-size: var(--font-size-tag);
line-height: var(--line-height-tag);
font-weight: 600;
letter-spacing: 0.5px;
font-family: var(--font-title);
}
.-tag-large {
font-size: var(--font-size-tag-large);
line-height: var(--line-height-tag-large);
font-weight: 600;
text-transform: uppercase;
font-family: var(--font-title);
letter-spacing: 0.5px;
}
.-reverse-bg {
--color-text: #271A19;
--color-title: #271A19;
--color-title-2: #271A19;
--color-bg: #F4F2F2;
--color-header: #FFF;
}
.-reverse-bg footer {
background-color: #001F2C;
}
.-intro {
font-size: clamp(24px, 36 / 1440 * 100vw, 36 / 1440 * 100vw);
line-height: clamp(40px, 52 / 1440 * 100vw, 52 / 1440 * 100vw);
}
.-eyebrows {
font-size: clamp(14px, 15 / 1440 * 100vw, 15 / 1440 * 100vw);
line-height: clamp(18px, 20 / 1440 * 100vw, 20 / 1440 * 100vw);
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #BFB1AC;
}
.-infographic {
font-size: clamp(50px, 90 / 1600 * 100vw, 90 / 1600 * 100vw) !important;
line-height: clamp(50px, 72 / 1440 * 100vw, 72 / 1440 * 100vw) !important;
font-weight: 500;
text-transform: uppercase;
letter-spacing: -4px;
font-family: var(--font-title);
}
/**
* This file contains code that overrides gutenberg blocks in admin and on pages
* Gutenberg style must be inside theme.json :
* https://developer.wordpress.org/block-editor/how-to-guides/themes/global-settings-and-styles/
* --------------------------------------------
* But can be override here if necessary
*/
.gutenberg {
--wp--style--global--content-size: 100%;
/**** Block Youtube ****/
}
.gutenberg .joins-us.wp-block-columns .gform_wrapper.gravity-theme {
margin: 0 !important;
}
@media (max-width: 992px) {
.gutenberg .joins-us.wp-block-columns {
flex-direction: column;
}
}
.gutenberg .nos-retombee h6, .gutenberg .nos-retombee .wp-block-table thead th, .gutenberg .wp-block-table thead .nos-retombee th, .gutenberg .nos-retombee .-h6 {
margin-bottom: 0;
}
.gutenberg .nos-retombee img {
border-radius: 0 !important;
}
@media (max-width: 992px) {
.gutenberg .nos-retombee.wp-block-columns {
flex-direction: column !important;
}
}
.gutenberg .wp-block-image a:after {
display: none !important;
}
.gutenberg .wp-block-image.no-radius img {
border-radius: 0;
}
.gutenberg p > a {
color: #0BBBEF;
text-decoration: underline;
font-weight: 400;
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
}
.gutenberg p > a[target=_blank]::after {
font-size: 12px !important;
margin-left: 5px !important;
margin-right: 3px !important;
}
.gutenberg p > a:hover {
color: #0197C4;
}
.gutenberg .wp-block-heading {
margin-block-end: revert;
}
@media (max-width: 992px) {
.gutenberg .has-text-align-center.has-large-font-size, .gutenberg .has-text-align-center.has-intro-font-size {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.gutenberg .is-vertically-aligned-stretch .wp-block-image, .gutenberg .is-vertically-aligned-stretch img {
height: 100%;
object-fit: cover;
}
.gutenberg ul, .gutenberg ol {
list-style: initial;
padding: 0 1.5em;
}
.gutenberg ul li, .gutenberg ol li {
margin: 0.8em 0;
}
.gutenberg ul li::marker, .gutenberg ol li::marker {
color: #F4F2F2;
font-size: 20px;
}
.gutenberg ol {
list-style: number;
}
.gutenberg .wp-block-columns {
margin-top: clamp(40px, 80 / 1440 * 100vw, 80 / 1440 * 100vw);
margin-bottom: clamp(40px, 80 / 1440 * 100vw, 80 / 1440 * 100vw);
}
@media (max-width: 1280px) and (min-width: 781px) {
.gutenberg .wp-columns-break-early {
flex-wrap: wrap !important;
}
.gutenberg .wp-columns-break-early .wp-block-column {
flex-basis: 40% !important;
}
}
.gutenberg .wp-block-embed-youtube {
margin: 0px auto;
}
.gutenberg .wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.gutenberg .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1500px) {
.gutenberg .wp-block-embed-youtube {
max-width: 992px;
}
}
.gutenberg .has-large-font-size {
line-height: var(--line-height-large);
}
.gutenberg .has-medium-font-size {
line-height: var(--line-height-body);
}
.gutenberg .has-small-font-size {
line-height: var(--line-height-small);
}
.gutenberg .has-intro-font-size {
line-height: var(--line-height-intro);
}
.gutenberg .wp-block-table table {
border-radius: 12px;
overflow: hidden;
}
.gutenberg .wp-block-table td, .gutenberg .wp-block-table th {
border: none;
padding: clamp(10px, 20 / 1440 * 100vw, 20 / 1440 * 100vw);
font-size: clamp(14px, 16 / 1440 * 100vw, 16 / 1440 * 100vw);
line-height: clamp(18px, 24 / 1440 * 100vw, 24 / 1440 * 100vw);
}
.gutenberg .wp-block-table tr th:first-child, .gutenberg .wp-block-table tr td:first-child {
padding-left: clamp(15px, 40 / 1440 * 100vw, 40 / 1440 * 100vw);
}
.gutenberg .wp-block-table tr th:last-child, .gutenberg .wp-block-table tr td:last-child {
padding-right: clamp(15px, 40 / 1440 * 100vw, 40 / 1440 * 100vw);
}
.gutenberg .wp-block-table thead {
background: #000;
}
.gutenberg .wp-block-table thead th {
color: #FFF;
text-align: start;
}
@media (max-width: 768px) {
.gutenberg .wp-block-table thead th {
padding-top: 20px;
padding-bottom: 20px;
}
}
.gutenberg .wp-block-table tbody tr {
background: #FFF;
}
.gutenberg .wp-block-table tbody tr:nth-child(odd) {
background: #E9E4E3;
}
.gutenberg .wp-block-quote {
margin: clamp(80px, 140 / 1440 * 100vw, 140 / 1440 * 100vw) 0;
}
.gutenberg .wp-block-quote p {
display: flex;
flex-direction: row;
align-items: start;
justify-content: center;
gap: 60px;
color: #353434;
font-family: var(--font-title);
font-size: clamp(26px, 32 / 1440 * 100vw, 32 / 1440 * 100vw);
line-height: clamp(38px, 46 / 1440 * 100vw, 46 / 1440 * 100vw);
font-style: italic;
letter-spacing: -1.2px;
}
.gutenberg .wp-block-quote p::before {
position: absolute;
display: block;
content: "";
font-family: "icomoon";
content: "\e900";
font-size: 80px;
margin-top: 30px;
font-style: normal;
position: relative;
color: #353434;
}
@media (max-width: 992px) {
.gutenberg .wp-block-quote p {
flex-direction: column;
}
}
.gutenberg .wp-block-details {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.gutenberg .wp-block-details:hover summary::before, .gutenberg .wp-block-details:hover summary::after, .gutenberg .wp-block-details[open] summary::before, .gutenberg .wp-block-details[open] summary::after {
color: #00121F;
background: #0BBBEF;
}
.gutenberg .wp-block-details > *:not(summary) {
opacity: 0;
transform: translateY(-50px);
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
}
.gutenberg .wp-block-details summary {
font-size: clamp(24px, 38 / 1440 * 100vw, 38 / 1440 * 100vw);
line-height: clamp(38px, 52 / 1440 * 100vw, 52 / 1440 * 100vw);
color: #FFF;
padding: clamp(30px, 60 / 1440 * 100vw, 60 / 1440 * 100vw) 60px clamp(30px, 60 / 1440 * 100vw, 60 / 1440 * 100vw) 0;
margin: 0;
display: flex;
align-items: center;
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
}
.gutenberg .wp-block-details summary::marker {
display: none;
}
.gutenberg .wp-block-details summary::before, .gutenberg .wp-block-details summary::after {
display: flex !important;
align-items: center;
justify-content: center;
color: #0BBBEF;
background-color: #00121F;
border-radius: 100%;
font-size: 18px;
width: 56px;
height: 56px;
}
.gutenberg .wp-block-details summary::before {
position: absolute;
display: block;
content: "";
font-family: "icomoon";
content: "\e90b";
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
right: 0;
opacity: 1;
}
.gutenberg .wp-block-details summary::after {
position: absolute;
display: block;
content: "";
font-family: "icomoon";
content: "\e90c";
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
right: 0;
}
.gutenberg .wp-block-details[open] > *:not(summary) {
opacity: 1;
transform: translateY(0px);
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
}
.gutenberg .wp-block-details[open] > *:nth-child(2) {
margin-top: 30px;
}
.gutenberg .wp-block-details[open] > *:last-child {
margin-bottom: 80px;
}
.gutenberg .wp-block-details[open] summary::before {
transform: rotate(180deg);
z-index: 99;
}
.gutenberg .wp-block-details[open] summary::after {
opacity: 0;
}
.gutenberg .wp-block-cover .wp-block-cover__inner-container > * {
padding-left: var(--container-margin) !important;
padding-right: var(--container-margin) !important;
}
.gutenberg .wp-block-image.is-style-secondary {
background: #FFF;
border-radius: 32px;
padding: 30px;
}
.gutenberg .cover-text .wp-block-heading {
margin-top: 0;
margin-bottom: clamp(20px, 60 / 1440 * 100vw, 60 / 1440 * 100vw);
}
.gutenberg .trio-title-text .wp-block-heading {
margin: 0 0 40px 0;
}
@media (max-width: 781px) {
.gutenberg .trio-title-text .wp-block-heading {
margin: 20px 0;
}
}
@media (max-width: 781px) {
.gutenberg .stats-wrapper-landscape .wp-block-columns {
gap: 0;
}
}
.gutenberg .stats-wrapper-landscape .wp-block-column:not(:last-child) {
margin-bottom: clamp(60px, 80 / 1440 * 100vw, 80 / 1440 * 100vw);
}
.gutenberg .colored-cta {
padding-left: clamp(30px, 80 / 1440 * 100vw, 80 / 1440 * 100vw);
padding-right: clamp(30px, 80 / 1440 * 100vw, 80 / 1440 * 100vw);
}
@media (max-width: 768px) {
.gutenberg .colored-cta h3, .gutenberg .colored-cta .-h3 {
font-size: 26px;
line-height: 34px;
}
}
.gutenberg .text-news .wp-block-column .content-articles-list {
padding-bottom: clamp(20px, 40 / 1440 * 100vw, 40 / 1440 * 100vw);
}
.gutenberg .text-news .wp-block-column:has(.content-articles-list) {
display: grid;
}
.gutenberg .banner-slider {
margin: clamp(100px, 210 / 1440 * 100vw, 210 / 1440 * 100vw) 0;
margin-right: calc(var(--container-margin) * -1);
margin-left: calc(var(--container-margin) * -1);
overflow: hidden;
}
.gutenberg .banner-slider .wp-block-cover__inner-container > * {
padding: 0 var(--container-margin);
}
.gutenberg .banner-slider .wp-block-buttons {
margin-top: clamp(60px, 120 / 1440 * 100vw, 120 / 1440 * 100vw);
}
.gutenberg .banner-slider .wp-block-cover {
padding: 0;
border-radius: 0;
}
.gutenberg .columns-text-images .wp-block-columns {
margin-bottom: 0;
margin-top: 60px;
}
.gutenberg .columns-text-images .wp-block-image.size-full img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gform_wrapper.gravity-theme {
border-radius: 12px;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
margin-bottom: 30px;
border-color: red;
}
.gform_wrapper.gravity-theme .gform_validation_errors .gform_submission_error {
color: red;
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
color: red;
border-color: red;
border-radius: 6px;
}
.gform_wrapper.gravity-theme .gform_title {
display: none;
}
.gform_wrapper.gravity-theme .form-title {
margin-bottom: 0;
}
.gform_wrapper.gravity-theme .gform_required_legend {
font-size: 13px;
margin-bottom: 30px;
}
.gform_wrapper.gravity-theme .gform-field-label {
color: #FFF;
}
.gform_wrapper.gravity-theme .gform_fields {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.gform_wrapper.gravity-theme .gfield .gfield_label {
margin-bottom: 16px;
font-weight: 400;
color: #FFF;
font-size: 18px;
font-size: 1.125rem;
line-height: 20px;
line-height: 1.25rem;
}
.gform_wrapper.gravity-theme .gfield .gfield_required_asterisk {
font-size: 16px;
}
.gform_wrapper.gravity-theme .gfield .ginput_container *::placeholder {
color: rgba(39, 26, 25, 0.7);
}
.gform_wrapper.gravity-theme .gfield .ginput_container input, .gform_wrapper.gravity-theme .gfield .ginput_container select, .gform_wrapper.gravity-theme .gfield .ginput_container textarea {
border: 0;
padding: 0.875rem 1rem;
background: white;
border-radius: 8px;
border: none;
color: #271A19;
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_select {
position: relative;
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_select select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: ellipsis;
color: rgba(0, 0, 0, 0.7);
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_select:after {
content: "\e909";
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
position: absolute;
font-family: "icomoon";
pointer-events: none;
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_fileupload {
background-color: transparent;
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_fileupload input[type=file] {
position: relative;
max-width: 270px;
width: auto;
text-align: center;
background-color: #353434;
color: #FFF;
padding: 20px 40px 20px 60px;
font-size: 20px;
font-size: 1.25rem;
line-height: 22px;
line-height: 1.375rem;
letter-spacing: -0.3px;
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
border: 0;
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_fileupload input[type=file]:hover {
background-color: #E9E4E3;
cursor: pointer;
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_fileupload input[type=file]:before {
font-family: "icomoon";
content: "\e918";
position: absolute;
left: 20px;
width: 40px;
height: 40px;
vertical-align: middle;
}
.gform_wrapper.gravity-theme .gfield .ginput_container.ginput_container_fileupload input[type=file]::-webkit-file-upload-button {
visibility: hidden;
display: none;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield .ginput_container_radio .gchoice {
margin-bottom: 10px;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_checkbox .gchoice > *, .gform_wrapper.gravity-theme .gfield .ginput_container_radio .gchoice > * {
cursor: pointer;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_checkbox .gfield-choice-input, .gform_wrapper.gravity-theme .gfield .ginput_container_radio .gfield-choice-input {
appearance: none;
padding: 8px;
border-radius: 4px;
margin-right: 5px;
border: 1px solid transparent;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_checkbox .gfield-choice-input[type=radio], .gform_wrapper.gravity-theme .gfield .ginput_container_radio .gfield-choice-input[type=radio] {
border-radius: 100%;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_checkbox .gfield-choice-input:checked, .gform_wrapper.gravity-theme .gfield .ginput_container_radio .gfield-choice-input:checked {
background-color: #0BBBEF;
color: #FFF;
position: relative;
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
border: 1px solid #FFF;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_checkbox .gfield-choice-input:checked[type=checkbox]:before, .gform_wrapper.gravity-theme .gfield .ginput_container_radio .gfield-choice-input:checked[type=checkbox]:before {
position: absolute;
display: block;
content: "";
font-family: "icomoon";
content: "\e900";
font-size: 10px;
right: 3px;
top: -3px;
}
.gform_wrapper.gravity-theme .gfield_description {
font-size: 13px;
font-size: 0.8125rem;
line-height: 16px;
line-height: 1rem;
}
.gform_wrapper.gravity-theme .gform_footer {
text-align: center;
margin-top: 16px;
}
.gform_wrapper.gravity-theme .gform_footer input[type=submit] {
background: #0BBBEF;
}
.gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover {
background: #0197C4;
}
.gform_confirmation_wrapper {
padding: 40px 60px;
border-radius: 12px;
margin: 60px 0;
}
@media (max-width: 768px) {
.gform_confirmation_wrapper {
padding: 40px;
}
}
@media (max-width: 420px) {
.gform_confirmation_wrapper {
padding: 40px 20px;
}
}
/* Spinner */
.gform_ajax_spinner {
box-sizing: border-box;
margin-top: 11px;
margin-left: 10px;
border-left: 3px solid rgba(247, 150, 33, 0);
border-top: 3px solid rgba(247, 150, 33, 0.15);
border-right: 3px solid rgba(247, 150, 33, 0.5);
animation: spinner 1.1s infinite linear;
border-radius: 50%;
width: 30px;
height: 30px;
position: absolute;
top: 27%;
right: 35%;
display: block;
z-index: 1;
}
@media (max-width: 1400px) {
.gform_ajax_spinner {
right: 30%;
}
}
@media (max-width: 992px) {
.gform_ajax_spinner {
right: 20%;
}
}
@media (max-width: 767px) {
.gform_ajax_spinner {
right: 10px;
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Post password form when page is protected by Pasword */
.post-password-form {
margin: 1.875rem 0;
}
.post-password-form input[type=submit] {
margin-left: 30px;
}
#ajax-content {
position: relative;
display: flex;
min-height: 600px;
}
#ajax-content.loading {
min-height: 100vh !important;
}
#ajax-content.-no-result {
min-height: 450px;
}
#ajax-content .ajax-container {
width: 100%;
margin-bottom: clamp(100px, 180 / 1440 * 100vw, 180 / 1440 * 100vw);
transition: opacity 0.7s cubic-bezier(0.18, 0.08, 0, 1.09);
}
#ajax-content .no-result-ctn {
padding-bottom: 150px;
}
#ajax-content .nb-result {
font-family: var(--font-primary);
margin: 30px 0 20px;
font-size: 18px;
font-size: 1.125rem;
line-height: 28px;
line-height: 1.75rem;
color: rgba(0, 0, 0, 0.65);
letter-spacing: 0;
}
#ajax-content #loader {
position: absolute;
top: 15vh;
width: 100%;
z-index: 100;
display: flex;
align-items: flex-start;
justify-content: center;
opacity: 1;
transition: all 0.8s ease;
pointer-events: none;
}
#ajax-content:not(.loading) #loader {
position: absolute;
opacity: 0;
pointer-events: none;
}
#ajax-content.loading .ajax-container {
opacity: 0;
pointer-events: none;
}
@keyframes loading-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes loading-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes loading-spinner-color {
100%, 0% {
stroke: #BFB1AC;
}
40% {
stroke: #BFB1AC;
}
66% {
stroke: #BFB1AC;
}
80%, 90% {
stroke: #BFB1AC;
}
}
.loader {
width: 90px;
height: 90px;
}
.loading-spinner {
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
}
.loading-spinner:before {
content: "";
display: block;
padding-top: 100%;
}
.loading-spinner__circle-svg {
animation: loading-spinner-rotate 1.28973s linear infinite;
height: 100%;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.loading-spinner__circle-stroke {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: loading-spinner-dash 2s ease-in-out infinite, loading-spinner-color 8s ease-in-out infinite;
stroke-linecap: round;
stroke-width: 4px;
}
.pagination-ctn {
width: 100%;
margin: clamp(60px, 180 / 1440 * 100vw, 180 / 1440 * 100vw) 0 0 0;
}
.pagination-ctn .pagination-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative;
gap: 10px;
}
.pagination-ctn .pagination-list .page-number, .pagination-ctn .pagination-list .dots, .pagination-ctn .pagination-list .page-month, .pagination-ctn .pagination-list .next, .pagination-ctn .pagination-list .prev {
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: transparent;
border: 0;
font-size: 24px;
font-weight: 400;
line-height: 24px;
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
text-decoration: none;
border-radius: 16px;
}
.pagination-ctn .pagination-list .page-number.current, .pagination-ctn .pagination-list .dots.current, .pagination-ctn .pagination-list .page-month.current, .pagination-ctn .pagination-list .next.current, .pagination-ctn .pagination-list .prev.current {
background-color: #0BBBEF;
color: #002D39;
}
.pagination-ctn .pagination-list .page-number:hover, .pagination-ctn .pagination-list .dots:hover, .pagination-ctn .pagination-list .page-month:hover, .pagination-ctn .pagination-list .next:hover, .pagination-ctn .pagination-list .prev:hover {
color: #BFB1AC;
cursor: pointer;
}
.pagination-ctn .pagination-list .dots {
pointer-events: none !important;
}
.pagination-ctn .pagination-list .dots:focus {
outline: none;
}
.pagination-ctn .pagination-list .next, .pagination-ctn .pagination-list .prev {
font-size: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #002D39;
}
.pagination-ctn .pagination-list .next span, .pagination-ctn .pagination-list .prev span {
pointer-events: none;
font-size: 18px;
}
.pagination-ctn .pagination-list .next.disabled, .pagination-ctn .pagination-list .prev.disabled {
opacity: 0.2;
}
.pagination-ctn .pagination-list .prev {
margin-right: 10px;
}
.pagination-ctn .pagination-list .prev .icon-chevron {
transform: rotate(180deg);
}
.pagination-ctn .pagination-list .next {
margin-left: 10px;
}
@media (max-width: 420px) {
.pagination-ctn .pagination-list .page-number, .pagination-ctn .pagination-list .dots, .pagination-ctn .pagination-list .page-month, .pagination-ctn .pagination-list .next, .pagination-ctn .pagination-list .prev {
width: 30px;
height: 30px;
font-size: 15px;
font-size: 0.9375rem;
line-height: 22px;
line-height: 1.375rem;
}
}
.post-card {
cursor: pointer;
}
.post-card:hover .image img {
transform: scale(1.05);
}
.post-card .image {
overflow: hidden;
border-radius: 16px;
aspect-ratio: 1/1;
}
.post-card .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
}
.post-card .date {
display: block;
font-size: clamp(14px, 14 / 1440 * 100vw, 14 / 1440 * 100vw);
font-weight: 500;
letter-spacing: -1px;
color: #897066;
margin: clamp(25px, 30 / 1600 * 100vw, 30 / 1600 * 100vw) 0;
}
.post-card .title {
font-size: clamp(24px, 28 / 1440 * 100vw, 28 / 1440 * 100vw);
line-height: clamp(27px, 32 / 1440 * 100vw, 32 / 1440 * 100vw);
letter-spacing: -1px;
color: #271A19;
}
.post-card .label {
margin-top: clamp(25px, 32 / 1440 * 100vw, 32 / 1440 * 100vw);
display: block;
width: fit-content;
font-family: var(--font-title);
font-size: clamp(12px, 12 / 1440 * 100vw, 12 / 1440 * 100vw);
line-height: 1;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 100px;
border: 2px solid #897066;
color: #897066;
padding: 6px 12px;
text-transform: uppercase;
}
.home-stats .graph {
position: relative;
width: max-content;
height: 300px;
}
.home-stats .image {
position: absolute;
bottom: 20px;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: var(--grid-gutter);
}
.home-stats .bullet {
display: block;
position: absolute;
top: -6px;
left: -5px;
background-color: #FFF;
border-radius: 100%;
width: 12px;
height: 12px;
z-index: 99;
}
/**
* This file contains code related links and buttons
*/
a,
button,
input[type=submit],
.wp-block-button {
position: relative;
display: inline-block;
color: inherit;
outline: none;
border: 0 none;
background: none;
text-decoration: none;
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
font-family: var(--font-title);
}
a::before, a::after,
button::before,
button::after,
input[type=submit]::before,
input[type=submit]::after,
.wp-block-button::before,
.wp-block-button::after {
transition: all 0.4s cubic-bezier(0.2, 0.6, 0.4, 1);
}
a.link, header a.primary-item, header a.secondary-item,
button.link,
header button.primary-item,
header button.secondary-item,
input[type=submit].link,
header input[type=submit].primary-item,
header input[type=submit].secondary-item,
.wp-block-button.link,
header .wp-block-button.primary-item,
header .wp-block-button.secondary-item {
font-size: clamp(12px, 16 / 1600 * 100vw, 16 / 1600 * 100vw);
font-weight: 500;
line-height: clamp(22px, 32 / 1600 * 100vw, 32 / 1600 * 100vw);
letter-spacing: 1px;
text-transform: uppercase;
}
a.link:hover, header a.primary-item:hover, header a.secondary-item:hover,
button.link:hover,
header button.primary-item:hover,
header button.secondary-item:hover,
input[type=submit].link:hover,
header input[type=submit].primary-item:hover,
header input[type=submit].secondary-item:hover,
.wp-block-button.link:hover,
header .wp-block-button.primary-item:hover,
header .wp-block-button.secondary-item:hover {
color: #0BBBEF;
}
a.btn,
button.btn,
input[type=submit].btn,
.gform_wrapper.gravity-theme .gform_footer input[type=submit],
.post-password-form input[type=submit],
.wp-block-button.btn,
.wp-block-button {
color: #00121F;
position: relative;
display: flex !important;
align-items: center;
text-align: center;
text-transform: uppercase;
font-size: var(--btn-size);
line-height: 1.3;
font-weight: 700;
text-decoration: none;
border-radius: 16px;
min-height: 60px;
width: fit-content;
padding: 10px 32px;
overflow: hidden;
}
a.btn::before,
button.btn::before,
input[type=submit].btn::before,
.gform_wrapper.gravity-theme .gform_footer input[type=submit]::before,
.post-password-form input[type=submit]::before,
.wp-block-button.btn::before,
.wp-block-button::before {
position: absolute;
display: block;
content: "";
}
a.btn::before,
button.btn::before,
input[type=submit].btn::before,
.gform_wrapper.gravity-theme .gform_footer input[type=submit]::before,
.post-password-form input[type=submit]::before,
.wp-block-button.btn::before,
.wp-block-button::before {
background: linear-gradient(61deg, #0BBBEF 32.16%, #b1eafb 90.71%);
transform: translateZ(0);
width: calc(200% + 100px);
will-change: left;
transition: left 1s cubic-bezier(0.19, 1, 0.22, 1);
z-index: -1;
left: 0;
bottom: 0;
top: 0;
z-index: 1;
}
a.btn > *,
button.btn > *,
input[type=submit].btn > *,
.gform_wrapper.gravity-theme .gform_footer input[type=submit] > *,
.post-password-form input[type=submit] > *,
.wp-block-button.btn > *,
.wp-block-button > * {
z-index: 2;
background: transparent;
}
a.btn:not(:only-of-type),
button.btn:not(:only-of-type),
input[type=submit].btn:not(:only-of-type),
.gform_wrapper.gravity-theme .gform_footer input[type=submit]:not(:only-of-type),
.post-password-form input[type=submit]:not(:only-of-type),
.wp-block-button.btn:not(:only-of-type),
.wp-block-button:not(:only-of-type) {
margin-bottom: 20px;
}
a.btn:hover,
button.btn:hover,
input[type=submit].btn:hover,
.gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover,
.post-password-form input[type=submit]:hover,
.wp-block-button.btn:hover,
.wp-block-button:hover {
cursor: pointer;
}
a.btn:hover::before,
button.btn:hover::before,
input[type=submit].btn:hover::before,
.gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover::before,
.post-password-form input[type=submit]:hover::before,
.wp-block-button.btn:hover::before,
.wp-block-button:hover::before {
left: -100%;
}
a.-secondary::before,
button.-secondary::before,
input[type=submit].-secondary::before,
.wp-block-button.-secondary::before,
.wp-block-button.is-style-secondary::before {
background: linear-gradient(28deg, #fff 45%, #97E4FB 80.71%);
}
body:not(.wp-admin) a[target=_blank]:not(.-clean):after, body:not(.wp-admin) a[href$=".pdf"]:not(.-clean):after, body:not(.wp-admin) a[href$=".doc"]:not(.-clean):after {
font-family: "icomoon";
position: relative;
display: inline-block;
content: "\e90e";
vertical-align: middle;
margin-left: 12px;
margin-right: 12px;
font-size: 20px;
transition: transform 0.2s ease;
transform: translateX(0px);
}
body:not(.wp-admin) a[target=_blank]:not(.-clean).-primary:after, body:not(.wp-admin) a[target=_blank]:not(.-clean).-secondary:after, body:not(.wp-admin) a[target=_blank].wp-block-button.is-style-secondary:not(.-clean):after, body:not(.wp-admin) a[href$=".pdf"]:not(.-clean).-primary:after, body:not(.wp-admin) a[href$=".pdf"]:not(.-clean).-secondary:after, body:not(.wp-admin) a[href$=".pdf"].wp-block-button.is-style-secondary:not(.-clean):after, body:not(.wp-admin) a[href$=".doc"]:not(.-clean).-primary:after, body:not(.wp-admin) a[href$=".doc"]:not(.-clean).-secondary:after, body:not(.wp-admin) a[href$=".doc"].wp-block-button.is-style-secondary:not(.-clean):after {
margin-left: 10px;
font-size: 19px;
}
body:not(.wp-admin) a[href$=".pdf"]:after, body:not(.wp-admin) a[href$=".doc"]:after, body:not(.wp-admin) a[download]:after {
content: "\e905";
}
.wp-block-buttons:not(:only-of-type) {
margin-bottom: 20px;
}
.wp-block-button:has(a:focus-visible) {
outline-color: #0071BC;
outline-style: solid;
outline-width: 1px;
outline-offset: 0.2em;
}
.wp-block-button .wp-block-button__link {
text-align: center;
}
.wp-block-button .wp-block-button__link::after {
display: none !important;
}
.wp-element-button {
outline: none !important;
}
.-clean a:after {
display: none !important;
}
/**
*** This file contains code to make animated Open/Close humburger menu
*** ```html
***