@charset "UTF-8"; :root { --clb-color-primary: #D90A2C; --clb-color-primary-50: color-mix(in srgb, var(--clb-color-primary) 50%, transparent); --clb-color-secondary: #7646DD; --clb-color-secondary-50: color-mix(in srgb, var(--clb-color-secondary) 50%, transparent); --clb-color-white: white; --clb-color-black: #111013; --clb-color-black-rgb: 17, 16, 19; --clb-color-black-light: color-mix(in srgb, var(--clb-color-black) 98%, white); --clb-color-black-light-dm-ignore: var(--clb-color-black-light); --clb-color-overlay: var(--clb-color-black); --clb-color-neutral: color-mix(in srgb, var(--clb-color-black) 50%, white); --clb-color-grey: color-mix(in srgb, var(--clb-color-black) 65%, white); --clb-color-grey-light: color-mix(in srgb, var(--clb-color-black) 50%, white); --clb-color-success: #29A366; --clb-color-warning: #EC8013; --clb-color-danger: #D90A2C; --clb-color-selection: color-mix(in srgb, var(--clb-color-primary) 20%, transparent); --clb-color-placeholder: color.scale(var(--clb-color-black), $lightness: 33%); --clb-color-link: inherit; --clb-color-link-hover: var(--clb-color-primary); --clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); --clb-color-button: var(--clb-color-black-light); --clb-color-button-hover: var(--clb-color-primary); --clb-color-video-button: var(--clb-color-button); --clb-color-paginator-button: var(--clb-text-color); --clb-color-paginator-button-hover: var(--clb-color-primary); --clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, transparent); --clb-color-pattern: color-mix(in srgb, var(--clb-color-neutral) 30%, transparent); --clb-color-preloader: var(--clb-color-white); --clb-color-preloader-spinner: color.scale(var(--clb-color-black), $lightness: 2%); --clb-color-body-light-mode: var(--clb-color-black-light); --clb-color-offer-banner-start: #D3FC96; --clb-color-offer-banner-end: #A6FDDA; --clb-color-offer-banner: #A6FDDA; --clb-color-artstation: #26bbff; --clb-color-behance: #0056ff; --clb-color-deviantart: #05CC47; --clb-color-digg: #1c5891; --clb-color-discord: #7289da; --clb-color-dribbble: #fd629e; --clb-color-facebook: #217cef; --clb-color-flickr: #0063db; --clb-color-github: #24292E; --clb-color-houzz: #007562; --clb-color-instagram: var(--clb-color-black-light); --clb-color-kaggle: #32C0FD; --clb-color-linkedin: #4477ab; --clb-color-medium: #1a8917; --clb-color-mixer: #0270d9; --clb-color-pinterest: #e4252d; --clb-color-producthunt: #ff4f00; --clb-color-quora: #a82401; --clb-color-reddit: #ff4501; --clb-color-snapchat: #e0e410; --clb-color-soundcloud: #FD561F; --clb-color-spotify: #1ED760; --clb-color-teamspeak: #1c82cc; --clb-color-telegram: #0088cc; --clb-color-threads: var(--clb-color-black-light); --clb-color-tiktok: var(--clb-color-black-light); --clb-color-tumblr: var(--clb-color-black-light); --clb-color-twitch: #9147ff; --clb-color-twitter: var(--clb-color-black-light); --clb-color-vimeo: #1ab8ea; --clb-color-vine: #00be8e; --clb-color-whatsapp: #0ec143; --clb-color-xing: #0C6567; --clb-color-youtube: #e4252d; --clb-color-fivehundredpx: var(--clb-color-black-light); --clb-color-white-dark-mode: var(--clb-color-white); --clb-color-fill-dark-mode: var(--clb-color-black); } :root { --clb-border-style-solid: solid; --clb-border-style-dashed: dashed; --clb-border-width: 1px; --clb-border-width-double: 2px; --clb-border-radius: 0.5rem; --clb-border-radius-small: calc(var(--clb-border-radius) / 2); --clb-border-radius-large: calc(var(--clb-border-radius) * 2); --clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5); --clb-button-border-radius: var(--clb-border-radius); --clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 2); --clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 2); --clb-grid-border-radius: var(--clb-border-radius); --clb-text-field-border-radius: var(--clb-border-radius); --clb-icon-size: 1.4em; --clb-icon-size-small: 1.2em; --clb-icon-size-large: 1.6em; --clb-circle: 3.5rem; --clb-circle-small: 3rem; --clb-circle-extra-small: 2.5rem; --clb-circle-large: 4rem; --clb-cursor-circle: 3.75rem; --clb-cursor-circle-small: 2rem; --clb-cursor-circle-extra-small: 1.25rem; --clb-cursor-circle-inner: 0.5rem; --clb-button-height: 2.75rem; --clb-button-height-small: 2.25rem; --clb-button-height-large: 3.25rem; --clb-button-side-padding: 1.25rem; --clb-button-side-padding-small: 1rem; --clb-button-side-padding-large: 1.5rem; --clb-header-height: 12vh; --clb-header-height-2: 20vh; --clb-header-height-5: 32vh; --clb-header-height-6: 10.5vh; --clb-header-height-8: 100%; --clb-sticky-header-height: 9vh; --clb-subheader-height: 2.375rem; --clb-offer-banner-height: 2.5rem; --clb-lightbox-gallery-width: 40vw; --clb-header-border-style: hidden; --clb-header-border-color: var(--clb-color-border); --clb-sticky-header-border-style: hidden; --clb-sticky-header-border-color: var(--clb-color-border); --clb-sidebar-width: 20rem; --clb-side-elements-height: 3.5rem; --clb-color-switcher-height: 1.8rem; --clb-admin-bar-height: 2rem; --clb-admin-bar-height-mobile: 2.875rem; --clb-spacer-05: 0.25rem; --clb-spacer-1: 0.5rem; --clb-spacer-2: 0.75rem; --clb-spacer-3: 1rem; --clb-spacer-4: 1.25rem; --clb-spacer-5: 1.5rem; --clb-spacer-6: 1.75rem; --clb-spacer-7: 2rem; --clb-spacer-8: 2.25rem; --clb-spacer-9: 2.5rem; --clb-spacer-10: 2.75rem; --clb-spacer: 3vh; --clb-spacer-negative: calc(var(--clb-spacer) * (-1)); --clb-grid-gutter: 1rem; --clb-grid-gutter-2x: calc(var(--clb-grid-gutter) * 2); --clb-grid-gutter-3x: calc(var(--clb-grid-gutter-2x) + 1rem); --clb-grid-gutter-4x: 6vh; --clb-grid-gutter-5x: 8vh; --clb-grid-gutter-6x: 10vh; --clb-grid-gutter-negative: calc(var(--clb-grid-gutter) * (-1)); --clb-bullets-spacer: 2.75rem; --clb-widget-gutter: 3.5vh; --clb-widget-text-line-height: 1.25; --clb-widget-thumbnail: 4rem; --clb-gap: 0.5em; --clb-gap-small: 0.25em; --clb-gap-large: 1em; --clb-gap-widget: 1.4em; --clb-cursor-default: default; --clb-cursor-pointer: pointer; --clb-cursor-help: help; --clb-container-width: 1344px; --clb-container-width-laptop: 86vw; --clb-container-offset: calc((100vw - var(--clb-container-width)) / 2); --clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height)); --clb-container-side-gutter: var(--clb-grid-gutter); --clb-container-narrow-side-spacer: 5vw; --clb-container-post-width: 1144px; --clb-slide-in-panel-width: 25rem; --clb-slide-in-panel-header-height: 5rem; --clb-transition-function: cubic-bezier(.645, .045, .355, 1); --clb-transition-duration: .35s; --clb-transition-duration-faster: .2s; --clb-infinit-scrolling-transition-duration: 45s; --clb-transform-scale: scale3d(1.06, 1.06, 1.06); --clb-font-size-small: .95em; --clb-font-size-extra-small: .9em; --clb-font-size-large: 1.05em; --clb-font-size-mobile: 0.5rem; --clb-font-size-caption: 0.9rem; --clb-font-size-menu: 1rem; --clb-font-size-submenu: .98em; --clb-font-size-md-titles: 1.5em; --clb-text-bold: bold; --clb-text-semi-bold: 600; --clb-text-medium: 500; --clb-text-normal: 400; --clb-text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --clb-text-color: var(--clb-color-black-light); --clb-text-color-grey: color-mix(in srgb, var(--clb-text-color) 72%, white); --clb-text-color-grey-light: color-mix(in srgb, var(--clb-text-color) 52%, white); --clb-text-font-size: 1.025rem; --clb-text-letter-spacing: initial; --clb-text-line-height: 1.6; --clb-text-line-heigth-small: 1.35; --clb-text-font-weight: 400; --clb-text-style: normal; --clb-text-transform: none; --clb-text-decoration: none; --clb-subtitle-font-family: inherit; --clb-subtitle-color: inherit; --clb-subtitle-font-size: 0.9em; --clb-subtitle-letter-spacing: inherit; --clb-subtitle-line-height: inherit; --clb-subtitle-font-weight: 500; --clb-subtitle-style: normal; --clb-subtitle-text-transform: none; --clb-subtitle-text-decoration: none; --clb-title-font-family: "DM Sans", sans-serif; --clb-title-color: var(--clb-color-black); --clb-title-font-size: inherit; --clb-title-letter-spacing: inherit; --clb-title-line-height: inherit; --clb-title-font-weight: 600; --clb-title-style: normal; --clb-title-text-transform: none; --clb-title-text-decoration: none; --clb-title-scale-ratio: 0.68; --clb-title-scale-ratio-h5: 1.24; --clb-h1-font-size: 4.5rem; --clb-h1-clamp-size: calc(4.5vw + var(--clb-spacer-05)); --clb-h1-font-size-min: calc(var(--clb-h1-font-size) * 0.6); --clb-h1-letter-spacing: calc(.045em * (-1)); --clb-h1-line-height: 1; --clb-h2-font-size: calc(var(--clb-h1-font-size) * var(--clb-title-scale-ratio)); --clb-h2-clamp-size: calc(3.15vw + var(--clb-spacer-05)); --clb-h2-font-size-min: calc(var(--clb-h2-font-size) * 0.64); --clb-h2-letter-spacing: calc(.04em * (-1)); --clb-h2-line-height: 1.05; --clb-h3-font-size: calc(var(--clb-h2-font-size) * var(--clb-title-scale-ratio)); --clb-h3-clamp-size: calc(2.25vw + var(--clb-spacer-05)); --clb-h3-font-size-min: calc(var(--clb-h3-font-size) * 0.72); --clb-h3-letter-spacing: calc(.035em * (-1)); --clb-h3-line-height: 1.1; --clb-h4-font-size: calc(var(--clb-h3-font-size) * var(--clb-title-scale-ratio)); --clb-h4-clamp-size: calc(1.5vw + var(--clb-spacer-05)); --clb-h4-font-size-min: calc(var(--clb-h4-font-size) * 0.88); --clb-h4-letter-spacing: calc(.03em * (-1)); --clb-h4-line-height: 1.2; --clb-h5-font-size: calc(var(--clb-h4-font-size) * var(--clb-title-scale-ratio) * var(--clb-title-scale-ratio-h5)); --clb-h5-clamp-size: calc(1.25vw + var(--clb-spacer-05)); --clb-h5-font-size-min: calc(var(--clb-h5-font-size) * 0.92); --clb-h5-letter-spacing: calc(.025em * (-1)); --clb-h5-line-height: 1.3; --clb-h6-font-size: var(--clb-font-size); --clb-h6-letter-spacing: calc(.02em * (-1)); --clb-h6-line-height: 1.4; --clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace; --clb-action-font-family: var(--clb-title-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-title-font-weight); --clb-countdown-font-size: var(--clb-h3-font-size-min); --clb-countdown-font-size-min: var(--clb-h4-font-size-min); --clb-card-titles-font-size: var(--clb-h4-font-size-min); --clb-card-titles-font-size-min: var(--clb-h5-font-size-min); --clb-wc-product-thumbnail: 4.25rem; --clb-wc-product-title: 1.1em; --clb-wc-product-title-line-height: var(--clb-h1-line-height); } .ab_row { position: relative; } .ab_row::after { content: ""; display: table; clear: both; } .ab_row:not(.-nospace) { margin-left: var(--clb-grid-gutter-negative); margin-right: var(--clb-grid-gutter-negative); } .ab_row:not(.-nospace) [class^=ab_col], .ab_row:not(.-nospace) .grid-item { position: relative; min-height: 1px; padding-left: var(--clb-grid-gutter); padding-right: var(--clb-grid-gutter); } .ab_row:not(.-nospace).portfolio-grid + .pagination-standard, .ab_row:not(.-nospace).portfolio-grid + .lazy-load, .ab_row:not(.-nospace).portfolio-grid + .holder, .ab_row:not(.-nospace).blog-posts + .pagination-standard, .ab_row:not(.-nospace).blog-posts + .lazy-load, .ab_row:not(.-nospace).blog-posts + .holder, .ab_row:not(.-nospace).archive-holder + .pagination-standard, .ab_row:not(.-nospace).archive-holder + .lazy-load, .ab_row:not(.-nospace).archive-holder + .holder { padding-top: var(--clb-spacer); } div[class*=ab_col-xs] { float: left; } .ab_col-xs-1 { width: calc(8.3333333333% * 1); } .ab_col-xs-2 { width: calc(8.3333333333% * 2); } .ab_col-xs-3 { width: calc(8.3333333333% * 3); } .ab_col-xs-4 { width: calc(8.3333333333% * 4); } .ab_col-xs-5 { width: calc(8.3333333333% * 5); } .ab_col-xs-6 { width: calc(8.3333333333% * 6); } .ab_col-xs-7 { width: calc(8.3333333333% * 7); } .ab_col-xs-8 { width: calc(8.3333333333% * 8); } .ab_col-xs-9 { width: calc(8.3333333333% * 9); } .ab_col-xs-10 { width: calc(8.3333333333% * 10); } .ab_col-xs-11 { width: calc(8.3333333333% * 11); } .ab_col-xs-12 { width: calc(8.3333333333% * 12); } .ab_row:not(.ab_row-no-padding) .ab_column_container > .ab_column-inner { padding-left: var(--clb-grid-gutter); padding-right: var(--clb-grid-gutter); } section.ab_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.ab_row { margin: 0; } .-nospace.ab_row .grid-item { padding: 0; } .page-headline .animated-holder, .project.-layout6 .animated-holder, .project.-layout8 .animated-holder, .project.-layout9 .animated-holder, .project.-layout10 .animated-holder, .main-section .animated-holder, [data-interactive-links-grid] .animated-holder { z-index: 1; } .page-headline .animated-holder > *, .project.-layout6 .animated-holder > *, .project.-layout8 .animated-holder > *, .project.-layout9 .animated-holder > *, .project.-layout10 .animated-holder > *, .main-section .animated-holder > *, [data-interactive-links-grid] .animated-holder > * { animation-name: slide_up_elements; } .animated-holder > *, .hamburger-nav .menu > *, .hamburger-nav:not(.type2) .sub-menu > *, .hamburger-nav:not(.type2) .sub-sub-menu > *, .hamburger-nav-details > *, .header-5 .sub-menu > *, .header-5 .sub-sub-menu > * { will-change: transform; opacity: 0; transform: translateY(2rem); animation-iteration-count: 1; animation-fill-mode: forwards; animation-duration: var(--clb-transition-duration); transition-timing-function: var(--clb-transition-function); } *.visible:not(.open-onclick) .animated-holder > *, *.visible:not(.open-onclick).hamburger-nav .hamburger-nav-holder > .menu > *, *.visible:not(.open-onclick) .hamburger-nav-details > *, *.visible:not(.open-onclick) > .sub-menu > *, *.visible:not(.open-onclick) > .sub-sub-menu > *, *.active .animated-holder > *, *.active.hamburger-nav .hamburger-nav-holder > .menu > *, *.active .hamburger-nav-details > *, *.active > .sub-menu > *, *.active > .sub-sub-menu > *, *.last-active .animated-holder > *, *.last-active.hamburger-nav .hamburger-nav-holder > .menu > *, *.last-active .hamburger-nav-details > *, *.last-active > .sub-menu > *, *.last-active > .sub-sub-menu > * { animation-name: slide_up_elements; } *.last-active .animated-holder * { opacity: 0 !important; transform: translateY(var(--clb-spacer-2)); transition: all var(--clb-transition-function) var(--clb-transition-duration); } *:hover:not(.showed-onclick) > .sub-sub-nav > .sub-sub-menu > * { animation-name: slide_up_elements; } .animated-holder > *:nth-child(1), .hamburger-nav .menu > *:nth-child(1), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(1), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(1), .hamburger-nav-details > *:nth-child(1), .header-5 .sub-menu > *:nth-child(1), .header-5 .sub-sub-menu > *:nth-child(1) { animation-delay: 0.05s; transition-delay: 0.05s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(1) > [data-aos-delay] { animation-delay: 0.05s !important; transition-delay: 0.05s !important; } .clb-slider .animated-holder > *:nth-child(1) { animation-delay: 0.45s; transition-delay: 0.45s; } .animated-holder > *:nth-child(2), .hamburger-nav .menu > *:nth-child(2), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(2), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(2), .hamburger-nav-details > *:nth-child(2), .header-5 .sub-menu > *:nth-child(2), .header-5 .sub-sub-menu > *:nth-child(2) { animation-delay: 0.1s; transition-delay: 0.1s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(2) > [data-aos-delay] { animation-delay: 0.1s !important; transition-delay: 0.1s !important; } .clb-slider .animated-holder > *:nth-child(2) { animation-delay: 0.5s; transition-delay: 0.5s; } .animated-holder > *:nth-child(3), .hamburger-nav .menu > *:nth-child(3), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(3), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(3), .hamburger-nav-details > *:nth-child(3), .header-5 .sub-menu > *:nth-child(3), .header-5 .sub-sub-menu > *:nth-child(3) { animation-delay: 0.15s; transition-delay: 0.15s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(3) > [data-aos-delay] { animation-delay: 0.15s !important; transition-delay: 0.15s !important; } .clb-slider .animated-holder > *:nth-child(3) { animation-delay: 0.55s; transition-delay: 0.55s; } .animated-holder > *:nth-child(4), .hamburger-nav .menu > *:nth-child(4), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(4), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(4), .hamburger-nav-details > *:nth-child(4), .header-5 .sub-menu > *:nth-child(4), .header-5 .sub-sub-menu > *:nth-child(4) { animation-delay: 0.2s; transition-delay: 0.2s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(4) > [data-aos-delay] { animation-delay: 0.2s !important; transition-delay: 0.2s !important; } .clb-slider .animated-holder > *:nth-child(4) { animation-delay: 0.6s; transition-delay: 0.6s; } .animated-holder > *:nth-child(5), .hamburger-nav .menu > *:nth-child(5), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(5), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(5), .hamburger-nav-details > *:nth-child(5), .header-5 .sub-menu > *:nth-child(5), .header-5 .sub-sub-menu > *:nth-child(5) { animation-delay: 0.25s; transition-delay: 0.25s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(5) > [data-aos-delay] { animation-delay: 0.25s !important; transition-delay: 0.25s !important; } .clb-slider .animated-holder > *:nth-child(5) { animation-delay: 0.65s; transition-delay: 0.65s; } .animated-holder > *:nth-child(6), .hamburger-nav .menu > *:nth-child(6), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(6), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(6), .hamburger-nav-details > *:nth-child(6), .header-5 .sub-menu > *:nth-child(6), .header-5 .sub-sub-menu > *:nth-child(6) { animation-delay: 0.3s; transition-delay: 0.3s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(6) > [data-aos-delay] { animation-delay: 0.3s !important; transition-delay: 0.3s !important; } .clb-slider .animated-holder > *:nth-child(6) { animation-delay: 0.7s; transition-delay: 0.7s; } .animated-holder > *:nth-child(7), .hamburger-nav .menu > *:nth-child(7), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(7), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(7), .hamburger-nav-details > *:nth-child(7), .header-5 .sub-menu > *:nth-child(7), .header-5 .sub-sub-menu > *:nth-child(7) { animation-delay: 0.35s; transition-delay: 0.35s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(7) > [data-aos-delay] { animation-delay: 0.35s !important; transition-delay: 0.35s !important; } .clb-slider .animated-holder > *:nth-child(7) { animation-delay: 0.75s; transition-delay: 0.75s; } .animated-holder > *:nth-child(8), .hamburger-nav .menu > *:nth-child(8), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(8), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(8), .hamburger-nav-details > *:nth-child(8), .header-5 .sub-menu > *:nth-child(8), .header-5 .sub-sub-menu > *:nth-child(8) { animation-delay: 0.4s; transition-delay: 0.4s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(8) > [data-aos-delay] { animation-delay: 0.4s !important; transition-delay: 0.4s !important; } .clb-slider .animated-holder > *:nth-child(8) { animation-delay: 0.8s; transition-delay: 0.8s; } .animated-holder > *:nth-child(9), .hamburger-nav .menu > *:nth-child(9), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(9), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(9), .hamburger-nav-details > *:nth-child(9), .header-5 .sub-menu > *:nth-child(9), .header-5 .sub-sub-menu > *:nth-child(9) { animation-delay: 0.45s; transition-delay: 0.45s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(9) > [data-aos-delay] { animation-delay: 0.45s !important; transition-delay: 0.45s !important; } .clb-slider .animated-holder > *:nth-child(9) { animation-delay: 0.85s; transition-delay: 0.85s; } .animated-holder > *:nth-child(10), .hamburger-nav .menu > *:nth-child(10), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(10), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(10), .hamburger-nav-details > *:nth-child(10), .header-5 .sub-menu > *:nth-child(10), .header-5 .sub-sub-menu > *:nth-child(10) { animation-delay: 0.5s; transition-delay: 0.5s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(10) > [data-aos-delay] { animation-delay: 0.5s !important; transition-delay: 0.5s !important; } .clb-slider .animated-holder > *:nth-child(10) { animation-delay: 0.9s; transition-delay: 0.9s; } .animated-holder > *:nth-child(11), .hamburger-nav .menu > *:nth-child(11), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(11), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(11), .hamburger-nav-details > *:nth-child(11), .header-5 .sub-menu > *:nth-child(11), .header-5 .sub-sub-menu > *:nth-child(11) { animation-delay: 0.55s; transition-delay: 0.55s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(11) > [data-aos-delay] { animation-delay: 0.55s !important; transition-delay: 0.55s !important; } .clb-slider .animated-holder > *:nth-child(11) { animation-delay: 0.95s; transition-delay: 0.95s; } .animated-holder > *:nth-child(12), .hamburger-nav .menu > *:nth-child(12), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(12), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(12), .hamburger-nav-details > *:nth-child(12), .header-5 .sub-menu > *:nth-child(12), .header-5 .sub-sub-menu > *:nth-child(12) { animation-delay: 0.6s; transition-delay: 0.6s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(12) > [data-aos-delay] { animation-delay: 0.6s !important; transition-delay: 0.6s !important; } .clb-slider .animated-holder > *:nth-child(12) { animation-delay: 1s; transition-delay: 1s; } .animated-holder > *:nth-child(13), .hamburger-nav .menu > *:nth-child(13), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(13), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(13), .hamburger-nav-details > *:nth-child(13), .header-5 .sub-menu > *:nth-child(13), .header-5 .sub-sub-menu > *:nth-child(13) { animation-delay: 0.65s; transition-delay: 0.65s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(13) > [data-aos-delay] { animation-delay: 0.65s !important; transition-delay: 0.65s !important; } .clb-slider .animated-holder > *:nth-child(13) { animation-delay: 1.05s; transition-delay: 1.05s; } .animated-holder > *:nth-child(14), .hamburger-nav .menu > *:nth-child(14), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(14), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(14), .hamburger-nav-details > *:nth-child(14), .header-5 .sub-menu > *:nth-child(14), .header-5 .sub-sub-menu > *:nth-child(14) { animation-delay: 0.7s; transition-delay: 0.7s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(14) > [data-aos-delay] { animation-delay: 0.7s !important; transition-delay: 0.7s !important; } .clb-slider .animated-holder > *:nth-child(14) { animation-delay: 1.1s; transition-delay: 1.1s; } .animated-holder > *:nth-child(15), .hamburger-nav .menu > *:nth-child(15), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(15), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(15), .hamburger-nav-details > *:nth-child(15), .header-5 .sub-menu > *:nth-child(15), .header-5 .sub-sub-menu > *:nth-child(15) { animation-delay: 0.75s; transition-delay: 0.75s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(15) > [data-aos-delay] { animation-delay: 0.75s !important; transition-delay: 0.75s !important; } .clb-slider .animated-holder > *:nth-child(15) { animation-delay: 1.15s; transition-delay: 1.15s; } .animated-holder > *:nth-child(16), .hamburger-nav .menu > *:nth-child(16), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(16), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(16), .hamburger-nav-details > *:nth-child(16), .header-5 .sub-menu > *:nth-child(16), .header-5 .sub-sub-menu > *:nth-child(16) { animation-delay: 0.8s; transition-delay: 0.8s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(16) > [data-aos-delay] { animation-delay: 0.8s !important; transition-delay: 0.8s !important; } .clb-slider .animated-holder > *:nth-child(16) { animation-delay: 1.2s; transition-delay: 1.2s; } .animated-holder > *:nth-child(17), .hamburger-nav .menu > *:nth-child(17), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(17), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(17), .hamburger-nav-details > *:nth-child(17), .header-5 .sub-menu > *:nth-child(17), .header-5 .sub-sub-menu > *:nth-child(17) { animation-delay: 0.85s; transition-delay: 0.85s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(17) > [data-aos-delay] { animation-delay: 0.85s !important; transition-delay: 0.85s !important; } .clb-slider .animated-holder > *:nth-child(17) { animation-delay: 1.25s; transition-delay: 1.25s; } .animated-holder > *:nth-child(18), .hamburger-nav .menu > *:nth-child(18), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(18), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(18), .hamburger-nav-details > *:nth-child(18), .header-5 .sub-menu > *:nth-child(18), .header-5 .sub-sub-menu > *:nth-child(18) { animation-delay: 0.9s; transition-delay: 0.9s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(18) > [data-aos-delay] { animation-delay: 0.9s !important; transition-delay: 0.9s !important; } .clb-slider .animated-holder > *:nth-child(18) { animation-delay: 1.3s; transition-delay: 1.3s; } .animated-holder > *:nth-child(19), .hamburger-nav .menu > *:nth-child(19), .hamburger-nav:not(.type2) .sub-menu > *:nth-child(19), .hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(19), .hamburger-nav-details > *:nth-child(19), .header-5 .sub-menu > *:nth-child(19), .header-5 .sub-sub-menu > *:nth-child(19) { animation-delay: 0.95s; transition-delay: 0.95s; } [data-interactive-links-grid] .portfolio-grid > *:nth-child(19) > [data-aos-delay] { animation-delay: 0.95s !important; transition-delay: 0.95s !important; } .clb-slider .animated-holder > *:nth-child(19) { animation-delay: 1.35s; transition-delay: 1.35s; } @keyframes slide_up_elements { from { transform: translateY(3.25rem); opacity: 0; } to { transform: translateY(0px); opacity: 1; } } body { color: var(--clb-text-color); font-family: var(--clb-text-font-family); font-size: var(--clb-text-font-size); letter-spacing: var(--clb-text-letter-spacing); line-height: var(--clb-text-line-height); font-weight: var(--clb-text-font-weight); font-style: var(--clb-text-style); text-transform: var(--clb-text-transform); text-decoration: var(--clb-text-decoration); background-color: var(--clb-color-white); height: 100%; overflow-x: hidden; padding: 0; margin: 0; text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body * { overflow-wrap: break-word; } body.archive { width: 100%; } body.no-scroll { overflow-y: hidden; } body *::-webkit-scrollbar { width: var(--clb-spacer-05); height: var(--clb-spacer-05); background: color-mix(in srgb, var(--clb-color-black) 10%, transparent); border-radius: var(--clb-border-radius); } body *::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--clb-color-black) 20%, transparent); border-radius: var(--clb-border-radius); } body *::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--clb-color-black) 30%, transparent); } ::selection { background-color: var(--clb-color-selection); } .card:not(.-contained) .image-holder { border-radius: var(--clb-grid-border-radius); } .card:not(.-contained).-with-shadow .image-holder { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .card .image-holder { overflow: hidden; position: relative; margin: 0; } .card .image-holder, .card .image-holder > a { display: block; } .card .image-holder img { min-width: 100%; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .card.-metro:not(.-no-media) .image-holder { padding-bottom: 100%; position: relative; } .card.-metro:not(.-no-media) .image-holder img, .card.-metro:not(.-no-media) .image-holder iframe { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; min-width: 100%; height: 100%; } .card.-metro:not(.-no-media) .image-holder .clb-slider { position: absolute; } .card.-metro:not(.-no-media) .image-holder .clb-slider, .card.-metro:not(.-no-media) .image-holder .clb-slider .clb-slider-outer-stage { height: 100%; } .card.-metro:not(.-no-media) .image-holder .clb-slider img { position: relative; } .card.-contained:not(.-layout13) { overflow: hidden; border-radius: var(--clb-grid-border-radius); } .card.-contained .card-details { background-color: var(--clb-color-fill); } .card.-contained.-with-shadow:not(.-layout13) { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .card.-img-scale:hover .image-holder img { transform: var(--clb-transform-scale); z-index: 1; } .card.-img-overlay .image-holder::after, .card.-img-overlay .image-holder .overlay { background: linear-gradient(90deg, var(--clb-color-primary-50) 0%, var(--clb-color-secondary-50) 100%); left: 0; top: 0; height: 100%; width: 100%; opacity: 0; content: ""; display: block; position: absolute; transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .card.-img-overlay:hover .image-holder::after, .card.-img-overlay:hover .image-holder .overlay { opacity: 1; } .card.-img-greyscale:not(:hover) .image-holder img { filter: grayscale(1); } .card.-img-transition .image-holder img:not(:first-child) { opacity: 0; position: absolute; top: 0; left: 0; right: 0; object-fit: cover; width: 100%; min-width: 100%; height: 100%; } .card.-img-transition:hover .image-holder img:not(:first-child) { opacity: 1; } .card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only) .card-details { padding-top: var(--clb-spacer-4); } .card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only).-contained .card-details { padding-bottom: var(--clb-spacer-4); padding-left: var(--clb-spacer); padding-right: var(--clb-spacer); } .card:not(.-layout4):not(.-layout6):not(.-with-overlay-image) .overlay-details { color: var(--clb-color-white); } .card .overlay-details { position: absolute; width: 100%; left: 0; z-index: 1; padding: var(--clb-spacer); display: flex; } .card .overlay-details:not(.-top) { bottom: 0; } .card .overlay-details:not(.card-details) p { margin: 0; } .card .overlay-details.-top { top: 0; } .card.-center .description { align-items: center; } .card.-right .description { align-items: flex-end; } .card:hover .-fade-up, .card:hover .-fade-down { transform: none; opacity: 1; } .double-width:not(.ab_col-lg-12) .card.-metro .image-holder { padding-bottom: calc(50% - var(--clb-grid-gutter)); } hr { background-color: color-mix(in srgb, var(--clb-color-neutral) 60%, transparent); margin: var(--clb-spacer-1) auto; width: 100%; border: 0; height: 1px; display: block; } ul, ol { margin-bottom: 1.35em; padding-left: 2rem; } ul:not(.-unlist) > li, ol:not(.-unlist) > li { margin: var(--clb-spacer-05) 0; } li > ul, li > ol { margin-bottom: 0; } dt { font-weight: var(--clb-text-bold); } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; vertical-align: top; } figure { margin: 1em 0; } fieldset { border: none; padding: 0; margin: 0; } fieldset legend { font-weight: var(--clb-text-semi-bold); } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: var(--clb-font-size-small); font-size: 0.875rem; font-weight: var(--clb-text-semi-bold); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } table, .wp-block-table { width: 100%; border-collapse: collapse; border-spacing: 0; } table:not(.-unstyle) td, table:not(.-unstyle) th, .wp-block-table:not(.-unstyle) td, .wp-block-table:not(.-unstyle) th { border: none; border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); text-align: inherit; padding: 0.7rem 0.7rem 0.7rem 0; vertical-align: top; } table:not(.-unstyle) td:last-child, table:not(.-unstyle) th:last-child, .wp-block-table:not(.-unstyle) td:last-child, .wp-block-table:not(.-unstyle) th:last-child { padding-right: 0; } table thead th, .wp-block-table thead th { border: none; } table th, .wp-block-table th { font-weight: var(--clb-text-semi-bold); font-size: var(--clb-font-size-caption); } table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--clb-color-fill); } table.is-style-stripes td, .wp-block-table.is-style-stripes td { border-color: var(--clb-color-border); } 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-color-link); } a:not(.-unlink):hover, a:not(.-unlink).-dashed { color: var(--clb-color-link-hover); } 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-title-font-family); font-weight: var(--clb-title-font-weight); margin: 0; } h1:not(.title) + *, h2:not(.title) + *, h3:not(.title) + *, h4:not(.title) + *, h5:not(.title) + *, h6:not(.title) + *, .font-titles:not(.title) + *, .titles-typo:not(.title) + * { margin-block-start: 1em; } h1.heading-md, h1.wc-prl-title, h2.heading-md, h2.wc-prl-title, h3.heading-md, h3.wc-prl-title, h4.heading-md, h4.wc-prl-title, h5.heading-md, h5.wc-prl-title, h6.heading-md, h6.wc-prl-title, .font-titles.heading-md, .font-titles.wc-prl-title, .titles-typo.heading-md, .titles-typo.wc-prl-title { font-size: var(--clb-font-size-md-titles); margin-bottom: var(--clb-spacer-4); } h1, h2, h3, h4, h5, h6 { color: var(--clb-title-color); font-size: var(--clb-title-font-size); letter-spacing: var(--clb-title-letter-spacing); line-height: var(--clb-title-line-height); font-style: var(--clb-title-style); text-transform: var(--clb-title-text-transform); text-decoration: var(--clb-title-text-decoration); } h1 { font-size: clamp(var(--clb-h1-font-size-min), var(--clb-h1-clamp-size), var(--clb-h1-font-size)); letter-spacing: var(--clb-h1-letter-spacing); line-height: var(--clb-h1-line-height); } h2 { font-size: clamp(var(--clb-h2-font-size-min), var(--clb-h2-clamp-size), var(--clb-h2-font-size)); letter-spacing: var(--clb-h2-letter-spacing); line-height: var(--clb-h2-line-height); } h3 { font-size: clamp(var(--clb-h3-font-size-min), var(--clb-h3-clamp-size), var(--clb-h3-font-size)); letter-spacing: var(--clb-h3-letter-spacing); line-height: var(--clb-h3-line-height); } h3:not(.title) + * { margin-top: 1rem; } h4 { font-size: clamp(var(--clb-h4-font-size-min), var(--clb-h4-clamp-size), var(--clb-h4-font-size)); letter-spacing: var(--clb-h4-letter-spacing); line-height: var(--clb-h4-line-height); } h5 { font-size: clamp(var(--clb-h5-font-size-min), var(--clb-h5-clamp-size), var(--clb-h5-font-size)); letter-spacing: var(--clb-h5-letter-spacing); line-height: var(--clb-h5-line-height); } h6 { font-size: var(--clb-h6-font-size); letter-spacing: var(--clb-h6-letter-spacing); line-height: var(--clb-h6-line-height); } h4:not(.title) + *, h5:not(.title) + *, h6:not(.title) + * { margin-top: 0.75rem; } *, *::before, *::after { box-sizing: border-box; } dfn, cite, em, i { font-style: italic; } blockquote, q { margin: 0; padding: 0 0 0 var(--clb-spacer-5); quotes: "" ""; position: relative; border-left: var(--clb-spacer-05) var(--clb-border-style-solid) var(--clb-color-neutral); } blockquote p, q p { margin: 0; font-style: normal; font-weight: var(--clb-text-font-weight); position: relative; } blockquote cite, blockquote h4, q cite, q h4 { position: relative; text-align: left; margin-top: var(--clb-spacer-05); font-weight: var(--clb-text-semi-bold); font-size: var(--clb-font-size-small); font-style: normal; } address { margin: 0 0 1.5em; font-style: normal; } pre { font-family: var(--clb-code-font-family); font-size: var(--clb-font-size-extra-small); background-color: var(--clb-color-fill); border-left: var(--clb-spacer-05) var(--clb-border-style-solid) var(--clb-color-fill); margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: var(--clb-spacer-3); } pre > a { font-weight: var(--clb-text-semi-bold); } pre:not(.-warning) { border-radius: var(--clb-border-radius); } pre.-warning { margin: 0; border-top-right-radius: var(--clb-border-radius); border-top-left-radius: var(--clb-border-radius); } pre.-warning + pre { margin-top: 0; background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent); color: var(--clb-color-warning); border-top-right-radius: 0; border-top-left-radius: 0; } code { font-family: var(--clb-code-font-family); font-size: var(--clb-font-size-small); color: var(--clb-text-color-grey); background-color: var(--clb-color-fill); padding: 3px 6px; word-break: normal; border-radius: var(--clb-border-radius-small); } caption { font-size: var(--clb-font-size-caption); font-weight: var(--clb-text-semi-bold); } code, kbd, tt, var { font-family: var(--clb-code-font-family); } abbr, acronym { border-bottom: 1px dotted var(--clb-color-fill); cursor: var(--clb-cursor-help); } mark, ins { text-decoration: none; } mark { background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent); padding: var(--clb-spacer-05) 0; color: inherit; } big { font-size: 125%; } .comments { font-size: var(--clb-font-size-small); } .comments:not(.business-Reviews) { padding-top: var(--clb-grid-gutter-5x); padding-bottom: var(--clb-grid-gutter-5x); } .comments-container { background-color: color-mix(in srgb, var(--clb-color-fill) 75%, transparent); border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); } .comments-list { padding: 0; margin-bottom: var(--clb-spacer); } .comments-list ol { margin: 0; padding: 0; list-style: none; } .comments-list ol > li::before { content: ""; display: none; } .comments .comment-author > img { border-radius: 50%; } .comments .comment-body { position: relative; padding-bottom: var(--clb-spacer); } .comments .comment-body .says { display: none; } .comments .comment-body .comment-metadata, .comments .comment-body time { font-size: var(--clb-font-size-small); margin-bottom: 0.2rem; } .comments .comment-body .meta em { font-style: normal; padding: var(--clb-spacer-05) var(--clb-spacer-1); font-size: var(--clb-font-size-caption); background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent); border-radius: var(--clb-border-radius); } .comments .comment-body .meta h4 { font-size: var(--clb-h6-font-size); letter-spacing: var(--clb-h6-letter-spacing); line-height: var(--clb-h6-line-height); } .comments .comment-body .meta + time { color: var(--clb-text-color-grey); } .comments .comment-body .comment-author a { font-family: var(--clb-title-font-family); letter-spacing: -0.02rem; } .comments .comment-body .comment-metadata a:not(:hover) { color: var(--clb-text-color-grey); } .comments .comment-body time::after { content: "•"; display: inline-block; vertical-align: middle; font-size: 0.8em; margin-top: -2px; color: var(--clb-color-primary); margin-left: 0.3rem; } .comments .comment-body .reply { margin-top: var(--clb-spacer-1); } .comments .comment-body p { margin: 0; } .comments .comment-body .reply, .comments .comment-body .edit-link { font-weight: var(--clb-text-semi-bold); } .comments .children { padding-left: calc(var(--clb-circle) + var(--clb-spacer-3)); } .comments .comment-respond .heading-md small { font-size: inherit; margin-left: var(--clb-spacer-1); } .comments .comment-respond .logged-in-as { margin: 0; } .comments .comment-respond .logged-in-as a:last-child { font-weight: var(--clb-text-semi-bold); } .comments .comment-respond .comment-form-rating label { display: inline-block; vertical-align: middle; } .comments .comment-respond .comment-form-comment { margin-top: var(--clb-spacer-1); } .comments .comment-respond .comment-form input[type=email], .comments .comment-respond .comment-form input[type=number], .comments .comment-respond .comment-form input[type=password], .comments .comment-respond .comment-form input[type=search], .comments .comment-respond .comment-form input[type=tel], .comments .comment-respond .comment-form input[type=text], .comments .comment-respond .comment-form input[type=date], .comments .comment-respond .comment-form input[type=url], .comments .comment-respond .comment-form textarea { width: 100%; } .comments .comment-respond .comment-form .comment-form-comment, .comments .comment-respond .comment-form .comment-form-cookies-consent, .comments .comment-respond .comment-form .comment-notes { min-width: 100%; } .blog-item { position: relative; } .blog-item .card-details .heading .title { line-height: var(--clb-h5-line-height); font-size: clamp(var(--clb-card-titles-font-size-min), 0.5vw + var(--clb-spacer-3), var(--clb-card-titles-font-size)); } .blog-item .card-details .heading + .category-holder { margin-top: var(--clb-spacer-2); } .blog-item .card-details .headline-meta { font-size: var(--clb-font-size-caption); margin-bottom: var(--clb-spacer-05); } .blog-item .card-details p { margin-top: var(--clb-spacer-1); } .blog-item .card-details .button { margin-top: var(--clb-spacer-3); } .blog-item .card-details.-center .headline-meta, .blog-item .card-details.-center .category-holder { justify-content: center; } .blog-item .card-details.-right .headline-meta, .blog-item .card-details.-right .category-holder { justify-content: flex-end; } .blog-item .image-holder iframe { width: 100%; } .blog-item .image-holder .slider { color: var(--clb-color-white); } .blog-item .image-holder .slider .clb-slider-nav-btn { transform: none !important; margin-bottom: var(--clb-grid-gutter); margin-right: var(--clb-grid-gutter); } .blog-item .image-holder .slider .clb-slider-stage img.active { z-index: 1; } .blog-item .image-holder a + a:not(.tag) { display: none; } .blog-item.sticky .sticky-icon { transform: scale(1.35); margin-right: var(--clb-spacer-05); margin-top: -0.4rem; display: inline-flex; vertical-align: middle; align-items: center; } .blog-item.-layout1 .overlay-details { background: var(--clb-color-black-rgb); background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%); } .blog-item.-layout1 .headline-meta { color: var(--clb-text-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.82) 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-title-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-grid-border-radius); border-top-left-radius: var(--clb-grid-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-color-fill); } .blog-item.-layout4 .image-holder a > img, .blog-item.-layout4 .image-holder a > iframe, .blog-item.-layout4 .image-holder a > .overlay { opacity: 0; visibility: hidden; } .blog-item.-layout4:hover .image-holder a > img, .blog-item.-layout4:hover .image-holder a > iframe, .blog-item.-layout4:hover .image-holder a > .overlay { opacity: 1; visibility: visible; transition: opacity var(--clb-transition-duration) var(--clb-transition-function) !important; } .blog-item.-layout4:hover * { color: var(--clb-color-white); } .blog-item.-layout4 .image-holder .overlay, .blog-item.-layout6.-contained .image-holder .overlay { height: 100%; width: 100%; left: 0; top: 0; transition: none; background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent); content: ""; display: block; position: absolute; } .blog-item.-layout4:not(:hover) *, .blog-item.-layout6.-contained:not(:hover) * { transition: none !important; } .blog-item.-layout4:hover *, .blog-item.-layout6.-contained:hover * { transition: var(--clb-transition-duration) var(--clb-transition-function) !important; } .blog-item.-layout6 .overlay-details { position: relative; padding: var(--clb-spacer-1) 0 0 0; } .blog-item.-layout6:not(.-contained) { border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); } .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-title-color); } .blog-item.-layout7 .category-holder { margin-top: var(--clb-spacer); } .blog-item.-layout7:not(.-contained) { padding-top: var(--clb-spacer); border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); } .blog-item.-layout7.-contained { background-color: var(--clb-color-fill); } .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-grid-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: 0.8em; font-weight: var(--clb-text-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: 0.8; } .blog-grid .gallery.gallery-columns-3 .gallery-item { max-width: calc((100% - 10px) / 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 .sabodia-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 .sabodia-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 .sabodia-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 .sabodia-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-color-fill); } .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 .page-container { max-width: unset !important; padding: 0px; } .single-post .single-post-layout.-layout2 .post-page-container .holder > .page-container { padding-left: 0 !important; padding-right: 0 !important; max-width: unset; } .single-post .entry-footer { display: flex; align-items: center; justify-content: space-between; } .single-post .entry-footer-tags { font-size: var(--clb-font-size-small); } .single-post .entry-footer-tags a { color: inherit; } .single-post .entry-footer-tags .tagcloud { gap: var(--clb-gap-small); display: inline-flex; vertical-align: middle; align-items: center; flex-wrap: wrap; } .single-post .entry-footer-tags .tags-caption { margin-right: var(--clb-spacer-1); } .single-post .author-container .widget_sabodia_widget_about_author { padding: var(--clb-spacer); margin-bottom: var(--clb-grid-gutter-3x); background-color: var(--clb-color-fill); 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-5x) - var(--clb-grid-gutter)); } .single-post .related-posts .grid-item { padding-top: 0; } .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)); } .back-link { position: fixed; z-index: 5; left: var(--clb-spacer); top: var(--clb-spacer); display: flex; align-items: center; } .back-link .caption { opacity: 0; transform: translateX(var(--clb-spacer-1)); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .back-link:hover .caption { opacity: 1; transform: none; } .back-link.showed { opacity: 1; visibility: visible; } body:not(.with-header-sidebar) .back-link { margin-top: var(--clb-header-height); } body:not(.with-header-sidebar).with-offer-banner .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-offer-banner-height)); } body:not(.with-header-sidebar).with-subheader .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-subheader-height)); } body:not(.with-header-sidebar).with-subheader.with-offer-banner .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height)); } body:not(.with-header-sidebar).with-header-2 .back-link { margin-top: var(--clb-header-height-2); } body:not(.with-header-sidebar).with-header-2.with-subheader .back-link { margin-top: calc(var(--clb-header-height-2) + var(--clb-subheader-height)); } .with-header-sidebar.with-offer-banner .back-link { margin-top: var(--clb-offer-banner-height); } .with-header-sidebar.with-subheader .back-link { margin-top: var(--clb-subheader-height); } .with-header-sidebar.with-subheader.with-offer-banner .back-link { margin-top: calc(var(--clb-subheader-height) + var(--clb-offer-banner-height)); } .color-switcher { font-weight: var(--clb-text-medium); font-size: 0.85em; position: relative; height: var(--clb-color-switcher-height); background-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent); cursor: var(--clb-cursor-pointer); box-shadow: 0 0 0 2px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent) inset; border-radius: 0.9rem; display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .color-switcher-item-state { margin: 0; height: var(--clb-spacer-5); } .color-switcher-item-state > span { line-height: 1; } .color-switcher-item-state { display: flex; align-items: center; justify-content: center; } .color-switcher-item-state svg { fill: currentColor; } .color-switcher-item, .color-switcher-toddler-item { width: 100%; height: 100%; padding: 0 0.65rem; display: flex; align-items: center; justify-content: center; } .color-switcher-toddler { position: absolute; top: 0; right: 0; height: 100%; } .color-switcher-toddler-wrap { position: relative; height: 100%; } .color-switcher-toddler-item { position: absolute; background-color: var(--clb-color-white); width: 100%; box-shadow: -3px 0px 6px color-mix(in srgb, var(--clb-color-black) 5%, transparent); border-radius: 0.9rem; } .color-switcher-toddler-item:hover svg { transform: var(--clb-transform-scale); transition: transform var(--clb-transition-function) var(--clb-transition-duration); } .color-switcher-toddler-item .light { z-index: 1; } .color-switcher:not(.dark) .color-switcher-toddler-item.light { z-index: 1; } .color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item { color: var(--clb-color-white); background-color: color-mix(in srgb, var(--clb-color-fill-dark-mode) 70%, var(--clb-color-white)); } .color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item.dark { z-index: 1; } .notification .alert { background-color: var(--clb-color-white); } .notification .alert.-blur { background-color: color-mix(in srgb, var(--clb-color-white) 85%, transparent); } .notification .alert .button { margin-left: var(--clb-spacer-3); } .elements-bar { gap: var(--clb-grid-gutter); position: fixed; top: 50%; min-height: var(--clb-side-elements-height); display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .elements-bar.left { z-index: 4; left: var(--clb-spacer); transform-origin: left top; transform: rotate(-90deg) translate(-50%, 0); } .elements-bar.right { z-index: 3; right: var(--clb-spacer); transform-origin: right top; transform: rotate(-90deg) translate(50%, -100%); } .meta-item { line-height: var(--clb-text-line-heigth-small); text-align: left; gap: var(--clb-spacer-2); } .meta-item .prefix { font-size: var(--clb-font-size-extra-small); display: block; opacity: 0.75; } .meta-item span:not(.prefix), .meta-item time:not(.prefix) { font-weight: var(--clb-text-semi-bold); font-size: var(--clb-font-size-small); } .headline-meta { font-size: var(--clb-font-size-small); display: flex; flex-wrap: wrap; align-items: center; } .headline-meta .category-holder, .headline-meta .date { font-weight: var(--clb-text-medium); } .headline-meta .category-holder + *::before, .headline-meta .date + *::before { margin-left: var(--clb-spacer-05); margin-right: var(--clb-spacer-05); content: "•"; display: inline-block; vertical-align: middle; font-size: 0.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; align-items: center; } .ordering-filters { gap: var(--clb-gap); } .ordering-filters .result-count, .ordering-filters .business-result-count { margin: 0 var(--clb-spacer-1); font-size: var(--clb-font-size-extra-small); white-space: nowrap; } .ordering-filters-holder { position: relative; } .ordering-filters-holder .ordering-button { display: none; } .page-preloader { background-color: var(--clb-color-preloader); 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-color-preloader); left: 0; position: fixed; } .page-preloader.percentage-preloader .sk-percentage-percent { color: var(--clb-color-preloader-spinner); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 6em; font-weight: var(--clb-text-semi-bold); letter-spacing: -0.02rem; } .spinner { animation: spinner_animation 2s linear infinite; z-index: 2; position: relative; } .spinner .path { opacity: 0.75; stroke: var(--clb-color-preloader-spinner); 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-color-preloader-spinner); 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-color-preloader-spinner); 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-color-preloader-spinner); opacity: 0.6; position: absolute; top: 0; left: 0; animation: sk-doubleBounce 2s infinite ease-in-out; border-radius: 50%; } .sk-double-bounce .sk-double-bounce2 { animation-delay: -1s; } @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-color-preloader-spinner); 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; } .scroll-top { transition: all var(--clb-transition-function) var(--clb-transition-duration); transition-property: opacity, visibility, color; } .scroll-top:not(.-left):not(.-right):not(.slider-scroll-label) { opacity: 0; visibility: hidden; } .scroll-top.-left { margin-left: calc(var(--clb-spacer-3) * -1); } .scroll-top.-left, .scroll-top.-right { white-space: nowrap; } .scroll-top-bar { width: 3.75rem; height: 0.125rem; margin-right: var(--clb-spacer-3); position: relative; } .scroll-top-bar::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: currentColor; opacity: 0.25; } .scroll-top-bar .scroll-track { position: absolute; top: 0; right: 0; height: 100%; background-color: currentColor; } .scroll-top.slider-scroll-label .scroll-top-bar .scroll-track { width: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .social-bar, .scroll-top { font-weight: var(--clb-text-semi-bold); display: inline-flex; vertical-align: middle; align-items: center; align-items: center; } .scroll-bar-container { position: absolute; top: 50%; left: var(--clb-spacer); min-height: var(--clb-circle); z-index: 3; transform-origin: left top; transform: rotate(-90deg) translateX(-50%); display: flex; align-items: center; } .with-switcher .scroll-bar-container .slider-scroll-label { margin-right: calc(7.25rem - var(--clb-grid-gutter)); } .with-offer-banner .scroll-bar-container .slider-scroll-label { transform: translateX(calc(var(--clb-offer-banner-height) / 2)); } .admin-bar .scroll-bar-container .slider-scroll-label { transform: translateX(var(--clb-admin-bar-height)); } .admin-bar.with-offer-banner .scroll-bar-container .slider-scroll-label { transform: translateX(calc(var(--clb-admin-bar-height) + var(--clb-offer-banner-height))); } .share-bar { position: absolute; z-index: 1; } .share-bar .social-networks { background-color: var(--clb-color-white); padding: 0.2rem; border-radius: var(--clb-border-radius); } .share-bar .social-networks:not(.-boxed) { gap: 0; } .share-bar .social-text { display: none; } .share-bar.-vertical .social-networks { flex-direction: column; } .slide-in .ordering-filters-holder .ordering-button, .is-mobile-menu .ordering-filters-holder .ordering-button { display: inline-flex; vertical-align: middle; align-items: center; } .slide-in .slide-in-overlay, .is-mobile-menu .slide-in-overlay { width: 100%; height: 100%; top: 0; position: fixed; visibility: hidden; opacity: 0; z-index: 99999; overflow: hidden; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .slide-in .slide-in-overlay .close-bar, .is-mobile-menu .slide-in-overlay .close-bar { width: calc(100% - var(--clb-circle)); position: absolute; display: flex; justify-content: space-between; } .slide-in .slide-in-overlay .close-bar .icon-button.search-global, .is-mobile-menu .slide-in-overlay .close-bar .icon-button.search-global { display: block; position: initial; background-color: initial; } .slide-in .slide-in-overlay .close-bar .icon-button.search-global:not(.-overlay-button):not(.-small), .is-mobile-menu .slide-in-overlay .close-bar .icon-button.search-global:not(.-overlay-button):not(.-small) { color: inherit; } .slide-in .slide-in-overlay .overlay, .is-mobile-menu .slide-in-overlay .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: color-mix(in srgb, var(--clb-color-overlay) 90%, transparent); } .slide-in .slide-in-overlay .holder, .is-mobile-menu .slide-in-overlay .holder { position: absolute; top: 0; height: 100vh; bottom: 0; z-index: 1; background-color: var(--clb-color-white); width: calc(100% - var(--clb-circle)); text-align: left; overflow-y: auto; padding: var(--clb-header-height) var(--clb-spacer) var(--clb-spacer); transition-duration: var(--clb-transition-duration); opacity: 0; box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent); } .slide-in .slide-in-overlay .holder .ordering-filters, .is-mobile-menu .slide-in-overlay .holder .ordering-filters { gap: var(--clb-gap-large); flex-direction: column; align-items: flex-start; } .slide-in .slide-in-overlay .copyright, .is-mobile-menu .slide-in-overlay .copyright { font-weight: var(--clb-text-font-weight); font-size: var(--clb-font-size-small); } .slide-in .slide-in-overlay select.lang-dropdown, .is-mobile-menu .slide-in-overlay select.lang-dropdown { color: inherit; } .slide-in .slide-in-overlay > .social-bar, .is-mobile-menu .slide-in-overlay > .social-bar { margin: 0; top: 50%; position: absolute; z-index: 1; } .slide-in .slide-in-overlay > .social-bar *, .is-mobile-menu .slide-in-overlay > .social-bar * { color: var(--clb-color-white); } .slide-in.with-left-mobile-hamburger .slide-in-overlay, .is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay { left: 0; } .slide-in.with-left-mobile-hamburger .slide-in-overlay .holder, .is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay .holder { transform: translateX(-3rem); } .slide-in.with-left-mobile-hamburger .slide-in-overlay > .social-bar, .is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay > .social-bar { right: 0; margin-right: 0.9rem; transform-origin: right top; transform: rotate(-90deg) translate(50%, -100%); } .slide-in.with-right-mobile-hamburger .slide-in-overlay, .is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay { right: 0; } .slide-in.with-right-mobile-hamburger .slide-in-overlay .holder, .is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay .holder { right: 0; transform: translateX(3rem); } .slide-in.with-right-mobile-hamburger .slide-in-overlay > .social-bar, .is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay > .social-bar { margin-left: 0.9rem; transform-origin: left top; transform: rotate(-90deg) translate(-50%, 0); } .slide-in.with-right-mobile-hamburger .slide-in-overlay .close-bar, .is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay .close-bar { right: 0; flex-direction: row-reverse; } .slide-in.with-left-mobile-hamburger .slide-in-overlay.visible, .slide-in.with-right-mobile-hamburger .slide-in-overlay.visible, .is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay.visible, .is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay.visible { visibility: visible; opacity: 1; } .slide-in.with-left-mobile-hamburger .slide-in-overlay.visible .holder, .slide-in.with-right-mobile-hamburger .slide-in-overlay.visible .holder, .is-mobile-menu.with-left-mobile-hamburger .slide-in-overlay.visible .holder, .is-mobile-menu.with-right-mobile-hamburger .slide-in-overlay.visible .holder { transform: none; opacity: 1; } .slide-in .slide-in-overlay { left: 0; } .slide-in .slide-in-overlay .overlay { background-color: color-mix(in srgb, var(--clb-color-overlay) 20%, transparent); } .slide-in .slide-in-overlay .close-bar { height: var(--clb-slide-in-panel-header-height); padding: 0 var(--clb-spacer-4); } .slide-in .slide-in-overlay .holder { padding: var(--clb-slide-in-panel-header-height) 0 0 0; transform: translateX(-3rem); overflow: hidden; } .slide-in .slide-in-overlay .holder .scroll-container { position: absolute; top: var(--clb-slide-in-panel-header-height); padding: 0 var(--clb-spacer-4) var(--clb-spacer); width: 100%; bottom: 0; overflow-y: auto; } .slide-in .slide-in-overlay.visible { visibility: visible; opacity: 1; } .slide-in .slide-in-overlay.visible .holder { transform: none; opacity: 1; } .admin-bar .slide-in .slide-in-overlay { top: var(--clb-admin-bar-height); } .social-bar { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .social-bar-holder { white-space: nowrap; font-family: inherit; display: inline-flex; vertical-align: middle; align-items: center; } .social-bar-holder li { margin: 0px var(--clb-spacer-05); } .social-bar-holder li.caption::after { content: "—"; margin-left: var(--clb-spacer-1); } .social-bar-holder:not(.icons) li:not(:first-child):not(:last-child)::after { content: "/"; display: inline; padding: 0 var(--clb-spacer-05); } .social-bar-holder.icons li { padding: 0px 5px; } .social-bar-holder.icons li i { transform: rotate(90deg); } .social-bar-holder.icons li a::after { display: none; } .clb-popup { position: fixed; z-index: 9999999; opacity: 0; visibility: hidden; transform: translateY(-50vh); } .clb-popup:not(.-slide-in) { overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent); } .clb-popup:not(.-slide-in) .clb-popup-holder { height: 100%; padding: var(--clb-header-height); display: flex; align-items: center; justify-content: center; } .clb-popup.-slide-in .close-bar { height: auto; width: auto; left: unset; padding: var(--clb-spacer-2); } .clb-popup.-slide-in .close-bar .icon-button { min-width: var(--clb-circle-small); width: var(--clb-circle-small); height: var(--clb-circle-small); } .clb-popup.-slide-in .close-bar .icon-button .icon { color: initial; } .clb-popup.-slide-in .popup-subscribe { box-shadow: 0px 5px 10px 0px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent); } .clb-popup.-left-bottom, .clb-popup.-right-bottom { bottom: var(--clb-spacer); } .clb-popup.-left-bottom { left: var(--clb-spacer); } .clb-popup.-right-bottom { right: var(--clb-spacer); } .clb-popup.hidden { opacity: 0; visibility: hidden; display: initial; } .clb-popup.visible { opacity: 1; visibility: visible; transform: none; transition: opacity 0.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; } .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:not(.active) { transform: scale(0.5); } .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, .clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage { height: 100%; } .clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap, .clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap { position: relative; } .clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap img, .clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap img { max-height: calc(100% - 3rem - 7rem); } .clb-gallery-lightbox .clb-slider-outer-stage { overflow: visible; } .clb-gallery-lightbox .clb-slider-stage { align-items: center; } .clb-gallery-lightbox .clb-slider-item { height: 100vh; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .clb-gallery-lightbox .clb-slider-item.active { transform: none; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .clb-gallery-lightbox .clb-slider-item:not(.active) { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .clb-gallery-lightbox .clb-slider-nav-btn { position: fixed; transform: none !important; color: var(--clb-color-white); margin-right: var(--clb-spacer); margin-bottom: var(--clb-spacer); } .clb-gallery-lightbox .card-details { width: 100%; text-align: center; min-height: 7rem; display: flex; flex-direction: column; justify-content: center; } .clb-gallery-lightbox .card-details .title { color: var(--clb-color-white); font-size: 18px; } .clb-gallery-lightbox .card-details .caption { margin-top: var(--clb-spacer-1); display: block; width: auto; color: var(--clb-text-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%; } .project-lightbox { display: flex; } .project-lightbox-gallery, .project-lightbox-details { height: 100%; } .project-lightbox .options-group { color: var(--clb-text-color-grey-light); } .project-lightbox, .project-lightbox .title, .project-lightbox .options-group .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 - var(--clb-lightbox-gallery-width)); 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: var(--clb-lightbox-gallery-width); padding: var(--clb-header-height) 10vh; display: flex; align-items: center; } .popup-subscribe { overflow: hidden; height: auto; background-color: var(--clb-color-white); animation: 0.4s slide_up_inner var(--clb-transition-function); display: flex; align-items: stretch; border-radius: var(--clb-border-radius-large); } .popup-subscribe .thumbnail { min-height: 22vh; background-size: cover; background-position: center center; } .popup-subscribe .holder { padding: var(--clb-spacer); } .popup-subscribe .contact-form { margin: var(--clb-grid-gutter) 0 0; } .popup-subscribe .contact-form + .close-link { margin-top: var(--clb-spacer-1); display: inline-flex; vertical-align: middle; align-items: center; } @keyframes slide_up_inner { 0% { transform: translateY(100%); opacity: 0.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%; } .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%); } .empty-state .title + .button { margin-top: var(--clb-grid-gutter); } .clb-blank-note, .wpcf7-contact-form-not-found { background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent); font-size: var(--clb-font-size-small); padding: var(--clb-grid-gutter); gap: var(--clb-gap); z-index: 1; line-height: 1.5; margin: 0.6rem 0; display: flex; align-items: center; border-radius: var(--clb-border-radius); } .clb-blank-note .icon, .wpcf7-contact-form-not-found .icon { margin-right: var(--clb-spacer-1); } .clb-blank-note .icon path, .wpcf7-contact-form-not-found .icon path { fill: var(--clb-color-warning); } .offer-banner { position: relative; left: 0; right: 0; z-index: 11; overflow: hidden; height: var(--clb-offer-banner-height); background: linear-gradient(215deg, var(--clb-color-offer-banner-start) 0%, var(--clb-color-offer-banner-end) 100%); } .offer-banner .container { white-space: nowrap; height: 100%; width: 100%; } .offer-banner .container b { font-weight: var(--clb-title-font-weight); } .offer-banner .marquee-line-stage { height: 100%; } .offer-banner .marquee-line-el { padding-right: var(--clb-spacer-1); } .offer-banner .holder { height: 100%; font-size: var(--clb-font-size-extra-small); color: var(--clb-color-black-light-dm-ignore); gap: var(--clb-spacer-1); display: flex; justify-content: center; align-items: center; } .offer-banner-item { transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .offer-banner-item .button { --clb-button-height-small: 1.75rem; --clb-button-side-padding-small: var(--clb-spacer-1); } .offer-banner:not(.flipping) .container { mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 12%, black 88%, rgba(0, 0, 0, 0) 100%); } .offer-banner:not(.flipping) .offer-banner-item:not(:last-child)::after { content: "•"; display: inline-block; vertical-align: middle; font-size: 0.8em; margin-top: -2px; color: var(--clb-color-primary); margin-left: var(--clb-spacer-05); color: inherit; } .offer-banner.flipping .holder { position: relative; } .offer-banner.flipping .offer-banner-item { width: 100%; height: 100%; opacity: 0; position: absolute; background: linear-gradient(215deg, var(--clb-color-offer-banner-start) 0%, var(--clb-color-offer-banner-end) 100%); transition: all var(--clb-transition-function) var(--clb-transition-duration); display: flex; justify-content: center; align-items: center; transition-duration: 0.75s; transition-property: transform, rotate, opacity; } .offer-banner.flipping .offer-banner-item:first-child { z-index: 1; } .offer-banner.flipping .offer-banner-item:not(.is-visible):not(.is-next):not(.no-transition) { transform: translateY(-50%) rotateX(90deg); } .offer-banner.flipping .offer-banner-item.is-visible { opacity: 1; transform: none; } .offer-banner.flipping .offer-banner-item.is-next { transform: translateY(50%) rotateX(-90deg); } .page-headline { position: relative; overflow: hidden; display: flex; align-items: flex-end; } .page-headline.-top { align-items: flex-start; } .page-headline.-middle { align-items: center; } .page-headline.-bottom { align-items: flex-end; } .page-headline .holder { width: 100%; position: relative; z-index: 2; padding-top: var(--clb-grid-gutter-4x); padding-bottom: var(--clb-grid-gutter-4x); } .page-headline .animated-holder { display: flex; flex-direction: column; } .page-headline .headline-meta { margin-bottom: var(--clb-grid-gutter); } .page-headline .title { max-width: 75%; } .page-headline .post-meta-holder { font-size: var(--clb-font-size-large); max-width: 60%; margin-top: var(--clb-grid-gutter); } .page-headline .post-meta-holder br + .button { margin-top: var(--clb-spacer-3); } .page-headline .bg-image { background-position: center center; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .page-headline::after { width: 100%; height: 100%; top: 0; left: 0; z-index: 1; content: ""; display: block; position: absolute; } .page-headline.without-cap:not(.-full-vh) { padding-top: var(--clb-header-height); } .page-headline.-center .animated-holder { align-items: center; } .page-headline.-right .animated-holder { align-items: flex-end; } .page-headline .parallax { position: absolute; width: 100%; height: 100%; } .search-holder .search-global.fixed { position: fixed; left: var(--clb-spacer); bottom: var(--clb-spacer); z-index: 50; background-color: var(--clb-color-fill); } .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-text-color-grey-light); } .search-popup .holder .search select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .search-popup .holder .search select, .search-popup .holder .search-submit, .search-popup .holder .search-field { color: var(--clb-color-white); } .search-popup .holder .search-results { max-height: 27rem; padding-bottom: var(--clb-spacer-1); overflow-x: visible; overflow-y: auto; } .search-popup .holder .search-results .search-suggestions, .search-popup .holder .search-results .no-search-results { margin: var(--clb-spacer-3) 0; color: var(--clb-text-color-grey); } .search-popup .holder .search-results .product-item { position: relative; padding: var(--clb-grid-gutter) 0; border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); display: flex; align-items: center; justify-content: space-between; } .search-popup .holder .search-results .product-item > * { color: var(--clb-color-white); } .search-popup .holder .search-results .product-item img { max-width: 4rem; min-width: 4rem; height: auto; } .search-popup .holder .search-results .product-item-name { font-weight: var(--clb-text-semi-bold); } .search-popup .holder .search-results .product-item-details { margin-left: var(--clb-spacer-3); flex-grow: 2; display: flex; flex-direction: column; align-items: flex-start; } .search-popup .holder .search-results .product-item-details .title { color: var(--clb-color-white); } .search-popup .holder .search-results .product-item-details span > a { color: var(--clb-text-color-grey-light); font-size: var(--clb-font-size-small); } .search-popup .holder .search-results .product-item-price { font-weight: var(--clb-text-semi-bold); } .search-popup .holder .search-results .product-item:first-child { border: none; } .search-popup .holder .search-results .search-results_btn { margin-top: var(--clb-spacer-3); } .search-popup .holder .search-results .button { color: var(--clb-color-white); } .sticky-nav { max-width: 17.8rem; position: fixed; right: var(--clb-spacer); bottom: var(--clb-spacer); } .sticky-nav:not(.-fade-up) { z-index: 102; } .sticky-nav { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .sticky-nav-holder { height: 100%; background-color: var(--clb-color-white); padding: var(--clb-spacer-3) var(--clb-spacer) var(--clb-spacer) var(--clb-spacer); } .sticky-nav-thumbnail { height: 120px; background-size: cover; background-position: center; width: 100%; position: absolute; top: -100px; z-index: -1; border-top-right-radius: var(--clb-border-radius); border-top-left-radius: var(--clb-border-radius); } .sticky-nav .nav-group { margin-right: calc(var(--clb-spacer-3) * -1); margin-left: var(--clb-spacer-1); display: flex; align-items: center; } .sticky-nav-headline { display: flex; align-items: center; justify-content: space-between; } .sticky-nav-headline + a { color: var(--clb-title-color); font-size: clamp(var(--clb-h5-font-size-min), var(--clb-h5-clamp-size), var(--clb-h5-font-size)); letter-spacing: var(--clb-h5-letter-spacing); line-height: var(--clb-h5-line-height); } .sticky-nav:hover .sticky-nav-thumbnail { transform: none; opacity: 1; } .sticky-nav-products { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .project { position: relative; } .project-page .project-details p:first-of-type { margin-top: 0; } .project-gallery { position: relative; } .project-gallery .video-holder { background-color: var(--clb-color-black); } .project-gallery .video-holder iframe { height: 100%; width: 100%; } .project-gallery .video-holder:not(.-visible).-cover { overflow: hidden; position: relative; } .project-gallery .video-holder.-cover iframe { position: absolute; top: 50%; transform: translate(0%, -50%); } .project-gallery .first-image { position: relative; overflow: hidden; z-index: 1; } .project-gallery .first-image .video-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .project-gallery .video-button, .project-gallery .share-bar { z-index: 2; } .project-gallery img { min-width: 100%; } .project-slider:not(.-single) .video-holder iframe { visibility: hidden; } .project-slider:not(.-single) .clb-slider-stage iframe { visibility: visible; } .project .-with-slider:not(.project-content) { position: relative; z-index: 1; } .project .-with-slider .project-slider { overflow: hidden; } .project .-with-slider .project-slider > .scale-bg { height: 100%; } .project .-with-slider .clb-slider-outer-stage { height: 100%; } .project .-with-slider .project-image { height: 100%; background-size: cover; background-position: center; position: relative; } .project .-with-slider .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: color-mix(in srgb, var(--clb-color-overlay) 30%, transparent); } .project .-with-slider .share-bar { bottom: var(--clb-spacer); top: auto; right: auto; } .project-content { z-index: 2; } .project-content .options-group, .project-content .project-task, .project-content .button { margin-top: var(--clb-spacer-4); } .project-content .video-button { margin-bottom: var(--clb-spacer-5); } .project-title .headline { margin: var(--clb-spacer-2) 0 var(--clb-spacer-3); } .project-title + .project-details p { margin: var(--clb-spacer-3) 0 0 0; } .project-task .title { margin-bottom: var(--clb-spacer-1); } .project-task p { font-weight: var(--clb-text-semi-bold); } .project .share-bar { position: absolute; } .options-group { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: var(--clb-spacer); } .options-group > li { padding-top: var(--clb-spacer-4); border-top: var(--clb-border-width) var(--clb-border-style-solid) color-mix(in srgb, var(--clb-color-grey) 50%, transparent); } .options-group > li p { font-size: var(--clb-font-size-small); margin: var(--clb-spacer-05) 0 0 0; } .options-group .title { color: inherit; } .portfolio-comments .comments { padding-top: var(--clb-grid-gutter-4x); padding-bottom: var(--clb-grid-gutter-4x); } .portfolio-filter { font-size: var(--clb-font-size-small); padding-bottom: var(--clb-spacer); } .portfolio-filter li { display: inline-flex; vertical-align: middle; align-items: center; } .portfolio-filter li:first-child { margin-right: var(--clb-spacer-1); } .portfolio-filter:not(.-filter-button) li { position: relative; } .portfolio-filter:not(.-filter-button) li:not(:first-child):not(:last-child)::after { content: "/"; margin: 0px var(--clb-spacer-1) 0px var(--clb-spacer-05); display: inline-flex; vertical-align: middle; align-items: center; } .portfolio-filter:not(.-filter-button) a { margin-right: 0.85rem; font-weight: var(--clb-text-medium); position: relative; color: inherit; display: inline-flex; vertical-align: middle; align-items: center; } .portfolio-filter:not(.-filter-button) a .num { top: -0.35rem; right: -0.9rem; text-align: left; position: absolute; font-size: 0.65em; font-weight: var(--clb-text-bold); } .portfolio-filter:not(.-filter-button) a.active { color: var(--clb-color-primary); } .portfolio-filter.-filter-button a { margin: 0.2rem 0.1rem; } .portfolio-filter.-filter-button a .num { margin-left: var(--clb-spacer-05); font-size: 0.85em; color: var(--clb-text-color-grey); } .portfolio-item .title { font-size: clamp(var(--clb-card-titles-font-size-min), 0.5vw + var(--clb-spacer-3), var(--clb-card-titles-font-size)); } .portfolio-item:not(.-with-slider) .video-button { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .portfolio-item .overlay-details.-top { top: 0; bottom: auto; } .portfolio-item .show-project { font-size: var(--clb-font-size-small); } .portfolio-item .show-project-link::before { display: none; } .portfolio-item.-with-slider { min-width: 100%; overflow: hidden; } .portfolio-item.-with-slider .project-content { position: relative; min-height: 100%; padding-left: 0; padding-right: 0; display: flex; align-items: flex-start; flex-direction: column; } .portfolio-item.-with-slider .project-content .headline { margin-bottom: 0; } .portfolio-item.-with-slider .project-content h2 { font-size: clamp(var(--clb-h1-font-size-min), var(--clb-h1-clamp-size), var(--clb-h1-font-size)); letter-spacing: var(--clb-h1-letter-spacing); line-height: var(--clb-h1-line-height); } .portfolio-item.-with-slider .project-content h3 { font-size: clamp(var(--clb-h3-font-size-min), var(--clb-h3-clamp-size), var(--clb-h3-font-size)); letter-spacing: var(--clb-h3-letter-spacing); line-height: var(--clb-h3-line-height); } .portfolio-item.-with-slider .portfolio-item-image { background-size: cover; background-position: center; position: absolute; } .portfolio-item.-with-slider:not(.-with-gradient) .portfolio-item-image[data-tilt=true] { min-width: 105vw; min-height: 105vh; left: -2.5vw; top: -2.5vh; } .portfolio-item.-with-slider .overlay::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .portfolio-item.-with-slider .headline-decor { position: absolute; z-index: 1; bottom: calc(var(--clb-spacer-1) * -1); } .portfolio-item.-with-slider .headline-decor .title { z-index: -1; line-height: 0.5; white-space: nowrap; letter-spacing: -0.06em; font-size: 16vw; color: color-mix(in srgb, var(--clb-color-neutral) 4%, transparent); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-with-gradient .portfolio-item-image::before { content: ""; position: absolute; width: 75%; top: 0; bottom: 0; background: white; background: linear-gradient(270deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); } .portfolio-item.-layout1 .project-details { margin-top: var(--clb-spacer-05); } .portfolio-item.-layout1 .project-details p { margin: 0; } .portfolio-item.-layout2 .overlay-details:not(.-top) { width: 100%; background: var(--clb-color-black-rgb); background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%); } .portfolio-item.-layout2 .overlay-details .title { color: var(--clb-color-white); } .portfolio-item.-layout2 .portfolio-item-headline + .show-project { position: relative; left: 0; bottom: 0 !important; } .portfolio-item.-layout1.-img-overlay .image-holder::after, .portfolio-item.-layout2.-img-overlay .image-holder::after { display: none; } .portfolio-item.-layout1 .overlay-details, .portfolio-item.-layout2 .overlay-details, .portfolio-item.-layout11 .overlay-details, .portfolio-item.-layout13 .overlay-details { width: auto; } .portfolio-item.-layout1 .show-project, .portfolio-item.-layout2 .show-project, .portfolio-item.-layout13 .show-project { overflow: hidden; position: relative; margin-top: 0.4rem; } .portfolio-item.-layout1 .show-project a, .portfolio-item.-layout2 .show-project a, .portfolio-item.-layout13 .show-project a { color: inherit; } .portfolio-item.-layout1 .show-project-link, .portfolio-item.-layout2 .show-project-link, .portfolio-item.-layout13 .show-project-link { position: absolute; font-weight: var(--clb-text-semi-bold); opacity: 0; left: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout1 .show-project-link a, .portfolio-item.-layout2 .show-project-link a, .portfolio-item.-layout13 .show-project-link a { position: relative; } .portfolio-item.-layout1 .show-project-link a::after, .portfolio-item.-layout2 .show-project-link a::after, .portfolio-item.-layout13 .show-project-link a::after { content: ""; width: 3rem; height: 2px; background-color: currentColor; position: absolute; right: calc(var(--clb-spacer-1) * -1); top: 48%; transform: translate(100%, 50%); } .portfolio-item.-layout1 .show-project .category-holder, .portfolio-item.-layout2 .show-project .category-holder, .portfolio-item.-layout13 .show-project .category-holder { display: block; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout1:hover .show-project-link, .portfolio-item.-layout2:hover .show-project-link, .portfolio-item.-layout13:hover .show-project-link { transform: translate(0, -100%); opacity: 1; } .portfolio-item.-layout1:hover .show-project .category-holder, .portfolio-item.-layout2:hover .show-project .category-holder, .portfolio-item.-layout13:hover .show-project .category-holder { transform: translate(0, -100%); opacity: 0; } .portfolio-item.-layout3 .overlay::after, .portfolio-item.-layout5 .overlay::after, .portfolio-item.-layout6 .overlay::after { background-color: rgba(255, 255, 255, 0.98); } .portfolio-item.-layout3 .project-content, .portfolio-item.-layout5 .project-content, .portfolio-item.-layout6 .project-content { padding: var(--clb-grid-gutter-4x) 0 var(--clb-grid-gutter-4x) 0; } .portfolio-item.-layout3.-full-vh .project-content, .portfolio-item.-layout5.-full-vh .project-content, .portfolio-item.-layout6.-full-vh .project-content { padding-top: var(--clb-header-height); min-height: 65vh; } .portfolio-item.-layout4 .overlay::after { background-color: rgba(255, 255, 255, 0.5); } .portfolio-item.-layout4 .portfolio-item-image, .portfolio-item.-layout4 .page-container, .portfolio-item.-layout4 .project { height: 100%; } .portfolio-item.-layout4 .project-content { justify-content: center; } .portfolio-item.-layout4:not(.-full-vh) .project-content { min-height: 50vh; padding-top: 10vh; padding-bottom: 10vh; } .portfolio-item.-layout5 .headline-decor { top: 100%; left: 15%; transform-origin: left center; transform: translateY(0%) rotate(-90deg); } .portfolio-item.-layout5 .project-content { padding-bottom: var(--clb-spacer); padding-right: var(--clb-spacer); justify-content: flex-end; } .portfolio-item.-layout5 .project-content::before { height: 25%; } .portfolio-item.-layout5:not(.-full-vh) .project-content { min-height: 50vh; padding-top: 10vh; padding-bottom: 10vh; } .portfolio-item.-layout5.active .portfolio-item-image { transform: none !important; transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout5.prev-slide .portfolio-item-image { transform: translateY(-100%) !important; transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout5.prev-slide.last-slide .portfolio-item-image { transform: translateY(-20%) !important; transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout5.next-slide .portfolio-item-image { transform: translateY(100%); transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout5.next-slide.last-slide .portfolio-item-image { transform: translateY(20%) !important; transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout6 .portfolio-item-image { background-position: left bottom; } .portfolio-item.-layout7 .portfolio-item-image::before { right: 0; } .portfolio-item.-layout7:not(.-full-vh) { height: 50vh; } .portfolio-item.-layout7 .project-content::before { height: var(--clb-header-height); } .portfolio-item.-layout7 .project-content { justify-content: center; } .portfolio-item.-layout7 .headline-decor { left: 33.3333333333%; 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); } .portfolio-item.-layout10 .portfolio-item-image { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout10 .portfolio-item-image::before { left: 0; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); } .portfolio-item.-layout10 .headline-decor { top: 50%; transform: translateY(-50%); bottom: auto; opacity: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.-layout10:not(.-full-vh) { height: 50vh; } .portfolio-item.-layout10:not(.-full-vh) .preview { top: 0; bottom: 0; } .portfolio-item.-layout10.active .page-container .portfolio-item-image { transform: none; } .portfolio-item.-layout10.active .headline-decor { opacity: 1; } .portfolio-item.-layout13 { gap: calc(var(--clb-grid-gutter) * 2); display: flex; } .portfolio-item.-layout13 .card-details { flex-grow: 2; } .portfolio-item.-layout13 .card-details .holder { padding-top: var(--clb-spacer); } .portfolio-item.-layout13 .card-details .category-holder .category { font-weight: var(--clb-text-semi-bold); } .portfolio-item.-layout13:not(.-contained) .card-details { padding-top: 0; padding-left: 2.5rem; } .portfolio-item.-layout13.-contained.-with-shadow .image-holder, .portfolio-item.-layout13.-contained.-with-shadow .card-details { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .portfolio-item.-layout13.-contained .card-image { position: relative; } .portfolio-item.-layout13.-contained .card-image .image-holder { border-radius: var(--clb-border-radius); } .portfolio-item.-layout13.-contained .card-details { padding: 0 var(--clb-spacer) var(--clb-spacer) var(--clb-spacer); border-radius: var(--clb-border-radius); } .portfolio-links .project-content::before, .-with-slider .project-content::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 50%; background-image: radial-gradient(circle at 1px 1px, var(--clb-color-pattern) 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; display: flex; flex-wrap: wrap; align-items: flex-end; } .portfolio-links.grid_8 .grid-item .portfolio-item .headline { margin: 0; line-height: 100%; } .portfolio-links.grid_8 .grid-item .portfolio-item .category-holder { margin-left: var(--clb-spacer-1); } .portfolio-links.grid_8 .grid-item .portfolio-item.active { transform: scale(2.5); } .portfolio-links.grid_8 .grid-item .portfolio-item.invisible { opacity: 0.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: 0.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: 0.3; } .portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .portfolio-item-details-headline::after { transform: translateX(calc(var(--clb-spacer-2) * -1)); opacity: 0; } .portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .category-holder { opacity: 1; transform: translateX(0px); } .portfolio-links.grid_12 .portfolio-grid-images { height: 0; width: 0; z-index: 10; position: relative; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image { position: fixed; left: var(--clb-spacer-2); top: var(--clb-spacer-2); opacity: 0; visibility: hidden; pointer-events: none; will-change: transform; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card { width: 35vh; height: 35vh; padding: var(--clb-spacer-3); will-change: transform; transition: all linear 2s; } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card img { transform: scale(0.8); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.transition { transition: all linear var(--clb-transition-duration); } .portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.visible img { transform: scale(1); } .portfolio-links.grid_12 .portfolio-grid-holder { position: relative; flex-grow: 2; overflow-x: hidden; } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid { margin-top: 0; margin-bottom: 0; transform-origin: bottom left; transform: rotate(-90deg) translateY(100%); overflow: hidden; left: var(--clb-grid-gutter); bottom: 0; right: 0; width: max-content; top: auto !important; position: absolute !important; border-left: var(--clb-border-width) var(--clb-border-style-solid) color-mix(in srgb, var(--clb-color-neutral) 25%, transparent); } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar, .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar-thumb { visibility: hidden; } .portfolio-links.grid_12 .portfolio-grid-holder .grid-item { position: static !important; left: auto !important; top: auto !important; padding: 0 0 0 2rem !important; min-height: 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; } .sabodia-recent-projects-sc .ab_row[data-vc-full-width].ab_hidden { opacity: 1; } @keyframes imageScale { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .project.-layout3 > .ab_row { margin-right: 0; } .project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar { left: calc(50% - var(--clb-spacer)); transform: translateX(-100%); } .project.-layout3 .project-gallery.scroll-disabled .share-bar { right: var(--clb-spacer); } .project.-layout3 .project-content .holder { padding-right: calc(var(--clb-container-offset) - var(--clb-grid-gutter)); } .project.-layout3.-full-w .project-content .holder { padding-right: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)); } .project.-layout4 > .ab_row { margin-left: 0; } .project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar { right: calc(50% - var(--clb-spacer)); transform: translateX(100%); } .project.-layout4 .project-gallery.scroll-disabled .share-bar { left: var(--clb-spacer); } .project.-layout4 .project-content .holder { padding-left: calc(var(--clb-container-offset) - var(--clb-grid-gutter)); } .project.-layout4.-full-w .project-content .holder { padding-left: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)); } .project.-layout5 .project-content { padding-top: var(--clb-grid-gutter-5x); padding-bottom: var(--clb-grid-gutter-5x); } .project.-layout5 .video-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .project.-layout5 .video-holder.-cover iframe { height: 140%; } .project.-layout5 .project-slider, .project.-layout5 .video-holder { height: 75vh; } .project.-layout6 .project-content { height: 100vh; padding-top: var(--clb-header-height); } .project.-layout6 .project-content .holder { position: relative; z-index: 1; } .project.-layout6 .project-content .holder, .project.-layout6 .project-content .headline { color: var(--clb-color-white); } .project.-layout6 .project-content .holder .button:not(:hover), .project.-layout6 .project-content .headline .button:not(:hover) { color: inherit; } .project.-layout6 .project-content .options-group li { border-top-color: rgba(255, 255, 255, 0.25); } .project.-layout6 .project-content .video-module { min-height: var(--clb-circle); margin-bottom: var(--clb-spacer); } .project.-layout6 .project-content .page-container, .project.-layout6 .project-content .ab_row { height: 100%; } .project.-layout6 .project-content .ab_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 .ab_row { display: block; } .project.-layout8 .project-content .holder { position: relative; } .project.-layout8 .project-gallery { top: 0; right: 0; bottom: 0; width: 65vw; position: absolute; } .project.-layout8 .project-slider { height: 100%; } .project.-layout8 .overlay { background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); } .project.-layout9 .holder { height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; } .project.-layout9 .holder, .project.-layout9 .holder .headline { color: var(--clb-color-white); } .project.-layout9 .project-content { padding-top: var(--clb-grid-gutter-6x); padding-bottom: var(--clb-grid-gutter-6x); } .project.-layout10 .share-bar .social-networks { display: inline-flex; vertical-align: middle; align-items: center; } .project.-layout10 .project-slider { height: 100vh; } .project.-layout10 .project-content { position: relative; } .project.-layout10 .project-content .holder { height: auto; padding: 0px var(--clb-grid-gutter); } .project.-layout1 .video-holder, .project.-layout2 .video-holder, .project.-layout3 .video-holder, .project.-layout4 .video-holder, .project.-layout7 .video-holder { margin-bottom: var(--clb-spacer-1); } .project.-layout1 .video-holder:not(.-custom), .project.-layout2 .video-holder:not(.-custom), .project.-layout3 .video-holder:not(.-custom), .project.-layout4 .video-holder:not(.-custom), .project.-layout7 .video-holder:not(.-custom) { position: relative; padding-bottom: 56.25%; } .project.-layout1 .video-holder:not(.-custom) iframe, .project.-layout2 .video-holder:not(.-custom) iframe, .project.-layout3 .video-holder:not(.-custom) iframe, .project.-layout4 .video-holder:not(.-custom) iframe, .project.-layout7 .video-holder:not(.-custom) iframe { position: absolute; visibility: visible; transform: none; top: 0; left: 0; } .project.-layout1 .video-holder.-custom video, .project.-layout2 .video-holder.-custom video, .project.-layout3 .video-holder.-custom video, .project.-layout4 .video-holder.-custom video, .project.-layout7 .video-holder.-custom video { vertical-align: top; min-width: 100%; } .project.-layout1 .project-gallery, .project.-layout2 .project-gallery, .project.-layout3 .project-gallery, .project.-layout4 .project-gallery, .project.-layout7 .project-gallery { display: grid; grid-gap: var(--clb-spacer-1); } .project.-layout3 .page-container.-full-w, .project.-layout4 .page-container.-full-w { padding-left: 0; padding-right: 0; } .project.-layout3 .page-container.-full-w > .ab_row, .project.-layout4 .page-container.-full-w > .ab_row { margin: 0; } .project.-layout3 .project-gallery, .project.-layout4 .project-gallery { padding-left: 0px; padding-right: 0px; } .project.-layout3 .project-gallery .share-bar, .project.-layout4 .project-gallery .share-bar { bottom: var(--clb-spacer); } .project.-layout6 .options-group li p, .project.-layout8 .options-group li p { opacity: 0.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); } .widgets, .sidebar-widgets { margin: 0; padding: 0; } .widgets ul, .widgets ol, .sidebar-widgets ul, .sidebar-widgets ol { font-size: var(--clb-font-size-small); margin: 0; padding: 0; list-style: none; } .widgets ul > li::before, .widgets ol > li::before, .sidebar-widgets ul > li::before, .sidebar-widgets ol > li::before { content: ""; display: none; } .widgets ul li, .widgets ol li, .sidebar-widgets ul li, .sidebar-widgets ol li { margin: calc(var(--clb-spacer-2) * 0.55) 0; } .widget, .widget.widget_block, .berocket_single_filter_widget, .berocket_single_filter_widget.widget_block { margin-top: 0; margin-bottom: 0; margin: 0; padding: 0; list-style: none; } .widget > li::before, .widget.widget_block > li::before, .berocket_single_filter_widget > li::before, .berocket_single_filter_widget.widget_block > li::before { content: ""; display: none; } .widget:not(:last-child), .berocket_single_filter_widget:not(:last-child) { margin-bottom: var(--clb-widget-gutter); } .widget .cat-item a:not(:hover), .berocket_single_filter_widget .cat-item a:not(:hover) { color: inherit; } .widget select, .berocket_single_filter_widget select { max-width: 100%; } .widget-title, .widget h2, .widget .bapf_head h3, .widget .wp-block-heading, .widget .wp-block-search__label, .widget .wc-block-product-search__label, .berocket_single_filter_widget-title, .berocket_single_filter_widget h2, .berocket_single_filter_widget .bapf_head h3, .berocket_single_filter_widget .wp-block-heading, .berocket_single_filter_widget .wp-block-search__label, .berocket_single_filter_widget .wc-block-product-search__label { color: var(--clb-title-color); font-family: var(--clb-title-font-family); font-weight: var(--clb-title-font-weight); font-size: var(--clb-h6-font-size); letter-spacing: var(--clb-h6-letter-spacing); line-height: var(--clb-h6-line-height); margin-bottom: var(--clb-spacer-2) !important; } .widget .has-submenu-icon, .berocket_single_filter_widget .has-submenu-icon { display: none; } .widget.widget_sabodia_widget_recent_posts ul li, .widget.widget_products ul li, .widget.widget_top_rated_products ul li, .widget.widget_recently_viewed_products ul li, .widget.widget_recent_reviews ul li, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts ul li, .berocket_single_filter_widget.widget_products ul li, .berocket_single_filter_widget.widget_top_rated_products ul li, .berocket_single_filter_widget.widget_recently_viewed_products ul li, .berocket_single_filter_widget.widget_recent_reviews ul li { padding-bottom: var(--clb-grid-gutter); display: flex; } .widget.widget_sabodia_widget_recent_posts ul li:last-child, .widget.widget_products ul li:last-child, .widget.widget_top_rated_products ul li:last-child, .widget.widget_recently_viewed_products ul li:last-child, .widget.widget_recent_reviews ul li:last-child, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts ul li:last-child, .berocket_single_filter_widget.widget_products ul li:last-child, .berocket_single_filter_widget.widget_top_rated_products ul li:last-child, .berocket_single_filter_widget.widget_recently_viewed_products ul li:last-child, .berocket_single_filter_widget.widget_recent_reviews ul li:last-child { margin-bottom: 0; } .widget.widget_sabodia_widget_recent_posts img, .widget.widget_products img, .widget.widget_top_rated_products img, .widget.widget_recently_viewed_products img, .widget.widget_recent_reviews img, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts img, .berocket_single_filter_widget.widget_products img, .berocket_single_filter_widget.widget_top_rated_products img, .berocket_single_filter_widget.widget_recently_viewed_products img, .berocket_single_filter_widget.widget_recent_reviews img { margin-right: var(--clb-spacer-3); object-fit: cover; width: var(--clb-wc-product-thumbnail); min-width: var(--clb-wc-product-thumbnail); height: var(--clb-wc-product-thumbnail); } .widget.widget_sabodia_widget_recent_posts .content-holder h6, .widget.widget_products .content-holder h6, .widget.widget_top_rated_products .content-holder h6, .widget.widget_recently_viewed_products .content-holder h6, .widget.widget_recent_reviews .content-holder h6, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts .content-holder h6, .berocket_single_filter_widget.widget_products .content-holder h6, .berocket_single_filter_widget.widget_top_rated_products .content-holder h6, .berocket_single_filter_widget.widget_recently_viewed_products .content-holder h6, .berocket_single_filter_widget.widget_recent_reviews .content-holder h6 { font-weight: var(--clb-text-semi-bold); margin-bottom: 0.2rem; } .widget.widget_sabodia_widget_recent_posts .content-holder .details, .widget.widget_products .content-holder .details, .widget.widget_top_rated_products .content-holder .details, .widget.widget_recently_viewed_products .content-holder .details, .widget.widget_recent_reviews .content-holder .details, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts .content-holder .details, .berocket_single_filter_widget.widget_products .content-holder .details, .berocket_single_filter_widget.widget_top_rated_products .content-holder .details, .berocket_single_filter_widget.widget_recently_viewed_products .content-holder .details, .berocket_single_filter_widget.widget_recent_reviews .content-holder .details { line-height: var(--clb-h6-line-height); font-size: var(--clb-font-size-small); } .widget.widget_sabodia_widget_recent_posts .content-holder .price, .widget.widget_products .content-holder .price, .widget.widget_top_rated_products .content-holder .price, .widget.widget_recently_viewed_products .content-holder .price, .widget.widget_recent_reviews .content-holder .price, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts .content-holder .price, .berocket_single_filter_widget.widget_products .content-holder .price, .berocket_single_filter_widget.widget_top_rated_products .content-holder .price, .berocket_single_filter_widget.widget_recently_viewed_products .content-holder .price, .berocket_single_filter_widget.widget_recent_reviews .content-holder .price { display: block; } .widget.widget_sabodia_widget_recent_posts .content-holder .author, .widget.widget_sabodia_widget_recent_posts .content-holder .price, .widget.widget_products .content-holder .author, .widget.widget_products .content-holder .price, .widget.widget_top_rated_products .content-holder .author, .widget.widget_top_rated_products .content-holder .price, .widget.widget_recently_viewed_products .content-holder .author, .widget.widget_recently_viewed_products .content-holder .price, .widget.widget_recent_reviews .content-holder .author, .widget.widget_recent_reviews .content-holder .price, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts .content-holder .author, .berocket_single_filter_widget.widget_sabodia_widget_recent_posts .content-holder .price, .berocket_single_filter_widget.widget_products .content-holder .author, .berocket_single_filter_widget.widget_products .content-holder .price, .berocket_single_filter_widget.widget_top_rated_products .content-holder .author, .berocket_single_filter_widget.widget_top_rated_products .content-holder .price, .berocket_single_filter_widget.widget_recently_viewed_products .content-holder .author, .berocket_single_filter_widget.widget_recently_viewed_products .content-holder .price, .berocket_single_filter_widget.widget_recent_reviews .content-holder .author, .berocket_single_filter_widget.widget_recent_reviews .content-holder .price { font-weight: var(--clb-text-semi-bold); } .widget_recent_comments .comment-author-link, .widget_recent_comments .wp-block-latest-comments__comment-author { font-weight: var(--clb-text-semi-bold); } .widget_recent_comments .wp-block-latest-comments__comment-date { font-size: var(--clb-font-size-small); color: var(--clb-text-color-grey); } .widget_recent_comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: inherit; margin: 0.35rem 0 var(--clb-grid-gutter); } .widget_recent_comments li:not(:last-child) { margin-bottom: var(--clb-spacer-1); } .widget_calendar a { text-decoration: none; } .widget_calendar table { text-align: center; } .widget_calendar table td, .widget_calendar table th { border-top: none; font-size: 0.9em; padding: var(--clb-spacer-2) var(--clb-spacer-1); font-weight: var(--clb-text-medium); background: transparent; border: none; } .widget_calendar table caption, .widget_calendar table tbody { color: inherit; } .widget_calendar caption { padding: var(--clb-spacer-1) var(--clb-spacer-3); font-weight: var(--clb-text-bold); font-family: var(--clb-title-font-family); font-size: var(--clb-h6-font-size); background-color: var(--clb-color-fill); border-radius: var(--clb-border-radius); } .widget_calendar tbody tr td { border: none; position: relative; } .widget_calendar tbody tr td#today, .widget_calendar tbody tr td a { display: block; font-weight: var(--clb-text-bold); line-height: var(--clb-h1-line-height); border-radius: var(--clb-border-radius); } .widget_calendar tbody tr td#today { background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); width: 100%; height: 100%; } .widget_calendar tbody tr td a { background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent); min-height: var(--clb-spacer-6); min-width: var(--clb-spacer-6); position: absolute; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .widget_calendar .wp-calendar-nav { display: flex; justify-content: space-between; align-items: center; } .widget_nav_menu .current_page_item, .widget_nav_menu .current-menu-item, .widget_pages .current_page_item, .widget_pages .current-menu-item { font-weight: var(--clb-text-semi-bold); } .widget_nav_menu .sub-menu, .widget_pages .sub-menu { margin-left: var(--clb-spacer-5); } .widget_rss a { color: var(--clb-color-primary); } .widget_rss .rss-date { font-size: var(--clb-font-size-small); } .widget_rss cite, .widget_rss .rssSummary { margin-top: var(--clb-grid-gutter); } .widget_rss cite { margin-top: var(--clb-grid-gutter); } .widget_search .wp-block-search__inside-wrapper, .widget_search .wc-block-product-search__fields, .wc-block-product-search .wp-block-search__inside-wrapper, .wc-block-product-search .wc-block-product-search__fields { position: relative; } .widget_search .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button, .widget_search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button, .widget_search .wc-block-product-search__fields button[type=submit].wp-block-search__button, .widget_search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wp-block-search__button, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button { position: absolute; right: 0; top: 0; background-color: transparent; } .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 .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button:hover, .widget_search .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button:active, .widget_search .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button:focus, .widget_search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button:hover, .widget_search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button:active, .widget_search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button:focus, .widget_search .wc-block-product-search__fields button[type=submit].wp-block-search__button:hover, .widget_search .wc-block-product-search__fields button[type=submit].wp-block-search__button:active, .widget_search .wc-block-product-search__fields button[type=submit].wp-block-search__button:focus, .widget_search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button:hover, .widget_search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button:active, .widget_search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button:focus, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button:hover, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button:active, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wp-block-search__button:focus, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button:hover, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button:active, .wc-block-product-search .wp-block-search__inside-wrapper button[type=submit].wc-block-product-search__button:focus, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wp-block-search__button:hover, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wp-block-search__button:active, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wp-block-search__button:focus, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button:hover, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button:active, .wc-block-product-search .wc-block-product-search__fields button[type=submit].wc-block-product-search__button:focus { background-color: var(--clb-color-button); } .widget_search input[type=search], .wc-block-product-search input[type=search] { border: none; } .widget_search .wp-block-search__input, .wc-block-product-search .wp-block-search__input { padding: 0 6rem 0 var(--clb-spacer-3); } .widget_search .wc-block-product-search__field, .wc-block-product-search .wc-block-product-search__field { padding: 0 4rem 0 var(--clb-spacer-3); } .wc-block-product-categories-list.wc-block-product-categories-list--depth-0 { margin-top: calc(var(--clb-spacer-05) * -1); } .wc-block-product-categories-list { margin: 0; padding: 0; list-style: none; } .wc-block-product-categories-list > li::before { content: ""; display: none; } .wc-block-product-categories-list ul { padding-left: var(--clb-spacer-3); } .widget_block .wp-block-latest-posts__post-title, .widget_block .wp-block-latest-comments__comment-author, .widget_block .wp-block-latest-comments__comment-link { color: var(--clb-title-color); font-family: var(--clb-title-font-family); font-weight: var(--clb-title-font-weight); font-size: var(--clb-h6-font-size); letter-spacing: var(--clb-h6-letter-spacing); } .widget_block .wp-block-latest-posts, .widget_block .wp-block-latest-comments, .widget_block .wp-block-tag-cloud { margin-top: var(--clb-spacer-4); } .widget_block .wp-block-latest-posts, .widget_block .wp-block-latest-comments { display: grid; grid-gap: var(--clb-gap-widget); } .widget_block .wp-block-latest-posts *, .widget_block .wp-block-latest-comments * { line-height: var(--clb-widget-text-line-height); } .widget_block .wp-block-latest-posts > li, .widget_block .wp-block-latest-comments > li { margin: 0; column-gap: var(--clb-gap); } .widget_block .wp-block-latest-posts.has-dates time, .widget_block .wp-block-latest-comments.has-dates time { color: var(--clb-color-grey); font-size: var(--clb-font-size-extra-small); } .widget_block .wp-block-latest-posts__post-title + *, .widget_block .wp-block-latest-posts__post-title + * + * { margin-top: var(--clb-spacer-05); } .widget_block .wp-block-latest-posts__post-title::after { content: ""; display: table; clear: both; } .widget_block .wp-block-latest-posts__post-title + * { float: left; } .widget_block .wp-block-latest-posts.has-author .wp-block-latest-posts__post-author { font-weight: var(--clb-text-medium); font-size: var(--clb-font-size-extra-small); margin-right: var(--clb-gap); } .widget_block .wp-block-latest-posts li { position: relative; } .widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image) { padding-left: calc(var(--clb-widget-thumbnail) + var(--clb-spacer-3)); } .widget_block .wp-block-latest-posts li .wp-block-latest-posts__featured-image { position: absolute; left: 0; top: 0; width: var(--clb-widget-thumbnail); height: var(--clb-widget-thumbnail); } .widget_block .wp-block-latest-comments__comment-excerpt p { font-size: inherit; margin: 0; } .widget_block .wp-block-latest-comments__comment-excerpt, .widget_block .wp-block-latest-comments__comment-date { margin-top: var(--clb-spacer-05); } .widget_block .wp-block-tag-cloud { gap: var(--clb-spacer-05); display: flex; flex-wrap: wrap; } .widget_block .wp-block-tag-cloud > a { color: inherit; } .widget_block .wp-block-tag-cloud > a, .widget_block .wp-block-tag-cloud > a.tag-cloud-link { margin: 0; font-size: var(--clb-font-size-caption) !important; } .widget_sabodia_widget_about_author { max-width: 100%; } .widget_sabodia_widget_about_author .holder { gap: var(--clb-spacer-3); display: flex; justify-content: space-between; flex-direction: column; } .widget_sabodia_widget_about_author .content { flex-grow: 2; font-size: var(--clb-font-size-small); line-height: var(--clb-text-line-heigth-small); } .widget_sabodia_widget_about_author .content h4, .widget_sabodia_widget_about_author .content h6 { font-size: 1.1em; } .widget_sabodia_widget_about_author .content .details { margin-bottom: var(--clb-spacer-1); } .widget_sabodia_widget_about_author .content .details .site { font-size: var(--clb-font-size-extra-small); color: var(--clb-text-color-grey); } .widget_sabodia_widget_contact li { font-weight: var(--clb-text-medium); } .widget_sabodia_widget_contact li address { display: inline; font-weight: var(--clb-text-font-weight); } .widget_sabodia_widget_logo img:hover { opacity: 0.65; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .widget_sabodia_widget_recent_posts .content-holder .comments + .author::before, .widget_sabodia_widget_recent_posts .content-holder .date + .categories::before { margin-right: var(--clb-spacer-05); content: "•"; display: inline-block; vertical-align: middle; font-size: 0.8em; margin-top: -2px; color: var(--clb-color-primary); } .alert { background-color: var(--clb-color-fill); padding: var(--clb-spacer-3) var(--clb-button-side-padding); gap: var(--clb-gap); display: inline-flex; vertical-align: middle; align-items: center; justify-content: space-between; border-radius: var(--clb-border-radius); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .alert .icon-button { color: inherit; margin: calc(var(--clb-spacer-1) * -1) -0.65rem calc(var(--clb-spacer-1) * -1) 0; } .alert a { color: var(--clb-text-color); } .alert.-block:not(.-hidden) { display: flex; } .alert.-success { background-color: color-mix(in srgb, var(--clb-color-success) 15%, transparent); } .alert.-success, .alert.-success a { color: var(--clb-color-success); } .alert.-warning { background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent); } .alert.-warning, .alert.-warning a { color: var(--clb-color-warning); } .alert.-danger { background-color: color-mix(in srgb, var(--clb-color-danger) 15%, transparent); } .alert.-danger, .alert.-danger a { color: var(--clb-color-danger); } .alert.-small { padding: var(--clb-spacer-2) var(--clb-button-side-padding-small); font-size: var(--clb-font-size-small); } .alert.-large { padding: var(--clb-spacer-4) var(--clb-button-side-padding-large); font-size: var(--clb-font-size-large); } .alert.-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 { z-index: 51; } .alert.-fixed a { font-weight: var(--clb-text-semi-bold); } .alert.-fixed.-success { background-color: color-mix(in srgb, var(--clb-color-success) 15%, white); } .alert.-fixed.-danger { background-color: color-mix(in srgb, var(--clb-color-danger) 15%, white); } .alert.-with-shadow { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .alert-message { text-align: left; flex-grow: 2; gap: var(--clb-gap-small); } .alert-message .icon { vertical-align: middle; margin-top: -2px; } .alert-message img { max-height: var(var(--clb-spacer-5)); } .author-details { margin-top: var(--clb-gap-small); font-size: var(--clb-font-size-small); } .avatar { background-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent); width: var(--clb-circle); height: var(--clb-circle); position: relative; overflow: hidden; background-size: cover; background-position: center; } .avatar > img.avatar { max-width: 100%; width: 100%; height: auto; } .avatar.jetpack-lazy-image { display: none; } .avatar { border-radius: 100%; } .avatar::after { content: ""; height: 100%; width: 100%; z-index: 1; top: 0; left: 0; content: ""; display: block; position: absolute; border-radius: 100%; box-shadow: inset 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent); } .avatar.-small { width: var(--clb-circle-small); height: var(--clb-circle-small); } .avatar.-large { width: var(--clb-circle-large); height: var(--clb-circle-large); } .badge, span.tag, a.tag, .tagcloud > a, .wp-block-tag-cloud > a, .testimonial-headline > b { font-weight: var(--clb-text-medium); gap: var(--clb-gap-small); line-height: var(--clb-h1-line-height); padding: 0.35rem 0.65rem; min-height: 1.625rem; font-size: var(--clb-font-size-caption); border-radius: var(--clb-border-radius); display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .badge.-primary { background-color: var(--clb-color-primary); } .badge:not(.-outlined) { color: var(--clb-color-white); } .badge:not(.-primary):not(.-outlined) { background-color: var(--clb-color-black-light); } .badge.-outlined { padding: var(--clb-spacer-05) 0.55rem; border: var(--clb-border-width-double) var(--clb-border-style-solid) currentColor; } .badge.-pill { margin-bottom: var(--clb-spacer-2); } .badge.-pill.-inverse { color: var(--clb-color-white); } .badge.-pill > svg { fill: currentColor; margin-right: var(--clb-spacer-05); } .badge.-pill { border-radius: 0.8rem; } span.tag, a.tag, .tagcloud > a, .wp-block-tag-cloud > a, .testimonial-headline > b { font-family: var(--clb-text-font-family); background: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); display: inline-flex; vertical-align: middle; align-items: center; } span.tag > a, a.tag > a, .tagcloud > a > a, .wp-block-tag-cloud > a > a, .testimonial-headline > b > a { background-image: none !important; } span.tag:hover, span.tag:not(.-unlink):hover, a.tag:hover, a.tag:not(.-unlink):hover, .tagcloud > a:hover, .tagcloud > a:not(.-unlink):hover, .wp-block-tag-cloud > a:hover, .wp-block-tag-cloud > a:not(.-unlink):hover, .testimonial-headline > b:hover, .testimonial-headline > b:not(.-unlink):hover { color: inherit; } span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock).active, span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover, span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus, span.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):active, a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock).active, a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover, a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus, a.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):active, .tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock).active, .tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover, .tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus, .tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):active, .wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock).active, .wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover, .wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus, .wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):active, .testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock).active, .testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover, .testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus, .testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):active { background: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent); } span.tag.tag-sale, a.tag.tag-sale, .tagcloud > a.tag-sale, .wp-block-tag-cloud > a.tag-sale, .testimonial-headline > b.tag-sale { background-color: var(--clb-color-primary); color: var(--clb-color-white); } .breadcrumb { width: 100%; min-height: var(--clb-button-height-small); font-size: var(--clb-font-size-extra-small); } .breadcrumb-holder { flex-grow: 2; padding-top: var(--clb-spacer-4); padding-bottom: var(--clb-spacer-4); display: flex; align-items: center; justify-content: space-between; } .breadcrumb-item { font-weight: var(--clb-text-semi-bold); } .breadcrumb-item span.active { font-weight: var(--clb-text-font-weight); } .breadcrumb-item svg { margin: 0 0.4rem; fill: currentColor; } .post-type-archive-product .breadcrumbs-container.ab_col-lg-push-2 { left: auto; width: 100%; } .button, a.button, .wp-element-button, .added_to_cart, .yith-wcwl-add-to-wishlist-button--themed-button, button[type=submit], input[type=submit] { color: var(--clb-color-white); background-color: var(--clb-color-button); font-family: var(--clb-action-font-family); font-size: var(--clb-action-font-size); font-weight: var(--clb-action-font-weight); min-height: var(--clb-button-height); padding: 0 var(--clb-button-side-padding); gap: var(--clb-gap-small); cursor: var(--clb-cursor-pointer); border: var(--clb-border-width-double) var(--clb-border-style-solid) transparent; white-space: nowrap; background-image: none !important; display: inline-flex; vertical-align: middle; align-items: center; border-radius: var(--clb-button-border-radius); transition: all var(--clb-transition-function) var(--clb-transition-duration); justify-content: center; transition-property: background-color, color, border-color, box-shadow; } .button:hover, .button:active, .button:focus, a.button:hover, a.button:active, a.button:focus, .wp-element-button:hover, .wp-element-button:active, .wp-element-button:focus, .added_to_cart:hover, .added_to_cart:active, .added_to_cart:focus, .yith-wcwl-add-to-wishlist-button--themed-button:hover, .yith-wcwl-add-to-wishlist-button--themed-button:active, .yith-wcwl-add-to-wishlist-button--themed-button:focus, button[type=submit]:hover, button[type=submit]:active, button[type=submit]:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus { color: var(--clb-color-white); background-color: var(--clb-color-button-hover); } .button.aos-animate, a.button.aos-animate, .wp-element-button.aos-animate, .added_to_cart.aos-animate, .yith-wcwl-add-to-wishlist-button--themed-button.aos-animate, button[type=submit].aos-animate, input[type=submit].aos-animate { transition-delay: 0s !important; } .button svg:not(.yith-wcwl-icon-svg), a.button svg:not(.yith-wcwl-icon-svg), .wp-element-button svg:not(.yith-wcwl-icon-svg), .added_to_cart svg:not(.yith-wcwl-icon-svg), .yith-wcwl-add-to-wishlist-button--themed-button svg:not(.yith-wcwl-icon-svg), button[type=submit] svg:not(.yith-wcwl-icon-svg), input[type=submit] svg:not(.yith-wcwl-icon-svg) { fill: currentColor; } .button > img.icon, a.button > img.icon, .wp-element-button > img.icon, .added_to_cart > img.icon, .yith-wcwl-add-to-wishlist-button--themed-button > img.icon, button[type=submit] > img.icon, input[type=submit] > img.icon { max-height: 1.25em; } .button.-without-text:not(.-block), a.button.-without-text:not(.-block), .wp-element-button.-without-text:not(.-block), .added_to_cart.-without-text:not(.-block), .yith-wcwl-add-to-wishlist-button--themed-button.-without-text:not(.-block), button[type=submit].-without-text:not(.-block), input[type=submit].-without-text:not(.-block) { max-width: var(--clb-button-height); } .button .icon, a.button .icon, .wp-element-button .icon, .added_to_cart .icon, .yith-wcwl-add-to-wishlist-button--themed-button .icon, button[type=submit] .icon, input[type=submit] .icon { min-width: var(--clb-spacer-5); } .button:not(.-text):not(.-without-text) .icon.-left, a.button:not(.-text):not(.-without-text) .icon.-left, .wp-element-button:not(.-text):not(.-without-text) .icon.-left, .added_to_cart:not(.-text):not(.-without-text) .icon.-left, .yith-wcwl-add-to-wishlist-button--themed-button:not(.-text):not(.-without-text) .icon.-left, button[type=submit]:not(.-text):not(.-without-text) .icon.-left, input[type=submit]:not(.-text):not(.-without-text) .icon.-left { margin-left: calc(var(--clb-spacer-1) * -1); } .button:not(.-text):not(.-without-text) .icon.-right, a.button:not(.-text):not(.-without-text) .icon.-right, .wp-element-button:not(.-text):not(.-without-text) .icon.-right, .added_to_cart:not(.-text):not(.-without-text) .icon.-right, .yith-wcwl-add-to-wishlist-button--themed-button:not(.-text):not(.-without-text) .icon.-right, button[type=submit]:not(.-text):not(.-without-text) .icon.-right, input[type=submit]:not(.-text):not(.-without-text) .icon.-right { margin-right: calc(var(--clb-spacer-1) * -1); } .button > .spinner, a.button > .spinner, .wp-element-button > .spinner, .added_to_cart > .spinner, .yith-wcwl-add-to-wishlist-button--themed-button > .spinner, button[type=submit] > .spinner, input[type=submit] > .spinner { color: currentColor; } .button.-outlined, a.button.-outlined, .wp-element-button.-outlined, .added_to_cart.-outlined, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined, button[type=submit].-outlined, input[type=submit].-outlined { border-color: currentColor; } .button.-outlined:not(.-pagination):hover, .button.-outlined:not(.-pagination):active, .button.-outlined:not(.-pagination):focus, a.button.-outlined:not(.-pagination):hover, a.button.-outlined:not(.-pagination):active, a.button.-outlined:not(.-pagination):focus, .wp-element-button.-outlined:not(.-pagination):hover, .wp-element-button.-outlined:not(.-pagination):active, .wp-element-button.-outlined:not(.-pagination):focus, .added_to_cart.-outlined:not(.-pagination):hover, .added_to_cart.-outlined:not(.-pagination):active, .added_to_cart.-outlined:not(.-pagination):focus, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):hover, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):active, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):focus, button[type=submit].-outlined:not(.-pagination):hover, button[type=submit].-outlined:not(.-pagination):active, button[type=submit].-outlined:not(.-pagination):focus, input[type=submit].-outlined:not(.-pagination):hover, input[type=submit].-outlined:not(.-pagination):active, input[type=submit].-outlined:not(.-pagination):focus { border-color: currentColor; } .button.-text, a.button.-text, .wp-element-button.-text, .added_to_cart.-text, .yith-wcwl-add-to-wishlist-button--themed-button.-text, button[type=submit].-text, input[type=submit].-text { border: none; padding: 0; min-height: initial; transition-delay: 0s !important; border-radius: var(--clb-button-border-radius-small); box-shadow: 0 0 0 0.5em transparent; } .button.-text:hover, .button.-text:active, .button.-text:focus, a.button.-text:hover, a.button.-text:active, a.button.-text:focus, .wp-element-button.-text:hover, .wp-element-button.-text:active, .wp-element-button.-text:focus, .added_to_cart.-text:hover, .added_to_cart.-text:active, .added_to_cart.-text:focus, .yith-wcwl-add-to-wishlist-button--themed-button.-text:hover, .yith-wcwl-add-to-wishlist-button--themed-button.-text:active, .yith-wcwl-add-to-wishlist-button--themed-button.-text:focus, button[type=submit].-text:hover, button[type=submit].-text:active, button[type=submit].-text:focus, input[type=submit].-text:hover, input[type=submit].-text:active, input[type=submit].-text:focus { background-color: var(--clb-color-fill); box-shadow: 0 0 0 0.65em var(--clb-color-fill); } .button.-flat, a.button.-flat, .wp-element-button.-flat, .added_to_cart.-flat, .yith-wcwl-add-to-wishlist-button--themed-button.-flat, button[type=submit].-flat, input[type=submit].-flat { background-color: transparent; border: none; } .button.-flat:hover, .button.-flat:active, .button.-flat:focus, a.button.-flat:hover, a.button.-flat:active, a.button.-flat:focus, .wp-element-button.-flat:hover, .wp-element-button.-flat:active, .wp-element-button.-flat:focus, .added_to_cart.-flat:hover, .added_to_cart.-flat:active, .added_to_cart.-flat:focus, .yith-wcwl-add-to-wishlist-button--themed-button.-flat:hover, .yith-wcwl-add-to-wishlist-button--themed-button.-flat:active, .yith-wcwl-add-to-wishlist-button--themed-button.-flat:focus, button[type=submit].-flat:hover, button[type=submit].-flat:active, button[type=submit].-flat:focus, input[type=submit].-flat:hover, input[type=submit].-flat:active, input[type=submit].-flat:focus { background-color: var(--clb-color-fill); } .button.-outlined, .button.-text, .button.-flat, a.button.-outlined, a.button.-text, a.button.-flat, .wp-element-button.-outlined, .wp-element-button.-text, .wp-element-button.-flat, .added_to_cart.-outlined, .added_to_cart.-text, .added_to_cart.-flat, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined, .yith-wcwl-add-to-wishlist-button--themed-button.-text, .yith-wcwl-add-to-wishlist-button--themed-button.-flat, button[type=submit].-outlined, button[type=submit].-text, button[type=submit].-flat, input[type=submit].-outlined, input[type=submit].-text, input[type=submit].-flat { background-color: transparent; color: var(--clb-color-button); } .button.-outlined:not(.-pagination):hover, .button.-outlined:not(.-pagination):active, .button.-outlined:not(.-pagination):focus, .button.-text:not(.-pagination):hover, .button.-text:not(.-pagination):active, .button.-text:not(.-pagination):focus, .button.-flat:not(.-pagination):hover, .button.-flat:not(.-pagination):active, .button.-flat:not(.-pagination):focus, a.button.-outlined:not(.-pagination):hover, a.button.-outlined:not(.-pagination):active, a.button.-outlined:not(.-pagination):focus, a.button.-text:not(.-pagination):hover, a.button.-text:not(.-pagination):active, a.button.-text:not(.-pagination):focus, a.button.-flat:not(.-pagination):hover, a.button.-flat:not(.-pagination):active, a.button.-flat:not(.-pagination):focus, .wp-element-button.-outlined:not(.-pagination):hover, .wp-element-button.-outlined:not(.-pagination):active, .wp-element-button.-outlined:not(.-pagination):focus, .wp-element-button.-text:not(.-pagination):hover, .wp-element-button.-text:not(.-pagination):active, .wp-element-button.-text:not(.-pagination):focus, .wp-element-button.-flat:not(.-pagination):hover, .wp-element-button.-flat:not(.-pagination):active, .wp-element-button.-flat:not(.-pagination):focus, .added_to_cart.-outlined:not(.-pagination):hover, .added_to_cart.-outlined:not(.-pagination):active, .added_to_cart.-outlined:not(.-pagination):focus, .added_to_cart.-text:not(.-pagination):hover, .added_to_cart.-text:not(.-pagination):active, .added_to_cart.-text:not(.-pagination):focus, .added_to_cart.-flat:not(.-pagination):hover, .added_to_cart.-flat:not(.-pagination):active, .added_to_cart.-flat:not(.-pagination):focus, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):hover, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):active, .yith-wcwl-add-to-wishlist-button--themed-button.-outlined:not(.-pagination):focus, .yith-wcwl-add-to-wishlist-button--themed-button.-text:not(.-pagination):hover, .yith-wcwl-add-to-wishlist-button--themed-button.-text:not(.-pagination):active, .yith-wcwl-add-to-wishlist-button--themed-button.-text:not(.-pagination):focus, .yith-wcwl-add-to-wishlist-button--themed-button.-flat:not(.-pagination):hover, .yith-wcwl-add-to-wishlist-button--themed-button.-flat:not(.-pagination):active, .yith-wcwl-add-to-wishlist-button--themed-button.-flat:not(.-pagination):focus, button[type=submit].-outlined:not(.-pagination):hover, button[type=submit].-outlined:not(.-pagination):active, button[type=submit].-outlined:not(.-pagination):focus, button[type=submit].-text:not(.-pagination):hover, button[type=submit].-text:not(.-pagination):active, button[type=submit].-text:not(.-pagination):focus, button[type=submit].-flat:not(.-pagination):hover, button[type=submit].-flat:not(.-pagination):active, button[type=submit].-flat:not(.-pagination):focus, input[type=submit].-outlined:not(.-pagination):hover, input[type=submit].-outlined:not(.-pagination):active, input[type=submit].-outlined:not(.-pagination):focus, input[type=submit].-text:not(.-pagination):hover, input[type=submit].-text:not(.-pagination):active, input[type=submit].-text:not(.-pagination):focus, input[type=submit].-flat:not(.-pagination):hover, input[type=submit].-flat:not(.-pagination):active, input[type=submit].-flat:not(.-pagination):focus { color: var(--clb-color-button-hover); } .button.-primary, a.button.-primary, .wp-element-button.-primary, .added_to_cart.-primary, .yith-wcwl-add-to-wishlist-button--themed-button.-primary, button[type=submit].-primary, input[type=submit].-primary { --clb-color-button: var(--clb-color-primary); } .button.-block, a.button.-block, .wp-element-button.-block, .added_to_cart.-block, .yith-wcwl-add-to-wishlist-button--themed-button.-block, button[type=submit].-block, input[type=submit].-block { display: flex; align-items: center; } .button.-with-shadow:not(.-flat), .button.-with-shadow.-flat:hover, a.button.-with-shadow:not(.-flat), a.button.-with-shadow.-flat:hover, .wp-element-button.-with-shadow:not(.-flat), .wp-element-button.-with-shadow.-flat:hover, .added_to_cart.-with-shadow:not(.-flat), .added_to_cart.-with-shadow.-flat:hover, .yith-wcwl-add-to-wishlist-button--themed-button.-with-shadow:not(.-flat), .yith-wcwl-add-to-wishlist-button--themed-button.-with-shadow.-flat:hover, button[type=submit].-with-shadow:not(.-flat), button[type=submit].-with-shadow.-flat:hover, input[type=submit].-with-shadow:not(.-flat), input[type=submit].-with-shadow.-flat:hover { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .button.-small, a.button.-small, .wp-element-button.-small, .added_to_cart.-small, .yith-wcwl-add-to-wishlist-button--themed-button.-small, button[type=submit].-small, input[type=submit].-small { font-size: var(--clb-action-font-size-small); } .button.-small:not(.-text), a.button.-small:not(.-text), .wp-element-button.-small:not(.-text), .added_to_cart.-small:not(.-text), .yith-wcwl-add-to-wishlist-button--themed-button.-small:not(.-text), button[type=submit].-small:not(.-text), input[type=submit].-small:not(.-text) { min-height: var(--clb-button-height-small); padding: 0 var(--clb-button-side-padding-small); } .button.-large:not(.-text), a.button.-large:not(.-text), .wp-element-button.-large:not(.-text), .added_to_cart.-large:not(.-text), .yith-wcwl-add-to-wishlist-button--themed-button.-large:not(.-text), button[type=submit].-large:not(.-text), input[type=submit].-large:not(.-text) { min-height: var(--clb-button-height-large); padding: 0 var(--clb-button-side-padding-large); } .button:focus, .button:active, a.button:focus, a.button:active, .wp-element-button:focus, .wp-element-button:active, .added_to_cart:focus, .added_to_cart:active, .yith-wcwl-add-to-wishlist-button--themed-button:focus, .yith-wcwl-add-to-wishlist-button--themed-button:active, button[type=submit]:focus, button[type=submit]:active, input[type=submit]:focus, input[type=submit]:active { box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent); } .button:hover .icon, a.button:hover .icon, .wp-element-button:hover .icon, .added_to_cart:hover .icon, .yith-wcwl-add-to-wishlist-button--themed-button:hover .icon, button[type=submit]:hover .icon, input[type=submit]:hover .icon { animation: iconMove ease-out var(--clb-transition-duration); } .button:hover .icon.-left-animation, a.button:hover .icon.-left-animation, .wp-element-button:hover .icon.-left-animation, .added_to_cart:hover .icon.-left-animation, .yith-wcwl-add-to-wishlist-button--themed-button:hover .icon.-left-animation, button[type=submit]:hover .icon.-left-animation, input[type=submit]:hover .icon.-left-animation { animation: iconMove ease-out var(--clb-transition-duration) reverse; } a.button { background-image: none; } @keyframes iconMove { 0% { transform: translateX(0); } 30% { opacity: 0; } 31% { transform: translateX(var(--clb-spacer-4)); } 32% { transform: translateX(calc(var(--clb-spacer-4) * -1)); } 84% { opacity: 1; } 100% { transform: translateX(0); } } input[type=checkbox], input[type=radio] { width: var(--clb-spacer-3); height: var(--clb-spacer-3); margin: 0; background-repeat: no-repeat; background-position: center; background-size: contain; appearance: none; outline: none; border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-grey); vertical-align: middle; display: inline-flex; vertical-align: middle; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } input[type=checkbox]:checked, input[type=radio]:checked { background-color: var(--clb-color-primary); border-color: var(--clb-color-primary); } input[type=checkbox]:invalid:not([aria-required=true]), input[type=radio]:invalid:not([aria-required=true]) { border-color: var(--clb-color-danger); } input[type=checkbox]:focus, input[type=checkbox]:active, input[type=radio]:focus, input[type=radio]:active { box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 25%, transparent); } input[type=checkbox] + label, input[type=checkbox] + span, input[type=radio] + label, input[type=radio] + span { font-weight: var(--clb-text-font-weight); display: inline; vertical-align: middle; margin-left: 0.2em; line-height: var(--clb-text-line-heigth-small); } input[type=checkbox] + label:not(.business-terms-and-conditions-checkbox-text), input[type=checkbox] + span:not(.business-terms-and-conditions-checkbox-text), input[type=radio] + label:not(.business-terms-and-conditions-checkbox-text), input[type=radio] + span:not(.business-terms-and-conditions-checkbox-text) { font-size: var(--clb-font-size-small); } input[type=checkbox] { border-radius: var(--clb-border-radius-small); } input[type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } input[type=radio] { border-radius: 100%; } input[type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .custom-cursor .circle-cursor { position: fixed; left: 0; top: 0; pointer-events: none; transform: translateZ(0); visibility: hidden; border-radius: 50%; } .custom-cursor .circle-cursor-inner { margin-left: calc(var(--clb-cursor-circle-inner) / 2 * -1); margin-top: calc(var(--clb-cursor-circle-inner) / 2 * -1); width: var(--clb-cursor-circle-inner); height: var(--clb-cursor-circle-inner); z-index: 10000001; background-color: var(--clb-color-primary); } .custom-cursor .circle-cursor-inner.cursor-link-hover { margin-left: calc(var(--clb-cursor-circle-extra-small) / 2 * -1); margin-top: calc(var(--clb-cursor-circle-extra-small) / 2 * -1); width: var(--clb-cursor-circle-extra-small); height: var(--clb-cursor-circle-extra-small); background-color: var(--clb-color-primary); opacity: 0.5; } .custom-cursor .circle-cursor-outer { margin-left: calc(var(--clb-cursor-circle-small) / 2 * -1); margin-top: calc(var(--clb-cursor-circle-small) / 2 * -1); width: var(--clb-cursor-circle-small); height: var(--clb-cursor-circle-small); border: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-primary); z-index: 10000000; opacity: 0.5; transition: all 0.1s ease-out; } .custom-cursor .cursor-link.circle-cursor-inner { background: transparent !important; } .custom-cursor .cursor-link.circle-cursor-inner.cursor-link-hover { opacity: 1; } .custom-cursor .cursor-link.circle-cursor-inner svg { fill: var(--clb-color-white); } .custom-cursor .cursor-link.circle-cursor-outer.cursor-link-hover { margin-left: calc(var(--clb-cursor-circle) / 2 * -1); margin-top: calc(var(--clb-cursor-circle) / 2 * -1); width: var(--clb-cursor-circle); height: var(--clb-cursor-circle); background-color: color-mix(in srgb, var(--clb-color-neutral) 75%, transparent); border: none; } .custom-cursor a[data-cursor-class] { cursor: none; } .icon-button { position: relative; background-color: transparent; padding: 0; border: none; text-align: center; outline: none; cursor: var(--clb-cursor-pointer); min-width: var(--clb-circle); width: var(--clb-circle); height: var(--clb-circle); display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; border-radius: 50%; transition: background-color var(--clb-transition-function) var(--clb-transition-duration); } .icon-button > .icon { margin-left: 0; display: inline-flex; vertical-align: middle; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); transition-property: transform, opacity; } .icon-button.-small { min-width: var(--clb-circle-small); width: var(--clb-circle-small); height: var(--clb-circle-small); } .icon-button.-extra-small { min-width: var(--clb-circle-extra-small); width: var(--clb-circle-extra-small); height: var(--clb-circle-extra-small); } .icon-button:hover, .icon-button.hamburger, .icon-button.cart { background-color: var(--clb-color-fill); } .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-color-fill); 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: 0.15; } to { transform: scale(4); opacity: 0; } } .icon-group { color: inherit; display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; border-radius: 100%; } .icon-group.-contained, .icon-group.-outlined { min-width: var(--clb-circle); max-width: var(--clb-circle); height: var(--clb-circle); } .icon-group.-contained .icon, .icon-group.-outlined .icon { font-size: 1.75em; } .icon-group.-contained .icon.bi, .icon-group.-outlined .icon.bi { font-size: 1.65em; } .icon-group.-contained > span, .icon-group.-outlined > span { font-size: 2.5em; } .icon-group.-contained > span.emoji, .icon-group.-outlined > span.emoji { font-size: 1.65em; } .icon-group.-contained { background-color: var(--clb-color-fill); } .icon-group.-outlined { border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-black-light); } .icon-group > img, .icon-group > img.icon { max-width: 50%; max-height: 50%; } .icon-group:not(.-contained):not(.-outlined) { justify-content: flex-start; } .icon-group:not(.-contained):not(.-outlined) > img { max-height: 2rem; max-width: initial; } .icon-group:not(.-contained):not(.-outlined) .icon { font-size: 2em; } .icon-group:not(.-contained):not(.-outlined) > span { font-size: 2.75em; } .icon-group:not(.-contained):not(.-outlined).-small .icon { font-size: 1.75em; } .icon-group:not(.-contained):not(.-outlined).-large .icon { font-size: 2.25em; } .icon-group.-small.-contained, .icon-group.-small.-outlined { min-width: var(--clb-circle-small); max-width: var(--clb-circle-small); height: var(--clb-circle-small); } .icon-group.-large.-contained, .icon-group.-large.-outlined { min-width: var(--clb-circle-large); max-width: var(--clb-circle-large); height: var(--clb-circle-large); } .icon { font-size: var(--clb-icon-size); display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .icon svg path { fill: currentColor; } .icon svg.minimal { display: none; } body i.icon { width: initial; height: initial; line-height: var(--clb-h1-line-height); margin: 0; display: inline-flex; vertical-align: middle; align-items: center; } .-small .icon, .-extra-small .icon { font-size: var(--clb-icon-size-small); } .-small svg:not(.icon-bootstrap), .-extra-small svg:not(.icon-bootstrap) { transform: scale(0.85); } .-large .icon { font-size: var(--clb-icon-size-large); } .-large svg { transform: scale(1.25); } .pagination-standard { min-width: 100%; } .pagination > .page-item:first-child svg { transform: scaleX(-1); } .pagination > .page-item:first-child:hover .icon { animation: iconMove ease-out var(--clb-transition-duration) reverse; } .pagination.-small .button { padding: 0 var(--clb-spacer-05); } .pagination .button { padding: 0 var(--clb-spacer-2); } .lazy-load { margin: auto; font-weight: var(--clb-text-semi-bold); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .lazy-load.load-more .loading-text { display: none; } .lazy-load.load-more.active .loadmore-text { display: none; } .lazy-load.load-more.active .loading-text { display: inline; } .lazy-load.-small .button { padding: 0 var(--clb-button-side-padding-small); } .lazy-load:not(.active) .button { box-shadow: none; } .lazy-load .button.-flat { background-color: var(--clb-color-fill); } .pagination, .lazy-load { --clb-color-button: var(--clb-color-paginator-button); --clb-color-button-hover: var(--clb-color-paginator-button-hover); min-width: 100%; display: flex; } .pagination.-small .button, .lazy-load.-small .button { min-width: var(--clb-button-height-small); min-height: var(--clb-button-height-small); } .pagination.-large .button, .lazy-load.-large .button { min-height: var(--clb-button-height-large); min-width: var(--clb-button-height-large); } .pagination.-flat .button:not(.-flat), .lazy-load.-flat .button:not(.-flat) { color: inherit; background-color: var(--clb-color-fill); } .pagination .button, .lazy-load .button { min-width: var(--clb-button-height); } .pagination .button.-outlined:hover, .pagination .button.-outlined:active, .pagination .button.-outlined:focus, .pagination .button.-flat:hover, .pagination .button.-flat:active, .pagination .button.-flat:focus, .pagination .button.-text:hover, .pagination .button.-text:active, .pagination .button.-text:focus, .lazy-load .button.-outlined:hover, .lazy-load .button.-outlined:active, .lazy-load .button.-outlined:focus, .lazy-load .button.-flat:hover, .lazy-load .button.-flat:active, .lazy-load .button.-flat:focus, .lazy-load .button.-text:hover, .lazy-load .button.-text:active, .lazy-load .button.-text:focus { color: var(--clb-color-button-hover); } @keyframes mymove { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .progress-holder { height: var(--clb-spacer-1); background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); overflow: hidden; display: flex; border-radius: var(--clb-spacer-05); } .progress-holder > .progress-bar { width: 0px; background: linear-gradient(90deg, var(--clb-color-primary) 0%, var(--clb-color-secondary) 100%); border-radius: var(--clb-spacer-05); transition: width var(--clb-transition-function) 0.9s; } .progress-holder.-contained { height: 1.125rem; padding: 0.3125rem; border-radius: 0.5625rem; } .progress-holder.-contained.-thin { height: 0.875rem; border-radius: 0.4375rem; } .progress-holder.-contained.-bold { height: 1.375rem; border-radius: 0.6875rem; } .progress-holder.-thin { height: var(--clb-spacer-05); border-radius: 0.125rem; } .progress-holder.-thin > .progress-bar { border-radius: 0.125rem; } .progress-holder.-bold { height: var(--clb-spacer-2); border-radius: var(--clb-spacer-2); } .progress-holder.-bold > .progress-bar { border-radius: 0.375rem; } select { position: relative; appearance: none; background-repeat: no-repeat; background-position: right var(--clb-spacer-3) center; padding: 0 var(--clb-spacer-3); min-height: var(--clb-button-height); } select:not([multiple=multiple]) { background-size: 14px 12px; padding-right: 2.75rem !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } select[multiple=multiple] { padding: 0; } select[multiple=multiple] option { padding: 0.65rem var(--clb-spacer-3); } select:not(.lang-dropdown) { color: var(--clb-text-color-grey); } select.lang-dropdown { color: inherit; width: auto; } select.-small { padding-right: 2rem !important; } input[type=file] { padding: 0; } .select2-container--default { width: 100% !important; } .select2-container--default .select2-selection--single { height: auto; display: flex; align-items: center; justify-content: space-between; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; color: inherit; line-height: initial; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; position: relative; top: 0px; right: 0; width: var(--clb-spacer-3); display: flex; align-items: center; } .select2-container--default .select2-selection--single .select2-selection__arrow > b { border: none; margin: 0; left: auto; top: auto; position: relative; height: var(--clb-spacer-3); width: var(--clb-spacer-3); background-repeat: no-repeat; transform: scale(0.8) rotate(0deg); display: inline-flex; vertical-align: middle; align-items: center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .select2-container--default.select2-container--open .select2-selection__arrow > b { transform: scale(0.8) rotate(180deg); } .select2-container--default .select2-dropdown { border: none; border-radius: var(--clb-border-radius); box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent); } .select2-container--default .select2-search--dropdown { padding: var(--clb-spacer-3); } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 0 var(--clb-spacer-2); min-height: var(--clb-button-height-small); font-size: var(--clb-font-size-extra-small); } .select2-container--default .select2-results__option { padding-left: var(--clb-spacer-3); padding-right: var(--clb-spacer-3); } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: var(--clb-color-black-light); } @-moz-document url-prefix()  { select { line-height: var(--clb-button-height); } select.-small { line-height: 2rem; } } .container-loading::before, .tp-loader.spinner5::before, .btn-loading::before, .spinner::before { content: ""; width: var(--clb-spacer-5); height: var(--clb-spacer-5); border: 0.2rem var(--clb-border-style-solid) color-mix(in srgb, var(--clb-color-neutral) 25%, transparent); border-top: 0.2rem var(--clb-border-style-solid) currentColor; border-right: 0.2rem var(--clb-border-style-solid) currentColor; opacity: 0.75; animation: 0.75s spinner var(--clb-transition-function) infinite; border-radius: 50%; } .container-loading > .icon, .tp-loader.spinner5 > .icon, .btn-loading > .icon, .spinner > .icon { display: none; } .container-loading.-large, .tp-loader.spinner5.-large, .btn-loading.-large, .spinner.-large { width: 2.5rem; height: 2.5rem; } .container-loading, .tp-loader.spinner5, .yith-wcan-loading { background-image: none !important; background: transparent; } .container-loading::before, .tp-loader.spinner5::before, .yith-wcan-loading::before { position: absolute; left: calc(50% - 20px); top: calc(50% - 20px); width: 2.5rem; height: 2.5rem; } .container-loading.hidden::before, .tp-loader.spinner5.hidden::before, .yith-wcan-loading.hidden::before { display: none; } @-webkit-keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .form-switch > .form-check-input[type=checkbox] { position: relative; width: var(--clb-button-height-small); border-radius: 2em; border-radius: 1.1rem; } .form-switch > .form-check-input[type=checkbox]::before { content: ""; position: absolute; width: 0.625rem; height: 0.625rem; left: 0.125rem; background-color: var(--clb-color-grey); border-radius: 100%; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .form-switch > .form-check-input[type=checkbox]:checked { background-color: transparent; background-image: none; } .form-switch > .form-check-input[type=checkbox]:checked::before { left: calc(100% - 0.125rem); transform: translate(-100%); background-color: var(--clb-color-primary); } .form-switch > .form-check-label { color: var(--clb-color-black-light); } input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=date], input[type=url], textarea, select, .select2-container--default .select2-selection--single { color: inherit; padding: 0 var(--clb-spacer-3); font-family: inherit; border: none; width: 100%; text-align: inherit; min-height: var(--clb-button-height); background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent); font-size: var(--clb-font-size); } 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 { border-radius: var(--clb-text-field-border-radius); transition: all var(--clb-transition-function) var(--clb-transition-duration); } input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=date]::placeholder, input[type=url]::placeholder, textarea::placeholder, select::placeholder, .select2-container--default .select2-selection--single::placeholder { color: var(--clb-color-placeholder); } input[type=email].-outlined, input[type=number].-outlined, input[type=password].-outlined, input[type=search].-outlined, input[type=tel].-outlined, input[type=text].-outlined, input[type=date].-outlined, input[type=url].-outlined, textarea.-outlined, select.-outlined, .select2-container--default .select2-selection--single.-outlined { background-color: transparent; border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-grey-light); } input[type=email].-outlined:focus, input[type=email].-outlined:active, input[type=number].-outlined:focus, input[type=number].-outlined:active, input[type=password].-outlined:focus, input[type=password].-outlined:active, input[type=search].-outlined:focus, input[type=search].-outlined:active, input[type=tel].-outlined:focus, input[type=tel].-outlined:active, input[type=text].-outlined:focus, input[type=text].-outlined:active, input[type=date].-outlined:focus, input[type=date].-outlined:active, input[type=url].-outlined:focus, input[type=url].-outlined:active, textarea.-outlined:focus, textarea.-outlined:active, select.-outlined:focus, select.-outlined:active, .select2-container--default .select2-selection--single.-outlined:focus, .select2-container--default .select2-selection--single.-outlined:active { outline: none; border-color: var(--clb-color-grey); } input[type=email].-small, input[type=number].-small, input[type=password].-small, input[type=search].-small, input[type=tel].-small, input[type=text].-small, input[type=date].-small, input[type=url].-small, textarea.-small, select.-small, .select2-container--default .select2-selection--single.-small { padding: 0 var(--clb-spacer-2); min-height: var(--clb-button-height-small); font-size: var(--clb-font-size-extra-small); } input[type=email].-large, input[type=number].-large, input[type=password].-large, input[type=search].-large, input[type=tel].-large, input[type=text].-large, input[type=date].-large, input[type=url].-large, textarea.-large, select.-large, .select2-container--default .select2-selection--single.-large { padding: 0 var(--clb-grid-gutter); min-height: var(--clb-button-height-large); font-size: var(--clb-font-size-large); } input[type=email]:not(.-outlined):focus, input[type=email]:not(.-outlined):active, input[type=number]:not(.-outlined):focus, input[type=number]:not(.-outlined):active, input[type=password]:not(.-outlined):focus, input[type=password]:not(.-outlined):active, input[type=search]:not(.-outlined):focus, input[type=search]:not(.-outlined):active, input[type=tel]:not(.-outlined):focus, input[type=tel]:not(.-outlined):active, input[type=text]:not(.-outlined):focus, input[type=text]:not(.-outlined):active, input[type=date]:not(.-outlined):focus, input[type=date]:not(.-outlined):active, input[type=url]:not(.-outlined):focus, input[type=url]:not(.-outlined):active, textarea:not(.-outlined):focus, textarea:not(.-outlined):active, select:not(.-outlined):focus, select:not(.-outlined):active, .select2-container--default .select2-selection--single:not(.-outlined):focus, .select2-container--default .select2-selection--single:not(.-outlined):active { background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); outline: none; } input[type=email].wpcf7-not-valid, input[type=number].wpcf7-not-valid, input[type=password].wpcf7-not-valid, input[type=search].wpcf7-not-valid, input[type=tel].wpcf7-not-valid, input[type=text].wpcf7-not-valid, input[type=date].wpcf7-not-valid, input[type=url].wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid, .select2-container--default .select2-selection--single.wpcf7-not-valid { box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-danger) 25%, transparent); } .business-invalid-required-field input[type=email], .business-invalid-required-field input[type=number], .business-invalid-required-field input[type=password], .business-invalid-required-field input[type=search], .business-invalid-required-field input[type=tel], .business-invalid-required-field input[type=text], .business-invalid-required-field input[type=date], .business-invalid-required-field input[type=url], .business-invalid-required-field textarea, .business-invalid-required-field select, .business-invalid-required-field .select2-selection--single { box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 20%, transparent); } button { appearance: none; color: inherit; } textarea { resize: vertical; height: 10rem; } textarea, textarea.-small, textarea.-large { padding-top: var(--clb-spacer-2); padding-bottom: var(--clb-spacer-2); } label { display: block; font-size: var(--clb-font-size-caption); font-weight: var(--clb-text-medium); } label + * { margin-top: var(--clb-spacer-1); } .tooltip { position: relative; background-color: var(--clb-color-black); color: var(--clb-color-white); font-size: var(--clb-font-size-caption); padding: 0.375rem var(--clb-spacer-1); font-weight: var(--clb-text-medium); z-index: 10; border-radius: var(--clb-border-radius); } .tooltip::before { content: ""; position: absolute; width: 0.625rem; height: 0.625rem; background-color: var(--clb-color-black); transform: rotate(45deg); bottom: -0.3125rem; left: calc(50% - 0.3125rem); z-index: -1; } .tooltip.-right::before { bottom: calc(50% - 0.3125rem); left: -0.3125rem; } .tooltip.-left::before { bottom: calc(50% - 0.3125rem); right: -0.3125rem; left: auto; } .tooltip.-bottom::before { top: -0.3125rem; bottom: auto; } .category-holder { gap: var(--clb-gap-small); } .category-holder.-with-tag { display: flex; flex-wrap: wrap; } .category-holder:not(.-with-tag) .category:not(:last-child)::after, .category-holder:not(.-with-tag) a:not(:last-child)::after { content: ","; } 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); } .builder-switcher { margin-top: var(--clb-spacer-1); height: 2rem; background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent) inset; display: inline-flex; vertical-align: middle; align-items: center; border-radius: var(--clb-spacer-3); } .builder-switcher a { padding: 0 var(--clb-spacer-2); height: 100%; font-size: 0.82em; font-weight: var(--clb-text-medium); color: inherit; display: inline-flex; vertical-align: middle; align-items: center; background-image: none !important; transition: all var(--clb-transition-function) var(--clb-transition-duration); border-radius: var(--clb-spacer-3); } .builder-switcher a:not(.active):hover { background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, 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); } .dark-scheme { --clb-color-white: var(--clb-color-white-dark-mode); --clb-color-black: var(--clb-color-white-dark-mode); --clb-title-color: var(--clb-color-white-dark-mode); --clb-color-black-light: color-mix(in srgb, var(--clb-color-white-dark-mode) 75%, transparent); --clb-text-color: color-mix(in srgb, var(--clb-color-white-dark-mode) 75%, transparent); --clb-color-neutral: color-mix(in srgb, var(--clb-color-white-dark-mode) 50%, transparent); --clb-color-grey: var(--clb-color-neutral); --clb-text-color-grey: var(--clb-color-neutral); --clb-color-grey-light: color-mix(in srgb, var(--clb-color-white-dark-mode) 24%, transparent); --clb-text-color-grey-light: color-mix(in srgb, var(--clb-color-white-dark-mode) 48%, transparent); --clb-color-placeholder: color-mix(in srgb, var(--clb-color-white-dark-mode) 40%, transparent); --clb-color-overlay: var(--clb-color-fill-dark-mode); --clb-subtitle-color: var(--clb-color-neutral); } .dark-scheme select:not([multiple=multiple]) > option { color: initial; } .dark-scheme, .dark-scheme .coming-soon, .dark-scheme .logo-details, .dark-scheme .site-content, .dark-scheme .page-headline::before, .dark-scheme .horizontal-accordion-item, .dark-scheme .header.-sticky:not(.header-8), .dark-scheme .compare-overlay .compare-before-label::before, .dark-scheme .compare-overlay .compare-after-label::before { background-color: var(--clb-color-fill-dark-mode); } .dark-scheme .sticky-nav-holder, .dark-scheme .cart-mini, .dark-scheme .share-bar .social-networks, .dark-scheme .header:not(.-mobile) .menu li > ul, .dark-scheme .notification .alert, .dark-scheme .sticky-product, .dark-scheme .popup-subscribe, .dark-scheme .select2-dropdown, .dark-scheme .clb-popup-product .woo-product, .dark-scheme.is-mobile-menu .slide-in-overlay .holder, .dark-scheme .slide-in .slide-in-overlay .holder, .dark-scheme .header.header-8.-sticky .header-wrap-inner, .dark-scheme.single-post .-layout2.-with-featured-image .post-share .share-bar .social-networks { background-color: color-mix(in srgb, var(--clb-color-fill-dark-mode) 92%, white); } .dark-scheme .tooltip, .dark-scheme .tooltip::before, .dark-scheme .lazy-load:not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat), .dark-scheme .purchase-button, .dark-scheme input[type=submit], .dark-scheme .select2-container--default .select2-results__option[aria-selected=true], .dark-scheme .select2-container--default .select2-results__option[data-selected=true], .dark-scheme .video-button:not(.-outlined):not(.-blurred) .icon-button, .dark-scheme .tabs.-with-button .tabs-nav-line, .dark-scheme .social-networks:not(.-default-colors).-contained .network, .dark-scheme .social-networks.-default-colors.-contained .network:hover, .dark-scheme .social-networks.-contained .network.instagram, .dark-scheme .social-networks.-contained .network.threads, .dark-scheme .social-networks.-contained .network.tiktok, .dark-scheme .social-networks.-contained .network.tumblr, .dark-scheme .social-networks.-contained .network.twitter, .dark-scheme .builder-switcher a.active, .dark-scheme .purchase-button:hover, .dark-scheme .badge:not(.-primary):not(.-outlined), .dark-scheme .hamburger-outer, .dark-scheme .menu li.version > .menu-link::after { background-color: color-mix(in srgb, var(--clb-color-fill-dark-mode) 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-color-fill-dark-mode) 12%, white); color: var(--clb-color-body-light-mode); } .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 { } .dark-scheme.is-mobile-menu .slide-in-overlay .holder, .dark-scheme .clb-popup.-slide-in .popup-subscribe, .dark-scheme .header:not(.-mobile) .menu li > ul, .dark-scheme .notification .alert, .dark-scheme .select2-dropdown, .dark-scheme .purchase-button, .dark-scheme .sticky-product, .dark-scheme .cart-mini { box-shadow: 0 20px 32px -8px color-mix(in srgb, black 30%, transparent), 0 0 1px color-mix(in srgb, black 15%, transparent); } .dark-scheme .horizontal-accordion-item { box-shadow: 0 var(var(--clb-spacer-2)) 2.5rem color-mix(in srgb, black 20%, transparent); } .dark-scheme { } .dark-scheme .button:not(.-primary):not(.-dm-ignore) { --clb-color-button: color-mix(in srgb, var(--clb-color-fill-dark-mode) 75%, white); } .dark-scheme .button.-outlined:not(.-primary):not(.-dm-ignore), .dark-scheme .button.-flat:not(.-primary):not(.-dm-ignore), .dark-scheme .button.-text:not(.-primary):not(.-dm-ignore) { --clb-color-button: color-mix(in srgb, var(--clb-color-white-dark-mode) 75%, transparent); } .dark-scheme select:not([multiple=multiple]), .dark-scheme .select2-container--default .select2-selection--single .select2-selection__arrow > b { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .dark-scheme rs-slide .font-headlines, .dark-scheme sr7-slide .font-headlines { color: var(--clb-color-white-dark-mode) !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-color-fill-dark-mode) 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-sabodia_pricing_table .pricing-table, .dark-scheme .clb__dark_mode_light.pricing-table, .dark-scheme .clb__dark_mode_light.ab_row:not(.portfolio-grid):not(.blog-posts), .dark-scheme .clb__dark_mode_light.ab_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.banner.-with-overlay-image .image-holder, .dark-scheme .clb__dark_mode_light .horizontal-accordion-item, .dark-scheme .clb__dark_mode_light > .ab_column-inner, .dark-scheme .clb__dark_mode_light:not(.elementor-widget-sabodia_recent_posts):not(.elementor-widget-sabodia_pricing_table) > .elementor-widget-container, .dark-scheme .clb__dark_mode_light > .elementor-widget-wrap, .dark-scheme .clb__dark_mode_light.e-con, .dark-scheme .dark_mode_light_row, .dark-scheme .dark_mode_light_column.wpb_column > .ab_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.ab_row, .dark-scheme .clb__dark_mode_black.ab_section, .dark-scheme .clb__dark_mode_black.elementor-section, .dark-scheme .clb__dark_mode_black.elementor-element, .dark-scheme .clb__dark_mode_black .horizontal-accordion-item, .dark-scheme .clb__dark_mode_black > .ab_column-inner, .dark-scheme .clb__dark_mode_black > .elementor-widget-container, .dark-scheme .clb__dark_mode_black > .elementor-widget-wrap { background-color: var(--clb-color-fill-dark-mode) !important; } .dark-scheme .clb__dark_mode_spacer, .dark-scheme .clb__dark_mode_spacer .elementor-spacer { background-color: var(--clb-color-fill-dark-mode) !important; } .dark-scheme .clb__dark_mode_spacer_light, .dark-scheme .clb__dark_mode_spacer_light .elementor-spacer { background-color: color-mix(in srgb, var(--clb-color-neutral) 5%, transparent); } .dark-scheme .clb__dark_mode_spacer_reset, .dark-scheme .clb__dark_mode_spacer_reset .elementor-spacer { background-color: transparent !important; } .dark-scheme .clb__dark_mode_image, .dark-scheme .clb__dark_mode_image img { mix-blend-mode: multiply; } .dark-scheme .branding .light-scheme-logo { display: none; } .dark-scheme .branding .dark-scheme-logo { display: flex; } .dark-scheme:not(.elementor-editor-active):not(.compose-mode) .dark-scheme-hidden { display: none; } .dark-scheme .-dm-hidden { display: none; } body:not(.dark-scheme):not(.elementor-editor-active):not(.compose-mode) .dark-scheme-visible { display: none; } body:not(.dark-scheme) .branding .dark-scheme-logo { display: none; } body:not(.dark-scheme) .-dm-visible { display: none; } .switching *:not(.color-switcher-toddler), .switching .portfolio-item.-layout12 .portfolio-item-details .portfolio-item-details-headline::after { transition: none !important; } ._digitalocean_ref img { height: 2.75rem; border-radius: var(--clb-spacer-1); } body:not(.dark-scheme) .dynamic-typo.light-typo.back-link, body:not(.dark-scheme) .dynamic-typo.light-typo.icon-button.fixed, body:not(.dark-scheme) .dynamic-typo.light-typo .social-bar, body:not(.dark-scheme) .dynamic-typo.light-typo .scroll-top, body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark, body:not(.dark-scheme) .dynamic-typo.dark-typo.back-link, body:not(.dark-scheme) .dynamic-typo.dark-typo.icon-button.fixed, body:not(.dark-scheme) .dynamic-typo.dark-typo .social-bar, body:not(.dark-scheme) .dynamic-typo.dark-typo .scroll-top, body:not(.dark-scheme) .dynamic-typo.dark-typo .color-switcher-item.dark { transition: color var(--clb-transition-duration-faster) var(--clb-transition-function); } body:not(.dark-scheme) .dynamic-typo.light-typo.back-link, body:not(.dark-scheme) .dynamic-typo.light-typo.icon-button.fixed, body:not(.dark-scheme) .dynamic-typo.light-typo .social-bar, body:not(.dark-scheme) .dynamic-typo.light-typo .scroll-top, body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark { color: var(--clb-color-white) !important; } body:not(.dark-scheme) .dynamic-typo.dark-typo { color: inherit; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky) .branding:not(.text-logo) .logo-dynamic .light, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky) .branding:not(.text-logo) .logo-dynamic .dark { display: unset; position: absolute; opacity: 0; top: 0; transition: opacity var(--clb-transition-duration-faster) var(--clb-transition-function); } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .hamburger-outer, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu-blank, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu:not(.mobile-menu) > li > a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .icon-button:not(.-overlay-button):not(.-small), body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .cart-button-total a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .lang-dropdown { color: var(--clb-color-white) !important; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo-dynamic .dark { opacity: 0; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo-dynamic .light { opacity: 1; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .hamburger-outer, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu-blank, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu:not(.mobile-menu) > li > a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .icon-button:not(.-overlay-button):not(.-small), body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .cart-button-total a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .lang-dropdown { color: inherit; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo-dynamic .dark { opacity: 1; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo-dynamic .light { opacity: 0; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo { opacity: 0; } body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .hamburger-outer, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu-blank, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu:not(.mobile-menu) > li > a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .icon-button:not(.-overlay-button):not(.-small), body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .cart-button-total a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .lang-dropdown, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .hamburger-outer, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu-blank, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu:not(.mobile-menu) > li > a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .icon-button:not(.-overlay-button):not(.-small), body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .cart-button-total a, body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .lang-dropdown { transition: color var(--clb-transition-duration-faster) var(--clb-transition-function); } body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .hamburger-outer, body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .branding, body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .menu-blank, body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .menu:not(.mobile-menu) > li > a, body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .icon-button:not(.-overlay-button):not(.-small), body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .cart-button-total a, body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .lang-dropdown { color: inherit !important; } .purchase-button { position: fixed; z-index: 3; color: var(--clb-color-white); text-transform: uppercase; font-size: 0.82em; font-weight: var(--clb-text-semi-bold); padding: 0 var(--clb-spacer-3); height: 2.5rem; background-color: color-mix(in srgb, var(--clb-color-black) 96%, white); box-shadow: 0 4px 6px color-mix(in srgb, var(--clb-color-black) 20%, transparent); left: var(--clb-spacer); bottom: var(--clb-spacer); border-radius: var(--clb-spacer-4); display: flex; align-items: center; } .purchase-button > img { margin-left: var(--clb-spacer-1); } .purchase-button:hover { transform: var(--clb-transform-scale); background-color: color-mix(in srgb, var(--clb-color-button) 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); } .wp-block-button .wp-element-button:hover, .wp-block-button .wp-element-button:active, .wp-block-button .wp-element-button:focus { color: var(--clb-color-white); } .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-title-color); } .has-dark-strong-background-color.wp-block-button__link { border-color: var(--clb-title-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-title-color); } .has-dark-light-color { color: var(--clb-color-black-light); } .has-grey-strong-color { color: var(--clb-text-color-grey); } .has-grey-light-color { color: var(--clb-text-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-title-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-text-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-text-font-size); font-family: inherit; } .has-extra-small-font-size { font-size: 0.867em; } .has-small-font-size { font-size: 0.934em; } .has-large-font-size { font-size: 1.6875em; font-weight: var(--clb-text-medium); } .has-larger-font-size { font-size: 1.9875em; } .menu li.new > .menu-link::after, .menu li.version > .menu-link::after { padding: 0.95em 0.5em; height: 1em; font-size: 0.61em; font-weight: var(--clb-text-bold); color: var(--clb-color-white); display: inline-flex; vertical-align: middle; align-items: center; border-radius: 0.65em; } .menu li.new > .menu-link::after { content: "NEW"; background-color: var(--clb-color-primary); } .menu li.version > .menu-link::after { content: "V3.6"; background-color: var(--clb-text-color); } .header { background: transparent; vertical-align: middle; left: 0; right: 0; z-index: 60; } .header:not(.header-8) { border-color: var(--clb-header-border-color); } .header:not(.header-sidebar):not(.header-8) { border-bottom-style: var(--clb-header-border-style); border-bottom-width: var(--clb-border-width); } .header.header-sidebar { border-right-style: var(--clb-header-border-style); border-right-width: var(--clb-border-width); } .header:not(.-fixed) { position: absolute; } .header-cap { width: 100%; height: var(--clb-header-height); } .header-wrap { position: relative; z-index: 1; height: var(--clb-header-height); } .header-wrap .left-part, .header-wrap .right-part, .header-wrap .top-part { display: flex; align-items: center; } .header-wrap .right-part { justify-content: flex-end; } .header-wrap-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; } .header-wrap-inner.vertical-inner { flex-direction: column; } .header-wrap-inner .menu-optional { display: flex; align-items: center; } .header-wrap:not(.page-container) { padding-left: var(--clb-spacer); padding-right: var(--clb-spacer); } .header-wrap.wrapped-container { padding: 0 15px; } .header-wrap .top-part { width: 100%; display: flex; align-items: center; justify-content: space-between; } .header-wrap .bottom-part { width: 100%; display: flex; align-items: center; justify-content: center; } .header .social-bar { display: none; } .header ul li { list-style: none; } .header .logo-sticky, .header .logo-mobile, .header .logo-sticky-mobile { display: none; } .header .desktop-hamburger.-left .hamburger-outer, .header .mobile-hamburger.-left .hamburger-outer, .header .top-part-inner.-left .hamburger-outer, .header .middle-part-inner.-left .hamburger-outer { padding-right: var(--clb-spacer-2); } .header .desktop-hamburger.-right .hamburger-outer, .header .mobile-hamburger.-right .hamburger-outer { padding-left: var(--clb-spacer-2); flex-direction: row-reverse; } .header.header-2 .header-wrap .top-part:not(.page-container) { padding-left: var(--clb-spacer); padding-right: var(--clb-spacer); } .header.header-2:not(.-mobile) .header-wrap { height: var(--clb-header-height-2); padding: 0; display: flex; justify-content: stretch; flex-direction: column; } .header.header-2:not(.-mobile) .header-wrap .left-part, .header.header-2:not(.-mobile) .header-wrap .right-part { min-width: 25vw; } .header.header-2:not(.-mobile) .header-wrap .top-part.page-container::after { content: none; } .header.header-2:not(.-mobile) .header-wrap .middle-part { border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); } .header.header-2:not(.-mobile) .header-wrap .bottom-part { flex-grow: 1; } .header.header-2:not(.-mobile) .header-wrap .top-part, .header.header-2:not(.-mobile) .header-wrap .bottom-part { height: auto; padding-top: 1.5vh; padding-bottom: 1.5vh; } .header.header-2:not(.-mobile).-sticky .header-wrap { height: 17vh; } .header.header-2.-mobile .header-wrap { padding: 0; } .header.header-2.-mobile .header-wrap .right-part { flex-grow: 2; } .header.header-2.-mobile .branding + .menu-optional { flex-grow: 2; justify-content: flex-end; } .header.header-3:not(.-mobile) .nav, .header.header-8:not(.-mobile) .nav { position: absolute; z-index: 1; left: 50%; transform: translateX(-50%); } .header.header-4 .left-part { display: flex; align-items: center; } .header.header-4 .left-part .desktop-hamburger { margin-right: var(--clb-spacer-3); } .header.header-4 .left-part .menu-optional > li:first-child { padding-left: 0; } .header.header-4.-mobile .right-part { flex-grow: 2; } .header.header-4:not(.-mobile) { opacity: 0; transition-duration: var(--clb-transition-duration-faster); transition-timing-function: var(--clb-transition-function); transition-property: opacity; } .header.header-4:not(.-mobile) .branding { z-index: 11; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header.header-4:not(.-mobile) .branding-title { width: auto; padding: 0 30px; } .header.header-4:not(.-mobile) .top-part { height: 100%; position: relative; } .header.header-4:not(.-mobile) .top-part .nav { position: absolute; } .header.header-4:not(.-mobile) .top-part.page-container::after { display: none; } .header.header-5:not(.-mobile) { width: var(--clb-header-height-5); min-height: 100%; position: fixed; top: 0; left: 0; padding: 0; } .header.header-5:not(.-mobile) .header-wrap { height: 100vh; padding-bottom: var(--clb-spacer); } .header.header-5:not(.-mobile) .header-wrap .top-part { min-height: var(--clb-header-height); justify-content: flex-start; } .header.header-5:not(.-mobile) .header-wrap .bottom-part { justify-content: flex-start; } .header.header-5:not(.-mobile) .middle-part, .header.header-5:not(.-mobile) .slide-in-overlay { width: 100%; } .header.header-5:not(.-mobile) .menu { width: 100%; font-size: var(--clb-font-size-large); flex-direction: column; } .header.header-5:not(.-mobile) .menu li .wide-menu-image, .header.header-5:not(.-mobile) .menu li .wide-menu-description { display: none; } .header.header-5:not(.-mobile) .menu li span .menu-link-subtitle { color: var(--clb-text-color-grey-light); } .header.header-5:not(.-mobile) .menu li .sub-menu { margin-left: var(--clb-spacer); padding-left: var(--clb-spacer); } .header.header-5:not(.-mobile) .menu li .sub-menu, .header.header-5:not(.-mobile) .menu li .sub-menu .sub-sub-menu { box-shadow: none; background: transparent; } .header.header-5:not(.-mobile) .menu li > ul { box-shadow: none; min-width: var(--clb-header-height-5); position: absolute; top: 0; left: 100%; color: var(--clb-color-white); background-color: transparent; padding: 0; transform: none; } .header.header-5:not(.-mobile) .menu li > ul li { transition-duration: var(--clb-transition-duration); } .header.header-5:not(.-mobile) .menu li:hover > ul, .header.header-5:not(.-mobile) .menu li:hover > ul > *, .header.header-5:not(.-mobile) .menu li:hover::after { transform: translateX(0); visibility: visible; opacity: 1; } .header.header-5:not(.-mobile) .menu > .nav-item > a { padding: 0.35rem 0; } .header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-plus { display: inline-flex; vertical-align: middle; align-items: center; } .header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-chevron { display: none; } .header.header-5:not(.-mobile) .menu > .nav-item::after { content: ""; height: 100vh; position: fixed; left: var(--clb-header-height-5); right: 0; top: 0; z-index: -1; pointer-events: none; visibility: hidden; opacity: 0; background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header.header-5:not(.-mobile) .menu-optional { position: relative; flex-direction: column; justify-content: flex-end; } .header.header-5:not(.-mobile) .menu-optional .cart-button { flex-direction: row-reverse; justify-content: flex-end; } .header.header-5:not(.-mobile) .menu-optional > li { width: 100%; } .header.header-5:not(.-mobile) .menu-optional > li, .header.header-5:not(.-mobile) .menu-optional > li:first-child { padding-left: 0; } .header.header-5:not(.-mobile) .menu-optional > li .cart-mini { top: auto; bottom: var(--clb-spacer); right: auto; left: 0; margin-left: var(--clb-spacer); margin-bottom: calc(var(--clb-circle) + var(--clb-spacer)); position: fixed; } .header.header-6:not(.-mobile) .branding { padding: 0 var(--clb-spacer-2); white-space: nowrap; min-width: 25vh; justify-content: flex-end; } .header.header-7 .branding { white-space: nowrap; } .header.header-7:not(.-mobile) .header-wrap-inner { align-items: center; } .header.header-7:not(.-mobile) .branding { top: 0; } .header.header-7:not(.-mobile) .middle-part { position: absolute; top: 50%; transform: translateY(-50%); } .header.header-7:not(.-mobile) .middle-part .hamburger-outer { padding-left: var(--clb-spacer-2); padding-right: unset; transform: rotate(-90deg); flex-direction: row-reverse; } .header.header-7:not(.-mobile) .middle-part .hamburger-outer > .hamburger { transform: rotate(90deg); } .header.header-7.-mobile .top-part { order: 2; } .header.header-7.-mobile .middle-part { order: 1; } .header.header-7.-mobile .bottom-part { order: 3; } .header.header-8 { padding: var(--clb-grid-gutter) var(--clb-spacer); } .header.header-8 .header-wrap { height: var(--clb-header-height-8); } .header.header-8 .header-wrap:not(.page-container) { padding-left: 0; padding-right: 0; } .header.header-8 .header-wrap-inner { padding: var(--clb-spacer-1) var(--clb-grid-gutter); background-color: var(--clb-color-fill); border-width: var(--clb-border-width); border-radius: var(--clb-border-radius-large); } .header.header-8:not(.-sticky) .header-wrap-inner { border-style: var(--clb-header-border-style); border-color: var(--clb-header-border-color); } .header.header-8.-sticky .header-wrap-inner { background-color: var(--clb-color-white); border-style: var(--clb-sticky-header-border-style); border-color: var(--clb-sticky-header-border-color); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); } .header.header-8.-mobile .header-wrap-inner { padding: var(--clb-spacer-1); } .header:not(.-mobile).-with-contained-menu.header-1 .menu, .header:not(.-mobile).-with-contained-menu.header-2 .menu, .header:not(.-mobile).-with-contained-menu.header-3 .menu, .header:not(.-mobile).-with-contained-menu.header-4 .menu { padding: var(--clb-spacer-05) 0.35rem; background-color: var(--clb-color-fill); border-radius: 1.375rem; } .header:not(.-mobile).-with-contained-menu.header-1 .menu { margin: 0 var(--clb-grid-gutter); } .header:not(.-mobile).header-sidebar { border-right-width: 1px; } .header:not(.-mobile):not(.header-sidebar) .menu-optional .icon-button:not(.cart) { min-width: var(--clb-circle-small); width: var(--clb-circle-small); height: var(--clb-circle-small); } .header:not(.-mobile).header-6, .header:not(.-mobile).header-7 { width: var(--clb-header-height-6); position: fixed; left: 0; top: 0; height: 100%; } .header:not(.-mobile).header-6.-sticky .header-wrap, .header:not(.-mobile).header-7.-sticky .header-wrap { height: 100%; } .header:not(.-mobile).header-6 .header-wrap, .header:not(.-mobile).header-7 .header-wrap { height: 100%; } .header:not(.-mobile).header-6 .vertical-inner, .header:not(.-mobile).header-7 .vertical-inner { padding-top: var(--clb-spacer); padding-bottom: var(--clb-spacer); } .header:not(.-mobile).header-6 .header-wrap, .header:not(.-mobile).header-7 .header-wrap { padding: 0; } .header:not(.-mobile).header-6 ~ .hamburger-nav.split, .header:not(.-mobile).header-7 ~ .hamburger-nav.split { left: 80px; z-index: 100; } .header:not(.-mobile).header-6 .cart-mini, .header:not(.-mobile).header-7 .cart-mini { top: auto; right: auto; left: 0; bottom: 0; margin-bottom: var(--clb-spacer-negative); position: fixed; transform-origin: left bottom; transform: rotate(90deg) translate(0%, 0%); } .header:not(.-mobile).header-6 .menu, .header:not(.-mobile).header-7 .menu { display: none; } .header:not(.-mobile).header-6 .top-part, .header:not(.-mobile).header-7 .top-part { align-items: flex-start; } .header:not(.-mobile).header-6 .top-part-inner, .header:not(.-mobile).header-7 .top-part-inner { width: 100%; height: var(--clb-header-height-6); transform-origin: right top; transform: rotate(-90deg) translate(0%, -100%); display: flex; flex-direction: row-reverse; align-items: center; } .header:not(.-mobile).header-6 .top-part .hamburger, .header:not(.-mobile).header-7 .top-part .hamburger { transform: rotate(90deg); } .header:not(.-mobile).header-6 .top-part .hamburger-outer, .header:not(.-mobile).header-7 .top-part .hamburger-outer { padding-left: var(--clb-spacer-2); flex-direction: row-reverse; } .header:not(.-mobile).header-6 .top-part .menu-blank, .header:not(.-mobile).header-7 .top-part .menu-blank { display: none; } .header:not(.-mobile).header-6 .bottom-part, .header:not(.-mobile).header-7 .bottom-part { height: auto; position: relative; justify-content: flex-start; } .header:not(.-mobile).header-6 .bottom-part .menu-optional, .header:not(.-mobile).header-7 .bottom-part .menu-optional { height: var(--clb-header-height-6); transform-origin: left bottom; transform: rotate(-90deg) translate(0%, 100%); } .header:not(.-mobile).header-6 .bottom-part .menu-optional > li:first-child, .header:not(.-mobile).header-7 .bottom-part .menu-optional > li:first-child { padding-left: 0; padding-right: 0; } .header:not(.-mobile).header-6 .bottom-part .menu-optional > .button-group, .header:not(.-mobile).header-7 .bottom-part .menu-optional > .button-group { margin-right: var(--clb-gap); } .header:not(.-mobile).header-6 .bottom-part .menu-optional > .button-group .button, .header:not(.-mobile).header-7 .bottom-part .menu-optional > .button-group .button { white-space: nowrap; transition-property: background-color, color; } .header:not(.-mobile).header-6 .bottom-part .menu-optional .lang-dropdown, .header:not(.-mobile).header-7 .bottom-part .menu-optional .lang-dropdown { margin-right: var(--clb-spacer-3); } .header:not(.-mobile).header-6 .bottom-part .menu-optional .cart-button, .header:not(.-mobile).header-7 .bottom-part .menu-optional .cart-button { flex-direction: row-reverse; } .header:not(.-mobile).extended-menu .hamburger { display: none; } .header:not(.-mobile).hamburger-position-right .left-part .hamburger, .header:not(.-mobile).hamburger-position-right .menu-optional-left .hamburger, .header:not(.-mobile).hamburger-position-right .top-part .hamburger { display: inline-flex; vertical-align: middle; align-items: center; } .header:not(.-mobile).hamburger-position-right .right-part .hamburger, .header:not(.-mobile).hamburger-position-right .menu-optional-right .hamburger, .header:not(.-mobile).hamburger-position-right .bottom-part .hamburger { display: inline-flex; vertical-align: middle; align-items: center; } .header:not(.-mobile).hamburger-position-left .right-part .hamburger, .header:not(.-mobile).hamburger-position-left .menu-optional-right .hamburger, .header:not(.-mobile).hamburger-position-left .bottom-part .hamburger { display: none; } .header:not(.-mobile).hamburger-position-left .left-part .hamburger, .header:not(.-mobile).hamburger-position-left .menu-optional-left .hamburger, .header:not(.-mobile).hamburger-position-left .top-part .hamburger { display: inline-flex; vertical-align: middle; align-items: center; } .header.-mobile .social-bar { display: flex; } .header.-mobile.header-sidebar .header-wrap-inner { flex-direction: row; } .header.-mobile.header-sidebar .header-wrap-inner .top-part, .header.-mobile.header-sidebar .header-wrap-inner .middle-part { align-items: center; justify-content: flex-start; } .header.-mobile.header-sidebar .header-wrap-inner .middle-part { display: flex; } .header.-mobile.header-sidebar .header-wrap-inner .bottom-part { justify-content: flex-end; } .header.-mobile.header-6 .top-part-inner, .header.-mobile.header-6 .middle-part-inner, .header.-mobile.header-7 .top-part-inner, .header.-mobile.header-7 .middle-part-inner { display: flex; } .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: 0.65; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .branding .logo:hover img, .branding .logo-mobile:hover img, .branding .logo-dynamic:hover img { transform: none; } .branding .logo img, .branding .logo-mobile img, .branding .logo-dynamic img { min-height: 42px; max-height: 66px; display: flex; } .branding .logo-sticky { display: none; } :not(.is-mobile-menu).with-header-2 .header-cap { height: var(--clb-header-height-2); } :not(.is-mobile-menu).with-header-5.with-spacer .site-content { padding-left: var(--clb-header-height-5); } :not(.is-mobile-menu).with-header-5.with-spacer .site-footer { margin-left: var(--clb-header-height-5); } :not(.is-mobile-menu).with-header-5 .subheader, :not(.is-mobile-menu).with-header-5 .offer-banner, :not(.is-mobile-menu).with-header-5 .elements-bar.left, :not(.is-mobile-menu).with-header-5 .search-global.fixed, :not(.is-mobile-menu).with-header-5 .scroll-bar-container, :not(.is-mobile-menu).with-header-5 .back-link { margin-left: var(--clb-header-height-5); } :not(.is-mobile-menu).with-header-5 .notification .alert { margin-left: calc(var(--clb-header-height-5) / 2); } :not(.is-mobile-menu).with-header-7 .hamburger-nav:not(.type2):not(.type3) { padding-left: var(--clb-header-height); } :not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar { justify-content: center; } :not(.is-mobile-menu).with-header-6.with-spacer .site-content, :not(.is-mobile-menu).with-header-7.with-spacer .site-content { padding-left: var(--clb-header-height-6); } :not(.is-mobile-menu).with-header-6.with-spacer .site-footer, :not(.is-mobile-menu).with-header-7.with-spacer .site-footer { margin-left: var(--clb-header-height-6); } :not(.is-mobile-menu).with-header-6 .hamburger-nav .close-bar, :not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar { width: 100vh; padding-left: var(--clb-spacer); padding-right: var(--clb-spacer); height: var(--clb-header-height-6); transform-origin: left top; transform: rotate(90deg) translate(0, -100%); } :not(.is-mobile-menu).with-header-6 .subheader, :not(.is-mobile-menu).with-header-6 .offer-banner, :not(.is-mobile-menu).with-header-6 .elements-bar.left, :not(.is-mobile-menu).with-header-6 .search-global.fixed, :not(.is-mobile-menu).with-header-6 .scroll-bar-container, :not(.is-mobile-menu).with-header-6 .back-link, :not(.is-mobile-menu).with-header-7 .subheader, :not(.is-mobile-menu).with-header-7 .offer-banner, :not(.is-mobile-menu).with-header-7 .elements-bar.left, :not(.is-mobile-menu).with-header-7 .search-global.fixed, :not(.is-mobile-menu).with-header-7 .scroll-bar-container, :not(.is-mobile-menu).with-header-7 .back-link { margin-left: var(--clb-header-height-6); } :not(.is-mobile-menu).with-header-6 .notification .alert, :not(.is-mobile-menu).with-header-7 .notification .alert { margin-left: calc(var(--clb-header-height-6) / 2); } :not(.is-mobile-menu).with-header-6 .search-global.fixed, :not(.is-mobile-menu).with-header-7 .search-global.fixed { bottom: var(--clb-spacer); } :not(.is-mobile-menu).with-header-5 .header-cap, :not(.is-mobile-menu).with-header-6 .header-cap, :not(.is-mobile-menu).with-header-7 .header-cap { display: none; } :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-5, :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-6, :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-7, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-5, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-6, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-7, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-5, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-6, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-7 { display: none; } :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-content, :not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-footer, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-content, :not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-footer, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-content, :not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-footer { margin-left: 0; } .is-mobile-menu .hamburger-nav, .is-mobile-menu .hamburger-nav.type2, .is-mobile-menu .hamburger-nav.type3 { display: none; } .is-mobile-menu .header { opacity: 1; } .is-mobile-menu .mobile-hamburger { min-width: var(--clb-circle); } .is-mobile-menu .mobile-hamburger.-left { margin-right: var(--clb-spacer-2); } .is-mobile-menu .mobile-hamburger.-right { margin-left: var(--clb-spacer-2); } .elementor-html .header:not(.header-5):not(.header-6):not(.header-7), .ab_editor .header:not(.header-5):not(.header-6):not(.header-7) { z-index: 0; } .slider-with-bullets .elements-bar.right, .slider-with-bullets .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn, .slider-with-bullets .portfolio-onepage-slider .clb-slider-nav-btn { margin-right: var(--clb-bullets-spacer); } .slider-with-bullets:not(.slider-with-bullets-type5) .sticky-nav { margin-right: var(--clb-bullets-spacer); } .slider-with-bullets:not(.slider-with-bullets-type8) .header { margin-right: var(--clb-bullets-spacer); } .admin-bar .clb-popup:not(.project-lightbox):not(.clb-gallery-lightbox), .admin-bar .-sticky:not(.-mobile), .admin-bar .header-5:not(.-mobile) .top-part, .admin-bar .header-6:not(.-mobile) .top-part, .admin-bar .header-7:not(.-mobile) .top-part, .admin-bar .header-7:not(.-mobile) .middle-part { margin-top: var(--clb-admin-bar-height); } .admin-bar:not(.with-header-sidebar) .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height)); } .admin-bar:not(.with-header-sidebar).with-offer-banner .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-offer-banner-height)); } .admin-bar:not(.with-header-sidebar).with-subheader .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-subheader-height)); } .admin-bar:not(.with-header-sidebar).with-subheader.with-offer-banner .back-link { margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height)); } .admin-bar.with-header-sidebar .back-link { margin-top: var(--clb-admin-bar-height); } .admin-bar.with-header-sidebar.with-offer-banner .back-link { margin-top: calc(var(--clb-admin-bar-height) + var(--clb-offer-banner-height)); } .admin-bar.with-header-sidebar.with-subheader .back-link { margin-top: calc(var(--clb-admin-bar-height) + var(--clb-subheader-height)); } .admin-bar.with-header-sidebar.with-subheader.with-offer-banner .back-link { margin-top: calc(var(--clb-admin-bar-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height)); } .with-offer-banner .portfolio-item.-layout9 .next-slide-preview { top: calc(50% - var(--clb-offer-banner-height)); } .header.-sticky { position: fixed; top: 0; } .header.-sticky:not(.header-8) { background-color: var(--clb-color-white); border-color: var(--clb-sticky-header-border-color); border-bottom-style: var(--clb-sticky-header-border-style); border-bottom-width: var(--clb-border-width); } .header.-sticky:not(.-fixed) { transform: translate3d(0, -25%, 0); opacity: 0; visibility: hidden; } .header.-sticky:not(.-fixed):not(.header-8) .header-wrap { height: var(--clb-sticky-header-height); } .header.-sticky.showed { opacity: 1; visibility: visible; transform: none; z-index: 1000; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header.-sticky.with-header-cap { margin: 0; } .header.-sticky .branding img { min-height: 38px; max-height: 4.5vh; } .header.-fixed { position: fixed; } .subheader { background-color: var(--clb-color-fill); cursor: var(--clb-cursor-default); vertical-align: middle; position: relative; font-size: 0.85em; z-index: 10; } .subheader, .subheader a { color: var(--clb-text-color-grey); } .subheader .page-container { padding-top: var(--clb-spacer-1); padding-bottom: var(--clb-spacer-1); min-height: var(--clb-subheader-height); flex-wrap: wrap; } .subheader .page-container.-full-w { padding-left: var(--clb-spacer); padding-right: var(--clb-spacer); } .subheader .page-container:after { display: none; } .subheader .page-container { display: flex; align-items: center; justify-content: space-between; } .subheader ul { gap: var(--clb-spacer-1); } .subheader ul, .subheader ul li { display: flex; align-items: center; } .subheader ul a { white-space: nowrap; } .subheader ul.-left > li:not(:last-child)::after, .subheader ul.-right > li:not(:last-child)::after { content: ""; height: 1em; width: 1px; background-color: currentColor; opacity: 0.5; margin-left: var(--clb-spacer-1); display: block; } .site-footer { background-color: color-mix(in srgb, var(--clb-color-fill) 75%, transparent); } .site-footer .widgets { padding-top: var(--clb-grid-gutter-5x); padding-bottom: var(--clb-grid-gutter-5x); } .site-footer-copyright { font-size: var(--clb-font-size-extra-small); } .site-footer-copyright .holder { padding-top: var(--clb-spacer); padding-bottom: var(--clb-spacer); } .site-footer-copyright .holder a { color: inherit; } .site-footer-copyright .holder:not(.-center) { display: flex; justify-content: space-between; } .site-footer .page-container + .site-footer-copyright .holder { border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); } .site-footer .page-container > .holder { padding: var(--clb-spacer-3) 0; min-width: 100%; } .site-footer .page-container > .holder .-left-bar, .site-footer .page-container > .holder .-right-bar { height: var(--clb-color-switcher-height); display: flex; align-items: center; } .site-footer .page-container > .holder .-left-bar .color-switcher, .site-footer .page-container > .holder .-right-bar .color-switcher { left: unset; } .site-footer .page-container > .holder .-right-bar .color-switcher { margin-left: var(--clb-grid-gutter); } .site-footer .page-container > .holder .-right-bar { justify-content: flex-end; } .menu-blank.button { color: inherit; border: var(--clb-border-width-double) var(--clb-border-style-dashed) color-mix(in srgb, var(--clb-color-warning) 50%, transparent) !important; } .menu-blank.button:hover { border: var(--clb-border-width-double) var(--clb-border-style-dashed) color-mix(in srgb, var(--clb-color-warning) 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: 0.5; } .has-submenu-icon .menu-plus { transition: transform var(--clb-transition-function) var(--clb-transition-duration); } .has-submenu.visible > a > .has-submenu-icon .menu-plus, .has-submenu.active > a > .has-submenu-icon .menu-plus, .has-submenu:hover > a > .has-submenu-icon .menu-plus { transform: rotate(135deg) !important; } .menu, .menu .sub-menu, .menu .sub-sub-menu { margin: 0; padding: 0; list-style: none; } .menu > li::before, .menu .sub-menu > li::before, .menu .sub-sub-menu > li::before { content: ""; display: none; } .nav { cursor: var(--clb-cursor-default); font-size: var(--clb-font-size-menu); font-weight: var(--clb-text-medium); position: relative; height: 100%; } .nav .menu .sub-menu { font-size: var(--clb-font-size-submenu); } .nav .menu li { z-index: 11; } .nav.hidden { display: flex; align-items: center; } .nav a::before, .nav .close-bar { display: none; } .nav .slide-in-overlay { display: block; } .nav.with-highlighted-menu .nav-item .menu-link:hover, .nav.with-highlighted-menu .nav-item.current-menu-item > .menu-link { color: var(--clb-color-primary); } .nav.with-counters .nav-item:not(.version) { counter-increment: number; } .nav.with-counters .nav-item:not(.version) > a > span { position: relative; } .nav.with-counters .nav-item:not(.version) > a > span::before { content: "0" counter(number); display: inline-block; font-weight: var(--clb-text-bold); width: auto; right: 0; top: -0.65em; line-height: 0.6em; font-size: 0.6em; position: absolute; height: auto; opacity: 0.75; } .nav.hidden:not(.-visible) { display: none; } .header .menu li { position: relative; padding: 0; } .header .menu li span { white-space: normal; line-height: var(--clb-h5-line-height); gap: 0 var(--clb-gap); display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .header .menu li span .menu-link-subtitle { opacity: 0.75; font-size: var(--clb-font-size-extra-small); font-weight: normal; } .header .menu li .menu-link-icon-image { margin-left: -0.275rem; object-fit: cover; width: 2.25rem; min-width: 2.25rem; height: 2.25rem; } .header .menu .wide-menu-description { font-weight: normal; font-size: var(--clb-font-size-small); line-height: var(--clb-text-line-heigth-small); } .header .menu img { border-radius: var(--clb-border-radius); } .header:not(.-mobile) .menu { min-height: 2.75rem; display: flex; align-items: stretch; } .header:not(.-mobile) .menu li > ul { background-color: var(--clb-color-white); padding: var(--clb-spacer-05); width: auto; position: absolute; left: 0; top: 2.75rem; z-index: 10; margin: 0; min-width: 14.5rem; gap: 0.125rem; opacity: 0; visibility: hidden; transform-origin: 50% -50px; transform: perspective(400px) rotateX(-10deg); transition: all var(--clb-transition-function) var(--clb-transition-duration); display: flex; flex-direction: column; border-radius: var(--clb-border-radius); box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent); transition-property: transform, opacity, visibility; } .header:not(.-mobile) .menu li > ul > li { margin: 0; line-height: 100%; font-weight: var(--clb-text-font-weight); } .header:not(.-mobile) .menu li > ul > li a { padding: 0.438rem var(--clb-spacer-2); min-height: 2.375rem; gap: 0 var(--clb-gap); display: flex; align-items: center; border-radius: calc(var(--clb-border-radius) * 0.85); } .header:not(.-mobile) .menu li > ul > li a:hover { background-color: var(--clb-color-fill); } .header:not(.-mobile) .menu li > ul > li a > .has-submenu-icon > .menu-chevron { display: none; } .header:not(.-mobile) .menu li > ul > li > ul { top: calc(var(--clb-spacer-05) * -1); left: calc(100% + var(--clb-spacer-05)); } .header:not(.-mobile) .menu li > ul .has-submenu-icon { margin-right: var(--clb-spacer-2); } .header:not(.-mobile) .menu li.active > ul, .header:not(.-mobile) .menu li:hover > ul { transform: none; visibility: visible; z-index: 200; transform: none; visibility: visible; opacity: 1; } .header:not(.-mobile) .menu li.active .sub-menu-wide ul, .header:not(.-mobile) .menu li:hover .sub-menu-wide ul { visibility: visible; opacity: 1; } .header:not(.-mobile) .menu li.active .menu-chevron, .header:not(.-mobile) .menu li:hover .menu-chevron { transform: rotate3d(1, 0, 0, 180deg); } .header:not(.-mobile) .menu > .nav-item { margin: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header:not(.-mobile) .menu > .nav-item > a { padding: 0 1vw; height: 100%; gap: 0.3rem; display: flex; align-items: center; } .header:not(.-mobile) .menu > .nav-item > a > .has-submenu-icon .menu-chevron { font-size: 0.5em; display: inline-flex; vertical-align: middle; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header:not(.-mobile) .menu > .nav-item > a > .has-submenu-icon > .menu-plus { display: none; } .header:not(.-mobile) .menu .sub-menu-wide { width: calc(100vw - var(--clb-spacer) - var(--clb-spacer)); padding: var(--clb-spacer-4); gap: var(--clb-spacer-2); border-radius: var(--clb-border-radius-large); display: flex; flex-direction: row; align-items: stretch; } .header:not(.-mobile) .menu .sub-menu-wide > li { width: 16.6666666667%; gap: var(--clb-gap); display: flex; flex-direction: column; justify-content: flex-start; } .header:not(.-mobile) .menu .sub-menu-wide > li.wide-menu-parent-meta > img { flex-grow: 2; object-fit: cover; } .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link { font-size: var(--clb-font-size-extra-small); opacity: 0.75; padding-top: 0; padding-bottom: 0; min-height: unset; } .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link:hover { background: transparent; } .header:not(.-mobile) .menu .sub-menu-wide ul { padding: 0; box-shadow: none !important; position: static; transform: none; min-width: unset; border-radius: 0; } .header:not(.-mobile) .menu .sub-menu-wide .has-submenu-icon { display: none; } .header:not(.-mobile) .menu:hover .nav-item:not(:hover) { opacity: 0.5; } .header:not(.-mobile) .slide-in-overlay { height: 100%; } .header:not(.-mobile) .slide-in-overlay .lang-dropdown { display: none; } .header:not(.-mobile) .slide-in-overlay .holder { height: 100%; } .header:not(.-mobile) .copyright, .header:not(.-mobile) .mobile-hamburger { display: none; } .header:not(.-mobile) .nav-container { height: 100%; display: flex; align-items: center; } .header:not(.-mobile) .nav.with-mobile-menu #mobile-menu { display: none; } .header:not(.-mobile):not(.header-5) .nav.with-multi-level-indicators .menu > .nav-item > a { padding: 0 var(--clb-spacer-2); } .header:not(.-mobile):not(.header-5) .nav.with-multi-level-indicators .menu > .nav-item > a > .has-submenu-icon { position: static; transform: scale(0.75); line-height: inherit; } .header.-mobile .menu-chevron { display: none; } .header.-mobile .menu { margin: 0 calc(var(--clb-spacer-05) * -1); } .header.-mobile .menu > li { margin: 0; } .header.-mobile .menu li > ul { max-height: 0; margin: 0; padding-left: var(--clb-spacer-2); overflow: hidden; opacity: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header.-mobile .menu li > ul img:not(.menu-link-icon-image) { margin: var(--clb-spacer-2) 0; } .header.-mobile .menu li > ul .wide-menu-description { margin-bottom: var(--clb-spacer-2); } .header.-mobile .menu li > ul.active { height: auto; } .header.-mobile .menu li > ul li.active { font-weight: var(--clb-text-semi-bold); } .header.-mobile .menu li > ul ul { font-weight: var(--clb-text-medium); } .header.-mobile .menu li { position: relative; } .header.-mobile .menu li a { display: block; position: relative; padding: 0.45rem var(--clb-spacer-2); min-height: 2.5rem; gap: 0 var(--clb-gap); display: flex; align-items: center; border-radius: var(--clb-border-radius); } .header.-mobile .menu li a .has-submenu-icon { right: calc(var(--clb-spacer-05) * -1); position: absolute; min-width: var(--clb-circle-small); width: var(--clb-circle-small); height: var(--clb-circle-small); display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .header.-mobile .menu li a .has-submenu-icon .icon svg { transform: none; } .header.-mobile .menu li.active > a { background-color: var(--clb-color-fill); } .header.-mobile .menu li.active > ul { opacity: 1; max-height: 400vh; } .header.-mobile .nav.hide-mobile-menu-images .wide-menu-image { display: none; } .header.-mobile .nav.hide-mobile-menu-descriptions .wide-menu-description { display: none; } .header.-mobile .nav.with-mobile-menu #menu-primary { display: none; } .header.-mobile .nav:not(.with-mobile-menu) #mobile-menu { display: none; } .header.-mobile .desktop-hamburger { display: none; } .hamburger { user-select: none; border: none; padding: 0; background-color: unset; } .hamburger-button { background-color: unset; padding: 0; border: none; } .hamburger-outer { background-color: var(--clb-color-fill); display: inline-flex; vertical-align: middle; align-items: center; border-radius: var(--clb-circle); } .hamburger-outer > .hamburger.icon-button { margin-right: 0 !important; background-color: transparent; } .hamburger-caption { margin: 0 var(--clb-spacer-1); text-transform: uppercase; font-weight: var(--clb-text-medium); font-size: var(--clb-font-size-caption); } .hamburger.icon-button > .icon { display: inline-flex; vertical-align: middle; align-items: center; flex-direction: column; align-items: flex-start; } .hamburger.icon-button > .icon::after, .hamburger.icon-button > .icon::before { content: ""; height: 2px; margin: 3px 0; background-color: currentColor; } .hamburger.icon-button > .icon::before { width: 1.375rem; } .hamburger.icon-button > .icon::after { width: 1.1rem; } .menu-optional { position: relative; display: flex; align-items: center; } .menu-optional .custom-icon { max-width: 50%; } .menu-optional .button-group { gap: var(--clb-gap); display: inline-flex; vertical-align: middle; align-items: center; } .hamburger-nav { padding: var(--clb-spacer); display: flex; flex-direction: column; } .hamburger-nav-holder { height: 100%; top: var(--clb-spacer); display: flex; align-items: center; } .hamburger-nav .menu { counter-reset: number; width: 25%; position: relative; } .hamburger-nav .menu li { color: var(--clb-color-white); } .hamburger-nav .menu .wide-menu-image, .hamburger-nav .menu .wide-menu-description { display: none; } .hamburger-nav .menu-blank.-outlined { color: var(--clb-color-white); } .hamburger-nav .menu .menu-chevron { display: none; } .hamburger-nav .menu.menu-blank { width: auto; margin: 0; color: var(--clb-color-white); } .hamburger-nav .menu .nav-item { counter-increment: number; } .hamburger-nav .menu .nav-item > a::before { content: "0" counter(number); display: inline-block; opacity: 1; font-weight: var(--clb-text-bold); width: auto; vertical-align: top; line-height: 20px; font-size: 14px; position: relative; height: auto; background: transparent; align-self: flex-start; color: currentColor; opacity: 0.5; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .hamburger-nav .menu .mega-menu-item { margin: 0; padding: var(--clb-spacer-05) 2.5rem var(--clb-spacer-05) 0px; list-style-type: none; line-height: var(--clb-h1-line-height); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .hamburger-nav .menu .mega-menu-item > a { width: 100%; vertical-align: middle; font-weight: var(--clb-text-bold); font-size: 5vh; font-family: var(--clb-title-font-family); display: block; position: relative; z-index: 2; gap: 0.35em; display: flex; align-items: center; } .hamburger-nav .menu .mega-menu-item > a:hover, .hamburger-nav .menu .mega-menu-item > a:focus { color: inherit; } .hamburger-nav .menu .mega-menu-item > a span { gap: 0 var(--clb-gap); line-height: var(--clb-h4-line-height); display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .hamburger-nav .menu .mega-menu-item > a span .menu-link-subtitle { font-size: 0.5em; text-transform: none; } .hamburger-nav .menu .mega-menu-item > a .menu-link-icon-image { object-fit: cover; width: 0.85em; min-width: 0.85em; height: 0.85em; border-radius: var(--clb-border-radius); } .hamburger-nav .menu .mega-menu-item.new > .menu-link::after, .hamburger-nav .menu .mega-menu-item.version > .menu-link::after { font-size: 0.275em; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .hamburger-nav .menu .mega-menu-item.version > .menu-link::after { background-color: var(--clb-color-grey); } .hamburger-nav .menu .mega-menu-item .has-submenu-icon:not(:hover) { transform: translateY(-50%) scale(1) rotate(0deg); } .hamburger-nav .menu .mega-menu-item > ul { width: 100%; margin: 0; position: absolute; top: 0; left: 100%; z-index: 1; visibility: hidden; opacity: 0; } .hamburger-nav .menu .mega-menu-item > ul.visible { opacity: 1; visibility: visible; } .hamburger-nav .menu .mega-menu-item.active > a span, .hamburger-nav .menu .mega-menu-item.active > a::after, .hamburger-nav .menu .mega-menu-item:hover > a span, .hamburger-nav .menu .mega-menu-item:hover > a::after { opacity: 0.5; } .hamburger-nav .menu .mega-menu-item.active > a::before, .hamburger-nav .menu .mega-menu-item:hover > a::before { opacity: 0; } .hamburger-nav .menu .mega-menu-item.active > a .ion, .hamburger-nav .menu .mega-menu-item:hover > a .ion { color: var(--clb-color-primary); } .hamburger-nav .menu .mega-menu-item.active > ul, .hamburger-nav .menu .mega-menu-item:hover > ul { opacity: 1; visibility: visible; } .hamburger-nav .menu .mega-menu-item.active > ul > *, .hamburger-nav .menu .mega-menu-item:hover > ul > * { transform: none; visibility: visible; opacity: 1; } .hamburger-nav-details { color: var(--clb-text-color-grey); font-size: var(--clb-font-size-small); padding-top: 2rem; padding-right: 2rem; display: flex; flex-wrap: wrap; align-items: flex-start; } .hamburger-nav-details .lang-dropdown { background-color: var(--clb-color-fill); color: var(--clb-color-white); width: auto; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .hamburger-nav-details .details-column { width: 25%; margin: var(--clb-spacer-3) 0; } .hamburger-nav-details .details-column a { color: inherit; } .hamburger-nav-details .details-column b, .hamburger-nav-details .details-column .network { color: var(--clb-color-white); } .hamburger-nav:not(.type2):not(.type3) { padding-left: var(--clb-grid-gutter-4x); padding-right: var(--clb-grid-gutter-4x); } .hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item.active > a span:not(.menu-link-subtitle), .hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item.active > a::after, .hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item:hover > a span:not(.menu-link-subtitle), .hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item:hover > a::after { transform: translateX(var(--clb-spacer-3)); } .hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item.active > a::before, .hamburger-nav:not(.type2):not(.type3) .menu .mega-menu-item:hover > a::before { transform: translateX(var(--clb-spacer-3)); } .hamburger-nav.type2, .hamburger-nav.type3 { display: block; } .hamburger-nav.type2 .page-container, .hamburger-nav.type3 .page-container { height: 100%; display: flex; flex-direction: column; } .hamburger-nav.type2 .hamburger-nav-holder, .hamburger-nav.type3 .hamburger-nav-holder { overflow-x: hidden; overflow-y: scroll; scrollbar-width: none; justify-content: center; } .hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar, .hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar-thumb, .hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar, .hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar-thumb { visibility: hidden; } .hamburger-nav.type2 .menu, .hamburger-nav.type3 .menu { min-width: initial; text-align: center; width: 40vw; } .hamburger-nav.type2 .menu .has-submenu-icon, .hamburger-nav.type3 .menu .has-submenu-icon { position: static; top: 0; right: 0; margin-left: -3rem; transform: translate(100%, 0); z-index: 1; } .hamburger-nav.type2 .menu .has-submenu-icon:not(:hover), .hamburger-nav.type3 .menu .has-submenu-icon:not(:hover) { transform: translate(100%, 0); } .hamburger-nav.type2 .menu .has-submenu-icon .ion, .hamburger-nav.type3 .menu .has-submenu-icon .ion { background-color: transparent; font-size: 1.25em; } .hamburger-nav.type2 .menu li, .hamburger-nav.type3 .menu li { padding-right: 0; white-space: nowrap; position: relative; overflow: hidden; text-transform: uppercase; } .hamburger-nav.type2 .menu li > a, .hamburger-nav.type3 .menu li > a { position: relative; width: auto; gap: 0; display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .hamburger-nav.type2 .menu li > a span:not(.menu-link-subtitle), .hamburger-nav.type3 .menu li > a span:not(.menu-link-subtitle) { padding: 0px 10px; } .hamburger-nav.type2 .menu li > a span, .hamburger-nav.type3 .menu li > a span { 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: calc(var(--clb-spacer-3) * -1); } .hamburger-nav.type2 .menu li > ul, .hamburger-nav.type3 .menu li > ul { max-height: 0vh; overflow: hidden; position: static; visibility: visible !important; opacity: 1 !important; margin: 0; align-items: flex-start; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .hamburger-nav.type2 .menu li > ul span, .hamburger-nav.type3 .menu li > ul span { font-size: 0.75em; } .hamburger-nav.type2 .menu li.active > ul, .hamburger-nav.type3 .menu li.active > ul { max-height: 100vh; margin: var(--clb-spacer) 0; } .hamburger-nav.type2 .menu li:hover .has-submenu-icon, .hamburger-nav.type3 .menu li:hover .has-submenu-icon { transform: translateX(100%); } .hamburger-nav.type2 .menu li:hover > a span:not(.cloned), .hamburger-nav.type3 .menu li:hover > a span:not(.cloned) { transform: translateY(-110%); opacity: 0; } .hamburger-nav.type2 .menu li:hover > a span.cloned, .hamburger-nav.type3 .menu li:hover > a span.cloned { transform: translateY(0); opacity: 0.5; } .hamburger-nav.type2 .hamburger-nav-details { justify-content: center; } .hamburger-nav.type3 { padding: 0; align-items: center; justify-content: space-between; flex-direction: row; } .hamburger-nav.type3 > .page-container { flex-direction: row; align-items: center; justify-content: center; } .hamburger-nav.type3 .hamburger-nav-holder { width: 75%; justify-content: flex-start; } .hamburger-nav.type3 .menu { width: 100%; max-height: calc(100vh - var(--clb-header-height) * 2); } .hamburger-nav.type3 .menu .mega-menu-item > a { overflow: hidden; padding-left: var(--clb-grid-gutter); font-size: 10vh; display: flex; justify-content: flex-start; } .hamburger-nav.type3 .menu .mega-menu-item > a span { line-height: 0.95; align-items: flex-start; } .hamburger-nav.type3 .menu .mega-menu-item > a span.cloned { -webkit-text-stroke: 1px currentColor; -webkit-text-fill-color: transparent; } .hamburger-nav.type3 .menu .mega-menu-item > a::before { left: 0; } .hamburger-nav.type3 .menu .mega-menu-item > a .menu-link-icon-image { object-fit: cover; width: 0.5em; min-width: 0.5em; height: 0.5em; } .hamburger-nav.type3 .menu .mega-menu-item.new > .menu-link::after, .hamburger-nav.type3 .menu .mega-menu-item.version > .menu-link::after { font-size: 0.15em; } .hamburger-nav.type3 .hamburger-nav-details { width: 25%; height: 100%; padding-left: var(--clb-spacer); display: flex; align-items: center; justify-content: center; flex-direction: column; } .hamburger-nav.type3 .hamburger-nav-details .details-column { width: 100%; } .site-content { background-color: var(--clb-color-white); min-height: 75vh; } .site-content::before { content: ""; display: table; clear: both; } @supports (-webkit-touch-callout: none) { .site-content { overflow-x: hidden; } } .page-container { margin: 0 auto; position: relative; padding-left: var(--clb-container-side-gutter); padding-right: var(--clb-container-side-gutter); } .page-container:not(.-full-w) { max-width: var(--clb-container-width); } .page-container.-full-w.-reset-padding { padding-left: 0; padding-right: 0; } .page-container.top-offset { padding-top: var(--clb-grid-gutter-5x); } .page-container.top-offset:has(> .slide-in) { padding-top: 0; } .page-container.bottom-offset { padding-bottom: var(--clb-grid-gutter-5x); } .page-container::after { content: ""; display: table; clear: both; } .boxed-container { position: relative; } .content-area::after { content: ""; display: table; clear: both; } body.page-is-loaded .color-switcher-toddler { transition: all var(--clb-transition-function) var(--clb-transition-duration); transition-property: transform, color; } .single-post .page-content.-left .content-area .ab_col-lg-8, .single-post .page-content.-right .content-area .ab_col-lg-8 { left: auto; width: 100%; } .search-no-results .breadcrumbs, .search-no-results .woo-sidebar { display: none; } .search-no-results .page-content.-left, .search-no-results .page-content.-right { width: 100%; } .global-page-animation > #page { opacity: 0; margin-top: calc(var(--clb-spacer-5) * -1); transition-duration: 0.5s; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .global-page-animation.global-page-animation-active > #page { opacity: 1; margin-top: 0; } .global-page-animation.global-page-animation-fade-out > #page { opacity: 0; margin-top: calc(var(--clb-spacer-5) * -1); } .page-sidebar { float: right; position: relative; z-index: 1; width: var(--clb-sidebar-width); margin-bottom: 50px; } .page-sidebar.-left { float: left; } .page-sidebar.-right { float: right; } .page-sidebar.-boxed { padding: var(--clb-spacer); background-color: var(--clb-color-fill); border-radius: var(--clb-border-radius); } .with-widget-divider .sidebar-widgets, .with-widget-divider .page-sidebar { --clb-widget-gutter: 2.5vh; } .with-widget-divider .sidebar-widgets .widget:not(:last-child), .with-widget-divider .sidebar-widgets .berocket_single_filter_widget:not(:last-child), .with-widget-divider .page-sidebar .widget:not(:last-child), .with-widget-divider .page-sidebar .berocket_single_filter_widget:not(:last-child) { margin-bottom: var(--clb-widget-gutter); padding-bottom: var(--clb-widget-gutter); border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); } .with-widget-divider .sidebar-widgets [data-wp-interactive="business/product-filters"]:not(:last-child):not(.wc-block-product-filter-removable-chips) { border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); padding-bottom: var(--clb-widget-gutter); } .elementor { margin-left: var(--clb-grid-gutter-negative); margin-right: var(--clb-grid-gutter-negative); } .elementor .elementor-widget-sabodia_vertical_slider { position: static; } .elementor-editor-active ul { margin: 0; padding: 0; list-style: none; } .elementor-editor-active ul > li::before { content: ""; display: none; } .elementor .elementor-column-gap-default > .elementor-column > .elementor-element-populated, .elementor .elementor-column-gap-wide > .elementor-column > .elementor-element-populated { padding: 0 var(--clb-grid-gutter); } @keyframes fadeInUpShort { from { opacity: 0; transform: translate3d(0, 2rem, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDownShort { from { opacity: 0; transform: translate3d(0, -2rem, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeftShort { from { opacity: 0; transform: translate3d(2rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRightShort { from { opacity: 0; transform: translate3d(-2rem, 0, 0); } to { opacity: 1; transform: none; } } .elementor .fadeInUp { animation-name: fadeInUpShort; } .elementor .fadeInDown { animation-name: fadeInDownShort; } .elementor .fadeInLeft { animation-name: fadeInLeftShort; } .elementor .fadeInRight { animation-name: fadeInRightShort; } .elementor .fadeInUp, .elementor .fadeInDown, .elementor .fadeInLeft, .elementor .fadeInRight { animation-duration: var(--clb-transition-duration); } .elementor-form .elementor-select-wrapper select.elementor-field-textual { min-height: var(--clb-button-height); } .elementor-form .elementor-select-wrapper .select-caret-down-wrapper { display: none; } .elementor-form .elementor-field-type-acceptance .elementor-field-option input[type=checkbox], .elementor-form .elementor-field-type-acceptance .elementor-field-option input[type=radio], .elementor-form .elementor-field-type-radio .elementor-field-option input[type=checkbox], .elementor-form .elementor-field-type-radio .elementor-field-option input[type=radio], .elementor-form .elementor-field-type-checkbox .elementor-field-option input[type=checkbox], .elementor-form .elementor-field-type-checkbox .elementor-field-option input[type=radio] { display: inline-flex; vertical-align: middle; align-items: center; } .elementor-form .elementor-field-type-acceptance input.elementor-acceptance-field { border-width: 2px !important; border-radius: var(--clb-border-radius) !important; } .elementor-form .elementor-field-type-acceptance input.elementor-acceptance-field:checked { background-color: var(--clb-color-primary) !important; border-color: var(--clb-color-primary) !important; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } rs-slide .font-paragraphs, sr7-slide .font-paragraphs { font-family: var(--clb-text-font-family); } .with-spacer.with-header-5 sr7-content { margin-left: var(--clb-header-height-5) !important; width: calc(100vw - var(--clb-header-height-5)) !important; } .with-spacer.with-header-6 sr7-content, .with-spacer.with-header-7 sr7-content { margin-left: var(--clb-header-height-6) !important; width: calc(100vw - var(--clb-header-height-6)) !important; } .business .yith-add-to-wishlist-button-block { margin: 0; width: auto; } .business .yith-add-to-wishlist-button-block .yith-wcwl-theme-button-style { padding: 0 var(--clb-button-side-padding) !important; font-size: var(--clb-action-font-size); } .business .yith-add-to-wishlist-button-block .yith-wcwl-theme-button-style:not(:hover) { color: var(--clb-color-black-light); background-color: var(--clb-color-fill); } .business table.shop_table.wishlist_table tr td { background: transparent; } .business .wishlist-title { display: none; } .wishlist_table { font-size: 100% !important; } .wishlist_table thead tr th { text-align: left; background-color: transparent; } .wishlist_table tr td { border-color: var(--clb-color-border) !important; vertical-align: middle; } .wishlist_table tr td.product-thumbnail a img { object-fit: cover; width: var(--clb-wc-product-thumbnail); min-width: var(--clb-wc-product-thumbnail); height: var(--clb-wc-product-thumbnail); } .wishlist_table .product-name .variation { margin: 0; gap: var(--clb-gap-small); font-size: var(--clb-font-size-extra-small); display: flex; } .wishlist_table .product-name .variation dd { margin: 0; } .wishlist_table .product-add-to-cart { text-align: right; } .wishlist_table .product-add-to-cart a.button { font-size: var(--clb-font-size-extra-small); min-height: var(--clb-button-height-small); padding: 0 var(--clb-button-side-padding-small) !important; } .wishlist_table .dateadded { font-size: var(--clb-font-size-extra-small); margin-bottom: var(--clb-spacer-1); } .yith_wcwl_wishlist_footer { margin-top: var(--clb-spacer); } .yith_wcwl_wishlist_footer .yith-wcwl-share { color: var(--clb-color-white); } .wpb-mozart .ab_col-has-fill > .ab_column-inner, .wpb-mozart .ab_row-has-fill + .ab_row-full-width + .ab_row > .ab_column_container > .ab_column-inner, .wpb-mozart .ab_row-has-fill + .ab_row > .ab_column_container > .ab_column-inner, .wpb-mozart .ab_row-has-fill > .ab_column_container > .ab_column-inner { padding-top: 0; } .wpb-mozart .wpb_single_image { overflow: hidden; } .wpb-mozart .wpb_single_image .ab_single_image-wrapper.ab_box_rounded, .wpb-mozart .wpb_single_image .ab_single_image-wrapper.ab_box_rounded img { border-radius: var(--clb-border-radius-large); } .wpb-mozart .ab_separator { margin-top: var(--clb-spacer-5); margin-bottom: var(--clb-spacer-5); } .wpb_wrapper::after, .elementor-widget-container::after { content: ""; display: table; clear: both; } .clb__overflow_visible { overflow: visible !important; } .sabodia-widget-holder::after { content: ""; display: table; clear: both; } .clb__image_shadow img { border-radius: var(--clb-border-radius-large); box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--clb-color-black) 5%, transparent); } .clb__border_radius img, .clb__border_radius.elementor-widget-sabodia_compare img { border-radius: var(--clb-border-radius-large); } .clb__retina50 .ab_single_image-wrapper, .clb__image_retina .ab_single_image-wrapper { width: 50% !important; } .clb__flex .elementor-widget-wrap, .clb__flex .wpb_wrapper:not(.ab_figure) { display: flex; flex-wrap: nowrap; 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 .ab_row-fluid, .clb__stretch_content .wpb_wrapper .elementor-section-boxed, .clb__stretch_content .elementor-widget-wrap .ab_row-fluid, .clb__stretch_content .elementor-widget-wrap .elementor-section-boxed { flex-grow: 2; min-height: 30vh; } .ab_editor.compose-mode .ab_sabodia_tabs, .ab_editor.compose-mode .ab_sabodia_split_screens { position: relative; margin: 10px 0; border-radius: var(--clb-border-radius); } .ab_editor.compose-mode .ab_sabodia_tabs::before, .ab_editor.compose-mode .ab_sabodia_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); } .ab_editor.compose-mode .ab_sabodia_tabs::after, .ab_editor.compose-mode .ab_sabodia_split_screens::after { content: "Sorry, but this shortcode can be properly edited in the Backend Editor only."; position: absolute; font-family: var(--clb-text-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; } .ab_row.stc-row { margin-bottom: 5vh; } .ab_row.stc-row .heading:not(.heading-reset) h2 { margin-bottom: 40px; font-size: 26px; } .horizontal-accordion { display: flex; } .horizontal-accordion-item { min-width: 50%; position: relative; background-color: var(--clb-color-white); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .horizontal-accordion-item .accordion-body { height: 100%; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .horizontal-accordion-item:not(:last-child) { box-shadow: 0 var(--clb-spacer-2) var(--clb-spacer-9) color-mix(in srgb, var(--clb-color-black) 10%, transparent); } .horizontal-accordion-item:not(.active) { cursor: var(--clb-cursor-pointer); } .horizontal-accordion-item:not(.active):hover .accordion-body { background-color: var(--clb-color-fill); } .horizontal-accordion:not(.open) { overflow-x: hidden; } .accordion-item .accordion-button { position: relative; cursor: var(--clb-cursor-pointer); display: flex; justify-content: space-between; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .accordion-item .accordion-button .icon-button { margin: 0; position: relative; } .accordion-item .accordion-button .icon-button:not(.next-btn) .icon { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .accordion-item .accordion-button .icon-button:not(.next-btn) .icon::after, .accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before { content: ""; width: var(--clb-spacer-2); height: 0.1rem; background-color: currentColor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before { transform: translate(-50%, -50%) rotate(90deg); } .accordion-item.active .accordion-collapse { opacity: 1; } .accordion-item.active .icon-button:not(.next-btn) .icon { transform: rotate(180deg); } .accordion-item.active .icon-button:not(.next-btn) .icon::before { opacity: 0; } .accordion-item .accordion-header { gap: var(--clb-gap); display: flex; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .accordion-item .accordion-collapse { overflow: hidden; height: 0; transition: height var(--clb-transition-function) var(--clb-transition-duration); } .accordion-item .accordion-collapse .accordion-body > p { margin: 0; } .accordion-item:last-child { margin-bottom: 0; } .accordion:not(.-outlined):not(.-text) .accordion-item { margin-bottom: var(--clb-spacer-1); } .accordion:not(.-outlined):not(.-text) .accordion-item .accordion-button { background-color: var(--clb-color-fill); padding: var(--clb-spacer-1) var(--clb-spacer-1) var(--clb-spacer-1) var(--clb-spacer-4); border-radius: var(--clb-border-radius); } .accordion:not(.-outlined):not(.-text) .accordion-item .accordion-collapse .accordion-body { padding: var(--clb-spacer-2) var(--clb-spacer-4); } .accordion.-outlined .accordion-item .accordion-collapse .accordion-body, .accordion.-text .accordion-item .accordion-collapse .accordion-body { padding: var(--clb-spacer-2) 0; } .accordion.-outlined .accordion-item .accordion-button { border-top: var(--clb-border-width) var(--clb-border-style-solid) transparent; border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-grey-light); padding: var(--clb-spacer-1) 0; } .accordion.-outlined .accordion-item.active + .accordion-item .accordion-button, .accordion.-outlined .accordion-item:first-child .accordion-button { border-top-color: var(--clb-color-grey-light); } .accordion.-text .accordion-item .accordion-button { gap: var(--clb-gap-small); flex-direction: row-reverse; justify-content: flex-end; } .accordion.-text .accordion-item .accordion-button .icon-button { margin-left: calc(var(--clb-spacer-1) * -1); } .banner .description { gap: var(--clb-spacer-3); } .banner:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only) .overlay-details { background: var(--clb-color-black-rgb); background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%); } .banner:not(.-with-overlay-image) .overlay-details .icon-button { background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); } .banner.-with-overlay:not(.team-member) .overlay-details, .banner.-image-only .overlay-details { height: 100%; background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent); flex-direction: column; justify-content: space-between; } .banner.-with-overlay:not(.team-member) .overlay-details .title, .banner.-image-only .overlay-details .title { color: var(--clb-color-white); } .banner.-with-overlay-image a:not(:hover) { transition: none; } .banner.-with-overlay-image .overlay-details { height: 100%; transition: all var(--clb-transition-function) var(--clb-transition-duration); transition-property: background, color; } .banner.-with-overlay-image .overlay-details .icon-button { background-color: color-mix(in srgb, var(--clb-color-neutral) 12%, transparent); } .banner.-with-overlay-image .image-holder { background-color: var(--clb-color-fill); } .banner.-with-overlay-image .image-holder img { opacity: 0; } .banner.-with-overlay-image:not(:hover) .title:not(:hover) { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .banner.-with-overlay-image:hover .title:hover { transition: none; } .banner.-with-overlay-image:hover .image-holder { background-color: var(--clb-color-fill); } .banner.-with-overlay-image:hover .image-holder img { opacity: 1; } .banner.-with-overlay-image:hover .overlay-details { color: var(--clb-color-white); background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent); } .banner.-with-overlay-image:hover .overlay-details .title { color: inherit; } .banner.-image-only .overlay-details { opacity: 0; transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .banner.-image-only:hover .overlay-details { opacity: 1; } .banner.-image-only:hover p, .banner.-image-only:hover .card-details { transform: none; opacity: 1; } .call-to-action { width: 100%; position: relative; background-color: color-mix(in srgb, var(--clb-color-primary) 10%, transparent); padding: var(--clb-grid-gutter-3x); display: flex; justify-content: space-between; align-items: flex-start; } .call-to-action.-with-shadow { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .circle-progress .circle { position: relative; display: inline-block; } .circle-progress .circle svg { vertical-align: top; } .circle-progress .circle .progress { transform: rotate(-90deg); } .circle-progress .circle .progress-meter, .circle-progress .circle .progress-value { fill: none; } .circle-progress .circle .progress-meter { stroke: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); } .circle-progress .circle .progress-value { stroke-dasharray: 1000; stroke-dashoffset: 1000; transition: 0.9s var(--clb-transition-function) var(--clb-transition-duration); } .circle-progress .circle i, .circle-progress .circle .icon-group, .circle-progress .circle .range { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; } .circle-progress .circle i { font-size: 2rem; } .circle-progress .progress-content > .range { margin-bottom: 0.4rem; } .circle-progress:not(.-floating) .progress-content { margin-top: var(--clb-spacer-3); } .circle-progress.-thin .progress-meter, .circle-progress.-thin .progress-value { stroke-width: var(--clb-spacer-05); } .circle-progress.-bold .progress-meter, .circle-progress.-bold .progress-value { stroke-width: var(--clb-spacer-2); } .circle-progress.-floating { display: flex; align-items: center; } .circle-progress.-floating .progress-content { margin-left: var(--clb-spacer-3); margin-right: var(--clb-spacer-3); } .circle-progress.-floating.-center { text-align: left; justify-content: center; } .circle-progress.-floating.-right { flex-direction: row-reverse; } .logo { position: relative; } .logo img { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .logo-details { background-color: var(--clb-color-white); z-index: 1; font-size: var(--clb-font-size-small); visibility: hidden; opacity: 0; width: calc(100% + 2rem); position: absolute; left: calc(var(--clb-spacer-3) * -1); top: 55%; transform: translate(0, -50%); padding: var(--clb-spacer-3); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .logo:hover img { transform: var(--clb-transform-scale); } .logo:hover .logo-details { opacity: 1; visibility: visible; top: 50%; } .compare-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; } .compare-container img { width: 100%; height: auto; position: absolute; top: 0; display: block; } .compare-container .compare-before { z-index: 2; } .compare-container .compare-after { z-index: 1; } .compare-container.active .compare-overlay, .compare-container.active :hover.compare-overlay { background: transparent; } .compare-container.active .compare-overlay .compare-before-label, .compare-container.active .compare-overlay .compare-after-label, .compare-container.active :hover.compare-overlay .compare-before-label, .compare-container.active :hover.compare-overlay .compare-after-label { opacity: 0; } .compare-container .compare-before-label, .compare-container .compare-after-label { opacity: 0; } .compare-container .compare-before-label::before, .compare-container .compare-after-label::before { content: attr(data-content); } .compare-handle { z-index: 40; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .compare-handle::before, .compare-handle::after { content: ""; display: block; background-color: var(--clb-color-white); position: absolute; z-index: 30; width: 0.125em; height: 9999px; margin-left: -0.0625em; left: 50%; } .compare-handle::before { bottom: 50%; margin-bottom: 1.7em; } .compare-handle::after { top: 50%; margin-top: 1.7em; } .compare-overlay { background: transparent; z-index: 3; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .compare-overlay, .compare-overlay .compare-before-label, .compare-overlay .compare-after-label { position: absolute; top: 0; width: 100%; height: 100%; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .compare-overlay .compare-before-label, .compare-overlay .compare-after-label { transition-property: opacity; } .compare-overlay .compare-before-label::before, .compare-overlay .compare-after-label::before { color: var(--clb-color-white); position: absolute; background-color: var(--clb-color-black-light); font-size: var(--clb-font-size-caption); font-weight: var(--clb-text-semi-bold); padding: 0.15rem var(--clb-spacer-1); top: 50%; transform: translateY(-50%) rotate(-90deg); border-radius: var(--clb-border-radius-small); } .compare-overlay .compare-before-label::before { left: var(--clb-spacer-3); } .compare-overlay .compare-after-label::before { right: var(--clb-spacer-3); } .compare-overlay:hover { background-color: color-mix(in srgb, var(--clb-color-black) 25%, transparent); } .compare-overlay:hover .compare-after-label, .compare-overlay:hover .compare-before-label { opacity: 1; } .compare .icon-button { background-color: color-mix(in srgb, var(--clb-color-grey) 10%, white); padding: 0; } .compare .icon-button .icon { width: 100%; height: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4="); background-position: center; background-repeat: no-repeat; } .compare-vertical .compare-handle { transform: translate(-50%, -50%) rotate(90deg); } .compare-vertical .compare-before-label::before, .compare-vertical .compare-after-label::before { content: attr(data-content); transform: translateX(-50%); left: 50%; right: auto; } .compare-vertical .compare-before-label::before { top: var(--clb-spacer-3); bottom: auto; } .compare-vertical .compare-after-label::before { top: auto; bottom: var(--clb-spacer-3); } .compare-wrapper.-with-shadow .compare { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .contact-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .contact-form textarea, .contact-form select { width: 100%; vertical-align: top; } .contact-form [class^=ab_col] > label { margin: 0; } .contact-form [class^=ab_col] > label input, .contact-form [class^=ab_col] > label textarea, .contact-form [class^=ab_col] > label select { margin-top: var(--clb-spacer-1); } .contact-form [class^=ab_col].form-check { margin-bottom: var(--clb-spacer-5); } .contact-form form [class^=ab_col] p { margin: 0; } .contact-form form::after { content: ""; display: table; clear: both; } .contact-form .wpcf7-list-item { margin: 0 0.75em 0 0; } .contact-form .wpcf7-list-item-label { vertical-align: middle; } .contact-form.-outlined input[type=email], .contact-form.-outlined input[type=number], .contact-form.-outlined input[type=password], .contact-form.-outlined input[type=search], .contact-form.-outlined input[type=tel], .contact-form.-outlined input[type=text], .contact-form.-outlined input[type=date], .contact-form.-outlined input[type=url], .contact-form.-outlined textarea, .contact-form.-outlined select, .subscribe-form.-outlined input[type=email], .subscribe-form.-outlined input[type=number], .subscribe-form.-outlined input[type=password], .subscribe-form.-outlined input[type=search], .subscribe-form.-outlined input[type=tel], .subscribe-form.-outlined input[type=text], .subscribe-form.-outlined input[type=date], .subscribe-form.-outlined input[type=url], .subscribe-form.-outlined textarea, .subscribe-form.-outlined select { background-color: transparent; border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-grey-light); } .contact-form.-outlined input[type=email]:focus, .contact-form.-outlined input[type=email]:active, .contact-form.-outlined input[type=number]:focus, .contact-form.-outlined input[type=number]:active, .contact-form.-outlined input[type=password]:focus, .contact-form.-outlined input[type=password]:active, .contact-form.-outlined input[type=search]:focus, .contact-form.-outlined input[type=search]:active, .contact-form.-outlined input[type=tel]:focus, .contact-form.-outlined input[type=tel]:active, .contact-form.-outlined input[type=text]:focus, .contact-form.-outlined input[type=text]:active, .contact-form.-outlined input[type=date]:focus, .contact-form.-outlined input[type=date]:active, .contact-form.-outlined input[type=url]:focus, .contact-form.-outlined input[type=url]:active, .contact-form.-outlined textarea:focus, .contact-form.-outlined textarea:active, .contact-form.-outlined select:focus, .contact-form.-outlined select:active, .subscribe-form.-outlined input[type=email]:focus, .subscribe-form.-outlined input[type=email]:active, .subscribe-form.-outlined input[type=number]:focus, .subscribe-form.-outlined input[type=number]:active, .subscribe-form.-outlined input[type=password]:focus, .subscribe-form.-outlined input[type=password]:active, .subscribe-form.-outlined input[type=search]:focus, .subscribe-form.-outlined input[type=search]:active, .subscribe-form.-outlined input[type=tel]:focus, .subscribe-form.-outlined input[type=tel]:active, .subscribe-form.-outlined input[type=text]:focus, .subscribe-form.-outlined input[type=text]:active, .subscribe-form.-outlined input[type=date]:focus, .subscribe-form.-outlined input[type=date]:active, .subscribe-form.-outlined input[type=url]:focus, .subscribe-form.-outlined input[type=url]:active, .subscribe-form.-outlined textarea:focus, .subscribe-form.-outlined textarea:active, .subscribe-form.-outlined select:focus, .subscribe-form.-outlined select:active { outline: none; border-color: var(--clb-color-grey); } .contact-form .wpcf7-quiz-label, .subscribe-form .wpcf7-quiz-label { margin-bottom: var(--clb-spacer-1); display: block; } .contact-form .wpcf7-spinner, .subscribe-form .wpcf7-spinner { display: none; } .contact-form .wpcf7-form-control-wrap, .subscribe-form .wpcf7-form-control-wrap { display: block; } .contact-form .wpcf7-form-control-wrap:not([data-name^=checkbox]), .subscribe-form .wpcf7-form-control-wrap:not([data-name^=checkbox]) { margin-top: var(--clb-spacer-1); } .contact-form .wpcf7-form .wpcf7-not-valid-tip, .subscribe-form .wpcf7-form .wpcf7-not-valid-tip { display: none; } .contact-form .wpcf7-form .wpcf7-response-output, .subscribe-form .wpcf7-form .wpcf7-response-output { background-color: color-mix(in srgb, var(--clb-color-success) 10%, transparent); color: var(--clb-color-success); font-size: var(--clb-font-size-small); margin: var(--clb-spacer-3) 0; border: none; padding: 0.65rem var(--clb-spacer-3); border-radius: var(--clb-border-radius); } .contact-form .wpcf7-form.sent .subscribe-form, .subscribe-form .wpcf7-form.sent .subscribe-form { display: none; } .contact-form .wpcf7-form.sent .wpcf7-response-output, .subscribe-form .wpcf7-form.sent .wpcf7-response-output { background-color: color-mix(in srgb, var(--clb-color-success) 10%, transparent); color: var(--clb-color-success); } .contact-form .wpcf7-form.spam .wpcf7-response-output, .contact-form .wpcf7-form.invalid .wpcf7-response-output, .subscribe-form .wpcf7-form.spam .wpcf7-response-output, .subscribe-form .wpcf7-form.invalid .wpcf7-response-output { background-color: color-mix(in srgb, var(--clb-color-danger) 10%, transparent); color: var(--clb-color-danger); } .contact-form .wpcf7-form .wpcf7-not-valid input[type=checkbox], .subscribe-form .wpcf7-form .wpcf7-not-valid input[type=checkbox] { border-color: var(--clb-color-primary); box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 20%, transparent); } .post-password-form { text-align: left; padding: 2em 0px; } .post-password-form input[type=password] { margin: var(--clb-spacer-1) 0 var(--clb-spacer-3); } .countdown { text-align: center; display: flex; } .countdown-item { margin: 0 var(--clb-spacer-1); } .countdown-item .number { line-height: 1; position: relative; color: var(--clb-title-color); font-size: clamp(var(--clb-countdown-font-size-min), 1vw + var(--clb-spacer-3), var(--clb-countdown-font-size)); display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .countdown:not(.-text) .countdown-item .number { width: 4rem; height: 4rem; border-radius: var(--clb-border-radius); } .countdown:not(.-text) .countdown-item .number-label { font-size: var(--clb-font-size-caption); } .countdown.-with-divider .countdown-item { margin: 0 var(--clb-spacer-2); } .countdown.-with-divider .countdown-item:not(:last-child) .number::after { content: ":"; font-size: var(--clb-spacer-4); position: absolute; width: var(--clb-spacer-3); text-align: center; transform: translate(var(--clb-spacer-1), -50%); right: calc(var(--clb-spacer-2) * -1); top: 50%; } .countdown.-contained .countdown-item .number { background-color: color-mix(in srgb, var(--clb-color-neutral) 12%, transparent); margin-bottom: var(--clb-spacer-1); } .countdown.-contained .countdown-item .number::before { left: 0; top: 0; height: 50%; width: 100%; background: var(--clb-color-fill); content: ""; display: block; position: absolute; border-top-right-radius: var(--clb-border-radius); border-top-left-radius: var(--clb-border-radius); } .countdown.-text .countdown-item:first-child { margin-left: 0; } .countdown.-text .countdown-item:last-child { margin-right: 0; } .counter-number { margin-bottom: var(--clb-spacer-1); display: inline-flex; vertical-align: middle; align-items: center; } .counter-number .icon-group { margin-right: var(--clb-spacer-1); } .counter-number .holder { letter-spacing: var(--clb-h1-letter-spacing); color: var(--clb-title-color); display: inline-flex; vertical-align: middle; align-items: center; font-size: clamp(var(--clb-h2-font-size-min), 1.55vw + var(--clb-spacer-3), var(--clb-h2-font-size)); } .counter-number .holder span { line-height: 100%; } .counter-number.-with-increaser .holder::after { content: "+"; font-size: 0.65em; margin-left: 0.4rem; } .counter.-right-icon .counter-number { flex-direction: row-reverse; } .counter.-right-icon .counter-number .icon-group { margin-left: var(--clb-spacer-1); margin-right: 0; } .counter.-top-icon .counter-number { align-items: center; flex-direction: column; } .counter.-top-icon .counter-number .icon-group { margin-bottom: var(--clb-spacer-1); margin-right: 0; } .counter.-top-icon.-center .counter-number { align-items: center; } .counter.-top-icon.-left .counter-number { align-items: flex-start; } .counter.-top-icon.-right .counter-number { align-items: flex-end; } .dynamic-text .typed-cursor { opacity: 1; margin-right: -0.2em; animation: Blink 0.75s infinite; } .dynamic-text.font-titles, .dynamic-text.titles-typo { color: var(--clb-title-color); } .titles-typo .dynamic-text { color: var(--clb-title-color); } @-webkit-keyframes Blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .gallery-item { cursor: var(--clb-cursor-pointer); } .gallery-item:not(.business-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-sabodia_google_maps, .elementor-widget-sabodia_google_maps .elementor-widget-container { height: 100%; } .gm-style img { max-width: none !important; } .heading .title + .divider { margin-block-start: 1em; } .heading .title + .subtitle { padding-top: 0.5em; } .heading .title > .badge { color: var(--clb-color-primary); background-color: color-mix(in srgb, var(--clb-color-primary) 12%, transparent) !important; padding: 0.3rem var(--clb-spacer-1); margin-left: var(--clb-spacer-1); margin-top: -2px; font-size: 0.85rem; letter-spacing: 0; font-weight: var(--clb-title-font-weight); } .heading .highlighted-text { background-image: linear-gradient(var(--clb-color-primary), var(--clb-color-primary)); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0% 10%; backface-visibility: hidden; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .heading .highlighted-text:not([data-aos=animation]), .heading .highlighted-text.aos-animate { background-size: 100% 10%; } .heading .highlighted-text:not([data-aos=animation]):hover, .heading .highlighted-text.aos-animate:hover { transition-duration: var(--clb-transition-duration); } .heading .highlighted-text:hover { background-size: 100% 100%; } .heading .subtitle { color: var(--clb-subtitle-color); font-family: var(--clb-subtitle-font-family); font-size: var(--clb-subtitle-font-size); letter-spacing: var(--clb-subtitle-letter-spacing); line-height: var(--clb-subtitle-line-height); font-weight: var(--clb-subtitle-font-weight); font-style: var(--clb-subtitle-style); text-transform: var(--clb-subtitle-text-transform); text-decoration: var(--clb-subtitle-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) + .ab_empty_space { margin-block-start: initial; } .icon-box .icon-box-content .icon-box-heading + * { margin-top: var(--clb-spacer-1); } .icon-box .icon-box-content p { margin: 0; } .icon-box .icon-box-content .button { margin-top: var(--clb-spacer-3); } .icon-box:not(.-left-icon):not(.-floating-icon) .icon-box-content .icon-box-heading { margin-top: var(--clb-spacer-3); } .icon-box.-left-icon { display: flex; align-items: flex-start; } .icon-box.-left-icon .icon-group { margin-right: var(--clb-spacer-3); } .icon-box.-left-icon .icon-box-content { flex-grow: 2; } .icon-box.-left-icon .icon-box-content .icon-box-heading { margin-bottom: var(--clb-spacer-05); margin-top: var(--clb-spacer-05); } .icon-box.-floating-icon .icon-box-header { margin-bottom: var(--clb-spacer-1); display: flex; align-items: center; } .icon-box.-floating-icon .icon-group { margin-right: var(--clb-spacer-2); } .parallax { position: relative; height: 100%; min-height: 100px; overflow: hidden; } .parallax::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .parallax .parallax-content { position: relative; z-index: 2; padding-left: var(--clb-spacer-5); padding-right: var(--clb-spacer-5); } .parallax-bg { background-position: center center; width: 100%; height: 1000%; position: absolute; top: 0; left: 0; z-index: 1; backface-visibility: hidden; perspective: 1000; will-change: transform; } .parallax-bg.horizontal { width: 1000%; height: 100%; } .pricing-list-headline, .pricing-list-details { display: flex; justify-content: space-between; } .pricing-list-headline { align-items: center; } .pricing-list-price { margin: 0; display: flex; } .pricing-list-details { margin-top: 0.25em; align-items: flex-start; } .pricing-list-details p { margin: 0; } .pricing-list.-with-discount .pricing-list-price .regular-price { color: var(--clb-text-color-grey); text-decoration: line-through; } .pricing-table-headline p { font-size: var(--clb-font-size-caption); color: var(--clb-text-color-grey); } .pricing-table-price .price-number { color: var(--clb-title-color); line-height: 100%; display: block; letter-spacing: -0.05em; margin-bottom: var(--clb-spacer-1); font-size: clamp(var(--clb-h1-font-size-min), var(--clb-h1-clamp-size), var(--clb-h1-font-size)); letter-spacing: var(--clb-h1-letter-spacing); line-height: var(--clb-h1-line-height); } .pricing-table .button { margin: 0; transform: none; } .pricing-table.-contained { padding: var(--clb-spacer); background-color: var(--clb-color-fill); border-radius: var(--clb-border-radius); } .pricing-table > *, .service-table > * { margin-bottom: var(--clb-grid-gutter); } .pricing-table .heading, .service-table .heading { margin-bottom: var(--clb-grid-gutter); } .pricing-table > div:last-child, .pricing-table .button, .service-table > div:last-child, .service-table .button { margin: 0; } .pricing-table-features ul li, .service-table-features ul li { font-size: var(--clb-font-size-small); gap: var(--clb-gap); margin-bottom: var(--clb-spacer-1); display: flex; } .pricing-table-features ul li:last-child, .service-table-features ul li:last-child { margin: 0; } .pricing-table-features .icon, .service-table-features .icon { line-height: 16px; } .pricing-table-features .exist .icon, .service-table-features .exist .icon { color: var(--clb-color-primary); } .pricing-table-features .missing, .service-table-features .missing { opacity: 0.65; } .progress .progress-heading { margin-bottom: 0.625rem; display: flex; justify-content: space-between; align-items: flex-end; } .progress .progress-heading .progress-percent { margin-top: 0; } .progress .progress-heading .progress-percent:not(.tooltip) { font-size: var(--clb-font-size-small); font-weight: var(--clb-text-semi-bold); } .progress.-tooltip .progress-holder { overflow: visible; } .progress.-tooltip .progress-holder .progress-bar { position: relative; } .progress.-tooltip .progress-holder .progress-percent { position: absolute; font-size: 0.8em; top: 0; right: 0; padding: 0.15rem 0.45rem; transform: translateY(calc(-100% - 7px)) translateX(50%); } .service-table { padding: var(--clb-spacer); border-radius: var(--clb-border-radius); transition: all var(--clb-transition-function) var(--clb-transition-duration); transition-property: background-color, box-shadow; } .service-table:hover { background-color: var(--clb-color-fill); } .service-table.-with-shadow:hover { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .clb-slider { width: 100%; position: relative; user-select: none; } .clb-slider-outer-stage { overflow: hidden; position: relative; transition-delay: 0; transition: height var(--clb-transition-duration) var(--clb-transition-function); } .clb-slider.clb-slider-vertical { overflow: hidden; } .clb-slider.clb-slider-vertical .clb-slider-stage { flex-direction: column; } .clb-slider-stage { will-change: transform; transition-timing-function: var(--clb-transition-function); display: flex; } .clb-slider:not(.autoheight) .clb-slider-stage { height: 100%; } .clb-slider-item { width: 100vw; height: 100%; position: relative; overflow: hidden; } .clb-slider-item > p { margin: 0; } .clb-slider-item-inner { height: 100%; } .clb-slider-item .slider-image { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-size: cover; z-index: 0; } .clb-slider-item .slider-image[data-tilt=true] { width: 110%; height: 110%; left: -5%; top: -5%; } .clb-slider-item .wpb_single_image { margin-bottom: 0; } .clb-slider-item > .elementor { margin: 0; } .clb-slider-nav-btn { position: absolute; right: 0; bottom: 0; min-width: calc(var(--clb-circle) * 2); z-index: 3; padding: var(--clb-spacer); display: flex; justify-content: space-between; } .clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider):not(.-slider-fs):not(.-slider-lightbox) > .clb-slider-nav-btn { padding: 0; right: 0; transform: translateY(0.85rem); } .clb-slider.-nav-offset .clb-slider-nav-btn, .clb-slider.-nav-inset .clb-slider-nav-btn { position: static; padding: 0; bottom: 0; } .clb-slider.-nav-offset .prev-btn, .clb-slider.-nav-offset .next-btn, .clb-slider.-nav-inset .prev-btn, .clb-slider.-nav-inset .next-btn { position: absolute; top: 50%; } .clb-slider.-nav-offset { text-align: center; } .clb-slider.-nav-offset .prev-btn { left: calc(var(--clb-spacer-5) * -1); transform: translate(-100%, -50%); } .clb-slider.-nav-offset .next-btn { right: calc(var(--clb-spacer-5) * -1); transform: translate(100%, -50%); } .clb-slider.-nav-inset { text-align: center; } .clb-slider.-nav-inset .prev-btn { left: var(--clb-spacer-5); transform: translate(0, -50%); } .clb-slider.-nav-inset .next-btn { right: var(--clb-spacer-5); transform: translate(0, -50%); } .clb-slider.-slider-offset { width: auto; } .clb-slider.-slider-offset .clb-slider-outer-stage { overflow: visible; } .clb-slider-pagination { position: absolute; width: var(--clb-bullets-spacer); right: 0; top: 0; height: 100%; z-index: 3; font-weight: var(--clb-text-semi-bold); font-size: var(--clb-font-size-small); background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); display: flex; flex-direction: column; justify-content: space-around; } .clb-slider-pagination .clb-slider-page { height: 100%; cursor: var(--clb-cursor-pointer); display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .clb-slider-pagination .clb-slider-page.active { background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); } .clb-slider-count { font-weight: var(--clb-text-semi-bold); position: relative; overflow: hidden; margin-top: 1.875rem; padding-left: var(--clb-spacer-3); } .clb-slider-count, .clb-slider-count .clb-slider-count-number { height: 1.75rem; } .clb-slider-count { display: inline-flex; vertical-align: middle; align-items: center; align-items: center; } .clb-slider-count::before { content: ""; width: 2.25rem; height: 0.125rem; background: currentColor; opacity: 0.75; margin: 0 var(--clb-spacer-1); } .clb-slider-count-current, .clb-slider-count-total { min-width: var(--clb-spacer-3); text-align: center; } .clb-slider-count-current { position: absolute; left: 0; top: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .clb-slider-nav-dots { margin-top: 2rem; display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; } .clb-slider-nav-dots .clb-slider-dot { padding: 0.625rem; position: relative; background-color: transparent; } .clb-slider-nav-dots .clb-slider-dot.active svg circle { stroke-dashoffset: 0; } .clb-slider-nav-dots .clb-slider-dot:before { content: ""; position: absolute; width: var(--clb-spacer-05); height: var(--clb-spacer-05); top: var(--clb-spacer-1); left: var(--clb-spacer-1); background-color: currentColor; border-radius: 50%; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .clb-slider-nav-dots .clb-slider-dot svg { position: absolute; top: -0.0625rem; left: -0.0625rem; } .clb-slider-nav-dots .clb-slider-dot svg circle { stroke: currentColor; stroke-dashoffset: 70; stroke-dasharray: 70; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .clb-slider.-full-vh .ab_row, .slider.-full-vh .ab_row { height: 100%; } .clb-slider.-full-vh .clb-slider-outer-stage, .slider.-full-vh .clb-slider-outer-stage { height: 100vh; } .-slider-fs .clb-slider-nav-dots { margin-bottom: 0; position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); } .carousel { position: relative; } .carousel .clb-slider-stage { height: auto; } .carousel .clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider) .clb-slider-nav-btn .clb-slider-nav-btn { padding: 0; right: 0; transform: translateY(var(--clb-spacer-3)); } .carousel .spinner { position: absolute; top: calc(50% - var(--clb-grid-gutter)); left: calc(50% - var(--clb-grid-gutter)); } .carousel :not(.-with-preloader) + .spinner { display: none; } .carousel .-with-preloader { opacity: 0; visibility: hidden; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .carousel .-with-pagination.-nav-inset .clb-slider-nav-btn > .icon-button, .carousel .-with-pagination.-nav-ofset .clb-slider-nav-btn > .icon-button { top: calc(50% - 1.625rem); } .clb-smooth-slider { position: relative; } .clb-smooth-slider .-full-vh { height: 100vh; } .clb-smooth-slider-item { width: 100%; top: 0; left: 0; z-index: 1; } .clb-smooth-slider-item.active { z-index: 3; } .clb-smooth-slider-item.prev-slide.active { z-index: 4; } .clb-smooth-slider-item.prev-slide.last-slide { z-index: 2; } .clb-smooth-slider-item.next-slide.last-slide { z-index: 2; } .slider.-woo-slider:not(.clb-slider) img:not(:first-child) { top: 0; position: absolute; } .slider.with-preloader:not(.clb-slider) .slider-wrap:not(:first-child) { position: absolute; } .sabodia-widget.slider { width: auto; } .sabodia-widget.slider.-full-vh { margin-left: var(--clb-grid-gutter-negative); margin-right: var(--clb-grid-gutter-negative); } .sabodia-widget.slider .ab_row:not(.woo-products) { margin-left: 0; margin-right: 0; } .sabodia-widget.slider:not(.-slider-offset) .clb-slider-outer-stage { min-width: 100%; } .slider-holder { position: relative; } .slider-holder [data-sabodia-slider].slider { opacity: 0; visibility: hidden; } .slider-holder [data-sabodia-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-color-fill); } .social-networks:not(.-boxed) { gap: var(--clb-gap); } .social-networks:not(.-contained) .network:hover { color: var(--clb-color-primary); } .social-networks:not(.-text) { font-size: 0.9em; } .social-networks:not(.-text) .network { width: var(--clb-button-height); height: var(--clb-button-height); border-radius: 100%; } .social-networks:not(.-text) .network:hover { transform: var(--clb-transform-scale); } .social-networks.-contained .network { color: var(--clb-color-white); background-color: var(--clb-color-black-light); } .social-networks.-contained .network:hover { color: var(--clb-color-white); background-color: var(--clb-color-primary); } .social-networks.-outlined .network { border: var(--clb-border-width-double) var(--clb-border-style-solid) currentColor; } .social-networks.-text .icon { font-size: 1.1em; } .social-networks.-text .network { font-weight: var(--clb-text-bold); gap: var(--clb-gap-small); } .social-networks.-text .network:not(.network:last-child) { margin-right: var(--clb-spacer-2); } .social-networks.-text .network:hover { background-image: linear-gradient(currentColor 0px, currentColor 100%); } .social-networks.-small:not(.-text) .network { width: var(--clb-button-height-small); height: var(--clb-button-height-small); } .social-networks.-small.-text .network { font-size: var(--clb-font-size-small); } .social-networks.-large:not(.-text) .network { width: var(--clb-button-height-large); height: var(--clb-button-height-large); } .social-networks.-large.-text .network { font-size: var(--clb-font-size-large); } .social-networks.-default-colors:not(.-contained) .artstation { color: var(--clb-color-artstation); } .social-networks.-default-colors:not(.-contained) .behance { color: var(--clb-color-behance); } .social-networks.-default-colors:not(.-contained) .deviantart { color: var(--clb-color-deviantart); } .social-networks.-default-colors:not(.-contained) .digg { color: var(--clb-color-digg); } .social-networks.-default-colors:not(.-contained) .discord { color: var(--clb-color-discord); } .social-networks.-default-colors:not(.-contained) .dribbble { color: var(--clb-color-dribbble); } .social-networks.-default-colors:not(.-contained) .facebook { color: var(--clb-color-facebook); } .social-networks.-default-colors:not(.-contained) .flickr { color: var(--clb-color-flickr); } .social-networks.-default-colors:not(.-contained) .github { color: var(--clb-color-github); } .social-networks.-default-colors:not(.-contained) .houzz { color: var(--clb-color-houzz); } .social-networks.-default-colors:not(.-contained) .instagram { color: var(--clb-color-instagram); } .social-networks.-default-colors:not(.-contained) .kaggle { color: var(--clb-color-kaggle); } .social-networks.-default-colors:not(.-contained) .linkedin { color: var(--clb-color-linkedin); } .social-networks.-default-colors:not(.-contained) .medium { color: var(--clb-color-medium); } .social-networks.-default-colors:not(.-contained) .mixer { color: var(--clb-color-mixer); } .social-networks.-default-colors:not(.-contained) .pinterest { color: var(--clb-color-pinterest); } .social-networks.-default-colors:not(.-contained) .producthunt { color: var(--clb-color-producthunt); } .social-networks.-default-colors:not(.-contained) .quora { color: var(--clb-color-quora); } .social-networks.-default-colors:not(.-contained) .reddit { color: var(--clb-color-reddit); } .social-networks.-default-colors:not(.-contained) .snapchat { color: var(--clb-color-snapchat); } .social-networks.-default-colors:not(.-contained) .soundcloud { color: var(--clb-color-soundcloud); } .social-networks.-default-colors:not(.-contained) .spotify { color: var(--clb-color-spotify); } .social-networks.-default-colors:not(.-contained) .teamspeak { color: var(--clb-color-teamspeak); } .social-networks.-default-colors:not(.-contained) .telegram { color: var(--clb-color-telegram); } .social-networks.-default-colors:not(.-contained) .threads { color: var(--clb-color-threads); } .social-networks.-default-colors:not(.-contained) .tiktok { color: var(--clb-color-tiktok); } .social-networks.-default-colors:not(.-contained) .tumblr { color: var(--clb-color-tumblr); } .social-networks.-default-colors:not(.-contained) .twitch { color: var(--clb-color-twitch); } .social-networks.-default-colors:not(.-contained) .twitter { color: var(--clb-color-twitter); } .social-networks.-default-colors:not(.-contained) .vimeo { color: var(--clb-color-vimeo); } .social-networks.-default-colors:not(.-contained) .vine { color: var(--clb-color-vine); } .social-networks.-default-colors:not(.-contained) .whatsapp { color: var(--clb-color-whatsapp); } .social-networks.-default-colors:not(.-contained) .xing { color: var(--clb-color-xing); } .social-networks.-default-colors:not(.-contained) .youtube { color: var(--clb-color-youtube); } .social-networks.-default-colors:not(.-contained) .fivehundredpx { color: var(--clb-color-fivehundredpx); } .social-networks.-default-colors.-contained .artstation { color: var(--clb-color-white); background-color: var(--clb-color-artstation); } .social-networks.-default-colors.-contained .behance { color: var(--clb-color-white); background-color: var(--clb-color-behance); } .social-networks.-default-colors.-contained .deviantart { color: var(--clb-color-white); background-color: var(--clb-color-deviantart); } .social-networks.-default-colors.-contained .digg { color: var(--clb-color-white); background-color: var(--clb-color-digg); } .social-networks.-default-colors.-contained .discord { color: var(--clb-color-white); background-color: var(--clb-color-discord); } .social-networks.-default-colors.-contained .dribbble { color: var(--clb-color-white); background-color: var(--clb-color-dribbble); } .social-networks.-default-colors.-contained .facebook { color: var(--clb-color-white); background-color: var(--clb-color-facebook); } .social-networks.-default-colors.-contained .flickr { color: var(--clb-color-white); background-color: var(--clb-color-flickr); } .social-networks.-default-colors.-contained .github { color: var(--clb-color-white); background-color: var(--clb-color-github); } .social-networks.-default-colors.-contained .houzz { color: var(--clb-color-white); background-color: var(--clb-color-houzz); } .social-networks.-default-colors.-contained .instagram { color: var(--clb-color-white); background-color: var(--clb-color-instagram); } .social-networks.-default-colors.-contained .kaggle { color: var(--clb-color-white); background-color: var(--clb-color-kaggle); } .social-networks.-default-colors.-contained .linkedin { color: var(--clb-color-white); background-color: var(--clb-color-linkedin); } .social-networks.-default-colors.-contained .medium { color: var(--clb-color-white); background-color: var(--clb-color-medium); } .social-networks.-default-colors.-contained .mixer { color: var(--clb-color-white); background-color: var(--clb-color-mixer); } .social-networks.-default-colors.-contained .pinterest { color: var(--clb-color-white); background-color: var(--clb-color-pinterest); } .social-networks.-default-colors.-contained .producthunt { color: var(--clb-color-white); background-color: var(--clb-color-producthunt); } .social-networks.-default-colors.-contained .quora { color: var(--clb-color-white); background-color: var(--clb-color-quora); } .social-networks.-default-colors.-contained .reddit { color: var(--clb-color-white); background-color: var(--clb-color-reddit); } .social-networks.-default-colors.-contained .snapchat { color: var(--clb-color-white); background-color: var(--clb-color-snapchat); } .social-networks.-default-colors.-contained .soundcloud { color: var(--clb-color-white); background-color: var(--clb-color-soundcloud); } .social-networks.-default-colors.-contained .spotify { color: var(--clb-color-white); background-color: var(--clb-color-spotify); } .social-networks.-default-colors.-contained .teamspeak { color: var(--clb-color-white); background-color: var(--clb-color-teamspeak); } .social-networks.-default-colors.-contained .telegram { color: var(--clb-color-white); background-color: var(--clb-color-telegram); } .social-networks.-default-colors.-contained .threads { color: var(--clb-color-white); background-color: var(--clb-color-threads); } .social-networks.-default-colors.-contained .tiktok { color: var(--clb-color-white); background-color: var(--clb-color-tiktok); } .social-networks.-default-colors.-contained .tumblr { color: var(--clb-color-white); background-color: var(--clb-color-tumblr); } .social-networks.-default-colors.-contained .twitch { color: var(--clb-color-white); background-color: var(--clb-color-twitch); } .social-networks.-default-colors.-contained .twitter { color: var(--clb-color-white); background-color: var(--clb-color-twitter); } .social-networks.-default-colors.-contained .vimeo { color: var(--clb-color-white); background-color: var(--clb-color-vimeo); } .social-networks.-default-colors.-contained .vine { color: var(--clb-color-white); background-color: var(--clb-color-vine); } .social-networks.-default-colors.-contained .whatsapp { color: var(--clb-color-white); background-color: var(--clb-color-whatsapp); } .social-networks.-default-colors.-contained .xing { color: var(--clb-color-white); background-color: var(--clb-color-xing); } .social-networks.-default-colors.-contained .youtube { color: var(--clb-color-white); background-color: var(--clb-color-youtube); } .social-networks.-default-colors.-contained .fivehundredpx { color: var(--clb-color-white); background-color: var(--clb-color-fivehundredpx); } .social-networks.-hover-default-colors:not(.-contained) .artstation:hover { color: var(--clb-color-artstation); } .social-networks.-hover-default-colors:not(.-contained) .behance:hover { color: var(--clb-color-behance); } .social-networks.-hover-default-colors:not(.-contained) .deviantart:hover { color: var(--clb-color-deviantart); } .social-networks.-hover-default-colors:not(.-contained) .digg:hover { color: var(--clb-color-digg); } .social-networks.-hover-default-colors:not(.-contained) .discord:hover { color: var(--clb-color-discord); } .social-networks.-hover-default-colors:not(.-contained) .dribbble:hover { color: var(--clb-color-dribbble); } .social-networks.-hover-default-colors:not(.-contained) .facebook:hover { color: var(--clb-color-facebook); } .social-networks.-hover-default-colors:not(.-contained) .flickr:hover { color: var(--clb-color-flickr); } .social-networks.-hover-default-colors:not(.-contained) .github:hover { color: var(--clb-color-github); } .social-networks.-hover-default-colors:not(.-contained) .houzz:hover { color: var(--clb-color-houzz); } .social-networks.-hover-default-colors:not(.-contained) .instagram:hover { color: var(--clb-color-instagram); } .social-networks.-hover-default-colors:not(.-contained) .kaggle:hover { color: var(--clb-color-kaggle); } .social-networks.-hover-default-colors:not(.-contained) .linkedin:hover { color: var(--clb-color-linkedin); } .social-networks.-hover-default-colors:not(.-contained) .medium:hover { color: var(--clb-color-medium); } .social-networks.-hover-default-colors:not(.-contained) .mixer:hover { color: var(--clb-color-mixer); } .social-networks.-hover-default-colors:not(.-contained) .pinterest:hover { color: var(--clb-color-pinterest); } .social-networks.-hover-default-colors:not(.-contained) .producthunt:hover { color: var(--clb-color-producthunt); } .social-networks.-hover-default-colors:not(.-contained) .quora:hover { color: var(--clb-color-quora); } .social-networks.-hover-default-colors:not(.-contained) .reddit:hover { color: var(--clb-color-reddit); } .social-networks.-hover-default-colors:not(.-contained) .snapchat:hover { color: var(--clb-color-snapchat); } .social-networks.-hover-default-colors:not(.-contained) .soundcloud:hover { color: var(--clb-color-soundcloud); } .social-networks.-hover-default-colors:not(.-contained) .spotify:hover { color: var(--clb-color-spotify); } .social-networks.-hover-default-colors:not(.-contained) .teamspeak:hover { color: var(--clb-color-teamspeak); } .social-networks.-hover-default-colors:not(.-contained) .telegram:hover { color: var(--clb-color-telegram); } .social-networks.-hover-default-colors:not(.-contained) .threads:hover { color: var(--clb-color-threads); } .social-networks.-hover-default-colors:not(.-contained) .tiktok:hover { color: var(--clb-color-tiktok); } .social-networks.-hover-default-colors:not(.-contained) .tumblr:hover { color: var(--clb-color-tumblr); } .social-networks.-hover-default-colors:not(.-contained) .twitch:hover { color: var(--clb-color-twitch); } .social-networks.-hover-default-colors:not(.-contained) .twitter:hover { color: var(--clb-color-twitter); } .social-networks.-hover-default-colors:not(.-contained) .vimeo:hover { color: var(--clb-color-vimeo); } .social-networks.-hover-default-colors:not(.-contained) .vine:hover { color: var(--clb-color-vine); } .social-networks.-hover-default-colors:not(.-contained) .whatsapp:hover { color: var(--clb-color-whatsapp); } .social-networks.-hover-default-colors:not(.-contained) .xing:hover { color: var(--clb-color-xing); } .social-networks.-hover-default-colors:not(.-contained) .youtube:hover { color: var(--clb-color-youtube); } .social-networks.-hover-default-colors:not(.-contained) .fivehundredpx:hover { color: var(--clb-color-fivehundredpx); } .social-networks.-hover-default-colors.-contained .artstation:hover { background-color: var(--clb-color-artstation); } .social-networks.-hover-default-colors.-contained .behance:hover { background-color: var(--clb-color-behance); } .social-networks.-hover-default-colors.-contained .deviantart:hover { background-color: var(--clb-color-deviantart); } .social-networks.-hover-default-colors.-contained .digg:hover { background-color: var(--clb-color-digg); } .social-networks.-hover-default-colors.-contained .discord:hover { background-color: var(--clb-color-discord); } .social-networks.-hover-default-colors.-contained .dribbble:hover { background-color: var(--clb-color-dribbble); } .social-networks.-hover-default-colors.-contained .facebook:hover { background-color: var(--clb-color-facebook); } .social-networks.-hover-default-colors.-contained .flickr:hover { background-color: var(--clb-color-flickr); } .social-networks.-hover-default-colors.-contained .github:hover { background-color: var(--clb-color-github); } .social-networks.-hover-default-colors.-contained .houzz:hover { background-color: var(--clb-color-houzz); } .social-networks.-hover-default-colors.-contained .instagram:hover { background-color: var(--clb-color-instagram); } .social-networks.-hover-default-colors.-contained .kaggle:hover { background-color: var(--clb-color-kaggle); } .social-networks.-hover-default-colors.-contained .linkedin:hover { background-color: var(--clb-color-linkedin); } .social-networks.-hover-default-colors.-contained .medium:hover { background-color: var(--clb-color-medium); } .social-networks.-hover-default-colors.-contained .mixer:hover { background-color: var(--clb-color-mixer); } .social-networks.-hover-default-colors.-contained .pinterest:hover { background-color: var(--clb-color-pinterest); } .social-networks.-hover-default-colors.-contained .producthunt:hover { background-color: var(--clb-color-producthunt); } .social-networks.-hover-default-colors.-contained .quora:hover { background-color: var(--clb-color-quora); } .social-networks.-hover-default-colors.-contained .reddit:hover { background-color: var(--clb-color-reddit); } .social-networks.-hover-default-colors.-contained .snapchat:hover { background-color: var(--clb-color-snapchat); } .social-networks.-hover-default-colors.-contained .soundcloud:hover { background-color: var(--clb-color-soundcloud); } .social-networks.-hover-default-colors.-contained .spotify:hover { background-color: var(--clb-color-spotify); } .social-networks.-hover-default-colors.-contained .teamspeak:hover { background-color: var(--clb-color-teamspeak); } .social-networks.-hover-default-colors.-contained .telegram:hover { background-color: var(--clb-color-telegram); } .social-networks.-hover-default-colors.-contained .threads:hover { background-color: var(--clb-color-threads); } .social-networks.-hover-default-colors.-contained .tiktok:hover { background-color: var(--clb-color-tiktok); } .social-networks.-hover-default-colors.-contained .tumblr:hover { background-color: var(--clb-color-tumblr); } .social-networks.-hover-default-colors.-contained .twitch:hover { background-color: var(--clb-color-twitch); } .social-networks.-hover-default-colors.-contained .twitter:hover { background-color: var(--clb-color-twitter); } .social-networks.-hover-default-colors.-contained .vimeo:hover { background-color: var(--clb-color-vimeo); } .social-networks.-hover-default-colors.-contained .vine:hover { background-color: var(--clb-color-vine); } .social-networks.-hover-default-colors.-contained .whatsapp:hover { background-color: var(--clb-color-whatsapp); } .social-networks.-hover-default-colors.-contained .xing:hover { background-color: var(--clb-color-xing); } .social-networks.-hover-default-colors.-contained .youtube:hover { background-color: var(--clb-color-youtube); } .social-networks.-hover-default-colors.-contained .fivehundredpx:hover { background-color: var(--clb-color-fivehundredpx); } .social-networks.-boxed { margin: 0; overflow: hidden; } .social-networks.-boxed .network { background-color: transparent; height: 6.25em; margin: 0 !important; border: none; line-height: 6.25em; position: relative; overflow: hidden; flex-grow: 1; flex-basis: 0; border-radius: 0; } .social-networks.-boxed .network .icon { width: 100%; text-align: center; position: absolute; opacity: 0; top: 60%; left: 0; transition: inherit; } .social-networks.-boxed .network span { position: relative; top: 0; opacity: 1; transition: inherit; } .social-networks.-boxed .network:hover { background-color: var(--clb-color-fill); } .social-networks.-boxed .network:hover .icon { opacity: 1; top: 40%; } .social-networks.-boxed .network:hover span { opacity: 0; top: -1.875em; } .subscribe-form { position: relative; } .subscribe-form .wpcf7-form-control-wrap { display: block; } .subscribe-form .wpcf7-form-control-wrap:last-of-type { margin-top: var(--clb-spacer-3); } .subscribe-form > p { margin: 0; } .subscribe-form br { display: none; } .subscribe-form input[type=email], .subscribe-form input[type=number], .subscribe-form input[type=password], .subscribe-form input[type=search], .subscribe-form input[type=tel], .subscribe-form input[type=text], .subscribe-form input[type=date], .subscribe-form input[type=url], .subscribe-form .button { border-radius: var(--clb-button-border-radius); } .subscribe-form .button, .subscribe-form input[type=submit], .subscribe-form button[type=submit] { white-space: nowrap; position: absolute; left: 100%; top: 0; transform: translate(-100%, 0); } .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-title-color); font-size: var(--clb-action-font-size); } .tabs-nav:not(.-hidden) { display: inline-flex; vertical-align: middle; align-items: center; } .tabs-nav .icon::before { margin-right: var(--clb-gap-small); } .tabs-nav-line { width: 0; position: absolute; bottom: 0; left: 0; padding: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .tabs-nav-link { width: auto; min-height: var(--clb-button-height); cursor: var(--clb-cursor-pointer); white-space: nowrap; display: inline-flex; vertical-align: middle; align-items: center; align-items: center; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .tabs-nav-link:not(:hover):not(.active) { opacity: 0.75; } .tabs-nav-link .title { letter-spacing: var(--clb-h6-letter-spacing); line-height: var(--clb-h6-line-height); } .tabs-content-item::before { display: none; } .tabs-content-item:not(.active) { overflow: hidden; height: 0; opacity: 0; transition-property: opacity; } .tabs-content-item.active { height: auto; opacity: 1; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .tabs-content-item > p { margin: 0; } .tabs:not(.-vertical):not(.-with-button) .tabs-nav-line { border-bottom: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-black-light); } .tabs:not(.-vertical) .tabs-content { margin-top: var(--clb-spacer-3); } .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) { margin-right: var(--clb-spacer-5); } .tabs.-contained .tabs-nav-link { padding: 0 var(--clb-spacer-3); } .tabs.-contained .tabs-nav-link.active { background-color: var(--clb-color-fill); } .tabs.-with-button .tabs-nav { background-color: var(--clb-color-fill); border-radius: var(--clb-border-radius); } .tabs.-with-button .tabs-nav-link { padding: 0 var(--clb-spacer-3); z-index: 1; } .tabs.-with-button .tabs-nav-link.active { color: var(--clb-color-white); } .tabs.-with-button .tabs-nav-line { height: 3rem; background-color: var(--clb-color-black-light); border-radius: var(--clb-border-radius); } .team-member .overlay-details { flex-direction: column; } .team-member .overlay-details .social-networks { margin-top: var(--clb-spacer-3); } .team-member.-with-overlay .overlay-details { background: var(--clb-color-black-rgb); background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member.-with-overlay .extra-details { max-height: 0px; opacity: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member:hover .extra-details { padding-top: var(--clb-spacer-3); max-height: calc(166px + var(--clb-spacer-5)); opacity: 1; } .team-group { display: flex; } .team-group-item { overflow: hidden; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-group-item img { width: 100%; } .team-group-item.active .-fade-up { transition-delay: 0.2s; transform: none; opacity: 1; } .team-group .item-holder { padding: var(--clb-spacer); background-color: var(--clb-color-fill); height: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .testimonial { gap: var(--clb-spacer-2); } .testimonial, .testimonial.-inline { display: flex; flex-direction: column; } .testimonial > p { margin: 0; } .testimonial > p > b { margin-bottom: var(--clb-grid-gap); } .testimonial .holder { gap: var(--clb-spacer-2); display: inline-flex; vertical-align: middle; align-items: center; flex-direction: column; } .testimonial.-middle-avatar .testimonial-text { order: 1; } .testimonial.-middle-avatar .author { order: 3; } .testimonial.-middle-avatar:not(.-inline) .avatar { order: 2; } .testimonial.-left .holder { align-items: flex-start; } .testimonial.-center { align-items: center; } .testimonial.-right { align-items: flex-end; } .testimonial.-inline .holder { flex-direction: row; } .testimonial.-inline .holder .author { text-align-last: left; } .sabodia-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; } .sabodia-text-sc:last-child p, .wpb_text_column:last-child p, .elementor-widget-text-editor:last-child p { margin-bottom: 0; } .sabodia-text-sc + .sabodia-text-sc p, .sabodia-text-sc + .wpb_text_column p, .sabodia-text-sc + .elementor-widget-text-editor p, .wpb_text_column + .sabodia-text-sc p, .wpb_text_column + .wpb_text_column p, .wpb_text_column + .elementor-widget-text-editor p, .elementor-widget-text-editor + .sabodia-text-sc p, .elementor-widget-text-editor + .wpb_text_column p, .elementor-widget-text-editor + .elementor-widget-text-editor p { margin-top: 0; } .sabodia-text-sc + .ab_empty_space, .sabodia-text-sc + .elementor-widget-spacer, .wpb_text_column + .ab_empty_space, .wpb_text_column + .elementor-widget-spacer, .elementor-widget-text-editor + .ab_empty_space, .elementor-widget-text-editor + .elementor-widget-spacer { margin-top: -1.35rem; } .ab_empty_space:first-child + .sabodia-text-sc p, .ab_empty_space:first-child + .wpb_text_column p, .ab_empty_space:first-child + .elementor-widget-text-editor p, .elementor-widget-spacer:first-child + .sabodia-text-sc p, .elementor-widget-spacer:first-child + .wpb_text_column p, .elementor-widget-spacer:first-child + .elementor-widget-text-editor p { margin-top: 0; } .video-button { display: flex; align-items: center; } .video-button-caption { font-family: var(--clb-action-font-family); font-size: var(--clb-action-font-size); font-weight: var(--clb-action-font-weight); margin-left: var(--clb-spacer-2); } .video-button .icon-button { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .video-button .icon-button .icon { transform: translateX(0.15rem); } .video-button .icon-button:hover { transform: var(--clb-transform-scale); } .video-button:not(.-outlined) .icon-button { background-color: var(--clb-color-video-button); } .video-button:not(.-outlined) .icon-button .icon { color: var(--clb-color-white); } .video-button:not(.-outlined):not(.-blurred) .icon-button:hover { background-color: var(--clb-color-primary); } .video-button.-outlined .icon-button { border: var(--clb-border-width-double) var(--clb-border-style-solid) currentColor; } .video-button.-outlined .icon-button:hover { background-color: transparent; color: var(--clb-color-primary); } .video-button.-outlined .icon-button:hover .icon { color: currentColor; } .video-button.-blurred .icon-button { background-color: color-mix(in srgb, var(--clb-color-neutral) 50%, transparent); backdrop-filter: blur(0.15rem); } .video-button.-small .video-button-caption { font-size: var(--clb-action-font-size-small); } .video-button.-large .video-button-caption { font-size: var(--clb-icon-size-large); } .video-button.-animation .icon-button { position: relative; } .video-button.-animation .icon-button::after { outline-style: var(--clb-border-style-solid); outline-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent); width: 100%; height: 100%; top: 0; left: 0; opacity: 0; animation: 1.5s linear infinite video_sc; content: ""; display: block; position: absolute; border-radius: 100%; } @keyframes video_sc { 0% { opacity: 0; outline-width: 0px; } 25% { opacity: 1; outline-width: var(--clb-spacer-2); } 60% { opacity: 0; outline-width: var(--clb-spacer-4); } 100% { opacity: 0; outline-width: var(--clb-spacer-1); } } .video-button.-animation .icon-button:hover::after { animation: none; } .video-button.-with-shadow:not(.-with-preview) .icon-button { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .video-button.-with-shadow.-with-preview .preview-image { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .video-button.-with-preview { position: relative; } .video-button.-with-preview .video-button-holder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; } .video-button.-with-preview .video-button-caption { margin: var(--clb-spacer-2) 0 calc(var(--clb-spacer-5) * -1) 0; transform: translateY(6%); opacity: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .video-button.-with-preview .preview-image { min-width: 100%; border-radius: var(--clb-border-radius); } .video-button.-with-preview:hover .video-button-caption { transform: none; opacity: 1; } .instagram-feed #sb_instagram { padding-bottom: 0px !important; } .instagram-feed #sb_instagram #sbi_images { padding: 0 !important; } .instagram-feed.no-margins #sbi_images { gap: 0 !important; } .instagram-feed:not(.no-margins) #sb_instagram .sbi_photo_wrap { overflow: hidden; border-radius: var(--clb-border-radius); } .marquee-line { overflow: hidden; } .marquee-line-stage { white-space: nowrap; display: flex; justify-content: center; } .marquee-line-el { object-fit: contain; padding-right: var(--clb-spacer-7); } .marquee-line-el span { font-size: 0.5em; margin-top: calc(var(--clb-spacer-05) * -1); display: inline-flex; vertical-align: middle; align-items: center; } .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-color-fill); } .wc-category.-offset { position: relative; } .wc-category.-offset .card.-with-shadow { overflow: visible; box-shadow: none; } .wc-category.-offset .card.-with-shadow .image-holder { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); } .brand-color { color: var(--clb-color-primary); } .-block, .sticky { display: block; width: 100%; } .byline, .-inline { display: inline; } .-inline-block { display: inline-block; } .-inline-flex { display: inline-flex; width: auto !important; } .-inline-flex:not(.-right) > .button { margin-right: var(--clb-spacer-1); } .-grid { display: grid; grid-auto-flow: column; } .-grid-row { grid-auto-flow: row; } .-flex { display: flex; } .-flex-wrap { flex-wrap: wrap; } .-flex-nowrap { flex-wrap: nowrap; } .-flex-align-start { align-items: flex-start; } .-flex-align-center { align-items: center; } .-flex-align-end { align-items: flex-end; } .-flex-just-start { justify-content: start; } .-flex-just-center { justify-content: center; } .-flex-just-space-between { justify-content: space-between; } .-flex-row { flex-direction: row; } .-flex-row-reverse { flex-direction: row-reverse; } .-flex-column { flex-direction: column; } .-flex-column-reverse { flex-direction: column-reverse; } .-flex-wrap { flex-wrap: wrap; } .-flex-nowrap { flex-wrap: nowrap; } .-flex-align-start { align-items: flex-start; } .-flex-align-center { align-items: center; } .-flex-align-end { align-items: flex-end; } .-flex-just-start, .-left-flex { justify-content: flex-start; } .-flex-just-center, .-center-flex { justify-content: center; } .-flex-just-end, .-flex-just-end { justify-content: flex-end; } .-flex-just-space-between { justify-content: space-between; } .-flex-row { flex-direction: row; } .-flex-row-reverse { flex-direction: row-reverse; } .-flex-column { flex-direction: column; } .-flex-column-reverse { flex-direction: column-reverse; } .-relative { position: relative; } .-absolute { position: absolute; } .-fixed { position: fixed; } .disabled, :disabled { pointer-events: none; filter: none; opacity: 0.5; } .-unlist { margin: 0; padding: 0; list-style: none; } .-unlist > li::before { content: ""; display: none; } .-unspace, .-unspace.elementor-widget-text-editor p { margin: 0; } .-small-t { font-size: var(--clb-font-size-small); } .-medium-t { font-weight: var(--clb-text-medium); } .-light-t { color: var(--clb-text-color-grey); } .-nowrap-t { white-space: nowrap; } .-left, .text-left { text-align: left; } .-center, .text-center, .aligncenter { text-align: center; } .-right, .text-right { text-align: right; } .-alignfull { max-width: none; position: relative; } .-float-left { float: left; } .-float-right { float: right; } .-full-h, .full-height { height: 100%; max-height: 100%; } .-full-w, .full-width { width: 100%; max-width: 100%; } .-full-vh, .-full-vh.clb-slider-item, .full-vh, .full-vh.clb-slider-item { height: 100vh; } .with-offer-banner:not(.absolute):not(.fixed) .-full-vh, .with-offer-banner:not(.absolute):not(.fixed) .-full-vh.clb-slider-item, .with-offer-banner:not(.absolute):not(.fixed) .full-vh, .with-offer-banner:not(.absolute):not(.fixed) .full-vh.clb-slider-item { height: calc(100vh - var(--clb-offer-banner-height)); } .-full-vw { width: 100vw; } .-fade-up { transform: translateY(6%); opacity: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .-fade-down { transform: translateY(-6%); opacity: 0; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .-faded { transform: none; opacity: 1; } .no-transition, .-no-transition { transition: none !important; } .-up { transition: all var(--clb-transition-function) var(--clb-transition-duration); } .-up:hover { transform: translate3d(0px, -4px, 0px); } .-blur { backdrop-filter: saturate(180%) blur(5px); background-color: rgba(255, 255, 255, 0.85); } .-visible, .visible { opacity: 1 !important; visibility: visible !important; } .-invisible, .invisible { opacity: 0 !important; visibility: hidden !important; } .-hidden, .hidden, .hide { display: none; } .show, .unhidden { display: block; } .-overflow-hidden, .-overflow-hidden > .elementor-widget-wrap { overflow: hidden; } .-light, .-light .icon { color: var(--clb-color-white); } [data-sabodia-content-scroll] { width: 100%; } [data-isotope-grid] { transition: height 0.3s ease-in-out; } .clb__section.ab_section, .clb__section.e-con { width: unset; margin: 0 0 2.5rem; border: var(--clb-border-width) var(--clb-border-style-dashed) color-mix(in srgb, var(--clb-color-neutral) 20%, transparent); border-radius: var(--clb-border-radius-extra-large); } .clb__section.ab_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 > .ab_column-inner > .wpb_wrapper > .sabodia-text-sc { border-bottom: var(--clb-border-width) var(--clb-border-style-dashed) color-mix(in srgb, var(--clb-color-neutral) 20%, transparent); margin-bottom: var(--clb-grid-gutter); height: initial !important; } .clb__section > .e-con-inner > .elementor-widget-heading > .elementor-widget-container p, .clb__section > .wpb_row > .wpb_column > .ab_column-inner > .wpb_wrapper > .sabodia-text-sc p { font-size: 0.9em; line-height: var(--clb-h1-line-height); margin: 0; margin-block-end: 0; padding: var(--clb-spacer-3) var(--clb-grid-gutter); font-weight: var(--clb-text-semi-bold); color: var(--clb-text-color-grey); } .clb__section > .wpb_row > .wpb_column > .ab_column-inner > .wpb_wrapper > .sabodia-text-sc { margin-left: var(--clb-grid-gutter-negative); margin-right: var(--clb-grid-gutter-negative); } @media (min-width: 768px) { div[class*=ab_col-sm-] { float: left; } .ab_col-sm-1 { width: calc(8.3333333333% * 1); } .ab_col-sm-2 { width: calc(8.3333333333% * 2); } .ab_col-sm-3 { width: calc(8.3333333333% * 3); } .ab_col-sm-4 { width: calc(8.3333333333% * 4); } .ab_col-sm-5 { width: calc(8.3333333333% * 5); } .ab_col-sm-6 { width: calc(8.3333333333% * 6); } .ab_col-sm-7 { width: calc(8.3333333333% * 7); } .ab_col-sm-8 { width: calc(8.3333333333% * 8); } .ab_col-sm-9 { width: calc(8.3333333333% * 9); } .ab_col-sm-10 { width: calc(8.3333333333% * 10); } .ab_col-sm-11 { width: calc(8.3333333333% * 11); } .ab_col-sm-12 { width: calc(8.3333333333% * 12); } } @media screen and (min-width: 769px) { .ab_row:not(.-nospace).portfolio-grid, .ab_row:not(.-nospace).blog-posts, .ab_row:not(.-nospace).archive-holder { margin-top: var(--clb-grid-gutter-negative); } .ab_row:not(.-nospace).portfolio-grid + .pagination-standard, .ab_row:not(.-nospace).portfolio-grid + .lazy-load, .ab_row:not(.-nospace).portfolio-grid + .holder, .ab_row:not(.-nospace).blog-posts + .pagination-standard, .ab_row:not(.-nospace).blog-posts + .lazy-load, .ab_row:not(.-nospace).blog-posts + .holder, .ab_row:not(.-nospace).archive-holder + .pagination-standard, .ab_row:not(.-nospace).archive-holder + .lazy-load, .ab_row:not(.-nospace).archive-holder + .holder { margin-top: var(--clb-grid-gutter-negative); } .page-container .row-bg-lines { position: absolute; height: 100%; top: 0; left: 0; right: 0; display: grid; grid-auto-flow: column; margin: auto !important; padding: 0 var(--clb-container-side-gutter) !important; width: var(--clb-container-width); } .page-container .row-bg-lines li { height: 100%; justify-self: stretch; border-right-width: 1px; border-right-style: solid; border-color: color-mix(in srgb, var(--clb-color-neutral) 14%, transparent); } .page-container .row-bg-lines li:first-child { border-left-width: 1px; border-left-style: solid; } .page-container.-full-w .row-bg-lines { width: 100vw; } .page-container .elementor > .e-con-boxed:not([data-vc-full-width=true]) .row-bg-lines, .page-container .elementor .ab_section > .ab_row:not([data-vc-full-width=true]) .row-bg-lines, .page-container .elementor > .ab_row:not([data-vc-full-width=true]) .row-bg-lines, .page-container .wpb-content-wrapper > .e-con-boxed:not([data-vc-full-width=true]) .row-bg-lines, .page-container .wpb-content-wrapper .ab_section > .ab_row:not([data-vc-full-width=true]) .row-bg-lines, .page-container .wpb-content-wrapper > .ab_row:not([data-vc-full-width=true]) .row-bg-lines { padding: 0 !important; width: calc(100vw - var(--clb-container-side-gutter) * 2); } .row-bg-text { position: absolute; top: 0; font-size: 5vw; font-weight: var(--clb-text-semi-bold); line-height: var(--clb-h1-line-height); letter-spacing: var(--clb-h1-letter-spacing); font-family: var(--clb-title-font-family); color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); transform-origin: 0 0; } .row-bg-text.left { transform: rotate(-90deg) translateX(-100%) translateY(-100%); } .row-bg-text.right { left: var(--clb-container-width); transform: rotate(-90deg) translateX(-100%) translateY(0%); } .-full-w .row-bg-text.left { transform: rotate(-90deg) translateX(-100%) translateY(0%); } .-full-w .row-bg-text.right { left: 100%; transform: rotate(-90deg) translateX(-100%) translateY(-100%); } .grid-item:not(.-nospace).-nospace-grid-6:not(:first-child) { padding-top: 0; } .grid-item:not(.-nospace).-nospace-grid-6:not(:last-child) { padding-bottom: 0; } .-sticky-block, .-sticky-block > .ab_column-inner > .wpb_wrapper { position: sticky !important; z-index: 2; top: 0; } .comments .comment-body { padding-left: calc(var(--clb-circle) + var(--clb-spacer-3)); } .comments .comment-body .comment-author > img { position: absolute; top: 0; left: 0; } .comments .comment-respond .comment-form { display: flex; justify-content: space-between; flex-wrap: wrap; } .comments .comment-respond .comment-form > p:not(.form-submit) { margin: 0 0 var(--clb-spacer-3) 0; } .comments .comment-respond .comment-form > p.form-submit { margin: 0; } .comments .comment-respond .comment-form > p.comment-notes { margin-top: 0; } .comments .comment-respond .comment-form > p:not(.comment-form-comment) { width: calc(33.3333333333% - var(--clb-spacer-3)); } .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-grid-border-radius); border-top-left-radius: var(--clb-grid-border-radius); border-bottom-right-radius: 0; border-top-right-radius: 0; } .blog-item.-layout3.-contained .card-details, .blog-item.-layout5.-contained .card-details { padding-top: var(--clb-spacer-5); border-bottom-right-radius: var(--clb-grid-border-radius); border-top-right-radius: var(--clb-grid-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-grid-border-radius); } .blog-item.-layout6 .image-holder > .overlay { opacity: 0; visibility: hidden; } .blog-item.-layout6 .image-holder img, .blog-item.-layout6 .image-holder iframe { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; min-width: 100%; height: 100%; } .blog-item.-layout7 { display: flex; } .blog-item.-layout7 .read-more { position: absolute; right: 0; top: calc(var(--clb-grid-gutter) * 2); z-index: 1; } .blog-item.-layout7 > a, .blog-item.-layout7 .card-details { transform-style: preserve-3d; transition: all var(--clb-transition-function) var(--clb-transition-duration); transition-duration: calc(var(--clb-transition-duration) * 1.5); } .blog-item.-layout7.-metro > a:not(.read-more) { display: block; opacity: 0; min-width: calc((100% - var(--clb-grid-gutter)) / 3); transform: translate3d(-100%, 0px, 0px); } .blog-item.-layout7.-metro .card-details { transform: translate3d(calc((-100% - var(--clb-grid-gutter)) / 2 + var(--clb-grid-gutter)), 0px, 0px); } .blog-item.-layout7.-metro .image-holder { padding-bottom: 55%; } .blog-item.-layout7 .card-details { width: 100%; } .blog-item.-layout7:not(.-contained).-metro > a:not(.read-more) { padding-right: var(--clb-grid-gutter); } .blog-item.-layout7:not(.-contained) .card-details { padding-top: 0 !important; display: flex; justify-content: space-between; flex-direction: column; } .blog-item.-layout7.-contained { background-color: var(--clb-color-fill); } .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.-layout1 .page-container { max-width: var(--clb-container-post-width); } .single-post .single-post-layout.-layout2 .page-headline > .holder .title, .single-post .single-post-layout.-layout2 .page-headline > .holder .post-meta-holder { max-width: 85%; } .single-post .author-container .widget_sabodia_widget_about_author .holder { flex-direction: row; } .single-post .author-container .widget_sabodia_widget_about_author .avatar { min-width: var(--clb-circle-large); } .single-post .author-container .widget_sabodia_widget_about_author .social-networks { flex-direction: column; } .single-post .author-container .page-container, .single-post .related-posts .page-container { max-width: var(--clb-container-post-width); } .ordering-filters-holder .close-bar { display: none; } .ordering-filters-holder select { max-width: 8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ordering-filters-holder .result { white-space: nowrap; } .ordering-filters-holder .result + select, .ordering-filters-holder .result + .business-ordering select { margin-left: var(--clb-spacer-3); } .ordering-filters > select:nth-of-type(1) { min-width: 7.25rem; } .ordering-filters > select:nth-of-type(2) { max-width: 5rem; } .ordering-filters > select:nth-of-type(3) { max-width: 6.25rem; } .slide-in.admin-bar .slide-in-overlay, .slide-in.admin-bar .slide-in-overlay .overlay, .is-mobile-menu.admin-bar .slide-in-overlay, .is-mobile-menu.admin-bar .slide-in-overlay .overlay { height: calc(100% - var(--clb-admin-bar-height)); top: var(--clb-admin-bar-height); } .slide-in .slide-in-overlay .close-bar, .slide-in .slide-in-overlay .holder { width: var(--clb-slide-in-panel-width); } .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%; } .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; } .empty-state { max-width: 500px; } .empty-state .search { max-width: 18rem; } .sticky-nav-holder { border-radius: var(--clb-border-radius); } .project-content:not(.-with-slider) .holder { padding-top: var(--clb-grid-gutter-5x); padding-bottom: var(--clb-grid-gutter-5x); } .portfolio-item.-layout3 .project-content, .portfolio-item.-layout5 .project-content, .portfolio-item.-layout6 .project-content { justify-content: flex-end; } .portfolio-item.-layout5 .overlay { width: 50%; height: 100%; } .portfolio-item.-layout6 .overlay { padding: 0 calc(var(--clb-side-elements-height) + var(--clb-spacer) * 2); } .portfolio-item.-layout7 .portfolio-item-image { width: 50vw; height: auto; z-index: 2; top: 20vh; bottom: 20vh; } .portfolio-item.-layout7:not(.-full-vh) .portfolio-item-image { top: 0; bottom: 0; } .portfolio-item.-layout7 .overlay { height: 100%; } .portfolio-item.-layout9 .portfolio-item-image::before { display: none; } .portfolio-item.-layout9 .project-content .project-details { font-weight: var(--clb-text-semi-bold); font-size: var(--clb-font-size-large); } .portfolio-item.-layout10 .portfolio-item-image { transform: scale(0.9); } .portfolio-item.-layout10 .project-content { justify-content: center; } .portfolio-links.grid_8 .grid-item .portfolio-item .category-holder { transform: translateY(calc(var(--clb-spacer-05) * -1)); } .grid_13.-reversed .grid-item:nth-child(2n) .-layout13 { flex-direction: row-reverse; } .grid_13 .grid-item.ab_col-lg-12 .-layout13 .card-image { min-width: calc(66.6666666667% - var(--clb-grid-gutter)); width: calc(66.6666666667% - var(--clb-grid-gutter)); } .grid_13 .grid-item.ab_col-lg-2 .-layout13 .card-image, .grid_13 .grid-item.ab_col-lg-3 .-layout13 .card-image, .grid_13 .grid-item.ab_col-lg-4 .-layout13 .card-image, .grid_13 .grid-item.ab_col-lg-6 .-layout13 .card-image { min-width: calc(50% - var(--clb-grid-gutter)); width: calc(50% - var(--clb-grid-gutter)); } .project.-layout1 .share-bar { top: var(--clb-spacer); left: var(--clb-spacer); margin-left: var(--clb-grid-gutter); } .project.-layout2 .share-bar { top: var(--clb-spacer); right: var(--clb-spacer); margin-right: var(--clb-grid-gutter); } .project.-layout5 .project-content .project-task { margin-top: 0; } .project.-layout8 .video-holder.-cover iframe { width: 130%; transform: translate(-15%, -50%); } .project.-layout8 .overlay { width: 50%; } .project.-layout8 .share-bar { bottom: 0 !important; } .project.-layout9 .project-content .project-task { margin-top: 0; } .project.-layout10 .share-bar { margin-top: var(--clb-grid-gutter); right: unset; bottom: unset; position: relative; } .project.-layout10 .share-bar .social-networks { background-color: var(--clb-color-fill); } .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.-layout10.-full-w .project-content .holder { padding-left: var(--clb-container-side-gutter); padding-right: var(--clb-container-side-gutter); } .project.-layout1 .holder, .project.-layout3 .holder { padding-left: calc(3vw - var(--clb-spacer-3)); } .project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar, .project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar { position: fixed; z-index: 10; } .project.-layout6 .video-holder, .project.-layout9 .video-holder { height: 100vh; } .project.-layout6 .video-holder.-cover iframe, .project.-layout9 .video-holder.-cover iframe { height: 110%; } .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout1 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout3 .project-content, .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout4 .project-content { margin-top: var(--clb-header-height); } .single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7):not(.with-headline) .project.-layout2 { margin-top: var(--clb-header-height); } .icon-button.-large { min-width: var(--clb-circle-large); width: var(--clb-circle-large); height: var(--clb-circle-large); } .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%); } .header .desktop-hamburger { min-width: var(--clb-circle); } .header .desktop-hamburger.-left { margin-right: var(--clb-spacer-3); } .header .desktop-hamburger.-right { margin-left: var(--clb-spacer-3); } .header.header-4 .menu-blank { margin-left: 7.5rem; transform: translateX(var(--clb-grid-gutter)); } .header.header-5:not(.-mobile) .header-wrap .top-part .desktop-hamburger { min-width: unset; } .header.header-6 .top-part-inner.-left .hamburger-outer { padding-right: unset; } .header:not(.-mobile).header-6 .bottom-part .menu-optional .holder, .header:not(.-mobile).header-6 .bottom-part .menu-optional .search-global, .header:not(.-mobile).header-6 .bottom-part .menu-optional .favorites-global, .header:not(.-mobile).header-6 .bottom-part .menu-optional .account-global, .header:not(.-mobile).header-7 .bottom-part .menu-optional .holder, .header:not(.-mobile).header-7 .bottom-part .menu-optional .search-global, .header:not(.-mobile).header-7 .bottom-part .menu-optional .favorites-global, .header:not(.-mobile).header-7 .bottom-part .menu-optional .account-global { transform-origin: left bottom; transform: rotate(90deg) translate(-100%, 0); } .site-footer .page-container > .holder { margin-top: -4rem; display: flex; align-items: center; } .nav { display: flex; } .page-content { width: 100%; } .page-content.-with-left-sidebar { float: right; width: calc(100% - var(--clb-sidebar-width)); padding-left: var(--clb-grid-gutter-3x); } .page-content.-with-right-sidebar { float: left; width: calc(100% - var(--clb-sidebar-width)); padding-right: var(--clb-grid-gutter-3x); } .business-page:not(.archive):not(.single) .page-headline .page-container, .business-page:not(.archive):not(.single) .site-content .page-container { padding-left: var(--clb-container-narrow-side-spacer); padding-right: var(--clb-container-narrow-side-spacer); } .business-page:not(.archive):not(.single) .page-headline:not(.-full-vh) .title { max-width: 100%; } rs-slide sr7-row.sr7-layer, sr7-slide sr7-row.sr7-layer { padding: 0 var(--clb-container-offset) !important; } .with-spacer.with-header-5 sr7-content sr7-row.sr7-layer { padding: 0 calc(var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) !important; } .with-spacer.with-header-6 sr7-content sr7-row.sr7-layer, .with-spacer.with-header-7 sr7-content sr7-row.sr7-layer { padding: 0 calc(var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) !important; } .ab_row-o-equal-height.clb__md_vertical_stretch > .wpb_column > .ab_column-inner > .wpb_wrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .ab_row-o-equal-height.clb__md_vertical_stretch > .wpb_column > .ab_column-inner > .wpb_wrapper::after { display: none; } .social-networks.-boxed .network .icon { font-size: 1.25em; } .tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) { margin-right: var(--clb-spacer-4); } .tabs.-vertical { display: flex; align-items: flex-start; } .tabs.-vertical .tabs-nav { width: auto; margin-right: var(--clb-spacer-5); flex-direction: column; } .tabs.-vertical .tabs-nav-link { width: 100%; } .tabs.-vertical .tabs-nav-line { top: 0; left: auto; right: 0; } .tabs.-vertical:not(.-with-button) .tabs-nav-line { border-right: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-black-light); } .tabs.-vertical .tabs-content { width: auto; flex-grow: 2; } .tabs.-vertical:not(.-contained):not(.-with-button) .tabs-nav-link { padding: 0; padding-right: var(--clb-spacer-3); } .tabs.-vertical.-with-button .tabs-nav-link { width: 100%; justify-content: center; } .tabs.-vertical.-with-button .tabs-nav-line { width: 100%; } .wc-category:not(.-offset) .image-holder, .wc-category:not(.-offset) .wc-category-content { width: 50%; } .wc-category.-offset .card { flex-direction: row-reverse; } .wc-category.-offset .image-holder { width: calc(100% - 7.5em); } .wc-category.-offset .image-holder img { border-radius: var(--clb-border-radius); } .wc-category.-offset .wc-category-content { top: 0; bottom: 0; left: var(--clb-grid-gutter); padding-right: var(--clb-grid-gutter); position: absolute; max-width: 50%; } .-inline-flex.-right > .button { margin-left: var(--clb-spacer-1); } .-right-md { text-align: right; } .clb__section > .e-con-inner > .e-child > .e-con-inner { gap: unset; } } @media (min-width: 769px) { div[class*=ab_col-md] { float: left; } .ab_col-md-1 { width: calc(8.3333333333% * 1); } .ab_col-md-2 { width: calc(8.3333333333% * 2); } .ab_col-md-3 { width: calc(8.3333333333% * 3); } .ab_col-md-4 { width: calc(8.3333333333% * 4); } .ab_col-md-5 { width: calc(8.3333333333% * 5); } .ab_col-md-6 { width: calc(8.3333333333% * 6); } .ab_col-md-7 { width: calc(8.3333333333% * 7); } .ab_col-md-8 { width: calc(8.3333333333% * 8); } .ab_col-md-9 { width: calc(8.3333333333% * 9); } .ab_col-md-10 { width: calc(8.3333333333% * 10); } .ab_col-md-11 { width: calc(8.3333333333% * 11); } .ab_col-md-12 { width: calc(8.3333333333% * 12); } .ab_col-md-push-1 { left: calc(8.3333333333% * 1); position: relative; } .ab_col-md-push-2 { left: calc(8.3333333333% * 2); position: relative; } .ab_col-md-push-3 { left: calc(8.3333333333% * 3); position: relative; } .ab_col-md-push-4 { left: calc(8.3333333333% * 4); position: relative; } .ab_col-md-push-5 { left: calc(8.3333333333% * 5); position: relative; } .ab_col-md-push-6 { left: calc(8.3333333333% * 6); position: relative; } .ab_col-md-push-7 { left: calc(8.3333333333% * 7); position: relative; } .ab_col-md-push-8 { left: calc(8.3333333333% * 8); position: relative; } .ab_col-md-push-9 { left: calc(8.3333333333% * 9); position: relative; } .ab_col-md-push-10 { left: calc(8.3333333333% * 10); position: relative; } .ab_col-md-push-11 { left: calc(8.3333333333% * 11); position: relative; } .ab_col-md-push-12 { left: calc(8.3333333333% * 12); position: relative; } } @media screen and (min-width: 1181px) { .page-container:not(.-full-w) .ab_row[data-vc-full-width=true]:not([data-vc-stretch-content=true]) { width: 100vw !important; max-width: 100vw !important; left: calc(var(--clb-container-offset) * -1) !important; padding-left: var(--clb-container-offset) !important; padding-right: var(--clb-container-offset) !important; } .page-container.-full-w .ab_row[data-vc-full-width=true]:not([data-vc-stretch-content=true]) { padding-left: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)) !important; padding-right: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)) !important; } .boxed-container .page-container:not(.-full-w) .ab_row[data-vc-full-width=true]:not([data-vc-stretch-content=true]) { width: calc(100vw - var(--clb-container-side-spacer) * 2) !important; max-width: calc(100vw - var(--clb-container-side-spacer) * 2) !important; left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * -1) !important; padding-left: calc(var(--clb-container-offset) - var(--clb-container-side-spacer)) !important; padding-right: calc(var(--clb-container-offset) - var(--clb-container-side-spacer)) !important; } .with-spacer.with-header-5 .page-container .ab_row[data-vc-full-width=true] { width: calc(100vw - var(--clb-header-height-5)) !important; max-width: calc(100vw - var(--clb-header-height-5)) !important; } .with-spacer.with-header-5 .page-container:not(.-full-w) .ab_row[data-vc-full-width=true] { left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * -1) !important; } .with-spacer.with-header-5 .page-container:not(.-full-w) .ab_row[data-vc-full-width=true]:not([data-vc-stretch-content=true]) { padding-left: calc(var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) !important; padding-right: calc(var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) !important; } .with-spacer.with-header-5 .page-container.-full-w .ab_row[data-vc-full-width=true] { left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * -1) !important; } .with-spacer.with-header-6 .page-container .ab_row[data-vc-full-width=true], .with-spacer.with-header-7 .page-container .ab_row[data-vc-full-width=true] { width: calc(100vw - var(--clb-header-height-6)) !important; max-width: calc(100vw - var(--clb-header-height-6)) !important; } .with-spacer.with-header-6 .page-container:not(.-full-w) .ab_row[data-vc-full-width=true], .with-spacer.with-header-7 .page-container:not(.-full-w) .ab_row[data-vc-full-width=true] { left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * -1) !important; } .with-spacer.with-header-6 .page-container:not(.-full-w) .ab_row[data-vc-full-width=true]:not([data-vc-stretch-content=true]), .with-spacer.with-header-7 .page-container:not(.-full-w) .ab_row[data-vc-full-width=true]:not([data-vc-stretch-content=true]) { padding-left: calc(var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) !important; padding-right: calc(var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) !important; } .with-spacer.with-header-6 .page-container.-full-w .ab_row[data-vc-full-width=true], .with-spacer.with-header-7 .page-container.-full-w .ab_row[data-vc-full-width=true] { left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * -1) !important; } .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 .single-post-inner::after { content: ""; display: table; clear: both; } .single-post .single-post-layout.-layout2.-with-sharing .ab_col-lg-6.-sticky-block { width: 49%; } .single-post .single-post-layout.-layout2.-with-sharing .ab_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-container-offset) + var(--clb-grid-gutter)); } .single-post .single-post-layout.-layout2 .post-page-container { padding-top: var(--clb-header-height); padding-right: calc(var(--clb-container-offset) + var(--clb-grid-gutter)); } .single-post:not(.with-spacer) .-layout2 .post-page-container { margin-top: var(--clb-header-height); } .single-post:not(.with-spacer) .-layout2.-with-featured-image .bg-image + .holder > .page-container { margin-top: var(--clb-header-height); } .color-switcher:not(.-simple) { min-width: 6.5rem; } .color-switcher-item-state svg { margin-left: 0.2rem; margin-right: -0.2rem; } .color-switcher:not(.dark):not(.-simple) .color-switcher-item.dark svg { display: none; } .color-switcher.dark:not(.-simple) .color-switcher-item.light svg { display: none; } .color-switcher.-simple { height: 2rem; border-radius: var(--clb-spacer-3); } .color-switcher.-simple:not(.dark) .color-switcher-toddler { transform: translateX(-100%) !important; } .color-switcher.-simple.dark .color-switcher-toddler { transform: initial !important; } .color-switcher.-simple .color-switcher-item-state svg { margin: 0; } .color-switcher.-simple .color-switcher-item, .color-switcher.-simple .color-switcher-toddler-item { width: 2rem; min-width: 2rem; border-radius: var(--clb-spacer-3); } .boxed-container .offer-banner { margin-left: calc(var(--clb-container-side-spacer) * -1); margin-right: calc(var(--clb-container-side-spacer) * -1); } .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; } .portfolio-item.-layout4 .project-details { margin-right: 35%; } .portfolio-item.-layout11 .card-details { opacity: 0; visibility: hidden; position: fixed; top: var(--clb-spacer-1); left: var(--clb-spacer-3); z-index: 10; will-change: transform; } .portfolio-item.-layout11 .card-details.-center .category-holder { align-self: center; } .portfolio-item.-layout11 .card-details.-right .category-holder { align-self: flex-end; } .portfolio-item.-layout11 .title, .portfolio-item.-layout11 .category-holder { margin: 0; padding: 0.2rem var(--clb-spacer-2); width: fit-content; color: var(--clb-color-white); background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent); } .portfolio-item.-layout11:hover .card-details { opacity: 1; visibility: visible; } .portfolio-item.-layout11:hover .card-details .category-holder { transform: translateY(0px) !important; opacity: 1 !important; } .project.-layout2 .holder, .project.-layout4 .holder { padding-right: calc(3vw - var(--clb-spacer-3)); } .with-sticky-footer .site-content { position: relative; z-index: 1; } .with-sticky-footer .site-content:has(.slide-in-panel.visible) { position: static; } .with-sticky-footer .site-content:has(.slide-in-panel.visible) + .site-footer { z-index: -1; } .with-sticky-footer .site-footer { width: auto; position: fixed; bottom: 0; left: 0; right: 0; visibility: hidden; } .with-sticky-footer .site-footer.visible { visibility: visible; } .elementor-page .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched { width: 100vw !important; left: calc(var(--clb-container-offset) * -1) !important; } .elementor-page .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width { width: 100vw !important; left: calc(var(--clb-container-offset) * -1) !important; } .elementor-page .page-container:not(.-full-w) .elementor-section .clb-slider .elementor-section.elementor-section-boxed.elementor-section-stretched { width: unset !important; left: unset !important; } .elementor-page .page-container:not(.-full-w) .elementor-section .clb-slider .elementor-section.elementor-section-stretched.elementor-section-full_width { width: unset !important; left: unset !important; } .elementor-page .page-container:not(.-full-w) .elementor-element .clb-slider .elementor-element.e-con-full.e-parent { min-width: unset !important; left: unset !important; } .elementor-page .page-container:not(.-full-w) .elementor > .e-con-full.e-parent, .elementor-page .page-container:not(.-full-w) .elementor .e-con-full[data-nesting-level="0"].e-parent { min-width: 100vw !important; left: calc(var(--clb-container-offset) * -1) !important; } .elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container { max-width: none; } .elementor-page .page-container.-full-w .elementor-section.elementor-section-stretched:not(.elementor-section-full_width) > .elementor-container { padding-left: var(--clb-container-side-gutter); padding-right: var(--clb-container-side-gutter); margin-left: var(--clb-grid-gutter-negative); margin-right: var(--clb-grid-gutter-negative); } .elementor-page .page-container.-full-w .elementor-element.e-con-boxed { --container-max-width: 100%; } .elementor-page .page-container.-full-w .elementor > .e-con-full.e-parent, .elementor-page .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent { min-width: 100vw !important; left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * -1) !important; } .elementor-page .page-container.-full-w .elementor > .e-con-full.e-parent > .e-con-boxed, .elementor-page .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent > .e-con-boxed { padding-left: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)); padding-right: calc(var(--clb-container-side-gutter) - var(--clb-grid-gutter)); } .elementor-page .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched { width: calc(100vw - var(--clb-container-side-spacer) * 2) !important; left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * -1) !important; } .elementor-page .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width { width: calc(100vw - var(--clb-container-side-spacer) * 2) !important; left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * -1) !important; } .elementor-page .boxed-container .page-container:not(.-full-w) .elementor > .e-con-full.e-parent, .elementor-page .boxed-container .page-container:not(.-full-w) .elementor .e-con-full[data-nesting-level="0"].e-parent { min-width: calc(100vw - var(--clb-container-side-spacer) * 2) !important; left: calc((var(--clb-container-offset) - var(--clb-container-side-spacer)) * -1) !important; } .elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched { padding-left: 0 !important; width: calc(100vw - var(--clb-header-height-5)) !important; left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * -1) !important; } .elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched { padding-left: 0; } .elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width { width: calc(100vw - var(--clb-header-height-5)) !important; left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * -1) !important; } .elementor-page.with-spacer.with-header-5 .page-container:not(.-full-w) .elementor-element.e-con-full.e-parent { min-width: calc(100vw - var(--clb-header-height-5)) !important; left: calc((var(--clb-container-offset) - var(--clb-header-height-5) * 0.5) * -1) !important; } .elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor-section.elementor-section-boxed.elementor-section-stretched, .elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor-section.elementor-section-stretched.elementor-section-full_width { max-width: calc(100vw - var(--clb-header-height-5)) !important; left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * -1) !important; } .elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor > .e-con-full.e-parent, .elementor-page.with-spacer.with-header-5 .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent { min-width: calc(100vw - var(--clb-header-height-5)) !important; } .elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched, .elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-section.elementor-section-boxed.elementor-section-stretched { padding-left: 0 !important; width: calc(100vw - var(--clb-header-height-6)) !important; left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * -1) !important; } .elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched, .elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched { padding-left: 0; } .elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width, .elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width { width: calc(100vw - var(--clb-header-height-6)) !important; left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * -1) !important; } .elementor-page.with-spacer.with-header-6 .page-container:not(.-full-w) .elementor-element.e-con-full.e-parent, .elementor-page.with-spacer.with-header-7 .page-container:not(.-full-w) .elementor-element.e-con-full.e-parent { min-width: calc(100vw - var(--clb-header-height-6)) !important; left: calc((var(--clb-container-offset) - var(--clb-header-height-6) * 0.5) * -1) !important; } .elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor-section.elementor-section-boxed.elementor-section-stretched, .elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor-section.elementor-section-stretched.elementor-section-full_width, .elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor-section.elementor-section-boxed.elementor-section-stretched, .elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor-section.elementor-section-stretched.elementor-section-full_width { max-width: calc(100vw - var(--clb-header-height-6)) !important; left: calc((var(--clb-container-side-gutter) - var(--clb-grid-gutter)) * -1) !important; } .elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor > .e-con-full.e-parent, .elementor-page.with-spacer.with-header-6 .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent, .elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor > .e-con-full.e-parent, .elementor-page.with-spacer.with-header-7 .page-container.-full-w .elementor .e-con-full[data-nesting-level="0"].e-parent { min-width: calc(100vw - var(--clb-header-height-6)) !important; } .elementor-element.e-con-full.e-parent[data-sabodia-offset-column=yes] > .e-child:first-of-type, .elementor-element.e-con-full.e-parent[data-sabodia-offset-column-left=yes] > .e-child:first-of-type { padding-left: var(--clb-container-offset); } .elementor-element.e-con-full.e-parent[data-sabodia-offset-column=yes][data-nesting-level="0"] > .elementor-shape + .e-child, .elementor-element.e-con-full.e-parent[data-sabodia-offset-column-left=yes][data-nesting-level="0"] > .elementor-shape + .e-child { padding-left: var(--clb-container-offset); } .elementor-element.e-con-full.e-parent[data-sabodia-offset-column=yes] > .e-child:last-of-type, .elementor-element.e-con-full.e-parent[data-sabodia-offset-column-right=yes] > .e-child:last-of-type { padding-right: var(--clb-container-offset); } .elementor-element.e-con-full.e-parent[data-sabodia-offset-column=yes][data-nesting-level="0"] > .e-child:nth-last-of-type(3n), .elementor-element.e-con-full.e-parent[data-sabodia-offset-column-right=yes][data-nesting-level="0"] > .e-child:nth-last-of-type(3n) { padding-right: var(--clb-container-offset); } .elementor-element[sabodia-background-lines] > .e-child, .elementor-element[sabodia-background-lines] > .e-child > .e-con-inner { position: static; } .ab_row.stc-row { margin-right: 2vw; margin-left: 2vw; margin-bottom: var(--clb-header-height); } .ab_row.stc-row-wide { margin-right: auto; margin-left: auto; } .ab_row.stc-row-narrow { margin-right: 10vw; margin-left: 10vw; } .post-password-form { width: 50%; } .clb__narrow { padding-inline-start: 4.1vw !important; padding-inline-end: 4.1vw !important; } .clb__section:not(.wide).ab_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.ab_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; } } @media (min-width: 1200px) { .ab_hidden-lg { display: none !important; } div[class*=ab_col-lg] { float: left; } .ab_col-lg-1 { width: calc(8.3333333333% * 1); } .ab_col-lg-2 { width: calc(8.3333333333% * 2); } .ab_col-lg-3 { width: calc(8.3333333333% * 3); } .ab_col-lg-4 { width: calc(8.3333333333% * 4); } .ab_col-lg-5 { width: calc(8.3333333333% * 5); } .ab_col-lg-6 { width: calc(8.3333333333% * 6); } .ab_col-lg-7 { width: calc(8.3333333333% * 7); } .ab_col-lg-8 { width: calc(8.3333333333% * 8); } .ab_col-lg-9 { width: calc(8.3333333333% * 9); } .ab_col-lg-10 { width: calc(8.3333333333% * 10); } .ab_col-lg-11 { width: calc(8.3333333333% * 11); } .ab_col-lg-12 { width: calc(8.3333333333% * 12); } .ab_col-lg-push-1 { left: calc(8.3333333333% * 1); position: relative; } .ab_col-lg-push-2 { left: calc(8.3333333333% * 2); position: relative; } .ab_col-lg-push-3 { left: calc(8.3333333333% * 3); position: relative; } .ab_col-lg-push-4 { left: calc(8.3333333333% * 4); position: relative; } .ab_col-lg-push-5 { left: calc(8.3333333333% * 5); position: relative; } .ab_col-lg-push-6 { left: calc(8.3333333333% * 6); position: relative; } .ab_col-lg-push-7 { left: calc(8.3333333333% * 7); position: relative; } .ab_col-lg-push-8 { left: calc(8.3333333333% * 8); position: relative; } .ab_col-lg-push-9 { left: calc(8.3333333333% * 9); position: relative; } .ab_col-lg-push-10 { left: calc(8.3333333333% * 10); position: relative; } .ab_col-lg-push-11 { left: calc(8.3333333333% * 11); position: relative; } .ab_col-lg-push-12 { left: calc(8.3333333333% * 12); position: relative; } } @media screen and (min-width: 1513px) { .boxed-container { margin-left: var(--clb-container-side-spacer); margin-right: var(--clb-container-side-spacer); } } @media screen and (max-width: 1180px) { :root { --clb-grid-gutter-3x: var(--clb-grid-gutter-2x); --clb-grid-gutter-4x: var(--clb-grid-gutter-3x); --clb-grid-gutter-5x: var(--clb-grid-gutter-3x); --clb-grid-gutter-6x: var(--clb-grid-gutter-3x); } .single-post .single-post-layout.-layout2 > .ab_row { margin-left: 0; margin-right: 0; } .single-post .single-post-layout.-layout2 .-sticky-block.ab_col-lg-6 { position: static !important; } .single-post .single-post-layout.-layout2 .-with-breadcrumbs .share-bar { margin-top: 2rem; } .color-switcher:not(.-left):not(.-right) { z-index: 100; position: absolute; } .color-switcher { background-color: color-mix(in srgb, var(--clb-color-neutral) 25%, var(--clb-color-white)); height: 2.25rem; border-radius: 1.125rem; } .color-switcher 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-color-fill-dark-mode) 92%, var(--clb-color-white)); } .elements-bar { min-height: unset; width: 100vh; } .elements-bar.left .color-switcher { top: calc(100vw - var(--clb-grid-gutter) * 2); right: calc(100vh - var(--clb-container-side-spacer)); transform-origin: top left; transform: rotate(90deg) translate(-100%, -100%); } .elements-bar.right .color-switcher { bottom: calc(var(--clb-grid-gutter) * 2); right: calc(100vh - var(--clb-grid-gutter) * 5); transform-origin: top left; transform: rotate(90deg) translate(0%, -100%); } .project-lightbox-details { padding: var(--clb-header-height) 5vh; } .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; } .options-group { grid-template-columns: repeat(3, minmax(0, 1fr)); } .portfolio-item.-layout9 .next-slide-preview { display: none; } .portfolio-item.-layout9 .image-holder + .ab_col-md-5 { padding-right: calc(var(--clb-grid-gutter) + var(--clb-bullets-spacer)); } .project.-layout10 .project-content .holder { padding: var(--clb-spacer-10) var(--clb-grid-gutter); } .custom-cursor .circle-cursor { display: none; } body:not(.dark-scheme) .dynamic-typo .color-switcher .color-switcher-item.dark { color: inherit !important; } .purchase-button { display: none; } .header.header-4 .top-part.page-container { padding: 0; } .header.header-8 { padding-left: 0; padding-right: 0; } :not(.is-mobile-menu).with-header-5 .elements-bar.left .color-switcher { top: calc(100vw - var(--clb-header-height-5) - var(--clb-grid-gutter) * 2); } :not(.is-mobile-menu).with-header-6 .elements-bar.left .color-switcher, :not(.is-mobile-menu).with-header-7 .elements-bar.left .color-switcher { top: calc(100vw - var(--clb-header-height-6) - var(--clb-grid-gutter) * 2); } .slider-with-bullets .color-switcher { margin-top: calc(var(--clb-bullets-spacer) * -1); } .slider-with-bullets.with-mobile-switcher:not(.is-mobile-menu) .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn, .slider-with-bullets.with-mobile-switcher:not(.is-mobile-menu) .clb-smooth-slider:not(.-slider-lightbox) .clb-slider-nav-btn { display: none; } .subheader { padding-right: var(--clb-grid-gutter); padding-left: var(--clb-grid-gutter); } .site-footer .page-container .color-switcher .color-switcher-item.dark { color: inherit !important; } .header:not(.-mobile) .menu > .nav-item > a { padding: 0 1.25vw; } .header:not(.-mobile) .menu .sub-menu-wide { width: calc(100vw - var(--clb-grid-gutter-2x)); margin-left: calc((var(--clb-grid-gutter) - var(--clb-spacer-1)) * -1); } .hamburger-nav .menu { width: 33.3333333333%; } .hamburger-nav-details .details-column { width: 33.3333333333%; } .hamburger-nav.type3 .menu .mega-menu-item > a { font-size: 8vh; } .business-page:not(.archive):not(.single) .page-headline:not(.-full-vh) .title { max-width: 85%; } .single-post:not(.single-post-sidebar):not(.with-post-type_1) .page-headline .page-container, .single-post:not(.single-post-sidebar):not(.with-post-type_1) .site-content .page-container { padding-left: var(--clb-container-narrow-side-spacer); padding-right: var(--clb-container-narrow-side-spacer); } .clb__md_stretch_reset .stretch-content, .clb__remove_stretch_md .stretch-content { left: auto !important; width: auto !important; } .clb__sm_padding_set.ab_section, .clb__sm_padding_set.ab_row, .clb__sm_padding_set > .ab_column-inner, #page .clb__sm_padding_set.sabodia-widget, #page .clb__sm_padding_set > .content_box_container, .clb__padding_set.ab_section, .clb__padding_set.ab_row, .clb__padding_set > .ab_column-inner, #page .clb__padding_set.sabodia-widget, #page .clb__padding_set > .content_box_container { padding-left: var(--clb-grid-gutter) !important; padding-right: var(--clb-grid-gutter) !important; } .clb__sm_padding_reset.ab_section, .clb__sm_padding_reset.ab_row, .clb__sm_padding_reset > .ab_column-inner, #page .clb__sm_padding_reset.sabodia-widget, #page .clb__sm_padding_reset > .content_box_container, .clb__padding_reset.ab_section, .clb__padding_reset.ab_row, .clb__padding_reset > .ab_column-inner, #page .clb__padding_reset.sabodia-widget, #page .clb__padding_reset > .content_box_container { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (max-width: 768px) { :root { --clb-spacer: var(--clb-grid-gutter); } .ab_row:not(.-nospace).portfolio-grid div[class*=ab_col-lg-]:first-child, .ab_row:not(.-nospace).blog-posts div[class*=ab_col-lg-]:first-child, .ab_row:not(.-nospace).archive-holder div[class*=ab_col-lg-]:first-child { padding-top: 0; } .ab_row:not(.-nospace).portfolio-grid div[class*=ab_col-lg-]:last-child, .ab_row:not(.-nospace).blog-posts div[class*=ab_col-lg-]:last-child, .ab_row:not(.-nospace).archive-holder div[class*=ab_col-lg-]:last-child { padding-bottom: 0; } .card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only) .card-details { padding-top: var(--clb-spacer-3); } .card:not(.-with-overlay):not(.-with-overlay-image):not(.-image-only).-contained .card-details { padding-bottom: var(--clb-spacer-3); } h1.heading-md, h1.wc-prl-title, h2.heading-md, h2.wc-prl-title, h3.heading-md, h3.wc-prl-title, h4.heading-md, h4.wc-prl-title, h5.heading-md, h5.wc-prl-title, h6.heading-md, h6.wc-prl-title, .font-titles.heading-md, .font-titles.wc-prl-title, .titles-typo.heading-md, .titles-typo.wc-prl-title { font-size: 1.35rem; } h4, h5, h6 { line-height: var(--clb-h5-line-height); } .comments .comment-body .comment-author { margin-bottom: var(--clb-spacer-3); display: flex; align-items: center; } .comments .comment-body .comment-author img { margin-right: var(--clb-spacer-1); } .comments .children { padding-left: var(--clb-grid-gutter); } .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; } .meta-holder { font-size: var(--clb-font-size-small); } .slide-in.admin-bar .slide-in-overlay, .slide-in.admin-bar .slide-in-overlay .overlay, .is-mobile-menu.admin-bar .slide-in-overlay, .is-mobile-menu.admin-bar .slide-in-overlay .overlay { height: calc(100% - var(--clb-admin-bar-height-mobile)); top: var(--clb-admin-bar-height-mobile); } .social-bar { display: none; } .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.visible { overflow-y: scroll; } .project-lightbox { flex-direction: column; } .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)); } .offer-banner.-fixed, .offer-banner.-absolute { position: relative; } .page-headline .title, .page-headline .post-meta-holder { max-width: 100%; } .search-popup .holder { max-width: 100%; } .sticky-nav { position: static; max-width: 100%; } .sticky-nav .sticky-nav-holder { padding-bottom: 2rem; background-color: transparent; border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border); } .sticky-nav .nav-group { margin-right: 0; } .project .-with-slider .holder { margin-right: var(--clb-bullets-spacer); } .project-content .options-group, .project-content .project-task, .project-content .button { margin-top: var(--clb-spacer-6); } .options-group { grid-template-columns: repeat(2, minmax(0, 1fr)); } .portfolio-item.-with-slider .project-content { padding-right: 3rem; padding-left: 0; } .portfolio-item.-with-slider .project-content h3.headline { font-size: var(--clb-h1-font-size-min); } .portfolio-item.-with-slider .headline-decor { transform: rotate(-90deg); transform-origin: left bottom; left: calc(100% - 3rem); bottom: var(--clb-spacer-3); top: auto; } .portfolio-item.-with-slider .headline-decor .title { font-size: 25vw; } .portfolio-item.-with-gradient .portfolio-item-image { height: 45vh; position: relative; overflow: hidden; } .portfolio-item.-with-gradient .portfolio-item-image + .project { min-height: 55vh; } .portfolio-item.-with-gradient .portfolio-item-image::before { top: 35%; width: 100%; background: white; background: linear-gradient(360deg, white 0%, rgba(255, 255, 255, 0) 100%); } .portfolio-item.-with-gradient .project-content { top: -10vh; } .portfolio-item.-layout6 .overlay { padding-left: var(--clb-grid-gutter); } .portfolio-item.-layout9 .image-holder + .ab_col-md-5 { padding-right: var(--clb-grid-gutter); } .portfolio-item.-layout9 .page-container { padding: 0; } .portfolio-item.-layout9 .project-content { justify-content: flex-end; flex-direction: column-reverse; } .portfolio-item.-layout9 .project-content .project-details { padding-top: var(--clb-spacer-3); } .portfolio-item.-layout10 .preview { padding: 0; top: 0; left: var(--clb-grid-gutter-negative); right: var(--clb-grid-gutter); } .portfolio-item.-layout10 .project-content { justify-content: flex-end; } .portfolio-item.-layout13 { flex-direction: column; } .portfolio-item.-layout13:not(.-contained) .card-details { padding-left: 0; } .portfolio-links.grid_8 .portfolio-grid { display: flex; flex-direction: column; } .portfolio-links.grid_12 .portfolio-item-details-headline::after { font-size: 0.9em; } .portfolio-links.grid_12 .portfolio-item-details-headline > a .title { font-size: 14vw; } .portfolio-links.grid_12 .portfolio-item { white-space: normal; } .portfolio-links.grid_12 .portfolio-item .portfolio-item-details > a { display: block; } .portfolio-links.grid_12 .portfolio-item .portfolio-item-details .category-holder { display: none; } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid { transform: none; overflow: visible; position: relative !important; top: auto !important; height: auto !important; left: var(--clb-grid-gutter); max-width: 100%; } .portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid .grid-item { padding: 0 0 var(--clb-spacer-05) var(--clb-grid-gutter) !important; } .portfolio-links.grid_12 .portfolio-grid-holder { height: auto !important; } .portfolio-links.grid_12 .portfolio-grid-holder-underline { bottom: auto; top: 0; } .project.-layout8 .project-content { padding-top: 2rem; } .project.-layout8 .project-gallery { width: 100%; } .project.-layout8 .share-bar { margin-top: 2rem; position: static; display: flex; } .project.-layout10 .share-bar { transform: translateY(-100%); top: -4.25rem; } .project.-layout10 .project-slider { position: relative; height: 50vh; } .project.-layout1 .share-bar, .project.-layout2 .share-bar, .project.-layout3 .share-bar, .project.-layout4 .share-bar { margin: 0; top: var(--clb-grid-gutter); position: absolute !important; transform: none !important; } .project.-layout1 .share-bar, .project.-layout3 .share-bar { left: auto !important; right: var(--clb-grid-gutter) !important; } .project.-layout1 .project-gallery, .project.-layout2 .project-gallery { padding-left: 0px; padding-right: 0px; } .project.-layout2 .ab_row, .project.-layout4 .ab_row { display: flex; flex-direction: column-reverse; } .project.-layout2 .share-bar, .project.-layout4 .share-bar { right: auto !important; left: var(--clb-grid-gutter) !important; } .project.-layout3, .project.-layout4 { display: flex; flex-direction: column-reverse; } .project.-layout3 .page-container + .ab_row, .project.-layout4 .page-container + .ab_row { margin: 0; } .single:not(.with-spacer) .page-headline + .-layout7, .single:not(.with-spacer) .page-headline + .-layout3, .single:not(.with-spacer) .page-headline + .-layout4 { padding-top: 0; } .single-sabodia_portfolio .project-title .headline { font-size: 2.65rem !important; } .alert.-fixed { transform: none; left: var(--clb-grid-gutter); right: var(--clb-grid-gutter); } .dark-scheme .woo-product-details { background-color: var(--clb-color-fill-dark-mode); } .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; } .header.header-2 .header-wrap .menu-optional { min-width: auto !important; } .header.header-2 .branding + .menu-optional { flex-grow: 2; justify-content: flex-end; } .header { opacity: 0; transition-duration: 0.05s; transition-timing-function: var(--clb-transition-function); transition-property: opacity; } .header .lang-dropdown-holder { display: none; } .header .lang-dropdown-holder + li { padding-left: 0; } .header.header-6 .hamburger, .header.header-7 .hamburger { margin-right: 0.6rem; } .header.header-6 .mobile-hamburger.-right .hamburger, .header.header-7 .mobile-hamburger.-right .hamburger { margin-right: 0; } .header.header-6 .bottom-part .menu-optional a, .header.header-6 .bottom-part .menu-optional .ion, .header.header-7 .bottom-part .menu-optional a, .header.header-7 .bottom-part .menu-optional .ion { transition: none; } .header.mobile-hamburger-position-right .left-part .hamburger, .header.mobile-hamburger-position-right .menu-optional-left .hamburger, .header.mobile-hamburger-position-right .top-part .hamburger, .header.mobile-hamburger-position-right .middle-part .hamburger { display: none; } .header.mobile-hamburger-position-right .right-part .hamburger, .header.mobile-hamburger-position-right .menu-optional-right .hamburger, .header.mobile-hamburger-position-right .bottom-part .hamburger { display: flex; } .header.mobile-hamburger-position-left .right-part .hamburger, .header.mobile-hamburger-position-left .menu-optional-right .hamburger, .header.mobile-hamburger-position-left .bottom-part .hamburger { display: none; } .header.mobile-hamburger-position-left .left-part .hamburger, .header.mobile-hamburger-position-left .menu-optional-left .hamburger, .header.mobile-hamburger-position-left .top-part .hamburger, .header.mobile-hamburger-position-left .middle-part .hamburger { display: flex; } .header .logo.with-mobile { display: none; } .header .logo-mobile { display: flex; align-items: center; } .header.header-2 .top-part, .header.header-4 .top-part { height: 100%; } .header.header-2 .menu-optional.-right, .header.header-2 .menu-optional.-left, .header.header-4 .menu-optional.-right, .header.header-4 .menu-optional.-left { display: flex; align-items: center; } .header.header-2 .menu-optional.-right li, .header.header-2 .menu-optional.-left li, .header.header-4 .menu-optional.-right li, .header.header-4 .menu-optional.-left li { display: flex; } .branding .logo img, .branding .logo-mobile img, .branding .logo-dynamic img { max-height: 46px; } :not(.is-mobile-menu).with-header-5 .header-cap, :not(.is-mobile-menu).with-header-6 .header-cap, :not(.is-mobile-menu).with-header-7 .header-cap { display: block; } .admin-bar .header:not(.-sticky).-mobile .cart-mini { margin-top: var(--clb-admin-bar-height-mobile); } .with-header-5.with-spacer .site-content, .with-header-5.with-spacer .site-footer, .with-header-6.with-spacer .site-content, .with-header-6.with-spacer .site-footer, .with-header-7.with-spacer .site-content, .with-header-7.with-spacer .site-footer { padding-left: 0 !important; } .with-subheader .cart-mini { top: calc(var(--clb-header-height) + var(--clb-subheader-height) - var(--clb-spacer-3)); } .with-subheader.with-offer-banner .cart-mini { top: calc(var(--clb-header-height) + var(--clb-subheader-height) + var(--clb-offer-banner-height) - var(--clb-spacer-3)); } .with-offer-banner .cart-mini { top: calc(var(--clb-header-height) + var(--clb-offer-banner-height) - var(--clb-spacer-3)); } .subheader { padding-right: 0; padding-left: 0; } .site-footer .widgets-column:not(:last-child) { margin-bottom: 2.5rem; } .site-footer-copyright .holder:not(.-center) > div { text-align: center; } .site-footer-copyright .holder:not(.-center) > div:not(:last-child) { margin-bottom: var(--clb-spacer-1); } .site-footer-copyright .holder:not(.-center) { flex-direction: column; align-items: center; } .nav.with-counters .nav-item:not(.version) > a > span::before { display: none; } body:not(.page-is-loaded) .nav { display: none; } .header .slide-in-overlay { opacity: 0; } .hamburger-nav .menu .nav-item > a::before { font-size: 11px; } .hamburger-nav.type3 > .page-container { flex-direction: column; } .hamburger-nav.type3 .hamburger-nav-holder { width: 100%; } .hamburger-nav.type3 .menu .mega-menu-item > a { font-size: 9vw; } .hamburger-nav.type3 .hamburger-nav-details { width: 100%; padding-left: 0; } .business-page:not(.archive):not(.single) .page-headline:not(.-full-vh) .title { max-width: 100%; } .single-post:not(.single-post-sidebar):not(.with-post-type_1) .page-headline .page-container, .single-post:not(.single-post-sidebar):not(.with-post-type_1) .site-content .page-container { padding-left: var(--clb-grid-gutter); padding-right: var(--clb-grid-gutter); } .page-sidebar { width: 100%; order: 10; margin: 40px 0px 0px 0px; } .page-container:not(.top-part), .page-container .content-area { width: 100%; max-width: 100%; display: flex; flex-direction: column; } rs-slide .srev_headline, sr7-slide .srev_headline { font-size: 46px !important; line-height: 0.9 !important; } .clb__stretch_content .wpb_wrapper .ab_row-fluid, .clb__stretch_content .elementor-widget-wrap .ab_row-fluid { margin-left: -var(--clb-grid-gutter) !important; margin-right: -var(--clb-grid-gutter) !important; } .clb__sm_stretch_reset .stretch-content, .clb__remove_stretch_sm .stretch-content { left: auto !important; width: auto !important; } .clb__sm_section_spacer, .clb__section_spacer { height: 6vh !important; } .clb__sm_spacer, .clb__spacer { height: 4vh !important; } .clb__sm_overflow_hidden, .clb__overflow_hidden { overflow: hidden; } .clb__sm_fullvh_reset, .clb__fullvh_reset { min-height: initial !important; } .clb__sm_align_reset .sabodia-widget-holder, .clb__alignment_reset .sabodia-widget-holder { text-align: left; } .clb__sm_align_reset .sabodia-widget-holder::after, .clb__alignment_reset .sabodia-widget-holder::after { content: ""; display: table; clear: both; } .clb__sm_align_reset.button, .clb__alignment_reset.button { float: left; } .clb__sm_align_reset.sabodia-text-sc p, .clb__alignment_reset.sabodia-text-sc p { text-align: left !important; } .clb__sm_border_reset, .clb__sm_border_reset .ab_column-inner, .clb__border_reset, .clb__border_reset .ab_column-inner { border: none !important; } .clb__sm_margin_set.ab_section, .clb__sm_margin_set.ab_row, .clb__sm_margin_set > .ab_column-inner, #page .clb__sm_margin_set.sabodia-widget, .clb__sm_margin_set.wpb_single_image, .clb__margin_set.ab_section, .clb__margin_set.ab_row, .clb__margin_set > .ab_column-inner, #page .clb__margin_set.sabodia-widget, .clb__margin_set.wpb_single_image { margin-left: var(--clb-grid-gutter) !important; margin-right: var(--clb-grid-gutter) !important; } .clb__sm_margin_standard.ab_section, .clb__sm_margin_standard.ab_row, .clb__sm_margin_standard > .ab_column-inner, #page .clb__sm_margin_standard.sabodia-widget, .clb__sm_margin_standard.wpb_single_image, .clb__margin_standard.ab_section, .clb__margin_standard.ab_row, .clb__margin_standard > .ab_column-inner, #page .clb__margin_standard.sabodia-widget, .clb__margin_standard.wpb_single_image { margin-left: calc(var(--clb-grid-gutter) * -1) !important; margin-right: calc(var(--clb-grid-gutter) * -1) !important; } .clb__sm_margin_reset.ab_section, .clb__sm_margin_reset.ab_row, .clb__sm_margin_reset > .ab_column-inner, .clb__sm_margin_reset.wpb_single_image, .clb__margin_reset.ab_section, .clb__margin_reset.ab_row, .clb__margin_reset > .ab_column-inner, .clb__margin_reset.wpb_single_image { margin-left: 0 !important; margin-right: 0 !important; } .clb__sm_margin_vertical_reset > .ab_column-inner, .clb__margin_vertical_reset > .ab_column-inner { margin-top: 0 !important; margin-bottom: 0 !important; } .sabodia-widget-holder:has(+ .sabodia-widget-holder) { margin-bottom: var(--clb-spacer-2); } .ab_row.stc-row { margin-top: 2vh; } .horizontal-accordion { flex-direction: column; } .horizontal-accordion .horizontal-accordion-item { box-shadow: none; } .horizontal-accordion .horizontal-accordion-item .accordion-body { padding-left: 0; } .call-to-action { flex-direction: column; } .countdown:not(.-text) { transform: scale(0.8); } .google-maps { position: relative; } .parallax .parallax-content { padding-left: var(--clb-spacer-5); padding-right: var(--clb-spacer-5); } .service-table { background-color: var(--clb-color-fill); } .clb-slider.-nav-inset .prev-btn, .clb-slider.-nav-inset .next-btn { transform: translate(0, calc(-50% - var(--clb-spacer-5))); } .clb-slider.-nav-inset .prev-btn { left: var(--clb-spacer-1); } .clb-slider.-nav-inset .next-btn { right: var(--clb-spacer-1); } .-slider-fs:not(.-slider-fs-10) .clb-slider-nav-btn { left: 0; right: auto; padding: var(--clb-spacer-2); } .-slider-fs.-slider-fs-10 .clb-slider-nav-btn { right: var(--clb-bullets-spacer); } .portfolio-onepage-slider.-full-vh { height: 100vh; } .sabodia-widget.sabodia-slider .clb-slider-nav-btn { left: auto; } .social-networks.-boxed .network { height: 3.75em; line-height: 3.75em; } .social-networks.-boxed .network span { display: none; } .social-networks.-boxed .network .icon { opacity: 1; position: static; } .tabs-nav { overflow-x: auto; } .tabs.-vertical .tabs-nav-link:not(:last-child) { margin-right: var(--clb-spacer-4); } .tabs.-vertical .tabs-nav .tabs-nav-line { height: 2px !important; } .team-group { flex-direction: column; } .team-group-item { flex: auto; } .team-group-item .-fade-up { transform: none; opacity: 1; } .wc-category .card { flex-direction: column; } .wc-category.-offset .wc-category-content { padding-top: var(--clb-grid-gutter); } .-inline-flex.-right > .button { margin-right: var(--clb-spacer-1); } .-mb-text-align-reset, .-mb-text-align-reset .sabodia-widget, .-mb-text-align-reset .elementor-widget-container > p { text-align: unset !important; } .clb__section.e-con { margin-left: var(--clb-grid-gutter); margin-right: var(--clb-grid-gutter); } .clb__section > .wpb_row > .wpb_column > .ab_column-inner > .wpb_wrapper > .ab_inner { gap: var(--clb-grid-gutter); display: flex; flex-direction: column; } .clb__section > .wpb_row > .wpb_column > .ab_column-inner > .wpb_wrapper > .ab_inner::after, .clb__section > .wpb_row > .wpb_column > .ab_column-inner > .wpb_wrapper > .ab_inner::before { display: none; } .clb__section .clb-gallery, .clb__section .portfolio-projects, .clb__section .blog-posts { margin-bottom: var(--clb-grid-gutter); } } @media (max-width: 767px) { .ab_hidden-xs { display: none !important; } } @media screen and (min-width: 1181px) and (max-width: 1512px) { :root { --clb-container-width: var(--clb-container-width-laptop); --clb-lightbox-gallery-width: 45vw; --clb-header-height-5: 30vh; } .single-post .single-post-layout.-layout2 .page-headline > .holder { padding-left: var(--clb-container-side-spacer); } .single-post .single-post-layout.-layout2 .post-page-container { padding-right: var(--clb-container-side-spacer); } .project-lightbox-details { padding: var(--clb-header-height) 5vh; } .page-headline .title { font-size: 4rem; } .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; } .with-header-5.single-post .post-share .share-bar { left: var(--clb-spacer-2); } .with-header-6.single-post .post-share .share-bar, .with-header-7.single-post .post-share .share-bar { left: -2rem; } .header:not(.-mobile) .menu li > ul .has-submenu-icon { margin-right: var(--clb-spacer-3); } .elementor .e-con { --container-max-width: var(--clb-container-width-laptop); } } @media (min-width: 768px) and (max-width: 991px) { .ab_hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .ab_hidden-md { display: none !important; } } @media screen and (min-width: 769px) and (min-width: 1181px) and (max-width: 1512px) { .project.-layout6 .video-holder.-cover iframe, .project.-layout9 .video-holder.-cover iframe { width: 110%; transform: translate(-5%, -50%); } } @media screen and (min-width: 1181px) and (max-width: 1580px) { body.with-header-6.with-spacer .page-container:not(.-full-w), body.with-header-6.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container, body.with-header-7.with-spacer .page-container:not(.-full-w), body.with-header-7.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: calc(100% + var(--clb-grid-gutter) * 2 - (var(--clb-side-elements-height) + var(--clb-spacer) * 2) * 2); } } @media screen and (min-width: 1181px) and (max-width: 1840px) { body.with-header-5.with-spacer .page-container:not(.-full-w), body.with-header-5.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container { max-width: calc(100% + var(--clb-grid-gutter) * 2 - (var(--clb-side-elements-height) + var(--clb-spacer) * 2) * 2); } } @media screen and (min-width: 1181px) and (min-width: 1181px) and (max-width: 1512px) { .elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container { max-width: none; } } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { [data-tilt=true] { will-change: auto !important; transform: none !important; } } .nav { display: flex; } } @media screen { html:not(.no-js) { } html:not(.no-js) [data-aos^=fade][data-aos^=fade], html:not(.no-js) [data-aos^=slide][data-aos^=slide] { opacity: 0; transition-property: opacity, background-color, transform; } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate, html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate { opacity: 1; transform: none; } html:not(.no-js) [data-aos=fade-up], html:not(.no-js) [data-aos=slide-up] { transform: translate3d(0, 2rem, 0); } html:not(.no-js) [data-aos=fade-down], html:not(.no-js) [data-aos=slide-down] { transform: translate3d(0, -2rem, 0); } html:not(.no-js) [data-aos=fade-left], html:not(.no-js) [data-aos=slide-left] { transform: translate3d(2rem, 0, 0); } html:not(.no-js) [data-aos=fade-right], html:not(.no-js) [data-aos=slide-right] { transform: translate3d(-2rem, 0, 0); } html:not(.no-js) { } 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) { } 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); } }