@charset "UTF-8"; :root { --clb-color-primary: #db0a2d; --clb-color-primary-50: rgba(219, 10, 45, 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: #161519; --clb-color-overlay: #111013; --clb-color-grey: #635d6f; --clb-color-grey-light: #9690a2; --clb-color-success: #29a366; --clb-color-warning: #ec8013; --clb-color-danger: #db0a2d; --clb-color-neutral: #9690a2; --clb-selection-color: color-mix(in srgb, var(--clb-color-primary) 20%, transparent); --clb-placeholder-color: #635d6f; --clb-link-color: inherit; --clb-link-hover-color: var(--clb-color-primary); --clb-border-color: rgba(150, 144, 162, 0.15); --clb-button-color: var(--clb-color-black); --clb-video-button-color: var(--clb-button-color); --clb-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-dm-color-white: var(--clb-color-white); --clb-dm-fill-color: #161519; --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-icon-size: 1.4em; --clb-icon-size-small: 1.2em; --clb-icon-size-large: 1.6em; --clb-circle: 3.5rem; --clb-circle-small: 2.5rem; --clb-circle-extra-small: 2rem; --clb-circle-large: 4.5rem; --clb-button-height: 3rem; --clb-button-height-small: 2.125rem; --clb-button-height-large: 3.5rem; --clb-button-side-padding: 1.25rem; --clb-button-side-padding-small: 0.75rem; --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-sticky-header-height: 9vh; --clb-subheader-height: 2.375rem; --clb-header-border-style: hidden; --clb-header-border-width: 1px; --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: 3vh; --clb-spacer-negative: calc(var(--clb-spacer) * (-1)); --clb-grid-gutter: 1.25rem; --clb-grid-gutter-2x: 2rem; --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-container-side-spacer: 7.4vw; --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: 1300px; --clb-container-width-laptop: 1280px; --clb-container-width-laptop-small: 1220px; --clb-container-width-laptop-extra-small: 1140px; --clb-container-width-large: 1360px; --clb-transition-function: cubic-bezier(.645, .045, .355, 1); --clb-transition-duration: .35s; --clb-transition-duration-faster: .2s; --clb-transform-scale: scale3d(1.06, 1.06, 1.06); --clb-text-size-small: .95em; --clb-text-size-extra-small: .9em; --clb-text-size-large: 1.05em; --clb-text-size-mobile: 0.5rem; --clb-text-size-caption: 0.9rem; --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-font-size: 1.025rem; --clb-body-letter-spacing: initial; --clb-body-line-height: 1.66; --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: 1.25rem; --clb-titles-h6-font-size: var(--clb-text-size); --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-product-thumbnail: 4.25rem; } .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.blog-posts + .pagination-standard, .vc_row.blog-posts + .lazy-load, .vc_row.portfolio-grid + .pagination-standard, .vc_row.portfolio-grid + .lazy-load { margin-top: var(--clb-grid-gutter); } 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(0.75rem); 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: 0.35rem; 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-border-radius); } .card:not(.-contained).-with-shadow .image-holder { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); } .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-border-radius); } .card.-contained .card-details { background-color: var(--clb-fill-color); } .card.-contained.-with-shadow:not(.-layout13) { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); } .card.-img-scale:hover .image-holder img { transform: var(--clb-transform-scale); } .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(.-image-only) .card-details { padding-top: 1.5rem; } .card:not(.-with-overlay):not(.-image-only).-contained .card-details { padding-bottom: 1.5rem; padding-left: var(--clb-spacer); padding-right: var(--clb-spacer); } .card:not(.-layout4):not(.-layout6) .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: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); width: 100%; border: 0; height: 1px; margin: 0.5rem auto; display: block; } ul, ol { margin-bottom: 1.35em; padding-left: 2rem; } ul:not(.-unlist) > li, ol:not(.-unlist) > li { margin: 0.25rem 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-text-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: 1px solid var(--clb-border-color); border-bottom: 1px 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-text-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: 1.55rem; margin-bottom: var(--clb-spacer); } 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 { letter-spacing: -.045em; line-height: 1; font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size)); } h2 { letter-spacing: -.04em; line-height: 1.05; font-size: clamp(var(--clb-titles-h2-font-size-min), calc(3.15vw + 0.25rem), var(--clb-titles-h2-font-size)); } h3 { letter-spacing: -.035em; line-height: 1.15; font-size: clamp(var(--clb-titles-h3-font-size-min), calc(2.205vw + 0.25rem), var(--clb-titles-h3-font-size)); } h3:not(.title) + * { margin-top: 1rem; } h4 { letter-spacing: -.03em; line-height: 1.2; font-size: clamp(var(--clb-titles-h4-font-size-min), calc(1.5435vw + 0.25rem), var(--clb-titles-h4-font-size)); } h5 { letter-spacing: -.025em; line-height: 1.25; font-size: clamp(var(--clb-titles-h5-font-size-min), calc(1.25332vw + 0.25rem), var(--clb-titles-h5-font-size)); } h6 { font-size: var(--clb-titles-h6-font-size); letter-spacing: -.02em; line-height: 1.35; } 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 1.5rem; quotes: "" ""; position: relative; border-left: 0.25rem 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: 5px; font-weight: var(--clb-text-semi-bold); font-size: var(--clb-text-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-text-size-extra-small); background-color: var(--clb-fill-color); border-left: 5px solid var(--clb-fill-color); margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1rem; } 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-text-size-small); color: var(--clb-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-text-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: 0.25rem 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-grid-gutter); padding-right: var(--clb-grid-gutter); } .page-container:not(.-full-w), .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, .page-container:not(.-full-w) .entry-content > .elementor > .elementor-section.elementor-section-boxed > .elementor-container, .page-container:not(.-full-w) .entry-content > .elementor > .elementor-section.elementor-section-boxed > .elementor-container .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--clb-container-width); } .page-container.-full-w.-reset { padding-left: 0; padding-right: 0; } .page-container.top-offset { padding-top: var(--clb-grid-gutter-5x); } .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: -1.5rem; 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: -1.5rem; } .page-sidebar { float: right; position: relative; z-index: 1; width: calc(25% - 50px); 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); } .page-sidebar .widget { padding-top: 0; } .menu-blank.button { color: inherit; min-height: 2.75rem; padding: 0 1rem; border: 2px dashed rgba(236, 128, 19, 0.5) !important; } .menu-blank.button:hover { border: 2px 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: all 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); position: relative; font-weight: var(--clb-text-medium); height: 100%; } .nav .menu li { z-index: 11; } .nav.hidden { display: flex; align-items: center; } .nav a::before, .nav .close-bar { display: none; } .nav .mobile-overlay { display: block; } .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.75em; line-height: 0.6em; font-size: 0.6em; position: absolute; height: auto; opacity: .75; } .nav.hidden:not(.-visible) { display: none; } .header:not(.-mobile) .menu { min-height: 2.75rem; display: flex; align-items: stretch; } .header:not(.-mobile) .menu li { position: relative; padding: 0; } .header:not(.-mobile) .menu li span { white-space: normal; line-height: 1.3; } .header:not(.-mobile) .menu li .menu-chevron { margin-left: 2.5vw; display: inline-flex; vertical-align: middle; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header:not(.-mobile) .menu li > ul { width: auto; position: absolute; left: 0; top: 2.75rem; z-index: 10; margin: 0; background-color: var(--clb-color-white); min-width: 13.5rem; padding: 0.25rem; opacity: 0; visibility: hidden; transform-origin: 50% -50px; transform: perspective(400px) rotateX(-10deg); transition: all var(--clb-transition-function) var(--clb-transition-duration); 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); font-size: .98rem; } .header:not(.-mobile) .menu li > ul > li a { display: block; padding: 0.55rem 0.75rem; 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: -0.25rem; left: calc(100% + 0.25rem); } .header:not(.-mobile) .menu li > ul .has-submenu-icon { margin-right: 0.75rem; } .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 1.2vw; height: 100%; display: flex; align-items: center; } .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)); border-radius: var(--clb-border-radius-large); display: flex; align-items: flex-start; justify-content: center; } .header:not(.-mobile) .menu .sub-menu-wide > li { width: calc(100% / 6); } .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link { text-transform: uppercase; opacity: 0.65; font-size: .8em; font-weight: var(--clb-text-semi-bold); margin-bottom: 0.5rem; } .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link:hover { background: transparent; } .header:not(.-mobile) .menu .sub-menu-wide > li a { padding-left: 0.85rem; padding-right: 0.85rem; } .header:not(.-mobile) .menu .sub-menu-wide ul { padding: 0; box-shadow: none !important; position: static; transform: none; min-width: unset; } .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) .mobile-overlay { height: 100%; } .header:not(.-mobile) .mobile-overlay .lang-dropdown { display: none; } .header:not(.-mobile) .mobile-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.-mobile .menu-chevron { display: none; } .header.-mobile .menu li > ul { height: 0px; margin: 0; padding-left: 15px; overflow: hidden; font-size: 0.95em; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header.-mobile .menu li > ul.active { height: auto; } .header.-mobile .menu li > ul li { padding: 0; } .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 > .nav-item { font-size: var(--clb-text-size-large); position: relative; padding: 0; margin: 0 -20px; } .header.-mobile .menu > .nav-item a { display: block; line-height: 2em; padding: 5px 20px; position: relative; } .header.-mobile .menu > .nav-item a .has-submenu-icon { right: 0.25rem; 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 > .nav-item a .has-submenu-icon .icon svg { transform: none; } .header.-mobile .menu > .nav-item.active > a::before { content: ""; display: block; position: absolute; height: 100%; width: 2px; left: 0; top: 0; opacity: 1; background-color: currentColor; } .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 0.5rem; text-transform: uppercase; font-weight: var(--clb-text-medium); font-size: var(--clb-text-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-blank.-outlined, .hamburger-nav .lazy-load.-outlined .menu-blank.button:not(.-flat), .lazy-load.-outlined .hamburger-nav .menu-blank.button:not(.-flat), .hamburger-nav .pagination:not(.text-center).-outlined .menu-blank.button:not(.-flat), .pagination:not(.text-center).-outlined .hamburger-nav .menu-blank.button:not(.-flat) { 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: 5px 50px 5px 0px; list-style-type: none; line-height: 1; 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; } .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 { line-height: 1.2; display: inline-flex; vertical-align: middle; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .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:hover > a span { opacity: .5; transform: translateX(1rem); } .hamburger-nav .menu .mega-menu-item.active > a::before, .hamburger-nav .menu .mega-menu-item:hover > a::before { transform: translateX(1rem); 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 { font-size: var(--clb-text-size-small); padding-top: 2rem; padding-right: 2rem; flex-wrap: wrap; color: var(--clb-color-grey); 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: 1rem 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 .nav-item > a::before { margin-right: 0.5rem; } .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; 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 { padding: 0px 10px; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .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: -1rem; } .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-top: 20px; margin-bottom: 20px; } .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%; padding-left: 0; max-height: 80vh; } .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; } .hamburger-nav.type3 .menu .mega-menu-item > a span.cloned { width: 100%; -webkit-text-stroke: 1px currentColor; -webkit-text-fill-color: transparent; } .hamburger-nav.type3 .menu .mega-menu-item > a::before { left: 0; } .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; border-color: var(--clb-header-border-color); } .header:not(.header-sidebar) { border-bottom-style: var(--clb-header-border-style); border-bottom-width: var(--clb-header-border-width); } .header.header-sidebar { border-right-style: var(--clb-header-border-style); border-right-width: var(--clb-header-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: 0.75rem; } .header .desktop-hamburger.-right .hamburger-outer, .header .mobile-hamburger.-right .hamburger-outer { padding-left: 0.75rem; 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: 35vw; } .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: 1px 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 { position: absolute; left: 50%; transform: translateX(-50%); } .header.header-4 .left-part { display: flex; align-items: center; } .header.header-4 .left-part .desktop-hamburger { margin-right: 1rem; } .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); 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) .mobile-overlay { width: 100%; } .header.header-5:not(.-mobile) .menu { width: 100%; flex-direction: column; } .header.header-5:not(.-mobile) .menu li { font-size: var(--clb-text-size-large); font-weight: var(--clb-text-semi-bold); width: 100%; } .header.header-5:not(.-mobile) .menu li a { width: 100%; padding-top: 0.45rem; padding-bottom: 0.45rem; } .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-left: 0; padding-right: 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 0.75rem; 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: 0.75rem; 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:not(.-mobile).header-5, .header:not(.-mobile).header-6, .header:not(.-mobile).header-7 { border-right-width: 1px; } .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: 0.75rem; 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: 1rem; } .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-5 .header-wrap-inner, .header.-mobile.header-6 .header-wrap-inner, .header.-mobile.header-7 .header-wrap-inner { flex-direction: row; } .header.-mobile.header-5 .header-wrap-inner .top-part, .header.-mobile.header-5 .header-wrap-inner .middle-part, .header.-mobile.header-6 .header-wrap-inner .top-part, .header.-mobile.header-6 .header-wrap-inner .middle-part, .header.-mobile.header-7 .header-wrap-inner .top-part, .header.-mobile.header-7 .header-wrap-inner .middle-part { align-items: center; justify-content: flex-start; } .header.-mobile.header-5 .header-wrap-inner .middle-part, .header.-mobile.header-6 .header-wrap-inner .middle-part, .header.-mobile.header-7 .header-wrap-inner .middle-part { display: flex; } .header.-mobile.header-5 .header-wrap-inner .bottom-part, .header.-mobile.header-6 .header-wrap-inner .bottom-part, .header.-mobile.header-7 .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 { 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-header-border-width); position: fixed; top: 0; } .header.-sticky:not(.-fixed) { transform: translate3d(0, -100%, 0); opacity: 0; visibility: hidden; } .header.-sticky:not(.-fixed) .header-wrap { height: var(--clb-sticky-header-height); } .header.-sticky.showed { opacity: 1; visibility: visible; transform: none; z-index: 1000; transition-delay: 0.2s; 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, :not(.is-mobile-menu).with-header-5.with-spacer [data-vc-stretch-content], :not(.is-mobile-menu).with-header-5.with-spacer .elementor-section-stretched { 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 .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-6.with-spacer [data-vc-stretch-content], :not(.is-mobile-menu).with-header-6.with-spacer .elementor-section-stretched, :not(.is-mobile-menu).with-header-7.with-spacer .site-content, :not(.is-mobile-menu).with-header-7.with-spacer [data-vc-stretch-content], :not(.is-mobile-menu).with-header-7.with-spacer .elementor-section-stretched { 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 .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 .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; } :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] [data-vc-stretch-content], :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .elementor-section-stretched, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] [data-vc-stretch-content], :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .elementor-section-stretched, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] [data-vc-stretch-content], :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .elementor-section-stretched { padding-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: 0.75rem; } .is-mobile-menu .mobile-hamburger.-right { margin-left: 0.75rem; } .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-subheader .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-subheader-height)); } .admin-bar.with-header-sidebar .back-link { margin-top: var(--clb-admin-bar-height); } .subheader { background-color: var(--clb-fill-color); vertical-align: middle; cursor: var(--clb-cursor-default); position: relative; font-size: 0.85em; z-index: 10; } .subheader, .subheader a { color: var(--clb-color-grey); } .subheader .page-container { padding-top: 8px; padding-bottom: 8px; min-height: var(--clb-subheader-height); 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, .subheader ul li { display: flex; align-items: center; } .subheader ul.-left > li:not(:last-child)::after, .subheader ul.-right > li:not(:last-child)::after { content: ""; height: 1rem; width: 1px; background-color: var(--clb-color-grey); margin: 0px 0.5rem; display: block; } .subheader ul.-right, .subheader ul.-right li { flex-direction: row-reverse; } .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-copyright { font-size: var(--clb-text-size-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: 1px solid var(--clb-border-color); } .site-footer .page-container.-full-w { padding-left: var(--clb-spacer); padding-right: var(--clb-spacer); } .site-footer .page-container > .holder { padding: 1rem 0px; 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: 1rem var(--clb-grid-gutter); 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: -0.65rem -0.65rem -0.65rem 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: 0.75rem 1rem; font-size: var(--clb-text-size-small); line-height: var(--clb-text-line-heigth-small); } .alert.-large, #yith-wcwl-popup-message.-large { padding: 1.25rem 1.5rem; font-size: var(--clb-text-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 5px 15px 0px rgba(0, 0, 0, 0.1); } .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: 1.5rem; } .author-details { margin-top: var(--clb-gap-small); font-size: var(--clb-text-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, .tag, .tagcloud > a, .wp-block-tag-cloud > a, .testimonial-headline > b { font-weight: var(--clb-text-medium); gap: var(--clb-gap-small); padding: 0.35rem 0.65rem; line-height: 1; min-height: 1.625rem; font-size: var(--clb-text-size-caption); border-radius: var(--clb-border-radius); display: inline-flex; vertical-align: middle; align-items: 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, .lazy-load.-outlined .badge.button:not(.-flat), .pagination:not(.text-center).-outlined .badge.button:not(.-flat) { padding: 0.25rem 0.55rem; border: 2px solid currentColor; } .badge.-pill { margin-bottom: 0.75rem; border-radius: 0.8rem; } .badge.-pill.-inverse { color: var(--clb-color-white); } .badge.-pill > svg { fill: currentColor; margin-right: 0.25rem; } .tag, .tagcloud > a, .wp-block-tag-cloud > a, .testimonial-headline > b { background: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent); display: inline-flex; vertical-align: middle; align-items: center; } .tag > a, .tagcloud > a > a, .wp-block-tag-cloud > a > a, .testimonial-headline > b > a { background-image: none !important; } .tag:hover, .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; } .tag:not(.tag-sale):not(.in-stock):not(.out-of-stock).active, .tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover, .tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus, .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); } .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); flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: center; } .breadcrumb-holder { flex-grow: 2; font-size: var(--clb-text-size-small); padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; } .breadcrumb-item { font-size: var(--clb-text-size-small); 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%; } .btn, .button, a.button, .added_to_cart, button[type="submit"], input[type="submit"] { 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); cursor: var(--clb-cursor-pointer); border: 2px 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; } .btn.aos-animate, .button.aos-animate, a.button.aos-animate, .added_to_cart.aos-animate, button[type="submit"].aos-animate, input[type="submit"].aos-animate { transition-delay: 0s !important; } .btn svg, .button svg, a.button svg, .added_to_cart svg, button[type="submit"] svg, input[type="submit"] svg { fill: currentColor; } .btn > img.icon, .button > img.icon, a.button > img.icon, .added_to_cart > img.icon, button[type="submit"] > img.icon, input[type="submit"] > img.icon { max-height: 1.25em; } .btn > .spinner, .button > .spinner, a.button > .spinner, .added_to_cart > .spinner, button[type="submit"] > .spinner, input[type="submit"] > .spinner { color: currentColor; } .btn.-block, .button.-block, a.button.-block, .added_to_cart.-block, button[type="submit"].-block, input[type="submit"].-block { display: flex; align-items: center; } .btn:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), .button:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), a.button:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), .added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-pagination), input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-pagination) { color: var(--clb-color-white); } .btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover, .btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active, .btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus, .button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover, .button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active, .button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus, a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover, a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active, a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus, .added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover, .added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active, .added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus, button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover, button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active, button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus, input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover, input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active, input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus { background-color: var(--clb-button-hover-color); color: var(--clb-color-white); } .btn.-with-shadow:not(.-flat), .btn.-with-shadow.-flat:hover, .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, 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 5px 15px 0px rgba(0, 0, 0, 0.1); } .btn.-outlined, .lazy-load.-outlined .btn.button:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-flat), .button.-outlined, .lazy-load.-outlined .button:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-flat), a.button.-outlined, .lazy-load.-outlined a.button:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-flat), .added_to_cart.-outlined, .lazy-load.-outlined .added_to_cart.button:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-flat), button[type="submit"].-outlined, .lazy-load.-outlined button.button[type="submit"]:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-flat), input[type="submit"].-outlined, .lazy-load.-outlined input.button[type="submit"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-flat) { background-color: transparent; border-color: currentColor; } .btn.-outlined:not(.-pagination):hover, .lazy-load.-outlined .btn.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):hover:not(.-flat), .btn.-outlined:not(.-pagination):active, .lazy-load.-outlined .btn.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):active:not(.-flat), .btn.-outlined:not(.-pagination):focus, .lazy-load.-outlined .btn.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):focus:not(.-flat), .button.-outlined:not(.-pagination):hover, .lazy-load.-outlined .button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):hover:not(.-flat), .button.-outlined:not(.-pagination):active, .lazy-load.-outlined .button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):active:not(.-flat), .button.-outlined:not(.-pagination):focus, .lazy-load.-outlined .button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):focus:not(.-flat), a.button.-outlined:not(.-pagination):hover, .lazy-load.-outlined a.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):hover:not(.-flat), a.button.-outlined:not(.-pagination):active, .lazy-load.-outlined a.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):active:not(.-flat), a.button.-outlined:not(.-pagination):focus, .lazy-load.-outlined a.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):focus:not(.-flat), .added_to_cart.-outlined:not(.-pagination):hover, .lazy-load.-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat), .added_to_cart.-outlined:not(.-pagination):active, .lazy-load.-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat), .added_to_cart.-outlined:not(.-pagination):focus, .lazy-load.-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat), button[type="submit"].-outlined:not(.-pagination):hover, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat), button[type="submit"].-outlined:not(.-pagination):active, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat), button[type="submit"].-outlined:not(.-pagination):focus, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat), input[type="submit"].-outlined:not(.-pagination):hover, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat), input[type="submit"].-outlined:not(.-pagination):active, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat), input[type="submit"].-outlined:not(.-pagination):focus, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat) { border-color: currentColor; } .btn.-text, .button.-text, a.button.-text, .added_to_cart.-text, button[type="submit"].-text, input[type="submit"].-text { background-color: transparent; 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.6rem transparent; } .btn.-text:hover, .btn.-text:active, .btn.-text:focus, .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, 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.6rem var(--clb-fill-color); } .btn.-flat, .button.-flat, a.button.-flat, .added_to_cart.-flat, button[type="submit"].-flat, input[type="submit"].-flat { background-color: transparent; border: none; } .btn.-flat:hover, .btn.-flat:active, .btn.-flat:focus, .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, 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); } .btn.-outlined, .lazy-load.-outlined .btn.button:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-flat), .btn.-text, .btn.-flat, .button.-outlined, .lazy-load.-outlined .button:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-flat), .button.-text, .button.-flat, a.button.-outlined, .lazy-load.-outlined a.button:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-flat), a.button.-text, a.button.-flat, .added_to_cart.-outlined, .lazy-load.-outlined .added_to_cart.button:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-flat), .added_to_cart.-text, .added_to_cart.-flat, button[type="submit"].-outlined, .lazy-load.-outlined button.button[type="submit"]:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-flat), button[type="submit"].-text, button[type="submit"].-flat, input[type="submit"].-outlined, .lazy-load.-outlined input.button[type="submit"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-flat), input[type="submit"].-text, input[type="submit"].-flat { color: var(--clb-button-color); } .btn.-outlined:not(.-pagination):hover, .lazy-load.-outlined .btn.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):hover:not(.-flat), .btn.-outlined:not(.-pagination):active, .lazy-load.-outlined .btn.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):active:not(.-flat), .btn.-outlined:not(.-pagination):focus, .lazy-load.-outlined .btn.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .btn.button:not(.-pagination):focus:not(.-flat), .btn.-text:not(.-pagination):hover, .btn.-text:not(.-pagination):active, .btn.-text:not(.-pagination):focus, .btn.-flat:not(.-pagination):hover, .btn.-flat:not(.-pagination):active, .btn.-flat:not(.-pagination):focus, .button.-outlined:not(.-pagination):hover, .lazy-load.-outlined .button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):hover:not(.-flat), .button.-outlined:not(.-pagination):active, .lazy-load.-outlined .button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):active:not(.-flat), .button.-outlined:not(.-pagination):focus, .lazy-load.-outlined .button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .button:not(.-pagination):focus:not(.-flat), .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, .lazy-load.-outlined a.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):hover:not(.-flat), a.button.-outlined:not(.-pagination):active, .lazy-load.-outlined a.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):active:not(.-flat), a.button.-outlined:not(.-pagination):focus, .lazy-load.-outlined a.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined a.button:not(.-pagination):focus:not(.-flat), 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, .lazy-load.-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat), .added_to_cart.-outlined:not(.-pagination):active, .lazy-load.-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat), .added_to_cart.-outlined:not(.-pagination):focus, .lazy-load.-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat), .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, button[type="submit"].-outlined:not(.-pagination):hover, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat), button[type="submit"].-outlined:not(.-pagination):active, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat), button[type="submit"].-outlined:not(.-pagination):focus, .lazy-load.-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat), 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, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat), input[type="submit"].-outlined:not(.-pagination):active, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat), input[type="submit"].-outlined:not(.-pagination):focus, .lazy-load.-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat), 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); } .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):active, .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, .btn.-primary:not(.-outlined):not(.-flat):not(.-text):hover, .btn.-primary:not(.-outlined):not(.-flat):not(.-text):active, .btn.-primary:not(.-outlined):not(.-flat):not(.-text):focus, .button.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, .button.btn-brand:not(.-outlined):not(.-flat):not(.-text):active, .button.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, .button.-primary:not(.-outlined):not(.-flat):not(.-text):hover, .button.-primary:not(.-outlined):not(.-flat):not(.-text):active, .button.-primary:not(.-outlined):not(.-flat):not(.-text):focus, a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):active, a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, a.button.-primary:not(.-outlined):not(.-flat):not(.-text):hover, a.button.-primary:not(.-outlined):not(.-flat):not(.-text):active, a.button.-primary:not(.-outlined):not(.-flat):not(.-text):focus, .added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, .added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text):active, .added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, .added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text):hover, .added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text):active, .added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text):focus, button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):active, button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):hover, button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):active, button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):focus, input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):hover, input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):active, input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):focus, input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):hover, input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):active, input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):focus { background-color: var(--clb-color-black-light); } .btn.btn-brand.-outlined, .lazy-load.-outlined .btn.btn-brand.button:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:not(.-flat), .btn.-primary.-outlined, .lazy-load.-outlined .btn.-primary.button:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:not(.-flat), .button.btn-brand.-outlined, .lazy-load.-outlined .button.btn-brand:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:not(.-flat), .button.-primary.-outlined, .lazy-load.-outlined .button.-primary:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:not(.-flat), a.button.btn-brand.-outlined, .lazy-load.-outlined a.button.btn-brand:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:not(.-flat), a.button.-primary.-outlined, .lazy-load.-outlined a.button.-primary:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:not(.-flat), .added_to_cart.btn-brand.-outlined, .lazy-load.-outlined .added_to_cart.btn-brand.button:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:not(.-flat), .added_to_cart.-primary.-outlined, .lazy-load.-outlined .added_to_cart.-primary.button:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.-primary.button:not(.-flat), button[type="submit"].btn-brand.-outlined, .lazy-load.-outlined button.button[type="submit"].btn-brand:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:not(.-flat), button[type="submit"].-primary.-outlined, .lazy-load.-outlined button.button[type="submit"].-primary:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:not(.-flat), input[type="submit"].btn-brand.-outlined, .lazy-load.-outlined input.button[type="submit"].btn-brand:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:not(.-flat), input[type="submit"].-primary.-outlined, .lazy-load.-outlined input.button[type="submit"].-primary:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:not(.-flat) { border-color: var(--clb-color-primary); color: var(--clb-color-primary); } .btn.btn-brand.-outlined:hover, .lazy-load.-outlined .btn.btn-brand.button:hover:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:hover:not(.-flat), .btn.btn-brand.-outlined:active, .lazy-load.-outlined .btn.btn-brand.button:active:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:active:not(.-flat), .btn.btn-brand.-outlined:focus, .lazy-load.-outlined .btn.btn-brand.button:focus:not(.-flat), .pagination:not(.text-center).-outlined .btn.btn-brand.button:focus:not(.-flat), .btn.-primary.-outlined:hover, .lazy-load.-outlined .btn.-primary.button:hover:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:hover:not(.-flat), .btn.-primary.-outlined:active, .lazy-load.-outlined .btn.-primary.button:active:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:active:not(.-flat), .btn.-primary.-outlined:focus, .lazy-load.-outlined .btn.-primary.button:focus:not(.-flat), .pagination:not(.text-center).-outlined .btn.-primary.button:focus:not(.-flat), .button.btn-brand.-outlined:hover, .lazy-load.-outlined .button.btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:hover:not(.-flat), .button.btn-brand.-outlined:active, .lazy-load.-outlined .button.btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:active:not(.-flat), .button.btn-brand.-outlined:focus, .lazy-load.-outlined .button.btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined .button.btn-brand:focus:not(.-flat), .button.-primary.-outlined:hover, .lazy-load.-outlined .button.-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:hover:not(.-flat), .button.-primary.-outlined:active, .lazy-load.-outlined .button.-primary:active:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:active:not(.-flat), .button.-primary.-outlined:focus, .lazy-load.-outlined .button.-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined .button.-primary:focus:not(.-flat), a.button.btn-brand.-outlined:hover, .lazy-load.-outlined a.button.btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:hover:not(.-flat), a.button.btn-brand.-outlined:active, .lazy-load.-outlined a.button.btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:active:not(.-flat), a.button.btn-brand.-outlined:focus, .lazy-load.-outlined a.button.btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined a.button.btn-brand:focus:not(.-flat), a.button.-primary.-outlined:hover, .lazy-load.-outlined a.button.-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:hover:not(.-flat), a.button.-primary.-outlined:active, .lazy-load.-outlined a.button.-primary:active:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:active:not(.-flat), a.button.-primary.-outlined:focus, .lazy-load.-outlined a.button.-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined a.button.-primary:focus:not(.-flat), .added_to_cart.btn-brand.-outlined:hover, .lazy-load.-outlined .added_to_cart.btn-brand.button:hover:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:hover:not(.-flat), .added_to_cart.btn-brand.-outlined:active, .lazy-load.-outlined .added_to_cart.btn-brand.button:active:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:active:not(.-flat), .added_to_cart.btn-brand.-outlined:focus, .lazy-load.-outlined .added_to_cart.btn-brand.button:focus:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:focus:not(.-flat), .added_to_cart.-primary.-outlined:hover, .lazy-load.-outlined .added_to_cart.-primary.button:hover:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.-primary.button:hover:not(.-flat), .added_to_cart.-primary.-outlined:active, .lazy-load.-outlined .added_to_cart.-primary.button:active:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.-primary.button:active:not(.-flat), .added_to_cart.-primary.-outlined:focus, .lazy-load.-outlined .added_to_cart.-primary.button:focus:not(.-flat), .pagination:not(.text-center).-outlined .added_to_cart.-primary.button:focus:not(.-flat), button[type="submit"].btn-brand.-outlined:hover, .lazy-load.-outlined button.button[type="submit"].btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:hover:not(.-flat), button[type="submit"].btn-brand.-outlined:active, .lazy-load.-outlined button.button[type="submit"].btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:active:not(.-flat), button[type="submit"].btn-brand.-outlined:focus, .lazy-load.-outlined button.button[type="submit"].btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:focus:not(.-flat), button[type="submit"].-primary.-outlined:hover, .lazy-load.-outlined button.button[type="submit"].-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:hover:not(.-flat), button[type="submit"].-primary.-outlined:active, .lazy-load.-outlined button.button[type="submit"].-primary:active:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:active:not(.-flat), button[type="submit"].-primary.-outlined:focus, .lazy-load.-outlined button.button[type="submit"].-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined button.button[type="submit"].-primary:focus:not(.-flat), input[type="submit"].btn-brand.-outlined:hover, .lazy-load.-outlined input.button[type="submit"].btn-brand:hover:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:hover:not(.-flat), input[type="submit"].btn-brand.-outlined:active, .lazy-load.-outlined input.button[type="submit"].btn-brand:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:active:not(.-flat), input[type="submit"].btn-brand.-outlined:focus, .lazy-load.-outlined input.button[type="submit"].btn-brand:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:focus:not(.-flat), input[type="submit"].-primary.-outlined:hover, .lazy-load.-outlined input.button[type="submit"].-primary:hover:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:hover:not(.-flat), input[type="submit"].-primary.-outlined:active, .lazy-load.-outlined input.button[type="submit"].-primary:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:active:not(.-flat), input[type="submit"].-primary.-outlined:focus, .lazy-load.-outlined input.button[type="submit"].-primary:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="submit"].-primary:focus:not(.-flat) { border-color: var(--clb-color-black-light); color: var(--clb-color-black-light); } .btn.btn-brand.-flat, .btn.btn-brand.-text, .btn.-primary.-flat, .btn.-primary.-text, .button.btn-brand.-flat, .button.btn-brand.-text, .button.-primary.-flat, .button.-primary.-text, a.button.btn-brand.-flat, a.button.btn-brand.-text, a.button.-primary.-flat, a.button.-primary.-text, .added_to_cart.btn-brand.-flat, .added_to_cart.btn-brand.-text, .added_to_cart.-primary.-flat, .added_to_cart.-primary.-text, button[type="submit"].btn-brand.-flat, button[type="submit"].btn-brand.-text, button[type="submit"].-primary.-flat, button[type="submit"].-primary.-text, input[type="submit"].btn-brand.-flat, input[type="submit"].btn-brand.-text, input[type="submit"].-primary.-flat, input[type="submit"].-primary.-text { color: var(--clb-color-primary); } .btn.btn-brand:not(.-outlined):not(.-flat):not(.-text), .btn.-primary:not(.-outlined):not(.-flat):not(.-text), .button.btn-brand:not(.-outlined):not(.-flat):not(.-text), .button.-primary:not(.-outlined):not(.-flat):not(.-text), a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text), a.button.-primary:not(.-outlined):not(.-flat):not(.-text), .added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text), .added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text), button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text), button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text), input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text), input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text) { background-color: var(--clb-color-primary); } .btn.btn-small, .btn.-small, .button.btn-small, .button.-small, a.button.btn-small, a.button.-small, .added_to_cart.btn-small, .added_to_cart.-small, button[type="submit"].btn-small, button[type="submit"].-small, input[type="submit"].btn-small, input[type="submit"].-small { font-size: var(--clb-action-font-size-small); min-height: var(--clb-button-height-small); } .btn.btn-small:not(.-text), .btn.-small:not(.-text), .button.btn-small:not(.-text), .button.-small:not(.-text), a.button.btn-small:not(.-text), a.button.-small:not(.-text), .added_to_cart.btn-small:not(.-text), .added_to_cart.-small:not(.-text), button[type="submit"].btn-small:not(.-text), button[type="submit"].-small:not(.-text), input[type="submit"].btn-small:not(.-text), input[type="submit"].-small:not(.-text) { padding: 0 var(--clb-button-side-padding-small); } .btn.-large, .button.-large, a.button.-large, .added_to_cart.-large, button[type="submit"].-large, input[type="submit"].-large { min-height: var(--clb-button-height-large); } .btn.-large:not(.-text), .button.-large:not(.-text), a.button.-large:not(.-text), .added_to_cart.-large:not(.-text), button[type="submit"].-large:not(.-text), input[type="submit"].-large:not(.-text) { padding: 0 var(--clb-button-side-padding-large); } .btn:focus, .btn:active, .button:focus, .button:active, a.button:focus, a.button:active, .added_to_cart:focus, .added_to_cart: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); } .btn:hover .icon, .button:hover .icon, a.button:hover .icon, .added_to_cart:hover .icon, button[type="submit"]:hover .icon, input[type="submit"]:hover .icon { animation: iconMove ease-out var(--clb-transition-duration); } .btn:hover .icon.-left-animation, .button:hover .icon.-left-animation, a.button:hover .icon.-left-animation, .added_to_cart: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.btn, a.button { background-image: none; } @keyframes iconMove { 0% { transform: translateX(0); } 30% { opacity: 0; } 31% { transform: translateX(1.25rem); } 32% { transform: translateX(-1.25rem); } 84% { opacity: 1; } 100% { transform: translateX(0); } } input[type="checkbox"], input[type="radio"] { width: 1.125rem; height: 1.125rem; margin: 0; background-repeat: no-repeat; background-position: center; background-size: contain; appearance: none; outline: none; border: 2px 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-text-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: -3px; margin-top: -3px; width: 6px; height: 6px; z-index: 10000001; background-color: var(--clb-color-primary); } .custom-cursor .circle-cursor-inner.cursor-link-hover { margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; background-color: var(--clb-color-primary); opacity: .5; } .custom-cursor .circle-cursor-outer { margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border: 1px 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: white; } .custom-cursor .cursor-link.circle-cursor-outer.cursor-link-hover { margin-left: -2rem; margin-top: -2rem; width: 4rem; height: 4rem; 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; cursor: var(--clb-cursor-pointer); text-align: center; outline: none; 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, .lazy-load.-outlined .icon-group.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) { min-width: var(--clb-circle); max-width: var(--clb-circle); height: var(--clb-circle); } .icon-group.-contained .icon, .icon-group.-outlined .icon, .lazy-load.-outlined .icon-group.button:not(.-flat) .icon, .pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) .icon { font-size: 1.75em; } .icon-group.-contained { background-color: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent); } .icon-group.-outlined, .lazy-load.-outlined .icon-group.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) { border: 2px 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).-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, .lazy-load.-outlined .icon-group.-small.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.-small.button:not(.-flat) { 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, .lazy-load.-outlined .icon-group.-large.button:not(.-flat), .pagination:not(.text-center).-outlined .icon-group.-large.button:not(.-flat) { 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: 1; 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 > .page-item > .page-link { min-width: var(--clb-button-height); display: flex; justify-content: center; } .pagination > .page-item > .page-link:focus, .pagination > .page-item > .page-link:active { box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent); } .pagination > .page-item > span.page-link { pointer-events: none; } .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; } .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:not(.active) .button { box-shadow: none; } .lazy-load, .pagination:not(.text-center) { min-width: 100%; padding: var(--clb-grid-gutter) 0; display: flex; } .lazy-load.-small .button, .pagination:not(.text-center).-small .button { min-width: var(--clb-button-height-small); min-height: var(--clb-button-height-small); padding: 0 0.75rem; } .lazy-load.-large .button, .pagination:not(.text-center).-large .button { min-height: var(--clb-button-height-large); min-width: var(--clb-button-height-large); line-height: 1.75rem; padding: 0 1.4rem; } .lazy-load.-flat .button:not(.-flat), .pagination:not(.text-center).-flat .button:not(.-flat) { color: inherit; background-color: var(--clb-fill-color); } .lazy-load.-flat .button:hover, .lazy-load.-flat .button:focus, .lazy-load.-flat .button:active, .lazy-load.-outlined .button:hover, .pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:hover, .lazy-load.-outlined .button:focus, .pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:focus, .lazy-load.-outlined .button:active, .pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:active, .pagination:not(.text-center).-flat .button:hover, .pagination:not(.text-center).-flat .button:focus, .pagination:not(.text-center).-flat .button:active, .pagination:not(.text-center).-outlined .button:hover, .lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:hover, .pagination:not(.text-center).-outlined .button:focus, .lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:focus, .pagination:not(.text-center).-outlined .button:active, .lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:active { background: transparent !important; } .lazy-load:not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat), .pagination:not(.text-center):not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat) { color: var(--clb-color-white); } .pagination-standard { min-width: 100%; } @keyframes mymove { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .progress-holder { height: 0.5rem; background-color: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent); overflow: hidden; display: flex; border-radius: 0.25rem; } .progress-holder > .progress-bar { width: 0px; background: linear-gradient(90deg, var(--clb-color-primary) 0%, var(--clb-color-secondary) 100%); border-radius: 0.25rem; 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: 0.25rem; border-radius: 0.125rem; } .progress-holder.-thin > .progress-bar { border-radius: 0.125rem; } .progress-holder.-bold { height: 0.75rem; border-radius: 0.75rem; } .progress-holder.-bold > .progress-bar { border-radius: 0.375rem; } select { position: relative; appearance: none; background-repeat: no-repeat; background-position: right 1rem center; padding: 0 1rem; 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 1rem; } select:not(.lang-dropdown) { color: var(--clb-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: 1rem; 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: 1rem; width: 1rem; 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: 1rem; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 0 0.75rem; min-height: var(--clb-button-height-small); font-size: var(--clb-text-size-extra-small); } .select2-container--default .select2-results__option { padding-left: 1rem; padding-right: 1rem; } .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: 1.5rem; height: 1.5rem; border: 0.2rem solid color-mix(in srgb, var(--clb-color-neutral) 25%, transparent); border-top: 0.2rem solid currentColor; border-right: 0.2rem 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 1rem; 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-text-size); border-radius: var(--clb-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, .lazy-load.-outlined input.button[type="email"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="email"]:not(.-flat), input[type="number"].-outlined, .lazy-load.-outlined input.button[type="number"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="number"]:not(.-flat), input[type="password"].-outlined, .lazy-load.-outlined input.button[type="password"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="password"]:not(.-flat), input[type="search"].-outlined, .lazy-load.-outlined input.button[type="search"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="search"]:not(.-flat), input[type="tel"].-outlined, .lazy-load.-outlined input.button[type="tel"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="tel"]:not(.-flat), input[type="text"].-outlined, .lazy-load.-outlined input.button[type="text"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="text"]:not(.-flat), input[type="date"].-outlined, .lazy-load.-outlined input.button[type="date"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="date"]:not(.-flat), input[type="url"].-outlined, .lazy-load.-outlined input.button[type="url"]:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="url"]:not(.-flat), textarea.-outlined, .lazy-load.-outlined textarea.button:not(.-flat), .pagination:not(.text-center).-outlined textarea.button:not(.-flat), select.-outlined, .lazy-load.-outlined select.button:not(.-flat), .pagination:not(.text-center).-outlined select.button:not(.-flat), .select2-container--default .select2-selection--single.-outlined, .select2-container--default .lazy-load.-outlined .select2-selection--single.button:not(.-flat), .lazy-load.-outlined .select2-container--default .select2-selection--single.button:not(.-flat), .select2-container--default .pagination:not(.text-center).-outlined .select2-selection--single.button:not(.-flat), .pagination:not(.text-center).-outlined .select2-container--default .select2-selection--single.button:not(.-flat) { background-color: transparent; border: 2px solid var(--clb-color-grey-light); } input[type="email"].-outlined:focus, .lazy-load.-outlined input.button[type="email"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="email"]:focus:not(.-flat), input[type="email"].-outlined:active, .lazy-load.-outlined input.button[type="email"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="email"]:active:not(.-flat), input[type="number"].-outlined:focus, .lazy-load.-outlined input.button[type="number"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="number"]:focus:not(.-flat), input[type="number"].-outlined:active, .lazy-load.-outlined input.button[type="number"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="number"]:active:not(.-flat), input[type="password"].-outlined:focus, .lazy-load.-outlined input.button[type="password"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="password"]:focus:not(.-flat), input[type="password"].-outlined:active, .lazy-load.-outlined input.button[type="password"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="password"]:active:not(.-flat), input[type="search"].-outlined:focus, .lazy-load.-outlined input.button[type="search"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="search"]:focus:not(.-flat), input[type="search"].-outlined:active, .lazy-load.-outlined input.button[type="search"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="search"]:active:not(.-flat), input[type="tel"].-outlined:focus, .lazy-load.-outlined input.button[type="tel"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="tel"]:focus:not(.-flat), input[type="tel"].-outlined:active, .lazy-load.-outlined input.button[type="tel"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="tel"]:active:not(.-flat), input[type="text"].-outlined:focus, .lazy-load.-outlined input.button[type="text"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="text"]:focus:not(.-flat), input[type="text"].-outlined:active, .lazy-load.-outlined input.button[type="text"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="text"]:active:not(.-flat), input[type="date"].-outlined:focus, .lazy-load.-outlined input.button[type="date"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="date"]:focus:not(.-flat), input[type="date"].-outlined:active, .lazy-load.-outlined input.button[type="date"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="date"]:active:not(.-flat), input[type="url"].-outlined:focus, .lazy-load.-outlined input.button[type="url"]:focus:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="url"]:focus:not(.-flat), input[type="url"].-outlined:active, .lazy-load.-outlined input.button[type="url"]:active:not(.-flat), .pagination:not(.text-center).-outlined input.button[type="url"]:active:not(.-flat), textarea.-outlined:focus, .lazy-load.-outlined textarea.button:focus:not(.-flat), .pagination:not(.text-center).-outlined textarea.button:focus:not(.-flat), textarea.-outlined:active, .lazy-load.-outlined textarea.button:active:not(.-flat), .pagination:not(.text-center).-outlined textarea.button:active:not(.-flat), select.-outlined:focus, .lazy-load.-outlined select.button:focus:not(.-flat), .pagination:not(.text-center).-outlined select.button:focus:not(.-flat), select.-outlined:active, .lazy-load.-outlined select.button:active:not(.-flat), .pagination:not(.text-center).-outlined select.button:active:not(.-flat), .select2-container--default .select2-selection--single.-outlined:focus, .select2-container--default .lazy-load.-outlined .select2-selection--single.button:focus:not(.-flat), .lazy-load.-outlined .select2-container--default .select2-selection--single.button:focus:not(.-flat), .select2-container--default .pagination:not(.text-center).-outlined .select2-selection--single.button:focus:not(.-flat), .pagination:not(.text-center).-outlined .select2-container--default .select2-selection--single.button:focus:not(.-flat), .select2-container--default .select2-selection--single.-outlined:active, .select2-container--default .lazy-load.-outlined .select2-selection--single.button:active:not(.-flat), .lazy-load.-outlined .select2-container--default .select2-selection--single.button:active:not(.-flat), .select2-container--default .pagination:not(.text-center).-outlined .select2-selection--single.button:active:not(.-flat), .pagination:not(.text-center).-outlined .select2-container--default .select2-selection--single.button:active:not(.-flat) { 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 0.75rem; min-height: var(--clb-button-height-small); font-size: var(--clb-text-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-text-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) 15%, 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: 0.75rem; padding-bottom: 0.75rem; } label { display: block; font-size: var(--clb-text-size-caption); font-weight: var(--clb-text-medium); } label + * { margin-top: 0.5rem; } .tooltip { position: relative; background-color: var(--clb-color-black); color: var(--clb-color-white); font-size: var(--clb-text-size-caption); padding: 0.375rem 0.5rem; 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 .title { font-size: clamp(var(--clb-card-titles-font-size-min), calc(0.5vw + 1rem), var(--clb-card-titles-font-size)); } .blog-item .card-details > *:not(:last-child) { margin-bottom: 0.65rem; } .blog-item .card-details .headline-meta { font-size: var(--clb-text-size-caption); } .blog-item .card-details p { margin-top: 0; } .blog-item .card-details .button { margin-top: 0.9rem; } .blog-item .card-details-item, .blog-item .card-details-item .category-holder { margin: 0; } .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 .card-details-item > * { margin-bottom: 0.75rem; } .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: 0.25rem; 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-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: 0.5rem 0 0 0; } .blog-item.-layout6:not(.-contained) { border-top: 1px 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:not(.-contained) { padding-top: var(--clb-spacer); border-top: 1px 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-text-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: 0.5rem; } .single-post .author-container .widget_ohio_widget_about_author { gap: var(--clb-grid-gutter); 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-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-text-size-small); margin-bottom: 0.2rem; } .comments .comment-body .meta em { font-style: normal; padding: 0.25rem 0.5rem; font-size: var(--clb-text-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: -.02em; line-height: 1.35; } .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-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: 0.5rem; } .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: 5rem; } .comments .comment-respond .heading-md small { font-size: inherit; margin-left: 0.5rem; } .comments .comment-respond .logged-in-as { margin: 0; font-size: var(--clb-text-size-small); } .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: 0.5rem; } .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; margin-bottom: 0.5rem; 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%; margin-bottom: 0.5rem; } .project-gallery img:last-of-type { margin-bottom: 0; } .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-grid-gutter); } .project-content .video-button { margin-bottom: 1.5rem; } .project-title .headline { margin: 0.75rem 0 1rem; } .project-title + .project-details p { margin: 1rem 0 0 0; } .project-task .title { margin-bottom: 0.5rem; } .project-task p { font-weight: var(--clb-text-semi-bold); } .project .share-bar { position: absolute; } .options-group { flex-wrap: wrap; margin-right: var(--clb-grid-gutter-negative); display: flex; } .options-group > li { min-width: calc(25% - 1.75rem); width: calc(25% - 1.75rem); margin-right: 1.75rem; margin-bottom: var(--clb-grid-gutter); padding-top: var(--clb-grid-gutter); border-top: 1px solid color-mix(in srgb, var(--clb-color-grey) 50%, transparent); } .options-group > li:last-child { margin-bottom: 0; } .options-group > li p { font-size: var(--clb-text-size-small); margin: 0.25rem 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-text-size-small); padding-bottom: var(--clb-grid-gutter); } .portfolio-filter li { display: inline-flex; vertical-align: middle; align-items: center; } .portfolio-filter li:first-child { margin-right: 0.5rem; } .portfolio-filter:not(.-filter-button) li { position: relative; } .portfolio-filter:not(.-filter-button) li:not(:first-child):not(:last-child)::after { content: "/"; margin: 0px 0.5rem 0px 0.25rem; 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: 0.25rem; font-size: 0.85em; color: var(--clb-color-grey); } .portfolio-item .title { font-size: clamp(var(--clb-card-titles-font-size-min), calc(0.5vw + 1rem), 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-text-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 { letter-spacing: -.045em; line-height: 1; font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size)); } .portfolio-item.-with-slider .project-content h3 { letter-spacing: -.035em; line-height: 1.15; font-size: clamp(var(--clb-titles-h3-font-size-min), calc(2.205vw + 0.25rem), var(--clb-titles-h3-font-size)); } .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: -0.5rem; } .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: 0.25rem; } .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: -0.5rem; 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 5px 15px 0px rgba(0, 0, 0, 0.1); } .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: 0.5rem; } .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(-0.75rem); 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: 0.75rem; top: 0.75rem; 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: 1rem; 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 0.25s; } .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: 1px 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((100vw - var(--clb-container-width)) / 2); } .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((100vw - var(--clb-container-width)) / 2); } .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 { background-color: var(--clb-fill-color); 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: 0.5rem; } .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.-layout3 .page-container, .project.-layout4 .page-container { max-width: 100%; } .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(0.5rem); 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-subheader .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-subheader-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-subheader .back-link { margin-top: var(--clb-subheader-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: 1.5rem; 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:not(.-simple) .color-switcher-item.light svg { fill: rgba(255, 255, 255, 0.75); } .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%, 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: 1rem; } .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-text-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-text-size-small); } .headline-meta { font-size: var(--clb-text-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: 0.25rem; margin-right: 0.25rem; 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 0.25rem; } .social-bar-holder li.caption::after { content: "—"; margin-left: 0.5rem; } .social-bar-holder:not(.icons) li:not(:first-child):not(:last-child)::after { content: "/"; display: inline; padding: 0 0.25rem; } .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; } .filter { gap: var(--clb-gap); display: flex; align-items: center; justify-content: flex-end; } .filter-holder { position: relative; } .filter-holder .button { display: none; margin-left: 1rem; } .is-mobile-menu .mobile-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); } .is-mobile-menu .mobile-overlay .close-bar { width: calc(100% - var(--clb-circle)); position: absolute; display: flex; justify-content: space-between; } .is-mobile-menu .mobile-overlay .close-bar .icon-button.search-global { display: block; position: initial; background-color: initial; } .is-mobile-menu .mobile-overlay .close-bar .icon-button.search-global:not(.-overlay-button):not(.-small) { color: inherit; } .is-mobile-menu .mobile-overlay .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: color-mix(in srgb, var(--clb-color-overlay) 90%, transparent); } .is-mobile-menu .mobile-overlay .holder { position: absolute; top: 0; height: 100vh; 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: .25s; opacity: 0; } .is-mobile-menu .mobile-overlay .copyright { font-weight: var(--clb-body-font-weight); font-size: var(--clb-text-size-small); } .is-mobile-menu .mobile-overlay select.lang-dropdown { color: inherit; } .is-mobile-menu .mobile-overlay > .social-bar { margin: 0; top: 50%; position: absolute; z-index: 1; } .is-mobile-menu .mobile-overlay > .social-bar * { color: var(--clb-color-white); } .is-mobile-menu.with-left-mobile-hamburger .mobile-overlay { left: 0; } .is-mobile-menu.with-left-mobile-hamburger .mobile-overlay .holder { transform: translateX(-3rem); } .is-mobile-menu.with-left-mobile-hamburger .mobile-overlay > .social-bar { right: 0; margin-right: 0.9rem; transform-origin: right top; transform: rotate(-90deg) translate(50%, -100%); } .is-mobile-menu.with-right-mobile-hamburger .mobile-overlay { right: 0; } .is-mobile-menu.with-right-mobile-hamburger .mobile-overlay .holder { right: 0; transform: translateX(3rem); } .is-mobile-menu.with-right-mobile-hamburger .mobile-overlay > .social-bar { margin-left: 0.9rem; transform-origin: left top; transform: rotate(-90deg) translate(-50%, 0); } .is-mobile-menu.with-right-mobile-hamburger .mobile-overlay .close-bar { right: 0; flex-direction: row-reverse; } .is-mobile-menu.with-left-mobile-hamburger .mobile-overlay.visible, .is-mobile-menu.with-right-mobile-hamburger .mobile-overlay.visible { visibility: visible; opacity: 1; } .is-mobile-menu.with-left-mobile-hamburger .mobile-overlay.visible .holder, .is-mobile-menu.with-right-mobile-hamburger .mobile-overlay.visible .holder { transform: none; opacity: 1; } .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: -1rem; } .scroll-top.-left, .scroll-top.-right { white-space: nowrap; } .scroll-top-bar { width: 3.75rem; height: 0.125rem; margin-right: 1rem; 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; left: var(--clb-spacer); min-height: var(--clb-circle); top: 50%; z-index: 3; transform-origin: left top; transform: rotate(-90deg) translate(-50%, 0); display: flex; align-items: center; } .with-switcher .scroll-bar-container .slider-scroll-label { padding-right: 5.5rem; } .with-switcher.admin-bar .scroll-bar-container .slider-scroll-label { padding-right: calc(5.5rem - var(--clb-admin-bar-height-mobile)); } .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: 0.75rem; } .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-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; } @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: 0.5rem; display: block; width: auto; color: var(--clb-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-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: 0.5rem; overflow-x: visible; overflow-y: auto; } .search-popup .holder .search-results .search-suggestions, .search-popup .holder .search-results .no-search-results { margin: 1rem 0; color: var(--clb-color-grey); } .search-popup .holder .search-results .product-item { position: relative; padding: var(--clb-grid-gutter) 0; border-top: 1px 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: 1rem; 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-color-grey-light); font-size: var(--clb-text-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: 1rem; } .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 .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: 65%; } .page-headline .post-meta-holder { font-size: var(--clb-text-size-large); max-width: 60%; margin-top: var(--clb-grid-gutter); } .page-headline .post-meta-holder br + .btn, .page-headline .post-meta-holder br + .button { margin-top: 1rem; } .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 { 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-text-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: 0.5rem; } .clb-blank-note .icon path, .wpcf7-contact-form-not-found .icon path { fill: var(--clb-color-warning); } .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: 1rem 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: -1rem; margin-left: 0.5rem; 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); letter-spacing: -.025em; line-height: 1.25; font-size: clamp(var(--clb-titles-h5-font-size-min), calc(1.25332vw + 0.25rem), var(--clb-titles-h5-font-size)); } .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 { font-size: 0.98em; } .widgets ul, .widgets ol { margin: 0; padding: 0; list-style: none; } .widgets ul > li::before, .widgets ol > li::before { content: ""; display: none; } .widget select { max-width: 100%; } .widget:not(:first-child) { margin-top: var(--clb-spacer); } .widget-title, .widget h2, .widget .wp-block-search__label, .widget .wc-block-product-search__label { margin-bottom: 1rem; letter-spacing: -.01em; line-height: inherit; color: var(--clb-titles-color); font-family: var(--clb-titles-font-family); font-weight: var(--clb-titles-font-weight); font-size: var(--clb-text-size-h6); } .widget > ul li:not(:last-child) { margin-bottom: 0.25rem; } .widget .tagcloud, .widget .wp-block-tag-cloud { flex-wrap: wrap; display: flex; } .widget .tagcloud a, .widget .wp-block-tag-cloud a { margin: 0.35rem 0.35rem 0 0; display: inline-block; font-size: var(--clb-text-size-caption) !important; } .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 { 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 { 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 { margin-right: 1rem; object-fit: cover; width: 4.25rem; min-width: 4.25rem; height: 4.25rem; } .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 { 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 { line-height: 1.45; font-size: var(--clb-text-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 { 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 { font-weight: var(--clb-text-semi-bold); } .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-text-size-small); color: var(--clb-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: 0.5rem; } .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: 0.75rem 0.5rem; font-weight: var(--clb-text-medium); background: transparent; border: none; } .widget_calendar table caption, .widget_calendar table tbody { color: inherit; } .widget_calendar caption { padding: 0.6rem 1rem; font-weight: var(--clb-text-bold); font-family: var(--clb-titles-font-family); font-size: var(--clb-text-size-h6); 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: 1; border-radius: var(--clb-border-radius); } .widget_calendar tbody tr td#today { background-color: color-mix(in srgb, var(--clb-color-neutral) 15%, 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: 1.75rem; min-width: 1.75rem; 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: 1.5rem; } .widget_rss a { color: var(--clb-color-primary); } .widget_rss .rss-date { font-size: var(--clb-text-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 1rem; } .widget_search .wc-block-product-search__field, .wc-block-product-search .wc-block-product-search__field { padding: 0 4rem 0 1rem; } .widget_ohio_widget_about_author { max-width: 100%; display: flex; flex-direction: column; } .widget_ohio_widget_about_author .content { flex-grow: 2; } .widget_ohio_widget_about_author .content .details { margin-bottom: 0.4rem; } .widget_ohio_widget_about_author .content .details .site { font-size: var(--clb-text-size-small); color: var(--clb-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: 0.25rem; 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 0.75rem 2.5rem 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 { margin-bottom: 0.5rem; } .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: 0.75rem; 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 .accordion-button { background-color: var(--clb-fill-color); padding: 0.75rem 0.75rem 0.75rem 1.25rem; border-radius: var(--clb-border-radius); } .accordion:not(.-outlined):not(.-text) .accordion-item .accordion-collapse .accordion-body { padding: 0.75rem 1.25rem; } .accordion.-outlined .accordion-item .accordion-collapse .accordion-body, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item .accordion-collapse .accordion-body, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item .accordion-collapse .accordion-body, .accordion.-text .accordion-item .accordion-collapse .accordion-body { padding: 0.75rem 0; } .accordion.-outlined .accordion-item, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item { margin: 0; } .accordion.-outlined .accordion-item .accordion-button, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item .accordion-button, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item .accordion-button { border-top: 1px solid transparent; border-bottom: 1px solid var(--clb-color-grey-light); padding: 0.75rem 0; } .accordion.-outlined .accordion-item.active + .accordion-item .accordion-button, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item.active + .accordion-item .accordion-button, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item.active + .accordion-item .accordion-button, .accordion.-outlined .accordion-item:first-child .accordion-button, .lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item:first-child .accordion-button, .pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .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: -0.5rem; } .banner:not(.-with-overlay):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.-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.-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 .card-details, .banner.-image-only:hover p { 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 5px 15px 0px rgba(0, 0, 0, 0.1); } .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) 15%, 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: 1rem; } .circle-progress.-thin .progress-meter, .circle-progress.-thin .progress-value { stroke-width: 0.25rem; } .circle-progress.-bold .progress-meter, .circle-progress.-bold .progress-value { stroke-width: 0.75rem; } .circle-progress.-floating { display: flex; align-items: center; } .circle-progress.-floating .progress-content { margin-left: 1rem; margin-right: 1rem; } .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-text-size-small); visibility: hidden; opacity: 0; width: calc(100% + 2rem); position: absolute; left: -1rem; top: 55%; transform: translate(0, -50%); padding: 1rem; 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-text-size-caption); font-weight: var(--clb-text-semi-bold); padding: 0.15rem 0.5rem; top: 50%; transform: translateY(-50%) rotate(-90deg); border-radius: var(--clb-border-radius-small); } .compare-overlay .compare-before-label::before { left: 1rem; } .compare-overlay .compare-after-label::before { right: 1rem; } .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: 1rem; bottom: auto; } .compare-vertical .compare-after-label::before { top: auto; bottom: 1rem; } .compare-wrapper.-with-shadow .compare { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); } .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: 0.5rem; } .contact-form [class^='vc_col'].form-check { margin-bottom: 1.5rem; } .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"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"], .contact-form.-outlined input[type="number"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"], .contact-form.-outlined input[type="password"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"], .contact-form.-outlined input[type="search"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"], .contact-form.-outlined input[type="tel"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"], .contact-form.-outlined input[type="text"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"], .contact-form.-outlined input[type="date"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"], .contact-form.-outlined input[type="url"], .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"], .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"], .contact-form.-outlined textarea, .lazy-load.-outlined .contact-form.button:not(.-flat) textarea, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea, .contact-form.-outlined select, .lazy-load.-outlined .contact-form.button:not(.-flat) select, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select, .subscribe-form.-outlined input[type="email"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"], .subscribe-form.-outlined input[type="number"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"], .subscribe-form.-outlined input[type="password"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"], .subscribe-form.-outlined input[type="search"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"], .subscribe-form.-outlined input[type="tel"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"], .subscribe-form.-outlined input[type="text"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"], .subscribe-form.-outlined input[type="date"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"], .subscribe-form.-outlined input[type="url"], .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"], .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"], .subscribe-form.-outlined textarea, .lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea, .subscribe-form.-outlined select, .lazy-load.-outlined .subscribe-form.button:not(.-flat) select, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select { background-color: transparent; border: 2px solid var(--clb-color-grey-light); } .contact-form.-outlined input[type="email"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"]:focus, .contact-form.-outlined input[type="email"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"]:active, .contact-form.-outlined input[type="number"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"]:focus, .contact-form.-outlined input[type="number"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"]:active, .contact-form.-outlined input[type="password"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"]:focus, .contact-form.-outlined input[type="password"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"]:active, .contact-form.-outlined input[type="search"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"]:focus, .contact-form.-outlined input[type="search"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"]:active, .contact-form.-outlined input[type="tel"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"]:focus, .contact-form.-outlined input[type="tel"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"]:active, .contact-form.-outlined input[type="text"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"]:focus, .contact-form.-outlined input[type="text"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"]:active, .contact-form.-outlined input[type="date"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"]:focus, .contact-form.-outlined input[type="date"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"]:active, .contact-form.-outlined input[type="url"]:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"]:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"]:focus, .contact-form.-outlined input[type="url"]:active, .lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"]:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"]:active, .contact-form.-outlined textarea:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) textarea:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea:focus, .contact-form.-outlined textarea:active, .lazy-load.-outlined .contact-form.button:not(.-flat) textarea:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea:active, .contact-form.-outlined select:focus, .lazy-load.-outlined .contact-form.button:not(.-flat) select:focus, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select:focus, .contact-form.-outlined select:active, .lazy-load.-outlined .contact-form.button:not(.-flat) select:active, .pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select:active, .subscribe-form.-outlined input[type="email"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"]:focus, .subscribe-form.-outlined input[type="email"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"]:active, .subscribe-form.-outlined input[type="number"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"]:focus, .subscribe-form.-outlined input[type="number"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"]:active, .subscribe-form.-outlined input[type="password"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"]:focus, .subscribe-form.-outlined input[type="password"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"]:active, .subscribe-form.-outlined input[type="search"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"]:focus, .subscribe-form.-outlined input[type="search"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"]:active, .subscribe-form.-outlined input[type="tel"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:focus, .subscribe-form.-outlined input[type="tel"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:active, .subscribe-form.-outlined input[type="text"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"]:focus, .subscribe-form.-outlined input[type="text"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"]:active, .subscribe-form.-outlined input[type="date"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"]:focus, .subscribe-form.-outlined input[type="date"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"]:active, .subscribe-form.-outlined input[type="url"]:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"]:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"]:focus, .subscribe-form.-outlined input[type="url"]:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"]:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"]:active, .subscribe-form.-outlined textarea:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea:focus, .subscribe-form.-outlined textarea:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea:active, .subscribe-form.-outlined select:focus, .lazy-load.-outlined .subscribe-form.button:not(.-flat) select:focus, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select:focus, .subscribe-form.-outlined select:active, .lazy-load.-outlined .subscribe-form.button:not(.-flat) select:active, .pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select:active { outline: none; border-color: var(--clb-color-grey); } .contact-form .wpcf7-quiz-label, .subscribe-form .wpcf7-quiz-label { margin-bottom: 0.5rem; 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: 0.5rem; } .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-text-size-small); margin: 1rem 0; border: none; padding: 0.65rem 1rem; 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: 0.5rem 0px 1rem; } .countdown { text-align: center; display: flex; } .countdown-item { margin: 0 0.5rem; } .countdown-item .number { line-height: 1; position: relative; color: var(--clb-titles-color); font-size: clamp(var(--clb-countdown-font-size-min), calc(1vw + 1rem), 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-text-size-caption); } .countdown.-with-divider .countdown-item { margin: 0 0.75rem; } .countdown.-with-divider .countdown-item:not(:last-child) .number::after { content: ":"; font-size: 1.25rem; position: absolute; width: 1rem; text-align: center; transform: translate(0.5rem, -50%); right: -0.75rem; top: 50%; } .countdown.-contained .countdown-item .number { background-color: color-mix(in srgb, var(--clb-color-neutral) 12%, transparent); margin-bottom: 0.5rem; } .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: 0.5rem; display: inline-flex; vertical-align: middle; align-items: center; } .counter-number .icon-group { margin-right: 0.5rem; } .counter-number .holder { line-height: 100%; letter-spacing: -.045em; 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 + 1rem), var(--clb-titles-h2-font-size)); } .counter-number.-with-increaser .holder::after { content: "+"; font-size: 0.65em; margin-left: 0.4rem; } .counter > p { font-weight: var(--clb-text-semi-bold); line-height: var(--clb-text-line-heigth-small); } .counter.-right-icon .counter-number { flex-direction: row-reverse; } .counter.-right-icon .counter-number .icon-group { margin-left: 0.5rem; margin-right: 0; } .counter.-top-icon .counter-number { align-items: center; flex-direction: column; } .counter.-top-icon .counter-number .icon-group { margin-bottom: 0.5rem; 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 0.5rem; margin-left: 6px; margin-top: -2px; font-size: 0.85rem; letter-spacing: 0; } .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: 0.5rem; } .icon-box .icon-box-content p { margin: 0; } .icon-box .icon-box-content .button { margin-top: 1rem; } .icon-box:not(.-left-icon):not(.-floating-icon) .icon-box-content .icon-box-heading { margin-top: 1rem; } .icon-box.-left-icon { display: flex; align-items: flex-start; } .icon-box.-left-icon .icon-group { margin-right: 1rem; } .icon-box.-left-icon .icon-box-content { flex-grow: 2; } .icon-box.-left-icon .icon-box-content .icon-box-heading { margin-bottom: 0.25rem; margin-top: 0.25rem; } .icon-box.-floating-icon .icon-box-header { margin-bottom: 0.5rem; display: flex; align-items: center; } .icon-box.-floating-icon .icon-group { margin-right: 0.75rem; } .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: 1.5rem; padding-right: 1.5rem; } .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%; } .portfolio-projects .portfolio-grid + .holder, .blog-posts + .holder { margin-top: 1rem; } .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-color-grey); text-decoration: line-through; } .pricing-table-headline p { font-size: var(--clb-text-size-caption); color: var(--clb-color-grey); } .pricing-table-price .price-number { color: var(--clb-titles-color); line-height: 100%; display: block; letter-spacing: -.05em; margin-bottom: 0.5rem; letter-spacing: -.045em; line-height: 1; font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size)); } .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-text-size-small); gap: var(--clb-gap); margin-bottom: 0.5rem; 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-text-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 5px 15px 0px rgba(0, 0, 0, 0.1); } .clb-slider { width: 100%; position: relative; user-select: none; } .clb-slider-outer-stage { overflow: hidden; position: relative; transition-delay: 0; transition: height 0.25s 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 > .elementor { margin: 0; } .clb-slider-item .wpb_single_image { margin-bottom: 0; } .clb-slider-nav-btn { position: absolute; right: 0; bottom: 0; min-width: 8rem; 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(1rem); } .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: -1.5rem; transform: translate(-100%, -50%); } .clb-slider.-nav-offset .next-btn { right: -1.5rem; transform: translate(100%, -50%); } .clb-slider.-nav-inset { text-align: center; } .clb-slider.-nav-inset .prev-btn { left: 1.5rem; transform: translate(0, -50%); } .clb-slider.-nav-inset .next-btn { right: 1.5rem; 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-text-size-small); background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, 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) 10%, transparent); } .clb-slider-count { position: relative; font-weight: var(--clb-text-semi-bold); overflow: hidden; margin-top: 2.2rem; display: inline-flex; vertical-align: middle; align-items: center; align-items: center; } .clb-slider-count::before { content: ""; width: 2.5rem; height: 0.125rem; background: currentColor; opacity: 0.6; margin: 0 0.9375rem 0 1.5625rem; } .clb-slider-count-current { position: absolute; 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: 0.25rem; height: 0.25rem; top: 0.5rem; left: 0.5rem; 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(1rem); } .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; } .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) .network { width: 3rem; height: 3rem; 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, .lazy-load.-outlined .social-networks.button:not(.-flat) .network, .pagination:not(.text-center).-outlined .social-networks.button:not(.-flat) .network { border: 2px solid currentColor; } .social-networks.-text .icon { transform: scale(0.8); } .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: 0.75rem; } .social-networks.-text .network:hover { background-image: linear-gradient(currentColor 0px, currentColor 100%); } .social-networks.-small:not(.-text) .network { width: 2.2rem; height: 2.2rem; } .social-networks.-small.-text .network { font-size: var(--clb-text-size-small); } .social-networks.-large:not(.-text) .network { width: var(--clb-circle); height: var(--clb-circle); } .social-networks.-large.-text .network { font-size: var(--clb-text-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 { font-size: 0.95em; 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: 1rem; } .subscribe-form > p { margin: 0; } .subscribe-form br { display: none; } .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; border-radius: var(--clb-border-radius); } .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: 3rem; 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-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: 2px solid var(--clb-color-black-light); } .tabs:not(.-vertical) .tabs-content { margin-top: 1rem; } .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) { margin-right: 1.5rem; } .tabs.-contained .tabs-nav-link { padding: 0 1rem; } .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 1rem; 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: 1rem; } .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: 1rem; max-height: calc(166px + 1.5rem); 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 { display: flex; flex-direction: column; } .testimonial .author { margin-top: 1.25rem; } .testimonial h1:not(.-unspace), .testimonial h2:not(.-unspace), .testimonial h3:not(.-unspace), .testimonial h4:not(.-unspace), .testimonial h5:not(.-unspace), .testimonial h6:not(.-unspace) { margin-bottom: 0.5rem; } .testimonial > p { margin: 0; } .testimonial > p > b { margin-bottom: var(--clb-grid-gap); } .testimonial:not(.-middle-avatar) .avatar { margin-bottom: 1.25rem; } .testimonial.-middle-avatar .testimonial-text { order: 1; } .testimonial.-middle-avatar .avatar { order: 2; margin-top: 1.25rem; } .testimonial.-middle-avatar .author { order: 3; } .testimonial.-center { align-items: center; } .testimonial.-right { align-items: flex-end; } .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: 0.75rem; } .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, .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button, .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button { border: 2px solid currentColor; } .video-button.-outlined .icon-button:hover, .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button:hover, .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button:hover { background-color: transparent; color: var(--clb-color-primary); } .video-button.-outlined .icon-button:hover .icon, .lazy-load.-outlined .video-button.button:not(.-flat) .icon-button:hover .icon, .pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .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: 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: 0.75rem; } 60% { opacity: 0; outline-width: 1.25rem; } 100% { opacity: 0; outline-width: 0.5rem; } } .video-button.-animation .icon-button:hover::after { animation: none; } .video-button.-with-shadow:not(.-with-preview) .icon-button { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); } .video-button.-with-shadow.-with-preview .preview-image { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); } .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: 0.75rem 0 -1.5rem 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 5px 15px 0px rgba(0, 0, 0, 0.1); } 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-color-grey); } .has-grey-light-color { color: var(--clb-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-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 span, .menu li.version span { gap: var(--clb-gap); display: flex; align-items: center; } .menu li.new span:after, .menu li.version span:after { padding: 0 0.3rem; height: 1.05rem; font-size: 0.6em; font-weight: var(--clb-text-bold); color: var(--clb-color-white); display: inline-flex; vertical-align: middle; align-items: center; align-items: center; border-radius: 0.35rem; } .menu li.new span:after { content: "NEW"; background-color: var(--clb-color-primary); } .menu li.version span { white-space: nowrap !important; } .menu li.version span:after { content: "V3.4"; 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-button-color: color-mix(in srgb, var(--clb-dm-color-white) 75%, transparent); --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-grey: color-mix(in srgb, var(--clb-dm-color-white) 50%, transparent); --clb-color-neutral: color-mix(in srgb, var(--clb-dm-color-white) 50%, transparent); --clb-placeholder-color: color-mix(in srgb, var(--clb-dm-color-white) 40%, transparent); --clb-color-grey-light: color-mix(in srgb, var(--clb-dm-color-white) 30%, transparent); --clb-color-overlay: var(--clb-dm-fill-color); --clb-subtitles-color: var(--clb-color-neutral); } .dark-scheme .-dm-ignore, .dark-scheme .button-group .button.-outlined:not(.-primary):not(.-dm-ignore):not(:hover), .dark-scheme .button-group .lazy-load.-outlined .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat), .lazy-load.-outlined .dark-scheme .button-group .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat), .dark-scheme .button-group .pagination:not(.text-center).-outlined .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat), .pagination:not(.text-center).-outlined .dark-scheme .button-group .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat), .dark-scheme .woo-products .clb-slider-nav-btn .icon-button, .dark-scheme .woo-products .button-group .button.-outlined, .dark-scheme .woo-products .button-group .lazy-load.-outlined .button:not(.-flat), .lazy-load.-outlined .dark-scheme .woo-products .button-group .button:not(.-flat), .dark-scheme .woo-products .button-group .pagination:not(.text-center).-outlined .button:not(.-flat), .pagination:not(.text-center).-outlined .dark-scheme .woo-products .button-group .button:not(.-flat), .dark-scheme .tag-out-of-stock, .dark-scheme select:not([multiple="multiple"]) > option { color: initial; } .dark-scheme .menu-optional .button-group .button { color: inherit; } .dark-scheme, .dark-scheme .coming-soon, .dark-scheme .logo-details, .dark-scheme .site-content, .dark-scheme .header.-sticky, .dark-scheme .page-headline::before, .dark-scheme .horizontal-accordion-item, .dark-scheme .woo-products .button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(:hover) { 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 .mobile-overlay .holder, .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 .pagination:not(.text-center):not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat), .dark-scheme .purchase-button, .dark-scheme input[type="submit"], .dark-scheme .button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.page-link):not(.-dm-ignore):not(:hover), .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 span: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); } .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 .mobile-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 0.75rem 2.5rem color-mix(in srgb, black 20%, 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 .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 .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) .widget_shopping_cart_content .buttons .button:first-child:not(:hover):not(:active):not(:focus) { color: initial !important; } 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: 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 > 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: 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 > 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 > 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 > 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 > 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 1rem; height: 2.5rem; background-color: var(--clb-button-color); 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: 1.25rem; display: flex; align-items: center; } .purchase-button > img { margin-left: 0.4rem; } .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: 0.5rem; 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: 1rem; } .builder-switcher a { padding: 0 0.75rem; 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: 1rem; } .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 > .button { margin-right: 1rem; } .-flex { display: flex; } .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-text-size-small); } .-medium-t { font-weight: var(--clb-text-medium); } .-light-t { color: var(--clb-color-grey); } .-nowrap-t { white-space: nowrap; } .-left, .text-left { text-align: left; } .-left-flex { justify-content: flex-start; } .-center, .text-center, .aligncenter { text-align: center; } .-center-flex { justify-content: center; } .-right, .text-right { text-align: right; } .-right-flex { justify-content: flex-end; } .-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; } .-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: 1px 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: 1px 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: 1; margin: 0; margin-block-end: 0; padding: 1rem var(--clb-grid-gutter); font-weight: var(--clb-text-semi-bold); color: var(--clb-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); } .clb__section .clb-gallery, .clb__section .portfolio-projects, .clb__section .blog-posts { margin-top: var(--clb-grid-gutter-negative) !important; } .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-extended > .elementor-column > .elementor-column-wrap, .elementor .elementor-column-gap-extended > .elementor-column > .elementor-widget-wrap, .elementor .elementor-column-gap-extended > .elementor-column > .elementor-element-populated > .elementor-widget-wrap, .elementor .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-column-wrap, .elementor .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-widget-wrap, .elementor .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap, .elementor .elementor-column-gap-wide > .elementor-column > .elementor-column-wrap, .elementor .elementor-column-gap-wide > .elementor-column > .elementor-widget-wrap, .elementor .elementor-column-gap-wide > .elementor-column > .elementor-element-populated > .elementor-widget-wrap, .elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-column-wrap, .elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-widget-wrap, .elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap { padding-top: 0; padding-bottom: 0; } .elementor .animated { animation-duration: .4s; } @keyframes fadeInUpShort { from { opacity: 0; transform: translate3d(0, 40px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDownShort { from { opacity: 0; transform: translate3d(0, -40px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeftShort { from { opacity: 0; transform: translate3d(40px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRightShort { from { opacity: 0; transform: translate3d(-40px, 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-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 { margin-left: var(--clb-grid-gutter-negative); margin-right: var(--clb-grid-gutter-negative); } .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 { font-family: var(--clb-body-font-family); } .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: 0.75rem; } .wpb-js-composer .vc_separator { margin-top: 1.5rem; margin-bottom: 1.5rem; } .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: 0.5rem; 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) { .row-bg-lines { position: absolute; height: 100%; left: 0; right: 0; } .row-bg-lines div { background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent); width: 1px; height: 100%; position: absolute; } .row-bg-lines div:nth-child(2) { margin-left: calc((100% / 4)*1); } .row-bg-lines div:nth-child(3) { margin-left: calc((100% / 4)*2); } .row-bg-lines div:nth-child(4) { margin-left: calc((100% / 4)*3); } .row-bg-lines div:nth-child(5) { margin-left: calc((100% / 4)*4 - 40px); } .row-bg-text { position: absolute; font-size: 5vw; font-weight: var(--clb-text-semi-bold); line-height: 1; letter-spacing: -.04em; top: 0; font-family: var(--clb-titles-font-family); color: color-mix(in srgb, var(--clb-color-neutral) 15%, 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%); } .-sticky-block, .-sticky-block > .vc_column-inner > .wpb_wrapper { position: sticky !important; z-index: 2; top: 0; } .page-content { width: 100%; float: left; } .page-content.-with-left-sidebar { width: 75%; float: right; padding-left: 2.5%; } .page-content.-with-right-sidebar { width: 75%; float: left; padding-right: 2.5%; } .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-side-spacer); padding-right: var(--clb-container-side-spacer); } .single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .title, .woocommerce-page:not(.archive):not(.single) .page-headline .title { max-width: 100%; } .header .desktop-hamburger { min-width: var(--clb-circle); } .header .desktop-hamburger.-left { margin-right: 1rem; } .header .desktop-hamburger.-right { margin-left: 1rem; } .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: 1.5rem; 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: 0; 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%; } .comments .comment-body { padding-left: 5rem; } .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 { margin: 0.5rem 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) - 1rem); } .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-text-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(-0.25rem); } .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 .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 - 1rem); } .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); } .filter-holder .close-bar { display: none; } .filter-holder select { max-width: 8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filter-holder .woocommerce-ordering { display: inline-flex; vertical-align: middle; align-items: center; } .filter-holder .woocommerce-ordering:nth-of-type(1) select { max-width: 8.75rem; } .filter-holder .woocommerce-ordering:nth-of-type(2) select { max-width: 10rem; } .filter-holder .result { white-space: nowrap; } .filter-holder .result + select, .filter-holder .result + .woocommerce-ordering select { margin-left: 1rem; } .filter > select:nth-of-type(1) { min-width: 7.25rem; } .filter > select:nth-of-type(2) { max-width: 4.75rem; } .filter > select:nth-of-type(3) { max-width: 6rem; } .is-mobile-menu.admin-bar .mobile-overlay, .is-mobile-menu.admin-bar .mobile-overlay .overlay { height: calc(100% - var(--clb-admin-bar-height)); top: var(--clb-admin-bar-height); } .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); } .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) { margin-right: var(--clb-grid-gutter); } .tabs.-vertical { display: flex; align-items: flex-start; } .tabs.-vertical .tabs-nav { width: auto; margin-right: 1.5rem; 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: 2px 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: 1rem; } .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%); } .clb__section > .e-con-inner > .e-child > .e-con-inner { gap: unset; } } @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) { .boxed-container { margin-left: calc(var(--clb-side-elements-height) + var(--clb-grid-gutter) * 3); margin-right: calc(var(--clb-side-elements-height) + var(--clb-grid-gutter) * 3); } .header:not(.-mobile) .menu .sub-menu-wide { padding: 0.75rem; } .with-sticky-footer .site-content { position: relative; z-index: 2; } .with-sticky-footer .site-footer { width: auto; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; 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: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height)); } .single-post .single-post-layout.-layout2 .post-page-container { padding-left: var(--clb-spacer); padding-right: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height)); padding-top: var(--clb-header-height); } .single-post:not(.with-spacer) .-layout2 .post-page-container { margin-top: var(--clb-header-height); } .single-post .author-container .widget_ohio_widget_about_author { flex-direction: row; justify-content: space-between; } .single-post .author-container .widget_ohio_widget_about_author .avatar { margin-bottom: 0; min-width: var(--clb-circle-large); } .single-post .author-container .widget_ohio_widget_about_author .social-networks { flex-direction: column; } .portfolio-item.-layout4 .project-details { margin-right: 35%; } .portfolio-item.-layout11 .card-details { opacity: 0; visibility: hidden; position: fixed; top: 0.5rem; left: 1rem; 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 0.75rem; 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 - 1rem); } .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: 1rem; } .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: 1rem; } .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; } .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; } .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: 1921px) { :root { --clb-container-width: var(--clb-container-width-large); } rs-slide .rev_row_zone_top > .rs-parallax-wrap, rs-slide .rev_row_zone_bottom > .rs-parallax-wrap { width: 100% !important; left: 0 !important; margin: 0 auto; max-width: var(--clb-container-width-large); } } @media screen and (max-width: 1180px) { :root { --clb-spacer: var(--clb-grid-gutter); --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 .title, .woocommerce-page:not(.archive):not(.single) .page-headline .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-side-spacer); padding-right: var(--clb-container-side-spacer); } .header:not(.-mobile) .menu li > ul > li a { padding: 0.4rem 1rem; } .header:not(.-mobile) .menu > .nav-item > a { padding: 0 1.5vw; } .header:not(.-mobile) .menu .sub-menu-wide { height: auto !important; width: calc(100vw - 40px); margin-left: -1rem; } .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; } :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 > li { min-width: calc((100% / 3) - 1.5rem); width: calc((100% / 3) - 1.5rem); margin-right: 1.5rem; } .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%, 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%, 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-grid-gutter) * 4.75); 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; } .elementor-widget .ohio-widget .clb-slider-item { padding-left: var(--clb-grid-gutter) !important; padding-right: var(--clb-grid-gutter) !important; } body:not(.dark-scheme) .dynamic-typo .color-switcher .color-switcher-item.dark { color: inherit !important; } .purchase-button { display: none; } .clb__remove_stretch_md .stretch-content { left: auto !important; width: auto !important; } .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, .vc_row.clb__padding_set > .wpb_column > .vc_column-inner { padding-left: var(--clb-grid-gutter) !important; padding-right: var(--clb-grid-gutter) !important; } .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, .vc_row.vc__padding_remove > .wpb_column > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (max-width: 768px) { 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: 1.3; } .single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .title, .woocommerce-page:not(.archive):not(.single) .page-headline .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%; 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 .mobile-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-5.with-spacer [data-vc-stretch-content], .with-header-5.with-spacer .elementor-section-stretched, .with-header-6.with-spacer .site-content, .with-header-6.with-spacer .site-footer, .with-header-6.with-spacer [data-vc-stretch-content], .with-header-6.with-spacer .elementor-section-stretched, .with-header-7.with-spacer .site-content, .with-header-7.with-spacer .site-footer, .with-header-7.with-spacer [data-vc-stretch-content], .with-header-7.with-spacer .elementor-section-stretched { padding-left: 0 !important; } .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: 0.5rem; } .alert.-fixed, #yith-wcwl-popup-message.-fixed { transform: none; left: var(--clb-grid-gutter); right: var(--clb-grid-gutter); } .breadcrumb-holder { padding-top: var(--clb-grid-gutter); padding-bottom: 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: 1rem; display: flex; align-items: center; } .comments .comment-body .comment-author img { margin-right: 0.5rem; } .comments .children { padding-left: var(--clb-grid-gutter); } .project .-with-slider .holder { margin-right: var(--clb-bullets-spacer); } .options-group > li { min-width: calc(50% - 1.5rem); width: calc(50% - 1.5rem); } .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: 1rem; 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: 1rem; } .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-item.-layout13.-contained .card-details { margin-left: 0; margin-top: var(--clb-grid-gutter); } .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 0.25rem 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 .page-container + .vc_row, .project.-layout4 .page-container + .vc_row { margin: 0; } .project.-layout3, .project.-layout4 { display: flex; flex-direction: column-reverse; } .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-text-size-small); } .social-bar { display: none; } .filter-holder .button { display: inline-flex; vertical-align: middle; align-items: center; } .filter { gap: var(--clb-gap-large); flex-direction: column; align-items: flex-start; } .is-mobile-menu.admin-bar .mobile-overlay, .is-mobile-menu.admin-bar .mobile-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%; } .sticky-nav { position: static; max-width: 100%; } .sticky-nav .sticky-nav-holder { padding-bottom: 2rem; background-color: transparent; border-top: 1px 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: 1.5rem; padding-right: 1.5rem; } .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% - 1.5rem)); } .clb-slider.-nav-inset .prev-btn { left: 0.5rem; } .clb-slider.-nav-inset .next-btn { right: 0.5rem; } .clb-slider.-slider-offset { overflow-x: hidden; } .clb-slider-count { margin-top: var(--clb-grid-gutter); } .-slider-fs:not(.-slider-fs-10) .clb-slider-nav-btn { left: 0; right: auto; padding: 0.75rem; } .-slider-fs.-slider-fs-10 .clb-slider-nav-btn { right: var(--clb-bullets-spacer); } .elementor-widget .ohio-widget .clb-slider-item { padding-right: var(--clb-bullets-spacer) !important; } .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; font-size: 1.2em; } .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-grid-gutter); } .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 > .button { margin-right: 0.5rem; } .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; } rs-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__remove_stretch_sm .stretch-content { left: auto !important; width: auto !important; } .clb__section_spacer { height: 6vh !important; } .clb__spacer { height: 5vh !important; } .clb__overflow_hidden { overflow: hidden; } .clb__fullvh_reset { min-height: initial !important; } .clb__alignment_reset .ohio-widget-holder { text-align: left; } .clb__alignment_reset .ohio-widget-holder::after { content: ""; display: table; clear: both; } .clb__alignment_reset.button { float: left; } .clb__alignment_reset.ohio-text-sc p { text-align: left !important; } .clb__border_reset .vc_column-inner { border: none !important; } .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, .vc_row.clb__margin_set { margin-left: var(--clb-grid-gutter) !important; margin-right: var(--clb-grid-gutter) !important; } .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__margin_reset.vc_section, .clb__margin_reset.vc_row, .clb__margin_reset > .vc_column-inner, .clb__margin_reset.wpb_single_image, .clb__margin_reset .vc_column-inner { margin-left: 0 !important; margin-right: 0 !important; } .clb__margin_vertical_reset > .vc_column-inner { margin-top: 0 !important; margin-bottom: 0 !important; } .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); } .header:not(.-mobile) .menu li > ul > li { font-size: .96rem; } .header:not(.-mobile) .menu li > ul .has-submenu-icon { margin-right: 1rem; } .with-header-5.single-post .post-share .share-bar { left: 0.75rem; } .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; } .elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container { max-width: none; } } @media screen and (min-width: 1181px) and (max-width: 1366px) { :root { --clb-container-width: var(--clb-container-width-laptop-small); } } @media screen and (min-width: 1181px) and (max-width: 1280px) { :root { --clb-container-width: var(--clb-container-width-laptop-extra-small); } } @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, body .boxed-container .page-container:not(.-full-w), body .boxed-container .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-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-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: 1025px) and (max-width: 1600px) { rs-slide .rev_row_zone_top > .rs-parallax-wrap, rs-slide .rev_row_zone_bottom > .rs-parallax-wrap { width: 100% !important; left: 0 !important; margin: 0 auto; } } @media screen and (min-width: 1441px) and (max-width: 1600px) { rs-slide .rev_row_zone_top > .rs-parallax-wrap, rs-slide .rev_row_zone_bottom > .rs-parallax-wrap { max-width: var(--clb-container-width); } } @media screen and (min-width: 1025px) and (max-width: 1440px) { rs-slide .rev_row_zone_top > .rs-parallax-wrap, rs-slide .rev_row_zone_bottom > .rs-parallax-wrap { max-width: var(--clb-container-width-laptop); } } @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; } } } @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); } }