@charset "UTF-8";

     :root { --clb-color-primary: #D90A2C;
--clb-color-primary-50: rgba(217, 10, 44, 0.5);
--clb-color-secondary: #7646DD;
--clb-color-secondary-50: rgba(118, 70, 221, 0.5);
--clb-color-white: white;
--clb-color-black: #111013;
--clb-color-black-rgb: 17, 16, 19;
--clb-color-black-light: color-mix(in srgb, var(--clb-color-black) 98%, white);
--clb-color-black-light-dm-ignore: var(--clb-color-black-light);
--clb-color-overlay: var(--clb-color-black);
--clb-color-neutral: color-mix(in srgb, var(--clb-color-black) 50%, white);
--clb-color-grey: color-mix(in srgb, var(--clb-color-black) 65%, white);
--clb-color-grey-light: color-mix(in srgb, var(--clb-color-black) 50%, white);
--clb-color-success: #29A366;
--clb-color-warning: #EC8013;
--clb-color-danger: #D90A2C;
--clb-selection-color: color-mix(in srgb, var(--clb-color-primary) 20%, transparent);
--clb-placeholder-color: #635d6e;
--clb-link-color: inherit;
--clb-link-hover-color: var(--clb-color-primary);
--clb-border-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
--clb-button-color: var(--clb-color-black-light);
--clb-button-hover-color: var(--clb-color-primary);
--clb-video-button-color: var(--clb-button-color);
--clb-paginator-button-color: var(--clb-body-color);
--clb-paginator-button-hover-color: var(--clb-color-primary);
--clb-fill-color: color-mix(in srgb, var(--clb-color-neutral) 8%, transparent);
--clb-pattern-color: color-mix(in srgb, var(--clb-color-neutral) 30%, transparent);
--clb-preloader-color: var(--clb-color-white);
--clb-preloader-spinner-color: #161519;
--clb-body-light-mode-color: var(--clb-color-black-light);
--clb-offer-banner-color-start: #D3FC96;
--clb-offer-banner-color-end: #A6FDDA;
--clb-offer-banner-color: #A6FDDA;
--clb-dm-color-white: var(--clb-color-white);
--clb-dm-fill-color: var(--clb-color-black); --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.35rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 2);
--clb-border-radius-large: calc(var(--clb-border-radius) * 2);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 2);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-icon-size: 1.4em;
--clb-icon-size-small: 1.2em;
--clb-icon-size-large: 1.6em;
--clb-circle: 3.5rem;
--clb-circle-small: 3rem;
--clb-circle-extra-small: 2.5rem;
--clb-circle-large: 4rem;
--clb-cursor-circle: 3.75rem;
--clb-cursor-circle-small: 2rem;
--clb-cursor-circle-extra-small: 1.25rem;
--clb-cursor-circle-inner: 0.5rem;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.25rem;
--clb-button-height-large: 3.25rem;
--clb-button-side-padding: 1.25rem;
--clb-button-side-padding-small: 1rem;
--clb-button-side-padding-large: 1.5rem;
--clb-header-height: 12vh;
--clb-header-height-2: 20vh;
--clb-header-height-5: 32vh;
--clb-header-height-6: 10.5vh;
--clb-header-height-8: 100%;
--clb-sticky-header-height: 9vh;
--clb-subheader-height: 2.375rem;
--clb-offer-banner-height: 2.5rem;
--clb-header-border-style: hidden;
--clb-header-border-color: var(--clb-border-color);
--clb-sticky-header-border-style: hidden;
--clb-sticky-header-border-color: var(--clb-border-color);
--clb-side-elements-height: 3.5rem;
--clb-color-switcher-height: 1.8rem;
--clb-admin-bar-height: 2rem;
--clb-admin-bar-height-mobile: 2.875rem;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 3vh;
--clb-spacer-negative: calc(var(--clb-spacer) * (-1));
--clb-grid-gutter: 1.25rem;
--clb-grid-gutter-2x: calc(var(--clb-grid-gutter) * 2);
--clb-grid-gutter-3x: calc(var(--clb-grid-gutter-2x) + 1rem);
--clb-grid-gutter-4x: calc(var(--clb-grid-gutter-2x) + 2rem);
--clb-grid-gutter-5x: calc(var(--clb-grid-gutter-2x) + 3rem);
--clb-grid-gutter-6x: calc(var(--clb-grid-gutter-2x) + 4rem);
--clb-grid-gutter-negative: calc(var(--clb-grid-gutter) * (-1));
--clb-bullets-spacer: 2.75rem;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1344px;
--clb-container-width-laptop: 90vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 7.4vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(.645, .045, .355, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .2s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06); --clb-font-size-small: .95em;
--clb-font-size-extra-small: .9em;
--clb-font-size-large: 1.05em;
--clb-font-size-mobile: 0.5rem;
--clb-font-size-caption: 0.9rem;
--clb-font-size-menu: 1rem;
--clb-font-size-submenu: .98em;
--clb-font-size-md-titles: 1.5em;
--clb-text-line-heigth-small: 1.4;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-light);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-body-font-size: 1.025rem;
--clb-body-letter-spacing: initial;
--clb-body-line-height: 1.6;
--clb-body-font-weight: 400;
--clb-body-style: normal;
--clb-body-text-transform: none;
--clb-body-text-decoration: none;
--clb-subtitles-font-family: inherit;
--clb-subtitles-color: inherit;
--clb-subtitles-font-size: 0.9em;
--clb-subtitles-letter-spacing: inherit;
--clb-subtitles-line-height: inherit;
--clb-subtitles-font-weight: 500;
--clb-subtitles-style: normal;
--clb-subtitles-text-transform: none;
--clb-subtitles-text-decoration: none;
--clb-titles-font-family: "DM Sans", sans-serif;
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 4.5rem;
--clb-titles-h1-font-size-min: 3.105rem;
--clb-titles-h2-font-size: 3.15rem;
--clb-titles-h2-font-size-min: 2.1735rem;
--clb-titles-h3-font-size: 2.205rem;
--clb-titles-h3-font-size-min: 2rem;
--clb-titles-h4-font-size: 1.5435rem;
--clb-titles-h4-font-size-min: 1.5rem;
--clb-titles-h5-font-size: 1.25332rem;
--clb-titles-h5-font-size-min: var(--clb-spacer-4);
--clb-titles-h6-font-size: var(--clb-font-size);
--clb-titles-h1-letter-spacing: calc(.045em * (-1));
--clb-titles-h2-letter-spacing: calc(.04em * (-1));
--clb-titles-h3-letter-spacing: calc(.035em * (-1));
--clb-titles-h4-letter-spacing: calc(.03em * (-1));
--clb-titles-h5-letter-spacing: calc(.025em * (-1));
--clb-titles-h6-letter-spacing: calc(.02em * (-1));
--clb-titles-h1-line-height: 1;
--clb-titles-h2-line-height: 1.05;
--clb-titles-h3-line-height: 1.1;
--clb-titles-h4-line-height: 1.2;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.4;
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 4.25rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
}              .vc_row {
position: relative;
}
.vc_row::after {
content: "";
display: table;
clear: both;
}
.vc_row:not(.-nospace) {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.vc_row:not(.-nospace) [class^='vc_col'],
.vc_row:not(.-nospace) .grid-item {
position: relative;
min-height: 1px;
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
}
.vc_row:not(.-nospace).portfolio-grid + .pagination-standard,
.vc_row:not(.-nospace).portfolio-grid + .lazy-load,
.vc_row:not(.-nospace).portfolio-grid + .holder,
.vc_row:not(.-nospace).blog-posts + .pagination-standard,
.vc_row:not(.-nospace).blog-posts + .lazy-load,
.vc_row:not(.-nospace).blog-posts + .holder,
.vc_row:not(.-nospace).archive-holder + .pagination-standard,
.vc_row:not(.-nospace).archive-holder + .lazy-load,
.vc_row:not(.-nospace).archive-holder + .holder {
padding-top: var(--clb-spacer);
}
div[class*='vc_col-xs'] {
float: left;
}
.vc_col-xs-1 {
width: calc(100%/12 * 1);
}
.vc_col-xs-2 {
width: calc(100%/12 * 2);
}
.vc_col-xs-3 {
width: calc(100%/12 * 3);
}
.vc_col-xs-4 {
width: calc(100%/12 * 4);
}
.vc_col-xs-5 {
width: calc(100%/12 * 5);
}
.vc_col-xs-6 {
width: calc(100%/12 * 6);
}
.vc_col-xs-7 {
width: calc(100%/12 * 7);
}
.vc_col-xs-8 {
width: calc(100%/12 * 8);
}
.vc_col-xs-9 {
width: calc(100%/12 * 9);
}
.vc_col-xs-10 {
width: calc(100%/12 * 10);
}
.vc_col-xs-11 {
width: calc(100%/12 * 11);
}
.vc_col-xs-12 {
width: calc(100%/12 * 12);
}
.vc_row:not(.vc_row-no-padding) .vc_column_container > .vc_column-inner {
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
}
section.vc_section {
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.grid-item:not(.-nospace) {
padding-top: var(--clb-grid-gutter);
padding-bottom: var(--clb-grid-gutter);
}
.-nospace.vc_row {
margin: 0;
}
.-nospace.vc_row .grid-item {
padding: 0;
} .page-headline .animated-holder,
.project.-layout6 .animated-holder,
.project.-layout8 .animated-holder,
.project.-layout9 .animated-holder,
.project.-layout10 .animated-holder,
.main-section .animated-holder,
[data-interactive-links-grid] .animated-holder {
z-index: 1;
}
.page-headline .animated-holder > *,
.project.-layout6 .animated-holder > *,
.project.-layout8 .animated-holder > *,
.project.-layout9 .animated-holder > *,
.project.-layout10 .animated-holder > *,
.main-section .animated-holder > *,
[data-interactive-links-grid] .animated-holder > * {
animation-name: slide_up_elements;
}
.animated-holder > *,
.hamburger-nav .menu > *,
.hamburger-nav:not(.type2) .sub-menu > *,
.hamburger-nav:not(.type2) .sub-sub-menu > *,
.hamburger-nav-details > *,
.header-5 .sub-menu > *,
.header-5 .sub-sub-menu > * {
will-change: transform;
opacity: 0;
transform: translateY(2rem);
animation-iteration-count: 1;
animation-fill-mode: forwards;
animation-duration: var(--clb-transition-duration);
transition-timing-function: var(--clb-transition-function);
}
*.visible:not(.open-onclick) .animated-holder > *,
*.visible:not(.open-onclick).hamburger-nav .hamburger-nav-holder > .menu > *,
*.visible:not(.open-onclick) .hamburger-nav-details > *,
*.visible:not(.open-onclick) > .sub-menu > *,
*.visible:not(.open-onclick) > .sub-sub-menu > *,
*.active .animated-holder > *,
*.active.hamburger-nav .hamburger-nav-holder > .menu > *,
*.active .hamburger-nav-details > *,
*.active > .sub-menu > *,
*.active > .sub-sub-menu > *,
*.last-active .animated-holder > *,
*.last-active.hamburger-nav .hamburger-nav-holder > .menu > *,
*.last-active .hamburger-nav-details > *,
*.last-active > .sub-menu > *,
*.last-active > .sub-sub-menu > * {
animation-name: slide_up_elements;
}
*.last-active .animated-holder * {
opacity: 0 !important;
transform: translateY(var(--clb-spacer-2));
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
*:hover:not(.showed-onclick) > .sub-sub-nav > .sub-sub-menu > * {
animation-name: slide_up_elements;
}
.animated-holder > *:nth-child(1),
.hamburger-nav .menu > *:nth-child(1),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(1),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(1),
.hamburger-nav-details > *:nth-child(1),
.header-5 .sub-menu > *:nth-child(1),
.header-5 .sub-sub-menu > *:nth-child(1) {
animation-delay: 0.05s;
transition-delay: 0.05s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(1) > [data-aos-delay] {
animation-delay: 0.05s !important;
transition-delay: 0.05s !important;
}
.clb-slider .animated-holder > *:nth-child(1) {
animation-delay: 0.45s;
transition-delay: 0.45s;
}
.animated-holder > *:nth-child(2),
.hamburger-nav .menu > *:nth-child(2),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(2),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(2),
.hamburger-nav-details > *:nth-child(2),
.header-5 .sub-menu > *:nth-child(2),
.header-5 .sub-sub-menu > *:nth-child(2) {
animation-delay: 0.1s;
transition-delay: 0.1s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(2) > [data-aos-delay] {
animation-delay: 0.1s !important;
transition-delay: 0.1s !important;
}
.clb-slider .animated-holder > *:nth-child(2) {
animation-delay: 0.5s;
transition-delay: 0.5s;
}
.animated-holder > *:nth-child(3),
.hamburger-nav .menu > *:nth-child(3),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(3),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(3),
.hamburger-nav-details > *:nth-child(3),
.header-5 .sub-menu > *:nth-child(3),
.header-5 .sub-sub-menu > *:nth-child(3) {
animation-delay: 0.15s;
transition-delay: 0.15s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(3) > [data-aos-delay] {
animation-delay: 0.15s !important;
transition-delay: 0.15s !important;
}
.clb-slider .animated-holder > *:nth-child(3) {
animation-delay: 0.55s;
transition-delay: 0.55s;
}
.animated-holder > *:nth-child(4),
.hamburger-nav .menu > *:nth-child(4),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(4),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(4),
.hamburger-nav-details > *:nth-child(4),
.header-5 .sub-menu > *:nth-child(4),
.header-5 .sub-sub-menu > *:nth-child(4) {
animation-delay: 0.2s;
transition-delay: 0.2s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(4) > [data-aos-delay] {
animation-delay: 0.2s !important;
transition-delay: 0.2s !important;
}
.clb-slider .animated-holder > *:nth-child(4) {
animation-delay: 0.6s;
transition-delay: 0.6s;
}
.animated-holder > *:nth-child(5),
.hamburger-nav .menu > *:nth-child(5),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(5),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(5),
.hamburger-nav-details > *:nth-child(5),
.header-5 .sub-menu > *:nth-child(5),
.header-5 .sub-sub-menu > *:nth-child(5) {
animation-delay: 0.25s;
transition-delay: 0.25s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(5) > [data-aos-delay] {
animation-delay: 0.25s !important;
transition-delay: 0.25s !important;
}
.clb-slider .animated-holder > *:nth-child(5) {
animation-delay: 0.65s;
transition-delay: 0.65s;
}
.animated-holder > *:nth-child(6),
.hamburger-nav .menu > *:nth-child(6),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(6),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(6),
.hamburger-nav-details > *:nth-child(6),
.header-5 .sub-menu > *:nth-child(6),
.header-5 .sub-sub-menu > *:nth-child(6) {
animation-delay: 0.3s;
transition-delay: 0.3s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(6) > [data-aos-delay] {
animation-delay: 0.3s !important;
transition-delay: 0.3s !important;
}
.clb-slider .animated-holder > *:nth-child(6) {
animation-delay: 0.7s;
transition-delay: 0.7s;
}
.animated-holder > *:nth-child(7),
.hamburger-nav .menu > *:nth-child(7),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(7),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(7),
.hamburger-nav-details > *:nth-child(7),
.header-5 .sub-menu > *:nth-child(7),
.header-5 .sub-sub-menu > *:nth-child(7) {
animation-delay: 0.35s;
transition-delay: 0.35s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(7) > [data-aos-delay] {
animation-delay: 0.35s !important;
transition-delay: 0.35s !important;
}
.clb-slider .animated-holder > *:nth-child(7) {
animation-delay: 0.75s;
transition-delay: 0.75s;
}
.animated-holder > *:nth-child(8),
.hamburger-nav .menu > *:nth-child(8),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(8),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(8),
.hamburger-nav-details > *:nth-child(8),
.header-5 .sub-menu > *:nth-child(8),
.header-5 .sub-sub-menu > *:nth-child(8) {
animation-delay: 0.4s;
transition-delay: 0.4s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(8) > [data-aos-delay] {
animation-delay: 0.4s !important;
transition-delay: 0.4s !important;
}
.clb-slider .animated-holder > *:nth-child(8) {
animation-delay: 0.8s;
transition-delay: 0.8s;
}
.animated-holder > *:nth-child(9),
.hamburger-nav .menu > *:nth-child(9),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(9),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(9),
.hamburger-nav-details > *:nth-child(9),
.header-5 .sub-menu > *:nth-child(9),
.header-5 .sub-sub-menu > *:nth-child(9) {
animation-delay: 0.45s;
transition-delay: 0.45s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(9) > [data-aos-delay] {
animation-delay: 0.45s !important;
transition-delay: 0.45s !important;
}
.clb-slider .animated-holder > *:nth-child(9) {
animation-delay: 0.85s;
transition-delay: 0.85s;
}
.animated-holder > *:nth-child(10),
.hamburger-nav .menu > *:nth-child(10),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(10),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(10),
.hamburger-nav-details > *:nth-child(10),
.header-5 .sub-menu > *:nth-child(10),
.header-5 .sub-sub-menu > *:nth-child(10) {
animation-delay: 0.5s;
transition-delay: 0.5s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(10) > [data-aos-delay] {
animation-delay: 0.5s !important;
transition-delay: 0.5s !important;
}
.clb-slider .animated-holder > *:nth-child(10) {
animation-delay: 0.9s;
transition-delay: 0.9s;
}
.animated-holder > *:nth-child(11),
.hamburger-nav .menu > *:nth-child(11),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(11),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(11),
.hamburger-nav-details > *:nth-child(11),
.header-5 .sub-menu > *:nth-child(11),
.header-5 .sub-sub-menu > *:nth-child(11) {
animation-delay: 0.55s;
transition-delay: 0.55s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(11) > [data-aos-delay] {
animation-delay: 0.55s !important;
transition-delay: 0.55s !important;
}
.clb-slider .animated-holder > *:nth-child(11) {
animation-delay: 0.95s;
transition-delay: 0.95s;
}
.animated-holder > *:nth-child(12),
.hamburger-nav .menu > *:nth-child(12),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(12),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(12),
.hamburger-nav-details > *:nth-child(12),
.header-5 .sub-menu > *:nth-child(12),
.header-5 .sub-sub-menu > *:nth-child(12) {
animation-delay: 0.6s;
transition-delay: 0.6s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(12) > [data-aos-delay] {
animation-delay: 0.6s !important;
transition-delay: 0.6s !important;
}
.clb-slider .animated-holder > *:nth-child(12) {
animation-delay: 1s;
transition-delay: 1s;
}
.animated-holder > *:nth-child(13),
.hamburger-nav .menu > *:nth-child(13),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(13),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(13),
.hamburger-nav-details > *:nth-child(13),
.header-5 .sub-menu > *:nth-child(13),
.header-5 .sub-sub-menu > *:nth-child(13) {
animation-delay: 0.65s;
transition-delay: 0.65s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(13) > [data-aos-delay] {
animation-delay: 0.65s !important;
transition-delay: 0.65s !important;
}
.clb-slider .animated-holder > *:nth-child(13) {
animation-delay: 1.05s;
transition-delay: 1.05s;
}
.animated-holder > *:nth-child(14),
.hamburger-nav .menu > *:nth-child(14),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(14),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(14),
.hamburger-nav-details > *:nth-child(14),
.header-5 .sub-menu > *:nth-child(14),
.header-5 .sub-sub-menu > *:nth-child(14) {
animation-delay: 0.7s;
transition-delay: 0.7s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(14) > [data-aos-delay] {
animation-delay: 0.7s !important;
transition-delay: 0.7s !important;
}
.clb-slider .animated-holder > *:nth-child(14) {
animation-delay: 1.1s;
transition-delay: 1.1s;
}
.animated-holder > *:nth-child(15),
.hamburger-nav .menu > *:nth-child(15),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(15),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(15),
.hamburger-nav-details > *:nth-child(15),
.header-5 .sub-menu > *:nth-child(15),
.header-5 .sub-sub-menu > *:nth-child(15) {
animation-delay: 0.75s;
transition-delay: 0.75s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(15) > [data-aos-delay] {
animation-delay: 0.75s !important;
transition-delay: 0.75s !important;
}
.clb-slider .animated-holder > *:nth-child(15) {
animation-delay: 1.15s;
transition-delay: 1.15s;
}
.animated-holder > *:nth-child(16),
.hamburger-nav .menu > *:nth-child(16),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(16),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(16),
.hamburger-nav-details > *:nth-child(16),
.header-5 .sub-menu > *:nth-child(16),
.header-5 .sub-sub-menu > *:nth-child(16) {
animation-delay: 0.8s;
transition-delay: 0.8s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(16) > [data-aos-delay] {
animation-delay: 0.8s !important;
transition-delay: 0.8s !important;
}
.clb-slider .animated-holder > *:nth-child(16) {
animation-delay: 1.2s;
transition-delay: 1.2s;
}
.animated-holder > *:nth-child(17),
.hamburger-nav .menu > *:nth-child(17),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(17),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(17),
.hamburger-nav-details > *:nth-child(17),
.header-5 .sub-menu > *:nth-child(17),
.header-5 .sub-sub-menu > *:nth-child(17) {
animation-delay: 0.85s;
transition-delay: 0.85s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(17) > [data-aos-delay] {
animation-delay: 0.85s !important;
transition-delay: 0.85s !important;
}
.clb-slider .animated-holder > *:nth-child(17) {
animation-delay: 1.25s;
transition-delay: 1.25s;
}
.animated-holder > *:nth-child(18),
.hamburger-nav .menu > *:nth-child(18),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(18),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(18),
.hamburger-nav-details > *:nth-child(18),
.header-5 .sub-menu > *:nth-child(18),
.header-5 .sub-sub-menu > *:nth-child(18) {
animation-delay: 0.9s;
transition-delay: 0.9s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(18) > [data-aos-delay] {
animation-delay: 0.9s !important;
transition-delay: 0.9s !important;
}
.clb-slider .animated-holder > *:nth-child(18) {
animation-delay: 1.3s;
transition-delay: 1.3s;
}
.animated-holder > *:nth-child(19),
.hamburger-nav .menu > *:nth-child(19),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(19),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(19),
.hamburger-nav-details > *:nth-child(19),
.header-5 .sub-menu > *:nth-child(19),
.header-5 .sub-sub-menu > *:nth-child(19) {
animation-delay: 0.95s;
transition-delay: 0.95s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(19) > [data-aos-delay] {
animation-delay: 0.95s !important;
transition-delay: 0.95s !important;
}
.clb-slider .animated-holder > *:nth-child(19) {
animation-delay: 1.35s;
transition-delay: 1.35s;
}
@keyframes slide_up_elements {
from {
transform: translateY(3.25rem);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}  body {
color: var(--clb-body-color);
font-family: var(--clb-body-font-family);
font-size: var(--clb-body-font-size);
letter-spacing: var(--clb-body-letter-spacing);
line-height: var(--clb-body-line-height);
font-weight: var(--clb-body-font-weight);
font-style: var(--clb-body-style);
text-transform: var(--clb-body-text-transform);
text-decoration: var(--clb-body-text-decoration);
background-color: var(--clb-color-white);
height: 100%;
overflow-x: hidden;
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body * {
overflow-wrap: break-word;
}
body.archive {
width: 100%;
}
body.no-scroll {
overflow-y: hidden;
}
body *::-webkit-scrollbar {
width: var(--clb-spacer-05);
height: var(--clb-spacer-05);
background: color-mix(in srgb, var(--clb-color-black) 10%, transparent);
border-radius: var(--clb-border-radius);
}
body *::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--clb-color-black) 20%, transparent);
border-radius: var(--clb-border-radius);
}
body *::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--clb-color-black) 30%, transparent);
}
::selection {
background-color: var(--clb-selection-color);
} .card:not(.-contained) .image-holder {
border-radius: var(--clb-grid-border-radius);
}
.card:not(.-contained).-with-shadow .image-holder {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}
.card .image-holder {
overflow: hidden;
position: relative;
margin: 0;
}
.card .image-holder,
.card .image-holder > a {
display: block;
}
.card .image-holder img {
min-width: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.card.-metro:not(.-no-media) .image-holder {
padding-bottom: 100%;
position: relative;
}
.card.-metro:not(.-no-media) .image-holder img,
.card.-metro:not(.-no-media) .image-holder iframe {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.card.-metro:not(.-no-media) .image-holder .clb-slider {
position: absolute;
}
.card.-metro:not(.-no-media) .image-holder .clb-slider,
.card.-metro:not(.-no-media) .image-holder .clb-slider .clb-slider-outer-stage {
height: 100%;
}
.card.-metro:not(.-no-media) .image-holder .clb-slider img {
position: relative;
}
.card.-contained:not(.-layout13) {
overflow: hidden;
border-radius: var(--clb-grid-border-radius);
}
.card.-contained .card-details {
background-color: var(--clb-fill-color);
}
.card.-contained.-with-shadow:not(.-layout13) {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}
.card.-img-scale:hover .image-holder img {
transform: var(--clb-transform-scale);
z-index: 1;
}
.card.-img-overlay .image-holder::after,
.card.-img-overlay .image-holder .overlay {
background: linear-gradient(90deg, var(--clb-color-primary-50) 0%, var(--clb-color-secondary-50) 100%);
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
content: "";
display: block;
position: absolute;
transition: opacity var(--clb-transition-function) var(--clb-transition-duration);
}
.card.-img-overlay:hover .image-holder::after,
.card.-img-overlay:hover .image-holder .overlay {
opacity: 1;
}
.card.-img-greyscale:not(:hover) .image-holder img {
filter: grayscale(1);
}
.card.-img-transition .image-holder img:not(:first-child) {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.card.-img-transition:hover .image-holder img:not(:first-child) {
opacity: 1;
}
.card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only) .card-details {
padding-top: var(--clb-spacer-4);
}
.card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only).-contained .card-details {
padding-bottom: var(--clb-spacer-4);
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.card:not(.-layout4):not(.-layout6):not(.-with-overlay-image) .overlay-details {
color: var(--clb-color-white);
}
.card .overlay-details {
position: absolute;
width: 100%;
left: 0;
z-index: 1;
padding: var(--clb-spacer);
display: flex;
}
.card .overlay-details:not(.-top) {
bottom: 0;
}
.card .overlay-details:not(.card-details) p {
margin: 0;
}
.card .overlay-details.-top {
top: 0;
}
.card.-center .description {
align-items: center;
}
.card.-right .description {
align-items: flex-end;
}
.card:hover .-fade-up,
.card:hover .-fade-down {
transform: none;
opacity: 1;
}
.double-width:not(.vc_col-lg-12) .card.-metro .image-holder {
padding-bottom: calc(50% - var(--clb-grid-gutter));
} hr {
background-color: color-mix(in srgb, var(--clb-color-neutral) 60%, transparent);
margin: var(--clb-spacer-1) auto;
width: 100%;
border: 0;
height: 1px;
display: block;
} ul,
ol {
margin-bottom: 1.35em;
padding-left: 2rem;
}
ul:not(.-unlist) > li,
ol:not(.-unlist) > li {
margin: var(--clb-spacer-05) 0;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: var(--clb-text-bold);
}
dd {
margin: 0 1.5em 1.5em;
} img {
height: auto;
max-width: 100%;
vertical-align: top;
}
figure {
margin: 1em 0;
}
fieldset {
border: none;
padding: 0;
margin: 0;
}
fieldset legend {
font-weight: var(--clb-text-semi-bold);
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-size: var(--clb-font-size-small);
font-size: 0.875rem;
font-weight: var(--clb-text-semi-bold);
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } table,
.wp-block-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table:not(.-unstyle) td,
table:not(.-unstyle) th,
.wp-block-table:not(.-unstyle) td,
.wp-block-table:not(.-unstyle) th {
border: none;
border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
text-align: inherit;
padding: 0.7rem 0.7rem 0.7rem 0;
vertical-align: top;
}
table:not(.-unstyle) td:last-child,
table:not(.-unstyle) th:last-child,
.wp-block-table:not(.-unstyle) td:last-child,
.wp-block-table:not(.-unstyle) th:last-child {
padding-right: 0;
}
table thead th,
.wp-block-table thead th {
border: none;
}
table th,
.wp-block-table th {
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-font-size-caption);
}
table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--clb-fill-color);
}
table.is-style-stripes td,
.wp-block-table.is-style-stripes td {
border-color: var(--clb-border-color);
}
table.-unstyle,
.wp-block-table.-unstyle {
line-height: var(--clb-text-line-heigth-small);
}
table.-unstyle td,
table.-unstyle th,
.wp-block-table.-unstyle td,
.wp-block-table.-unstyle th {
vertical-align: top;
} a {
text-decoration: none;
background-repeat: no-repeat;
background-size: 100% 0.18em;
background-position: 0px 110%;
color: var(--clb-link-color);
}
a:not(.-unlink):hover,
a:not(.-unlink).-dashed {
color: var(--clb-link-hover-color);
}
a:not(.-unlink).-undash {
background-image: none;
}
a.titles-typo {
letter-spacing: -0.02rem;
}
a:hover,
a .title:hover {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
@keyframes underline {
0% {
background-size: 100% 0.18em;
background-position: 0 110%;
}
50% {
background-size: 0% 0.18em;
background-position: 0 110%;
}
50.01% {
background-size: 0% 0.18em;
background-position: right 0 top 110%;
}
100% {
background-size: 100% 0.18em;
background-position: right 0 top 110%;
}
}
.links-underline a:not(.button):not(.tag):not(.-undash):hover,
.links-underline a:not(.button):not(.tag):not(.-undash).-dashed {
animation: 0.4s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running underline;
background-image: linear-gradient(currentColor 0px, currentColor 100%);
}  h1,
h2,
h3,
h4,
h5,
h6,
.font-titles,
.titles-typo {
font-family: var(--clb-titles-font-family);
font-weight: var(--clb-titles-font-weight);
margin: 0;
}
h1:not(.title) + *,
h2:not(.title) + *,
h3:not(.title) + *,
h4:not(.title) + *,
h5:not(.title) + *,
h6:not(.title) + *,
.font-titles:not(.title) + *,
.titles-typo:not(.title) + * {
margin-block-start: 1em;
}
h1.heading-md,
h1.wc-prl-title,
h2.heading-md,
h2.wc-prl-title,
h3.heading-md,
h3.wc-prl-title,
h4.heading-md,
h4.wc-prl-title,
h5.heading-md,
h5.wc-prl-title,
h6.heading-md,
h6.wc-prl-title,
.font-titles.heading-md,
.font-titles.wc-prl-title,
.titles-typo.heading-md,
.titles-typo.wc-prl-title {
font-size: var(--clb-font-size-md-titles);
margin-bottom: var(--clb-spacer-4);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--clb-titles-color);
font-size: var(--clb-titles-font-size);
letter-spacing: var(--clb-titles-letter-spacing);
line-height: var(--clb-titles-line-height);
font-style: var(--clb-titles-style);
text-transform: var(--clb-titles-text-transform);
text-decoration: var(--clb-titles-text-decoration);
}
h1 {
font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size));
letter-spacing: var(--clb-titles-h1-letter-spacing);
line-height: var(--clb-titles-h1-line-height);
}
h2 {
font-size: clamp(var(--clb-titles-h2-font-size-min), calc(3.15vw + 0.25rem), var(--clb-titles-h2-font-size));
letter-spacing: var(--clb-titles-h2-letter-spacing);
line-height: var(--clb-titles-h2-line-height);
}
h3 {
font-size: clamp(var(--clb-titles-h3-font-size-min), calc(2.205vw + 0.25rem), var(--clb-titles-h3-font-size));
letter-spacing: var(--clb-titles-h3-letter-spacing);
line-height: var(--clb-titles-h3-line-height);
}
h3:not(.title) + * {
margin-top: 1rem;
}
h4 {
font-size: clamp(var(--clb-titles-h4-font-size-min), calc(1.5435vw + 0.25rem), var(--clb-titles-h4-font-size));
letter-spacing: var(--clb-titles-h4-letter-spacing);
line-height: var(--clb-titles-h4-line-height);
}
h5 {
font-size: clamp(var(--clb-titles-h5-font-size-min), calc(1.25332vw + 0.25rem), var(--clb-titles-h5-font-size));
letter-spacing: var(--clb-titles-h5-letter-spacing);
line-height: var(--clb-titles-h5-line-height);
}
h6 {
font-size: var(--clb-titles-h6-font-size);
letter-spacing: var(--clb-titles-h6-letter-spacing);
line-height: var(--clb-titles-h6-line-height);
}
h4:not(.title) + *,
h5:not(.title) + *,
h6:not(.title) + * {
margin-top: 0.75rem;
} *,
*::before,
*::after {
box-sizing: border-box;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote,
q {
margin: 0;
padding: 0 0 0 var(--clb-spacer-5);
quotes: "" "";
position: relative;
border-left: var(--clb-spacer-05) var(--clb-border-style-solid) var(--clb-color-neutral);
}
blockquote p,
q p {
margin: 0;
font-style: normal;
font-weight: var(--clb-body-font-weight);
position: relative;
}
blockquote cite,
blockquote h4,
q cite,
q h4 {
position: relative;
text-align: left;
margin-top: var(--clb-spacer-05);
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-font-size-small);
font-style: normal;
}
address {
margin: 0 0 1.5em;
font-style: normal;
}
pre {
font-family: var(--clb-code-font-family);
font-size: var(--clb-font-size-extra-small);
background-color: var(--clb-fill-color);
border-left: var(--clb-spacer-05) var(--clb-border-style-solid) var(--clb-fill-color);
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: var(--clb-spacer-3);
}
pre > a {
color: inherit !important;
font-weight: var(--clb-text-semi-bold);
}
pre:not(.-warning) {
border-radius: var(--clb-border-radius);
}
pre.-warning {
margin: 0;
border-top-right-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
pre.-warning + pre {
margin-top: 0;
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
color: var(--clb-color-warning);
border-top-right-radius: 0;
border-top-left-radius: 0;
}
code {
font-family: var(--clb-code-font-family);
font-size: var(--clb-font-size-small);
color: var(--clb-body-color-grey);
background-color: var(--clb-fill-color);
padding: 3px 6px;
word-break: normal;
border-radius: var(--clb-border-radius-small);
}
caption {
font-size: var(--clb-font-size-caption);
font-weight: var(--clb-text-semi-bold);
}
code,
kbd,
tt,
var {
font-family: var(--clb-code-font-family);
}
abbr,
acronym {
border-bottom: 1px dotted var(--clb-fill-color);
cursor: var(--clb-cursor-help);
}
mark,
ins {
text-decoration: none;
}
mark {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
padding: var(--clb-spacer-05) 0;
color: inherit;
}
big {
font-size: 125%;
}  .site-content {
background-color: var(--clb-color-white);
min-height: calc(100vh - 25vh);
}
.site-content::before {
content: "";
display: table;
clear: both;
}
@supports (-webkit-touch-callout: none) {
.site-content {
overflow-x: hidden;
}
}
.page-container {
margin: 0 auto;
position: relative;
padding-left: var(--clb-container-side-gutter);
padding-right: var(--clb-container-side-gutter);
}
.page-container:not(.-full-w) {
max-width: var(--clb-container-width);
}
.page-container.-full-w.-reset-padding {
padding-left: 0;
padding-right: 0;
}
.page-container.top-offset {
padding-top: var(--clb-grid-gutter-5x);
}
.page-container.top-offset:has(> .slide-in) {
padding-top: 0;
}
.page-container.bottom-offset {
padding-bottom: var(--clb-grid-gutter-5x);
}
.page-container::after {
content: "";
display: table;
clear: both;
}
.boxed-container {
position: relative;
}
.content-area::after {
content: "";
display: table;
clear: both;
}
body.page-is-loaded .color-switcher-toddler {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: transform, color;
}
.single-post .page-content.-left .content-area .vc_col-lg-8,
.single-post .page-content.-right .content-area .vc_col-lg-8 {
left: auto;
width: 100%;
}
.search-no-results .breadcrumbs,
.search-no-results .woo-sidebar {
display: none;
}
.search-no-results .page-content.-left,
.search-no-results .page-content.-right {
width: 100%;
}
.global-page-animation > #page {
opacity: 0;
margin-top: calc(var(--clb-spacer-5) * (-1));
transition-duration: .5s;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.global-page-animation.global-page-animation-active > #page {
opacity: 1;
margin-top: 0;
}
.global-page-animation.global-page-animation-fade-out > #page {
opacity: 0;
margin-top: calc(var(--clb-spacer-5) * (-1));
} .page-sidebar {
float: right;
position: relative;
z-index: 1;
width: calc(25% - var(--clb-grid-gutter) * 1.5);
margin-bottom: 50px;
}
.page-sidebar.-left {
float: left;
}
.page-sidebar.-right {
float: right;
}
.page-sidebar.-boxed {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
} .menu-blank.button {
color: inherit;
min-height: var(--clb-spacer-10);
padding: 0 var(--clb-spacer-3);
border: var(--clb-border-width-double) var(--clb-border-style-dashed) rgba(236, 128, 19, 0.5) !important;
}
.menu-blank.button:hover {
border: var(--clb-border-width-double) var(--clb-border-style-dashed) color-mix(in srgb, var(--clb-color-primary) 75%, transparent) !important;
}
.has-submenu-icon {
position: absolute;
top: 50%;
transform-origin: center;
transform: translateY(-50%) scale(0.75) rotate(0deg);
right: 0;
line-height: 0;
opacity: .5;
}
.has-submenu-icon .menu-plus {
transition: transform var(--clb-transition-function) var(--clb-transition-duration);
}
.has-submenu.visible > a > .has-submenu-icon .menu-plus,
.has-submenu.active > a > .has-submenu-icon .menu-plus,
.has-submenu:hover > a > .has-submenu-icon .menu-plus {
transform: rotate(135deg) !important;
}
.menu,
.menu .sub-menu,
.menu .sub-sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.menu > li::before,
.menu .sub-menu > li::before,
.menu .sub-sub-menu > li::before {
content: "";
display: none;
}
.nav {
cursor: var(--clb-cursor-default);
font-size: var(--clb-font-size-menu);
font-weight: var(--clb-text-medium);
position: relative;
height: 100%;
}
.nav .menu .sub-menu {
font-size: var(--clb-font-size-submenu);
}
.nav .menu li {
z-index: 11;
}
.nav.hidden {
display: flex;
align-items: center;
}
.nav a::before,
.nav .close-bar {
display: none;
}
.nav .slide-in-overlay {
display: block;
}
.nav.with-highlighted-menu .nav-item .menu-link:hover,
.nav.with-highlighted-menu .nav-item.current-menu-item > .menu-link {
color: var(--clb-color-primary);
}
.nav.with-counters .nav-item:not(.version) {
counter-increment: number;
}
.nav.with-counters .nav-item:not(.version) > a > span {
position: relative;
}
.nav.with-counters .nav-item:not(.version) > a > span::before {
content: "0" counter(number);
display: inline-block;
font-weight: var(--clb-text-bold);
width: auto;
right: 0;
top: -0.65em;
line-height: 0.6em;
font-size: 0.6em;
position: absolute;
height: auto;
opacity: .75;
}
.nav.hidden:not(.-visible) {
display: none;
}
.header .menu li {
position: relative;
padding: 0;
}
.header .menu li span {
white-space: normal;
line-height: var(--clb-titles-h5-line-height);
gap: 0 var(--clb-gap);
flex-wrap: wrap;
display: flex;
flex-direction: column;
justify-content: center;
}
.header .menu li span .menu-link-subtitle {
opacity: 0.75;
font-size: var(--clb-font-size-extra-small);
font-weight: normal;
}
.header .menu li .menu-link-icon-image {
margin-left: -0.275rem;
object-fit: cover;
width: 2.25rem;
min-width: 2.25rem;
height: 2.25rem;
}
.header .menu .wide-menu-description {
font-weight: normal;
font-size: var(--clb-font-size-small);
line-height: var(--clb-text-line-heigth-small);
}
.header .menu img {
border-radius: var(--clb-border-radius);
}
.header:not(.-mobile) .menu {
min-height: 2.75rem;
display: flex;
align-items: stretch;
}
.header:not(.-mobile) .menu li > ul {
background-color: var(--clb-color-white);
padding: var(--clb-spacer-05);
width: auto;
position: absolute;
left: 0;
top: 2.75rem;
z-index: 10;
margin: 0;
min-width: 14.5rem;
gap: 0.125rem;
opacity: 0;
visibility: hidden;
transform-origin: 50% -50px;
transform: perspective(400px) rotateX(-10deg);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
display: flex;
flex-direction: column;
border-radius: var(--clb-border-radius);
box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
transition-property: transform, opacity, visibility;
}
.header:not(.-mobile) .menu li > ul > li {
margin: 0;
line-height: 100%;
font-weight: var(--clb-body-font-weight);
}
.header:not(.-mobile) .menu li > ul > li a {
padding: 0.438rem var(--clb-spacer-2);
min-height: 2.375rem;
gap: 0 var(--clb-gap);
display: flex;
align-items: center;
border-radius: calc(var(--clb-border-radius) * 0.85);
}
.header:not(.-mobile) .menu li > ul > li a:hover {
background-color: var(--clb-fill-color);
}
.header:not(.-mobile) .menu li > ul > li a > .has-submenu-icon > .menu-chevron {
display: none;
}
.header:not(.-mobile) .menu li > ul > li > ul {
top: calc(var(--clb-spacer-05) * (-1));
left: calc(100% + var(--clb-spacer-05));
}
.header:not(.-mobile) .menu li > ul .has-submenu-icon {
margin-right: var(--clb-spacer-2);
}
.header:not(.-mobile) .menu li.active > ul,
.header:not(.-mobile) .menu li:hover > ul {
transform: none;
visibility: visible;
z-index: 200;
transform: none;
visibility: visible;
opacity: 1;
}
.header:not(.-mobile) .menu li.active .sub-menu-wide ul,
.header:not(.-mobile) .menu li:hover .sub-menu-wide ul {
visibility: visible;
opacity: 1;
}
.header:not(.-mobile) .menu li.active .menu-chevron,
.header:not(.-mobile) .menu li:hover .menu-chevron {
transform: rotate3d(1, 0, 0, 180deg);
}
.header:not(.-mobile) .menu > .nav-item {
margin: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header:not(.-mobile) .menu > .nav-item > a {
padding: 0 1vw;
height: 100%;
gap: 0.3rem;
display: flex;
align-items: center;
}
.header:not(.-mobile) .menu > .nav-item > a > .has-submenu-icon .menu-chevron {
font-size: 0.5em;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header:not(.-mobile) .menu > .nav-item > a > .has-submenu-icon > .menu-plus {
display: none;
}
.header:not(.-mobile) .menu .sub-menu-wide {
width: calc(100vw - var(--clb-spacer) - var(--clb-spacer));
padding: var(--clb-spacer-4);
gap: var(--clb-spacer-2);
border-radius: var(--clb-border-radius-large);
display: flex;
flex-direction: row;
align-items: stretch;
}
.header:not(.-mobile) .menu .sub-menu-wide > li {
width: calc(100% / 6);
gap: var(--clb-gap);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.header:not(.-mobile) .menu .sub-menu-wide > li.wide-menu-parent-meta > img {
flex-grow: 2;
object-fit: cover;
}
.header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link {
font-size: var(--clb-font-size-extra-small);
opacity: 0.75;
padding-top: 0;
padding-bottom: 0;
min-height: unset;
}
.header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link:hover {
background: transparent;
}
.header:not(.-mobile) .menu .sub-menu-wide ul {
padding: 0;
box-shadow: none !important;
position: static;
transform: none;
min-width: unset;
border-radius: 0;
}
.header:not(.-mobile) .menu .sub-menu-wide .has-submenu-icon {
display: none;
}
.header:not(.-mobile) .menu:hover .nav-item:not(:hover) {
opacity: 0.5;
}
.header:not(.-mobile) .slide-in-overlay {
height: 100%;
}
.header:not(.-mobile) .slide-in-overlay .lang-dropdown {
display: none;
}
.header:not(.-mobile) .slide-in-overlay .holder {
height: 100%;
}
.header:not(.-mobile) .copyright,
.header:not(.-mobile) .mobile-hamburger {
display: none;
}
.header:not(.-mobile) .nav-container {
height: 100%;
display: flex;
align-items: center;
}
.header:not(.-mobile) .nav.with-mobile-menu #mobile-menu {
display: none;
}
.header:not(.-mobile):not(.header-5) .nav.with-multi-level-indicators .menu > .nav-item > a {
padding: 0 0.85vw;
}
.header:not(.-mobile):not(.header-5) .nav.with-multi-level-indicators .menu > .nav-item > a > .has-submenu-icon {
position: static;
transform: scale(0.75);
line-height: inherit;
}
.header.-mobile .menu-chevron {
display: none;
}
.header.-mobile .menu {
margin: 0 calc(var(--clb-spacer-05) * (-1));
}
.header.-mobile .menu > li {
margin: 0;
}
.header.-mobile .menu li > ul {
max-height: 0;
margin: 0;
padding-left: var(--clb-spacer-2);
overflow: hidden;
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header.-mobile .menu li > ul img:not(.menu-link-icon-image) {
margin: var(--clb-spacer-2) 0;
}
.header.-mobile .menu li > ul .wide-menu-description {
margin-bottom: var(--clb-spacer-2);
}
.header.-mobile .menu li > ul.active {
height: auto;
}
.header.-mobile .menu li > ul li.active {
font-weight: var(--clb-text-semi-bold);
}
.header.-mobile .menu li > ul ul {
font-weight: var(--clb-text-medium);
}
.header.-mobile .menu li {
position: relative;
}
.header.-mobile .menu li a {
display: block;
position: relative;
padding: 0.45rem var(--clb-spacer-2);
min-height: 2.5rem;
gap: 0 var(--clb-gap);
display: flex;
align-items: center;
border-radius: var(--clb-border-radius);
}
.header.-mobile .menu li a .has-submenu-icon {
right: calc(var(--clb-spacer-05) * (-1));
position: absolute;
min-width: var(--clb-circle-small);
width: var(--clb-circle-small);
height: var(--clb-circle-small);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.header.-mobile .menu li a .has-submenu-icon .icon svg {
transform: none;
}
.header.-mobile .menu li.active > a {
background-color: var(--clb-fill-color);
}
.header.-mobile .menu li.active > ul {
opacity: 1;
max-height: 400vh;
}
.header.-mobile .nav.hide-mobile-menu-images .wide-menu-image {
display: none;
}
.header.-mobile .nav.hide-mobile-menu-descriptions .wide-menu-description {
display: none;
}
.header.-mobile .nav.with-mobile-menu #menu-primary {
display: none;
}
.header.-mobile .nav:not(.with-mobile-menu) #mobile-menu {
display: none;
}
.header.-mobile .desktop-hamburger {
display: none;
}
.hamburger {
user-select: none;
border: none;
padding: 0;
background-color: unset;
}
.hamburger-button {
background-color: unset;
padding: 0;
border: none;
}
.hamburger-outer {
background-color: var(--clb-fill-color);
display: inline-flex;
vertical-align: middle;
align-items: center;
border-radius: var(--clb-circle);
}
.hamburger-outer > .hamburger.icon-button {
margin-right: 0 !important;
background-color: transparent;
}
.hamburger-caption {
margin: 0 var(--clb-spacer-1);
text-transform: uppercase;
font-weight: var(--clb-text-medium);
font-size: var(--clb-font-size-caption);
}
.hamburger.icon-button > .icon {
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: column;
align-items: flex-start;
}
.hamburger.icon-button > .icon::after,
.hamburger.icon-button > .icon::before {
content: "";
height: 2px;
margin: 3px 0;
background-color: currentColor;
}
.hamburger.icon-button > .icon::before {
width: 1.375rem;
}
.hamburger.icon-button > .icon::after {
width: 1.1rem;
}
.menu-optional {
position: relative;
display: flex;
align-items: center;
}
.menu-optional .custom-icon {
max-width: 50%;
}
.menu-optional .button-group {
gap: var(--clb-gap);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.hamburger-nav {
padding: var(--clb-spacer);
display: flex;
flex-direction: column;
}
.hamburger-nav-holder {
height: 100%;
top: var(--clb-spacer);
display: flex;
align-items: center;
}
.hamburger-nav .menu {
counter-reset: number;
width: 25%;
position: relative;
}
.hamburger-nav .menu li {
color: var(--clb-color-white);
}
.hamburger-nav .menu .wide-menu-image,
.hamburger-nav .menu .wide-menu-description {
display: none;
}
.hamburger-nav .menu-blank.-outlined {
color: var(--clb-color-white);
}
.hamburger-nav .menu .menu-chevron {
display: none;
}
.hamburger-nav .menu.menu-blank {
width: auto;
margin: 0;
color: var(--clb-color-white);
}
.hamburger-nav .menu .nav-item {
counter-increment: number;
}
.hamburger-nav .menu .nav-item > a::before {
content: "0" counter(number);
display: inline-block;
opacity: 1;
font-weight: var(--clb-text-bold);
width: auto;
vertical-align: top;
line-height: 20px;
font-size: 14px;
position: relative;
height: auto;
background: transparent;
align-self: flex-start;
color: currentColor;
opacity: 0.5;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav .menu .mega-menu-item {
margin: 0;
padding: var(--clb-spacer-05) 2.5rem var(--clb-spacer-05) 0px;
list-style-type: none;
line-height: var(--clb-titles-h1-line-height);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav .menu .mega-menu-item > a {
width: 100%;
vertical-align: middle;
font-weight: var(--clb-text-bold);
font-size: 5vh;
font-family: var(--clb-titles-font-family);
display: block;
position: relative;
z-index: 2;
gap: 0.35em;
display: flex;
align-items: center;
}
.hamburger-nav .menu .mega-menu-item > a:hover,
.hamburger-nav .menu .mega-menu-item > a:focus {
color: inherit;
}
.hamburger-nav .menu .mega-menu-item > a span {
gap: 0 var(--clb-gap);
line-height: var(--clb-titles-h4-line-height);
flex-wrap: wrap;
display: flex;
flex-direction: column;
justify-content: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav .menu .mega-menu-item > a span .menu-link-subtitle {
font-size: 0.5em;
text-transform: none;
}
.hamburger-nav .menu .mega-menu-item > a .menu-link-icon-image {
object-fit: cover;
width: 0.85em;
min-width: 0.85em;
height: 0.85em;
border-radius: var(--clb-border-radius);
}
.hamburger-nav .menu .mega-menu-item.new > .menu-link::after,
.hamburger-nav .menu .mega-menu-item.version > .menu-link::after {
font-size: 0.275em;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav .menu .mega-menu-item.version > .menu-link::after {
background-color: var(--clb-color-grey);
}
.hamburger-nav .menu .mega-menu-item .has-submenu-icon:not(:hover) {
transform: translateY(-50%) scale(1) rotate(0deg);
}
.hamburger-nav .menu .mega-menu-item > ul {
width: 100%;
margin: 0;
position: absolute;
top: 0;
left: 100%;
z-index: 1;
visibility: hidden;
opacity: 0;
}
.hamburger-nav .menu .mega-menu-item > ul.visible {
opacity: 1;
visibility: visible;
}
.hamburger-nav .menu .mega-menu-item.active > a span,
.hamburger-nav .menu .mega-menu-item.active > a::after,
.hamburger-nav .menu .mega-menu-item:hover > a span,
.hamburger-nav .menu .mega-menu-item:hover > a::after {
opacity: .5;
}
.hamburger-nav .menu .mega-menu-item.active > a::before,
.hamburger-nav .menu .mega-menu-item:hover > a::before {
opacity: 0;
}
.hamburger-nav .menu .mega-menu-item.active > a .ion,
.hamburger-nav .menu .mega-menu-item:hover > a .ion {
color: var(--clb-color-primary);
}
.hamburger-nav .menu .mega-menu-item.active > ul,
.hamburger-nav .menu .mega-menu-item:hover > ul {
opacity: 1;
visibility: visible;
}
.hamburger-nav .menu .mega-menu-item.active > ul > *,
.hamburger-nav .menu .mega-menu-item:hover > ul > * {
transform: none;
visibility: visible;
opacity: 1;
}
.hamburger-nav-details {
color: var(--clb-body-color-grey);
font-size: var(--clb-font-size-small);
padding-top: 2rem;
padding-right: 2rem;
flex-wrap: wrap;
display: flex;
align-items: flex-start;
}
.hamburger-nav-details .lang-dropdown {
background-color: var(--clb-fill-color);
color: var(--clb-color-white);
width: auto;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.hamburger-nav-details .details-column {
width: 25%;
margin: var(--clb-spacer-3) 0;
}
.hamburger-nav-details .details-column a {
color: inherit;
}
.hamburger-nav-details .details-column b,
.hamburger-nav-details .details-column .network {
color: var(--clb-color-white);
}
.hamburger-nav:not(.type2):not(.type3) {
padding-left: var(--clb-grid-gutter-4x);
padding-right: var(--clb-grid-gutter-4x);
}
.hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item.active > a span:not(.menu-link-subtitle),
.hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item.active > a::after,
.hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item:hover > a span:not(.menu-link-subtitle),
.hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item:hover > a::after {
transform: translateX(var(--clb-spacer-3));
}
.hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item.active > a::before,
.hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item:hover > a::before {
transform: translateX(var(--clb-spacer-3));
}
.hamburger-nav.type2,
.hamburger-nav.type3 {
display: block;
}
.hamburger-nav.type2 .page-container,
.hamburger-nav.type3 .page-container {
height: 100%;
display: flex;
flex-direction: column;
}
.hamburger-nav.type2 .hamburger-nav-holder,
.hamburger-nav.type3 .hamburger-nav-holder {
overflow-x: hidden;
overflow-y: scroll;
scrollbar-width: none;
justify-content: center;
}
.hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar,
.hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar-thumb,
.hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar,
.hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar-thumb {
visibility: hidden;
}
.hamburger-nav.type2 .menu,
.hamburger-nav.type3 .menu {
min-width: initial;
text-align: center;
width: 40vw;
}
.hamburger-nav.type2 .menu .has-submenu-icon,
.hamburger-nav.type3 .menu .has-submenu-icon {
position: static;
top: 0;
right: 0;
margin-left: -3rem;
transform: translate(100%, 0);
z-index: 1;
}
.hamburger-nav.type2 .menu .has-submenu-icon:not(:hover),
.hamburger-nav.type3 .menu .has-submenu-icon:not(:hover) {
transform: translate(100%, 0);
}
.hamburger-nav.type2 .menu .has-submenu-icon .ion,
.hamburger-nav.type3 .menu .has-submenu-icon .ion {
background-color: transparent;
font-size: 1.25em;
}
.hamburger-nav.type2 .menu li,
.hamburger-nav.type3 .menu li {
padding-right: 0;
white-space: nowrap;
position: relative;
overflow: hidden;
text-transform: uppercase;
}
.hamburger-nav.type2 .menu li > a,
.hamburger-nav.type3 .menu li > a {
position: relative;
width: auto;
gap: 0;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.hamburger-nav.type2 .menu li > a span,
.hamburger-nav.type3 .menu li > a span {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav.type2 .menu li > a span:not(.menu-link-subtitle),
.hamburger-nav.type3 .menu li > a span:not(.menu-link-subtitle) {
padding: 0px 10px;
}
.hamburger-nav.type2 .menu li > a span.cloned,
.hamburger-nav.type3 .menu li > a span.cloned {
position: absolute;
top: 0;
transform: translateY(100%);
opacity: 0;
}
.hamburger-nav.type2 .menu li > a::before,
.hamburger-nav.type3 .menu li > a::before {
position: absolute;
left: calc(var(--clb-spacer-3) * (-1));
}
.hamburger-nav.type2 .menu li > ul,
.hamburger-nav.type3 .menu li > ul {
max-height: 0vh;
overflow: hidden;
position: static;
visibility: visible !important;
opacity: 1 !important;
margin: 0;
align-items: flex-start;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav.type2 .menu li > ul span,
.hamburger-nav.type3 .menu li > ul span {
font-size: 0.75em;
}
.hamburger-nav.type2 .menu li.active > ul,
.hamburger-nav.type3 .menu li.active > ul {
max-height: 100vh;
margin: var(--clb-spacer) 0;
}
.hamburger-nav.type2 .menu li:hover .has-submenu-icon,
.hamburger-nav.type3 .menu li:hover .has-submenu-icon {
transform: translateX(100%);
}
.hamburger-nav.type2 .menu li:hover > a span:not(.cloned),
.hamburger-nav.type3 .menu li:hover > a span:not(.cloned) {
transform: translateY(-110%);
opacity: 0;
}
.hamburger-nav.type2 .menu li:hover > a span.cloned,
.hamburger-nav.type3 .menu li:hover > a span.cloned {
transform: translateY(0);
opacity: .5;
}
.hamburger-nav.type2 .hamburger-nav-details {
justify-content: center;
}
.hamburger-nav.type3 {
padding: 0;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.hamburger-nav.type3 > .page-container {
flex-direction: row;
align-items: center;
justify-content: center;
}
.hamburger-nav.type3 .hamburger-nav-holder {
width: 75%;
justify-content: flex-start;
}
.hamburger-nav.type3 .menu {
width: 100%;
max-height: calc(100vh - var(--clb-header-height) * 2);
}
.hamburger-nav.type3 .menu .mega-menu-item > a {
overflow: hidden;
padding-left: var(--clb-grid-gutter);
font-size: 10vh;
display: flex;
justify-content: flex-start;
}
.hamburger-nav.type3 .menu .mega-menu-item > a span {
line-height: .95;
align-items: flex-start;
}
.hamburger-nav.type3 .menu .mega-menu-item > a span.cloned {
-webkit-text-stroke: 1px currentColor;
-webkit-text-fill-color: transparent;
}
.hamburger-nav.type3 .menu .mega-menu-item > a::before {
left: 0;
}
.hamburger-nav.type3 .menu .mega-menu-item > a .menu-link-icon-image {
object-fit: cover;
width: 0.5em;
min-width: 0.5em;
height: 0.5em;
}
.hamburger-nav.type3 .menu .mega-menu-item.new > .menu-link::after,
.hamburger-nav.type3 .menu .mega-menu-item.version > .menu-link::after {
font-size: 0.15em;
}
.hamburger-nav.type3 .hamburger-nav-details {
width: 25%;
height: 100%;
padding-left: var(--clb-spacer);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.hamburger-nav.type3 .hamburger-nav-details .details-column {
width: 100%;
} .header {
background: transparent;
vertical-align: middle;
left: 0;
right: 0;
z-index: 60;
}
.header:not(.header-8) {
border-color: var(--clb-header-border-color);
}
.header:not(.header-sidebar):not(.header-8) {
border-bottom-style: var(--clb-header-border-style);
border-bottom-width: var(--clb-border-width);
}
.header.header-sidebar {
border-right-style: var(--clb-header-border-style);
border-right-width: var(--clb-border-width);
}
.header:not(.-fixed) {
position: absolute;
}
.header-cap {
width: 100%;
height: var(--clb-header-height);
}
.header-wrap {
position: relative;
z-index: 1;
height: var(--clb-header-height);
}
.header-wrap .left-part,
.header-wrap .right-part,
.header-wrap .top-part {
display: flex;
align-items: center;
}
.header-wrap .right-part {
justify-content: flex-end;
}
.header-wrap-inner {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-wrap-inner.vertical-inner {
flex-direction: column;
}
.header-wrap-inner .menu-optional {
display: flex;
align-items: center;
}
.header-wrap:not(.page-container) {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.header-wrap.wrapped-container {
padding: 0 15px;
}
.header-wrap .top-part {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-wrap .bottom-part {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.header .social-bar {
display: none;
}
.header ul li {
list-style: none;
}
.header .logo-sticky,
.header .logo-mobile,
.header .logo-sticky-mobile {
display: none;
}
.header .desktop-hamburger.-left .hamburger-outer,
.header .mobile-hamburger.-left .hamburger-outer,
.header .top-part-inner.-left .hamburger-outer,
.header .middle-part-inner.-left .hamburger-outer {
padding-right: var(--clb-spacer-2);
}
.header .desktop-hamburger.-right .hamburger-outer,
.header .mobile-hamburger.-right .hamburger-outer {
padding-left: var(--clb-spacer-2);
flex-direction: row-reverse;
}
.header.header-2 .header-wrap .top-part:not(.page-container) {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.header.header-2:not(.-mobile) .header-wrap {
height: var(--clb-header-height-2);
padding: 0;
display: flex;
justify-content: stretch;
flex-direction: column;
}
.header.header-2:not(.-mobile) .header-wrap .left-part,
.header.header-2:not(.-mobile) .header-wrap .right-part {
min-width: 25vw;
}
.header.header-2:not(.-mobile) .header-wrap .top-part.page-container::after {
content: none;
}
.header.header-2:not(.-mobile) .header-wrap .middle-part {
border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
}
.header.header-2:not(.-mobile) .header-wrap .bottom-part {
flex-grow: 1;
}
.header.header-2:not(.-mobile) .header-wrap .top-part,
.header.header-2:not(.-mobile) .header-wrap .bottom-part {
height: auto;
padding-top: 1.5vh;
padding-bottom: 1.5vh;
}
.header.header-2:not(.-mobile).-sticky .header-wrap {
height: 17vh;
}
.header.header-2.-mobile .header-wrap {
padding: 0;
}
.header.header-2.-mobile .header-wrap .right-part {
flex-grow: 2;
}
.header.header-2.-mobile .branding + .menu-optional {
flex-grow: 2;
justify-content: flex-end;
}
.header.header-3:not(.-mobile) .nav,
.header.header-8:not(.-mobile) .nav {
position: absolute;
z-index: 1;
left: 50%;
transform: translateX(-50%);
}
.header.header-4 .left-part {
display: flex;
align-items: center;
}
.header.header-4 .left-part .desktop-hamburger {
margin-right: var(--clb-spacer-3);
}
.header.header-4 .left-part .menu-optional > li:first-child {
padding-left: 0;
}
.header.header-4.-mobile .right-part {
flex-grow: 2;
}
.header.header-4:not(.-mobile) {
opacity: 0;
transition-duration: var(--clb-transition-duration-faster);
transition-timing-function: var(--clb-transition-function);
transition-property: opacity;
}
.header.header-4:not(.-mobile) .branding {
z-index: 11;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header.header-4:not(.-mobile) .branding-title {
width: auto;
padding: 0 30px;
}
.header.header-4:not(.-mobile) .top-part {
height: 100%;
position: relative;
}
.header.header-4:not(.-mobile) .top-part .nav {
position: absolute;
}
.header.header-4:not(.-mobile) .top-part.page-container::after {
display: none;
}
.header.header-5:not(.-mobile) {
width: var(--clb-header-height-5);
min-height: 100%;
position: fixed;
top: 0;
left: 0;
padding: 0;
}
.header.header-5:not(.-mobile) .header-wrap {
height: 100vh;
padding-bottom: var(--clb-spacer);
}
.header.header-5:not(.-mobile) .header-wrap .top-part {
min-height: var(--clb-header-height);
justify-content: flex-start;
}
.header.header-5:not(.-mobile) .header-wrap .bottom-part {
justify-content: flex-start;
}
.header.header-5:not(.-mobile) .middle-part,
.header.header-5:not(.-mobile) .slide-in-overlay {
width: 100%;
}
.header.header-5:not(.-mobile) .menu {
width: 100%;
font-size: var(--clb-font-size-large);
flex-direction: column;
}
.header.header-5:not(.-mobile) .menu li .wide-menu-image,
.header.header-5:not(.-mobile) .menu li .wide-menu-description {
display: none;
}
.header.header-5:not(.-mobile) .menu li span .menu-link-subtitle {
color: var(--clb-body-color-grey-light);
}
.header.header-5:not(.-mobile) .menu li .sub-menu {
margin-left: var(--clb-spacer);
padding-left: var(--clb-spacer);
}
.header.header-5:not(.-mobile) .menu li .sub-menu,
.header.header-5:not(.-mobile) .menu li .sub-menu .sub-sub-menu {
box-shadow: none;
background: transparent;
}
.header.header-5:not(.-mobile) .menu li > ul {
box-shadow: none;
min-width: var(--clb-header-height-5);
position: absolute;
top: 0;
left: 100%;
color: var(--clb-color-white);
background-color: transparent;
padding: 0;
transform: none;
}
.header.header-5:not(.-mobile) .menu li > ul li {
transition-duration: var(--clb-transition-duration);
}
.header.header-5:not(.-mobile) .menu li:hover > ul,
.header.header-5:not(.-mobile) .menu li:hover > ul > *,
.header.header-5:not(.-mobile) .menu li:hover::after {
transform: translateX(0);
visibility: visible;
opacity: 1;
}
.header.header-5:not(.-mobile) .menu > .nav-item > a {
padding: 0.35rem 0;
}
.header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-plus {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-chevron {
display: none;
}
.header.header-5:not(.-mobile) .menu > .nav-item::after {
content: "";
height: 100vh;
position: fixed;
left: var(--clb-header-height-5);
right: 0;
top: 0;
z-index: -1;
pointer-events: none;
visibility: hidden;
opacity: 0;
background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header.header-5:not(.-mobile) .menu-optional {
position: relative;
flex-direction: column;
justify-content: flex-end;
}
.header.header-5:not(.-mobile) .menu-optional .cart-button {
flex-direction: row-reverse;
justify-content: flex-end;
}
.header.header-5:not(.-mobile) .menu-optional > li {
width: 100%;
}
.header.header-5:not(.-mobile) .menu-optional > li,
.header.header-5:not(.-mobile) .menu-optional > li:first-child {
padding-left: 0;
}
.header.header-5:not(.-mobile) .menu-optional > li .cart-mini {
top: auto;
bottom: var(--clb-spacer);
right: auto;
left: 0;
margin-left: var(--clb-spacer);
margin-bottom: calc(var(--clb-circle) + 30px);
position: fixed;
}
.header.header-6:not(.-mobile) .branding {
padding: 0 var(--clb-spacer-2);
white-space: nowrap;
min-width: 25vh;
justify-content: flex-end;
}
.header.header-7 .branding {
white-space: nowrap;
}
.header.header-7:not(.-mobile) .header-wrap-inner {
align-items: center;
}
.header.header-7:not(.-mobile) .branding {
top: 0;
}
.header.header-7:not(.-mobile) .middle-part {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.header.header-7:not(.-mobile) .middle-part .hamburger-outer {
padding-left: var(--clb-spacer-2);
padding-right: unset;
transform: rotate(-90deg);
flex-direction: row-reverse;
}
.header.header-7:not(.-mobile) .middle-part .hamburger-outer > .hamburger {
transform: rotate(90deg);
}
.header.header-7.-mobile .top-part {
order: 2;
}
.header.header-7.-mobile .middle-part {
order: 1;
}
.header.header-7.-mobile .bottom-part {
order: 3;
}
.header.header-8 {
padding: var(--clb-grid-gutter) var(--clb-spacer);
}
.header.header-8 .header-wrap {
height: var(--clb-header-height-8);
}
.header.header-8 .header-wrap:not(.page-container) {
padding-left: 0;
padding-right: 0;
}
.header.header-8 .header-wrap-inner {
padding: var(--clb-spacer-1) var(--clb-grid-gutter);
background-color: var(--clb-fill-color);
border-width: var(--clb-border-width);
border-radius: var(--clb-border-radius-large);
}
.header.header-8:not(.-sticky) .header-wrap-inner {
border-style: var(--clb-header-border-style);
border-color: var(--clb-header-border-color);
}
.header.header-8.-sticky .header-wrap-inner {
background-color: var(--clb-color-white);
border-style: var(--clb-sticky-header-border-style);
border-color: var(--clb-sticky-header-border-color);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}
.header.header-8.-mobile .header-wrap-inner {
padding: var(--clb-spacer-1);
}
.header:not(.-mobile).-with-contained-menu.header-1 .menu,
.header:not(.-mobile).-with-contained-menu.header-2 .menu,
.header:not(.-mobile).-with-contained-menu.header-3 .menu,
.header:not(.-mobile).-with-contained-menu.header-4 .menu {
padding: var(--clb-spacer-05) 0.35rem;
background-color: var(--clb-fill-color);
border-radius: 1.375rem;
}
.header:not(.-mobile).-with-contained-menu.header-1 .menu {
margin: 0 var(--clb-grid-gutter);
}
.header:not(.-mobile).header-sidebar {
border-right-width: 1px;
}
.header:not(.-mobile):not(.header-sidebar) .menu-optional .icon-button:not(.cart) {
min-width: var(--clb-circle-small);
width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.header:not(.-mobile).header-6,
.header:not(.-mobile).header-7 {
width: var(--clb-header-height-6);
position: fixed;
left: 0;
top: 0;
height: 100%;
}
.header:not(.-mobile).header-6.-sticky .header-wrap,
.header:not(.-mobile).header-7.-sticky .header-wrap {
height: 100%;
}
.header:not(.-mobile).header-6 .header-wrap,
.header:not(.-mobile).header-7 .header-wrap {
height: 100%;
}
.header:not(.-mobile).header-6 .vertical-inner,
.header:not(.-mobile).header-7 .vertical-inner {
padding-top: var(--clb-spacer);
padding-bottom: var(--clb-spacer);
}
.header:not(.-mobile).header-6 .header-wrap,
.header:not(.-mobile).header-7 .header-wrap {
padding: 0;
}
.header:not(.-mobile).header-6 ~ .hamburger-nav.split,
.header:not(.-mobile).header-7 ~ .hamburger-nav.split {
left: 80px;
z-index: 100;
}
.header:not(.-mobile).header-6 .cart-mini,
.header:not(.-mobile).header-7 .cart-mini {
top: auto;
right: auto;
left: 0;
bottom: -3.25rem;
margin-bottom: var(--clb-spacer);
position: fixed;
transform-origin: left bottom;
transform: rotate(90deg) translate(0%, 0%);
}
.header:not(.-mobile).header-6 .menu,
.header:not(.-mobile).header-7 .menu {
display: none;
}
.header:not(.-mobile).header-6 .top-part,
.header:not(.-mobile).header-7 .top-part {
align-items: flex-start;
}
.header:not(.-mobile).header-6 .top-part-inner,
.header:not(.-mobile).header-7 .top-part-inner {
width: 100%;
height: var(--clb-header-height-6);
transform-origin: right top;
transform: rotate(-90deg) translate(0%, -100%);
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.header:not(.-mobile).header-6 .top-part .hamburger,
.header:not(.-mobile).header-7 .top-part .hamburger {
transform: rotate(90deg);
}
.header:not(.-mobile).header-6 .top-part .hamburger-outer,
.header:not(.-mobile).header-7 .top-part .hamburger-outer {
padding-left: var(--clb-spacer-2);
flex-direction: row-reverse;
}
.header:not(.-mobile).header-6 .top-part .menu-blank,
.header:not(.-mobile).header-7 .top-part .menu-blank {
display: none;
}
.header:not(.-mobile).header-6 .bottom-part,
.header:not(.-mobile).header-7 .bottom-part {
height: auto;
position: relative;
justify-content: flex-start;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional,
.header:not(.-mobile).header-7 .bottom-part .menu-optional {
height: var(--clb-header-height-6);
transform-origin: left bottom;
transform: rotate(-90deg) translate(0%, 100%);
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional > li:first-child,
.header:not(.-mobile).header-7 .bottom-part .menu-optional > li:first-child {
padding-left: 0;
padding-right: 0;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional > .button-group,
.header:not(.-mobile).header-7 .bottom-part .menu-optional > .button-group {
margin-right: var(--clb-gap);
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional > .button-group .button,
.header:not(.-mobile).header-7 .bottom-part .menu-optional > .button-group .button {
white-space: nowrap;
transition-property: background-color, color;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional .lang-dropdown,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .lang-dropdown {
margin-right: var(--clb-spacer-3);
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional .cart-button,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .cart-button {
flex-direction: row-reverse;
}
.header:not(.-mobile).extended-menu .hamburger {
display: none;
}
.header:not(.-mobile).hamburger-position-right .left-part .hamburger,
.header:not(.-mobile).hamburger-position-right .menu-optional-left .hamburger,
.header:not(.-mobile).hamburger-position-right .top-part .hamburger {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header:not(.-mobile).hamburger-position-right .right-part .hamburger,
.header:not(.-mobile).hamburger-position-right .menu-optional-right .hamburger,
.header:not(.-mobile).hamburger-position-right .bottom-part .hamburger {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header:not(.-mobile).hamburger-position-left .right-part .hamburger,
.header:not(.-mobile).hamburger-position-left .menu-optional-right .hamburger,
.header:not(.-mobile).hamburger-position-left .bottom-part .hamburger {
display: none;
}
.header:not(.-mobile).hamburger-position-left .left-part .hamburger,
.header:not(.-mobile).hamburger-position-left .menu-optional-left .hamburger,
.header:not(.-mobile).hamburger-position-left .top-part .hamburger {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header.-mobile .social-bar {
display: flex;
}
.header.-mobile.header-sidebar .header-wrap-inner {
flex-direction: row;
}
.header.-mobile.header-sidebar .header-wrap-inner .top-part,
.header.-mobile.header-sidebar .header-wrap-inner .middle-part {
align-items: center;
justify-content: flex-start;
}
.header.-mobile.header-sidebar .header-wrap-inner .middle-part {
display: flex;
}
.header.-mobile.header-sidebar .header-wrap-inner .bottom-part {
justify-content: flex-end;
}
.header.-mobile.header-6 .top-part-inner,
.header.-mobile.header-6 .middle-part-inner,
.header.-mobile.header-7 .top-part-inner,
.header.-mobile.header-7 .middle-part-inner {
display: flex;
}
.header.-sticky {
position: fixed;
top: 0;
}
.header.-sticky:not(.header-8) {
background-color: var(--clb-color-white);
border-color: var(--clb-sticky-header-border-color);
border-bottom-style: var(--clb-sticky-header-border-style);
border-bottom-width: var(--clb-border-width);
}
.header.-sticky:not(.-fixed) {
transform: translate3d(0, -25%, 0);
opacity: 0;
visibility: hidden;
}
.header.-sticky:not(.-fixed):not(.header-8) .header-wrap {
height: var(--clb-sticky-header-height);
}
.header.-sticky.showed {
opacity: 1;
visibility: visible;
transform: none;
z-index: 1000;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header.-sticky.with-header-cap {
margin: 0;
}
.header.-sticky .branding img {
min-height: 38px;
max-height: 4.5vh;
}
.header.-fixed {
position: fixed;
}
.branding {
position: relative;
display: flex;
align-items: center;
}
.branding-title {
font-weight: var(--clb-text-bold);
font-size: 1.4em;
}
.branding-title .light {
color: var(--clb-color-white);
}
.branding:hover {
opacity: .65;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.branding .logo:hover img,
.branding .logo-mobile:hover img,
.branding .logo-dynamic:hover img {
transform: none;
}
.branding .logo img,
.branding .logo-mobile img,
.branding .logo-dynamic img {
min-height: 42px;
max-height: 66px;
display: flex;
}
.branding .logo-sticky {
display: none;
}
:not(.is-mobile-menu).with-header-2 .header-cap {
height: var(--clb-header-height-2);
}
:not(.is-mobile-menu).with-header-5.with-spacer .site-content {
padding-left: var(--clb-header-height-5);
}
:not(.is-mobile-menu).with-header-5.with-spacer .site-footer {
margin-left: var(--clb-header-height-5);
}
:not(.is-mobile-menu).with-header-5 .subheader,
:not(.is-mobile-menu).with-header-5 .offer-banner,
:not(.is-mobile-menu).with-header-5 .elements-bar.left,
:not(.is-mobile-menu).with-header-5 .search-global.fixed,
:not(.is-mobile-menu).with-header-5 .scroll-bar-container,
:not(.is-mobile-menu).with-header-5 .back-link {
margin-left: var(--clb-header-height-5);
}
:not(.is-mobile-menu).with-header-5 .notification .alert {
margin-left: calc(var(--clb-header-height-5) / 2);
}
:not(.is-mobile-menu).with-header-7 .hamburger-nav:not(.type2):not(.type3) {
padding-left: var(--clb-header-height);
}
:not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar {
justify-content: center;
}
:not(.is-mobile-menu).with-header-6.with-spacer .site-content,
:not(.is-mobile-menu).with-header-7.with-spacer .site-content {
padding-left: var(--clb-header-height-6);
}
:not(.is-mobile-menu).with-header-6.with-spacer .site-footer,
:not(.is-mobile-menu).with-header-7.with-spacer .site-footer {
margin-left: var(--clb-header-height-6);
}
:not(.is-mobile-menu).with-header-6 .hamburger-nav .close-bar,
:not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar {
width: 100vh;
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
height: var(--clb-header-height-6);
transform-origin: left top;
transform: rotate(90deg) translate(0, -100%);
}
:not(.is-mobile-menu).with-header-6 .subheader,
:not(.is-mobile-menu).with-header-6 .offer-banner,
:not(.is-mobile-menu).with-header-6 .elements-bar.left,
:not(.is-mobile-menu).with-header-6 .search-global.fixed,
:not(.is-mobile-menu).with-header-6 .scroll-bar-container,
:not(.is-mobile-menu).with-header-6 .back-link,
:not(.is-mobile-menu).with-header-7 .subheader,
:not(.is-mobile-menu).with-header-7 .offer-banner,
:not(.is-mobile-menu).with-header-7 .elements-bar.left,
:not(.is-mobile-menu).with-header-7 .search-global.fixed,
:not(.is-mobile-menu).with-header-7 .scroll-bar-container,
:not(.is-mobile-menu).with-header-7 .back-link {
margin-left: var(--clb-header-height-6);
}
:not(.is-mobile-menu).with-header-6 .notification .alert,
:not(.is-mobile-menu).with-header-7 .notification .alert {
margin-left: calc(var(--clb-header-height-6) / 2);
}
:not(.is-mobile-menu).with-header-6 .search-global.fixed,
:not(.is-mobile-menu).with-header-7 .search-global.fixed {
bottom: var(--clb-spacer);
}
:not(.is-mobile-menu).with-header-5 .header-cap,
:not(.is-mobile-menu).with-header-6 .header-cap,
:not(.is-mobile-menu).with-header-7 .header-cap {
display: none;
}
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-5,
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-6,
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-7,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-5,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-6,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-7,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-5,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-6,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-7 {
display: none;
}
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-content,
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-footer,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-content,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-footer,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-content,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-footer {
margin-left: 0;
}
.is-mobile-menu .hamburger-nav {
display: none;
}
.is-mobile-menu .header {
opacity: 1;
}
.is-mobile-menu .mobile-hamburger {
min-width: var(--clb-circle);
}
.is-mobile-menu .mobile-hamburger.-left {
margin-right: var(--clb-spacer-2);
}
.is-mobile-menu .mobile-hamburger.-right {
margin-left: var(--clb-spacer-2);
}
.elementor-html .header:not(.header-5):not(.header-6):not(.header-7),
.vc_editor .header:not(.header-5):not(.header-6):not(.header-7) {
z-index: 0;
}
.slider-with-bullets .elements-bar.right,
.slider-with-bullets .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn,
.slider-with-bullets .portfolio-onepage-slider .clb-slider-nav-btn {
margin-right: var(--clb-bullets-spacer);
}
.slider-with-bullets:not(.slider-with-bullets-type5) .sticky-nav {
margin-right: var(--clb-bullets-spacer);
}
.slider-with-bullets:not(.slider-with-bullets-type8) .header {
margin-right: var(--clb-bullets-spacer);
}
.admin-bar .clb-popup:not(.project-lightbox):not(.clb-gallery-lightbox),
.admin-bar .-sticky:not(.-mobile),
.admin-bar .header-5:not(.-mobile) .top-part,
.admin-bar .header-6:not(.-mobile) .top-part,
.admin-bar .header-7:not(.-mobile) .top-part,
.admin-bar .header-7:not(.-mobile) .middle-part {
margin-top: var(--clb-admin-bar-height);
}
.admin-bar:not(.with-header-sidebar) .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height));
}
.admin-bar:not(.with-header-sidebar).with-offer-banner .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-offer-banner-height));
}
.admin-bar:not(.with-header-sidebar).with-subheader .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-subheader-height));
}
.admin-bar:not(.with-header-sidebar).with-subheader.with-offer-banner .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height));
}
.admin-bar.with-header-sidebar .back-link {
margin-top: var(--clb-admin-bar-height);
}
.admin-bar.with-header-sidebar.with-offer-banner .back-link {
margin-top: calc(var(--clb-admin-bar-height) + var(--clb-offer-banner-height));
}
.admin-bar.with-header-sidebar.with-subheader .back-link {
margin-top: calc(var(--clb-admin-bar-height) + var(--clb-subheader-height));
}
.admin-bar.with-header-sidebar.with-subheader.with-offer-banner .back-link {
margin-top: calc(var(--clb-admin-bar-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height));
}
.with-offer-banner .portfolio-item.-layout9 .next-slide-preview {
top: calc(50% - var(--clb-offer-banner-height));
}
.subheader {
background-color: var(--clb-fill-color);
cursor: var(--clb-cursor-default);
vertical-align: middle;
position: relative;
font-size: 0.85em;
z-index: 10;
}
.subheader,
.subheader a {
color: var(--clb-body-color-grey);
}
.subheader .page-container {
padding-top: var(--clb-spacer-1);
padding-bottom: var(--clb-spacer-1);
min-height: var(--clb-subheader-height);
flex-wrap: wrap;
display: flex;
align-items: center;
justify-content: space-between;
}
.subheader .page-container.-full-w {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.subheader .page-container:after {
display: none;
}
.subheader ul {
gap: var(--clb-spacer-1);
}
.subheader ul,
.subheader ul li {
display: flex;
align-items: center;
}
.subheader ul a {
white-space: nowrap;
}
.subheader ul.-left > li:not(:last-child)::after,
.subheader ul.-right > li:not(:last-child)::after {
content: "";
height: 1em;
width: 1px;
background-color: var(--clb-color-grey);
margin-left: var(--clb-spacer-1);
display: block;
} .site-footer {
background-color: color-mix(in srgb, var(--clb-fill-color) 75%, transparent);
}
.site-footer .widgets {
padding-top: var(--clb-grid-gutter-5x);
padding-bottom: var(--clb-grid-gutter-5x);
}
.site-footer .widgets p {
margin-top: 0;
}
.site-footer .widgets .social-networks {
font-size: var(--clb-body-font-size);
gap: 0;
}
.site-footer-copyright {
font-size: var(--clb-font-size-extra-small);
}
.site-footer-copyright .holder {
padding-top: var(--clb-spacer);
padding-bottom: var(--clb-spacer);
}
.site-footer-copyright .holder a {
color: inherit;
}
.site-footer-copyright .holder:not(.-center) {
display: flex;
justify-content: space-between;
}
.site-footer .page-container + .site-footer-copyright .holder {
border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
}
.site-footer .page-container > .holder {
padding: var(--clb-spacer-3) 0;
min-width: 100%;
}
.site-footer .page-container > .holder .-left-bar,
.site-footer .page-container > .holder .-right-bar {
height: var(--clb-color-switcher-height);
display: flex;
align-items: center;
}
.site-footer .page-container > .holder .-left-bar .color-switcher,
.site-footer .page-container > .holder .-right-bar .color-switcher {
left: unset;
}
.site-footer .page-container > .holder .-right-bar {
justify-content: flex-end;
}
.site-footer .page-container > .holder .-right-bar .color-switcher {
margin-left: var(--clb-grid-gutter);
}  .alert,
#yith-wcwl-popup-message {
background-color: var(--clb-fill-color);
padding: var(--clb-spacer-3) var(--clb-button-side-padding);
gap: var(--clb-gap);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: space-between;
border-radius: var(--clb-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.alert .icon-button,
#yith-wcwl-popup-message .icon-button {
color: inherit;
margin: calc(var(--clb-spacer-1) * (-1)) -0.65rem calc(var(--clb-spacer-1) * (-1)) 0;
}
.alert a,
#yith-wcwl-popup-message a {
color: var(--clb-body-color);
}
.alert.-block,
#yith-wcwl-popup-message.-block {
display: flex;
}
.alert.-success,
#yith-wcwl-popup-message.-success {
background-color: color-mix(in srgb, var(--clb-color-success) 15%, transparent);
}
.alert.-success,
.alert.-success a,
#yith-wcwl-popup-message.-success,
#yith-wcwl-popup-message.-success a {
color: var(--clb-color-success);
}
.alert.-warning,
#yith-wcwl-popup-message.-warning {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
}
.alert.-warning,
.alert.-warning a,
#yith-wcwl-popup-message.-warning,
#yith-wcwl-popup-message.-warning a {
color: var(--clb-color-warning);
}
.alert.-danger,
#yith-wcwl-popup-message.-danger {
background-color: color-mix(in srgb, var(--clb-color-danger) 15%, transparent);
}
.alert.-danger,
.alert.-danger a,
#yith-wcwl-popup-message.-danger,
#yith-wcwl-popup-message.-danger a {
color: var(--clb-color-danger);
}
.alert.-small,
#yith-wcwl-popup-message.-small {
padding: var(--clb-spacer-2) var(--clb-button-side-padding-small);
font-size: var(--clb-font-size-small);
}
.alert.-large,
#yith-wcwl-popup-message.-large {
padding: var(--clb-spacer-4) var(--clb-button-side-padding-large);
font-size: var(--clb-font-size-large);
}
.alert.-fixed,
#yith-wcwl-popup-message.-fixed {
position: fixed;
transform: translateX(-50%);
left: 50%;
bottom: var(--clb-spacer);
z-index: 50;
box-shadow: 0px 5px 10px 0px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
}
.alert.-fixed.ajax-cart-response,
#yith-wcwl-popup-message.-fixed.ajax-cart-response {
z-index: 51;
}
.alert.-fixed a,
#yith-wcwl-popup-message.-fixed a {
font-weight: var(--clb-text-semi-bold);
}
.alert.-fixed.-success,
#yith-wcwl-popup-message.-fixed.-success {
background-color: color-mix(in srgb, var(--clb-color-success) 15%, white);
}
.alert.-fixed.-danger,
#yith-wcwl-popup-message.-fixed.-danger {
background-color: color-mix(in srgb, var(--clb-color-danger) 15%, white);
}
.alert.-with-shadow,
#yith-wcwl-popup-message.-with-shadow {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}
.alert-message,
#yith-wcwl-popup-message-message {
text-align: left;
flex-grow: 2;
gap: var(--clb-gap-small);
}
.alert-message .icon,
#yith-wcwl-popup-message-message .icon {
vertical-align: middle;
margin-top: -2px;
}
.alert-message img,
#yith-wcwl-popup-message-message img {
max-height: var(var(--clb-spacer-5));
} .author-details {
margin-top: var(--clb-gap-small);
font-size: var(--clb-font-size-small);
} .avatar {
background-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
width: var(--clb-circle);
height: var(--clb-circle);
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
border-radius: 100%;
}
.avatar > img.avatar {
max-width: 100%;
width: 100%;
height: auto;
}
.avatar.jetpack-lazy-image {
display: none;
}
.avatar::after {
content: "";
height: 100%;
width: 100%;
z-index: 1;
top: 0;
left: 0;
content: "";
display: block;
position: absolute;
border-radius: 100%;
box-shadow: inset 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.avatar.-small {
width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.avatar.-large {
width: var(--clb-circle-large);
height: var(--clb-circle-large);
} .badge,
span.tag,
a.tag,
.tagcloud > a,
.wp-block-tag-cloud > a,
.testimonial-headline > b {
font-weight: var(--clb-text-medium);
gap: var(--clb-gap-small);
line-height: var(--clb-titles-h1-line-height);
padding: 0.35rem 0.65rem;
min-height: 1.625rem;
font-size: var(--clb-font-size-caption);
border-radius: var(--clb-border-radius);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.badge.-primary {
background-color: var(--clb-color-primary);
}
.badge:not(.-outlined) {
color: var(--clb-color-white);
}
.badge:not(.-primary):not(.-outlined) {
background-color: var(--clb-color-black-light);
}
.badge.-outlined {
padding: var(--clb-spacer-05) 0.55rem;
border: var(--clb-border-width-double) var(--clb-border-style-solid) currentColor;
}
.badge.-pill {
margin-bottom: var(--clb-spacer-2);
border-radius: 0.8rem;
}
.badge.-pill.-inverse {
color: var(--clb-color-white);
}
.badge.-pill > svg {
fill: currentColor;
margin-right: var(--clb-spacer-05);
}
span.tag,
a.tag,
.tagcloud > a,
.wp-block-tag-cloud > a,
.testimonial-headline > b {
font-family: var(--clb-body-font-family);
background: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
span.tag > a,
a.tag > a,
.tagcloud > a > a,
.wp-block-tag-cloud > a > a,
.testimonial-headline > b > a {
background-image: none !important;
}
span.tag:hover,
span.tag:not(.-unlink):hover,
a.tag:hover,
a.tag:not(.-unlink):hover,
.tagcloud > a:hover,
.tagcloud > a:not(.-unlink):hover,
.wp-block-tag-cloud > a:hover,
.wp-block-tag-cloud > a:not(.-unlink):hover,
.testimonial-headline > b:hover,
.testimonial-headline > b:not(.-unlink):hover {
color: inherit;
}
span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):active,
a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):active,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):active,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):active,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):active {
background: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
}
span.tag.tag-sale,
a.tag.tag-sale,
.tagcloud > a.tag-sale,
.wp-block-tag-cloud > a.tag-sale,
.testimonial-headline > b.tag-sale {
background-color: var(--clb-color-primary);
color: var(--clb-color-white);
} .breadcrumb {
width: 100%;
min-height: var(--clb-button-height-small);
font-size: var(--clb-font-size-extra-small);
}
.breadcrumb-holder {
flex-grow: 2;
padding-top: var(--clb-spacer-4);
padding-bottom: var(--clb-spacer-4);
display: flex;
align-items: center;
justify-content: space-between;
}
.breadcrumb-item {
font-weight: var(--clb-text-semi-bold);
}
.breadcrumb-item span.active {
font-weight: var(--clb-body-font-weight);
}
.breadcrumb-item svg {
margin: 0 0.4rem;
fill: currentColor;
}
.post-type-archive-product .breadcrumbs-container.vc_col-lg-push-2 {
left: auto;
width: 100%;
} .button,
a.button,
.added_to_cart,
.yith-wcwl-add-to-wishlist-button--themed-button,
button[type="submit"],
input[type="submit"] {
color: var(--clb-color-white);
background-color: var(--clb-button-color);
font-family: var(--clb-action-font-family);
font-size: var(--clb-action-font-size);
font-weight: var(--clb-action-font-weight);
min-height: var(--clb-button-height);
padding: 0 var(--clb-button-side-padding);
gap: var(--clb-gap-small);
cursor: var(--clb-cursor-pointer);
border: var(--clb-border-width-double) var(--clb-border-style-solid) transparent;
white-space: nowrap;
background-image: none !important;
display: inline-flex;
vertical-align: middle;
align-items: center;
border-radius: var(--clb-button-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
justify-content: center;
transition-property: background-color, color, border-color, box-shadow;
}
.button:hover,
.button:active,
.button:focus,
a.button:hover,
a.button:active,
a.button:focus,
.added_to_cart:hover,
.added_to_cart:active,
.added_to_cart:focus,
.yith-wcwl-add-to-wishlist-button--themed-button:hover,
.yith-wcwl-add-to-wishlist-button--themed-button:active,
.yith-wcwl-add-to-wishlist-button--themed-button:focus,
button[type="submit"]:hover,
button[type="submit"]:active,
button[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
color: var(--clb-color-white);
background-color: var(--clb-button-hover-color);
}
.button.aos-animate,
a.button.aos-animate,
.added_to_cart.aos-animate,
.yith-wcwl-add-to-wishlist-button--themed-button.aos-animate,
button[type="submit"].aos-animate,
input[type="submit"].aos-animate {
transition-delay: 0s !important;
}
.button svg,
a.button svg,
.added_to_cart svg,
.yith-wcwl-add-to-wishlist-button--themed-button svg,
button[type="submit"] svg,
input[type="submit"] svg {
fill: currentColor;
}
.button > img.icon,
a.button > img.icon,
.added_to_cart > img.icon,
.yith-wcwl-add-to-wishlist-button--themed-button > img.icon,
button[type="submit"] > img.icon,
input[type="submit"] > img.icon {
max-height: 1.25em;
}
.button.-without-text:not(.-block),
a.button.-without-text:not(.-block),
.added_to_cart.-without-text:not(.-block),
.yith-wcwl-add-to-wishlist-button--themed-button.-without-text:not(.-block),
button[type="submit"].-without-text:not(.-block),
input[type="submit"].-without-text:not(.-block) {
max-width: var(--clb-button-height);
}
.button .icon,
a.button .icon,
.added_to_cart .icon,
.yith-wcwl-add-to-wishlist-button--themed-button .icon,
button[type="submit"] .icon,
input[type="submit"] .icon {
min-width: var(--clb-spacer-5);
}
.button:not(.-text):not(.-without-text) .icon.-left,
a.button:not(.-text):not(.-without-text) .icon.-left,
.added_to_cart:not(.-text):not(.-without-text) .icon.-left,
.yith-wcwl-add-to-wishlist-button--themed-button:not(.-text):not(.-without-text) .icon.-left,
button[type="submit"]:not(.-text):not(.-without-text) .icon.-left,
input[type="submit"]:not(.-text):not(.-without-text) .icon.-left {
margin-left: calc(var(--clb-spacer-1) * (-1));
}
.button:not(.-text):not(.-without-text) .icon.-right,
a.button:not(.-text):not(.-without-text) .icon.-right,
.added_to_cart:not(.-text):not(.-without-text) .icon.-right,
.yith-wcwl-add-to-wishlist-button--themed-button:not(.-text):not(.-without-text) .icon.-right,
button[type="submit"]:not(.-text):not(.-without-text) .icon.-right,
input[type="submit"]:not(.-text):not(.-without-text) .icon.-right {
margin-right: calc(var(--clb-spacer-1) * (-1));
}
.button > .spinner,
a.button > .spinner,
.added_to_cart > .spinner,
.yith-wcwl-add-to-wishlist-button--themed-button > .spinner,
button[type="submit"] > .spinner,
input[type="submit"] > .spinner {
color: currentColor;
}
.button.-outlined,
a.button.-outlined,
.added_to_cart.-outlined,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined,
button[type="submit"].-outlined,
input[type="submit"].-outlined {
border-color: currentColor;
}
.button.-outlined:not(.-pagination):hover,
.button.-outlined:not(.-pagination):active,
.button.-outlined:not(.-pagination):focus,
a.button.-outlined:not(.-pagination):hover,
a.button.-outlined:not(.-pagination):active,
a.button.-outlined:not(.-pagination):focus,
.added_to_cart.-outlined:not(.-pagination):hover,
.added_to_cart.-outlined:not(.-pagination):active,
.added_to_cart.-outlined:not(.-pagination):focus,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):hover,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):active,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):focus,
button[type="submit"].-outlined:not(.-pagination):hover,
button[type="submit"].-outlined:not(.-pagination):active,
button[type="submit"].-outlined:not(.-pagination):focus,
input[type="submit"].-outlined:not(.-pagination):hover,
input[type="submit"].-outlined:not(.-pagination):active,
input[type="submit"].-outlined:not(.-pagination):focus {
border-color: currentColor;
}
.button.-text,
a.button.-text,
.added_to_cart.-text,
.yith-wcwl-add-to-wishlist-button--themed-button.-text,
button[type="submit"].-text,
input[type="submit"].-text {
border: none;
padding: 0;
min-height: initial;
transition-delay: 0s !important;
font-size: 1em;
border-radius: var(--clb-button-border-radius-small);
box-shadow: 0 0 0 0.5em transparent;
}
.button.-text:hover,
.button.-text:active,
.button.-text:focus,
a.button.-text:hover,
a.button.-text:active,
a.button.-text:focus,
.added_to_cart.-text:hover,
.added_to_cart.-text:active,
.added_to_cart.-text:focus,
.yith-wcwl-add-to-wishlist-button--themed-button.-text:hover,
.yith-wcwl-add-to-wishlist-button--themed-button.-text:active,
.yith-wcwl-add-to-wishlist-button--themed-button.-text:focus,
button[type="submit"].-text:hover,
button[type="submit"].-text:active,
button[type="submit"].-text:focus,
input[type="submit"].-text:hover,
input[type="submit"].-text:active,
input[type="submit"].-text:focus {
background-color: var(--clb-fill-color);
box-shadow: 0 0 0 0.65em var(--clb-fill-color);
}
.button.-flat,
a.button.-flat,
.added_to_cart.-flat,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat,
button[type="submit"].-flat,
input[type="submit"].-flat {
background-color: transparent;
border: none;
}
.button.-flat:hover,
.button.-flat:active,
.button.-flat:focus,
a.button.-flat:hover,
a.button.-flat:active,
a.button.-flat:focus,
.added_to_cart.-flat:hover,
.added_to_cart.-flat:active,
.added_to_cart.-flat:focus,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat:hover,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat:active,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat:focus,
button[type="submit"].-flat:hover,
button[type="submit"].-flat:active,
button[type="submit"].-flat:focus,
input[type="submit"].-flat:hover,
input[type="submit"].-flat:active,
input[type="submit"].-flat:focus {
background-color: var(--clb-fill-color);
}
.button.-outlined,
.button.-text,
.button.-flat,
a.button.-outlined,
a.button.-text,
a.button.-flat,
.added_to_cart.-outlined,
.added_to_cart.-text,
.added_to_cart.-flat,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined,
.yith-wcwl-add-to-wishlist-button--themed-button.-text,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat,
button[type="submit"].-outlined,
button[type="submit"].-text,
button[type="submit"].-flat,
input[type="submit"].-outlined,
input[type="submit"].-text,
input[type="submit"].-flat {
background-color: transparent;
color: var(--clb-button-color);
}
.button.-outlined:not(.-pagination):hover,
.button.-outlined:not(.-pagination):active,
.button.-outlined:not(.-pagination):focus,
.button.-text:not(.-pagination):hover,
.button.-text:not(.-pagination):active,
.button.-text:not(.-pagination):focus,
.button.-flat:not(.-pagination):hover,
.button.-flat:not(.-pagination):active,
.button.-flat:not(.-pagination):focus,
a.button.-outlined:not(.-pagination):hover,
a.button.-outlined:not(.-pagination):active,
a.button.-outlined:not(.-pagination):focus,
a.button.-text:not(.-pagination):hover,
a.button.-text:not(.-pagination):active,
a.button.-text:not(.-pagination):focus,
a.button.-flat:not(.-pagination):hover,
a.button.-flat:not(.-pagination):active,
a.button.-flat:not(.-pagination):focus,
.added_to_cart.-outlined:not(.-pagination):hover,
.added_to_cart.-outlined:not(.-pagination):active,
.added_to_cart.-outlined:not(.-pagination):focus,
.added_to_cart.-text:not(.-pagination):hover,
.added_to_cart.-text:not(.-pagination):active,
.added_to_cart.-text:not(.-pagination):focus,
.added_to_cart.-flat:not(.-pagination):hover,
.added_to_cart.-flat:not(.-pagination):active,
.added_to_cart.-flat:not(.-pagination):focus,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):hover,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):active,
.yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):focus,
.yith-wcwl-add-to-wishlist-button--themed-button.-text:not(.-pagination):hover,
.yith-wcwl-add-to-wishlist-button--themed-button.-text:not(.-pagination):active,
.yith-wcwl-add-to-wishlist-button--themed-button.-text:not(.-pagination):focus,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat:not(.-pagination):hover,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat:not(.-pagination):active,
.yith-wcwl-add-to-wishlist-button--themed-button.-flat:not(.-pagination):focus,
button[type="submit"].-outlined:not(.-pagination):hover,
button[type="submit"].-outlined:not(.-pagination):active,
button[type="submit"].-outlined:not(.-pagination):focus,
button[type="submit"].-text:not(.-pagination):hover,
button[type="submit"].-text:not(.-pagination):active,
button[type="submit"].-text:not(.-pagination):focus,
button[type="submit"].-flat:not(.-pagination):hover,
button[type="submit"].-flat:not(.-pagination):active,
button[type="submit"].-flat:not(.-pagination):focus,
input[type="submit"].-outlined:not(.-pagination):hover,
input[type="submit"].-outlined:not(.-pagination):active,
input[type="submit"].-outlined:not(.-pagination):focus,
input[type="submit"].-text:not(.-pagination):hover,
input[type="submit"].-text:not(.-pagination):active,
input[type="submit"].-text:not(.-pagination):focus,
input[type="submit"].-flat:not(.-pagination):hover,
input[type="submit"].-flat:not(.-pagination):active,
input[type="submit"].-flat:not(.-pagination):focus {
color: var(--clb-button-hover-color);
}
.button.-primary,
a.button.-primary,
.added_to_cart.-primary,
.yith-wcwl-add-to-wishlist-button--themed-button.-primary,
button[type="submit"].-primary,
input[type="submit"].-primary {
--clb-button-color: var(--clb-color-primary);
}
.button.-block,
a.button.-block,
.added_to_cart.-block,
.yith-wcwl-add-to-wishlist-button--themed-button.-block,
button[type="submit"].-block,
input[type="submit"].-block {
display: flex;
align-items: center;
}
.button.-with-shadow:not(.-flat),
.button.-with-shadow.-flat:hover,
a.button.-with-shadow:not(.-flat),
a.button.-with-shadow.-flat:hover,
.added_to_cart.-with-shadow:not(.-flat),
.added_to_cart.-with-shadow.-flat:hover,
.yith-wcwl-add-to-wishlist-button--themed-button.-with-shadow:not(.-flat),
.yith-wcwl-add-to-wishlist-button--themed-button.-with-shadow.-flat:hover,
button[type="submit"].-with-shadow:not(.-flat),
button[type="submit"].-with-shadow.-flat:hover,
input[type="submit"].-with-shadow:not(.-flat),
input[type="submit"].-with-shadow.-flat:hover {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}
.button.-small,
a.button.-small,
.added_to_cart.-small,
.yith-wcwl-add-to-wishlist-button--themed-button.-small,
button[type="submit"].-small,
input[type="submit"].-small {
font-size: var(--clb-action-font-size-small);
}
.button.-small:not(.-text),
a.button.-small:not(.-text),
.added_to_cart.-small:not(.-text),
.yith-wcwl-add-to-wishlist-button--themed-button.-small:not(.-text),
button[type="submit"].-small:not(.-text),
input[type="submit"].-small:not(.-text) {
min-height: var(--clb-button-height-small);
padding: 0 var(--clb-button-side-padding-small);
}
.button.-large:not(.-text),
a.button.-large:not(.-text),
.added_to_cart.-large:not(.-text),
.yith-wcwl-add-to-wishlist-button--themed-button.-large:not(.-text),
button[type="submit"].-large:not(.-text),
input[type="submit"].-large:not(.-text) {
min-height: var(--clb-button-height-large);
padding: 0 var(--clb-button-side-padding-large);
}
.button:focus,
.button:active,
a.button:focus,
a.button:active,
.added_to_cart:focus,
.added_to_cart:active,
.yith-wcwl-add-to-wishlist-button--themed-button:focus,
.yith-wcwl-add-to-wishlist-button--themed-button:active,
button[type="submit"]:focus,
button[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:active {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.button:hover .icon,
a.button:hover .icon,
.added_to_cart:hover .icon,
.yith-wcwl-add-to-wishlist-button--themed-button:hover .icon,
button[type="submit"]:hover .icon,
input[type="submit"]:hover .icon {
animation: iconMove ease-out var(--clb-transition-duration);
}
.button:hover .icon.-left-animation,
a.button:hover .icon.-left-animation,
.added_to_cart:hover .icon.-left-animation,
.yith-wcwl-add-to-wishlist-button--themed-button:hover .icon.-left-animation,
button[type="submit"]:hover .icon.-left-animation,
input[type="submit"]:hover .icon.-left-animation {
animation: iconMove ease-out var(--clb-transition-duration) reverse;
}
a.button {
background-image: none;
}
@keyframes iconMove {
0% {
transform: translateX(0);
}
30% {
opacity: 0;
}
31% {
transform: translateX(var(--clb-spacer-4));
}
32% {
transform: translateX(calc(var(--clb-spacer-4) * (-1)));
}
84% {
opacity: 1;
}
100% {
transform: translateX(0);
}
} input[type="checkbox"],
input[type="radio"] {
width: var(--clb-spacer-4);
height: var(--clb-spacer-4);
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
appearance: none;
outline: none;
border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-grey);
vertical-align: middle;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background-color: var(--clb-color-primary);
border-color: var(--clb-color-primary);
}
input[type="checkbox"]:invalid:not([aria-required=true]),
input[type="radio"]:invalid:not([aria-required=true]) {
border-color: var(--clb-color-danger);
}
input[type="checkbox"]:focus,
input[type="checkbox"]:active,
input[type="radio"]:focus,
input[type="radio"]:active {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 25%, transparent);
}
input[type="checkbox"] + label,
input[type="checkbox"] + span,
input[type="radio"] + label,
input[type="radio"] + span {
font-weight: var(--clb-body-font-weight);
display: inline;
vertical-align: middle;
margin-left: 0.2em;
line-height: var(--clb-text-line-heigth-small);
}
input[type="checkbox"] + label:not(.woocommerce-terms-and-conditions-checkbox-text),
input[type="checkbox"] + span:not(.woocommerce-terms-and-conditions-checkbox-text),
input[type="radio"] + label:not(.woocommerce-terms-and-conditions-checkbox-text),
input[type="radio"] + span:not(.woocommerce-terms-and-conditions-checkbox-text) {
font-size: var(--clb-font-size-small);
}
input[type="checkbox"] {
border-radius: var(--clb-border-radius-small);
}
input[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
input[type="radio"] {
border-radius: 100%;
}
input[type="radio"]:checked {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
} .custom-cursor .circle-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
transform: translateZ(0);
visibility: hidden;
border-radius: 50%;
}
.custom-cursor .circle-cursor-inner {
margin-left: calc(var(--clb-cursor-circle-inner) / 2 * (-1));
margin-top: calc(var(--clb-cursor-circle-inner) / 2 * (-1));
width: var(--clb-cursor-circle-inner);
height: var(--clb-cursor-circle-inner);
z-index: 10000001;
background-color: var(--clb-color-primary);
}
.custom-cursor .circle-cursor-inner.cursor-link-hover {
margin-left: calc(var(--clb-cursor-circle-extra-small) / 2 * (-1));
margin-top: calc(var(--clb-cursor-circle-extra-small) / 2 * (-1));
width: var(--clb-cursor-circle-extra-small);
height: var(--clb-cursor-circle-extra-small);
background-color: var(--clb-color-primary);
opacity: .5;
}
.custom-cursor .circle-cursor-outer {
margin-left: calc(var(--clb-cursor-circle-small) / 2 * (-1));
margin-top: calc(var(--clb-cursor-circle-small) / 2 * (-1));
width: var(--clb-cursor-circle-small);
height: var(--clb-cursor-circle-small);
border: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-primary);
z-index: 10000000;
opacity: .5;
transition: all .1s ease-out;
}
.custom-cursor .cursor-link.circle-cursor-inner {
background: transparent !important;
}
.custom-cursor .cursor-link.circle-cursor-inner.cursor-link-hover {
opacity: 1;
}
.custom-cursor .cursor-link.circle-cursor-inner svg {
fill: var(--clb-color-white);
}
.custom-cursor .cursor-link.circle-cursor-outer.cursor-link-hover {
margin-left: calc(var(--clb-cursor-circle) / 2 * (-1));
margin-top: calc(var(--clb-cursor-circle) / 2 * (-1));
width: var(--clb-cursor-circle);
height: var(--clb-cursor-circle);
background-color: color-mix(in srgb, var(--clb-color-neutral) 75%, transparent);
border: none;
}
.custom-cursor a[data-cursor-class] {
cursor: none;
} .icon-button {
position: relative;
background-color: transparent;
padding: 0;
border: none;
text-align: center;
outline: none;
cursor: var(--clb-cursor-pointer);
min-width: var(--clb-circle);
width: var(--clb-circle);
height: var(--clb-circle);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background-color var(--clb-transition-function) var(--clb-transition-duration);
}
.icon-button > .icon {
margin-left: 0;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: transform, opacity;
}
.icon-button.-small {
min-width: var(--clb-circle-small);
width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.icon-button.-extra-small {
min-width: var(--clb-circle-extra-small);
width: var(--clb-circle-extra-small);
height: var(--clb-circle-extra-small);
}
.icon-button:hover,
.icon-button.hamburger,
.icon-button.cart {
background-color: var(--clb-fill-color);
}
.icon-button:hover {
color: inherit;
}
.icon-button:hover .icon {
opacity: 0.75;
transform: var(--clb-transform-scale);
}
.icon-button:focus,
.icon-button:active {
background-color: var(--clb-fill-color);
box-shadow: inset 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.icon-buttons-animation .icon-button::before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-color: var(--clb-color-primary);
transform: scale(0);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
border-radius: 50%;
}
.icon-buttons-animation .icon-button:focus {
outline: none;
}
.icon-buttons-animation .icon-button:focus::before {
animation: var(--clb-transition-duration) click_animation var(--clb-transition-function) 1;
}
@keyframes click_animation {
from {
transform: scale(1);
opacity: .15;
}
to {
transform: scale(4);
opacity: 0;
}
} .icon-group {
color: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.icon-group.-contained,
.icon-group.-outlined {
min-width: var(--clb-circle);
max-width: var(--clb-circle);
height: var(--clb-circle);
}
.icon-group.-contained .icon,
.icon-group.-outlined .icon {
font-size: 1.75em;
}
.icon-group.-contained .icon.bi,
.icon-group.-outlined .icon.bi {
font-size: 1.65em;
}
.icon-group.-contained > span,
.icon-group.-outlined > span {
font-size: 2.5em;
}
.icon-group.-contained {
background-color: var(--clb-fill-color);
}
.icon-group.-outlined {
border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-black-light);
}
.icon-group > img,
.icon-group > img.icon {
max-width: 50%;
max-height: 50%;
}
.icon-group:not(.-contained):not(.-outlined) {
justify-content: flex-start;
}
.icon-group:not(.-contained):not(.-outlined) > img {
max-height: 2rem;
max-width: initial;
}
.icon-group:not(.-contained):not(.-outlined) .icon {
font-size: 2em;
}
.icon-group:not(.-contained):not(.-outlined) > span {
font-size: 2.75em;
}
.icon-group:not(.-contained):not(.-outlined).-small .icon {
font-size: 1.75em;
}
.icon-group:not(.-contained):not(.-outlined).-large .icon {
font-size: 2.25em;
}
.icon-group.-small.-contained,
.icon-group.-small.-outlined {
min-width: var(--clb-circle-small);
max-width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.icon-group.-large.-contained,
.icon-group.-large.-outlined {
min-width: var(--clb-circle-large);
max-width: var(--clb-circle-large);
height: var(--clb-circle-large);
} .icon {
font-size: var(--clb-icon-size);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.icon svg path {
fill: currentColor;
}
.icon svg.minimal {
display: none;
}
body i.icon {
width: initial;
height: initial;
line-height: var(--clb-titles-h1-line-height);
margin: 0;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.-small .icon,
.-extra-small .icon {
font-size: var(--clb-icon-size-small);
}
.-small svg:not(.icon-bootstrap),
.-extra-small svg:not(.icon-bootstrap) {
transform: scale(0.85);
}
.-large .icon {
font-size: var(--clb-icon-size-large);
}
.-large svg {
transform: scale(1.25);
} .pagination-standard {
min-width: 100%;
}
.pagination > .page-item:first-child svg {
transform: scaleX(-1);
}
.pagination > .page-item:first-child:hover .icon {
animation: iconMove ease-out var(--clb-transition-duration) reverse;
}
.pagination.-small .button {
padding: 0 var(--clb-spacer-05);
}
.pagination .button {
padding: 0 var(--clb-spacer-2);
}
.lazy-load {
margin: auto;
font-weight: var(--clb-text-semi-bold);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.lazy-load.load-more .loading-text {
display: none;
}
.lazy-load.load-more.active .loadmore-text {
display: none;
}
.lazy-load.load-more.active .loading-text {
display: inline;
}
.lazy-load.-small .button {
padding: 0 var(--clb-button-side-padding-small);
}
.lazy-load:not(.active) .button {
box-shadow: none;
}
.lazy-load .button.-flat {
background-color: var(--clb-fill-color);
}
.pagination,
.lazy-load {
--clb-button-color: var(--clb-paginator-button-color);
--clb-button-hover-color: var(--clb-paginator-button-hover-color);
min-width: 100%;
display: flex;
}
.pagination.-small .button,
.lazy-load.-small .button {
min-width: var(--clb-button-height-small);
min-height: var(--clb-button-height-small);
}
.pagination.-large .button,
.lazy-load.-large .button {
min-height: var(--clb-button-height-large);
min-width: var(--clb-button-height-large);
}
.pagination.-flat .button:not(.-flat),
.lazy-load.-flat .button:not(.-flat) {
color: inherit;
background-color: var(--clb-fill-color);
}
.pagination .button,
.lazy-load .button {
min-width: var(--clb-button-height);
}
.pagination .button.-outlined:hover,
.pagination .button.-outlined:active,
.pagination .button.-outlined:focus,
.pagination .button.-flat:hover,
.pagination .button.-flat:active,
.pagination .button.-flat:focus,
.pagination .button.-text:hover,
.pagination .button.-text:active,
.pagination .button.-text:focus,
.lazy-load .button.-outlined:hover,
.lazy-load .button.-outlined:active,
.lazy-load .button.-outlined:focus,
.lazy-load .button.-flat:hover,
.lazy-load .button.-flat:active,
.lazy-load .button.-flat:focus,
.lazy-load .button.-text:hover,
.lazy-load .button.-text:active,
.lazy-load .button.-text:focus {
color: var(--clb-button-hover-color);
}
@keyframes mymove {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .progress-holder {
height: var(--clb-spacer-1);
background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
overflow: hidden;
display: flex;
border-radius: var(--clb-spacer-05);
}
.progress-holder > .progress-bar {
width: 0px;
background: linear-gradient(90deg, var(--clb-color-primary) 0%, var(--clb-color-secondary) 100%);
border-radius: var(--clb-spacer-05);
transition: width var(--clb-transition-function) 0.9s;
}
.progress-holder.-contained {
height: 1.125rem;
padding: 0.3125rem;
border-radius: 0.5625rem;
}
.progress-holder.-contained.-thin {
height: 0.875rem;
border-radius: 0.4375rem;
}
.progress-holder.-contained.-bold {
height: 1.375rem;
border-radius: 0.6875rem;
}
.progress-holder.-thin {
height: var(--clb-spacer-05);
border-radius: 0.125rem;
}
.progress-holder.-thin > .progress-bar {
border-radius: 0.125rem;
}
.progress-holder.-bold {
height: var(--clb-spacer-2);
border-radius: var(--clb-spacer-2);
}
.progress-holder.-bold > .progress-bar {
border-radius: 0.375rem;
} select {
position: relative;
appearance: none;
background-repeat: no-repeat;
background-position: right var(--clb-spacer-3) center;
padding: 0 var(--clb-spacer-3);
min-height: var(--clb-button-height);
}
select:not([multiple="multiple"]) {
background-size: 14px 12px;
padding-right: 2.75rem !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
select[multiple="multiple"] {
padding: 0;
}
select[multiple="multiple"] option {
padding: 0.65rem var(--clb-spacer-3);
}
select:not(.lang-dropdown) {
color: var(--clb-body-color-grey);
}
select.lang-dropdown {
color: inherit;
width: auto;
}
select.-small {
padding-right: 2rem !important;
}
input[type="file"] {
padding: 0;
}
.select2-container--default {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 0;
color: inherit;
line-height: initial;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
position: relative;
top: 0px;
right: 0;
width: var(--clb-spacer-3);
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow > b {
border: none;
margin: 0;
left: auto;
top: auto;
position: relative;
height: var(--clb-spacer-3);
width: var(--clb-spacer-3);
background-repeat: no-repeat;
transform: scale(0.8) rotate(0deg);
display: inline-flex;
vertical-align: middle;
align-items: center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.select2-container--default.select2-container--open .select2-selection__arrow > b {
transform: scale(0.8) rotate(180deg);
}
.select2-container--default .select2-dropdown {
border: none;
border-radius: var(--clb-border-radius);
box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
}
.select2-container--default .select2-search--dropdown {
padding: var(--clb-spacer-3);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
padding: 0 var(--clb-spacer-2);
min-height: var(--clb-button-height-small);
font-size: var(--clb-font-size-extra-small);
}
.select2-container--default .select2-results__option {
padding-left: var(--clb-spacer-3);
padding-right: var(--clb-spacer-3);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--clb-color-black-light);
}
@-moz-document url-prefix()  {
select {
line-height: var(--clb-button-height);
}
select.-small {
line-height: 2rem;
}
} .container-loading::before,
.yith-wcan-loading::before,
.tp-loader.spinner5::before,
.btn-loading::before,
.spinner::before {
content: "";
width: var(--clb-spacer-5);
height: var(--clb-spacer-5);
border: 0.2rem var(--clb-border-style-solid) color-mix(in srgb, var(--clb-color-neutral) 25%, transparent);
border-top: 0.2rem var(--clb-border-style-solid) currentColor;
border-right: 0.2rem var(--clb-border-style-solid) currentColor;
opacity: 0.75;
animation: 0.75s spinner var(--clb-transition-function) infinite;
border-radius: 50%;
}
.container-loading > .icon,
.yith-wcan-loading > .icon,
.tp-loader.spinner5 > .icon,
.btn-loading > .icon,
.spinner > .icon {
display: none;
}
.container-loading.-large,
.yith-wcan-loading.-large,
.tp-loader.spinner5.-large,
.btn-loading.-large,
.spinner.-large {
width: 2.5rem;
height: 2.5rem;
}
.container-loading,
.tp-loader.spinner5,
.yith-wcan-loading {
background-image: none !important;
background: transparent;
}
.container-loading::before,
.tp-loader.spinner5::before,
.yith-wcan-loading::before {
position: absolute;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 2.5rem;
height: 2.5rem;
}
.container-loading.hidden::before,
.tp-loader.spinner5.hidden::before,
.yith-wcan-loading.hidden::before {
display: none;
}
@-webkit-keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .form-switch > .form-check-input[type="checkbox"] {
position: relative;
width: var(--clb-button-height-small);
border-radius: 2em;
border-radius: 1.1rem;
}
.form-switch > .form-check-input[type="checkbox"]::before {
content: "";
position: absolute;
width: 0.625rem;
height: 0.625rem;
left: 0.125rem;
background-color: var(--clb-color-grey);
border-radius: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.form-switch > .form-check-input[type="checkbox"]:checked {
background-color: transparent;
background-image: none;
}
.form-switch > .form-check-input[type="checkbox"]:checked::before {
left: calc(100% - 0.125rem);
transform: translate(-100%);
background-color: var(--clb-color-primary);
}
.form-switch > .form-check-label {
color: var(--clb-color-black-light);
} input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="date"],
input[type="url"],
textarea,
select,
.select2-container--default .select2-selection--single {
color: inherit;
padding: 0 var(--clb-spacer-3);
font-family: inherit;
border: none;
width: 100%;
text-align: inherit;
min-height: var(--clb-button-height);
background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
font-size: var(--clb-font-size);
border-radius: var(--clb-text-field-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="date"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder,
select::placeholder,
.select2-container--default .select2-selection--single::placeholder {
color: var(--clb-placeholder-color);
}
input[type="email"].-outlined,
input[type="number"].-outlined,
input[type="password"].-outlined,
input[type="search"].-outlined,
input[type="tel"].-outlined,
input[type="text"].-outlined,
input[type="date"].-outlined,
input[type="url"].-outlined,
textarea.-outlined,
select.-outlined,
.select2-container--default .select2-selection--single.-outlined {
background-color: transparent;
border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-grey-light);
}
input[type="email"].-outlined:focus,
input[type="email"].-outlined:active,
input[type="number"].-outlined:focus,
input[type="number"].-outlined:active,
input[type="password"].-outlined:focus,
input[type="password"].-outlined:active,
input[type="search"].-outlined:focus,
input[type="search"].-outlined:active,
input[type="tel"].-outlined:focus,
input[type="tel"].-outlined:active,
input[type="text"].-outlined:focus,
input[type="text"].-outlined:active,
input[type="date"].-outlined:focus,
input[type="date"].-outlined:active,
input[type="url"].-outlined:focus,
input[type="url"].-outlined:active,
textarea.-outlined:focus,
textarea.-outlined:active,
select.-outlined:focus,
select.-outlined:active,
.select2-container--default .select2-selection--single.-outlined:focus,
.select2-container--default .select2-selection--single.-outlined:active {
outline: none;
border-color: var(--clb-color-grey);
}
input[type="email"].-small,
input[type="number"].-small,
input[type="password"].-small,
input[type="search"].-small,
input[type="tel"].-small,
input[type="text"].-small,
input[type="date"].-small,
input[type="url"].-small,
textarea.-small,
select.-small,
.select2-container--default .select2-selection--single.-small {
padding: 0 var(--clb-spacer-2);
min-height: var(--clb-button-height-small);
font-size: var(--clb-font-size-extra-small);
}
input[type="email"].-large,
input[type="number"].-large,
input[type="password"].-large,
input[type="search"].-large,
input[type="tel"].-large,
input[type="text"].-large,
input[type="date"].-large,
input[type="url"].-large,
textarea.-large,
select.-large,
.select2-container--default .select2-selection--single.-large {
padding: 0 var(--clb-grid-gutter);
min-height: var(--clb-button-height-large);
font-size: var(--clb-font-size-large);
}
input[type="email"]:not(.-outlined):focus,
input[type="email"]:not(.-outlined):active,
input[type="number"]:not(.-outlined):focus,
input[type="number"]:not(.-outlined):active,
input[type="password"]:not(.-outlined):focus,
input[type="password"]:not(.-outlined):active,
input[type="search"]:not(.-outlined):focus,
input[type="search"]:not(.-outlined):active,
input[type="tel"]:not(.-outlined):focus,
input[type="tel"]:not(.-outlined):active,
input[type="text"]:not(.-outlined):focus,
input[type="text"]:not(.-outlined):active,
input[type="date"]:not(.-outlined):focus,
input[type="date"]:not(.-outlined):active,
input[type="url"]:not(.-outlined):focus,
input[type="url"]:not(.-outlined):active,
textarea:not(.-outlined):focus,
textarea:not(.-outlined):active,
select:not(.-outlined):focus,
select:not(.-outlined):active,
.select2-container--default .select2-selection--single:not(.-outlined):focus,
.select2-container--default .select2-selection--single:not(.-outlined):active {
background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
outline: none;
}
input[type="email"].wpcf7-not-valid,
input[type="number"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="text"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid,
.select2-container--default .select2-selection--single.wpcf7-not-valid {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-danger) 25%, transparent);
}
.woocommerce-invalid-required-field input[type="email"],
.woocommerce-invalid-required-field input[type="number"],
.woocommerce-invalid-required-field input[type="password"],
.woocommerce-invalid-required-field input[type="search"],
.woocommerce-invalid-required-field input[type="tel"],
.woocommerce-invalid-required-field input[type="text"],
.woocommerce-invalid-required-field input[type="date"],
.woocommerce-invalid-required-field input[type="url"],
.woocommerce-invalid-required-field textarea,
.woocommerce-invalid-required-field select,
.woocommerce-invalid-required-field .select2-selection--single {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 20%, transparent);
}
button {
appearance: none;
color: inherit;
}
textarea {
resize: vertical;
height: 10rem;
}
textarea,
textarea.-small,
textarea.-large {
padding-top: var(--clb-spacer-2);
padding-bottom: var(--clb-spacer-2);
}
label {
display: block;
font-size: var(--clb-font-size-caption);
font-weight: var(--clb-text-medium);
}
label + * {
margin-top: var(--clb-spacer-1);
} .tooltip {
position: relative;
background-color: var(--clb-color-black);
color: var(--clb-color-white);
font-size: var(--clb-font-size-caption);
padding: 0.375rem var(--clb-spacer-1);
font-weight: var(--clb-text-medium);
z-index: 10;
border-radius: var(--clb-border-radius);
}
.tooltip::before {
content: "";
position: absolute;
width: 0.625rem;
height: 0.625rem;
background-color: var(--clb-color-black);
transform: rotate(45deg);
bottom: -0.3125rem;
left: calc(50% - 0.3125rem);
z-index: -1;
}
.tooltip.-right::before {
bottom: calc(50% - 0.3125rem);
left: -0.3125rem;
}
.tooltip.-left::before {
bottom: calc(50% - 0.3125rem);
right: -0.3125rem;
left: auto;
}
.tooltip.-bottom::before {
top: -0.3125rem;
bottom: auto;
} .category-holder {
gap: var(--clb-gap-small);
}
.category-holder.-with-tag {
flex-wrap: wrap;
display: flex;
}
.category-holder:not(.-with-tag) .category:not(:last-child)::after,
.category-holder:not(.-with-tag) a:not(:last-child)::after {
content: ",";
} .blog-item {
position: relative;
}
.blog-item .card-details .heading .title {
line-height: var(--clb-titles-h5-line-height);
font-size: clamp(var(--clb-card-titles-font-size-min), calc(0.5vw + var(--clb-spacer-3)), var(--clb-card-titles-font-size));
}
.blog-item .card-details .heading + .category-holder {
margin-top: var(--clb-spacer-2);
}
.blog-item .card-details .headline-meta {
font-size: var(--clb-font-size-caption);
margin-bottom: var(--clb-spacer-05);
}
.blog-item .card-details p {
margin-top: var(--clb-spacer-1);
}
.blog-item .card-details .button {
margin-top: var(--clb-spacer-3);
}
.blog-item .card-details.-center .headline-meta,
.blog-item .card-details.-center .category-holder {
justify-content: center;
}
.blog-item .card-details.-right .headline-meta,
.blog-item .card-details.-right .category-holder {
justify-content: flex-end;
}
.blog-item .image-holder iframe {
width: 100%;
}
.blog-item .image-holder .slider {
color: var(--clb-color-white);
}
.blog-item .image-holder .slider .clb-slider-nav-btn {
transform: none !important;
margin-bottom: var(--clb-grid-gutter);
margin-right: var(--clb-grid-gutter);
}
.blog-item .image-holder .slider .clb-slider-stage img.active {
z-index: 1;
}
.blog-item .image-holder a + a:not(.tag) {
display: none;
}
.blog-item.sticky .sticky-icon {
transform: scale(1.35);
margin-right: var(--clb-spacer-05);
margin-top: -0.4rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.blog-item.-layout1 .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.blog-item.-layout1 .headline-meta {
color: var(--clb-body-color-grey);
}
.blog-item.-layout1.sticky.-contained .card-details {
background-color: color-mix(in srgb, var(--clb-color-warning) 10%, transparent);
}
.blog-item.-layout2 .image-holder {
background-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
}
.blog-item.-layout2 .overlay-details:not(.-top) {
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.blog-item.-layout2 .overlay-details .title,
.blog-item.-layout2 .overlay-details .button {
color: var(--clb-color-white);
}
.blog-item.-layout2 .overlay-details .tag:not(:hover) {
background-color: color-mix(in srgb, var(--clb-color-neutral) 45%, transparent);
}
.blog-item.-layout1 .title a:not(:hover),
.blog-item.-layout3 .title a:not(:hover),
.blog-item.-layout5 .title a:not(:hover),
.blog-item.-layout7 .title a:not(:hover) {
color: var(--clb-titles-color);
}
.blog-item.-layout2 .overlay-details.-top,
.blog-item.-layout3 .overlay-details.-top,
.blog-item.-layout5 .overlay-details.-top,
.blog-item.-layout7 .overlay-details.-top {
background: var(--clb-color-black-rgb);
background: linear-gradient(180deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.blog-item.-layout2 .overlay-details:not(.-top),
.blog-item.-layout4 .overlay-details:not(.-top) {
display: block;
}
.blog-item.-layout2.-no-media .image-holder,
.blog-item.-layout4.-no-media .image-holder {
padding-bottom: 100%;
}
.blog-item.-layout2.-img-overlay .image-holder::after,
.blog-item.-layout4.-img-overlay .image-holder::after {
display: none;
}
.blog-item.-layout3.-no-media > a,
.blog-item.-layout5.-no-media > a {
background-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
border-bottom-left-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
.blog-item.-layout3.-no-media > a .image-holder,
.blog-item.-layout5.-no-media > a .image-holder {
height: 100%;
}
.blog-item.-layout4.sticky .image-holder {
background-color: color-mix(in srgb, var(--clb-color-warning) 10%, transparent);
}
.blog-item.-layout4 .overlay-details {
width: auto;
}
.blog-item.-layout4 .image-holder {
background-color: var(--clb-fill-color);
}
.blog-item.-layout4 .image-holder a > img,
.blog-item.-layout4 .image-holder a > iframe,
.blog-item.-layout4 .image-holder a > .overlay {
opacity: 0;
visibility: hidden;
}
.blog-item.-layout4:hover .image-holder a > img,
.blog-item.-layout4:hover .image-holder a > iframe,
.blog-item.-layout4:hover .image-holder a > .overlay {
opacity: 1;
visibility: visible;
transition: opacity var(--clb-transition-duration) var(--clb-transition-function) !important;
}
.blog-item.-layout4:hover * {
color: var(--clb-color-white);
}
.blog-item.-layout4 .image-holder .overlay,
.blog-item.-layout6.-contained .image-holder .overlay {
height: 100%;
width: 100%;
left: 0;
top: 0;
transition: none;
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
content: "";
display: block;
position: absolute;
}
.blog-item.-layout4:not(:hover) *,
.blog-item.-layout6.-contained:not(:hover) * {
transition: none !important;
}
.blog-item.-layout4:hover *,
.blog-item.-layout6.-contained:hover * {
transition: var(--clb-transition-duration) var(--clb-transition-function) !important;
}
.blog-item.-layout6 .overlay-details {
position: relative;
padding: var(--clb-spacer-1) 0 0 0;
}
.blog-item.-layout6:not(.-contained) {
border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
}
.blog-item.-layout6:not(.-contained) .card-details {
padding-top: var(--clb-spacer);
padding-bottom: var(--clb-spacer);
}
.blog-item.-layout6 .title a {
color: var(--clb-titles-color);
}
.blog-item.-layout7 .category-holder {
margin-top: var(--clb-spacer);
}
.blog-item.-layout7:not(.-contained) {
padding-top: var(--clb-spacer);
border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
}
.blog-item.-layout7.-contained {
background-color: var(--clb-fill-color);
}
.blog-item.-layout7.-contained .card-details {
background-color: transparent;
}
.blog-item.-layout6 .read-more,
.blog-item.-layout7 .read-more {
display: flex;
}
.blog-item.-no-media.-contained .card-details {
border-radius: var(--clb-border-radius);
}
.blog-grid .gallery {
flex-flow: row wrap;
margin-bottom: 20px !important;
display: flex;
justify-content: center;
}
.blog-grid .gallery .gallery-item {
display: inline-block;
margin: 0px 5px 5px 0px;
margin-top: 0px !important;
text-align: center;
vertical-align: top;
width: 100%;
position: relative;
}
.blog-grid .gallery .gallery-item img {
border: none !important;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.blog-grid .gallery .gallery-item .gallery-caption {
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
padding: 3px 10px;
transform: translateY(-100%);
width: 100%;
opacity: 0;
font-size: .8em;
font-weight: var(--clb-body-font-weight);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.blog-grid .gallery .gallery-item:hover .gallery-caption {
opacity: 1;
}
.blog-grid .gallery .gallery-item:hover img {
opacity: .8;
}
.blog-grid .gallery.gallery-columns-3 .gallery-item {
max-width: calc((100% - 5px * 2) / 3);
}
.blog-grid .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3),
.blog-grid .gallery.gallery-columns-3 .gallery-item:last-of-type {
margin-right: 0;
} .single-post .entry-content,
.page-id-124 .entry-content {
margin-bottom: var(--clb-grid-gutter-3x);
}
.single-post .entry-content .ohio-text-sc:last-child p,
.single-post .entry-content .alert,
.single-post .entry-content p:not(.-unspace),
.single-post .entry-content ul,
.single-post .entry-content ol,
.page-id-124 .entry-content .ohio-text-sc:last-child p,
.page-id-124 .entry-content .alert,
.page-id-124 .entry-content p:not(.-unspace),
.page-id-124 .entry-content ul,
.page-id-124 .entry-content ol {
margin-bottom: 1.35em;
}
.single-post .entry-content .ohio-text-sc:last-child p:first-child,
.single-post .entry-content .alert:first-child,
.single-post .entry-content p:not(.-unspace):first-child,
.single-post .entry-content ul:first-child,
.single-post .entry-content ol:first-child,
.page-id-124 .entry-content .ohio-text-sc:last-child p:first-child,
.page-id-124 .entry-content .alert:first-child,
.page-id-124 .entry-content p:not(.-unspace):first-child,
.page-id-124 .entry-content ul:first-child,
.page-id-124 .entry-content ol:first-child {
margin-top: 0;
}
.single-post .single-post-layout {
margin-bottom: var(--clb-grid-gutter-3x);
}
.single-post .single-post-layout.-with-sharing .post-page-container {
padding-top: var(--clb-spacer);
}
.single-post .single-post-layout .post-share .social-networks {
background-color: var(--clb-fill-color);
}
.single-post .single-post-layout .share-bar {
z-index: 10;
}
.single-post .single-post-layout.-layout1 .post-share {
top: var(--clb-spacer);
}
.single-post .single-post-layout.-layout1 .post-share + .page-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-post .single-post-layout.-layout2 .post-page-container .holder > .page-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-post .entry-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.single-post .entry-footer-tags {
font-size: var(--clb-font-size-small);
}
.single-post .entry-footer-tags a {
color: inherit;
}
.single-post .entry-footer-tags .tagcloud {
gap: var(--clb-gap-small);
flex-wrap: wrap;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.single-post .entry-footer-tags .tags-caption {
margin-right: var(--clb-spacer-1);
}
.single-post .author-container .widget_ohio_widget_about_author {
padding: var(--clb-spacer);
margin-bottom: var(--clb-grid-gutter-3x);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.single-post .page-headline .category-holder::after {
margin-left: 0.3rem;
}
.single-post .related-posts {
padding-bottom: calc(var(--clb-grid-gutter-4x) - var(--clb-grid-gutter));
}
.single-post .related-posts .grid-item {
padding-top: 0;
}
.single-post .comments {
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
}
.single-post.with-fixed-header:not(.with-header-sidebar) .single-post-layout.-with-sharing .post-share {
top: var(--clb-header-height);
}
.single-post.with-fixed-header:not(.with-header-sidebar).admin-bar .single-post-layout.-with-sharing .post-share {
top: calc(var(--clb-header-height) + var(--clb-admin-bar-height));
}
.single-post.with-sticky-header:not(.with-header-sidebar) .single-post-layout.-with-sharing .post-share {
top: calc(var(--clb-sticky-header-height) + var(--clb-grid-gutter));
}
.single-post.with-sticky-header:not(.with-header-sidebar).admin-bar .single-post-layout.-with-sharing .post-share {
top: calc(var(--clb-sticky-header-height) + var(--clb-grid-gutter) + var(--clb-admin-bar-height));
} .comments {
font-size: var(--clb-font-size-small);
}
.comments:not(.woocommerce-Reviews) {
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
}
.comments-container {
background-color: color-mix(in srgb, var(--clb-fill-color) 75%, transparent);
}
.comments-list {
padding: 0;
margin-bottom: var(--clb-spacer);
}
.comments-list ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-list ol > li::before {
content: "";
display: none;
}
.comments .comment-author > img {
border-radius: 50%;
}
.comments .comment-body {
position: relative;
padding-bottom: var(--clb-spacer);
}
.comments .comment-body .says {
display: none;
}
.comments .comment-body .comment-metadata,
.comments .comment-body time {
font-size: var(--clb-font-size-small);
margin-bottom: 0.2rem;
}
.comments .comment-body .meta em {
font-style: normal;
padding: var(--clb-spacer-05) var(--clb-spacer-1);
font-size: var(--clb-font-size-caption);
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
border-radius: var(--clb-border-radius);
}
.comments .comment-body .meta h4 {
font-size: var(--clb-titles-h6-font-size);
letter-spacing: var(--clb-titles-h6-letter-spacing);
line-height: var(--clb-titles-h6-line-height);
}
.comments .comment-body .meta + time {
color: var(--clb-body-color-grey);
}
.comments .comment-body .comment-author a {
font-family: var(--clb-titles-font-family);
letter-spacing: -0.02rem;
}
.comments .comment-body .comment-metadata a:not(:hover) {
color: var(--clb-body-color-grey);
}
.comments .comment-body time::after {
content: '•';
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin-top: -2px;
color: var(--clb-color-primary);
margin-left: 0.3rem;
}
.comments .comment-body .reply {
margin-top: var(--clb-spacer-1);
}
.comments .comment-body p {
margin: 0;
}
.comments .comment-body .reply,
.comments .comment-body .edit-link {
font-weight: var(--clb-text-semi-bold);
}
.comments .children {
padding-left: calc(var(--clb-circle) + var(--clb-spacer-3));
}
.comments .comment-respond .heading-md small {
font-size: inherit;
margin-left: var(--clb-spacer-1);
}
.comments .comment-respond .logged-in-as {
margin: 0;
}
.comments .comment-respond .logged-in-as a:last-child {
font-weight: var(--clb-text-semi-bold);
}
.comments .comment-respond .comment-form-rating label {
display: inline-block;
vertical-align: middle;
}
.comments .comment-respond .comment-form-comment {
margin-top: var(--clb-spacer-1);
}
.comments .comment-respond .comment-form input[type="email"],
.comments .comment-respond .comment-form input[type="number"],
.comments .comment-respond .comment-form input[type="password"],
.comments .comment-respond .comment-form input[type="search"],
.comments .comment-respond .comment-form input[type="tel"],
.comments .comment-respond .comment-form input[type="text"],
.comments .comment-respond .comment-form input[type="date"],
.comments .comment-respond .comment-form input[type="url"],
.comments .comment-respond .comment-form textarea {
width: 100%;
}
.comments .comment-respond .comment-form .comment-form-comment,
.comments .comment-respond .comment-form .comment-form-cookies-consent,
.comments .comment-respond .comment-form .comment-notes {
min-width: 100%;
} .project {
position: relative;
}
.project-page .project-details p:first-of-type {
margin-top: 0;
}
.project-gallery {
position: relative;
}
.project-gallery .video-holder {
background-color: var(--clb-color-black);
}
.project-gallery .video-holder iframe {
height: 100%;
width: 100%;
}
.project-gallery .video-holder:not(.-visible).-cover {
overflow: hidden;
position: relative;
}
.project-gallery .video-holder.-cover iframe {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
}
.project-gallery .first-image {
position: relative;
overflow: hidden;
z-index: 1;
}
.project-gallery .first-image .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.project-gallery .video-button,
.project-gallery .share-bar {
z-index: 2;
}
.project-gallery img {
min-width: 100%;
}
.project-slider:not(.-single) .video-holder iframe {
visibility: hidden;
}
.project-slider:not(.-single) .clb-slider-stage iframe {
visibility: visible;
}
.project .-with-slider:not(.project-content) {
position: relative;
z-index: 1;
}
.project .-with-slider .project-slider {
overflow: hidden;
}
.project .-with-slider .project-slider > .scale-bg {
height: 100%;
}
.project .-with-slider .clb-slider-outer-stage {
height: 100%;
}
.project .-with-slider .project-image {
height: 100%;
background-size: cover;
background-position: center;
position: relative;
}
.project .-with-slider .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 30%, transparent);
}
.project .-with-slider .share-bar {
bottom: var(--clb-spacer);
top: auto;
right: auto;
}
.project-content {
z-index: 2;
}
.project-content .options-group,
.project-content .project-task,
.project-content .button {
margin-top: var(--clb-spacer-4);
}
.project-content .video-button {
margin-bottom: var(--clb-spacer-5);
}
.project-title .headline {
margin: var(--clb-spacer-2) 0 var(--clb-spacer-3);
}
.project-title + .project-details p {
margin: var(--clb-spacer-3) 0 0 0;
}
.project-task .title {
margin-bottom: var(--clb-spacer-1);
}
.project-task p {
font-weight: var(--clb-text-semi-bold);
}
.project .share-bar {
position: absolute;
}
.options-group {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: var(--clb-spacer);
}
.options-group > li {
padding-top: var(--clb-spacer-4);
border-top: var(--clb-border-width) var(--clb-border-style-solid) color-mix(in srgb, var(--clb-color-grey) 50%, transparent);
}
.options-group > li p {
font-size: var(--clb-font-size-small);
margin: var(--clb-spacer-05) 0 0 0;
}
.options-group .title {
color: inherit;
}
.portfolio-comments .comments {
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
} .portfolio-filter {
font-size: var(--clb-font-size-small);
padding-bottom: var(--clb-spacer);
}
.portfolio-filter li {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.portfolio-filter li:first-child {
margin-right: var(--clb-spacer-1);
}
.portfolio-filter:not(.-filter-button) li {
position: relative;
}
.portfolio-filter:not(.-filter-button) li:not(:first-child):not(:last-child)::after {
content: "/";
margin: 0px var(--clb-spacer-1) 0px var(--clb-spacer-05);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.portfolio-filter:not(.-filter-button) a {
margin-right: 0.85rem;
font-weight: var(--clb-text-medium);
position: relative;
color: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.portfolio-filter:not(.-filter-button) a .num {
top: -0.35rem;
right: -0.9rem;
text-align: left;
position: absolute;
font-size: 0.65em;
font-weight: var(--clb-text-bold);
}
.portfolio-filter:not(.-filter-button) a.active {
color: var(--clb-color-primary);
}
.portfolio-filter.-filter-button a {
margin: 0.2rem 0.1rem;
}
.portfolio-filter.-filter-button a .num {
margin-left: var(--clb-spacer-05);
font-size: 0.85em;
color: var(--clb-body-color-grey);
} .portfolio-item .title {
font-size: clamp(var(--clb-card-titles-font-size-min), calc(0.5vw + var(--clb-spacer-3)), var(--clb-card-titles-font-size));
}
.portfolio-item:not(.-with-slider) .video-button {
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.portfolio-item .overlay-details.-top {
top: 0;
bottom: auto;
}
.portfolio-item .show-project {
font-size: var(--clb-font-size-small);
}
.portfolio-item .show-project-link::before {
display: none;
}
.portfolio-item.-with-slider {
min-width: 100%;
overflow: hidden;
}
.portfolio-item.-with-slider .project-content {
position: relative;
min-height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.portfolio-item.-with-slider .project-content .headline {
margin-bottom: 0;
}
.portfolio-item.-with-slider .project-content h2 {
font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size));
letter-spacing: var(--clb-titles-h1-letter-spacing);
line-height: var(--clb-titles-h1-line-height);
}
.portfolio-item.-with-slider .project-content h3 {
font-size: clamp(var(--clb-titles-h3-font-size-min), calc(2.205vw + 0.25rem), var(--clb-titles-h3-font-size));
letter-spacing: var(--clb-titles-h3-letter-spacing);
line-height: var(--clb-titles-h3-line-height);
}
.portfolio-item.-with-slider .portfolio-item-image {
background-size: cover;
background-position: center;
position: absolute;
}
.portfolio-item.-with-slider:not(.-with-gradient) .portfolio-item-image[data-tilt="true"] {
min-width: calc(100vw + 5vw);
min-height: calc(100vh + 5vh);
left: -2.5vw;
top: -2.5vh;
}
.portfolio-item.-with-slider .overlay::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.portfolio-item.-with-slider .headline-decor {
position: absolute;
z-index: 1;
bottom: calc(var(--clb-spacer-1) * (-1));
}
.portfolio-item.-with-slider .headline-decor .title {
z-index: -1;
line-height: .5;
white-space: nowrap;
letter-spacing: -.06em;
font-size: 16vw;
color: color-mix(in srgb, var(--clb-color-neutral) 4%, transparent);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-with-gradient .portfolio-item-image::before {
content: "";
position: absolute;
width: 75%;
top: 0;
bottom: 0;
background: white;
background: linear-gradient(270deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.portfolio-item.-layout1 .project-details {
margin-top: var(--clb-spacer-05);
}
.portfolio-item.-layout1 .project-details p {
margin: 0;
}
.portfolio-item.-layout2 .overlay-details:not(.-top) {
width: 100%;
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.portfolio-item.-layout2 .overlay-details .title {
color: var(--clb-color-white);
}
.portfolio-item.-layout2 .portfolio-item-headline + .show-project {
position: relative;
left: 0;
bottom: 0 !important;
}
.portfolio-item.-layout1.-img-overlay .image-holder::after,
.portfolio-item.-layout2.-img-overlay .image-holder::after {
display: none;
}
.portfolio-item.-layout1 .overlay-details,
.portfolio-item.-layout2 .overlay-details,
.portfolio-item.-layout11 .overlay-details,
.portfolio-item.-layout13 .overlay-details {
width: auto;
}
.portfolio-item.-layout1 .show-project,
.portfolio-item.-layout2 .show-project,
.portfolio-item.-layout13 .show-project {
overflow: hidden;
position: relative;
margin-top: 0.4rem;
}
.portfolio-item.-layout1 .show-project a,
.portfolio-item.-layout2 .show-project a,
.portfolio-item.-layout13 .show-project a {
color: inherit;
}
.portfolio-item.-layout1 .show-project-link,
.portfolio-item.-layout2 .show-project-link,
.portfolio-item.-layout13 .show-project-link {
position: absolute;
font-weight: var(--clb-text-semi-bold);
opacity: 0;
left: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout1 .show-project-link a,
.portfolio-item.-layout2 .show-project-link a,
.portfolio-item.-layout13 .show-project-link a {
position: relative;
}
.portfolio-item.-layout1 .show-project-link a::after,
.portfolio-item.-layout2 .show-project-link a::after,
.portfolio-item.-layout13 .show-project-link a::after {
content: "";
width: 3rem;
height: 2px;
background-color: currentColor;
position: absolute;
right: calc(var(--clb-spacer-1) * (-1));
top: 48%;
transform: translate(100%, 50%);
}
.portfolio-item.-layout1 .show-project .category-holder,
.portfolio-item.-layout2 .show-project .category-holder,
.portfolio-item.-layout13 .show-project .category-holder {
display: block;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout1:hover .show-project-link,
.portfolio-item.-layout2:hover .show-project-link,
.portfolio-item.-layout13:hover .show-project-link {
transform: translate(0, -100%);
opacity: 1;
}
.portfolio-item.-layout1:hover .show-project .category-holder,
.portfolio-item.-layout2:hover .show-project .category-holder,
.portfolio-item.-layout13:hover .show-project .category-holder {
transform: translate(0, -100%);
opacity: 0;
}
.portfolio-item.-layout3 .overlay::after,
.portfolio-item.-layout5 .overlay::after,
.portfolio-item.-layout6 .overlay::after {
background-color: rgba(255, 255, 255, 0.98);
}
.portfolio-item.-layout3 .project-content,
.portfolio-item.-layout5 .project-content,
.portfolio-item.-layout6 .project-content {
padding: var(--clb-grid-gutter-4x) 0 var(--clb-grid-gutter-4x) 0;
}
.portfolio-item.-layout3.-full-vh .project-content,
.portfolio-item.-layout5.-full-vh .project-content,
.portfolio-item.-layout6.-full-vh .project-content {
padding-top: var(--clb-header-height);
min-height: 65vh;
}
.portfolio-item.-layout4 .overlay::after {
background-color: rgba(255, 255, 255, 0.5);
}
.portfolio-item.-layout4 .portfolio-item-image,
.portfolio-item.-layout4 .page-container,
.portfolio-item.-layout4 .project {
height: 100%;
}
.portfolio-item.-layout4 .project-content {
justify-content: center;
}
.portfolio-item.-layout4:not(.-full-vh) .project-content {
min-height: 50vh;
padding-top: 10vh;
padding-bottom: 10vh;
}
.portfolio-item.-layout5 .headline-decor {
top: 100%;
left: 15%;
transform-origin: left center;
transform: translateY(0%) rotate(-90deg);
}
.portfolio-item.-layout5 .project-content {
padding-bottom: var(--clb-spacer);
padding-right: var(--clb-spacer);
justify-content: flex-end;
}
.portfolio-item.-layout5 .project-content::before {
height: 25%;
}
.portfolio-item.-layout5:not(.-full-vh) .project-content {
min-height: 50vh;
padding-top: 10vh;
padding-bottom: 10vh;
}
.portfolio-item.-layout5.active .portfolio-item-image {
transform: none !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.prev-slide .portfolio-item-image {
transform: translateY(-100%) !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.prev-slide.last-slide .portfolio-item-image {
transform: translateY(-20%) !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.next-slide .portfolio-item-image {
transform: translateY(100%);
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.next-slide.last-slide .portfolio-item-image {
transform: translateY(20%) !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout6 .portfolio-item-image {
background-position: left bottom;
}
.portfolio-item.-layout7 .portfolio-item-image::before {
right: 0;
}
.portfolio-item.-layout7:not(.-full-vh) {
height: 50vh;
}
.portfolio-item.-layout7 .project-content {
justify-content: center;
}
.portfolio-item.-layout7 .project-content::before {
height: var(--clb-header-height);
}
.portfolio-item.-layout7 .headline-decor {
left: calc(100% / 3);
bottom: 20vh;
}
.portfolio-item.-layout7 .video-button,
.portfolio-item.-layout9 .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.portfolio-item.-layout9:not(.-full-vh) {
height: 50vh;
}
.portfolio-item.-layout9 .portfolio-item-image {
position: relative;
}
.portfolio-item.-layout9 .project-content {
padding-bottom: var(--clb-spacer);
justify-content: space-around;
}
.portfolio-item.-layout9 .project-content::before {
height: 26%;
visibility: hidden;
}
.portfolio-item.-layout9 .headline-decor {
top: 50%;
bottom: auto;
transform: translateY(-50%);
left: 25px;
opacity: 0;
transition: 0.45s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout9 .next-slide-preview {
position: absolute;
top: 50%;
left: 0;
transform: translate(-60%, -50%);
width: 16.5rem;
height: 20rem;
background-size: cover;
background-position: center;
z-index: 1;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
border-radius: var(--clb-border-radius);
}
.portfolio-item.-layout9 .next-slide-preview:hover {
transform: translate(-55%, -50%);
}
.portfolio-item.-layout9 .image-holder {
opacity: 0;
z-index: 1;
padding: 0;
position: relative;
}
.portfolio-item.-layout9.active .image-holder {
opacity: 1;
transition: 0.45s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout9.active .headline-decor,
.portfolio-item.-layout9.active .next-project-img-box {
opacity: 1;
}
.portfolio-item.-layout9.active .project-content::before {
visibility: visible;
}
.portfolio-item.-layout9 .page-container {
padding-left: 0;
}
.portfolio-item.-layout10 .overlay,
.portfolio-item.-layout10 .overlay-image {
background-size: cover;
background-position: center;
}
.portfolio-item.-layout10 .overlay-image .headline-decor {
z-index: initial;
}
.portfolio-item.-layout10 .overlay-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.98);
}
.portfolio-item.-layout10 .preview {
top: 18vh;
bottom: 18vh;
position: absolute;
}
.portfolio-item.-layout10 .portfolio-item-image {
right: var(--clb-grid-gutter);
left: var(--clb-grid-gutter);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout10 .portfolio-item-image::before {
left: 0;
background: white;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.portfolio-item.-layout10 .headline-decor {
top: 50%;
transform: translateY(-50%);
bottom: auto;
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout10:not(.-full-vh) {
height: 50vh;
}
.portfolio-item.-layout10:not(.-full-vh) .preview {
top: 0;
bottom: 0;
}
.portfolio-item.-layout10.active .page-container .portfolio-item-image {
transform: none;
}
.portfolio-item.-layout10.active .headline-decor {
opacity: 1;
}
.portfolio-item.-layout13 {
gap: calc(var(--clb-grid-gutter) * 2);
display: flex;
}
.portfolio-item.-layout13 .card-details {
flex-grow: 2;
}
.portfolio-item.-layout13 .card-details .holder {
padding-top: var(--clb-spacer);
}
.portfolio-item.-layout13 .card-details .category-holder .category {
font-weight: var(--clb-text-semi-bold);
}
.portfolio-item.-layout13:not(.-contained) .card-details {
padding-top: 0;
padding-left: 2.5rem;
}
.portfolio-item.-layout13.-contained.-with-shadow .image-holder,
.portfolio-item.-layout13.-contained.-with-shadow .card-details {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}
.portfolio-item.-layout13.-contained .card-image {
position: relative;
}
.portfolio-item.-layout13.-contained .card-image .image-holder {
border-radius: var(--clb-border-radius);
}
.portfolio-item.-layout13.-contained .card-details {
padding: 0 var(--clb-spacer) var(--clb-spacer) var(--clb-spacer);
border-radius: var(--clb-border-radius);
}
.portfolio-links .project-content::before,
.-with-slider .project-content::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 50%;
background-image: radial-gradient(circle at 1px 1px, var(--clb-pattern-color) 1px, transparent 0);
background-size: 20px 20px;
}
.portfolio-grid.is-loading {
max-height: 0px !important;
}
.portfolio-grid.is-loading .portfolio-item:not(.-with-slider) {
visibility: hidden;
opacity: 0;
}
.portfolio-links.grid_8 {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
}
.portfolio-links.grid_8.-with-sorting.-with-pagination {
justify-content: space-between;
}
.portfolio-links.grid_8 .project-content {
padding: 0;
}
.portfolio-links.grid_8 .project-content::before {
height: 25%;
left: 50%;
}
.portfolio-links.grid_8 .portfolio-grid {
z-index: 2;
height: auto !important;
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
}
.portfolio-links.grid_8 .grid-item {
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 var(--clb-grid-gutter) !important;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_8 .grid-item .portfolio-item {
padding: 0.4rem 0;
flex-wrap: wrap;
display: flex;
align-items: flex-end;
}
.portfolio-links.grid_8 .grid-item .portfolio-item .headline {
margin: 0;
line-height: 100%;
}
.portfolio-links.grid_8 .grid-item .portfolio-item .category-holder {
margin-left: var(--clb-spacer-1);
}
.portfolio-links.grid_8 .grid-item .portfolio-item.active {
transform: scale(2.5);
}
.portfolio-links.grid_8 .grid-item .portfolio-item.invisible {
opacity: .05 !important;
visibility: visible !important;
}
.portfolio-links.grid_8 .grid-item .project-title:hover .headline {
color: inherit;
}
.portfolio-links.grid_8 .portfolio-grid-images {
position: absolute;
top: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.portfolio-links.grid_8 .thumbnail {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: 1;
transform: scale(1);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_8 .thumbnail::after {
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
content: "";
display: block;
position: absolute;
}
.portfolio-links.grid_8 .thumbnail.scale {
opacity: 1;
animation: imageScale 12s 1;
animation-fill-mode: forwards;
}
.portfolio-links.grid_12 {
position: relative;
counter-reset: portfolio-number;
}
.portfolio-links.grid_12 .portfolio-item {
overflow: visible;
white-space: nowrap;
counter-increment: portfolio-number;
height: 100%;
display: flex;
align-items: center;
}
.portfolio-links.grid_12 .portfolio-item-details {
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: flex-start;
}
.portfolio-links.grid_12 .portfolio-item-details .category-holder {
opacity: 0;
transform: translateX(1.75rem);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-item-details .category-holder a {
font-weight: var(--clb-text-semi-bold);
}
.portfolio-links.grid_12 .portfolio-item-details-headline {
position: relative;
}
.portfolio-links.grid_12 .portfolio-item-details-headline::after {
content: "0" counter(portfolio-number);
opacity: .65;
font-weight: var(--clb-text-bold);
top: 0;
right: 0;
transform: translateX(110%);
position: absolute;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a {
position: relative;
display: block;
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a .title {
font-size: 6vw;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a .title:hover {
-webkit-text-stroke: 1px currentColor;
-webkit-text-fill-color: transparent;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-image {
opacity: 0;
height: 0;
width: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
padding: 0;
z-index: -1;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-image > img {
mix-blend-mode: multiply;
opacity: .3;
}
.portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .portfolio-item-details-headline::after {
transform: translateX(calc(var(--clb-spacer-2) * (-1)));
opacity: 0;
}
.portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .category-holder {
opacity: 1;
transform: translateX(0px);
}
.portfolio-links.grid_12 .portfolio-grid-images {
height: 0;
width: 0;
z-index: 10;
position: relative;
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image {
position: fixed;
left: var(--clb-spacer-2);
top: var(--clb-spacer-2);
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: transform;
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card {
width: 35vh;
height: 35vh;
padding: var(--clb-spacer-3);
will-change: transform;
transition: all linear 2s;
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card img {
transform: scale(0.8);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.transition {
transition: all linear var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.visible img {
transform: scale(1);
}
.portfolio-links.grid_12 .portfolio-grid-holder {
position: relative;
flex-grow: 2;
overflow-x: hidden;
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid {
margin-top: 0;
margin-bottom: 0;
transform-origin: bottom left;
transform: rotate(-90deg) translateY(100%);
overflow: hidden;
left: var(--clb-grid-gutter);
bottom: 0;
right: 0;
width: max-content;
top: auto !important;
position: absolute !important;
border-left: var(--clb-border-width) var(--clb-border-style-solid) color-mix(in srgb, var(--clb-color-neutral) 25%, transparent);
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar,
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar-thumb {
visibility: hidden;
}
.portfolio-links.grid_12 .portfolio-grid-holder .grid-item {
position: static !important;
left: auto !important;
top: auto !important;
padding: 0 0 0 2rem !important;
min-height: calc(100% / 10);
display: flex;
}
.portfolio-links.grid_12 .portfolio-grid-holder-underline {
position: absolute;
bottom: 0;
height: 1px;
width: 1px;
background-color: var(--clb-color-grey);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12.-full-vh {
display: flex;
align-items: stretch;
flex-direction: column;
}
.portfolio-links .portfolio-filter,
.portfolio-links .pagination,
.portfolio-links .lazy-load {
z-index: 3;
position: relative;
padding-top: 2rem;
padding-bottom: 2rem;
}
.portfolio-links .project-content::before {
display: none;
}
.ohio-recent-projects-sc .vc_row[data-vc-full-width].vc_hidden {
opacity: 1;
}
@keyframes imageScale {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
} .project.-layout3 > .vc_row {
margin-right: 0;
}
.project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar {
left: calc(50% - var(--clb-spacer));
transform: translateX(-100%);
}
.project.-layout3 .project-gallery.scroll-disabled .share-bar {
right: var(--clb-spacer);
}
.project.-layout3 .project-content .holder {
padding-right: calc(var(--clb-container-offset) - var(--clb-grid-gutter));
}
.project.-layout3.-full-w .project-content .holder {
padding-right: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter));
}
.project.-layout4 > .vc_row {
margin-left: 0;
}
.project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
right: calc(50% - var(--clb-spacer));
transform: translateX(100%);
}
.project.-layout4 .project-gallery.scroll-disabled .share-bar {
left: var(--clb-spacer);
}
.project.-layout4 .project-content .holder {
padding-left: calc(var(--clb-container-offset) - var(--clb-grid-gutter));
}
.project.-layout4.-full-w .project-content .holder {
padding-left: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter));
}
.project.-layout5 .project-content {
padding-top: var(--clb-grid-gutter-5x);
padding-bottom: var(--clb-grid-gutter-5x);
}
.project.-layout5 .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.project.-layout5 .video-holder.-cover iframe {
height: 140%;
}
.project.-layout5 .project-slider,
.project.-layout5 .video-holder {
height: 75vh;
}
.project.-layout6 .project-content {
height: 100vh;
padding-top: var(--clb-header-height);
}
.project.-layout6 .project-content .holder {
position: relative;
z-index: 1;
}
.project.-layout6 .project-content .holder,
.project.-layout6 .project-content .headline {
color: var(--clb-color-white);
}
.project.-layout6 .project-content .holder .button:not(:hover),
.project.-layout6 .project-content .headline .button:not(:hover) {
color: inherit;
}
.project.-layout6 .project-content .options-group li {
border-top-color: rgba(255, 255, 255, 0.25);
}
.project.-layout6 .project-content .video-module {
min-height: var(--clb-circle);
margin-bottom: var(--clb-spacer);
}
.project.-layout6 .project-content .page-container,
.project.-layout6 .project-content .vc_row {
height: 100%;
}
.project.-layout6 .project-content .vc_row {
padding-bottom: var(--clb-header-height);
display: flex;
align-items: center;
}
.project.-layout7 {
padding-bottom: var(--clb-grid-gutter-6x);
}
.project.-layout7 .share-bar {
top: var(--clb-spacer);
left: var(--clb-spacer);
}
.project.-layout8 .project-content {
padding: var(--clb-header-height) 0;
}
.project.-layout8 .project-content .vc_row {
display: block;
}
.project.-layout8 .project-content .holder {
position: relative;
}
.project.-layout8 .project-gallery {
top: 0;
right: 0;
bottom: 0;
width: 65vw;
position: absolute;
}
.project.-layout8 .project-slider {
height: 100%;
}
.project.-layout8 .overlay {
background: white;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.project.-layout9 .holder {
height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.project.-layout9 .holder,
.project.-layout9 .holder .headline {
color: var(--clb-color-white);
}
.project.-layout9 .project-content {
padding-top: var(--clb-grid-gutter-6x);
padding-bottom: var(--clb-grid-gutter-6x);
}
.project.-layout10 .share-bar .social-networks {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.project.-layout10 .project-slider {
height: 100vh;
}
.project.-layout10 .project-content {
position: relative;
}
.project.-layout10 .project-content .holder {
height: auto;
padding: 0px var(--clb-grid-gutter);
}
.project.-layout1 .video-holder,
.project.-layout2 .video-holder,
.project.-layout3 .video-holder,
.project.-layout4 .video-holder,
.project.-layout7 .video-holder {
margin-bottom: var(--clb-spacer-1);
}
.project.-layout1 .video-holder:not(.-custom),
.project.-layout2 .video-holder:not(.-custom),
.project.-layout3 .video-holder:not(.-custom),
.project.-layout4 .video-holder:not(.-custom),
.project.-layout7 .video-holder:not(.-custom) {
position: relative;
padding-bottom: calc(100% * 9 / 16);
}
.project.-layout1 .video-holder:not(.-custom) iframe,
.project.-layout2 .video-holder:not(.-custom) iframe,
.project.-layout3 .video-holder:not(.-custom) iframe,
.project.-layout4 .video-holder:not(.-custom) iframe,
.project.-layout7 .video-holder:not(.-custom) iframe {
position: absolute;
visibility: visible;
transform: none;
top: 0;
left: 0;
}
.project.-layout1 .video-holder.-custom video,
.project.-layout2 .video-holder.-custom video,
.project.-layout3 .video-holder.-custom video,
.project.-layout4 .video-holder.-custom video,
.project.-layout7 .video-holder.-custom video {
vertical-align: top;
min-width: 100%;
}
.project.-layout1 .project-gallery,
.project.-layout2 .project-gallery,
.project.-layout3 .project-gallery,
.project.-layout4 .project-gallery,
.project.-layout7 .project-gallery {
display: grid;
grid-gap: var(--clb-spacer-1);
}
.project.-layout3 .page-container.-full-w,
.project.-layout4 .page-container.-full-w {
padding-left: 0;
padding-right: 0;
}
.project.-layout3 .page-container.-full-w > .vc_row,
.project.-layout4 .page-container.-full-w > .vc_row {
margin: 0;
}
.project.-layout3 .project-gallery,
.project.-layout4 .project-gallery {
padding-left: 0px;
padding-right: 0px;
}
.project.-layout3 .project-gallery .share-bar,
.project.-layout4 .project-gallery .share-bar {
bottom: var(--clb-spacer);
}
.project.-layout6 .options-group li p,
.project.-layout8 .options-group li p {
opacity: .75;
}
.project.-layout6 .project-slider,
.project.-layout9 .project-slider {
height: 100vh;
width: 100%;
position: absolute;
}
.single.with-spacer.with-header-5 .-layout3 .project-content .holder {
padding-right: calc((100vw - var(--clb-header-height-5) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-5 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar {
left: calc(50% + (var(--clb-header-height-6)/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single.with-spacer.with-header-5 .-layout4 .project-content .holder {
padding-left: calc((100vw - var(--clb-header-height-5) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-5 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
right: calc(50% - (var(--clb-header-height-5)/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single.with-spacer.with-header-6 .-layout3 .project-content .holder,
.single.with-spacer.with-header-7 .-layout3 .project-content .holder {
padding-right: calc((100vw - var(--clb-header-height-6) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-6 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar,
.single.with-spacer.with-header-7 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar {
left: calc(50% + ((var(--clb-header-height-6) - var(--clb-grid-gutter))/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single.with-spacer.with-header-6 .-layout4 .project-content .holder,
.single.with-spacer.with-header-7 .-layout4 .project-content .holder {
padding-left: calc((100vw - var(--clb-header-height-6) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-6 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar,
.single.with-spacer.with-header-7 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
right: calc(50% - ((var(--clb-header-height-6) + var(--clb-grid-gutter) )/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout1 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout3 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout4 .share-bar {
margin-top: var(--clb-header-height);
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout1 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout1 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout2 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout2 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout3 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout3 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout4 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout4 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout1 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout1 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout2 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout2 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout3 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout3 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout4 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout4 .share-bar {
margin-top: 0;
}
.single:not(.with-spacer) .-layout7:not(.blog-item),
.single:not(.with-spacer) .-layout8:not(.blog-item) {
padding-top: var(--clb-header-height);
}
.single:not(.with-spacer) .-layout8 .project-gallery {
top: var(--clb-header-height);
}  .back-link {
position: fixed;
z-index: 5;
left: var(--clb-spacer);
top: var(--clb-spacer);
display: flex;
align-items: center;
}
.back-link .caption {
opacity: 0;
transform: translateX(var(--clb-spacer-1));
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.back-link:hover .caption {
opacity: 1;
transform: none;
}
.back-link.showed {
opacity: 1;
visibility: visible;
}
body:not(.with-header-sidebar) .back-link {
margin-top: var(--clb-header-height);
}
body:not(.with-header-sidebar).with-offer-banner .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-offer-banner-height));
}
body:not(.with-header-sidebar).with-subheader .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-subheader-height));
}
body:not(.with-header-sidebar).with-subheader.with-offer-banner .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height));
}
body:not(.with-header-sidebar).with-header-2 .back-link {
margin-top: var(--clb-header-height-2);
}
body:not(.with-header-sidebar).with-header-2.with-subheader .back-link {
margin-top: calc(var(--clb-header-height-2) + var(--clb-subheader-height));
}
.with-header-sidebar.with-offer-banner .back-link {
margin-top: var(--clb-offer-banner-height);
}
.with-header-sidebar.with-subheader .back-link {
margin-top: var(--clb-subheader-height);
}
.with-header-sidebar.with-subheader.with-offer-banner .back-link {
margin-top: calc(var(--clb-subheader-height) + var(--clb-offer-banner-height));
} .color-switcher {
font-weight: var(--clb-text-medium);
font-size: .85em;
position: relative;
height: var(--clb-color-switcher-height);
background-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
cursor: var(--clb-cursor-pointer);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent) inset;
border-radius: 0.9rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.color-switcher-item-state {
margin: 0;
height: var(--clb-spacer-5);
display: flex;
align-items: center;
justify-content: center;
}
.color-switcher-item-state > span {
line-height: 1;
}
.color-switcher-item-state svg {
fill: currentColor;
}
.color-switcher-item,
.color-switcher-toddler-item {
width: 100%;
height: 100%;
padding: 0 0.65rem;
display: flex;
align-items: center;
justify-content: center;
}
.color-switcher-toddler {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.color-switcher-toddler-wrap {
position: relative;
height: 100%;
}
.color-switcher-toddler-item {
position: absolute;
background-color: var(--clb-color-white);
width: 100%;
box-shadow: -3px 0px 6px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
border-radius: 0.9rem;
}
.color-switcher-toddler-item:hover svg {
transform: var(--clb-transform-scale);
transition: transform var(--clb-transition-function) var(--clb-transition-duration);
}
.color-switcher-toddler-item .light {
z-index: 1;
}
.color-switcher:not(.dark) .color-switcher-toddler-item.light {
z-index: 1;
}
.color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item {
color: var(--clb-color-white);
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 70%, var(--clb-color-white));
}
.color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item.dark {
z-index: 1;
} .notification .alert {
background-color: var(--clb-color-white);
}
.notification .alert.-blur {
background-color: color-mix(in srgb, var(--clb-color-white) 85%, transparent);
}
.notification .alert .button {
margin-left: var(--clb-spacer-3);
} .elements-bar {
gap: var(--clb-grid-gutter);
position: fixed;
top: 50%;
min-height: var(--clb-side-elements-height);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.elements-bar.left {
z-index: 4;
left: var(--clb-spacer);
transform-origin: left top;
transform: rotate(-90deg) translate(-50%, 0);
}
.elements-bar.right {
z-index: 3;
right: var(--clb-spacer);
transform-origin: right top;
transform: rotate(-90deg) translate(50%, -100%);
} .meta-item {
line-height: var(--clb-text-line-heigth-small);
text-align: left;
}
.meta-item .prefix {
font-size: var(--clb-font-size-extra-small);
display: block;
opacity: 0.75;
}
.meta-item span:not(.prefix),
.meta-item time:not(.prefix) {
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-font-size-small);
}
.headline-meta {
font-size: var(--clb-font-size-small);
flex-wrap: wrap;
display: flex;
align-items: center;
}
.headline-meta .category-holder,
.headline-meta .date {
font-weight: var(--clb-text-medium);
}
.headline-meta .category-holder + *::before,
.headline-meta .date + *::before {
margin-left: var(--clb-spacer-05);
margin-right: var(--clb-spacer-05);
content: '•';
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin-top: -2px;
color: var(--clb-color-primary);
}
.headline-meta .post-meta-estimate {
white-space: nowrap;
}
.meta-holder {
gap: var(--clb-gap-large);
display: flex;
} .page-preloader {
background-color: var(--clb-preloader-color);
width: 100%;
height: 100vh;
z-index: 99999;
position: fixed;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
display: flex;
align-items: center;
justify-content: center;
}
.page-preloader .loader {
width: 6px;
height: 6px;
position: absolute;
left: 50%;
top: 50%;
animation: typing 1s linear infinite alternate;
border-radius: 50%;
}
.page-preloader.hidden {
opacity: 0;
visibility: hidden;
}
.page-preloader.hide {
display: none;
}
.page-preloader.percentage-preloader {
background-color: var(--clb-color-white);
}
.page-preloader.percentage-preloader .sk-percentage {
height: 100%;
width: 0;
background-color: var(--clb-preloader-color);
left: 0;
position: fixed;
}
.page-preloader.percentage-preloader .sk-percentage-percent {
color: var(--clb-preloader-spinner-color);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 6em;
font-weight: var(--clb-text-semi-bold);
letter-spacing: -.02rem;
}
.spinner {
animation: spinner_animation 2s linear infinite;
z-index: 2;
position: relative;
}
.spinner .path {
opacity: .75;
stroke: var(--clb-preloader-spinner-color);
stroke-linecap: round;
animation: spinner_animation_dash 1.5s ease-in-out infinite;
}
@keyframes spinner_animation {
100% {
transform: rotate(360deg);
}
}
@keyframes spinner_animation_dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.sk-circle {
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child::before {
content: "";
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: var(--clb-preloader-spinner-color);
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
border-radius: 50%;
}
.sk-circle .sk-circle2 {
transform: rotate(30deg);
}
.sk-circle .sk-circle2::before {
animation-delay: -1.1s;
}
.sk-circle .sk-circle3 {
transform: rotate(60deg);
}
.sk-circle .sk-circle3::before {
animation-delay: -1s;
}
.sk-circle .sk-circle4 {
transform: rotate(90deg);
}
.sk-circle .sk-circle4::before {
animation-delay: -0.9s;
}
.sk-circle .sk-circle5 {
transform: rotate(120deg);
}
.sk-circle .sk-circle5::before {
animation-delay: -0.8s;
}
.sk-circle .sk-circle6 {
transform: rotate(150deg);
}
.sk-circle .sk-circle6::before {
animation-delay: -0.7s;
}
.sk-circle .sk-circle7 {
transform: rotate(180deg);
}
.sk-circle .sk-circle7::before {
animation-delay: -0.6s;
}
.sk-circle .sk-circle8 {
transform: rotate(210deg);
}
.sk-circle .sk-circle8::before {
animation-delay: -0.5s;
}
.sk-circle .sk-circle9 {
transform: rotate(240deg);
}
.sk-circle .sk-circle9::before {
animation-delay: -0.4s;
}
.sk-circle .sk-circle10 {
transform: rotate(270deg);
}
.sk-circle .sk-circle10::before {
animation-delay: -0.3s;
}
.sk-circle .sk-circle11 {
transform: rotate(300deg);
}
.sk-circle .sk-circle11::before {
animation-delay: -0.2s;
}
.sk-circle .sk-circle12 {
transform: rotate(330deg);
}
.sk-circle .sk-circle12::before {
animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.sk-wave {
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.sk-wave .sk-rect {
background-color: var(--clb-preloader-spinner-color);
height: 100%;
width: 5px;
display: inline-block;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-wave .sk-rect1 {
animation-delay: -1.2s;
}
.sk-wave .sk-rect2 {
animation-delay: -1.1s;
}
.sk-wave .sk-rect3 {
animation-delay: -1s;
}
.sk-wave .sk-rect4 {
animation-delay: -0.9s;
}
.sk-wave .sk-rect5 {
animation-delay: -0.8s;
}
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
.sk-double-bounce {
position: relative;
}
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
background-color: var(--clb-preloader-spinner-color);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-doubleBounce 2.0s infinite ease-in-out;
border-radius: 50%;
}
.sk-double-bounce .sk-double-bounce2 {
animation-delay: -1.0s;
}
@keyframes sk-doubleBounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.sk-folding-cube {
position: relative;
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.sk-folding-cube .sk-cube::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--clb-preloader-spinner-color);
animation: sk-foldCubeAngle 2.5s infinite linear both;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube2::before {
animation-delay: 0.3125s;
}
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube3::before {
animation-delay: 0.625s;
}
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube4::before {
animation-delay: 0.9375s;
}
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.spinner,
.sk-fading-circle,
.sk-double-bounce,
.sk-circle,
.sk-folding-cube {
width: 3.25rem;
height: 3.25rem;
} .social-bar {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.social-bar-holder {
white-space: nowrap;
font-family: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.social-bar-holder li {
margin: 0px var(--clb-spacer-05);
}
.social-bar-holder li.caption::after {
content: "—";
margin-left: var(--clb-spacer-1);
}
.social-bar-holder:not(.icons) li:not(:first-child):not(:last-child)::after {
content: "/";
display: inline;
padding: 0 var(--clb-spacer-05);
}
.social-bar-holder.icons li {
padding: 0px 5px;
}
.social-bar-holder.icons li i {
transform: rotate(90deg);
}
.social-bar-holder.icons li a::after {
display: none;
} .share-bar {
position: absolute;
z-index: 1;
}
.share-bar .social-networks {
background-color: var(--clb-color-white);
padding: 0.2rem;
border-radius: var(--clb-border-radius);
}
.share-bar .social-networks:not(.-boxed) {
gap: 0;
}
.share-bar .social-text {
display: none;
}
.share-bar.-vertical .social-networks {
flex-direction: column;
} .slide-in .ordering-filters-holder .ordering-button,
.is-mobile-menu .ordering-filters-holder .ordering-button {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.slide-in .slide-in-overlay,
.is-mobile-menu .slide-in-overlay {
width: 100%;
height: 100%;
top: 0;
position: fixed;
visibility: hidden;
opacity: 0;
z-index: 99999;
overflow: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.slide-in .slide-in-overlay .close-bar,
.is-mobile-menu .slide-in-overlay .close-bar {
width: calc(100% - var(--clb-circle));
position: absolute;
display: flex;
justify-content: space-between;
}
.slide-in .slide-in-overlay .close-bar .icon-button.search-global,
.is-mobile-menu .slide-in-overlay .close-bar .icon-button.search-global {
display: block;
position: initial;
background-color: initial;
}
.slide-in .slide-in-overlay .close-bar .icon-button.search-global:not(.-overlay-button):not(.-small),
.is-mobile-menu .slide-in-overlay .close-bar .icon-button.search-global:not(.-overlay-button):not(.-small) {
color: inherit;
}
.slide-in .slide-in-overlay .overlay,
.is-mobile-menu .slide-in-overlay .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 90%, transparent);
}
.slide-in .slide-in-overlay .holder,
.is-mobile-menu .slide-in-overlay .holder {
position: absolute;
top: 0;
height: 100vh;
bottom: 0;
z-index: 1;
background-color: var(--clb-color-white);
width: calc(100% - var(--clb-circle));
text-align: left;
overflow-y: auto;
padding: var(--clb-header-height) var(--clb-spacer) var(--clb-spacer);
transition-duration: var(--clb-transition-duration);
opacity: 0;
box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
}
.slide-in .slide-in-overlay .holder .ordering-filters,
.is-mobile-menu .slide-in-overlay .holder .ordering-filters {
gap: var(--clb-gap-large);
flex-direction: column;
align-items: flex-start;
}
.slide-in .slide-in-overlay .copyright,
.is-mobile-menu .slide-in-overlay .copyright {
font-weight: var(--clb-body-font-weight);
font-size: var(--clb-font-size-small);
}
.slide-in .slide-in-overlay select.lang-dropdown,
.is-mobile-menu .slide-in-overlay select.lang-dropdown {
color: inherit;
}
.slide-in .slide-in-overlay > .social-bar,
.is-mobile-menu .slide-in-overlay > .social-bar {
margin: 0;
top: 50%;
position: absolute;
z-index: 1;
}
.slide-in .slide-in-overlay > .social-bar *,
.is-mobile-menu .slide-in-overlay > .social-bar * {
color: var(--clb-color-white);
}
.slide-in.with-left-mobile-hamburger .slide-in-overlay,
.is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay {
left: 0;
}
.slide-in.with-left-mobile-hamburger .slide-in-overlay .holder,
.is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay .holder {
transform: translateX(-3rem);
}
.slide-in.with-left-mobile-hamburger .slide-in-overlay > .social-bar,
.is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay > .social-bar {
right: 0;
margin-right: 0.9rem;
transform-origin: right top;
transform: rotate(-90deg) translate(50%, -100%);
}
.slide-in.with-right-mobile-hamburger .slide-in-overlay,
.is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay {
right: 0;
}
.slide-in.with-right-mobile-hamburger .slide-in-overlay .holder,
.is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay .holder {
right: 0;
transform: translateX(3rem);
}
.slide-in.with-right-mobile-hamburger .slide-in-overlay > .social-bar,
.is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay > .social-bar {
margin-left: 0.9rem;
transform-origin: left top;
transform: rotate(-90deg) translate(-50%, 0);
}
.slide-in.with-right-mobile-hamburger .slide-in-overlay .close-bar,
.is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay .close-bar {
right: 0;
flex-direction: row-reverse;
}
.slide-in.with-left-mobile-hamburger .slide-in-overlay.visible,
.slide-in.with-right-mobile-hamburger .slide-in-overlay.visible,
.is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay.visible,
.is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay.visible {
visibility: visible;
opacity: 1;
}
.slide-in.with-left-mobile-hamburger .slide-in-overlay.visible .holder,
.slide-in.with-right-mobile-hamburger .slide-in-overlay.visible .holder,
.is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay.visible .holder,
.is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay.visible .holder {
transform: none;
opacity: 1;
}
.slide-in .slide-in-overlay {
left: 0;
}
.slide-in .slide-in-overlay .overlay {
background-color: color-mix(in srgb, var(--clb-color-overlay) 20%, transparent);
}
.slide-in .slide-in-overlay .close-bar {
height: var(--clb-slide-in-panel-header-height);
padding: 0 var(--clb-spacer-4);
}
.slide-in .slide-in-overlay .holder {
padding: var(--clb-slide-in-panel-header-height) 0 0 0;
transform: translateX(-3rem);
overflow: hidden;
}
.slide-in .slide-in-overlay .holder .scroll-container {
position: absolute;
top: var(--clb-slide-in-panel-header-height);
padding: 0 var(--clb-spacer-4) var(--clb-spacer);
width: 100%;
bottom: 0;
overflow-y: auto;
}
.slide-in .slide-in-overlay.visible {
visibility: visible;
opacity: 1;
}
.slide-in .slide-in-overlay.visible .holder {
transform: none;
opacity: 1;
}
.admin-bar .slide-in .slide-in-overlay {
top: var(--clb-admin-bar-height);
} .ordering-filters {
gap: var(--clb-gap);
}
.ordering-filters .result-count,
.ordering-filters .woocommerce-result-count {
margin: 0 var(--clb-spacer-1);
font-size: var(--clb-font-size-extra-small);
white-space: nowrap;
}
.ordering-filters-holder {
position: relative;
}
.ordering-filters-holder .ordering-button {
display: none;
} .scroll-top {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: opacity, visibility, color;
}
.scroll-top:not(.-left):not(.-right):not(.slider-scroll-label) {
opacity: 0;
visibility: hidden;
}
.scroll-top.-left {
margin-left: calc(var(--clb-spacer-3) * (-1));
}
.scroll-top.-left,
.scroll-top.-right {
white-space: nowrap;
}
.scroll-top-bar {
width: 3.75rem;
height: 0.125rem;
margin-right: var(--clb-spacer-3);
position: relative;
}
.scroll-top-bar::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: currentColor;
opacity: .25;
}
.scroll-top-bar .scroll-track {
position: absolute;
top: 0;
right: 0;
height: 100%;
background-color: currentColor;
}
.scroll-top.slider-scroll-label .scroll-top-bar .scroll-track {
width: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.social-bar,
.scroll-top {
font-weight: var(--clb-text-semi-bold);
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: center;
}
.scroll-bar-container {
position: absolute;
top: 50%;
left: var(--clb-spacer);
min-height: var(--clb-circle);
z-index: 3;
transform-origin: left top;
transform: rotate(-90deg) translateX(-50%);
display: flex;
align-items: center;
}
.with-switcher .scroll-bar-container .slider-scroll-label {
margin-right: calc(7.25rem - var(--clb-grid-gutter));
}
.with-offer-banner .scroll-bar-container .slider-scroll-label {
transform: translateX(calc(var(--clb-offer-banner-height) / 2));
}
.admin-bar .scroll-bar-container .slider-scroll-label {
transform: translateX(var(--clb-admin-bar-height));
}
.admin-bar.with-offer-banner .scroll-bar-container .slider-scroll-label {
transform: translateX(calc(var(--clb-admin-bar-height) + var(--clb-offer-banner-height)));
}    .clb-popup {
position: fixed;
z-index: 9999999;
opacity: 0;
visibility: hidden;
transform: translateY(-50vh);
}
.clb-popup:not(.-slide-in) {
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent);
}
.clb-popup:not(.-slide-in) .clb-popup-holder {
height: 100%;
padding: var(--clb-header-height);
display: flex;
align-items: center;
justify-content: center;
}
.clb-popup.-slide-in .close-bar {
height: auto;
width: auto;
left: unset;
padding: var(--clb-spacer-2);
}
.clb-popup.-slide-in .close-bar .icon-button {
min-width: var(--clb-circle-small);
width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.clb-popup.-slide-in .close-bar .icon-button .icon {
color: initial;
}
.clb-popup.-slide-in .popup-subscribe {
box-shadow: 0px 5px 10px 0px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
}
.clb-popup.-left-bottom,
.clb-popup.-right-bottom {
bottom: var(--clb-spacer);
}
.clb-popup.-left-bottom {
left: var(--clb-spacer);
}
.clb-popup.-right-bottom {
right: var(--clb-spacer);
}
.clb-popup.hidden {
opacity: 0;
visibility: hidden;
display: initial;
}
.clb-popup.visible {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity .5s ease-in-out;
}
.clb-popup .close-bar {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.clb-popup .close-bar .btn-expand {
display: inline-block;
}
.close-bar {
position: relative;
z-index: 11;
height: var(--clb-header-height);
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
display: flex;
align-items: center;
} .project-lightbox {
display: flex;
}
.project-lightbox-gallery,
.project-lightbox-details {
height: 100%;
}
.project-lightbox .options-group {
color: var(--clb-body-color-grey-light);
}
.project-lightbox,
.project-lightbox .title,
.project-lightbox .project-details,
.project-lightbox .button.-text {
color: var(--clb-color-white);
}
.project-lightbox .clb-slider-nav-btn {
right: 0;
}
.project-lightbox-gallery {
width: calc(100vw - 38vw);
position: relative;
}
.project-lightbox-gallery .slider {
width: 100%;
height: 100%;
}
.project-lightbox-gallery .slider .clb-slider-outer-stage,
.project-lightbox-gallery .slider .clb-slider-stage {
height: 100%;
}
.project-lightbox-gallery .slider .clb-slider-pagination {
left: 0;
}
.project-lightbox-gallery .slider .portfolio-lightbox-image {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.project-lightbox-gallery iframe {
height: 100vh;
width: 100%;
}
.project-lightbox-details {
width: 38vw;
padding: var(--clb-header-height) 10vh;
display: flex;
align-items: center;
} .popup-subscribe {
overflow: hidden;
height: auto;
background-color: var(--clb-color-white);
animation: 0.4s slide_up_inner var(--clb-transition-function);
display: flex;
align-items: stretch;
border-radius: var(--clb-border-radius-large);
}
.popup-subscribe .thumbnail {
min-height: 22vh;
background-size: cover;
background-position: center center;
}
.popup-subscribe .holder {
padding: var(--clb-spacer);
}
.popup-subscribe .contact-form {
margin: var(--clb-grid-gutter) 0 0;
}
.popup-subscribe .contact-form + .close-link {
margin-top: var(--clb-spacer-1);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
@keyframes slide_up_inner {
0% {
transform: translateY(100%);
opacity: .5;
}
100% {
transform: translateY(0%);
opacity: 1;
}
} .clb-video-popup iframe {
margin: 0;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.clb-video-popup iframe + .popup-subscribe {
display: none;
}
.clb-video-popup video {
width: auto;
height: 100%;
} .clb-gallery-lightbox .close-bar {
display: flex;
justify-content: space-between;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder {
padding-top: 0;
padding-bottom: 0;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider {
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider.ready .clb-slider-item {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider.ready .clb-slider-item:not(.active) {
transform: scale(0.5);
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage {
height: 100%;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap {
position: relative;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap img,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap img {
max-height: calc(100% - 3rem - 7rem);
}
.clb-gallery-lightbox .clb-slider-outer-stage {
overflow: visible;
}
.clb-gallery-lightbox .clb-slider-stage {
align-items: center;
}
.clb-gallery-lightbox .clb-slider-item {
height: 100vh;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.clb-gallery-lightbox .clb-slider-item.active {
transform: none;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox .clb-slider-item:not(.active) {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox .clb-slider-nav-btn {
position: fixed;
transform: none !important;
color: var(--clb-color-white);
margin-right: var(--clb-spacer);
margin-bottom: var(--clb-spacer);
}
.clb-gallery-lightbox .card-details {
width: 100%;
text-align: center;
min-height: 7rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.clb-gallery-lightbox .card-details .title {
color: var(--clb-color-white);
font-size: 18px;
}
.clb-gallery-lightbox .card-details .caption {
margin-top: var(--clb-spacer-1);
display: block;
width: auto;
color: var(--clb-body-color-grey);
}
.clb-gallery-lightbox.-metro .clb-slider-item img {
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.gallery-tmpimage {
position: fixed;
z-index: 9999999;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.gallery-tmpimage.active {
left: 50%;
} .search-holder .search-global.fixed {
position: fixed;
left: var(--clb-spacer);
bottom: var(--clb-spacer);
z-index: 50;
background-color: var(--clb-fill-color);
}
.search-holder .search-global .ion.light-typo {
color: var(--clb-color-white);
}
.search-holder .search-global .ion.dark-typo {
color: var(--clb-color-black-light);
}
.search {
position: relative;
}
.search-field {
width: 100%;
}
.search-submit {
position: absolute;
top: 0;
right: 0;
height: 100%;
margin: 0;
min-width: var(--clb-button-height);
}
.search-submit .icon {
margin: 0;
}
.search-submit.-text:hover {
box-shadow: none;
}
.search select[name="search_term"] {
right: var(--clb-button-height-large);
position: absolute;
top: 0;
bottom: 0;
max-width: 9rem;
margin: 0;
}
.search select[name="search_term"],
.search select[name="search_term"]:active,
.search select[name="search_term"]:focus {
background-color: transparent;
}
.search-popup .holder {
max-width: 65vh;
margin: 0 auto;
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
padding-top: var(--clb-header-height);
}
.search-popup .holder input[type="search"]::-webkit-search-decoration,
.search-popup .holder input[type="search"]::-webkit-search-cancel-button,
.search-popup .holder input[type="search"]::-webkit-search-results-button,
.search-popup .holder input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.search-popup .holder .search-field {
min-height: var(--clb-circle);
}
.search-popup .holder .search-field::placeholder {
color: var(--clb-body-color-grey-light);
}
.search-popup .holder .search select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.search-popup .holder .search select,
.search-popup .holder .search-submit,
.search-popup .holder .search-field {
color: var(--clb-color-white);
}
.search-popup .holder .search-results {
max-height: 27rem;
padding-bottom: var(--clb-spacer-1);
overflow-x: visible;
overflow-y: auto;
}
.search-popup .holder .search-results .search-suggestions,
.search-popup .holder .search-results .no-search-results {
margin: var(--clb-spacer-3) 0;
color: var(--clb-body-color-grey);
}
.search-popup .holder .search-results .product-item {
position: relative;
padding: var(--clb-grid-gutter) 0;
border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
display: flex;
align-items: center;
justify-content: space-between;
}
.search-popup .holder .search-results .product-item > * {
color: var(--clb-color-white);
}
.search-popup .holder .search-results .product-item img {
max-width: 4rem;
min-width: 4rem;
height: auto;
}
.search-popup .holder .search-results .product-item-name {
font-weight: var(--clb-text-semi-bold);
}
.search-popup .holder .search-results .product-item-details {
margin-left: var(--clb-spacer-3);
flex-grow: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.search-popup .holder .search-results .product-item-details .title {
color: var(--clb-color-white);
}
.search-popup .holder .search-results .product-item-details span > a {
color: var(--clb-body-color-grey-light);
font-size: var(--clb-font-size-small);
}
.search-popup .holder .search-results .product-item-price {
font-weight: var(--clb-text-semi-bold);
}
.search-popup .holder .search-results .product-item:first-child {
border: none;
}
.search-popup .holder .search-results .search-results_btn {
margin-top: var(--clb-spacer-3);
}
.search-popup .holder .search-results .button {
color: var(--clb-color-white);
} .page-headline {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
}
.page-headline.-top {
align-items: flex-start;
}
.page-headline.-middle {
align-items: center;
}
.page-headline.-bottom {
align-items: flex-end;
}
.page-headline .holder {
width: 100%;
position: relative;
z-index: 2;
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
}
.page-headline .animated-holder {
display: flex;
flex-direction: column;
}
.page-headline .headline-meta {
margin-bottom: var(--clb-grid-gutter);
}
.page-headline .title {
max-width: 75%;
}
.page-headline .post-meta-holder {
font-size: var(--clb-font-size-large);
max-width: 60%;
margin-top: var(--clb-grid-gutter);
}
.page-headline .post-meta-holder br + .button {
margin-top: var(--clb-spacer-3);
}
.page-headline .bg-image {
background-position: center center;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.page-headline::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
content: "";
display: block;
position: absolute;
}
.page-headline.without-cap:not(.-full-vh) {
padding-top: var(--clb-header-height);
}
.page-headline.-center .animated-holder {
align-items: center;
}
.page-headline.-right .animated-holder {
align-items: flex-end;
}
.page-headline .parallax {
position: absolute;
width: 100%;
height: 100%;
} .empty-state .title + .button {
margin-top: var(--clb-grid-gutter);
}
.clb-blank-note,
.wpcf7-contact-form-not-found {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
font-size: var(--clb-font-size-small);
padding: var(--clb-grid-gutter);
gap: var(--clb-gap);
z-index: 1;
line-height: 1.5;
margin: 0.6rem 0;
display: flex;
align-items: center;
border-radius: var(--clb-border-radius);
}
.clb-blank-note .icon,
.wpcf7-contact-form-not-found .icon {
margin-right: var(--clb-spacer-1);
}
.clb-blank-note .icon path,
.wpcf7-contact-form-not-found .icon path {
fill: var(--clb-color-warning);
} .offer-banner {
position: relative;
left: 0;
right: 0;
z-index: 11;
overflow: hidden;
height: var(--clb-offer-banner-height);
background: linear-gradient(215deg, var(--clb-offer-banner-color-start) 0%, var(--clb-offer-banner-color-end) 100%);
}
.offer-banner .container {
white-space: nowrap;
height: 100%;
width: 100%;
}
.offer-banner .container b {
font-weight: var(--clb-titles-font-weight);
}
.offer-banner .holder {
height: 100%;
font-size: var(--clb-font-size-extra-small);
color: var(--clb-color-black-light-dm-ignore);
gap: var(--clb-spacer-05);
display: flex;
justify-content: center;
align-items: center;
}
.offer-banner-item {
transition: opacity var(--clb-transition-function) var(--clb-transition-duration);
}
.offer-banner-item .button {
--clb-button-height-small: 1.75rem;
--clb-button-side-padding-small: var(--clb-spacer-1);
}
.offer-banner:not(.flipping) .container {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 12%, black 88%, rgba(0, 0, 0, 0) 100%);
}
.offer-banner:not(.flipping) .offer-banner-item:not(:last-child)::after {
content: '•';
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin-top: -2px;
color: var(--clb-color-primary);
color: inherit;
}
.offer-banner.marquee .container {
position: relative;
display: flex;
}
.offer-banner.marquee:not(.stretch) .container .holder {
flex-grow: 2;
}
.offer-banner.marquee:not(.stretch) .container .holder + .holder {
position: absolute;
left: 100%;
top: 0;
}
.offer-banner.marquee.animate .holder {
animation: marquee var(--clb-infinit-scrolling-transition-duration) linear infinite;
}
.offer-banner.marquee.animate:hover .holder {
animation-play-state: paused;
}
.offer-banner.marquee.animate:hover .offer-banner-item {
opacity: 0.75;
}
.offer-banner.marquee .offer-banner-item:last-child {
margin-right: var(--clb-spacer-05);
}
.offer-banner.flipping .holder {
position: relative;
}
.offer-banner.flipping .offer-banner-item {
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
background: linear-gradient(215deg, var(--clb-offer-banner-color-start) 0%, var(--clb-offer-banner-color-end) 100%);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
display: flex;
justify-content: center;
align-items: center;
transition-duration: .75s;
transition-property: transform, rotate, opacity;
}
.offer-banner.flipping .offer-banner-item:first-child {
z-index: 1;
}
.offer-banner.flipping .offer-banner-item:not(.is-visible):not(.is-next):not(.no-transition) {
transform: translateY(-50%) rotateX(90deg);
}
.offer-banner.flipping .offer-banner-item.is-visible {
opacity: 1;
transform: none;
}
.offer-banner.flipping .offer-banner-item.is-next {
transform: translateY(50%) rotateX(-90deg);
}
@keyframes marquee {
to {
transform: translate3d(-100%, 0px, 0px);
}
} .sticky-nav {
max-width: 17.8rem;
position: fixed;
right: var(--clb-spacer);
bottom: var(--clb-spacer);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.sticky-nav:not(.-fade-up) {
z-index: 102;
}
.sticky-nav-holder {
height: 100%;
background-color: var(--clb-color-white);
padding: var(--clb-spacer-3) var(--clb-spacer) var(--clb-spacer) var(--clb-spacer);
}
.sticky-nav-thumbnail {
height: 120px;
background-size: cover;
background-position: center;
width: 100%;
position: absolute;
top: -100px;
z-index: -1;
border-top-right-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
.sticky-nav .nav-group {
margin-right: calc(var(--clb-spacer-3) * (-1));
margin-left: var(--clb-spacer-1);
display: flex;
align-items: center;
}
.sticky-nav-headline {
display: flex;
align-items: center;
justify-content: space-between;
}
.sticky-nav-headline + a {
color: var(--clb-titles-color);
font-size: clamp(var(--clb-titles-h5-font-size-min), calc(1.25332vw + 0.25rem), var(--clb-titles-h5-font-size));
letter-spacing: var(--clb-titles-h5-letter-spacing);
line-height: var(--clb-titles-h5-line-height);
}
.sticky-nav:hover .sticky-nav-thumbnail {
transform: none;
opacity: 1;
}
.sticky-nav-products {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
} .coming-soon {
background: linear-gradient(90deg, #E7F6F8, #FBF6F1);
height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.coming-soon .holder {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.coming-soon .holder p {
font-size: 1.15em;
margin-top: 0;
}
.coming-soon .holder > * {
margin-bottom: var(--clb-grid-gutter);
}
.coming-soon .social-networks {
position: absolute;
left: 50%;
bottom: var(--clb-grid-gutter-6x);
transform: translate(-50%, 50%);
}  .widgets ul,
.widgets ol {
margin: 0;
padding: 0;
list-style: none;
}
.widgets ul > li::before,
.widgets ol > li::before {
content: "";
display: none;
}
.widgets ul li,
.widgets ol li {
margin: var(--clb-spacer-1) 0;
}
.widget,
.berocket_single_filter_widget {
margin: 0;
font-size: var(--clb-font-size-submenu);
}
.widget .cat-item a:not(:hover),
.berocket_single_filter_widget .cat-item a:not(:hover) {
color: inherit;
}
.widget select,
.berocket_single_filter_widget select {
max-width: 100%;
}
.widget:not(:first-child),
.berocket_single_filter_widget:not(:first-child) {
margin-top: var(--clb-spacer);
}
.widget-title,
.widget h2,
.widget .bapf_head h3,
.widget .wp-block-heading,
.widget .wp-block-search__label,
.widget .wc-block-product-search__label,
.berocket_single_filter_widget-title,
.berocket_single_filter_widget h2,
.berocket_single_filter_widget .bapf_head h3,
.berocket_single_filter_widget .wp-block-heading,
.berocket_single_filter_widget .wp-block-search__label,
.berocket_single_filter_widget .wc-block-product-search__label {
margin-bottom: var(--clb-spacer-3);
color: var(--clb-titles-color);
font-family: var(--clb-titles-font-family);
font-weight: var(--clb-titles-font-weight);
font-size: var(--clb-titles-h6-font-size);
letter-spacing: var(--clb-titles-h6-letter-spacing);
line-height: var(--clb-titles-h6-line-height);
}
.widget .tagcloud,
.widget .wp-block-tag-cloud,
.berocket_single_filter_widget .tagcloud,
.berocket_single_filter_widget .wp-block-tag-cloud {
flex-wrap: wrap;
display: flex;
}
.widget .tagcloud a,
.widget .wp-block-tag-cloud a,
.berocket_single_filter_widget .tagcloud a,
.berocket_single_filter_widget .wp-block-tag-cloud a {
margin: 0.35rem 0.35rem 0 0;
display: inline-block;
font-size: var(--clb-font-size-caption) !important;
color: inherit;
}
.widget .has-submenu-icon,
.berocket_single_filter_widget .has-submenu-icon {
display: none;
}
.widget.widget_ohio_widget_recent_posts ul li,
.widget.widget_products ul li,
.widget.widget_top_rated_products ul li,
.widget.widget_recently_viewed_products ul li,
.widget.widget_recent_reviews ul li,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts ul li,
.berocket_single_filter_widget.widget_products ul li,
.berocket_single_filter_widget.widget_top_rated_products ul li,
.berocket_single_filter_widget.widget_recently_viewed_products ul li,
.berocket_single_filter_widget.widget_recent_reviews ul li {
padding-bottom: var(--clb-grid-gutter);
display: flex;
}
.widget.widget_ohio_widget_recent_posts ul li:last-child,
.widget.widget_products ul li:last-child,
.widget.widget_top_rated_products ul li:last-child,
.widget.widget_recently_viewed_products ul li:last-child,
.widget.widget_recent_reviews ul li:last-child,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts ul li:last-child,
.berocket_single_filter_widget.widget_products ul li:last-child,
.berocket_single_filter_widget.widget_top_rated_products ul li:last-child,
.berocket_single_filter_widget.widget_recently_viewed_products ul li:last-child,
.berocket_single_filter_widget.widget_recent_reviews ul li:last-child {
margin-bottom: 0;
}
.widget.widget_ohio_widget_recent_posts img,
.widget.widget_products img,
.widget.widget_top_rated_products img,
.widget.widget_recently_viewed_products img,
.widget.widget_recent_reviews img,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts img,
.berocket_single_filter_widget.widget_products img,
.berocket_single_filter_widget.widget_top_rated_products img,
.berocket_single_filter_widget.widget_recently_viewed_products img,
.berocket_single_filter_widget.widget_recent_reviews img {
margin-right: var(--clb-spacer-3);
object-fit: cover;
width: var(--clb-wc-product-thumbnail);
min-width: var(--clb-wc-product-thumbnail);
height: var(--clb-wc-product-thumbnail);
}
.widget.widget_ohio_widget_recent_posts .content-holder h6,
.widget.widget_products .content-holder h6,
.widget.widget_top_rated_products .content-holder h6,
.widget.widget_recently_viewed_products .content-holder h6,
.widget.widget_recent_reviews .content-holder h6,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts .content-holder h6,
.berocket_single_filter_widget.widget_products .content-holder h6,
.berocket_single_filter_widget.widget_top_rated_products .content-holder h6,
.berocket_single_filter_widget.widget_recently_viewed_products .content-holder h6,
.berocket_single_filter_widget.widget_recent_reviews .content-holder h6 {
font-weight: var(--clb-text-semi-bold);
margin-bottom: 0.2rem;
}
.widget.widget_ohio_widget_recent_posts .content-holder .details,
.widget.widget_products .content-holder .details,
.widget.widget_top_rated_products .content-holder .details,
.widget.widget_recently_viewed_products .content-holder .details,
.widget.widget_recent_reviews .content-holder .details,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts .content-holder .details,
.berocket_single_filter_widget.widget_products .content-holder .details,
.berocket_single_filter_widget.widget_top_rated_products .content-holder .details,
.berocket_single_filter_widget.widget_recently_viewed_products .content-holder .details,
.berocket_single_filter_widget.widget_recent_reviews .content-holder .details {
line-height: var(--clb-titles-h6-line-height);
font-size: var(--clb-font-size-small);
}
.widget.widget_ohio_widget_recent_posts .content-holder .price,
.widget.widget_products .content-holder .price,
.widget.widget_top_rated_products .content-holder .price,
.widget.widget_recently_viewed_products .content-holder .price,
.widget.widget_recent_reviews .content-holder .price,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts .content-holder .price,
.berocket_single_filter_widget.widget_products .content-holder .price,
.berocket_single_filter_widget.widget_top_rated_products .content-holder .price,
.berocket_single_filter_widget.widget_recently_viewed_products .content-holder .price,
.berocket_single_filter_widget.widget_recent_reviews .content-holder .price {
display: block;
}
.widget.widget_ohio_widget_recent_posts .content-holder .author,
.widget.widget_ohio_widget_recent_posts .content-holder .price,
.widget.widget_products .content-holder .author,
.widget.widget_products .content-holder .price,
.widget.widget_top_rated_products .content-holder .author,
.widget.widget_top_rated_products .content-holder .price,
.widget.widget_recently_viewed_products .content-holder .author,
.widget.widget_recently_viewed_products .content-holder .price,
.widget.widget_recent_reviews .content-holder .author,
.widget.widget_recent_reviews .content-holder .price,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts .content-holder .author,
.berocket_single_filter_widget.widget_ohio_widget_recent_posts .content-holder .price,
.berocket_single_filter_widget.widget_products .content-holder .author,
.berocket_single_filter_widget.widget_products .content-holder .price,
.berocket_single_filter_widget.widget_top_rated_products .content-holder .author,
.berocket_single_filter_widget.widget_top_rated_products .content-holder .price,
.berocket_single_filter_widget.widget_recently_viewed_products .content-holder .author,
.berocket_single_filter_widget.widget_recently_viewed_products .content-holder .price,
.berocket_single_filter_widget.widget_recent_reviews .content-holder .author,
.berocket_single_filter_widget.widget_recent_reviews .content-holder .price {
font-weight: var(--clb-text-semi-bold);
}
.sidebar-widgets {
gap: var(--clb-spacer);
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.sidebar-widgets > * {
margin: 0 !important;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-widgets > * > li::before {
content: "";
display: none;
}
.sidebar-widgets .widget,
.sidebar-widgets .berocket_single_filter_widget {
padding-top: 0;
}
.sidebar-widgets .widget .bapf_head h3,
.sidebar-widgets .widget .wp-block-heading,
.sidebar-widgets .widget .wp-block-search__label,
.sidebar-widgets .widget .wc-block-product-search__label,
.sidebar-widgets .berocket_single_filter_widget .bapf_head h3,
.sidebar-widgets .berocket_single_filter_widget .wp-block-heading,
.sidebar-widgets .berocket_single_filter_widget .wp-block-search__label,
.sidebar-widgets .berocket_single_filter_widget .wc-block-product-search__label {
padding: var(--clb-spacer-1) 0;
margin-bottom: 0.75rem;
} .widget_recent_comments .comment-author-link,
.widget_recent_comments .wp-block-latest-comments__comment-author {
font-weight: var(--clb-text-semi-bold);
}
.widget_recent_comments .wp-block-latest-comments__comment-date {
font-size: var(--clb-font-size-small);
color: var(--clb-body-color-grey);
}
.widget_recent_comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
line-height: inherit;
margin: 0.35rem 0 var(--clb-grid-gutter);
}
.widget_recent_comments li:not(:last-child) {
margin-bottom: var(--clb-spacer-1);
}
.widget_calendar a {
text-decoration: none;
}
.widget_calendar table {
text-align: center;
}
.widget_calendar table td,
.widget_calendar table th {
border-top: none;
font-size: 0.9em;
padding: var(--clb-spacer-2) var(--clb-spacer-1);
font-weight: var(--clb-text-medium);
background: transparent;
border: none;
}
.widget_calendar table caption,
.widget_calendar table tbody {
color: inherit;
}
.widget_calendar caption {
padding: var(--clb-spacer-1) var(--clb-spacer-3);
font-weight: var(--clb-text-bold);
font-family: var(--clb-titles-font-family);
font-size: var(--clb-titles-h6-font-size);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.widget_calendar tbody tr td {
border: none;
position: relative;
}
.widget_calendar tbody tr td#today,
.widget_calendar tbody tr td a {
display: block;
font-weight: var(--clb-text-bold);
line-height: var(--clb-titles-h1-line-height);
border-radius: var(--clb-border-radius);
}
.widget_calendar tbody tr td#today {
background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
width: 100%;
height: 100%;
}
.widget_calendar tbody tr td a {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
min-height: var(--clb-spacer-6);
min-width: var(--clb-spacer-6);
position: absolute;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.widget_calendar .wp-calendar-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.widget_nav_menu .current_page_item,
.widget_nav_menu .current-menu-item,
.widget_pages .current_page_item,
.widget_pages .current-menu-item {
font-weight: var(--clb-text-semi-bold);
}
.widget_nav_menu .sub-menu,
.widget_pages .sub-menu {
margin-left: var(--clb-spacer-5);
}
.widget_rss a {
color: var(--clb-color-primary);
}
.widget_rss .rss-date {
font-size: var(--clb-font-size-small);
}
.widget_rss cite,
.widget_rss .rssSummary {
margin-top: var(--clb-grid-gutter);
}
.widget_rss cite {
margin-top: var(--clb-grid-gutter);
}
.widget_search .wp-block-search__inside-wrapper,
.widget_search .wc-block-product-search__fields,
.wc-block-product-search .wp-block-search__inside-wrapper,
.wc-block-product-search .wc-block-product-search__fields {
position: relative;
}
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button,
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button,
.widget_search .wc-block-product-search__fields button[type="submit"].wp-block-search__button,
.widget_search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button,
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button,
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button,
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wp-block-search__button,
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
border: none;
padding: 0 1.15rem;
}
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button:not(:hover),
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button:not(:hover),
.widget_search .wc-block-product-search__fields button[type="submit"].wp-block-search__button:not(:hover),
.widget_search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button:not(:hover),
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button:not(:hover),
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button:not(:hover),
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wp-block-search__button:not(:hover),
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button:not(:hover) {
color: var(--clb-color-black-light);
}
.widget_search input[type="search"],
.wc-block-product-search input[type="search"] {
border: none;
}
.widget_search .wp-block-search__input,
.wc-block-product-search .wp-block-search__input {
padding: 0 6rem 0 var(--clb-spacer-3);
}
.widget_search .wc-block-product-search__field,
.wc-block-product-search .wc-block-product-search__field {
padding: 0 4rem 0 var(--clb-spacer-3);
}
.wc-block-product-categories-list {
margin: 0;
padding: 0;
list-style: none;
}
.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
margin-top: calc(var(--clb-spacer-05) * (-1));
}
.wc-block-product-categories-list > li::before {
content: "";
display: none;
}
.wc-block-product-categories-list ul {
padding-left: var(--clb-spacer-3);
}
.wp-block-latest-comments a:not(:hover),
.wp-block-latest-posts__list a:not(:hover),
.wc-block-product-categories-list a:not(:hover) {
color: inherit;
} .widget_ohio_widget_about_author {
max-width: 100%;
}
.widget_ohio_widget_about_author .holder {
gap: var(--clb-spacer-3);
display: flex;
justify-content: space-between;
flex-direction: column;
}
.widget_ohio_widget_about_author .content {
flex-grow: 2;
}
.widget_ohio_widget_about_author .content h4,
.widget_ohio_widget_about_author .content h6 {
font-size: 1.15em;
}
.widget_ohio_widget_about_author .content .description {
font-size: var(--clb-font-size-small);
}
.widget_ohio_widget_about_author .content .details {
margin-bottom: var(--clb-spacer-05);
}
.widget_ohio_widget_about_author .content .details .site {
font-size: var(--clb-font-size-extra-small);
color: var(--clb-body-color-grey);
}
.widget_ohio_widget_contact li {
font-weight: var(--clb-text-medium);
}
.widget_ohio_widget_contact li address {
display: inline;
font-weight: var(--clb-body-font-weight);
}
.widget_ohio_widget_logo img:hover {
opacity: .65;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.widget_ohio_widget_recent_posts .content-holder .comments + .author::before,
.widget_ohio_widget_recent_posts .content-holder .date + .categories::before {
margin-right: var(--clb-spacer-05);
content: '•';
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin-top: -2px;
color: var(--clb-color-primary);
}  .horizontal-accordion {
display: flex;
}
.horizontal-accordion-item {
min-width: 50%;
position: relative;
background-color: var(--clb-color-white);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.horizontal-accordion-item .accordion-body {
height: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.horizontal-accordion-item:not(:last-child) {
box-shadow: 0 var(--clb-spacer-2) var(--clb-spacer-9) color-mix(in srgb, var(--clb-color-black) 10%, transparent);
}
.horizontal-accordion-item:not(.active) {
cursor: var(--clb-cursor-pointer);
}
.horizontal-accordion-item:not(.active):hover .accordion-body {
background-color: var(--clb-fill-color);
}
.horizontal-accordion:not(.open) {
overflow-x: hidden;
} .accordion-item .accordion-button {
position: relative;
cursor: var(--clb-cursor-pointer);
display: flex;
justify-content: space-between;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-button .icon-button {
margin: 0;
position: relative;
}
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon::after,
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before {
content: "";
width: var(--clb-spacer-2);
height: 0.1rem;
background-color: currentColor;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before {
transform: translate(-50%, -50%) rotate(90deg);
}
.accordion-item.active .accordion-collapse {
opacity: 1;
}
.accordion-item.active .icon-button:not(.next-btn) .icon {
transform: rotate(180deg);
}
.accordion-item.active .icon-button:not(.next-btn) .icon::before {
opacity: 0;
}
.accordion-item .accordion-header {
gap: var(--clb-gap);
display: flex;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-collapse {
overflow: hidden;
height: 0;
transition: height var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-collapse .accordion-body > p {
margin: 0;
}
.accordion-item:last-child {
margin-bottom: 0;
}
.accordion:not(.-outlined):not(.-text) .accordion-item {
margin-bottom: var(--clb-spacer-1);
}
.accordion:not(.-outlined):not(.-text) .accordion-item .accordion-button {
background-color: var(--clb-fill-color);
padding: var(--clb-spacer-1) var(--clb-spacer-1) var(--clb-spacer-1) var(--clb-spacer-4);
border-radius: var(--clb-border-radius);
}
.accordion:not(.-outlined):not(.-text) .accordion-item .accordion-collapse .accordion-body {
padding: var(--clb-spacer-2) var(--clb-spacer-4);
}
.accordion.-outlined .accordion-item .accordion-collapse .accordion-body,
.accordion.-text .accordion-item .accordion-collapse .accordion-body {
padding: var(--clb-spacer-2) 0;
}
.accordion.-outlined .accordion-item .accordion-button {
border-top: var(--clb-border-width) var(--clb-border-style-solid) transparent;
border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-grey-light);
padding: var(--clb-spacer-1) 0;
}
.accordion.-outlined .accordion-item.active + .accordion-item .accordion-button,
.accordion.-outlined .accordion-item:first-child .accordion-button {
border-top-color: var(--clb-color-grey-light);
}
.accordion.-text .accordion-item .accordion-button {
gap: var(--clb-gap-small);
flex-direction: row-reverse;
justify-content: flex-end;
}
.accordion.-text .accordion-item .accordion-button .icon-button {
margin-left: calc(var(--clb-spacer-1) * (-1));
} .banner .description {
gap: var(--clb-spacer-3);
}
.banner:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only) .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.banner:not(.-with-overlay-image) .overlay-details .icon-button {
background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
}
.banner.-with-overlay:not(.team-member) .overlay-details,
.banner.-image-only .overlay-details {
height: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
flex-direction: column;
justify-content: space-between;
}
.banner.-with-overlay:not(.team-member) .overlay-details .title,
.banner.-image-only .overlay-details .title {
color: var(--clb-color-white);
}
.banner.-with-overlay-image a:not(:hover) {
transition: none;
}
.banner.-with-overlay-image .overlay-details {
height: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: background, color;
}
.banner.-with-overlay-image .overlay-details .icon-button {
background-color: color-mix(in srgb, var(--clb-color-neutral) 12%, transparent);
}
.banner.-with-overlay-image .image-holder {
background-color: var(--clb-fill-color);
}
.banner.-with-overlay-image .image-holder img {
opacity: 0;
}
.banner.-with-overlay-image:not(:hover) .title:not(:hover) {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.banner.-with-overlay-image:hover .title:hover {
transition: none;
}
.banner.-with-overlay-image:hover .image-holder {
background-color: var(--clb-fill-color);
}
.banner.-with-overlay-image:hover .image-holder img {
opacity: 1;
}
.banner.-with-overlay-image:hover .overlay-details {
color: var(--clb-color-white);
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
}
.banner.-with-overlay-image:hover .overlay-details .title {
color: inherit;
}
.banner.-image-only .overlay-details {
opacity: 0;
transition: opacity var(--clb-transition-function) var(--clb-transition-duration);
}
.banner.-image-only:hover .overlay-details {
opacity: 1;
}
.banner.-image-only:hover p,
.banner.-image-only:hover .card-details {
transform: none;
opacity: 1;
} .call-to-action {
width: 100%;
position: relative;
background-color: color-mix(in srgb, var(--clb-color-primary) 10%, transparent);
padding: var(--clb-grid-gutter-3x);
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.call-to-action.-with-shadow {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
} .circle-progress .circle {
position: relative;
display: inline-block;
}
.circle-progress .circle svg {
vertical-align: top;
}
.circle-progress .circle .progress {
transform: rotate(-90deg);
}
.circle-progress .circle .progress-meter,
.circle-progress .circle .progress-value {
fill: none;
}
.circle-progress .circle .progress-meter {
stroke: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
}
.circle-progress .circle .progress-value {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
transition: 0.9s var(--clb-transition-function) var(--clb-transition-duration);
}
.circle-progress .circle i,
.circle-progress .circle .icon-group,
.circle-progress .circle .range {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
}
.circle-progress .circle i {
font-size: 2rem;
}
.circle-progress .progress-content > .range {
margin-bottom: 0.4rem;
}
.circle-progress:not(.-floating) .progress-content {
margin-top: var(--clb-spacer-3);
}
.circle-progress.-thin .progress-meter,
.circle-progress.-thin .progress-value {
stroke-width: var(--clb-spacer-05);
}
.circle-progress.-bold .progress-meter,
.circle-progress.-bold .progress-value {
stroke-width: var(--clb-spacer-2);
}
.circle-progress.-floating {
display: flex;
align-items: center;
}
.circle-progress.-floating .progress-content {
margin-left: var(--clb-spacer-3);
margin-right: var(--clb-spacer-3);
}
.circle-progress.-floating.-center {
text-align: left;
justify-content: center;
}
.circle-progress.-floating.-right {
flex-direction: row-reverse;
} .logo {
position: relative;
}
.logo img {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.logo-details {
background-color: var(--clb-color-white);
z-index: 1;
font-size: var(--clb-font-size-small);
visibility: hidden;
opacity: 0;
width: calc(100% + 2rem);
position: absolute;
left: calc(var(--clb-spacer-3) * (-1));
top: 55%;
transform: translate(0, -50%);
padding: var(--clb-spacer-3);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.logo:hover img {
transform: var(--clb-transform-scale);
}
.logo:hover .logo-details {
opacity: 1;
visibility: visible;
top: 50%;
} .compare-container {
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
}
.compare-container img {
width: 100%;
height: auto;
position: absolute;
top: 0;
display: block;
}
.compare-container .compare-before {
z-index: 2;
}
.compare-container .compare-after {
z-index: 1;
}
.compare-container.active .compare-overlay,
.compare-container.active :hover.compare-overlay {
background: transparent;
}
.compare-container.active .compare-overlay .compare-before-label,
.compare-container.active .compare-overlay .compare-after-label,
.compare-container.active :hover.compare-overlay .compare-before-label,
.compare-container.active :hover.compare-overlay .compare-after-label {
opacity: 0;
}
.compare-container .compare-before-label,
.compare-container .compare-after-label {
opacity: 0;
}
.compare-container .compare-before-label::before,
.compare-container .compare-after-label::before {
content: attr(data-content);
}
.compare-handle {
z-index: 40;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.compare-handle::before,
.compare-handle::after {
content: "";
display: block;
background-color: var(--clb-color-white);
position: absolute;
z-index: 30;
width: 0.125em;
height: 9999px;
margin-left: -0.0625em;
left: 50%;
}
.compare-handle::before {
bottom: 50%;
margin-bottom: 1.7em;
}
.compare-handle::after {
top: 50%;
margin-top: 1.7em;
}
.compare-overlay {
background: transparent;
z-index: 3;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.compare-overlay,
.compare-overlay .compare-before-label,
.compare-overlay .compare-after-label {
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.compare-overlay .compare-before-label,
.compare-overlay .compare-after-label {
transition-property: opacity;
}
.compare-overlay .compare-before-label::before,
.compare-overlay .compare-after-label::before {
color: var(--clb-color-white);
position: absolute;
background-color: var(--clb-color-black-light);
font-size: var(--clb-font-size-caption);
font-weight: var(--clb-text-semi-bold);
padding: 0.15rem var(--clb-spacer-1);
top: 50%;
transform: translateY(-50%) rotate(-90deg);
border-radius: var(--clb-border-radius-small);
}
.compare-overlay .compare-before-label::before {
left: var(--clb-spacer-3);
}
.compare-overlay .compare-after-label::before {
right: var(--clb-spacer-3);
}
.compare-overlay:hover {
background-color: color-mix(in srgb, var(--clb-color-black) 25%, transparent);
}
.compare-overlay:hover .compare-after-label,
.compare-overlay:hover .compare-before-label {
opacity: 1;
}
.compare .icon-button {
background-color: color-mix(in srgb, var(--clb-color-grey) 10%, white);
padding: 0;
}
.compare .icon-button .icon {
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
background-position: center;
background-repeat: no-repeat;
}
.compare-vertical .compare-handle {
transform: translate(-50%, -50%) rotate(90deg);
}
.compare-vertical .compare-before-label::before,
.compare-vertical .compare-after-label::before {
content: attr(data-content);
transform: translateX(-50%);
left: 50%;
right: auto;
}
.compare-vertical .compare-before-label::before {
top: var(--clb-spacer-3);
bottom: auto;
}
.compare-vertical .compare-after-label::before {
top: auto;
bottom: var(--clb-spacer-3);
}
.compare-wrapper.-with-shadow .compare {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
} .contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.contact-form textarea,
.contact-form select {
width: 100%;
vertical-align: top;
}
.contact-form [class^='vc_col'] > label {
margin: 0;
}
.contact-form [class^='vc_col'] > label input,
.contact-form [class^='vc_col'] > label textarea,
.contact-form [class^='vc_col'] > label select {
margin-top: var(--clb-spacer-1);
}
.contact-form [class^='vc_col'].form-check {
margin-bottom: var(--clb-spacer-5);
}
.contact-form form [class^='vc_col'] p {
margin: 0;
}
.contact-form form::after {
content: "";
display: table;
clear: both;
}
.contact-form .wpcf7-list-item {
margin: 0 0.75em 0 0;
}
.contact-form .wpcf7-list-item-label {
vertical-align: middle;
}
.contact-form.-outlined input[type="email"],
.contact-form.-outlined input[type="number"],
.contact-form.-outlined input[type="password"],
.contact-form.-outlined input[type="search"],
.contact-form.-outlined input[type="tel"],
.contact-form.-outlined input[type="text"],
.contact-form.-outlined input[type="date"],
.contact-form.-outlined input[type="url"],
.contact-form.-outlined textarea,
.contact-form.-outlined select,
.subscribe-form.-outlined input[type="email"],
.subscribe-form.-outlined input[type="number"],
.subscribe-form.-outlined input[type="password"],
.subscribe-form.-outlined input[type="search"],
.subscribe-form.-outlined input[type="tel"],
.subscribe-form.-outlined input[type="text"],
.subscribe-form.-outlined input[type="date"],
.subscribe-form.-outlined input[type="url"],
.subscribe-form.-outlined textarea,
.subscribe-form.-outlined select {
background-color: transparent;
border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-grey-light);
}
.contact-form.-outlined input[type="email"]:focus,
.contact-form.-outlined input[type="email"]:active,
.contact-form.-outlined input[type="number"]:focus,
.contact-form.-outlined input[type="number"]:active,
.contact-form.-outlined input[type="password"]:focus,
.contact-form.-outlined input[type="password"]:active,
.contact-form.-outlined input[type="search"]:focus,
.contact-form.-outlined input[type="search"]:active,
.contact-form.-outlined input[type="tel"]:focus,
.contact-form.-outlined input[type="tel"]:active,
.contact-form.-outlined input[type="text"]:focus,
.contact-form.-outlined input[type="text"]:active,
.contact-form.-outlined input[type="date"]:focus,
.contact-form.-outlined input[type="date"]:active,
.contact-form.-outlined input[type="url"]:focus,
.contact-form.-outlined input[type="url"]:active,
.contact-form.-outlined textarea:focus,
.contact-form.-outlined textarea:active,
.contact-form.-outlined select:focus,
.contact-form.-outlined select:active,
.subscribe-form.-outlined input[type="email"]:focus,
.subscribe-form.-outlined input[type="email"]:active,
.subscribe-form.-outlined input[type="number"]:focus,
.subscribe-form.-outlined input[type="number"]:active,
.subscribe-form.-outlined input[type="password"]:focus,
.subscribe-form.-outlined input[type="password"]:active,
.subscribe-form.-outlined input[type="search"]:focus,
.subscribe-form.-outlined input[type="search"]:active,
.subscribe-form.-outlined input[type="tel"]:focus,
.subscribe-form.-outlined input[type="tel"]:active,
.subscribe-form.-outlined input[type="text"]:focus,
.subscribe-form.-outlined input[type="text"]:active,
.subscribe-form.-outlined input[type="date"]:focus,
.subscribe-form.-outlined input[type="date"]:active,
.subscribe-form.-outlined input[type="url"]:focus,
.subscribe-form.-outlined input[type="url"]:active,
.subscribe-form.-outlined textarea:focus,
.subscribe-form.-outlined textarea:active,
.subscribe-form.-outlined select:focus,
.subscribe-form.-outlined select:active {
outline: none;
border-color: var(--clb-color-grey);
}
.contact-form .wpcf7-quiz-label,
.subscribe-form .wpcf7-quiz-label {
margin-bottom: var(--clb-spacer-1);
display: block;
}
.contact-form .wpcf7-spinner,
.subscribe-form .wpcf7-spinner {
display: none;
}
.contact-form .wpcf7-form-control-wrap,
.subscribe-form .wpcf7-form-control-wrap {
display: block;
}
.contact-form .wpcf7-form-control-wrap:not([data-name^="checkbox"]),
.subscribe-form .wpcf7-form-control-wrap:not([data-name^="checkbox"]) {
margin-top: var(--clb-spacer-1);
}
.contact-form .wpcf7-form .wpcf7-not-valid-tip,
.subscribe-form .wpcf7-form .wpcf7-not-valid-tip {
display: none;
}
.contact-form .wpcf7-form .wpcf7-response-output,
.subscribe-form .wpcf7-form .wpcf7-response-output {
background-color: color-mix(in srgb, var(--clb-color-success) 10%, transparent);
color: var(--clb-color-success);
font-size: var(--clb-font-size-small);
margin: var(--clb-spacer-3) 0;
border: none;
padding: 0.65rem var(--clb-spacer-3);
border-radius: var(--clb-border-radius);
}
.contact-form .wpcf7-form.sent .subscribe-form,
.subscribe-form .wpcf7-form.sent .subscribe-form {
display: none;
}
.contact-form .wpcf7-form.sent .wpcf7-response-output,
.subscribe-form .wpcf7-form.sent .wpcf7-response-output {
background-color: color-mix(in srgb, var(--clb-color-success) 10%, transparent);
color: var(--clb-color-success);
}
.contact-form .wpcf7-form.spam .wpcf7-response-output,
.contact-form .wpcf7-form.invalid .wpcf7-response-output,
.subscribe-form .wpcf7-form.spam .wpcf7-response-output,
.subscribe-form .wpcf7-form.invalid .wpcf7-response-output {
background-color: color-mix(in srgb, var(--clb-color-danger) 10%, transparent);
color: var(--clb-color-danger);
}
.contact-form .wpcf7-form .wpcf7-not-valid input[type="checkbox"],
.subscribe-form .wpcf7-form .wpcf7-not-valid input[type="checkbox"] {
border-color: var(--clb-color-primary);
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 20%, transparent);
}
.post-password-form {
text-align: left;
padding: 2em 0px;
}
.post-password-form input[type="password"] {
margin: var(--clb-spacer-1) 0 var(--clb-spacer-3);
} .countdown {
text-align: center;
display: flex;
}
.countdown-item {
margin: 0 var(--clb-spacer-1);
}
.countdown-item .number {
line-height: 1;
position: relative;
color: var(--clb-titles-color);
font-size: clamp(var(--clb-countdown-font-size-min), calc(1vw + var(--clb-spacer-3)), var(--clb-countdown-font-size));
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.countdown:not(.-text) .countdown-item .number {
width: 4rem;
height: 4rem;
border-radius: var(--clb-border-radius);
}
.countdown:not(.-text) .countdown-item .number-label {
font-size: var(--clb-font-size-caption);
}
.countdown.-with-divider .countdown-item {
margin: 0 var(--clb-spacer-2);
}
.countdown.-with-divider .countdown-item:not(:last-child) .number::after {
content: ":";
font-size: var(--clb-spacer-4);
position: absolute;
width: var(--clb-spacer-3);
text-align: center;
transform: translate(var(--clb-spacer-1), -50%);
right: calc(var(--clb-spacer-2) * (-1));
top: 50%;
}
.countdown.-contained .countdown-item .number {
background-color: color-mix(in srgb, var(--clb-color-neutral) 12%, transparent);
margin-bottom: var(--clb-spacer-1);
}
.countdown.-contained .countdown-item .number::before {
left: 0;
top: 0;
height: 50%;
width: 100%;
background: var(--clb-fill-color);
content: "";
display: block;
position: absolute;
border-top-right-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
.countdown.-text .countdown-item:first-child {
margin-left: 0;
}
.countdown.-text .countdown-item:last-child {
margin-right: 0;
} .counter-number {
margin-bottom: var(--clb-spacer-1);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.counter-number .icon-group {
margin-right: var(--clb-spacer-1);
}
.counter-number .holder {
letter-spacing: var(--clb-titles-h1-letter-spacing);
color: var(--clb-titles-color);
display: inline-flex;
vertical-align: middle;
align-items: center;
font-size: clamp(var(--clb-titles-h2-font-size-min), calc(1.55vw + var(--clb-spacer-3)), var(--clb-titles-h2-font-size));
}
.counter-number .holder span {
line-height: 100%;
}
.counter-number.-with-increaser .holder::after {
content: "+";
font-size: 0.65em;
margin-left: 0.4rem;
}
.counter.-right-icon .counter-number {
flex-direction: row-reverse;
}
.counter.-right-icon .counter-number .icon-group {
margin-left: var(--clb-spacer-1);
margin-right: 0;
}
.counter.-top-icon .counter-number {
align-items: center;
flex-direction: column;
}
.counter.-top-icon .counter-number .icon-group {
margin-bottom: var(--clb-spacer-1);
margin-right: 0;
}
.counter.-top-icon.-center .counter-number {
align-items: center;
}
.counter.-top-icon.-left .counter-number {
align-items: flex-start;
}
.counter.-top-icon.-right .counter-number {
align-items: flex-end;
} .dynamic-text .typed-cursor {
opacity: 1;
margin-right: -0.2em;
animation: Blink 0.75s infinite;
}
.dynamic-text.font-titles,
.dynamic-text.titles-typo {
color: var(--clb-titles-color);
}
.titles-typo .dynamic-text {
color: var(--clb-titles-color);
}
@-webkit-keyframes Blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
} .gallery-item {
cursor: var(--clb-cursor-pointer);
}
.gallery-item:not(.woocommerce-product-gallery__image) {
padding: var(--clb-grid-gutter);
}
.gallery-item .caption {
display: none;
}
.gallery-item .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.gallery-item .overlay-details .heading {
width: 100%;
}
.gallery-item .overlay-details h5 {
color: var(--clb-color-white);
}
.gallery-item.-with-overlay .image-holder + .card-details {
display: none;
} .google-maps {
width: 100%;
height: 100%;
min-height: 20rem;
top: 0;
left: 0;
overflow: hidden;
position: relative;
}
.google-maps-wrap {
width: 100%;
height: 100%;
min-height: 250px;
}
.google-maps .clb-blank-note {
min-width: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.elementor-widget-ohio_google_maps,
.elementor-widget-ohio_google_maps .elementor-widget-container {
height: 100%;
}
.gm-style img {
max-width: none !important;
} .heading .title + .divider {
margin-block-start: 1em;
}
.heading .title + .subtitle {
padding-top: 0.5em;
}
.heading .title > .badge {
color: var(--clb-color-primary);
background-color: color-mix(in srgb, var(--clb-color-primary) 12%, transparent) !important;
padding: 0.3rem var(--clb-spacer-1);
margin-left: var(--clb-spacer-1);
margin-top: -2px;
font-size: 0.85rem;
letter-spacing: 0;
font-weight: var(--clb-titles-font-weight);
}
.heading .highlighted-text {
background-image: linear-gradient(var(--clb-color-primary), var(--clb-color-primary));
background-repeat: no-repeat;
background-position: 0% 100%;
background-size: 0% 10%;
backface-visibility: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.heading .highlighted-text:not([data-aos="animation"]),
.heading .highlighted-text.aos-animate {
background-size: 100% 10%;
}
.heading .highlighted-text:not([data-aos="animation"]):hover,
.heading .highlighted-text.aos-animate:hover {
transition-duration: var(--clb-transition-duration);
}
.heading .highlighted-text:hover {
background-size: 100% 100%;
}
.heading .subtitle {
color: var(--clb-subtitles-color);
font-family: var(--clb-subtitles-font-family);
font-size: var(--clb-subtitles-font-size);
letter-spacing: var(--clb-subtitles-letter-spacing);
line-height: var(--clb-subtitles-line-height);
font-weight: var(--clb-subtitles-font-weight);
font-style: var(--clb-subtitles-style);
text-transform: var(--clb-subtitles-text-transform);
text-decoration: var(--clb-subtitles-text-decoration);
}
.heading .subtitle + .divider {
margin-block-start: 1em;
}
.heading .subtitle + .title {
padding-top: 0.15em;
}
.heading .divider {
width: 100%;
height: 1px;
display: block;
background-color: color-mix(in srgb, var(--clb-color-grey) 50%, transparent);
}
.heading .divider + .title {
padding-top: 0.35em;
}
.heading .divider + .subtitle {
padding-top: 1em;
}
.heading:not(.title) + * {
margin-block-start: 1em;
}
.heading:not(.title) + .vc_empty_space {
margin-block-start: initial;
} .icon-box .icon-box-content .icon-box-heading + * {
margin-top: var(--clb-spacer-1);
}
.icon-box .icon-box-content p {
margin: 0;
}
.icon-box .icon-box-content .button {
margin-top: var(--clb-spacer-3);
}
.icon-box:not(.-left-icon):not(.-floating-icon) .icon-box-content .icon-box-heading {
margin-top: var(--clb-spacer-3);
}
.icon-box.-left-icon {
display: flex;
align-items: flex-start;
}
.icon-box.-left-icon .icon-group {
margin-right: var(--clb-spacer-3);
}
.icon-box.-left-icon .icon-box-content {
flex-grow: 2;
}
.icon-box.-left-icon .icon-box-content .icon-box-heading {
margin-bottom: var(--clb-spacer-05);
margin-top: var(--clb-spacer-05);
}
.icon-box.-floating-icon .icon-box-header {
margin-bottom: var(--clb-spacer-1);
display: flex;
align-items: center;
}
.icon-box.-floating-icon .icon-group {
margin-right: var(--clb-spacer-2);
} .parallax {
position: relative;
height: 100%;
min-height: 100px;
overflow: hidden;
}
.parallax::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.parallax .parallax-content {
position: relative;
z-index: 2;
padding-left: var(--clb-spacer-5);
padding-right: var(--clb-spacer-5);
}
.parallax-bg {
background-position: center center;
width: 100%;
height: 1000%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
backface-visibility: hidden;
perspective: 1000;
will-change: transform;
}
.parallax-bg.horizontal {
width: 1000%;
height: 100%;
}  .pricing-list-headline,
.pricing-list-details {
display: flex;
justify-content: space-between;
}
.pricing-list-headline {
align-items: center;
}
.pricing-list-price {
margin: 0;
display: flex;
}
.pricing-list-details {
margin-top: 0.25em;
align-items: flex-start;
}
.pricing-list-details p {
margin: 0;
}
.pricing-list.-with-discount .pricing-list-price .regular-price {
color: var(--clb-body-color-grey);
text-decoration: line-through;
} .pricing-table-headline p {
font-size: var(--clb-font-size-caption);
color: var(--clb-body-color-grey);
}
.pricing-table-price .price-number {
color: var(--clb-titles-color);
line-height: 100%;
display: block;
letter-spacing: -.05em;
margin-bottom: var(--clb-spacer-1);
font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size));
letter-spacing: var(--clb-titles-h1-letter-spacing);
line-height: var(--clb-titles-h1-line-height);
}
.pricing-table .button {
margin: 0;
transform: none;
}
.pricing-table.-contained {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.pricing-table > *,
.service-table > * {
margin-bottom: var(--clb-grid-gutter);
}
.pricing-table .heading,
.service-table .heading {
margin-bottom: var(--clb-grid-gutter);
}
.pricing-table > div:last-child,
.pricing-table .button,
.service-table > div:last-child,
.service-table .button {
margin: 0;
}
.pricing-table-features ul li,
.service-table-features ul li {
font-size: var(--clb-font-size-small);
gap: var(--clb-gap);
margin-bottom: var(--clb-spacer-1);
display: flex;
}
.pricing-table-features ul li:last-child,
.service-table-features ul li:last-child {
margin: 0;
}
.pricing-table-features .icon,
.service-table-features .icon {
line-height: 16px;
}
.pricing-table-features .exist .icon,
.service-table-features .exist .icon {
color: var(--clb-color-primary);
}
.pricing-table-features .missing,
.service-table-features .missing {
opacity: 0.65;
} .progress .progress-heading {
margin-bottom: 0.625rem;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.progress .progress-heading .progress-percent {
margin-top: 0;
}
.progress .progress-heading .progress-percent:not(.tooltip) {
font-size: var(--clb-font-size-small);
font-weight: var(--clb-text-semi-bold);
}
.progress.-tooltip .progress-holder {
overflow: visible;
}
.progress.-tooltip .progress-holder .progress-bar {
position: relative;
}
.progress.-tooltip .progress-holder .progress-percent {
position: absolute;
font-size: 0.8em;
top: 0;
right: 0;
padding: 0.15rem 0.45rem;
transform: translateY(calc(-100% - 7px)) translateX(50%);
} .service-table {
padding: var(--clb-spacer);
border-radius: var(--clb-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: background-color, box-shadow;
}
.service-table:hover {
background-color: var(--clb-fill-color);
}
.service-table.-with-shadow:hover {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
} .clb-slider {
width: 100%;
position: relative;
user-select: none;
}
.clb-slider-outer-stage {
overflow: hidden;
position: relative;
transition-delay: 0;
transition: height var(--clb-transition-duration) var(--clb-transition-function);
}
.clb-slider.clb-slider-vertical {
overflow: hidden;
}
.clb-slider.clb-slider-vertical .clb-slider-stage {
flex-direction: column;
}
.clb-slider-stage {
will-change: transform;
transition-timing-function: var(--clb-transition-function);
display: flex;
}
.clb-slider:not(.autoheight) .clb-slider-stage {
height: 100%;
}
.clb-slider-item {
width: 100vw;
height: 100%;
position: relative;
overflow: hidden;
}
.clb-slider-item > p {
margin: 0;
}
.clb-slider-item-inner {
height: 100%;
}
.clb-slider-item .slider-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-position: center;
background-size: cover;
z-index: 0;
}
.clb-slider-item .slider-image[data-tilt="true"] {
width: calc(100% + 10%);
height: calc(100% + 10%);
left: -5%;
top: -5%;
}
.clb-slider-item .wpb_single_image {
margin-bottom: 0;
}
.clb-slider-item > .elementor {
margin: 0;
}
.clb-slider-nav-btn {
position: absolute;
right: 0;
bottom: 0;
min-width: calc(var(--clb-circle) * 2);
z-index: 3;
padding: var(--clb-spacer);
display: flex;
justify-content: space-between;
}
.clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider):not(.-slider-fs):not(.-slider-lightbox) > .clb-slider-nav-btn {
padding: 0;
right: 0;
transform: translateY(0.85rem);
}
.clb-slider.-nav-offset .clb-slider-nav-btn,
.clb-slider.-nav-inset .clb-slider-nav-btn {
position: static;
padding: 0;
bottom: 0;
}
.clb-slider.-nav-offset .prev-btn,
.clb-slider.-nav-offset .next-btn,
.clb-slider.-nav-inset .prev-btn,
.clb-slider.-nav-inset .next-btn {
position: absolute;
top: 50%;
}
.clb-slider.-nav-offset {
text-align: center;
}
.clb-slider.-nav-offset .prev-btn {
left: calc(var(--clb-spacer-5) * (-1));
transform: translate(-100%, -50%);
}
.clb-slider.-nav-offset .next-btn {
right: calc(var(--clb-spacer-5) * (-1));
transform: translate(100%, -50%);
}
.clb-slider.-nav-inset {
text-align: center;
}
.clb-slider.-nav-inset .prev-btn {
left: var(--clb-spacer-5);
transform: translate(0, -50%);
}
.clb-slider.-nav-inset .next-btn {
right: var(--clb-spacer-5);
transform: translate(0, -50%);
}
.clb-slider.-slider-offset {
width: auto;
}
.clb-slider.-slider-offset .clb-slider-outer-stage {
overflow: visible;
}
.clb-slider-pagination {
position: absolute;
width: var(--clb-bullets-spacer);
right: 0;
top: 0;
height: 100%;
z-index: 3;
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-font-size-small);
background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
display: flex;
flex-direction: column;
justify-content: space-around;
}
.clb-slider-pagination .clb-slider-page {
height: 100%;
cursor: var(--clb-cursor-pointer);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider-pagination .clb-slider-page.active {
background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
}
.clb-slider-count {
font-weight: var(--clb-text-semi-bold);
position: relative;
overflow: hidden;
margin-top: 1.875rem;
padding-left: var(--clb-spacer-3);
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: center;
}
.clb-slider-count,
.clb-slider-count .clb-slider-count-number {
height: 1.75rem;
}
.clb-slider-count::before {
content: "";
width: 2.25rem;
height: 0.125rem;
background: currentColor;
opacity: 0.75;
margin: 0 var(--clb-spacer-1);
}
.clb-slider-count-current,
.clb-slider-count-total {
min-width: var(--clb-spacer-3);
text-align: center;
}
.clb-slider-count-current {
position: absolute;
left: 0;
top: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider-nav-dots {
margin-top: 2rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.clb-slider-nav-dots .clb-slider-dot {
padding: 0.625rem;
position: relative;
background-color: transparent;
}
.clb-slider-nav-dots .clb-slider-dot.active svg circle {
stroke-dashoffset: 0;
}
.clb-slider-nav-dots .clb-slider-dot:before {
content: "";
position: absolute;
width: var(--clb-spacer-05);
height: var(--clb-spacer-05);
top: var(--clb-spacer-1);
left: var(--clb-spacer-1);
background-color: currentColor;
border-radius: 50%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider-nav-dots .clb-slider-dot svg {
position: absolute;
top: -0.0625rem;
left: -0.0625rem;
}
.clb-slider-nav-dots .clb-slider-dot svg circle {
stroke: currentColor;
stroke-dashoffset: 70;
stroke-dasharray: 70;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider.-full-vh .vc_row,
.slider.-full-vh .vc_row {
height: 100%;
}
.clb-slider.-full-vh .clb-slider-outer-stage,
.slider.-full-vh .clb-slider-outer-stage {
height: 100vh;
}
.-slider-fs .clb-slider-nav-dots {
margin-bottom: 0;
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
}
.carousel {
position: relative;
}
.carousel .clb-slider-stage {
height: auto;
}
.carousel .clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider) .clb-slider-nav-btn
.clb-slider-nav-btn {
padding: 0;
right: 0;
transform: translateY(var(--clb-spacer-3));
}
.carousel .spinner {
position: absolute;
top: calc(50% - var(--clb-grid-gutter));
left: calc(50% - var(--clb-grid-gutter));
}
.carousel :not(.-with-preloader) + .spinner {
display: none;
}
.carousel .-with-preloader {
opacity: 0;
visibility: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.carousel .-with-pagination.-nav-inset .clb-slider-nav-btn > .icon-button,
.carousel .-with-pagination.-nav-ofset .clb-slider-nav-btn > .icon-button {
top: calc(50% - 1.625rem);
}
.clb-smooth-slider {
position: relative;
}
.clb-smooth-slider .-full-vh {
height: 100vh;
}
.clb-smooth-slider-item {
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
.clb-smooth-slider-item.active {
z-index: 3;
}
.clb-smooth-slider-item.prev-slide.active {
z-index: 4;
}
.clb-smooth-slider-item.prev-slide.last-slide {
z-index: 2;
}
.clb-smooth-slider-item.next-slide.last-slide {
z-index: 2;
}
.slider.-woo-slider:not(.clb-slider) img:not(:first-child) {
top: 0;
position: absolute;
}
.slider.with-preloader:not(.clb-slider) .slider-wrap:not(:first-child) {
position: absolute;
}
.ohio-widget.slider {
width: auto;
}
.ohio-widget.slider.-full-vh {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.ohio-widget.slider .vc_row:not(.woo-products) {
margin-left: 0;
margin-right: 0;
}
.ohio-widget.slider:not(.-slider-offset) .clb-slider-outer-stage {
min-width: 100%;
}
.slider-holder {
position: relative;
}
.slider-holder [data-ohio-slider].slider {
opacity: 0;
visibility: hidden;
}
.slider-holder [data-ohio-slider].slider.clb-slider {
opacity: 1;
visibility: visible;
}
.slider-holder .spinner {
position: absolute;
left: calc((100% - 3.25rem)/2);
top: calc((100% - 3.25rem)/2);
} .social-networks {
display: flex;
}
.social-networks .network {
text-decoration: none;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.social-networks:not(.-text):not(.-contained):not(.-outlined) .network:hover {
background-color: var(--clb-fill-color);
}
.social-networks:not(.-boxed) {
gap: var(--clb-gap);
}
.social-networks:not(.-contained) .network:hover {
color: var(--clb-color-primary);
}
.social-networks:not(.-text) {
font-size: 0.9em;
}
.social-networks:not(.-text) .network {
width: var(--clb-button-height);
height: var(--clb-button-height);
border-radius: 100%;
}
.social-networks:not(.-text) .network:hover {
transform: var(--clb-transform-scale);
}
.social-networks.-contained .network {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-contained .network:hover {
color: var(--clb-color-white);
background-color: var(--clb-color-primary);
}
.social-networks.-outlined .network {
border: var(--clb-border-width-double) var(--clb-border-style-solid) currentColor;
}
.social-networks.-text .icon {
font-size: 1.1em;
}
.social-networks.-text .network {
font-weight: var(--clb-text-bold);
gap: var(--clb-gap-small);
}
.social-networks.-text .network:not(.network:last-child) {
margin-right: var(--clb-spacer-2);
}
.social-networks.-text .network:hover {
background-image: linear-gradient(currentColor 0px, currentColor 100%);
}
.social-networks.-small:not(.-text) .network {
width: var(--clb-button-height-small);
height: var(--clb-button-height-small);
}
.social-networks.-small.-text .network {
font-size: var(--clb-font-size-small);
}
.social-networks.-large:not(.-text) .network {
width: var(--clb-button-height-large);
height: var(--clb-button-height-large);
}
.social-networks.-large.-text .network {
font-size: var(--clb-font-size-large);
}
.social-networks.-default-colors:not(.-contained) .artstation {
color: #26bbff;
}
.social-networks.-default-colors:not(.-contained) .behance {
color: #0056ff;
}
.social-networks.-default-colors:not(.-contained) .deviantart {
color: #05CC47;
}
.social-networks.-default-colors:not(.-contained) .digg {
color: #1c5891;
}
.social-networks.-default-colors:not(.-contained) .discord {
color: #7289da;
}
.social-networks.-default-colors:not(.-contained) .dribbble {
color: #fd629e;
}
.social-networks.-default-colors:not(.-contained) .facebook {
color: #217cef;
}
.social-networks.-default-colors:not(.-contained) .flickr {
color: #0063db;
}
.social-networks.-default-colors:not(.-contained) .github {
color: #24292E;
}
.social-networks.-default-colors:not(.-contained) .houzz {
color: #007562;
}
.social-networks.-default-colors:not(.-contained) .instagram {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .kaggle {
color: #32C0FD;
}
.social-networks.-default-colors:not(.-contained) .linkedin {
color: #4477ab;
}
.social-networks.-default-colors:not(.-contained) .medium {
color: #1a8917;
}
.social-networks.-default-colors:not(.-contained) .mixer {
color: #0270d9;
}
.social-networks.-default-colors:not(.-contained) .pinterest {
color: #e4252d;
}
.social-networks.-default-colors:not(.-contained) .producthunt {
color: #ff4f00;
}
.social-networks.-default-colors:not(.-contained) .quora {
color: #a82401;
}
.social-networks.-default-colors:not(.-contained) .reddit {
color: #ff4501;
}
.social-networks.-default-colors:not(.-contained) .snapchat {
color: #e0e410;
}
.social-networks.-default-colors:not(.-contained) .soundcloud {
color: #FD561F;
}
.social-networks.-default-colors:not(.-contained) .spotify {
color: #1ED760;
}
.social-networks.-default-colors:not(.-contained) .teamspeak {
color: #1c82cc;
}
.social-networks.-default-colors:not(.-contained) .telegram {
color: #0088cc;
}
.social-networks.-default-colors:not(.-contained) .threads {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .tiktok {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .tumblr {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .twitch {
color: #9147ff;
}
.social-networks.-default-colors:not(.-contained) .twitter {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .vimeo {
color: #1ab8ea;
}
.social-networks.-default-colors:not(.-contained) .vine {
color: #00be8e;
}
.social-networks.-default-colors:not(.-contained) .whatsapp {
color: #0ec143;
}
.social-networks.-default-colors:not(.-contained) .xing {
color: #0C6567;
}
.social-networks.-default-colors:not(.-contained) .youtube {
color: #e4252d;
}
.social-networks.-default-colors:not(.-contained) .500px {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .artstation {
color: var(--clb-color-white);
background-color: #26bbff;
}
.social-networks.-default-colors.-contained .behance {
color: var(--clb-color-white);
background-color: #0056ff;
}
.social-networks.-default-colors.-contained .deviantart {
color: var(--clb-color-white);
background-color: #05CC47;
}
.social-networks.-default-colors.-contained .digg {
color: var(--clb-color-white);
background-color: #1c5891;
}
.social-networks.-default-colors.-contained .discord {
color: var(--clb-color-white);
background-color: #7289da;
}
.social-networks.-default-colors.-contained .dribbble {
color: var(--clb-color-white);
background-color: #fd629e;
}
.social-networks.-default-colors.-contained .facebook {
color: var(--clb-color-white);
background-color: #217cef;
}
.social-networks.-default-colors.-contained .flickr {
color: var(--clb-color-white);
background-color: #0063db;
}
.social-networks.-default-colors.-contained .github {
color: var(--clb-color-white);
background-color: #24292E;
}
.social-networks.-default-colors.-contained .houzz {
color: var(--clb-color-white);
background-color: #007562;
}
.social-networks.-default-colors.-contained .instagram {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .kaggle {
color: var(--clb-color-white);
background-color: #32C0FD;
}
.social-networks.-default-colors.-contained .linkedin {
color: var(--clb-color-white);
background-color: #4477ab;
}
.social-networks.-default-colors.-contained .medium {
color: var(--clb-color-white);
background-color: #1a8917;
}
.social-networks.-default-colors.-contained .mixer {
color: var(--clb-color-white);
background-color: #0270d9;
}
.social-networks.-default-colors.-contained .pinterest {
color: var(--clb-color-white);
background-color: #e4252d;
}
.social-networks.-default-colors.-contained .producthunt {
color: var(--clb-color-white);
background-color: #ff4f00;
}
.social-networks.-default-colors.-contained .quora {
color: var(--clb-color-white);
background-color: #a82401;
}
.social-networks.-default-colors.-contained .reddit {
color: var(--clb-color-white);
background-color: #ff4501;
}
.social-networks.-default-colors.-contained .snapchat {
color: var(--clb-color-white);
background-color: #e0e410;
}
.social-networks.-default-colors.-contained .soundcloud {
color: var(--clb-color-white);
background-color: #FD561F;
}
.social-networks.-default-colors.-contained .spotify {
color: var(--clb-color-white);
background-color: #1ED760;
}
.social-networks.-default-colors.-contained .teamspeak {
color: var(--clb-color-white);
background-color: #1c82cc;
}
.social-networks.-default-colors.-contained .telegram {
color: var(--clb-color-white);
background-color: #0088cc;
}
.social-networks.-default-colors.-contained .threads {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .tiktok {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .tumblr {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .twitch {
color: var(--clb-color-white);
background-color: #9147ff;
}
.social-networks.-default-colors.-contained .twitter {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .vimeo {
color: var(--clb-color-white);
background-color: #1ab8ea;
}
.social-networks.-default-colors.-contained .vine {
color: var(--clb-color-white);
background-color: #00be8e;
}
.social-networks.-default-colors.-contained .whatsapp {
color: var(--clb-color-white);
background-color: #0ec143;
}
.social-networks.-default-colors.-contained .xing {
color: var(--clb-color-white);
background-color: #0C6567;
}
.social-networks.-default-colors.-contained .youtube {
color: var(--clb-color-white);
background-color: #e4252d;
}
.social-networks.-default-colors.-contained .500px {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .artstation:hover {
color: #26bbff;
}
.social-networks.-hover-default-colors:not(.-contained) .behance:hover {
color: #0056ff;
}
.social-networks.-hover-default-colors:not(.-contained) .deviantart:hover {
color: #05CC47;
}
.social-networks.-hover-default-colors:not(.-contained) .digg:hover {
color: #1c5891;
}
.social-networks.-hover-default-colors:not(.-contained) .discord:hover {
color: #7289da;
}
.social-networks.-hover-default-colors:not(.-contained) .dribbble:hover {
color: #fd629e;
}
.social-networks.-hover-default-colors:not(.-contained) .facebook:hover {
color: #217cef;
}
.social-networks.-hover-default-colors:not(.-contained) .flickr:hover {
color: #0063db;
}
.social-networks.-hover-default-colors:not(.-contained) .github:hover {
color: #24292E;
}
.social-networks.-hover-default-colors:not(.-contained) .houzz:hover {
color: #007562;
}
.social-networks.-hover-default-colors:not(.-contained) .instagram:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .kaggle:hover {
color: #32C0FD;
}
.social-networks.-hover-default-colors:not(.-contained) .linkedin:hover {
color: #4477ab;
}
.social-networks.-hover-default-colors:not(.-contained) .medium:hover {
color: #1a8917;
}
.social-networks.-hover-default-colors:not(.-contained) .mixer:hover {
color: #0270d9;
}
.social-networks.-hover-default-colors:not(.-contained) .pinterest:hover {
color: #e4252d;
}
.social-networks.-hover-default-colors:not(.-contained) .producthunt:hover {
color: #ff4f00;
}
.social-networks.-hover-default-colors:not(.-contained) .quora:hover {
color: #a82401;
}
.social-networks.-hover-default-colors:not(.-contained) .reddit:hover {
color: #ff4501;
}
.social-networks.-hover-default-colors:not(.-contained) .snapchat:hover {
color: #e0e410;
}
.social-networks.-hover-default-colors:not(.-contained) .soundcloud:hover {
color: #FD561F;
}
.social-networks.-hover-default-colors:not(.-contained) .spotify:hover {
color: #1ED760;
}
.social-networks.-hover-default-colors:not(.-contained) .teamspeak:hover {
color: #1c82cc;
}
.social-networks.-hover-default-colors:not(.-contained) .telegram:hover {
color: #0088cc;
}
.social-networks.-hover-default-colors:not(.-contained) .threads:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .tiktok:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .tumblr:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .twitch:hover {
color: #9147ff;
}
.social-networks.-hover-default-colors:not(.-contained) .twitter:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .vimeo:hover {
color: #1ab8ea;
}
.social-networks.-hover-default-colors:not(.-contained) .vine:hover {
color: #00be8e;
}
.social-networks.-hover-default-colors:not(.-contained) .whatsapp:hover {
color: #0ec143;
}
.social-networks.-hover-default-colors:not(.-contained) .xing:hover {
color: #0C6567;
}
.social-networks.-hover-default-colors:not(.-contained) .youtube:hover {
color: #e4252d;
}
.social-networks.-hover-default-colors:not(.-contained) .500px:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .artstation:hover {
background-color: #26bbff;
}
.social-networks.-hover-default-colors.-contained .behance:hover {
background-color: #0056ff;
}
.social-networks.-hover-default-colors.-contained .deviantart:hover {
background-color: #05CC47;
}
.social-networks.-hover-default-colors.-contained .digg:hover {
background-color: #1c5891;
}
.social-networks.-hover-default-colors.-contained .discord:hover {
background-color: #7289da;
}
.social-networks.-hover-default-colors.-contained .dribbble:hover {
background-color: #fd629e;
}
.social-networks.-hover-default-colors.-contained .facebook:hover {
background-color: #217cef;
}
.social-networks.-hover-default-colors.-contained .flickr:hover {
background-color: #0063db;
}
.social-networks.-hover-default-colors.-contained .github:hover {
background-color: #24292E;
}
.social-networks.-hover-default-colors.-contained .houzz:hover {
background-color: #007562;
}
.social-networks.-hover-default-colors.-contained .instagram:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .kaggle:hover {
background-color: #32C0FD;
}
.social-networks.-hover-default-colors.-contained .linkedin:hover {
background-color: #4477ab;
}
.social-networks.-hover-default-colors.-contained .medium:hover {
background-color: #1a8917;
}
.social-networks.-hover-default-colors.-contained .mixer:hover {
background-color: #0270d9;
}
.social-networks.-hover-default-colors.-contained .pinterest:hover {
background-color: #e4252d;
}
.social-networks.-hover-default-colors.-contained .producthunt:hover {
background-color: #ff4f00;
}
.social-networks.-hover-default-colors.-contained .quora:hover {
background-color: #a82401;
}
.social-networks.-hover-default-colors.-contained .reddit:hover {
background-color: #ff4501;
}
.social-networks.-hover-default-colors.-contained .snapchat:hover {
background-color: #e0e410;
}
.social-networks.-hover-default-colors.-contained .soundcloud:hover {
background-color: #FD561F;
}
.social-networks.-hover-default-colors.-contained .spotify:hover {
background-color: #1ED760;
}
.social-networks.-hover-default-colors.-contained .teamspeak:hover {
background-color: #1c82cc;
}
.social-networks.-hover-default-colors.-contained .telegram:hover {
background-color: #0088cc;
}
.social-networks.-hover-default-colors.-contained .threads:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .tiktok:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .tumblr:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .twitch:hover {
background-color: #9147ff;
}
.social-networks.-hover-default-colors.-contained .twitter:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .vimeo:hover {
background-color: #1ab8ea;
}
.social-networks.-hover-default-colors.-contained .vine:hover {
background-color: #00be8e;
}
.social-networks.-hover-default-colors.-contained .whatsapp:hover {
background-color: #0ec143;
}
.social-networks.-hover-default-colors.-contained .xing:hover {
background-color: #0C6567;
}
.social-networks.-hover-default-colors.-contained .youtube:hover {
background-color: #e4252d;
}
.social-networks.-hover-default-colors.-contained .500px:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-boxed {
margin: 0;
overflow: hidden;
}
.social-networks.-boxed .network {
background-color: transparent;
height: 6.25em;
margin: 0 !important;
border: none;
line-height: 6.25em;
position: relative;
overflow: hidden;
flex-grow: 1;
flex-basis: 0;
border-radius: 0;
}
.social-networks.-boxed .network .icon {
width: 100%;
text-align: center;
position: absolute;
opacity: 0;
top: 60%;
left: 0;
transition: inherit;
}
.social-networks.-boxed .network span {
position: relative;
top: 0;
opacity: 1;
transition: inherit;
}
.social-networks.-boxed .network:hover {
background-color: var(--clb-fill-color);
}
.social-networks.-boxed .network:hover .icon {
opacity: 1;
top: 40%;
}
.social-networks.-boxed .network:hover span {
opacity: 0;
top: -1.875em;
} .subscribe-form {
position: relative;
}
.subscribe-form .wpcf7-form-control-wrap {
display: block;
}
.subscribe-form .wpcf7-form-control-wrap:last-of-type {
margin-top: var(--clb-spacer-3);
}
.subscribe-form > p {
margin: 0;
}
.subscribe-form br {
display: none;
}
.subscribe-form input[type="email"],
.subscribe-form input[type="number"],
.subscribe-form input[type="password"],
.subscribe-form input[type="search"],
.subscribe-form input[type="tel"],
.subscribe-form input[type="text"],
.subscribe-form input[type="date"],
.subscribe-form input[type="url"],
.subscribe-form .button {
border-radius: var(--clb-button-border-radius);
}
.subscribe-form .button,
.subscribe-form input[type="submit"],
.subscribe-form button[type="submit"] {
white-space: nowrap;
position: absolute;
left: 100%;
top: 0;
transform: translate(-100%, 0);
padding-left: 0.85rem;
padding-right: 0.85rem;
}
.subscribe-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
padding-right: 30%;
} .tabs-nav {
position: relative;
max-width: 100%;
color: var(--clb-titles-color);
font-size: var(--clb-action-font-size);
}
.tabs-nav:not(.-hidden) {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.tabs-nav .icon::before {
margin-right: var(--clb-gap-small);
}
.tabs-nav-line {
width: 0;
position: absolute;
bottom: 0;
left: 0;
padding: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.tabs-nav-link {
width: auto;
min-height: var(--clb-button-height);
cursor: var(--clb-cursor-pointer);
white-space: nowrap;
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.tabs-nav-link:not(:hover):not(.active) {
opacity: 0.75;
}
.tabs-nav-link .title {
letter-spacing: var(--clb-titles-h6-letter-spacing);
line-height: var(--clb-titles-h6-line-height);
}
.tabs-content-item::before {
display: none;
}
.tabs-content-item:not(.active) {
overflow: hidden;
height: 0;
opacity: 0;
transition-property: opacity;
}
.tabs-content-item.active {
height: auto;
opacity: 1;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.tabs-content-item > p {
margin: 0;
}
.tabs:not(.-vertical):not(.-with-button) .tabs-nav-line {
border-bottom: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-black-light);
}
.tabs:not(.-vertical) .tabs-content {
margin-top: var(--clb-spacer-3);
}
.tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) {
margin-right: var(--clb-spacer-5);
}
.tabs.-contained .tabs-nav-link {
padding: 0 var(--clb-spacer-3);
}
.tabs.-contained .tabs-nav-link.active {
background-color: var(--clb-fill-color);
}
.tabs.-with-button .tabs-nav {
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.tabs.-with-button .tabs-nav-link {
padding: 0 var(--clb-spacer-3);
z-index: 1;
}
.tabs.-with-button .tabs-nav-link.active {
color: var(--clb-color-white);
}
.tabs.-with-button .tabs-nav-line {
height: 3rem;
background-color: var(--clb-color-black-light);
border-radius: var(--clb-border-radius);
} .team-member .overlay-details {
flex-direction: column;
}
.team-member .overlay-details .social-networks {
margin-top: var(--clb-spacer-3);
}
.team-member.-with-overlay .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.team-member.-with-overlay .extra-details {
max-height: 0px;
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.team-member:hover .extra-details {
padding-top: var(--clb-spacer-3);
max-height: calc(166px + var(--clb-spacer-5));
opacity: 1;
}
.team-group {
display: flex;
}
.team-group-item {
overflow: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.team-group-item img {
width: 100%;
}
.team-group-item.active .-fade-up {
transition-delay: .2s;
transform: none;
opacity: 1;
}
.team-group .item-holder {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
} .testimonial {
gap: var(--clb-spacer-2);
}
.testimonial,
.testimonial.-inline {
display: flex;
flex-direction: column;
}
.testimonial > p {
margin: 0;
}
.testimonial > p > b {
margin-bottom: var(--clb-grid-gap);
}
.testimonial .holder {
gap: var(--clb-spacer-2);
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: column;
}
.testimonial.-middle-avatar .testimonial-text {
order: 1;
}
.testimonial.-middle-avatar .author {
order: 3;
}
.testimonial.-middle-avatar:not(.-inline) .avatar {
order: 2;
}
.testimonial.-left .holder {
align-items: flex-start;
}
.testimonial.-center {
align-items: center;
}
.testimonial.-right {
align-items: flex-end;
}
.testimonial.-inline .holder {
flex-direction: row;
}
.testimonial.-inline .holder .author {
text-align-last: left;
} .ohio-text-sc:not(.-unspace):first-child p,
.wpb_text_column:not(.-unspace):first-child p,
.elementor-widget-text-editor:not(.-unspace):first-child p {
margin-top: 0;
}
.ohio-text-sc:last-child p,
.wpb_text_column:last-child p,
.elementor-widget-text-editor:last-child p {
margin-bottom: 0;
}
.ohio-text-sc + .ohio-text-sc p,
.ohio-text-sc + .wpb_text_column p,
.ohio-text-sc + .elementor-widget-text-editor p,
.wpb_text_column + .ohio-text-sc p,
.wpb_text_column + .wpb_text_column p,
.wpb_text_column + .elementor-widget-text-editor p,
.elementor-widget-text-editor + .ohio-text-sc p,
.elementor-widget-text-editor + .wpb_text_column p,
.elementor-widget-text-editor + .elementor-widget-text-editor p {
margin-top: 0;
}
.ohio-text-sc + .vc_empty_space,
.ohio-text-sc + .elementor-widget-spacer,
.wpb_text_column + .vc_empty_space,
.wpb_text_column + .elementor-widget-spacer,
.elementor-widget-text-editor + .vc_empty_space,
.elementor-widget-text-editor + .elementor-widget-spacer {
margin-top: -1.35rem;
}
.vc_empty_space:first-child + .ohio-text-sc p,
.vc_empty_space:first-child + .wpb_text_column p,
.vc_empty_space:first-child + .elementor-widget-text-editor p,
.elementor-widget-spacer:first-child + .ohio-text-sc p,
.elementor-widget-spacer:first-child + .wpb_text_column p,
.elementor-widget-spacer:first-child + .elementor-widget-text-editor p {
margin-top: 0;
} .video-button {
display: flex;
align-items: center;
}
.video-button-caption {
font-family: var(--clb-action-font-family);
font-size: var(--clb-action-font-size);
font-weight: var(--clb-action-font-weight);
margin-left: var(--clb-spacer-2);
}
.video-button .icon-button {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.video-button .icon-button .icon {
transform: translateX(0.15rem);
}
.video-button .icon-button:hover {
transform: var(--clb-transform-scale);
}
.video-button:not(.-outlined) .icon-button {
background-color: var(--clb-video-button-color);
}
.video-button:not(.-outlined) .icon-button .icon {
color: var(--clb-color-white);
}
.video-button:not(.-outlined):not(.-blurred) .icon-button:hover {
background-color: var(--clb-color-primary);
}
.video-button.-outlined .icon-button {
border: var(--clb-border-width-double) var(--clb-border-style-solid) currentColor;
}
.video-button.-outlined .icon-button:hover {
background-color: transparent;
color: var(--clb-color-primary);
}
.video-button.-outlined .icon-button:hover .icon {
color: currentColor;
}
.video-button.-blurred .icon-button {
background-color: color-mix(in srgb, var(--clb-color-neutral) 50%, transparent);
backdrop-filter: blur(0.15rem);
}
.video-button.-small .video-button-caption {
font-size: var(--clb-action-font-size-small);
}
.video-button.-large .video-button-caption {
font-size: var(--clb-icon-size-large);
}
.video-button.-animation .icon-button {
position: relative;
}
.video-button.-animation .icon-button::after {
outline-style: var(--clb-border-style-solid);
outline-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
animation: 1.5s linear infinite video_sc;
content: "";
display: block;
position: absolute;
border-radius: 100%;
}
@keyframes video_sc {
0% {
opacity: 0;
outline-width: 0px;
}
25% {
opacity: 1;
outline-width: var(--clb-spacer-2);
}
60% {
opacity: 0;
outline-width: var(--clb-spacer-4);
}
100% {
opacity: 0;
outline-width: var(--clb-spacer-1);
}
}
.video-button.-animation .icon-button:hover::after {
animation: none;
}
.video-button.-with-shadow:not(.-with-preview) .icon-button {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}
.video-button.-with-shadow.-with-preview .preview-image {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}
.video-button.-with-preview {
position: relative;
}
.video-button.-with-preview .video-button-holder {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
}
.video-button.-with-preview .video-button-caption {
margin: var(--clb-spacer-2) 0 calc(var(--clb-spacer-5) * (-1)) 0;
transform: translateY(6%);
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.video-button.-with-preview .preview-image {
min-width: 100%;
border-radius: var(--clb-border-radius);
}
.video-button.-with-preview:hover .video-button-caption {
transform: none;
opacity: 1;
} .instagram-feed #sb_instagram {
padding-bottom: 0px !important;
}
.instagram-feed #sb_instagram #sbi_images {
padding: 0 !important;
}
.instagram-feed.no-margins #sbi_images {
gap: 0 !important;
}
.instagram-feed:not(.no-margins) #sb_instagram .sbi_photo_wrap {
overflow: hidden;
border-radius: var(--clb-border-radius);
} .wc-category-sc {
margin-top: var(--clb-grid-gutter-negative);
margin-bottom: var(--clb-grid-gutter-negative);
}
.wc-category-sc::after {
content: "";
display: table;
clear: both;
}
.wc-category-sc.-metro .grid-item:not(.-offset) .image-holder {
padding-bottom: 50%;
}
.wc-category-sc.-metro .grid-item.-offset .image-holder {
padding-bottom: calc(100% - 7.5em);
}
.wc-category .card {
display: flex;
align-items: stretch;
}
.wc-category-content {
display: flex;
align-items: center;
}
.wc-category-content .button {
margin-top: 1em;
}
.wc-category .button {
transform: none;
margin-left: 0;
margin-right: 0;
}
.wc-category:not(.-offset) .card {
overflow: hidden;
border-radius: var(--clb-border-radius);
}
.wc-category:not(.-offset) .image-holder {
border-radius: 0;
}
.wc-category:not(.-offset) .wc-category-content {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
}
.wc-category.-offset {
position: relative;
}
.wc-category.-offset .card.-with-shadow {
overflow: visible;
box-shadow: none;
}
.wc-category.-offset .card.-with-shadow .image-holder {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
}  body[data-aos-duration="50"] [data-aos],
[data-aos][data-aos][data-aos-duration="50"] {
transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos],
[data-aos][data-aos][data-aos-delay="50"] {
transition-delay: 0s;
}
body[data-aos-delay="50"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="50"].aos-animate {
transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos],
[data-aos][data-aos][data-aos-duration="100"] {
transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos],
[data-aos][data-aos][data-aos-delay="100"] {
transition-delay: 0s;
}
body[data-aos-delay="100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="100"].aos-animate {
transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos],
[data-aos][data-aos][data-aos-duration="150"] {
transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos],
[data-aos][data-aos][data-aos-delay="150"] {
transition-delay: 0s;
}
body[data-aos-delay="150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="150"].aos-animate {
transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos],
[data-aos][data-aos][data-aos-duration="200"] {
transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos],
[data-aos][data-aos][data-aos-delay="200"] {
transition-delay: 0s;
}
body[data-aos-delay="200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="200"].aos-animate {
transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos],
[data-aos][data-aos][data-aos-duration="250"] {
transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos],
[data-aos][data-aos][data-aos-delay="250"] {
transition-delay: 0s;
}
body[data-aos-delay="250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="250"].aos-animate {
transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos],
[data-aos][data-aos][data-aos-duration="300"] {
transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos],
[data-aos][data-aos][data-aos-delay="300"] {
transition-delay: 0s;
}
body[data-aos-delay="300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="300"].aos-animate {
transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos],
[data-aos][data-aos][data-aos-duration="350"] {
transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos],
[data-aos][data-aos][data-aos-delay="350"] {
transition-delay: 0s;
}
body[data-aos-delay="350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="350"].aos-animate {
transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos],
[data-aos][data-aos][data-aos-duration="400"] {
transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos],
[data-aos][data-aos][data-aos-delay="400"] {
transition-delay: 0s;
}
body[data-aos-delay="400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="400"].aos-animate {
transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos],
[data-aos][data-aos][data-aos-duration="450"] {
transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos],
[data-aos][data-aos][data-aos-delay="450"] {
transition-delay: 0s;
}
body[data-aos-delay="450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="450"].aos-animate {
transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos],
[data-aos][data-aos][data-aos-duration="500"] {
transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos],
[data-aos][data-aos][data-aos-delay="500"] {
transition-delay: 0s;
}
body[data-aos-delay="500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="500"].aos-animate {
transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos],
[data-aos][data-aos][data-aos-duration="550"] {
transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos],
[data-aos][data-aos][data-aos-delay="550"] {
transition-delay: 0s;
}
body[data-aos-delay="550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="550"].aos-animate {
transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos],
[data-aos][data-aos][data-aos-duration="600"] {
transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos],
[data-aos][data-aos][data-aos-delay="600"] {
transition-delay: 0s;
}
body[data-aos-delay="600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="600"].aos-animate {
transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos],
[data-aos][data-aos][data-aos-duration="650"] {
transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos],
[data-aos][data-aos][data-aos-delay="650"] {
transition-delay: 0s;
}
body[data-aos-delay="650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="650"].aos-animate {
transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos],
[data-aos][data-aos][data-aos-duration="700"] {
transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos],
[data-aos][data-aos][data-aos-delay="700"] {
transition-delay: 0s;
}
body[data-aos-delay="700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="700"].aos-animate {
transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos],
[data-aos][data-aos][data-aos-duration="750"] {
transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos],
[data-aos][data-aos][data-aos-delay="750"] {
transition-delay: 0s;
}
body[data-aos-delay="750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="750"].aos-animate {
transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos],
[data-aos][data-aos][data-aos-duration="800"] {
transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos],
[data-aos][data-aos][data-aos-delay="800"] {
transition-delay: 0s;
}
body[data-aos-delay="800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="800"].aos-animate {
transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos],
[data-aos][data-aos][data-aos-duration="850"] {
transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos],
[data-aos][data-aos][data-aos-delay="850"] {
transition-delay: 0s;
}
body[data-aos-delay="850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="850"].aos-animate {
transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos],
[data-aos][data-aos][data-aos-duration="900"] {
transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos],
[data-aos][data-aos][data-aos-delay="900"] {
transition-delay: 0s;
}
body[data-aos-delay="900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="900"].aos-animate {
transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos],
[data-aos][data-aos][data-aos-duration="950"] {
transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos],
[data-aos][data-aos][data-aos-delay="950"] {
transition-delay: 0s;
}
body[data-aos-delay="950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="950"].aos-animate {
transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos],
[data-aos][data-aos][data-aos-duration="1000"] {
transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos],
[data-aos][data-aos][data-aos-delay="1000"] {
transition-delay: 0s;
}
body[data-aos-delay="1000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos],
[data-aos][data-aos][data-aos-duration="1050"] {
transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos],
[data-aos][data-aos][data-aos-delay="1050"] {
transition-delay: 0s;
}
body[data-aos-delay="1050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1050"].aos-animate {
transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos],
[data-aos][data-aos][data-aos-duration="1100"] {
transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos],
[data-aos][data-aos][data-aos-delay="1100"] {
transition-delay: 0s;
}
body[data-aos-delay="1100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1100"].aos-animate {
transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos],
[data-aos][data-aos][data-aos-duration="1150"] {
transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos],
[data-aos][data-aos][data-aos-delay="1150"] {
transition-delay: 0s;
}
body[data-aos-delay="1150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1150"].aos-animate {
transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos],
[data-aos][data-aos][data-aos-duration="1200"] {
transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos],
[data-aos][data-aos][data-aos-delay="1200"] {
transition-delay: 0s;
}
body[data-aos-delay="1200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1200"].aos-animate {
transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos],
[data-aos][data-aos][data-aos-duration="1250"] {
transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos],
[data-aos][data-aos][data-aos-delay="1250"] {
transition-delay: 0s;
}
body[data-aos-delay="1250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1250"].aos-animate {
transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos],
[data-aos][data-aos][data-aos-duration="1300"] {
transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos],
[data-aos][data-aos][data-aos-delay="1300"] {
transition-delay: 0s;
}
body[data-aos-delay="1300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1300"].aos-animate {
transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos],
[data-aos][data-aos][data-aos-duration="1350"] {
transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos],
[data-aos][data-aos][data-aos-delay="1350"] {
transition-delay: 0s;
}
body[data-aos-delay="1350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1350"].aos-animate {
transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos],
[data-aos][data-aos][data-aos-duration="1400"] {
transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos],
[data-aos][data-aos][data-aos-delay="1400"] {
transition-delay: 0s;
}
body[data-aos-delay="1400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1400"].aos-animate {
transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos],
[data-aos][data-aos][data-aos-duration="1450"] {
transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos],
[data-aos][data-aos][data-aos-delay="1450"] {
transition-delay: 0s;
}
body[data-aos-delay="1450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1450"].aos-animate {
transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos],
[data-aos][data-aos][data-aos-duration="1500"] {
transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos],
[data-aos][data-aos][data-aos-delay="1500"] {
transition-delay: 0s;
}
body[data-aos-delay="1500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1500"].aos-animate {
transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos],
[data-aos][data-aos][data-aos-duration="1550"] {
transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos],
[data-aos][data-aos][data-aos-delay="1550"] {
transition-delay: 0s;
}
body[data-aos-delay="1550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1550"].aos-animate {
transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos],
[data-aos][data-aos][data-aos-duration="1600"] {
transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos],
[data-aos][data-aos][data-aos-delay="1600"] {
transition-delay: 0s;
}
body[data-aos-delay="1600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1600"].aos-animate {
transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos],
[data-aos][data-aos][data-aos-duration="1650"] {
transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos],
[data-aos][data-aos][data-aos-delay="1650"] {
transition-delay: 0s;
}
body[data-aos-delay="1650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1650"].aos-animate {
transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos],
[data-aos][data-aos][data-aos-duration="1700"] {
transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos],
[data-aos][data-aos][data-aos-delay="1700"] {
transition-delay: 0s;
}
body[data-aos-delay="1700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1700"].aos-animate {
transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos],
[data-aos][data-aos][data-aos-duration="1750"] {
transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos],
[data-aos][data-aos][data-aos-delay="1750"] {
transition-delay: 0s;
}
body[data-aos-delay="1750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1750"].aos-animate {
transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos],
[data-aos][data-aos][data-aos-duration="1800"] {
transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos],
[data-aos][data-aos][data-aos-delay="1800"] {
transition-delay: 0s;
}
body[data-aos-delay="1800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1800"].aos-animate {
transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos],
[data-aos][data-aos][data-aos-duration="1850"] {
transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos],
[data-aos][data-aos][data-aos-delay="1850"] {
transition-delay: 0s;
}
body[data-aos-delay="1850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1850"].aos-animate {
transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos],
[data-aos][data-aos][data-aos-duration="1900"] {
transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos],
[data-aos][data-aos][data-aos-delay="1900"] {
transition-delay: 0s;
}
body[data-aos-delay="1900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1900"].aos-animate {
transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos],
[data-aos][data-aos][data-aos-duration="1950"] {
transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos],
[data-aos][data-aos][data-aos-delay="1950"] {
transition-delay: 0s;
}
body[data-aos-delay="1950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1950"].aos-animate {
transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos],
[data-aos][data-aos][data-aos-duration="2000"] {
transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos],
[data-aos][data-aos][data-aos-delay="2000"] {
transition-delay: 0s;
}
body[data-aos-delay="2000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2000"].aos-animate {
transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos],
[data-aos][data-aos][data-aos-duration="2050"] {
transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos],
[data-aos][data-aos][data-aos-delay="2050"] {
transition-delay: 0s;
}
body[data-aos-delay="2050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2050"].aos-animate {
transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos],
[data-aos][data-aos][data-aos-duration="2100"] {
transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos],
[data-aos][data-aos][data-aos-delay="2100"] {
transition-delay: 0s;
}
body[data-aos-delay="2100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2100"].aos-animate {
transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos],
[data-aos][data-aos][data-aos-duration="2150"] {
transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos],
[data-aos][data-aos][data-aos-delay="2150"] {
transition-delay: 0s;
}
body[data-aos-delay="2150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2150"].aos-animate {
transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos],
[data-aos][data-aos][data-aos-duration="2200"] {
transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos],
[data-aos][data-aos][data-aos-delay="2200"] {
transition-delay: 0s;
}
body[data-aos-delay="2200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2200"].aos-animate {
transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos],
[data-aos][data-aos][data-aos-duration="2250"] {
transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos],
[data-aos][data-aos][data-aos-delay="2250"] {
transition-delay: 0s;
}
body[data-aos-delay="2250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2250"].aos-animate {
transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos],
[data-aos][data-aos][data-aos-duration="2300"] {
transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos],
[data-aos][data-aos][data-aos-delay="2300"] {
transition-delay: 0s;
}
body[data-aos-delay="2300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2300"].aos-animate {
transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos],
[data-aos][data-aos][data-aos-duration="2350"] {
transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos],
[data-aos][data-aos][data-aos-delay="2350"] {
transition-delay: 0s;
}
body[data-aos-delay="2350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2350"].aos-animate {
transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos],
[data-aos][data-aos][data-aos-duration="2400"] {
transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos],
[data-aos][data-aos][data-aos-delay="2400"] {
transition-delay: 0s;
}
body[data-aos-delay="2400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2400"].aos-animate {
transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos],
[data-aos][data-aos][data-aos-duration="2450"] {
transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos],
[data-aos][data-aos][data-aos-delay="2450"] {
transition-delay: 0s;
}
body[data-aos-delay="2450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2450"].aos-animate {
transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos],
[data-aos][data-aos][data-aos-duration="2500"] {
transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos],
[data-aos][data-aos][data-aos-delay="2500"] {
transition-delay: 0s;
}
body[data-aos-delay="2500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2500"].aos-animate {
transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos],
[data-aos][data-aos][data-aos-duration="2550"] {
transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos],
[data-aos][data-aos][data-aos-delay="2550"] {
transition-delay: 0s;
}
body[data-aos-delay="2550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2550"].aos-animate {
transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos],
[data-aos][data-aos][data-aos-duration="2600"] {
transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos],
[data-aos][data-aos][data-aos-delay="2600"] {
transition-delay: 0s;
}
body[data-aos-delay="2600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2600"].aos-animate {
transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos],
[data-aos][data-aos][data-aos-duration="2650"] {
transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos],
[data-aos][data-aos][data-aos-delay="2650"] {
transition-delay: 0s;
}
body[data-aos-delay="2650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2650"].aos-animate {
transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos],
[data-aos][data-aos][data-aos-duration="2700"] {
transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos],
[data-aos][data-aos][data-aos-delay="2700"] {
transition-delay: 0s;
}
body[data-aos-delay="2700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2700"].aos-animate {
transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos],
[data-aos][data-aos][data-aos-duration="2750"] {
transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos],
[data-aos][data-aos][data-aos-delay="2750"] {
transition-delay: 0s;
}
body[data-aos-delay="2750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2750"].aos-animate {
transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos],
[data-aos][data-aos][data-aos-duration="2800"] {
transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos],
[data-aos][data-aos][data-aos-delay="2800"] {
transition-delay: 0s;
}
body[data-aos-delay="2800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2800"].aos-animate {
transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos],
[data-aos][data-aos][data-aos-duration="2850"] {
transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos],
[data-aos][data-aos][data-aos-delay="2850"] {
transition-delay: 0s;
}
body[data-aos-delay="2850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2850"].aos-animate {
transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos],
[data-aos][data-aos][data-aos-duration="2900"] {
transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos],
[data-aos][data-aos][data-aos-delay="2900"] {
transition-delay: 0s;
}
body[data-aos-delay="2900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2900"].aos-animate {
transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos],
[data-aos][data-aos][data-aos-duration="2950"] {
transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos],
[data-aos][data-aos][data-aos-delay="2950"] {
transition-delay: 0s;
}
body[data-aos-delay="2950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2950"].aos-animate {
transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos],
[data-aos][data-aos][data-aos-duration="3000"] {
transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos],
[data-aos][data-aos][data-aos-delay="3000"] {
transition-delay: 0s;
}
body[data-aos-delay="3000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="3000"].aos-animate {
transition-delay: 3000ms;
}
[data-aos] {
pointer-events: none;
}
[data-aos].aos-animate {
pointer-events: auto;
}
body[data-aos-easing="linear"] [data-aos],
[data-aos][data-aos][data-aos-easing="linear"] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing="ease"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease"] {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing="ease-in"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in"] {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing="ease-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out"] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out"] {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-back"] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing="ease-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-back"] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing="ease-in-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing="ease-in-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-sine"] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing="ease-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-sine"] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing="ease-in-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing="ease-in-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quad"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quad"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quart"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quart"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
} .has-beige-dark-background-color {
background-color: var(--clb-color-primary);
}
.has-beige-dark-background-color.wp-block-button__link {
border-color: var(--clb-color-primary);
}
.has-dark-strong-background-color {
background-color: var(--clb-titles-color);
}
.has-dark-strong-background-color.wp-block-button__link {
border-color: var(--clb-titles-color);
}
.has-dark-light-background-color {
background-color: var(--clb-color-black-light);
}
.has-dark-light-background-color.wp-block-button__link {
border-color: var(--clb-color-black-light);
}
.has-grey-strong-background-color {
background-color: var(--clb-color-grey);
}
.has-grey-strong-background-color.wp-block-button__link {
border-color: var(--clb-color-grey);
}
.has-grey-light-background-color {
background-color: var(--clb-color-grey-light);
}
.has-grey-light-background-color.wp-block-button__link {
border-color: var(--clb-color-grey-light);
}
.has-beige-dark-color {
color: var(--clb-color-primary);
}
.has-dark-strong-color {
color: var(--clb-titles-color);
}
.has-dark-light-color {
color: var(--clb-color-black-light);
}
.has-grey-strong-color {
color: var(--clb-body-color-grey);
}
.has-grey-light-color {
color: var(--clb-body-color-grey);
}
.is-style-outline .wp-block-button__link.has-beige-dark-color {
color: var(--clb-color-primary);
}
.is-style-outline .wp-block-button__link.has-dark-strong-color {
color: var(--clb-titles-color);
}
.is-style-outline .wp-block-button__link.has-dark-light-color {
color: var(--clb-color-black-light);
}
.is-style-outline .wp-block-button__link.has-grey-strong-color {
color: var(--clb-body-color-grey);
}
.is-style-outline .wp-block-button__link.has-grey-light-color {
color: var(--clb-color-black-light);
}
.wp-block-separator {
border-color: var(--clb-color-neutral);
}
.has-regular-font-size {
font-size: var(--clb-body-font-size);
font-family: inherit;
}
.has-extra-small-font-size {
font-size: 0.867em;
}
.has-small-font-size {
font-size: 0.934em;
}
.has-large-font-size {
font-size: 1.6875em;
font-weight: var(--clb-text-medium);
}
.has-larger-font-size {
font-size: 1.9875em;
} .menu li.new > .menu-link::after,
.menu li.version > .menu-link::after {
padding: 0.95em 0.5em;
height: 1em;
font-size: 0.61em;
font-weight: var(--clb-text-bold);
color: var(--clb-color-white);
display: inline-flex;
vertical-align: middle;
align-items: center;
border-radius: 0.65em;
}
.menu li.new > .menu-link::after {
content: "NEW";
background-color: var(--clb-color-primary);
}
.menu li.version > .menu-link::after {
content: "V3.5";
background-color: var(--clb-body-color);
} .dark-scheme { --clb-color-white: var(--clb-dm-color-white);
--clb-color-black: var(--clb-dm-color-white);
--clb-titles-color: var(--clb-dm-color-white);
--clb-color-black-light: color-mix(in srgb, var(--clb-dm-color-white) 75%, transparent);
--clb-body-color: color-mix(in srgb, var(--clb-dm-color-white) 75%, transparent);
--clb-color-neutral: color-mix(in srgb, var(--clb-dm-color-white) 50%, transparent);
--clb-color-grey: var(--clb-color-neutral);
--clb-body-color-grey: var(--clb-color-neutral);
--clb-color-grey-light: color-mix(in srgb, var(--clb-dm-color-white) 25%, transparent);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-dm-color-white) 25%, transparent);
--clb-placeholder-color: color-mix(in srgb, var(--clb-dm-color-white) 40%, transparent);
--clb-color-overlay: var(--clb-dm-fill-color);
--clb-subtitles-color: var(--clb-color-neutral);  }
.dark-scheme select:not([multiple="multiple"]) > option {
color: initial;
}
.dark-scheme,
.dark-scheme .coming-soon,
.dark-scheme .logo-details,
.dark-scheme .site-content,
.dark-scheme .page-headline::before,
.dark-scheme .horizontal-accordion-item,
.dark-scheme .header.-sticky:not(.header-8),
.dark-scheme .compare-overlay .compare-before-label::before,
.dark-scheme .compare-overlay .compare-after-label::before {
background-color: var(--clb-dm-fill-color);
}
.dark-scheme .sticky-nav-holder,
.dark-scheme .cart-mini,
.dark-scheme .share-bar .social-networks,
.dark-scheme .header:not(.-mobile) .menu li > ul,
.dark-scheme .notification .alert,
.dark-scheme .sticky-product,
.dark-scheme .popup-subscribe,
.dark-scheme .select2-dropdown,
.dark-scheme .clb-popup-product .woo-product,
.dark-scheme.is-mobile-menu .slide-in-overlay .holder,
.dark-scheme .slide-in .slide-in-overlay .holder,
.dark-scheme .header.header-8.-sticky .header-wrap-inner,
.dark-scheme.single-post .-layout2.-with-featured-image .post-share .share-bar .social-networks {
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 92%, white);
}
.dark-scheme .tooltip,
.dark-scheme .tooltip::before,
.dark-scheme .lazy-load:not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat),
.dark-scheme .purchase-button,
.dark-scheme input[type="submit"],
.dark-scheme .select2-container--default .select2-results__option[aria-selected=true],
.dark-scheme .select2-container--default .select2-results__option[data-selected=true],
.dark-scheme .video-button:not(.-outlined):not(.-blurred) .icon-button,
.dark-scheme .tabs.-with-button .tabs-nav-line,
.dark-scheme .social-networks:not(.-default-colors).-contained .network,
.dark-scheme .social-networks.-default-colors.-contained .network:hover,
.dark-scheme .social-networks.-contained .network.instagram,
.dark-scheme .social-networks.-contained .network.threads,
.dark-scheme .social-networks.-contained .network.tiktok,
.dark-scheme .social-networks.-contained .network.tumblr,
.dark-scheme .social-networks.-contained .network.twitter,
.dark-scheme .builder-switcher a.active,
.dark-scheme .purchase-button:hover,
.dark-scheme .badge:not(.-primary):not(.-outlined),
.dark-scheme .hamburger-outer,
.dark-scheme .menu li.version > .menu-link::after {
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 75%, white);
}
.dark-scheme .clb-slider-pagination {
background-color: color-mix(in srgb, black 25%, transparent);
}
.dark-scheme .woo-products .tag.tag-out-of-stock {
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 12%, white);
color: var(--clb-body-light-mode-color);
}
.dark-scheme .portfolio-item.-with-slider .overlay::after,
.dark-scheme .portfolio-item.-with-slider .overlay-image::before {
background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent);
}
.dark-scheme .portfolio-item.-layout4 .overlay::after {
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
}
.dark-scheme .project.-layout10 .project-content .inner,
.dark-scheme .project.-layout10 .project-content .holder {
background-color: color-mix(in srgb, var(--clb-color-overlay) 90%, transparent);
}
.dark-scheme.is-mobile-menu .slide-in-overlay .holder,
.dark-scheme .clb-popup.-slide-in .popup-subscribe,
.dark-scheme .header:not(.-mobile) .menu li > ul,
.dark-scheme .notification .alert,
.dark-scheme .select2-dropdown,
.dark-scheme .purchase-button,
.dark-scheme .sticky-product,
.dark-scheme .cart-mini {
box-shadow: 0 20px 32px -8px color-mix(in srgb, black 30%, transparent), 0 0 1px color-mix(in srgb, black 15%, transparent);
}
.dark-scheme .horizontal-accordion-item {
box-shadow: 0 var(var(--clb-spacer-2)) 2.5rem color-mix(in srgb, black 20%, transparent);
}
.dark-scheme .button:not(.-primary):not(.-dm-ignore) {
--clb-button-color: color-mix(in srgb, var(--clb-dm-fill-color) 75%, white);
}
.dark-scheme .button.-outlined:not(.-primary):not(.-dm-ignore),
.dark-scheme .button.-flat:not(.-primary):not(.-dm-ignore),
.dark-scheme .button.-text:not(.-primary):not(.-dm-ignore) {
--clb-button-color: color-mix(in srgb, var(--clb-dm-color-white) 75%, transparent);
}
.dark-scheme select:not([multiple="multiple"]),
.dark-scheme .select2-container--default .select2-selection--single .select2-selection__arrow > b {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.dark-scheme rs-slide .font-headlines,
.dark-scheme sr7-slide .font-headlines {
color: var(--clb-dm-color-white) !important;
}
.dark-scheme rs-slide .font-paragraphs,
.dark-scheme sr7-slide .font-paragraphs {
color: var(--clb-color-black-light) !important;
}
.dark-scheme rs-slide .sr-border,
.dark-scheme sr7-slide .sr-border {
background: var(--clb-color-grey-light) !important;
}
.dark-scheme rs-slide rs-sbg::after,
.dark-scheme rs-slide sr7-bg::after,
.dark-scheme sr7-slide rs-sbg::after,
.dark-scheme sr7-slide sr7-bg::after {
content: "";
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 50%, transparent);
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 1;
}
.dark-scheme .portfolio-item.-with-gradient .portfolio-item-image::before {
background: var(--clb-color-black-rgb);
background: linear-gradient(270deg, rgba(var(--clb-color-black-rgb), 0.85) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.dark-scheme .project.-layout8 .overlay {
background: var(--clb-color-black-rgb);
background: linear-gradient(90deg, rgba(var(--clb-color-black-rgb), 0.85) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.dark-scheme .clb__dark_mode_light.elementor-widget-ohio_pricing_table .pricing-table,
.dark-scheme .clb__dark_mode_light.pricing-table,
.dark-scheme .clb__dark_mode_light.vc_row:not(.portfolio-grid):not(.blog-posts),
.dark-scheme .clb__dark_mode_light.vc_section,
.dark-scheme .clb__dark_mode_light.elementor-section,
.dark-scheme .clb__dark_mode_light.elementor-element .social-networks.-boxed,
.dark-scheme .clb__dark_mode_light.social-networks.-boxed,
.dark-scheme .clb__dark_mode_light .portfolio-item .card-details,
.dark-scheme .clb__dark_mode_light .blog-item.-contained .card-details,
.dark-scheme .clb__dark_mode_light .blog-item.-layout4 .image-holder,
.dark-scheme .clb__dark_mode_light .horizontal-accordion-item,
.dark-scheme .clb__dark_mode_light > .vc_column-inner,
.dark-scheme .clb__dark_mode_light:not(.elementor-widget-ohio_recent_posts):not(.elementor-widget-ohio_pricing_table) > .elementor-widget-container,
.dark-scheme .clb__dark_mode_light > .elementor-widget-wrap,
.dark-scheme .clb__dark_mode_light.e-con,
.dark-scheme .dark_mode_light_row,
.dark-scheme .dark_mode_light_column.wpb_column > .vc_column-inner,
.dark-scheme .dark_mode_light_row,
.dark-scheme .dark_mode_light_column > .elementor-column-wrap,
.dark-scheme .dark_mode_light_widget > .elementor-widget-container {
background-color: color-mix(in srgb, var(--clb-color-neutral) 8%, transparent) !important;
}
.dark-scheme .clb__dark_mode_black.vc_row,
.dark-scheme .clb__dark_mode_black.vc_section,
.dark-scheme .clb__dark_mode_black.elementor-section,
.dark-scheme .clb__dark_mode_black.elementor-element,
.dark-scheme .clb__dark_mode_black .horizontal-accordion-item,
.dark-scheme .clb__dark_mode_black > .vc_column-inner,
.dark-scheme .clb__dark_mode_black > .elementor-widget-container,
.dark-scheme .clb__dark_mode_black > .elementor-widget-wrap {
background-color: var(--clb-dm-fill-color) !important;
}
.dark-scheme .clb__dark_mode_spacer,
.dark-scheme .clb__dark_mode_spacer .elementor-spacer {
background-color: var(--clb-dm-fill-color) !important;
}
.dark-scheme .clb__dark_mode_spacer_light,
.dark-scheme .clb__dark_mode_spacer_light .elementor-spacer {
background-color: color-mix(in srgb, var(--clb-color-neutral) 5%, transparent);
}
.dark-scheme .clb__dark_mode_spacer_reset,
.dark-scheme .clb__dark_mode_spacer_reset .elementor-spacer {
background-color: transparent !important;
}
.dark-scheme .clb__dark_mode_image,
.dark-scheme .clb__dark_mode_image img {
mix-blend-mode: multiply;
}
.dark-scheme .branding .light-scheme-logo {
display: none;
}
.dark-scheme .branding .dark-scheme-logo {
display: flex;
}
.dark-scheme:not(.elementor-editor-active):not(.compose-mode) .dark-scheme-hidden {
display: none;
}
.dark-scheme .-dm-hidden {
display: none;
} body:not(.dark-scheme):not(.elementor-editor-active):not(.compose-mode) .dark-scheme-visible {
display: none;
}
body:not(.dark-scheme) .branding .dark-scheme-logo {
display: none;
}
body:not(.dark-scheme) .-dm-visible {
display: none;
} .switching *:not(.color-switcher-toddler),
.switching .portfolio-item.-layout12 .portfolio-item-details .portfolio-item-details-headline::after {
transition: none !important;
} body:not(.dark-scheme) .dynamic-typo.light-typo.back-link,
body:not(.dark-scheme) .dynamic-typo.light-typo.icon-button.fixed,
body:not(.dark-scheme) .dynamic-typo.light-typo .social-bar,
body:not(.dark-scheme) .dynamic-typo.light-typo .scroll-top,
body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark,
body:not(.dark-scheme) .dynamic-typo.dark-typo.back-link,
body:not(.dark-scheme) .dynamic-typo.dark-typo.icon-button.fixed,
body:not(.dark-scheme) .dynamic-typo.dark-typo .social-bar,
body:not(.dark-scheme) .dynamic-typo.dark-typo .scroll-top,
body:not(.dark-scheme) .dynamic-typo.dark-typo .color-switcher-item.dark {
transition: color var(--clb-transition-duration-faster) var(--clb-transition-function);
}
body:not(.dark-scheme) .dynamic-typo.light-typo.back-link,
body:not(.dark-scheme) .dynamic-typo.light-typo.icon-button.fixed,
body:not(.dark-scheme) .dynamic-typo.light-typo .social-bar,
body:not(.dark-scheme) .dynamic-typo.light-typo .scroll-top,
body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark {
color: var(--clb-color-white) !important;
}
body:not(.dark-scheme) .dynamic-typo.dark-typo {
color: inherit;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky) .branding:not(.text-logo) .logo-dynamic .light,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky) .branding:not(.text-logo) .logo-dynamic .dark {
display: unset;
position: absolute;
opacity: 0;
top: 0;
transition: opacity var(--clb-transition-duration-faster) var(--clb-transition-function);
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu:not(.mobile-menu) > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .lang-dropdown {
color: var(--clb-color-white) !important;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo-dynamic .dark {
opacity: 0;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo-dynamic .light {
opacity: 1;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu:not(.mobile-menu) > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .lang-dropdown {
color: inherit;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo-dynamic .dark {
opacity: 1;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo-dynamic .light {
opacity: 0;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo {
opacity: 0;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu:not(.mobile-menu) > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .lang-dropdown,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu:not(.mobile-menu) > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .lang-dropdown {
transition: color var(--clb-transition-duration-faster) var(--clb-transition-function);
}
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .hamburger-outer,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .branding,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .menu-blank,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .menu:not(.mobile-menu) > li > a,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .cart-button-total a,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .lang-dropdown {
color: inherit !important;
} .purchase-button {
position: fixed;
z-index: 3;
color: var(--clb-color-white);
text-transform: uppercase;
font-size: 0.82em;
font-weight: var(--clb-text-semi-bold);
padding: 0 var(--clb-spacer-3);
height: 2.5rem;
background-color: #1d1c21;
box-shadow: 0 4px 6px color-mix(in srgb, var(--clb-color-black) 20%, transparent);
left: var(--clb-spacer);
bottom: var(--clb-spacer);
border-radius: var(--clb-spacer-4);
display: flex;
align-items: center;
}
.purchase-button > img {
margin-left: var(--clb-spacer-1);
}
.purchase-button:hover {
transform: var(--clb-transform-scale);
background-color: color-mix(in srgb, var(--clb-button-color) 90%, white);
}
.with-header-5 .purchase-button {
margin-left: var(--clb-header-height-5);
}
.with-header-6 .purchase-button,
.with-header-7 .purchase-button {
margin-left: var(--clb-header-height-6);
left: var(--clb-spacer);
bottom: var(--clb-spacer);
}
.with-fixed-search:not(.with-header-6) .purchase-button,
.with-fixed-search:not(.with-header-7) .purchase-button {
margin-left: 4rem;
margin-bottom: calc((var(--clb-circle) - 2.5rem) / 2);
}
.with-fixed-search.with-header-5 .purchase-button {
margin-left: calc(var(--clb-header-height-5) + 4rem);
}
.with-fixed-search.with-header-6 .purchase-button,
.with-fixed-search.with-header-7 .purchase-button {
bottom: var(--clb-spacer);
margin-left: calc(var(--clb-header-height-6) + 4.5rem);
} .builder-switcher {
margin-top: var(--clb-spacer-1);
height: 2rem;
background-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent) inset;
display: inline-flex;
vertical-align: middle;
align-items: center;
border-radius: var(--clb-spacer-3);
}
.builder-switcher a {
padding: 0 var(--clb-spacer-2);
height: 100%;
font-size: .82em;
font-weight: var(--clb-text-medium);
color: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
background-image: none !important;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
border-radius: var(--clb-spacer-3);
}
.builder-switcher a:not(.active):hover {
background-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
}
.builder-switcher a.active {
background-color: var(--clb-color-grey);
color: var(--clb-color-white) !important;
box-shadow: 0px 3px 6px color-mix(in srgb, var(--clb-color-black) 10%, transparent);
}  .brand-color {
color: var(--clb-color-primary);
}
.-block,
.sticky {
display: block;
width: 100%;
}
.byline,
.-inline {
display: inline;
}
.-inline-block {
display: inline-block;
}
.-inline-flex {
display: inline-flex;
width: auto !important;
}
.-inline-flex:not(.-right) > .button {
margin-right: var(--clb-spacer-1);
}
.-grid {
display: grid;
grid-auto-flow: column;
}
.-grid-row {
grid-auto-flow: row;
}
.-flex {
display: flex;
}
.-flex-wrap {
flex-wrap: wrap;
}
.-flex-nowrap {
flex-wrap: nowrap;
}
.-flex-align-start {
align-items: flex-start;
}
.-flex-align-center {
align-items: center;
}
.-flex-align-end {
align-items: flex-end;
}
.-flex-just-start {
justify-content: start;
}
.-flex-just-center {
justify-content: center;
}
.-flex-just-space-between {
justify-content: space-between;
}
.-flex-row {
flex-direction: row;
}
.-flex-row-reverse {
flex-direction: row-reverse;
}
.-flex-column {
flex-direction: column;
}
.-flex-column-reverse {
flex-direction: column-reverse;
}
.-flex-wrap {
flex-wrap: wrap;
}
.-flex-nowrap {
flex-wrap: nowrap;
}
.-flex-align-start {
align-items: flex-start;
}
.-flex-align-center {
align-items: center;
}
.-flex-align-end {
align-items: flex-end;
}
.-flex-just-start,
.-left-flex {
justify-content: flex-start;
}
.-flex-just-center,
.-center-flex {
justify-content: center;
}
.-flex-just-end,
.-flex-just-end {
justify-content: flex-end;
}
.-flex-just-space-between {
justify-content: space-between;
}
.-flex-row {
flex-direction: row;
}
.-flex-row-reverse {
flex-direction: row-reverse;
}
.-flex-column {
flex-direction: column;
}
.-flex-column-reverse {
flex-direction: column-reverse;
}
.-relative {
position: relative;
}
.-absolute {
position: absolute;
}
.-fixed {
position: fixed;
}
.disabled,
:disabled {
pointer-events: none;
filter: none;
opacity: .5;
}
.-unlist {
margin: 0;
padding: 0;
list-style: none;
}
.-unlist > li::before {
content: "";
display: none;
}
.-unspace,
.-unspace.elementor-widget-text-editor p {
margin: 0;
}
.-small-t {
font-size: var(--clb-font-size-small);
}
.-medium-t {
font-weight: var(--clb-text-medium);
}
.-light-t {
color: var(--clb-body-color-grey);
}
.-nowrap-t {
white-space: nowrap;
}
.-left,
.text-left {
text-align: left;
}
.-center,
.text-center,
.aligncenter {
text-align: center;
}
.-right,
.text-right {
text-align: right;
}
.-alignfull {
max-width: none;
position: relative;
}
.-float-left {
float: left;
}
.-float-right {
float: right;
}
.-full-h,
.full-height {
height: 100%;
max-height: 100%;
}
.-full-w,
.full-width {
width: 100%;
max-width: 100%;
}
.-full-vh,
.-full-vh.clb-slider-item,
.full-vh,
.full-vh.clb-slider-item {
height: 100vh;
}
.with-offer-banner:not(.absolute):not(.fixed) .-full-vh,
.with-offer-banner:not(.absolute):not(.fixed) .-full-vh.clb-slider-item,
.with-offer-banner:not(.absolute):not(.fixed) .full-vh,
.with-offer-banner:not(.absolute):not(.fixed) .full-vh.clb-slider-item {
height: calc(100vh - var(--clb-offer-banner-height));
}
.-full-vw {
width: 100vw;
}
.-fade-up {
transform: translateY(6%);
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.-fade-down {
transform: translateY(-6%);
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.-faded {
transform: none;
opacity: 1;
}
.no-transition,
.-no-transition {
transition: none !important;
}
.-up {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.-up:hover {
transform: translate3d(0px, -4px, 0px);
}
.-blur {
backdrop-filter: saturate(180%) blur(5px);
background-color: rgba(255, 255, 255, 0.85);
}
.-visible,
.visible {
opacity: 1 !important;
visibility: visible !important;
}
.-invisible,
.invisible {
opacity: 0 !important;
visibility: hidden !important;
}
.-hidden,
.hidden,
.hide {
display: none;
}
.show,
.unhidden {
display: block;
}
.-overflow-hidden,
.-overflow-hidden > .elementor-widget-wrap {
overflow: hidden;
}
.-light,
.-light .icon {
color: var(--clb-color-white);
}
[data-ohio-content-scroll] {
width: 100%;
}
[data-isotope-grid] {
transition: height .3s ease-in-out;
}
.clb__section.vc_section,
.clb__section.e-con {
width: unset;
margin: 0 0 2.5rem;
border: var(--clb-border-width) var(--clb-border-style-dashed) color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
border-radius: var(--clb-border-radius-extra-large);
}
.clb__section.vc_section:not(._grid),
.clb__section.e-con:not(._grid) {
padding-bottom: var(--clb-grid-gutter);
}
.clb__section:last-of-type {
margin-bottom: 10vh;
}
.clb__section > .e-con-inner > .elementor-widget-heading > .elementor-widget-container,
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .ohio-text-sc {
border-bottom: var(--clb-border-width) var(--clb-border-style-dashed) color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
margin-bottom: var(--clb-grid-gutter);
height: initial !important;
}
.clb__section > .e-con-inner > .elementor-widget-heading > .elementor-widget-container p,
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .ohio-text-sc p {
font-size: 0.9em;
line-height: var(--clb-titles-h1-line-height);
margin: 0;
margin-block-end: 0;
padding: var(--clb-spacer-3) var(--clb-grid-gutter);
font-weight: var(--clb-text-semi-bold);
color: var(--clb-body-color-grey);
}
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .ohio-text-sc {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}  .elementor {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.elementor .elementor-widget-ohio_vertical_slider {
position: static;
}
.elementor-editor-active ul {
margin: 0;
padding: 0;
list-style: none;
}
.elementor-editor-active ul > li::before {
content: "";
display: none;
}
.elementor .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor .elementor-column-gap-wide > .elementor-column > .elementor-element-populated {
padding: 0 var(--clb-grid-gutter);
}
@keyframes fadeInUpShort {
from {
opacity: 0;
transform: translate3d(0, 2rem, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInDownShort {
from {
opacity: 0;
transform: translate3d(0, -2rem, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInLeftShort {
from {
opacity: 0;
transform: translate3d(2rem, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRightShort {
from {
opacity: 0;
transform: translate3d(-2rem, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.elementor .fadeInUp {
animation-name: fadeInUpShort;
}
.elementor .fadeInDown {
animation-name: fadeInDownShort;
}
.elementor .fadeInLeft {
animation-name: fadeInLeftShort;
}
.elementor .fadeInRight {
animation-name: fadeInRightShort;
}
.elementor .fadeInUp,
.elementor .fadeInDown,
.elementor .fadeInLeft,
.elementor .fadeInRight {
animation-duration: var(--clb-transition-duration);
}
.elementor-form .elementor-select-wrapper select.elementor-field-textual {
min-height: var(--clb-button-height);
}
.elementor-form .elementor-select-wrapper .select-caret-down-wrapper {
display: none;
}
.elementor-form .elementor-field-type-acceptance .elementor-field-option input[type="checkbox"],
.elementor-form .elementor-field-type-acceptance .elementor-field-option input[type="radio"],
.elementor-form .elementor-field-type-radio .elementor-field-option input[type="checkbox"],
.elementor-form .elementor-field-type-radio .elementor-field-option input[type="radio"],
.elementor-form .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"],
.elementor-form .elementor-field-type-checkbox .elementor-field-option input[type="radio"] {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.elementor-form .elementor-field-type-acceptance input.elementor-acceptance-field {
border-width: 2px !important;
border-radius: var(--clb-border-radius) !important;
}
.elementor-form .elementor-field-type-acceptance input.elementor-acceptance-field:checked {
background-color: var(--clb-color-primary) !important;
border-color: var(--clb-color-primary) !important;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
} rs-slide .font-paragraphs,
sr7-slide .font-paragraphs {
font-family: var(--clb-body-font-family);
}
.with-spacer.with-header-5 sr7-content {
margin-left: var(--clb-header-height-5) !important;
width: calc(100vw - var(--clb-header-height-5)) !important;
}
.with-spacer.with-header-6 sr7-content,
.with-spacer.with-header-7 sr7-content {
margin-left: var(--clb-header-height-6) !important;
width: calc(100vw - var(--clb-header-height-6)) !important;
} .wpb-js-composer .vc_col-has-fill > .vc_column-inner,
.wpb-js-composer .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.wpb-js-composer .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.wpb-js-composer .vc_row-has-fill > .vc_column_container > .vc_column-inner {
padding-top: 0;
}
.wpb-js-composer .wpb_single_image {
overflow: hidden;
}
.wpb-js-composer .wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
.wpb-js-composer .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
border-radius: var(--clb-border-radius-large);
}
.wpb-js-composer .vc_separator {
margin-top: var(--clb-spacer-5);
margin-bottom: var(--clb-spacer-5);
}
.wpb_wrapper::after,
.elementor-widget-container::after {
content: "";
display: table;
clear: both;
}
.clb__overflow_visible {
overflow: visible !important;
}
.ohio-widget-holder::after {
content: "";
display: table;
clear: both;
}
.clb__image_shadow img {
border-radius: var(--clb-border-radius-large);
box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--clb-color-black) 5%, transparent);
}
.clb__border_radius img,
.clb__border_radius.elementor-widget-ohio_compare img {
border-radius: var(--clb-border-radius-large);
}
.clb__retina50 .vc_single_image-wrapper,
.clb__image_retina .vc_single_image-wrapper {
width: 50% !important;
}
.clb__flex .elementor-widget-wrap,
.clb__flex .wpb_wrapper:not(.vc_figure) {
flex-wrap: nowrap;
display: flex;
align-items: center;
}
.clb__vertical_stretch {
align-items: stretch;
}
.clb__stretch_content .wpb_wrapper,
.clb__stretch_content .elementor-widget-wrap {
height: 100%;
display: flex;
flex-direction: column;
}
.clb__stretch_content .wpb_wrapper .vc_row-fluid,
.clb__stretch_content .wpb_wrapper .elementor-section-boxed,
.clb__stretch_content .elementor-widget-wrap .vc_row-fluid,
.clb__stretch_content .elementor-widget-wrap .elementor-section-boxed {
flex-grow: 2;
min-height: 30vh;
}
.vc_editor.compose-mode .vc_ohio_tabs,
.vc_editor.compose-mode .vc_ohio_split_screens {
position: relative;
margin: 10px 0;
border-radius: var(--clb-border-radius);
}
.vc_editor.compose-mode .vc_ohio_tabs::before,
.vc_editor.compose-mode .vc_ohio_split_screens::before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, white);
}
.vc_editor.compose-mode .vc_ohio_tabs::after,
.vc_editor.compose-mode .vc_ohio_split_screens::after {
content: 'Sorry, but this shortcode can be properly edited in the Backend Editor only.';
position: absolute;
font-family: var(--clb-body-font-family);
font-weight: var(--clb-text-medium);
display: block;
padding: 0px 20%;
color: inherit;
top: 50%;
transform: translateY(-50%);
width: 100%;
left: 0;
text-align: center;
z-index: 10001;
}
.vc_row.stc-row {
margin-bottom: 5vh;
}
.vc_row.stc-row .heading:not(.heading-reset) h2 {
margin-bottom: 40px;
font-size: 26px;
}
@media (min-width: 768px) {
div[class*='vc_col-sm-'] {
float: left;
}
.vc_col-sm-1 {
width: calc(100%/12 * 1);
}
.vc_col-sm-2 {
width: calc(100%/12 * 2);
}
.vc_col-sm-3 {
width: calc(100%/12 * 3);
}
.vc_col-sm-4 {
width: calc(100%/12 * 4);
}
.vc_col-sm-5 {
width: calc(100%/12 * 5);
}
.vc_col-sm-6 {
width: calc(100%/12 * 6);
}
.vc_col-sm-7 {
width: calc(100%/12 * 7);
}
.vc_col-sm-8 {
width: calc(100%/12 * 8);
}
.vc_col-sm-9 {
width: calc(100%/12 * 9);
}
.vc_col-sm-10 {
width: calc(100%/12 * 10);
}
.vc_col-sm-11 {
width: calc(100%/12 * 11);
}
.vc_col-sm-12 {
width: calc(100%/12 * 12);
}
}
@media screen and (min-width: 769px) {
.vc_row:not(.-nospace).portfolio-grid,
.vc_row:not(.-nospace).blog-posts,
.vc_row:not(.-nospace).archive-holder {
margin-top: var(--clb-grid-gutter-negative);
}
.vc_row:not(.-nospace).portfolio-grid + .pagination-standard,
.vc_row:not(.-nospace).portfolio-grid + .lazy-load,
.vc_row:not(.-nospace).portfolio-grid + .holder,
.vc_row:not(.-nospace).blog-posts + .pagination-standard,
.vc_row:not(.-nospace).blog-posts + .lazy-load,
.vc_row:not(.-nospace).blog-posts + .holder,
.vc_row:not(.-nospace).archive-holder + .pagination-standard,
.vc_row:not(.-nospace).archive-holder + .lazy-load,
.vc_row:not(.-nospace).archive-holder + .holder {
margin-top: var(--clb-grid-gutter-negative);
}
.row-bg-lines {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
display: grid;
grid-auto-flow: column;
margin: auto !important;
padding: 0 var(--clb-grid-gutter) !important;
width: var(--clb-container-width);
}
.row-bg-lines li {
height: 100%;
justify-self: stretch;
border-right-width: 1px;
border-right-style: solid;
border-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
}
.row-bg-lines li:first-child {
border-left-width: 1px;
border-left-style: solid;
}
.row-bg-text {
position: absolute;
top: 0;
font-size: 5vw;
font-weight: var(--clb-text-semi-bold);
line-height: var(--clb-titles-h1-line-height);
letter-spacing: var(--clb-titles-h1-letter-spacing);
font-family: var(--clb-titles-font-family);
color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
transform-origin: 0 0;
}
.row-bg-text.left {
transform: rotate(-90deg) translateX(-100%) translateY(-100%);
}
.row-bg-text.right {
left: var(--clb-container-width);
transform: rotate(-90deg) translateX(-100%) translateY(0%);
}
.-full-w .row-bg-text.left {
transform: rotate(-90deg) translateX(-100%) translateY(0%);
}
.-full-w .row-bg-text.right {
left: 100%;
transform: rotate(-90deg) translateX(-100%) translateY(-100%);
}
.grid-item:not(.-nospace).-nospace-grid-6:not(:first-child) {
padding-top: 0;
}
.grid-item:not(.-nospace).-nospace-grid-6:not(:last-child) {
padding-bottom: 0;
}
.-sticky-block,
.-sticky-block > .vc_column-inner > .wpb_wrapper {
position: sticky !important;
z-index: 2;
top: 0;
}
.page-content {
width: 100%;
}
.page-content.-with-left-sidebar {
width: 75%;
float: right;
padding-left: calc(var(--clb-spacer-4) / 2);
}
.page-content.-with-right-sidebar {
width: 75%;
float: left;
padding-right: calc(var(--clb-spacer-4) / 2);
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .page-container,
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .site-content .page-container,
.woocommerce-page:not(.archive):not(.single) .page-headline .page-container,
.woocommerce-page:not(.archive):not(.single) .site-content .page-container {
padding-left: var(--clb-container-narrow-side-spacer);
padding-right: var(--clb-container-narrow-side-spacer);
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline:not(.-full-vh) .title,
.woocommerce-page:not(.archive):not(.single) .page-headline:not(.-full-vh) .title {
max-width: 100%;
}
.page-sidebar.-left {
padding-right: var(--clb-spacer-1);
}
.page-sidebar.-right {
padding-left: var(--clb-spacer-1);
}
.nav {
display: flex;
}
.header .desktop-hamburger {
min-width: var(--clb-circle);
}
.header .desktop-hamburger.-left {
margin-right: var(--clb-spacer-3);
}
.header .desktop-hamburger.-right {
margin-left: var(--clb-spacer-3);
}
.header.header-4 .menu-blank {
margin-left: 7.5rem;
transform: translateX(var(--clb-grid-gutter));
}
.header.header-5:not(.-mobile) .header-wrap .top-part .desktop-hamburger {
min-width: unset;
}
.header.header-6 .top-part-inner.-left .hamburger-outer {
padding-right: unset;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional .holder,
.header:not(.-mobile).header-6 .bottom-part .menu-optional .search-global,
.header:not(.-mobile).header-6 .bottom-part .menu-optional .favorites-global,
.header:not(.-mobile).header-6 .bottom-part .menu-optional .account-global,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .holder,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .search-global,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .favorites-global,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .account-global {
transform-origin: left bottom;
transform: rotate(90deg) translate(-100%, 0);
}
.site-footer .page-container > .holder {
margin-top: -4rem;
display: flex;
align-items: center;
}
.icon-button.-large {
min-width: var(--clb-circle-large);
width: var(--clb-circle-large);
height: var(--clb-circle-large);
}
.blog-item.-layout3 > a {
min-width: 50%;
max-width: 50%;
}
.blog-item.-layout3,
.blog-item.-layout5 {
display: flex;
}
.blog-item.-layout3 > a,
.blog-item.-layout5 > a {
display: block;
}
.blog-item.-layout3 .card-details,
.blog-item.-layout5 .card-details {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.blog-item.-layout3:not(.-contained) .card-details,
.blog-item.-layout5:not(.-contained) .card-details {
padding-top: 0;
}
.blog-item.-layout3.-contained .image-holder,
.blog-item.-layout5.-contained .image-holder {
border-bottom-left-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.blog-item.-layout3.-contained .card-details,
.blog-item.-layout5.-contained .card-details {
padding-top: var(--clb-spacer-5);
border-bottom-right-radius: var(--clb-border-radius);
border-top-right-radius: var(--clb-border-radius);
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.blog-item.-layout3:not(.-contained) .card-details,
.blog-item.-layout5:not(.-contained) .card-details {
padding-left: var(--clb-spacer);
}
.blog-item.-layout5 > a {
min-width: 38%;
max-width: 38%;
}
.blog-item.-layout6:not(.-contained) .image-holder {
display: none;
}
.blog-item.-layout6.-contained .card-details {
padding: var(--clb-spacer);
}
.blog-item.-layout6.-contained .image-holder > img,
.blog-item.-layout6.-contained .image-holder > iframe {
opacity: 0;
visibility: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.blog-item.-layout6.-contained:hover .image-holder > img,
.blog-item.-layout6.-contained:hover .image-holder > iframe,
.blog-item.-layout6.-contained:hover .image-holder > .overlay {
opacity: 1;
visibility: visible;
}
.blog-item.-layout6.-contained:hover * {
color: var(--clb-color-white);
}
.blog-item.-layout6 .card-details {
position: relative;
z-index: 1;
display: flex;
}
.blog-item.-layout6 .card-details-item {
margin: 0;
}
.blog-item.-layout6 .card-details-item .headline-meta {
flex-wrap: nowrap;
}
.blog-item.-layout6 .card-details-item:nth-child(1) {
min-width: 25%;
}
.blog-item.-layout6 .card-details-item:nth-child(2) {
flex-grow: 2;
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.blog-item.-layout6 .image-holder {
position: absolute;
left: 0;
right: 0;
padding: 0;
height: 100%;
border-radius: var(--clb-border-radius);
}
.blog-item.-layout6 .image-holder > .overlay {
opacity: 0;
visibility: hidden;
}
.blog-item.-layout6 .image-holder img,
.blog-item.-layout6 .image-holder iframe {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.blog-item.-layout7 {
display: flex;
}
.blog-item.-layout7 .read-more {
position: absolute;
right: 0;
top: calc(var(--clb-grid-gutter) * 2);
z-index: 1;
}
.blog-item.-layout7 > a,
.blog-item.-layout7 .card-details {
transform-style: preserve-3d;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-duration: calc(var(--clb-transition-duration) * 1.5);
}
.blog-item.-layout7.-metro > a:not(.read-more) {
display: block;
opacity: 0;
min-width: calc((100% - var(--clb-grid-gutter)) / 3);
transform: translate3d(-100%, 0px, 0px);
}
.blog-item.-layout7.-metro .card-details {
transform: translate3d(calc((-100% - var(--clb-grid-gutter)) / 2 + var(--clb-grid-gutter)), 0px, 0px);
}
.blog-item.-layout7.-metro .image-holder {
padding-bottom: 55%;
}
.blog-item.-layout7 .card-details {
width: 100%;
}
.blog-item.-layout7:not(.-contained).-metro > a:not(.read-more) {
padding-right: var(--clb-grid-gutter);
}
.blog-item.-layout7:not(.-contained) .card-details {
padding-top: 0 !important;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.blog-item.-layout7.-contained {
background-color: var(--clb-fill-color);
}
.blog-item.-layout7.-contained .read-more {
right: var(--clb-grid-gutter);
top: var(--clb-grid-gutter);
}
.blog-item.-layout7:hover:not(.-contained) .card-details {
padding-left: var(--clb-grid-gutter);
}
.blog-item.-layout7:hover > a:not(.read-more) {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
.blog-item.-layout7:hover .card-details {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
.single-post .single-post-layout.-with-sharing .breadcrumb-holder {
padding-top: 0;
}
.single-post .single-post-layout .share-bar {
left: var(--clb-spacer-negative);
transform: translateX(-100%);
}
.single-post .single-post-layout.-layout2 .page-headline > .holder .title,
.single-post .single-post-layout.-layout2 .page-headline > .holder .post-meta-holder {
max-width: 85%;
}
.single-post .author-container .widget_ohio_widget_about_author .holder {
flex-direction: row;
}
.single-post .author-container .widget_ohio_widget_about_author .avatar {
min-width: var(--clb-circle-large);
}
.single-post .author-container .widget_ohio_widget_about_author .social-networks {
flex-direction: column;
}
.comments .comment-body {
padding-left: calc(var(--clb-circle) + var(--clb-spacer-3));
}
.comments .comment-body .comment-author > img {
position: absolute;
top: 0;
left: 0;
}
.comments .comment-respond .comment-form {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}
.comments .comment-respond .comment-form > p:not(.form-submit) {
margin: 0 0 var(--clb-spacer-3) 0;
}
.comments .comment-respond .comment-form > p.form-submit {
margin: 0;
}
.comments .comment-respond .comment-form > p.comment-notes {
margin-top: 0;
}
.comments .comment-respond .comment-form > p:not(.comment-form-comment) {
width: calc((100% / 3) - var(--clb-spacer-3));
}
.project-content:not(.-with-slider) .holder {
padding-top: var(--clb-grid-gutter-5x);
padding-bottom: var(--clb-grid-gutter-5x);
}
.portfolio-item.-layout3 .project-content,
.portfolio-item.-layout5 .project-content,
.portfolio-item.-layout6 .project-content {
justify-content: flex-end;
}
.portfolio-item.-layout5 .overlay {
width: 50%;
height: 100%;
}
.portfolio-item.-layout6 .overlay {
padding: 0 calc(var(--clb-side-elements-height) + var(--clb-spacer) * 2);
}
.portfolio-item.-layout7 .portfolio-item-image {
width: 50vw;
height: auto;
z-index: 2;
top: 20vh;
bottom: 20vh;
}
.portfolio-item.-layout7:not(.-full-vh) .portfolio-item-image {
top: 0;
bottom: 0;
}
.portfolio-item.-layout7 .overlay {
height: 100%;
}
.portfolio-item.-layout9 .portfolio-item-image::before {
display: none;
}
.portfolio-item.-layout9 .project-content .project-details {
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-font-size-large);
}
.portfolio-item.-layout10 .portfolio-item-image {
transform: scale(0.9);
}
.portfolio-item.-layout10 .project-content {
justify-content: center;
}
.portfolio-links.grid_8 .grid-item .portfolio-item .category-holder {
transform: translateY(calc(var(--clb-spacer-05) * (-1)));
}
.grid_13.-reversed .grid-item:nth-child(2n) .-layout13 {
flex-direction: row-reverse;
}
.grid_13 .grid-item.vc_col-lg-12 .-layout13 .card-image {
min-width: calc(((100% / 3) * 2) - var(--clb-grid-gutter));
width: calc(((100% / 3) * 2) - var(--clb-grid-gutter));
}
.grid_13 .grid-item.vc_col-lg-2 .-layout13 .card-image,
.grid_13 .grid-item.vc_col-lg-3 .-layout13 .card-image,
.grid_13 .grid-item.vc_col-lg-4 .-layout13 .card-image,
.grid_13 .grid-item.vc_col-lg-6 .-layout13 .card-image {
min-width: calc((100% / 2) - var(--clb-grid-gutter));
width: calc((100% / 2) - var(--clb-grid-gutter));
}
.project.-layout1 .share-bar {
top: var(--clb-spacer);
left: var(--clb-spacer);
margin-left: var(--clb-grid-gutter);
}
.project.-layout2 .share-bar {
top: var(--clb-spacer);
right: var(--clb-spacer);
margin-right: var(--clb-grid-gutter);
}
.project.-layout5 .project-content .project-task {
margin-top: 0;
}
.project.-layout8 .video-holder.-cover iframe {
width: 130%;
transform: translate(-15%, -50%);
}
.project.-layout8 .overlay {
width: 50%;
}
.project.-layout8 .share-bar {
bottom: 0 !important;
}
.project.-layout9 .project-content .project-task {
margin-top: 0;
}
.project.-layout10 .share-bar {
margin-top: var(--clb-grid-gutter);
right: unset;
bottom: unset;
position: relative;
}
.project.-layout10 .share-bar .social-networks {
background-color: var(--clb-fill-color);
}
.project.-layout10 .project-content {
top: 0;
width: 50%;
height: 100vh;
position: absolute;
}
.project.-layout10 .project-content .holder {
z-index: 1;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 6vh;
background-color: rgba(255, 255, 255, 0.95);
}
.project.-layout1 .holder,
.project.-layout3 .holder {
padding-left: calc(3vw - var(--clb-spacer-3));
}
.project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar,
.project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
position: fixed;
z-index: 10;
}
.project.-layout6 .video-holder,
.project.-layout9 .video-holder {
height: 100vh;
}
.project.-layout6 .video-holder.-cover iframe,
.project.-layout9 .video-holder.-cover iframe {
height: 110%;
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout1 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout3 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout4 .project-content {
margin-top: var(--clb-header-height);
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7):not(.with-headline) .project.-layout2 {
margin-top: var(--clb-header-height);
}
.slide-in.admin-bar .slide-in-overlay,
.slide-in.admin-bar .slide-in-overlay .overlay,
.is-mobile-menu.admin-bar .slide-in-overlay,
.is-mobile-menu.admin-bar .slide-in-overlay .overlay {
height: calc(100% - var(--clb-admin-bar-height));
top: var(--clb-admin-bar-height);
}
.slide-in .slide-in-overlay .close-bar,
.slide-in .slide-in-overlay .holder {
width: var(--clb-slide-in-panel-width);
}
.ordering-filters-holder .close-bar {
display: none;
}
.ordering-filters-holder select {
max-width: 8rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ordering-filters-holder .result {
white-space: nowrap;
}
.ordering-filters-holder .result + select,
.ordering-filters-holder .result + .woocommerce-ordering select {
margin-left: var(--clb-spacer-3);
}
.ordering-filters > select:nth-of-type(1) {
min-width: 7.25rem;
}
.ordering-filters > select:nth-of-type(2) {
max-width: 5rem;
}
.ordering-filters > select:nth-of-type(3) {
max-width: 6.25rem;
}
.popup-subscribe {
width: 770px;
}
.popup-subscribe.-left-image > *,
.popup-subscribe.-right-image > * {
min-width: 50%;
}
.popup-subscribe.-left-image .thumbnail + .holder,
.popup-subscribe.-right-image .thumbnail + .holder {
padding-top: 3rem;
padding-bottom: 3rem;
}
.popup-subscribe.-right-image {
flex-direction: row-reverse;
}
.popup-subscribe.-top-image {
flex-direction: column;
}
.popup-subscribe.-bottom-image {
flex-direction: column-reverse;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap img,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap img {
margin-top: 3rem;
}
.clb-gallery-lightbox .clb-slider {
max-width: 70%;
}
.empty-state {
max-width: 500px;
}
.empty-state .search {
max-width: 18rem;
}
.sticky-nav-holder {
border-radius: var(--clb-border-radius);
}
.social-networks.-boxed .network .icon {
font-size: 1.25em;
}
.tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) {
margin-right: var(--clb-spacer-4);
}
.tabs.-vertical {
display: flex;
align-items: flex-start;
}
.tabs.-vertical .tabs-nav {
width: auto;
margin-right: var(--clb-spacer-5);
flex-direction: column;
}
.tabs.-vertical .tabs-nav-link {
width: 100%;
}
.tabs.-vertical .tabs-nav-line {
top: 0;
left: auto;
right: 0;
}
.tabs.-vertical:not(.-with-button) .tabs-nav-line {
border-right: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-black-light);
}
.tabs.-vertical .tabs-content {
width: auto;
flex-grow: 2;
}
.tabs.-vertical:not(.-contained):not(.-with-button) .tabs-nav-link {
padding: 0;
padding-right: var(--clb-spacer-3);
}
.tabs.-vertical.-with-button .tabs-nav-link {
width: 100%;
justify-content: center;
}
.tabs.-vertical.-with-button .tabs-nav-line {
width: 100%;
}
.wc-category:not(.-offset) .image-holder,
.wc-category:not(.-offset) .wc-category-content {
width: 50%;
}
.wc-category.-offset .card {
flex-direction: row-reverse;
}
.wc-category.-offset .image-holder {
width: calc(100% - 7.5em);
}
.wc-category.-offset .image-holder img {
border-radius: var(--clb-border-radius);
}
.wc-category.-offset .wc-category-content {
top: 0;
bottom: 0;
left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
position: absolute;
max-width: 50%;
}
.dark-scheme .portfolio-item.-with-gradient.-layout10 .portfolio-item-image::before {
background: var(--clb-color-black-rgb);
background: linear-gradient(90deg, rgba(var(--clb-color-black-rgb), 0.85) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.-inline-flex.-right > .button {
margin-left: var(--clb-spacer-1);
}
.-right-md {
text-align: right;
}
.clb__section > .e-con-inner > .e-child > .e-con-inner {
gap: unset;
}
rs-slide sr7-row.sr7-layer,
sr7-slide sr7-row.sr7-layer {
padding: 0 var(--clb-container-offset) !important;
}
.with-spacer.with-header-5 sr7-content sr7-row.sr7-layer {
padding: 0 calc(var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) !important;
}
.with-spacer.with-header-6 sr7-content sr7-row.sr7-layer,
.with-spacer.with-header-7 sr7-content sr7-row.sr7-layer {
padding: 0 calc(var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) !important;
}
.vc_row-o-equal-height.clb__md_vertical_stretch > .wpb_column > .vc_column-inner > .wpb_wrapper {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.vc_row-o-equal-height.clb__md_vertical_stretch > .wpb_column > .vc_column-inner > .wpb_wrapper::after {
display: none;
}
}
@media (min-width: 769px) {
div[class*='vc_col-md'] {
float: left;
}
.vc_col-md-1 {
width: calc(100%/12 * 1);
}
.vc_col-md-2 {
width: calc(100%/12 * 2);
}
.vc_col-md-3 {
width: calc(100%/12 * 3);
}
.vc_col-md-4 {
width: calc(100%/12 * 4);
}
.vc_col-md-5 {
width: calc(100%/12 * 5);
}
.vc_col-md-6 {
width: calc(100%/12 * 6);
}
.vc_col-md-7 {
width: calc(100%/12 * 7);
}
.vc_col-md-8 {
width: calc(100%/12 * 8);
}
.vc_col-md-9 {
width: calc(100%/12 * 9);
}
.vc_col-md-10 {
width: calc(100%/12 * 10);
}
.vc_col-md-11 {
width: calc(100%/12 * 11);
}
.vc_col-md-12 {
width: calc(100%/12 * 12);
}
.vc_col-md-push-1 {
left: calc(100%/12 * 1);
position: relative;
}
.vc_col-md-push-2 {
left: calc(100%/12 * 2);
position: relative;
}
.vc_col-md-push-3 {
left: calc(100%/12 * 3);
position: relative;
}
.vc_col-md-push-4 {
left: calc(100%/12 * 4);
position: relative;
}
.vc_col-md-push-5 {
left: calc(100%/12 * 5);
position: relative;
}
.vc_col-md-push-6 {
left: calc(100%/12 * 6);
position: relative;
}
.vc_col-md-push-7 {
left: calc(100%/12 * 7);
position: relative;
}
.vc_col-md-push-8 {
left: calc(100%/12 * 8);
position: relative;
}
.vc_col-md-push-9 {
left: calc(100%/12 * 9);
position: relative;
}
.vc_col-md-push-10 {
left: calc(100%/12 * 10);
position: relative;
}
.vc_col-md-push-11 {
left: calc(100%/12 * 11);
position: relative;
}
.vc_col-md-push-12 {
left: calc(100%/12 * 12);
position: relative;
}
}
@media screen and (min-width: 1181px) {
.page-container:not(.-full-w) .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) {
width: 100vw !important;
max-width: 100vw !important;
left: calc(var(--clb-container-offset) * (-1)) !important;
padding-left: var(--clb-container-offset) !important;
padding-right: var(--clb-container-offset) !important;
}
.page-container.-full-w .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) {
padding-left: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)) !important;
padding-right: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)) !important;
}
.boxed-container .page-container:not(.-full-w) .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) {
width: calc(100vw - var(--clb-container-side-spacer) * 2) !important;
max-width: calc(100vw - var(--clb-container-side-spacer) * 2) !important;
left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * (-1)) !important;
padding-left: calc(var(--clb-container-offset) - var(--clb-container-side-spacer)) !important;
padding-right: calc(var(--clb-container-offset) - var(--clb-container-side-spacer)) !important;
}
.with-spacer.with-header-5 .page-container .vc_row[data-vc-full-width="true"] {
width: calc(100vw - var(--clb-header-height-5)) !important;
max-width: calc(100vw - var(--clb-header-height-5)) !important;
}
.with-spacer.with-header-5 .page-container:not(.-full-w) .vc_row[data-vc-full-width="true"] {
left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * (-1)) !important;
}
.with-spacer.with-header-5 .page-container:not(.-full-w) .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) {
padding-left: calc(var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) !important;
padding-right: calc(var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) !important;
}
.with-spacer.with-header-5 .page-container.-full-w .vc_row[data-vc-full-width="true"] {
left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * (-1)) !important;
}
.with-spacer.with-header-6 .page-container .vc_row[data-vc-full-width="true"],
.with-spacer.with-header-7 .page-container .vc_row[data-vc-full-width="true"] {
width: calc(100vw - var(--clb-header-height-6)) !important;
max-width: calc(100vw - var(--clb-header-height-6)) !important;
}
.with-spacer.with-header-6 .page-container:not(.-full-w) .vc_row[data-vc-full-width="true"],
.with-spacer.with-header-7 .page-container:not(.-full-w) .vc_row[data-vc-full-width="true"] {
left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * (-1)) !important;
}
.with-spacer.with-header-6 .page-container:not(.-full-w) .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]),
.with-spacer.with-header-7 .page-container:not(.-full-w) .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) {
padding-left: calc(var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) !important;
padding-right: calc(var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) !important;
}
.with-spacer.with-header-6 .page-container.-full-w .vc_row[data-vc-full-width="true"],
.with-spacer.with-header-7 .page-container.-full-w .vc_row[data-vc-full-width="true"] {
left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * (-1)) !important;
}
.with-sticky-footer .site-content {
position: relative;
z-index: 1;
}
.with-sticky-footer .site-content:has(.slide-in-panel.visible) {
position: static;
}
.with-sticky-footer .site-content:has(.slide-in-panel.visible) + .site-footer {
z-index: -1;
}
.with-sticky-footer .site-footer {
width: auto;
position: fixed;
bottom: 0;
left: 0;
right: 0;
visibility: hidden;
}
.with-sticky-footer .site-footer.visible {
visibility: visible;
}
.single-post .entry-content h2:not(:first-child),
.single-post .entry-content h3:not(:first-child),
.page-id-124 .entry-content h2:not(:first-child),
.page-id-124 .entry-content h3:not(:first-child) {
margin-top: 3rem;
}
.single-post .entry-content h4:not(:first-child),
.single-post .entry-content h5:not(:first-child),
.single-post .entry-content h6:not(:first-child),
.page-id-124 .entry-content h4:not(:first-child),
.page-id-124 .entry-content h5:not(:first-child),
.page-id-124 .entry-content h6:not(:first-child) {
margin-top: 2.5rem;
}
.single-post .single-post-layout.-with-breadcrumbs:not(.-with-sharing) .breadcrumb-holder {
padding-top: 0;
}
.single-post .single-post-layout.-layout2.-with-sharing .vc_col-lg-6.-sticky-block {
width: 49%;
}
.single-post .single-post-layout.-layout2.-with-sharing .vc_col-lg-6.post-page-container {
width: 51%;
padding-left: calc(var(--clb-spacer) * 2);
display: flex;
align-items: flex-start;
}
.single-post .single-post-layout.-layout2.-with-sharing .share-bar {
position: relative;
transform: none;
}
.single-post .single-post-layout.-layout2 .-with-breadcrumbs .share-bar {
margin-top: 0;
}
.single-post .single-post-layout.-layout2 .-with-breadcrumbs .breadcrumb {
margin-top: -1.75rem;
}
.single-post .single-post-layout.-layout2 .page-headline.-full-vh {
align-items: flex-start;
}
.single-post .single-post-layout.-layout2 .page-headline > .holder {
padding-top: var(--clb-header-height);
padding-left: var(--clb-container-side-spacer);
}
.single-post .single-post-layout.-layout2 .post-page-container {
padding-top: var(--clb-header-height);
padding-left: var(--clb-spacer);
padding-right: var(--clb-container-side-spacer);
}
.single-post:not(.with-spacer) .-layout2 .post-page-container {
margin-top: var(--clb-header-height);
}
.portfolio-item.-layout4 .project-details {
margin-right: 35%;
}
.portfolio-item.-layout11 .card-details {
opacity: 0;
visibility: hidden;
position: fixed;
top: var(--clb-spacer-1);
left: var(--clb-spacer-3);
z-index: 10;
will-change: transform;
}
.portfolio-item.-layout11 .card-details.-center .category-holder {
align-self: center;
}
.portfolio-item.-layout11 .card-details.-right .category-holder {
align-self: flex-end;
}
.portfolio-item.-layout11 .title,
.portfolio-item.-layout11 .category-holder {
margin: 0;
padding: 0.2rem var(--clb-spacer-2);
width: fit-content;
color: var(--clb-color-white);
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
}
.portfolio-item.-layout11:hover .card-details {
opacity: 1;
visibility: visible;
}
.portfolio-item.-layout11:hover .card-details .category-holder {
transform: translateY(0px) !important;
opacity: 1 !important;
}
.project.-layout2 .holder,
.project.-layout4 .holder {
padding-right: calc(3vw - var(--clb-spacer-3));
}
.color-switcher:not(.-simple) {
min-width: 6.5rem;
}
.color-switcher-item-state svg {
margin-left: 0.2rem;
margin-right: -0.2rem;
}
.color-switcher:not(.dark):not(.-simple) .color-switcher-item.dark svg {
display: none;
}
.color-switcher.dark:not(.-simple) .color-switcher-item.light svg {
display: none;
}
.color-switcher.-simple {
height: 2rem;
border-radius: var(--clb-spacer-3);
}
.color-switcher.-simple:not(.dark) .color-switcher-toddler {
transform: translateX(-100%) !important;
}
.color-switcher.-simple.dark .color-switcher-toddler {
transform: initial !important;
}
.color-switcher.-simple .color-switcher-item-state svg {
margin: 0;
}
.color-switcher.-simple .color-switcher-item,
.color-switcher.-simple .color-switcher-toddler-item {
width: 2rem;
min-width: 2rem;
border-radius: var(--clb-spacer-3);
}
.with-header-2 .page-headline.without-cap {
padding-top: var(--clb-header-height-2);
}
.with-header-5:not(.with-post-type_2) .page-headline.without-cap,
.with-header-6:not(.with-post-type_2) .page-headline.without-cap,
.with-header-7:not(.with-post-type_2) .page-headline.without-cap {
padding-top: initial;
}
.boxed-container .offer-banner {
margin-left: calc(var(--clb-container-side-spacer) * (-1));
margin-right: calc(var(--clb-container-side-spacer) * (-1));
}
.post-password-form {
width: 50%;
}
.clb__narrow {
padding-inline-start: 4.1vw !important;
padding-inline-end: 4.1vw !important;
}
.clb__section:not(.wide).vc_section {
margin-left: 12vw !important;
margin-right: 12vw !important;
}
.clb__section:not(.wide).e-con {
margin-left: calc(12vw + var(--clb-grid-gutter)) !important;
margin-right: calc(12vw + var(--clb-grid-gutter)) !important;
}
.clb__section.wide.vc_section {
margin-left: 3vw !important;
margin-right: 3vw !important;
}
.clb__section.wide.e-con {
margin-left: calc(3vw + var(--clb-grid-gutter)) !important;
margin-right: calc(3vw + var(--clb-grid-gutter)) !important;
}
.elementor-page .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched {
width: 100vw !important;
left: calc(var(--clb-container-offset) * (-1)) !important;
}
.elementor-page .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width {
width: 100vw !important;
left: calc(var(--clb-container-offset) * (-1)) !important;
}
.elementor-page .page-container:not(.-full-w) .elementor-section .clb-slider .elementor-section.elementor-section-boxed.elementor-section-stretched {
width: unset !important;
left: unset !important;
}
.elementor-page .page-container:not(.-full-w) .elementor-section .clb-slider .elementor-section.elementor-section-stretched.elementor-section-full_width {
width: unset !important;
left: unset !important;
}
.elementor-page .page-container:not(.-full-w) .elementor-element .clb-slider .elementor-element.e-con-full.e-parent {
min-width: unset !important;
left: unset !important;
}
.elementor-page .page-container:not(.-full-w) .elementor > .e-con-full.e-parent,
.elementor-page .page-container:not(.-full-w) .elementor .e-con-full[data-nesting-level="0"].e-parent {
min-width: 100vw !important;
left: calc(var(--clb-container-offset) * (-1)) !important;
}
.elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container {
max-width: none;
}
.elementor-page .page-container.-full-w .elementor-section.elementor-section-stretched:not(.elementor-section-full_width) > .elementor-container {
padding-left: var(--clb-container-side-gutter);
padding-right: var(--clb-container-side-gutter);
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.elementor-page .page-container.-full-w .elementor-element.e-con-boxed {
--container-max-width: 100%;
}
.elementor-page .page-container.-full-w .elementor > .e-con-full.e-parent,
.elementor-page .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent {
min-width: 100vw !important;
left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * (-1)) !important;
}
.elementor-page .page-container.-full-w .elementor > .e-con-full.e-parent > .e-con-boxed,
.elementor-page .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent > .e-con-boxed {
padding-left: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter));
padding-right: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter));
}
.elementor-page .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched {
width: calc(100vw - var(--clb-container-side-spacer) * 2) !important;
left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * (-1)) !important;
}
.elementor-page .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width {
width: calc(100vw - var(--clb-container-side-spacer) * 2) !important;
left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * (-1)) !important;
}
.elementor-page .boxed-container .page-container:not(.-full-w) .elementor > .e-con-full.e-parent,
.elementor-page .boxed-container .page-container:not(.-full-w) .elementor .e-con-full[data-nesting-level="0"].e-parent {
min-width: calc(100vw - var(--clb-container-side-spacer) * 2) !important;
left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched {
padding-left: 0 !important;
width: calc(100vw - var(--clb-header-height-5)) !important;
left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched {
padding-left: 0;
}
.elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width {
width: calc(100vw - var(--clb-header-height-5)) !important;
left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-element.e-con-full.e-parent {
min-width: calc(100vw - var(--clb-header-height-5)) !important;
left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor-section.elementor-section-boxed.elementor-section-stretched,
.elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor-section.elementor-section-stretched.elementor-section-full_width {
max-width: calc(100vw - var(--clb-header-height-5)) !important;
left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor > .e-con-full.e-parent,
.elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent {
min-width: calc(100vw - var(--clb-header-height-5)) !important;
}
.elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched,
.elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched {
padding-left: 0 !important;
width: calc(100vw - var(--clb-header-height-6)) !important;
left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched,
.elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched {
padding-left: 0;
}
.elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width,
.elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width {
width: calc(100vw - var(--clb-header-height-6)) !important;
left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-element.e-con-full.e-parent,
.elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-element.e-con-full.e-parent {
min-width: calc(100vw - var(--clb-header-height-6)) !important;
left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor-section.elementor-section-boxed.elementor-section-stretched,
.elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor-section.elementor-section-stretched.elementor-section-full_width,
.elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor-section.elementor-section-boxed.elementor-section-stretched,
.elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor-section.elementor-section-stretched.elementor-section-full_width {
max-width: calc(100vw - var(--clb-header-height-6)) !important;
left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * (-1)) !important;
}
.elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor > .e-con-full.e-parent,
.elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent,
.elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor > .e-con-full.e-parent,
.elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent {
min-width: calc(100vw - var(--clb-header-height-6)) !important;
}
.elementor-element.e-con-full.e-parent[data-ohio-offset-column="yes"] > .e-child:first-of-type,
.elementor-element.e-con-full.e-parent[data-ohio-offset-column-left="yes"] > .e-child:first-of-type {
padding-left: var(--clb-container-offset);
}
.elementor-element.e-con-full.e-parent[data-ohio-offset-column="yes"][data-nesting-level="0"] > .elementor-shape + .e-child,
.elementor-element.e-con-full.e-parent[data-ohio-offset-column-left="yes"][data-nesting-level="0"] > .elementor-shape + .e-child {
padding-left: var(--clb-container-offset);
}
.elementor-element.e-con-full.e-parent[data-ohio-offset-column="yes"] > .e-child:last-of-type,
.elementor-element.e-con-full.e-parent[data-ohio-offset-column-right="yes"] > .e-child:last-of-type {
padding-right: var(--clb-container-offset);
}
.elementor-element.e-con-full.e-parent[data-ohio-offset-column="yes"][data-nesting-level="0"] > .e-child:nth-last-of-type(3n),
.elementor-element.e-con-full.e-parent[data-ohio-offset-column-right="yes"][data-nesting-level="0"] > .e-child:nth-last-of-type(3n) {
padding-right: var(--clb-container-offset);
}
.elementor-element[ohio-background-lines] > .e-child,
.elementor-element[ohio-background-lines] > .e-child > .e-con-inner {
position: static;
}
.vc_row.stc-row {
margin-right: 2vw;
margin-left: 2vw;
margin-bottom: var(--clb-header-height);
}
.vc_row.stc-row-wide {
margin-right: auto;
margin-left: auto;
}
.vc_row.stc-row-narrow {
margin-right: 10vw;
margin-left: 10vw;
}
}
@media (min-width: 1200px) {
.vc_hidden-lg {
display: none !important;
}
div[class*='vc_col-lg'] {
float: left;
}
.vc_col-lg-1 {
width: calc(100%/12 * 1);
}
.vc_col-lg-2 {
width: calc(100%/12 * 2);
}
.vc_col-lg-3 {
width: calc(100%/12 * 3);
}
.vc_col-lg-4 {
width: calc(100%/12 * 4);
}
.vc_col-lg-5 {
width: calc(100%/12 * 5);
}
.vc_col-lg-6 {
width: calc(100%/12 * 6);
}
.vc_col-lg-7 {
width: calc(100%/12 * 7);
}
.vc_col-lg-8 {
width: calc(100%/12 * 8);
}
.vc_col-lg-9 {
width: calc(100%/12 * 9);
}
.vc_col-lg-10 {
width: calc(100%/12 * 10);
}
.vc_col-lg-11 {
width: calc(100%/12 * 11);
}
.vc_col-lg-12 {
width: calc(100%/12 * 12);
}
.vc_col-lg-push-1 {
left: calc(100%/12 * 1);
position: relative;
}
.vc_col-lg-push-2 {
left: calc(100%/12 * 2);
position: relative;
}
.vc_col-lg-push-3 {
left: calc(100%/12 * 3);
position: relative;
}
.vc_col-lg-push-4 {
left: calc(100%/12 * 4);
position: relative;
}
.vc_col-lg-push-5 {
left: calc(100%/12 * 5);
position: relative;
}
.vc_col-lg-push-6 {
left: calc(100%/12 * 6);
position: relative;
}
.vc_col-lg-push-7 {
left: calc(100%/12 * 7);
position: relative;
}
.vc_col-lg-push-8 {
left: calc(100%/12 * 8);
position: relative;
}
.vc_col-lg-push-9 {
left: calc(100%/12 * 9);
position: relative;
}
.vc_col-lg-push-10 {
left: calc(100%/12 * 10);
position: relative;
}
.vc_col-lg-push-11 {
left: calc(100%/12 * 11);
position: relative;
}
.vc_col-lg-push-12 {
left: calc(100%/12 * 12);
position: relative;
}
}
@media screen and (min-width: 1441px) {
.single-post .single-post-layout.-layout2 .page-headline > .holder {
padding-left: 12.5vw;
}
.single-post .single-post-layout.-layout2 .post-page-container {
padding-right: 12.5vw;
}
}
@media screen and (min-width: 1600px) {
.boxed-container {
margin-left: var(--clb-container-side-spacer);
margin-right: var(--clb-container-side-spacer);
}
}
@media screen and (min-width: 1921px) {
.header:not(.-mobile) .menu > .nav-item > a {
padding: 0 0.85vw;
}
.header:not(.-mobile):not(.header-5) .nav.with-multi-level-indicators .menu > .nav-item > a {
padding: 0 0.55vw;
}
}
@media screen and (max-width: 1180px) {
:root {
--clb-grid-gutter-3x: var(--clb-grid-gutter-2x);
--clb-grid-gutter-4x: var(--clb-grid-gutter-3x);
--clb-grid-gutter-5x: var(--clb-grid-gutter-3x);
--clb-grid-gutter-6x: var(--clb-grid-gutter-3x);
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline:not(.-full-vh) .title,
.woocommerce-page:not(.archive):not(.single) .page-headline:not(.-full-vh) .title {
max-width: 85%;
}
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .page-headline .page-container,
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .site-content .page-container {
padding-left: var(--clb-container-narrow-side-spacer);
padding-right: var(--clb-container-narrow-side-spacer);
}
.header:not(.-mobile) .menu > .nav-item > a {
padding: 0 1.25vw;
}
.header:not(.-mobile) .menu .sub-menu-wide {
width: calc(100vw - var(--clb-grid-gutter-2x));
margin-left: calc((var(--clb-grid-gutter) - var(--clb-spacer-1)) * (-1));
}
.header:not(.-mobile):not(.header-5) .nav.with-multi-level-indicators .menu > .nav-item > a {
padding: 0 1vw;
}
.hamburger-nav .menu {
width: calc(100% / 3);
}
.hamburger-nav-details .details-column {
width: calc(100% / 3);
}
.hamburger-nav.type3 .menu .mega-menu-item > a {
font-size: 8vh;
}
.header.header-4 .top-part.page-container {
padding: 0;
}
.header.header-8 {
padding-left: 0;
padding-right: 0;
}
:not(.is-mobile-menu).with-header-5 .elements-bar.left .color-switcher {
top: calc((100vw - var(--clb-header-height-5)) - var(--clb-grid-gutter) * 2);
}
:not(.is-mobile-menu).with-header-6 .elements-bar.left .color-switcher,
:not(.is-mobile-menu).with-header-7 .elements-bar.left .color-switcher {
top: calc((100vw - var(--clb-header-height-6)) - var(--clb-grid-gutter) * 2);
}
.slider-with-bullets .color-switcher {
margin-top: calc(var(--clb-bullets-spacer) * -1);
}
.slider-with-bullets.with-mobile-switcher:not(.is-mobile-menu) .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn,
.slider-with-bullets.with-mobile-switcher:not(.is-mobile-menu) .clb-smooth-slider:not(.-slider-lightbox) .clb-slider-nav-btn {
display: none;
}
.subheader {
padding-right: var(--clb-grid-gutter);
padding-left: var(--clb-grid-gutter);
}
.site-footer .page-container .color-switcher .color-switcher-item.dark {
color: inherit !important;
}
.custom-cursor .circle-cursor {
display: none;
}
.single-post .single-post-layout.-layout2 > .vc_row {
margin-left: 0;
margin-right: 0;
}
.single-post .single-post-layout.-layout2 .-sticky-block.vc_col-lg-6 {
position: static !important;
}
.single-post .single-post-layout.-layout2 .-with-breadcrumbs .share-bar {
margin-top: 2rem;
}
.project-content {
padding: 3rem 0px;
}
.options-group {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.portfolio-item.-layout9 .next-slide-preview {
display: none;
}
.portfolio-item.-layout9 .image-holder + .vc_col-md-5 {
padding-right: calc(var(--clb-grid-gutter) + var(--clb-bullets-spacer));
}
.color-switcher {
background-color: color-mix(in srgb, var(--clb-color-neutral) 25%, var(--clb-color-white));
height: 2.25rem;
border-radius: 1.125rem;
}
.color-switcher:not(.-left):not(.-right) {
z-index: 100;
position: absolute;
}
.color-switcher svg {
transform: scale(1.1);
}
.color-switcher .caption {
display: none;
}
.color-switcher:not(.color-switcher-mobile) {
display: none;
}
.color-switcher.color-switcher-mobile.dark .color-switcher-toddler {
transform: initial !important;
}
.color-switcher-item,
.color-switcher-toddler-item {
padding: 0;
width: 2.25rem !important;
min-width: 2.25rem !important;
border-radius: 50%;
}
.color-switcher-toddler {
height: 2.25rem !important;
width: 2.25rem !important;
}
.color-switcher-toddler p {
width: 100% !important;
}
.color-switcher-toddler-item {
padding: 0;
}
.color-switcher-toddler-item {
box-shadow: 1px 1px 6px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
}
.color-switcher:not(.dark) .color-switcher-toddler {
transform: translateX(-100%) !important;
}
.color-switcher.dark {
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 92%, var(--clb-color-white));
}
.elements-bar {
min-height: unset;
width: 100vh;
}
.elements-bar.left .color-switcher {
top: calc(100vw - var(--clb-grid-gutter) * 2);
right: calc(100vh - var(--clb-container-side-spacer));
transform-origin: top left;
transform: rotate(90deg) translate(-100%, -100%);
}
.elements-bar.right .color-switcher {
bottom: calc(var(--clb-grid-gutter) * 2);
right: calc(100vh - var(--clb-grid-gutter) * 5);
transform-origin: top left;
transform: rotate(90deg) translate(0%, -100%);
}
.project-lightbox-gallery {
width: 50%;
}
.project-lightbox-details {
padding: var(--clb-header-height) 5vh;
width: 50%;
}
.clb-video-popup video {
height: auto;
width: 100%;
}
.page-headline {
min-height: 30vh;
margin-bottom: var(--clb-grid-gutter-negative);
}
.page-headline::before {
background-color: var(--clb-color-white);
width: 100%;
height: var(--clb-grid-gutter);
bottom: 0;
left: 0;
z-index: 2;
content: "";
display: block;
position: absolute;
border-top-right-radius: var(--clb-grid-gutter);
border-top-left-radius: var(--clb-grid-gutter);
}
.page-headline + .page-container:not(.post-page-container) {
padding-top: var(--clb-grid-gutter);
}
.sticky-nav {
max-width: 16rem;
}
body:not(.dark-scheme) .dynamic-typo .color-switcher .color-switcher-item.dark {
color: inherit !important;
}
.purchase-button {
display: none;
}
.clb__md_stretch_reset .stretch-content,
.clb__remove_stretch_md .stretch-content {
left: auto !important;
width: auto !important;
}
.clb__sm_padding_set.vc_section,
.clb__sm_padding_set.vc_row,
.clb__sm_padding_set > .vc_column-inner,
#page .clb__sm_padding_set.ohio-widget,
#page .clb__sm_padding_set > .content_box_container,
.clb__padding_set.vc_section,
.clb__padding_set.vc_row,
.clb__padding_set > .vc_column-inner,
#page .clb__padding_set.ohio-widget,
#page .clb__padding_set > .content_box_container {
padding-left: var(--clb-grid-gutter) !important;
padding-right: var(--clb-grid-gutter) !important;
}
.clb__sm_padding_reset.vc_section,
.clb__sm_padding_reset.vc_row,
.clb__sm_padding_reset > .vc_column-inner,
#page .clb__sm_padding_reset.ohio-widget,
#page .clb__sm_padding_reset > .content_box_container,
.clb__padding_reset.vc_section,
.clb__padding_reset.vc_row,
.clb__padding_reset > .vc_column-inner,
#page .clb__padding_reset.ohio-widget,
#page .clb__padding_reset > .content_box_container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 768px) {
.vc_row:not(.-nospace).portfolio-grid div[class*='vc_col-lg-']:first-child,
.vc_row:not(.-nospace).blog-posts div[class*='vc_col-lg-']:first-child,
.vc_row:not(.-nospace).archive-holder div[class*='vc_col-lg-']:first-child {
padding-top: 0;
}
.vc_row:not(.-nospace).portfolio-grid div[class*='vc_col-lg-']:last-child,
.vc_row:not(.-nospace).blog-posts div[class*='vc_col-lg-']:last-child,
.vc_row:not(.-nospace).archive-holder div[class*='vc_col-lg-']:last-child {
padding-bottom: 0;
}
.card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only) .card-details {
padding-top: var(--clb-spacer-3);
}
.card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only).-contained .card-details {
padding-bottom: var(--clb-spacer-3);
}
h1.heading-md,
h1.wc-prl-title,
h2.heading-md,
h2.wc-prl-title,
h3.heading-md,
h3.wc-prl-title,
h4.heading-md,
h4.wc-prl-title,
h5.heading-md,
h5.wc-prl-title,
h6.heading-md,
h6.wc-prl-title,
.font-titles.heading-md,
.font-titles.wc-prl-title,
.titles-typo.heading-md,
.titles-typo.wc-prl-title {
font-size: 1.35rem;
}
h4,
h5,
h6 {
line-height: var(--clb-titles-h5-line-height);
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline:not(.-full-vh) .title,
.woocommerce-page:not(.archive):not(.single) .page-headline:not(.-full-vh) .title {
max-width: 100%;
}
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .page-headline .page-container,
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .site-content .page-container {
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
}
.page-sidebar {
width: 100%;
order: 10;
margin: 40px 0px 0px 0px;
}
.page-container:not(.top-part),
.page-container .content-area {
width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
}
.nav.with-counters .nav-item:not(.version) > a > span::before {
display: none;
}
body:not(.page-is-loaded) .nav {
display: none;
}
.header .slide-in-overlay {
opacity: 0;
}
.hamburger-nav .menu .nav-item > a::before {
font-size: 11px;
}
.hamburger-nav.type3 > .page-container {
flex-direction: column;
}
.hamburger-nav.type3 .hamburger-nav-holder {
width: 100%;
}
.hamburger-nav.type3 .menu .mega-menu-item > a {
font-size: 9vw;
}
.hamburger-nav.type3 .hamburger-nav-details {
width: 100%;
padding-left: 0;
}
.header.header-2 .header-wrap .menu-optional {
min-width: auto !important;
}
.header.header-2 .branding + .menu-optional {
flex-grow: 2;
justify-content: flex-end;
}
.header {
opacity: 0;
transition-duration: 0.05s;
transition-timing-function: var(--clb-transition-function);
transition-property: opacity;
}
.header .lang-dropdown-holder {
display: none;
}
.header .lang-dropdown-holder + li {
padding-left: 0;
}
.header.header-6 .hamburger,
.header.header-7 .hamburger {
margin-right: 0.6rem;
}
.header.header-6 .mobile-hamburger.-right .hamburger,
.header.header-7 .mobile-hamburger.-right .hamburger {
margin-right: 0;
}
.header.header-6 .bottom-part .menu-optional a,
.header.header-6 .bottom-part .menu-optional .ion,
.header.header-7 .bottom-part .menu-optional a,
.header.header-7 .bottom-part .menu-optional .ion {
transition: none;
}
.header.mobile-hamburger-position-right .left-part .hamburger,
.header.mobile-hamburger-position-right .menu-optional-left .hamburger,
.header.mobile-hamburger-position-right .top-part .hamburger,
.header.mobile-hamburger-position-right .middle-part .hamburger {
display: none;
}
.header.mobile-hamburger-position-right .right-part .hamburger,
.header.mobile-hamburger-position-right .menu-optional-right .hamburger,
.header.mobile-hamburger-position-right .bottom-part .hamburger {
display: flex;
}
.header.mobile-hamburger-position-left .right-part .hamburger,
.header.mobile-hamburger-position-left .menu-optional-right .hamburger,
.header.mobile-hamburger-position-left .bottom-part .hamburger {
display: none;
}
.header.mobile-hamburger-position-left .left-part .hamburger,
.header.mobile-hamburger-position-left .menu-optional-left .hamburger,
.header.mobile-hamburger-position-left .top-part .hamburger,
.header.mobile-hamburger-position-left .middle-part .hamburger {
display: flex;
}
.header .logo.with-mobile {
display: none;
}
.header .logo-mobile {
display: flex;
align-items: center;
}
.header.header-2 .top-part,
.header.header-4 .top-part {
height: 100%;
}
.header.header-2 .menu-optional.-right,
.header.header-2 .menu-optional.-left,
.header.header-4 .menu-optional.-right,
.header.header-4 .menu-optional.-left {
display: flex;
align-items: center;
}
.header.header-2 .menu-optional.-right li,
.header.header-2 .menu-optional.-left li,
.header.header-4 .menu-optional.-right li,
.header.header-4 .menu-optional.-left li {
display: flex;
}
.branding .logo img,
.branding .logo-mobile img,
.branding .logo-dynamic img {
max-height: 46px;
}
:not(.is-mobile-menu).with-header-5 .header-cap,
:not(.is-mobile-menu).with-header-6 .header-cap,
:not(.is-mobile-menu).with-header-7 .header-cap {
display: block;
}
.admin-bar .header:not(.-sticky).-mobile .cart-mini {
margin-top: var(--clb-admin-bar-height-mobile);
}
.with-header-5.with-spacer .site-content,
.with-header-5.with-spacer .site-footer,
.with-header-6.with-spacer .site-content,
.with-header-6.with-spacer .site-footer,
.with-header-7.with-spacer .site-content,
.with-header-7.with-spacer .site-footer {
padding-left: 0 !important;
}
.with-subheader .cart-mini {
top: calc(var(--clb-header-height) + var(--clb-subheader-height) - var(--clb-spacer-3));
}
.with-subheader.with-offer-banner .cart-mini {
top: calc(var(--clb-header-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height) - var(--clb-spacer-3));
}
.with-offer-banner .cart-mini {
top: calc(var(--clb-header-height) + var(--clb-offer-banner-height) - var(--clb-spacer-3));
}
.subheader {
padding-right: 0;
padding-left: 0;
}
.site-footer .widgets-column:not(:last-child) {
margin-bottom: 2.5rem;
}
.site-footer-copyright .holder:not(.-center) {
flex-direction: column;
align-items: center;
}
.site-footer-copyright .holder:not(.-center) > div {
text-align: center;
}
.site-footer-copyright .holder:not(.-center) > div:not(:last-child) {
margin-bottom: var(--clb-spacer-1);
}
.alert.-fixed,
#yith-wcwl-popup-message.-fixed {
transform: none;
left: var(--clb-grid-gutter);
right: var(--clb-grid-gutter);
}
.blog-item .card-details-item .overlay-details {
display: none;
}
.blog-item.-layout6:not(.-contained) {
margin-bottom: var(--clb-grid-gutter);
}
.blog-item.-layout6:not(.-contained) .image-holder {
margin-top: var(--clb-grid-gutter);
}
.blog-item.-layout6 .read-more,
.blog-item.-layout7 .read-more {
position: absolute;
}
.blog-item.-layout6.-contained .read-more,
.blog-item.-layout7.-contained .read-more {
right: var(--clb-grid-gutter);
bottom: var(--clb-grid-gutter);
}
.blog-item.-layout6:not(.-contained) .read-more,
.blog-item.-layout7:not(.-contained) .read-more {
bottom: 0;
right: 0;
}
.grid-item.-nospace .blog-item.-layout6.-contained {
margin-bottom: calc(var(--clb-grid-gutter) * 2);
}
.single-post .single-post-layout.-with-sharing .post-page-container {
padding-top: var(--clb-grid-gutter);
}
.single-post .single-post-layout.-with-sharing:not(.-with-breadcrumbs) .share-bar {
margin-bottom: var(--clb-grid-gutter);
}
.single-post .single-post-layout .share-bar {
position: relative;
transform: none;
left: unset;
margin-top: unset;
}
.single-post .single-post-layout .share-bar .social-networks {
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: row;
}
.comments .comment-body .comment-author {
margin-bottom: var(--clb-spacer-3);
display: flex;
align-items: center;
}
.comments .comment-body .comment-author img {
margin-right: var(--clb-spacer-1);
}
.comments .children {
padding-left: var(--clb-grid-gutter);
}
.project .-with-slider .holder {
margin-right: var(--clb-bullets-spacer);
}
.project-content .options-group,
.project-content .project-task,
.project-content .button {
margin-top: var(--clb-spacer-6);
}
.options-group {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.portfolio-item.-with-slider .project-content {
padding-right: 3rem;
padding-left: 0;
}
.portfolio-item.-with-slider .project-content h3.headline {
font-size: 3.105rem;
}
.portfolio-item.-with-slider .headline-decor {
transform: rotate(-90deg);
transform-origin: left bottom;
left: calc(100% - 3rem);
bottom: var(--clb-spacer-3);
top: auto;
}
.portfolio-item.-with-slider .headline-decor .title {
font-size: 25vw;
}
.portfolio-item.-with-gradient .portfolio-item-image {
height: 45vh;
position: relative;
overflow: hidden;
}
.portfolio-item.-with-gradient .portfolio-item-image + .project {
min-height: 55vh;
}
.portfolio-item.-with-gradient .portfolio-item-image::before {
top: 35%;
width: 100%;
background: white;
background: linear-gradient(360deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.portfolio-item.-with-gradient .project-content {
top: -10vh;
}
.portfolio-item.-layout6 .overlay {
padding-left: var(--clb-grid-gutter);
}
.portfolio-item.-layout9 .image-holder + .vc_col-md-5 {
padding-right: var(--clb-grid-gutter);
}
.portfolio-item.-layout9 .page-container {
padding: 0;
}
.portfolio-item.-layout9 .project-content {
justify-content: flex-end;
flex-direction: column-reverse;
}
.portfolio-item.-layout9 .project-content .project-details {
padding-top: var(--clb-spacer-3);
}
.portfolio-item.-layout10 .preview {
padding: 0;
top: 0;
left: var(--clb-grid-gutter-negative);
right: var(--clb-grid-gutter);
}
.portfolio-item.-layout10 .project-content {
justify-content: flex-end;
}
.portfolio-item.-layout13 {
flex-direction: column;
}
.portfolio-item.-layout13:not(.-contained) .card-details {
padding-left: 0;
}
.portfolio-links.grid_8 .portfolio-grid {
display: flex;
flex-direction: column;
}
.portfolio-links.grid_12 .portfolio-item-details-headline::after {
font-size: .9em;
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a .title {
font-size: 14vw;
}
.portfolio-links.grid_12 .portfolio-item {
white-space: normal;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-details > a {
display: block;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-details .category-holder {
display: none;
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid {
transform: none;
overflow: visible;
position: relative !important;
top: auto !important;
height: auto !important;
left: var(--clb-grid-gutter);
max-width: 100%;
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid .grid-item {
padding: 0 0 var(--clb-spacer-05) var(--clb-grid-gutter) !important;
}
.portfolio-links.grid_12 .portfolio-grid-holder {
height: auto !important;
}
.portfolio-links.grid_12 .portfolio-grid-holder-underline {
bottom: auto;
top: 0;
}
.project.-layout8 .project-content {
padding-top: 2rem;
}
.project.-layout8 .project-gallery {
width: 100%;
}
.project.-layout8 .share-bar {
margin-top: 2rem;
position: static;
display: flex;
}
.project.-layout10 .share-bar {
transform: translateY(-100%);
top: -4.25rem;
}
.project.-layout10 .project-slider {
position: relative;
height: 50vh;
}
.project.-layout1 .share-bar,
.project.-layout2 .share-bar,
.project.-layout3 .share-bar,
.project.-layout4 .share-bar {
margin: 0;
top: var(--clb-grid-gutter);
position: absolute !important;
transform: none !important;
}
.project.-layout1 .share-bar,
.project.-layout3 .share-bar {
left: auto !important;
right: var(--clb-grid-gutter) !important;
}
.project.-layout1 .project-gallery,
.project.-layout2 .project-gallery {
padding-left: 0px;
padding-right: 0px;
}
.project.-layout2 .vc_row,
.project.-layout4 .vc_row {
display: flex;
flex-direction: column-reverse;
}
.project.-layout2 .share-bar,
.project.-layout4 .share-bar {
right: auto !important;
left: var(--clb-grid-gutter) !important;
}
.project.-layout3,
.project.-layout4 {
display: flex;
flex-direction: column-reverse;
}
.project.-layout3 .page-container + .vc_row,
.project.-layout4 .page-container + .vc_row {
margin: 0;
}
.single:not(.with-spacer) .page-headline + .-layout7,
.single:not(.with-spacer) .page-headline + .-layout3,
.single:not(.with-spacer) .page-headline + .-layout4 {
padding-top: 0;
}
.single-ohio_portfolio .project-title .headline {
font-size: 2.65rem !important;
}
.meta-holder {
font-size: var(--clb-font-size-small);
}
.social-bar {
display: none;
}
.slide-in.admin-bar .slide-in-overlay,
.slide-in.admin-bar .slide-in-overlay .overlay,
.is-mobile-menu.admin-bar .slide-in-overlay,
.is-mobile-menu.admin-bar .slide-in-overlay .overlay {
height: calc(100% - var(--clb-admin-bar-height-mobile));
top: var(--clb-admin-bar-height-mobile);
}
.clb-popup:not(.-slide-in) .clb-popup-holder {
padding: var(--clb-grid-gutter);
}
.clb-popup.-left-bottom {
padding: var(--clb-grid-gutter);
}
.clb-popup.-right-bottom {
left: var(--clb-grid-gutter);
}
.clb-popup {
overflow-y: auto;
}
.project-lightbox {
flex-direction: column;
}
.project-lightbox.visible {
overflow-y: scroll;
}
.project-lightbox::-webkit-scrollbar {
width: 0;
}
.project-lightbox-gallery {
width: 100%;
min-height: 50%;
}
.project-lightbox-details {
width: 100%;
height: auto;
padding: var(--clb-grid-gutter);
}
.popup-subscribe .thumbnail {
border-bottom-left-radius: 0px;
}
.popup-subscribe .contact-form input[type="email"] {
margin-bottom: 0;
}
.popup-subscribe {
flex-direction: column;
}
.popup-subscribe > * {
width: 100%;
}
.clb-video-popup iframe {
height: calc(100vh - var(--clb-header-height) - var(--clb-header-height));
}
.search-popup .holder {
max-width: 100%;
}
.page-headline .title,
.page-headline .post-meta-holder {
max-width: 100%;
}
.offer-banner.-fixed,
.offer-banner.-absolute {
position: relative;
}
.sticky-nav {
position: static;
max-width: 100%;
}
.sticky-nav .sticky-nav-holder {
padding-bottom: 2rem;
background-color: transparent;
border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-border-color);
}
.sticky-nav .nav-group {
margin-right: 0;
}
.horizontal-accordion {
flex-direction: column;
}
.horizontal-accordion .horizontal-accordion-item {
box-shadow: none;
}
.horizontal-accordion .horizontal-accordion-item .accordion-body {
padding-left: 0;
}
.call-to-action {
flex-direction: column;
}
.countdown:not(.-text) {
transform: scale(0.8);
}
.google-maps {
position: relative;
}
.parallax .parallax-content {
padding-left: var(--clb-spacer-5);
padding-right: var(--clb-spacer-5);
}
.service-table {
background-color: var(--clb-fill-color);
}
.clb-slider.-nav-inset .prev-btn,
.clb-slider.-nav-inset .next-btn {
transform: translate(0, calc(-50% - var(--clb-spacer-5)));
}
.clb-slider.-nav-inset .prev-btn {
left: var(--clb-spacer-1);
}
.clb-slider.-nav-inset .next-btn {
right: var(--clb-spacer-1);
}
.-slider-fs:not(.-slider-fs-10) .clb-slider-nav-btn {
left: 0;
right: auto;
padding: var(--clb-spacer-2);
}
.-slider-fs.-slider-fs-10 .clb-slider-nav-btn {
right: var(--clb-bullets-spacer);
}
.portfolio-onepage-slider.-full-vh {
height: 100vh;
}
.ohio-widget.ohio-slider .clb-slider-nav-btn {
left: auto;
}
.social-networks.-boxed .network {
height: 3.75em;
line-height: 3.75em;
}
.social-networks.-boxed .network span {
display: none;
}
.social-networks.-boxed .network .icon {
opacity: 1;
position: static;
}
.tabs-nav {
overflow-x: auto;
}
.tabs.-vertical .tabs-nav-link:not(:last-child) {
margin-right: var(--clb-spacer-4);
}
.tabs.-vertical .tabs-nav .tabs-nav-line {
height: 2px !important;
}
.team-group {
flex-direction: column;
}
.team-group-item {
flex: auto;
}
.team-group-item .-fade-up {
transform: none;
opacity: 1;
}
.wc-category .card {
flex-direction: column;
}
.wc-category.-offset .wc-category-content {
padding-top: var(--clb-grid-gutter);
}
.dark-scheme .woo-product-details {
background-color: var(--clb-dm-fill-color);
}
.dark-scheme .portfolio-item.-with-gradient .portfolio-item-image::before {
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 1) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark {
color: inherit;
}
.-inline-flex.-right > .button {
margin-right: var(--clb-spacer-1);
}
.clb__section.e-con {
margin-left: var(--clb-grid-gutter);
margin-right: var(--clb-grid-gutter);
}
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_inner {
gap: var(--clb-grid-gutter);
display: flex;
flex-direction: column;
}
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_inner::after,
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_inner::before {
display: none;
}
.clb__section .clb-gallery,
.clb__section .portfolio-projects,
.clb__section .blog-posts {
margin-bottom: var(--clb-grid-gutter);
}
rs-slide .srev_headline,
sr7-slide .srev_headline {
font-size: 46px !important;
line-height: .9 !important;
}
.clb__stretch_content .wpb_wrapper .vc_row-fluid,
.clb__stretch_content .elementor-widget-wrap .vc_row-fluid {
margin-left: -var(--clb-grid-gutter) !important;
margin-right: -var(--clb-grid-gutter) !important;
}
.clb__sm_stretch_reset .stretch-content,
.clb__remove_stretch_sm .stretch-content {
left: auto !important;
width: auto !important;
}
.clb__sm_section_spacer,
.clb__section_spacer {
height: 6vh !important;
}
.clb__sm_spacer,
.clb__spacer {
height: 4vh !important;
}
.clb__sm_overflow_hidden,
.clb__overflow_hidden {
overflow: hidden;
}
.clb__sm_fullvh_reset,
.clb__fullvh_reset {
min-height: initial !important;
}
.clb__sm_align_reset .ohio-widget-holder,
.clb__alignment_reset .ohio-widget-holder {
text-align: left;
}
.clb__sm_align_reset .ohio-widget-holder::after,
.clb__alignment_reset .ohio-widget-holder::after {
content: "";
display: table;
clear: both;
}
.clb__sm_align_reset.button,
.clb__alignment_reset.button {
float: left;
}
.clb__sm_align_reset.ohio-text-sc p,
.clb__alignment_reset.ohio-text-sc p {
text-align: left !important;
}
.clb__sm_border_reset,
.clb__sm_border_reset .vc_column-inner,
.clb__border_reset,
.clb__border_reset .vc_column-inner {
border: none !important;
}
.clb__sm_margin_set.vc_section,
.clb__sm_margin_set.vc_row,
.clb__sm_margin_set > .vc_column-inner,
#page .clb__sm_margin_set.ohio-widget,
.clb__sm_margin_set.wpb_single_image,
.clb__margin_set.vc_section,
.clb__margin_set.vc_row,
.clb__margin_set > .vc_column-inner,
#page .clb__margin_set.ohio-widget,
.clb__margin_set.wpb_single_image {
margin-left: var(--clb-grid-gutter) !important;
margin-right: var(--clb-grid-gutter) !important;
}
.clb__sm_margin_standard.vc_section,
.clb__sm_margin_standard.vc_row,
.clb__sm_margin_standard > .vc_column-inner,
#page .clb__sm_margin_standard.ohio-widget,
.clb__sm_margin_standard.wpb_single_image,
.clb__margin_standard.vc_section,
.clb__margin_standard.vc_row,
.clb__margin_standard > .vc_column-inner,
#page .clb__margin_standard.ohio-widget,
.clb__margin_standard.wpb_single_image {
margin-left: calc(var(--clb-grid-gutter) * -1) !important;
margin-right: calc(var(--clb-grid-gutter) * -1) !important;
}
.clb__sm_margin_reset.vc_section,
.clb__sm_margin_reset.vc_row,
.clb__sm_margin_reset > .vc_column-inner,
.clb__sm_margin_reset.wpb_single_image,
.clb__margin_reset.vc_section,
.clb__margin_reset.vc_row,
.clb__margin_reset > .vc_column-inner,
.clb__margin_reset.wpb_single_image {
margin-left: 0 !important;
margin-right: 0 !important;
}
.clb__sm_margin_vertical_reset > .vc_column-inner,
.clb__margin_vertical_reset > .vc_column-inner {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ohio-widget-holder:has(+ .ohio-widget-holder) {
margin-bottom: var(--clb-spacer-2);
}
.vc_row.stc-row {
margin-top: 2vh;
}
}
@media (max-width: 767px) {
.vc_hidden-xs {
display: none !important;
}
}
@media screen and (min-width: 1181px) and (max-width: 1440px) {
:root {
--clb-container-width: var(--clb-container-width-laptop);
--clb-spacer: var(--clb-grid-gutter);
}
.header:not(.-mobile) .menu li > ul .has-submenu-icon {
margin-right: var(--clb-spacer-3);
}
.with-header-5.single-post .post-share .share-bar {
left: var(--clb-spacer-2);
}
.with-header-6.single-post .post-share .share-bar,
.with-header-7.single-post .post-share .share-bar {
left: -2rem;
}
.portfolio-item.-layout3.-full-vh .project-content,
.portfolio-item.-layout5.-full-vh .project-content,
.portfolio-item.-layout6.-full-vh .project-content {
min-height: 70vh;
}
.portfolio-item.-layout4 .project-content {
padding-right: 12vw;
}
.portfolio-item.-layout9 .next-slide-preview {
transform: translate(-65%, -50%);
}
.portfolio-links.grid_12 .portfolio-grid-holder .grid-item {
padding: 0 0 0 1.5625rem !important;
}
.project-lightbox-details .options-group li {
min-width: calc((100%/3) - 1.75rem);
width: calc((100%/3) - 1.75rem);
}
.page-headline .title {
font-size: 4rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.vc_hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.vc_hidden-md {
display: none !important;
}
}
@media screen and (min-width: 1181px) and (max-width: 1580px) {
body.with-header-6.with-spacer .page-container:not(.-full-w),
body.with-header-6.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container,
body.with-header-7.with-spacer .page-container:not(.-full-w),
body.with-header-7.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container {
max-width: calc(100% + var(--clb-grid-gutter) * 2 - (var(--clb-side-elements-height) + var(--clb-spacer) * 2) * 2);
}
}
@media screen and (min-width: 1181px) and (max-width: 1840px) {
body.with-header-5.with-spacer .page-container:not(.-full-w),
body.with-header-5.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container {
max-width: calc(100% + var(--clb-grid-gutter) * 2 - (var(--clb-side-elements-height) + var(--clb-spacer) * 2) * 2);
}
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
.with-header-6:not(.with-spacer) .page-container:not(.-full-w),
.with-header-6:not(.with-spacer) .vc_row[data-vc-full-width]:not(.vc_row-no-padding),
.with-header-7:not(.with-spacer) .page-container:not(.-full-w),
.with-header-7:not(.with-spacer) .vc_row[data-vc-full-width]:not(.vc_row-no-padding) {
padding-left: calc(var(--clb-header-height-6) + var(--clb-grid-gutter));
}
.with-header-6:not(.with-spacer) .elementor-section-full_width > .elementor-container,
.with-header-6:not(.with-spacer) .elementor-section-stretched > .elementor-container,
.with-header-6:not(.with-spacer) .project.-layout4 .holder,
.with-header-7:not(.with-spacer) .elementor-section-full_width > .elementor-container,
.with-header-7:not(.with-spacer) .elementor-section-stretched > .elementor-container,
.with-header-7:not(.with-spacer) .project.-layout4 .holder {
padding-left: var(--clb-header-height-6);
}
.with-header-6:not(.with-spacer).single-post:not(.single-post-sidebar) .page-headline .page-container,
.with-header-7:not(.with-spacer).single-post:not(.single-post-sidebar) .page-headline .page-container {
padding-left: calc(var(--clb-header-height-6) + var(--clb-container-narrow-side-spacer));
}
.with-header-6:not(.with-spacer).single-post:not(.single-post-sidebar) .site-content .page-container,
.with-header-7:not(.with-spacer).single-post:not(.single-post-sidebar) .site-content .page-container {
padding-left: calc(var(--clb-header-height-6) + var(--clb-container-narrow-side-spacer));
}
}
@media screen and (min-width: 769px) and (min-width: 1181px) and (max-width: 1440px) {
.project.-layout6 .video-holder.-cover iframe,
.project.-layout9 .video-holder.-cover iframe {
width: 110%;
transform: translate(-5%, -50%);
}
}
@media screen and (min-width: 1181px) and (min-width: 1181px) and (max-width: 1440px) {
.elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container {
max-width: none;
}
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
[data-tilt="true"] {
will-change: auto !important;
transform: none !important;
}
}
.nav {
display: flex;
}
}
@media screen {
html:not(.no-js) {   }
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"],
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
opacity: 0;
transition-property: opacity, background-color, transform;
}
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate,
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
opacity: 1;
transform: none;
}
html:not(.no-js) [data-aos="fade-up"],
html:not(.no-js) [data-aos="slide-up"] {
transform: translate3d(0, 2rem, 0);
}
html:not(.no-js) [data-aos="fade-down"],
html:not(.no-js) [data-aos="slide-down"] {
transform: translate3d(0, -2rem, 0);
}
html:not(.no-js) [data-aos="fade-left"],
html:not(.no-js) [data-aos="slide-left"] {
transform: translate3d(2rem, 0, 0);
}
html:not(.no-js) [data-aos="fade-right"],
html:not(.no-js) [data-aos="slide-right"] {
transform: translate3d(-2rem, 0, 0);
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
transition-property: opacity, background-color, transform;
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
html:not(.no-js) [data-aos="zoom-in"] {
transform: scale(0.95);
}
html:not(.no-js) [data-aos="zoom-out"] {
transform: scale(1.05);
}
html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
backface-visibility: hidden;
transition-property: transform;
}
html:not(.no-js) [data-aos^="flip"][data-aos^="flip"].aos-animate {
transform: perspective(2500px) rotateX(0);
}
html:not(.no-js) [data-aos="flip-up"] {
transform: perspective(2500px) rotateX(-100deg);
}
html:not(.no-js) [data-aos="flip-down"] {
transform: perspective(2500px) rotateX(100deg);
}
}