@charset "UTF-8"; /*! Theme Name: Stockie Theme URI: http://stockie.clbthemes.com/ Author: Colabrio Author URI: http://clbthemes.com/ Description: Stockie is a WordPress theme bundled with premium plugins to build a modern and functional website. Version: 1.4.12 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: stockie Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Modules # Blog ## Comments ## Grid ## Post # Portfolio ## Portfolio grid ## Portfolio pages # Shortcodes ## Accordion ## Banner ## Call to Action ## Clients Logo ## Contact Form ## Countdown ## Counter ## Currency Switcher ## Fullscreen Slider ## Google Maps ## Heading ## Icon Box ## Instagram Feed ## Menu List ## Message Module ## Parallax ## Pricing Table ## Process ## Progress Bar ## Row ## Slider ## Social Networks ## Split Section ## Split Slider ## Subscibe ## Tabs ## Team Member ## Testimonials ## Tooltips ## Video ## Woo Categories # Layout ## Breadcrumbs ## Elements ## Footer ## Galleries ## Header ## Header title ## Menus ## Notification ## Navigation ## Pages ## Popup ## Pagination ## Preloader ## Subscribe ## Structure ## Subheader ## Submenu cart ## Sidebar ## Socialbar # Widgets ## Base Widgets ## Standard Widgets ## Theme Widgets ## Woo Widgets # WPML # Help classes # Woocommerce ## Notices ## Single product ## Products ## Cart ## Checkout ## Wishlist ## My Account ## Elements ## Cross Sells --------------------------------------------------------------*/ /*Structure*/ /*Colors*/ /*Custom Properties (CSS Variables)*/ :root { /* Color */ --clb-color-primary: #8C7145; --clb-color-white: white; --clb-color-black: #24262b; --clb-color-black-light: color-mix(in srgb, var(--clb-color-black) 98%, white); --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) 36%, white); --clb-color-success: #0ebd6e; --clb-color-warning: #EC8013; --clb-color-danger: #DE4B53; --clb-selection-color: color-mix(in srgb, var(--clb-color-primary) 20%, transparent); --clb-placeholder-color: color-mix(in srgb, var(--clb-color-black) 20%, transparent); --clb-link-color: inherit; --clb-link-hover-color: var(--clb-color-primary); --clb-border-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); --clb-border-color-dark: color-mix(in srgb, var(--clb-color-black) 32%, transparent); --clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent); --clb-button-color: var(--clb-color-black); --clb-button-hover-color: var(--clb-color-primary); --clb-video-button-size-color: var(--clb-button-color); --clb-paginator-button-color: var(--clb-body-color); --clb-paginator-button-hover-color: var(--clb-color-primary); --clb-fill-color: color-mix(in srgb, var(--clb-color-neutral) 8%, transparent); --clb-input-fill-color: color-mix(in srgb, var(--clb-color-neutral) 4%, transparent); --clb-tag-fill-color: color-mix(in srgb, var(--clb-color-neutral) 12%, transparent); --clb-mark-color: #9ff8d0; /* Structure */ --clb-border-style-solid: solid; --clb-border-style-dashed: dashed; --clb-border-width: 1px; --clb-border-width-double: 2px; --clb-border-radius: 0.35rem; --clb-border-radius-small: -webkit-calc(var(--clb-border-radius) / 2); --clb-border-radius-small: calc(var(--clb-border-radius) / 2); --clb-border-radius-large: -webkit-calc(var(--clb-border-radius) * 2); --clb-border-radius-large: calc(var(--clb-border-radius) * 2); --clb-border-radius-extra-large: -webkit-calc(var(--clb-border-radius) * 2.5); --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: -webkit-calc(var(--clb-button-border-radius) / 1.5); --clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5); --clb-button-border-radius-large: -webkit-calc(var(--clb-button-border-radius) * 1.5); --clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5); --clb-button-border-radius-extra-large: -webkit-calc(var(--clb-button-border-radius) * 2); --clb-button-border-radius-extra-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-grid-gutter: 15px; --clb-icon-button: 50px; --clb-icon-button-small: 40px; --clb-video-button-size: 60px; --clb-button-height: 2.75rem; --clb-button-height-small: 2.15rem; --clb-button-height-large: 3.15rem; --clb-button-height-extra-large: 3.6rem; --clb-button-side-padding: 1.15rem; --clb-button-side-padding-small: 0.85rem; --clb-button-side-padding-large: 1.35rem; --clb-button-side-padding-extra-large: 1.65rem; --clb-header-height: 11vh; --clb-header-height-3: 17vh; --clb-header-height-6: 30vh; --clb-header-height-7: 10vh; --clb-sticky-header-height: 7.5vh; --clb-button-purchase: 2.5rem; --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: 3.5vh; --clb-spacer-small: 2.5vh; --clb-spacer-large: 4.5vh; --clb-gap: 0.5em; --clb-gap-small: 0.25em; --clb-gap-large: 1em; --clb-transition-function: cubic-bezier(.645, .045, .355, 1); --clb-transition-duration: .35s; --clb-transition-duration-fast: .25s; /* Typography */ --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --clb-body-color: var(--clb-color-black-light); --clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white); --clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white); --clb-font-size: 1rem; --clb-font-size-small: -webkit-calc(var(--clb-font-size) * 0.95); --clb-font-size-small: calc(var(--clb-font-size) * 0.95); --clb-font-size-extra-small: -webkit-calc(var(--clb-font-size) * 0.9); --clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9); --clb-font-size-large: -webkit-calc(var(--clb-font-size) * 1.05); --clb-font-size-large: calc(var(--clb-font-size) * 1.05); --clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace; --clb-action-font-family: var(--clb-titles-font-family); --clb-action-font-size: 0.95em; --clb-action-font-size-small: 0.9em; --clb-action-font-size-large: 1em; --clb-action-font-weight: var(--clb-titles-font-weight); --clb-countdown-font-size: var(--clb-titles-h3-font-size-min); --clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min); --clb-card-titles-font-size: var(--clb-titles-h4-font-size-min); --clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min); --clb-wc-product-thumbnail: 3.75rem; --clb-wc-product-title: 1.1em; --clb-wc-product-title-line-height: var(--clb-titles-h1-line-height); --clb-color-swatch-width: var(--clb-spacer-6); --clb-color-swatch-small-width: var(--clb-spacer-4); --clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --clb-titles-color: var(--clb-color-black); --clb-titles-font-size: inherit; --clb-titles-letter-spacing: inherit; --clb-titles-line-height: inherit; --clb-titles-font-weight: 600; --clb-titles-style: normal; --clb-titles-text-transform: none; --clb-titles-text-decoration: none; --clb-titles-h1-font-size: 3.16em; --clb-titles-h2-font-size: 2.56em; --clb-titles-h3-font-size: 2.05em; --clb-titles-h4-font-size: 1.64em; --clb-titles-h5-font-size: 1.28em; --clb-titles-h6-font-size: 1.05rem; --clb-titles-h1-font-size-min: -webkit-calc(var(--clb-titles-h1-font-size) * 0.8); --clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8); --clb-titles-h2-font-size-min: -webkit-calc(var(--clb-titles-h2-font-size) * 0.8); --clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8); --clb-titles-h3-font-size-min: -webkit-calc(var(--clb-titles-h3-font-size) * 0.8); --clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8); --clb-titles-h4-font-size-min: -webkit-calc(var(--clb-titles-h4-font-size) * 0.8); --clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8); --clb-titles-h5-font-size-min: -webkit-calc(var(--clb-titles-h5-font-size) * 0.8); --clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8); --clb-titles-h6-font-size-min: 1em; --clb-titles-h1-letter-spacing: -0.03em; --clb-titles-h2-letter-spacing: -0.025em; --clb-titles-h3-letter-spacing: -0.02em; --clb-titles-h4-letter-spacing: -0.015em; --clb-titles-h5-letter-spacing: -0.01em; --clb-titles-h6-letter-spacing: -0.005em; --clb-titles-h1-line-height: 1.1; --clb-titles-h2-line-height: 1.15; --clb-titles-h3-line-height: 1.2; --clb-titles-h4-line-height: 1.25; --clb-titles-h5-line-height: 1.3; --clb-titles-h6-line-height: 1.35; --clb-text-bold: bold; --clb-text-semi-bold: 600; --clb-text-medium: 500; --clb-text-normal: 400; } /* Animations */ /* Adaptive CSS custom properties (variables) */ @media screen and (max-width: 1024px) { :root { --clb-spacer: 1.25rem; --clb-spacer-small: 1rem; --clb-spacer-large: 1.25rem; --clb-header-height-3: 11vh; } } /* Misc */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a:active, a:hover { outline: 0; } b, strong { font-weight: 600; } dfn { font-style: italic; } mark { color: inherit; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; margin-left: 2px; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: Menlo, monaco, Consolas, Lucida Console, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: none; margin: 0px; padding: 0px; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 600; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ .subtitle-font, p.subtitle { font-family: var(--clb-body-font-family); } .font-titles { font-family: var(--clb-titles-font-family); } .font-main, .font-main a { font-family: var(--clb-body-font-family); } .font-subtitles { font-family: var(--clb-body-font-family); } /*-------------------------------------------------------------- ## Typography --------------------------------------------------------------*/ p { width: 100%; margin: 10px auto; display: block; } p.text-small { font-size: var(--clb-font-size-small); } .has-regular-font-size { font-size: var(--clb-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.134em; } .has-larger-font-size { font-size: 1.334em; } p.subtitle { margin: 0; font-weight: 500; } p.subtitle.top { margin-top: 0.25rem; } p.subtitle.small { font-size: var(--clb-font-size-small); margin: 0.25rem auto; } p.subtitle.text-small { font-size: var(--clb-font-size-small); } p.subtitle.large { font-size: 18px; line-height: 1.4; } p.subtitle-under-divider { margin-top: 20px; } .text-wrap { margin: 0.25rem 0; } .text-wrap *:first-child { margin-top: 0; } .text-split p { padding-left: 10px; padding-right: 10px; } .text-split p:first-child { padding-left: 0; } .text-split p:last-child { padding-right: 0; } .divider { width: 30px; height: 2px; display: inline-block; vertical-align: middle; background-color: var(--clb-color-primary); } /*-------------------------------------------------------------- ## Headings --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { clear: both; font-family: var(--clb-titles-font-family); font-weight: 600; text-align: inherit; position: relative; } h1.title, h2.title, h3.title, h4.title, .widget h4, h5.title, .widget h5, h6.title { margin: 0; } 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-size: var(--clb-titles-h4-font-size); margin: 0 0 2rem 0; text-align: left; } h1.heading-sm, h2.heading-sm, h3.heading-sm, h4.heading-sm, h5.heading-sm, h6.heading-sm { font-size: 18px; margin: 0px 0px 20px 0px; text-align: left; } h1, .clb__heading_h1 { font-size: var(--clb-titles-h1-font-size); letter-spacing: var(--clb-titles-h1-letter-spacing); line-height: var(--clb-titles-h1-line-height); -webkit-margin-before: 0.64em; margin-block-start: 0.64em; -webkit-margin-after: 0.64em; margin-block-end: 0.64em; } @media screen and (max-width: 768px) { h1, .clb__heading_h1 { font-size: var(--clb-titles-h1-font-size-min); } } h2, .clb__heading_h2 { font-size: var(--clb-titles-h2-font-size); letter-spacing: var(--clb-titles-h2-letter-spacing); line-height: var(--clb-titles-h2-line-height); -webkit-margin-before: 0.72em; margin-block-start: 0.72em; -webkit-margin-after: 0.72em; margin-block-end: 0.72em; } @media screen and (max-width: 768px) { h2, .clb__heading_h2 { font-size: var(--clb-titles-h2-font-size-min); } } h3, .clb__heading_h3 { font-size: var(--clb-titles-h3-font-size); letter-spacing: var(--clb-titles-h3-letter-spacing); line-height: var(--clb-titles-h3-line-height); -webkit-margin-before: 0.84em; margin-block-start: 0.84em; -webkit-margin-after: 0.84em; margin-block-end: 0.84em; } @media screen and (max-width: 768px) { h3, .clb__heading_h3 { font-size: var(--clb-titles-h3-font-size-min); } } h4, .clb__heading_h4 { font-size: var(--clb-titles-h4-font-size); letter-spacing: var(--clb-titles-h4-letter-spacing); line-height: var(--clb-titles-h4-line-height); -webkit-margin-before: 0.98em; margin-block-start: 0.98em; -webkit-margin-after: 0.98em; margin-block-end: 0.98em; } @media screen and (max-width: 768px) { h4, .clb__heading_h4 { font-size: var(--clb-titles-h4-font-size-min); } } h5, .clb__heading_h5 { font-size: var(--clb-titles-h5-font-size); letter-spacing: var(--clb-titles-h5-letter-spacing); line-height: var(--clb-titles-h5-line-height); -webkit-margin-before: 1.14em; margin-block-start: 1.14em; -webkit-margin-after: 1.14em; margin-block-end: 1.14em; } @media screen and (max-width: 768px) { h5, .clb__heading_h5 { font-size: var(--clb-titles-h5-font-size-min); } } h6, .clb__heading_h6 { font-size: var(--clb-titles-h6-font-size); letter-spacing: var(--clb-titles-h6-letter-spacing); line-height: var(--clb-titles-h6-line-height); -webkit-margin-before: 1.22em; margin-block-start: 1.22em; -webkit-margin-after: 1.22em; margin-block-end: 1.22em; } @media screen and (max-width: 768px) { h6, .clb__heading_h6 { font-size: var(--clb-titles-h6-font-size-min); } } h1, h2, h3, h4, h5, h6, .box-count, .mini_cart_item-desc .font-titles, .woo-c_product .font-titles, .tabNav_link.active, .icon-box-headline, .fullscreen-nav .menu-link, .postNav_item_inner_heading { color: var(--clb-color-black); } /*-------------------------------------------------------------- # Modules --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 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: 600; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- ## Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .clear, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; clear: both; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- ## Shapes --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Accordion --------------------------------------------------------------*/ .accordion .accordionItem_title { background: var(--clb-fill-color); width: 100%; padding: 12px 20px 12px 20px; line-height: 1.6; position: relative; cursor: pointer; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .accordion .accordionItem_title .icon { color: inherit; margin-right: 5px; display: inline-block; font-size: 20px; line-height: 0; vertical-align: -2px; } .accordion .accordionItem_title h4 { color: inherit; margin: 0 0 -4px; font-size: 1em; line-height: 1; display: inline-block; } .accordion .accordionItem_title .accordionItem_control { position: absolute; top: 50%; right: 0.5rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .accordion .accordionItem_content { height: 6px; min-height: 6px; overflow: hidden; -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); -o-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); } .accordion .accordionItem_content.open { height: auto; } .accordion .accordionItem_content .wrap { padding: 10px 20px; } .accordion.outline .accordionItem_title { background: transparent; border: 1px solid var(--clb-border-color-dark); border-bottom-width: 0; border-left: none; border-right: none; padding-left: 0; padding-right: 0; -webkit-border-radius: 0px; border-radius: 0px; } .accordion.outline .icon { color: inherit; margin-right: 5px; display: inline-block; font-size: 20px; line-height: 0; vertical-align: -2px; } .accordion.outline .accordionItem_control { right: 0; } .accordion.outline .accordionItem_content { height: 0; min-height: 0; } .accordion.outline .accordionItem_content.open { height: auto; } .accordion.outline .accordionItem_content .wrap { padding: 10px 0; } .accordion.outline .accordionItem.active .accordionItem_title, .accordion.outline .accordionItem:last-child .accordionItem_title { border-bottom-width: 1px; } /*-------------------------------------------------------------- ## Banner --------------------------------------------------------------*/ .banner-box { width: 100%; } .banner-box .image-wrap { display: block; overflow: hidden; position: relative; overflow: hidden; -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); } .banner-box .image-wrap img { min-width: 100%; float: left; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .banner-box .image-wrap .overlay { padding: var(--clb-spacer); opacity: 0; background: rgba(36, 38, 43, 0.5); vertical-align: bottom; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .banner-box .image-wrap .btn { position: relative; top: -webkit-calc(100% - 25px); top: calc(100% - 25px); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .banner-box .title { margin: 20px 0px 0px 0px; font-size: var(--clb-titles-h4-font-size); } .banner-box p { margin-bottom: 0px; } .banner-box:hover .image-wrap img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .banner-box:hover .image-wrap .overlay, .banner-box:hover .image-wrap .btn { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.boxed { background: var(--clb-fill-color); overflow: hidden; -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); } .banner-box.boxed .image-wrap { -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .banner-box.boxed .title { margin: 0px; } .banner-box.boxed .content { border: none; padding: var(--clb-spacer); } .banner-box.inner .overlay { background-color: color-mix(in srgb, var(--clb-color-black) 75%, transparent); opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; padding: var(--clb-spacer); } .banner-box.inner .title { margin: 0px; color: var(--clb-color-white); } .banner-box.inner .description { color: var(--clb-color-white); } .banner-box.inner .content { padding-bottom: 10px; border-color: transparent; -webkit-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; transition: border .3s ease-in-out; } .banner-box.inner .btn { position: absolute; top: auto; bottom: 35px; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.inner.text-center .btn { left: 50%; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .banner-box.inner.text-right .btn { left: auto; right: 30px; } .banner-box.inner.hover .overlay { opacity: 0; } .banner-box.inner.hover h4, .banner-box.inner.hover .description, .banner-box.inner.hover .btn { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .banner-box.inner.hover:hover h4, .banner-box.inner.hover:hover .description, .banner-box.inner.hover:hover .btn { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .banner-box.inner.hover:hover .title { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .banner-box.inner.hover:hover .description { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .banner-box.inner.hover:hover .btn { -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; } .banner-box.inner.hover:hover .content { border-color: rgba(255, 255, 255, 0.2); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .banner-box.inner.hover:hover .overlay { opacity: 1; } .banner-box.overlay-title .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.overlay-title .title { color: var(--clb-color-white); margin: 0px; } .banner-box.overlay-title .title-wrap { width: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding: var(--clb-spacer-small); position: absolute; left: 0; top: 0; z-index: 2; } .banner-box.overlay-title .content { padding: var(--clb-spacer-small); position: relative; border: none; } .banner-box.overlay-title .content p { margin: 0px; } .banner-box.overlay-title .btn { margin-top: 10px; } @media screen and (max-width: 350px) { .banner-box .image-wrap img { min-height: 200px; } } /*-------------------------------------------------------------- ## Call to Action --------------------------------------------------------------*/ .cta { background: var(--clb-fill-color); padding: var(--clb-spacer-large); width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .cta .subtitle { color: var(--clb-body-color); font-size: 1em; font-weight: normal; } .cta .btn { white-space: nowrap; } @media screen and (max-width: 768px) { .cta { display: block; } .cta .btn { white-space: nowrap; margin-top: 20px; } } /*-------------------------------------------------------------- ## Clients Logo --------------------------------------------------------------*/ .client-logo { position: relative; } .client-logo-inner { position: relative; padding: 25px 0px; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .client-logo-inner img { vertical-align: top; } .client-logo-default { overflow: hidden; min-height: 110px; } .client-logo-default:hover img { -webkit-animation: logoFadeUp var(--clb-transition-function) 0.5s 1; animation: logoFadeUp var(--clb-transition-function) 0.5s 1; } .client-logo-overlay .client-logo-img { padding: 0 25px; } .client-logo-overlay:hover { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background: white; } .client-logo-overlay:hover .client-logo-details { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); opacity: 1; visibility: visible; } .client-logo-details { background: white; width: 100%; height: auto; visibility: hidden; margin: 15px 0px 0px 0px; padding: 0 25px 25px; position: absolute; z-index: 100; opacity: 0; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .client-logo-details p { margin: 0; } @-webkit-keyframes logoFadeUp { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-webkit-calc(-100% - 25px)); transform: translateY(calc(-100% - 25px)); opacity: 1; } 51% { -webkit-transform: translateY(-webkit-calc(-100% - 25px)); transform: translateY(calc(-100% - 25px)); opacity: 0; } 52% { -webkit-transform: translateY(-webkit-calc(100% + 25px)); transform: translateY(calc(100% + 25px)); } 86% { opacity: 1; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes logoFadeUp { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-webkit-calc(-100% - 25px)); transform: translateY(calc(-100% - 25px)); opacity: 1; } 51% { -webkit-transform: translateY(-webkit-calc(-100% - 25px)); transform: translateY(calc(-100% - 25px)); opacity: 0; } 52% { -webkit-transform: translateY(-webkit-calc(100% + 25px)); transform: translateY(calc(100% + 25px)); } 86% { opacity: 1; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } /*-------------------------------------------------------------- ## Contact Form --------------------------------------------------------------*/ .contact-form::after, .subscribe-form::after, .subscribe-widget::after { content: ""; display: table; clear: both; } .contact-form [class*="vc_col-lg"], .subscribe-form [class*="vc_col-lg"], .subscribe-widget [class*="vc_col-lg"] { padding-left: 0px; padding-right: 0px; } .contact-form .btn, .subscribe-form .btn, .subscribe-widget .btn { margin: 15px 0px; } @media screen and (max-width: 768px) { .contact-form .btn, .subscribe-form .btn, .subscribe-widget .btn { display: block; width: 100%; } } @media screen and (max-width: 768px) { .contact-form form.wpcf7-form, .subscribe-form form.wpcf7-form, .subscribe-widget form.wpcf7-form { margin: 0px !important; } } .contact-form input, .contact-form textarea, .contact-form select, .contact-form .select2-selection__rendered, .subscribe-form input, .subscribe-form textarea, .subscribe-form select, .subscribe-form .select2-selection__rendered, .subscribe-widget input, .subscribe-widget textarea, .subscribe-widget select, .subscribe-widget .select2-selection__rendered { font-size: initial; font-weight: normal; text-transform: none; } .contact-form input[type="submit"], .subscribe-form input[type="submit"], .subscribe-widget input[type="submit"] { width: auto; } .contact-form br, .subscribe-form br, .subscribe-widget br { display: none; } .contact-form p, .subscribe-form p, .subscribe-widget p { margin: 0px; } .contact-form .btn-link, .subscribe-form .btn-link, .subscribe-widget .btn-link { padding: 12px 15px; } .contact-form input[type="email"].wpcf7-not-valid, .contact-form input[type="number"].wpcf7-not-valid, .contact-form input[type="password"].wpcf7-not-valid, .contact-form input[type="search"].wpcf7-not-valid, .contact-form input[type="tel"].wpcf7-not-valid, .contact-form input[type="text"].wpcf7-not-valid, .contact-form input[type="date"].wpcf7-not-valid, .contact-form input[type="url"].wpcf7-not-valid, .contact-form select.wpcf7-not-valid, .contact-form textarea.wpcf7-not-valid, .contact-form .select2-container--default .select2-selection--single.wpcf7-not-valid, .subscribe-form input[type="email"].wpcf7-not-valid, .subscribe-form input[type="number"].wpcf7-not-valid, .subscribe-form input[type="password"].wpcf7-not-valid, .subscribe-form input[type="search"].wpcf7-not-valid, .subscribe-form input[type="tel"].wpcf7-not-valid, .subscribe-form input[type="text"].wpcf7-not-valid, .subscribe-form input[type="date"].wpcf7-not-valid, .subscribe-form input[type="url"].wpcf7-not-valid, .subscribe-form select.wpcf7-not-valid, .subscribe-form textarea.wpcf7-not-valid, .subscribe-form .select2-container--default .select2-selection--single.wpcf7-not-valid, .subscribe-widget input[type="email"].wpcf7-not-valid, .subscribe-widget input[type="number"].wpcf7-not-valid, .subscribe-widget input[type="password"].wpcf7-not-valid, .subscribe-widget input[type="search"].wpcf7-not-valid, .subscribe-widget input[type="tel"].wpcf7-not-valid, .subscribe-widget input[type="text"].wpcf7-not-valid, .subscribe-widget input[type="date"].wpcf7-not-valid, .subscribe-widget input[type="url"].wpcf7-not-valid, .subscribe-widget select.wpcf7-not-valid, .subscribe-widget textarea.wpcf7-not-valid, .subscribe-widget .select2-container--default .select2-selection--single.wpcf7-not-valid { border-color: #DE4B53 !important; } .contact-form .wpcf7-not-valid-tip, .subscribe-form .wpcf7-not-valid-tip, .subscribe-widget .wpcf7-not-valid-tip { color: #DE4B53; width: 45px; line-height: 45px; height: 45px; margin: 0px; text-align: center; position: absolute; top: 0px; left: 0px; font-size: 0; z-index: 1; } .contact-form .wpcf7-not-valid-tip::after, .subscribe-form .wpcf7-not-valid-tip::after, .subscribe-widget .wpcf7-not-valid-tip::after { content: '\f2bf'; font-family: "Ionicons"; display: inline-block; vertical-align: middle; font-size: 21px; } .contact-form .wpcf7-form-control-wrap, .subscribe-form .wpcf7-form-control-wrap, .subscribe-widget .wpcf7-form-control-wrap { display: block; } .contact-form label .wpcf7-form-control-wrap, .subscribe-form label .wpcf7-form-control-wrap, .subscribe-widget label .wpcf7-form-control-wrap { margin-top: 3px; } @media screen and (max-width: 768px) { .contact-form label, .subscribe-form label, .subscribe-widget label { padding: 0px !important; margin-top: 15px; } } .contact-form .wpcf7-form .wpcf7-not-valid-tip, .contact-form .wpcf7-form .wpcf7-spinner, .subscribe-form .wpcf7-form .wpcf7-not-valid-tip, .subscribe-form .wpcf7-form .wpcf7-spinner, .subscribe-widget .wpcf7-form .wpcf7-not-valid-tip, .subscribe-widget .wpcf7-form .wpcf7-spinner { display: none; } .contact-form .wpcf7-form .wpcf7-response-output, .subscribe-form .wpcf7-form .wpcf7-response-output, .subscribe-widget .wpcf7-form .wpcf7-response-output { font-size: 0.98em; margin: 0; margin-bottom: 1rem; border: none; float: left; padding: 0.5rem 0.75rem; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .contact-form .wpcf7-form.invalid .wpcf7-response-output, .contact-form .wpcf7-form.failed .wpcf7-response-output, .subscribe-form .wpcf7-form.invalid .wpcf7-response-output, .subscribe-form .wpcf7-form.failed .wpcf7-response-output, .subscribe-widget .wpcf7-form.invalid .wpcf7-response-output, .subscribe-widget .wpcf7-form.failed .wpcf7-response-output { background-color: #fbeaeb; color: #DE4B53; } .contact-form .wpcf7-form.sent .wpcf7-response-output, .subscribe-form .wpcf7-form.sent .wpcf7-response-output, .subscribe-widget .wpcf7-form.sent .wpcf7-response-output { background-color: #c5fbe3; color: #0ebd6e; } .contact-form.flat input[type="email"], .contact-form.flat input[type="number"], .contact-form.flat input[type="password"], .contact-form.flat input[type="search"], .contact-form.flat input[type="tel"], .contact-form.flat input[type="text"], .contact-form.flat input[type="date"], .contact-form.flat input[type="url"], .contact-form.flat select, .contact-form.flat textarea, .contact-form.flat .select2-container--default .select2-selection--single, .subscribe-form.flat input[type="email"], .subscribe-form.flat input[type="number"], .subscribe-form.flat input[type="password"], .subscribe-form.flat input[type="search"], .subscribe-form.flat input[type="tel"], .subscribe-form.flat input[type="text"], .subscribe-form.flat input[type="date"], .subscribe-form.flat input[type="url"], .subscribe-form.flat select, .subscribe-form.flat textarea, .subscribe-form.flat .select2-container--default .select2-selection--single, .subscribe-widget.flat input[type="email"], .subscribe-widget.flat input[type="number"], .subscribe-widget.flat input[type="password"], .subscribe-widget.flat input[type="search"], .subscribe-widget.flat input[type="tel"], .subscribe-widget.flat input[type="text"], .subscribe-widget.flat input[type="date"], .subscribe-widget.flat input[type="url"], .subscribe-widget.flat select, .subscribe-widget.flat textarea, .subscribe-widget.flat .select2-container--default .select2-selection--single { background-color: var(--clb-fill-color); border-color: var(--clb-fill-color); } .contact-form.flat input[type="email"]:hover, .contact-form.flat input[type="number"]:hover, .contact-form.flat input[type="password"]:hover, .contact-form.flat input[type="search"]:hover, .contact-form.flat input[type="tel"]:hover, .contact-form.flat input[type="text"]:hover, .contact-form.flat input[type="date"]:hover, .contact-form.flat input[type="url"]:hover, .contact-form.flat select:hover, .contact-form.flat textarea:hover, .contact-form.flat .select2-container--default .select2-selection--single:hover, .subscribe-form.flat input[type="email"]:hover, .subscribe-form.flat input[type="number"]:hover, .subscribe-form.flat input[type="password"]:hover, .subscribe-form.flat input[type="search"]:hover, .subscribe-form.flat input[type="tel"]:hover, .subscribe-form.flat input[type="text"]:hover, .subscribe-form.flat input[type="date"]:hover, .subscribe-form.flat input[type="url"]:hover, .subscribe-form.flat select:hover, .subscribe-form.flat textarea:hover, .subscribe-form.flat .select2-container--default .select2-selection--single:hover, .subscribe-widget.flat input[type="email"]:hover, .subscribe-widget.flat input[type="number"]:hover, .subscribe-widget.flat input[type="password"]:hover, .subscribe-widget.flat input[type="search"]:hover, .subscribe-widget.flat input[type="tel"]:hover, .subscribe-widget.flat input[type="text"]:hover, .subscribe-widget.flat input[type="date"]:hover, .subscribe-widget.flat input[type="url"]:hover, .subscribe-widget.flat select:hover, .subscribe-widget.flat textarea:hover, .subscribe-widget.flat .select2-container--default .select2-selection--single:hover { background-color: var(--clb-tag-fill-color); border-color: var(--clb-tag-fill-color); } .contact-form.flat input[type="email"]:focus, .contact-form.flat input[type="number"]:focus, .contact-form.flat input[type="password"]:focus, .contact-form.flat input[type="search"]:focus, .contact-form.flat input[type="tel"]:focus, .contact-form.flat input[type="text"]:focus, .contact-form.flat input[type="date"]:focus, .contact-form.flat input[type="url"]:focus, .contact-form.flat select:focus, .contact-form.flat textarea:focus, .contact-form.flat .select2-container--default .select2-selection--single:focus, .subscribe-form.flat input[type="email"]:focus, .subscribe-form.flat input[type="number"]:focus, .subscribe-form.flat input[type="password"]:focus, .subscribe-form.flat input[type="search"]:focus, .subscribe-form.flat input[type="tel"]:focus, .subscribe-form.flat input[type="text"]:focus, .subscribe-form.flat input[type="date"]:focus, .subscribe-form.flat input[type="url"]:focus, .subscribe-form.flat select:focus, .subscribe-form.flat textarea:focus, .subscribe-form.flat .select2-container--default .select2-selection--single:focus, .subscribe-widget.flat input[type="email"]:focus, .subscribe-widget.flat input[type="number"]:focus, .subscribe-widget.flat input[type="password"]:focus, .subscribe-widget.flat input[type="search"]:focus, .subscribe-widget.flat input[type="tel"]:focus, .subscribe-widget.flat input[type="text"]:focus, .subscribe-widget.flat input[type="date"]:focus, .subscribe-widget.flat input[type="url"]:focus, .subscribe-widget.flat select:focus, .subscribe-widget.flat textarea:focus, .subscribe-widget.flat .select2-container--default .select2-selection--single:focus { background-color: var(--clb-tag-fill-color); outline: none; } .contact-form.flat input[type="email"].wpcf7-not-valid, .contact-form.flat input[type="number"].wpcf7-not-valid, .contact-form.flat input[type="password"].wpcf7-not-valid, .contact-form.flat input[type="search"].wpcf7-not-valid, .contact-form.flat input[type="tel"].wpcf7-not-valid, .contact-form.flat input[type="text"].wpcf7-not-valid, .contact-form.flat input[type="date"].wpcf7-not-valid, .contact-form.flat input[type="url"].wpcf7-not-valid, .contact-form.flat select.wpcf7-not-valid, .contact-form.flat textarea.wpcf7-not-valid, .contact-form.flat .select2-container--default .select2-selection--single.wpcf7-not-valid, .subscribe-form.flat input[type="email"].wpcf7-not-valid, .subscribe-form.flat input[type="number"].wpcf7-not-valid, .subscribe-form.flat input[type="password"].wpcf7-not-valid, .subscribe-form.flat input[type="search"].wpcf7-not-valid, .subscribe-form.flat input[type="tel"].wpcf7-not-valid, .subscribe-form.flat input[type="text"].wpcf7-not-valid, .subscribe-form.flat input[type="date"].wpcf7-not-valid, .subscribe-form.flat input[type="url"].wpcf7-not-valid, .subscribe-form.flat select.wpcf7-not-valid, .subscribe-form.flat textarea.wpcf7-not-valid, .subscribe-form.flat .select2-container--default .select2-selection--single.wpcf7-not-valid, .subscribe-widget.flat input[type="email"].wpcf7-not-valid, .subscribe-widget.flat input[type="number"].wpcf7-not-valid, .subscribe-widget.flat input[type="password"].wpcf7-not-valid, .subscribe-widget.flat input[type="search"].wpcf7-not-valid, .subscribe-widget.flat input[type="tel"].wpcf7-not-valid, .subscribe-widget.flat input[type="text"].wpcf7-not-valid, .subscribe-widget.flat input[type="date"].wpcf7-not-valid, .subscribe-widget.flat input[type="url"].wpcf7-not-valid, .subscribe-widget.flat select.wpcf7-not-valid, .subscribe-widget.flat textarea.wpcf7-not-valid, .subscribe-widget.flat .select2-container--default .select2-selection--single.wpcf7-not-valid { border-color: #DE4B53; } .subscribe-widget div.wpcf7-validation-errors, .subscribe-widget div.wpcf7-acceptance-missing, .subscribe-widget div.wpcf7-response-output { padding: 0px; } @media screen and (max-width: 768px) { .contact-form .btn { margin: 15px 0px 0px 0px !important; } } /*-------------------------------------------------------------- ## Countdown --------------------------------------------------------------*/ .countdown-box .box-time { padding: 0 10px; display: inline-block; position: relative; } .countdown-box .box-time:first-child { padding-left: 0px; } .countdown-box .box-time:last-child { padding-right: 0px; } .countdown-box .box-time .box-count { min-width: 70px; height: -webkit-calc(70px / 2); height: calc(70px / 2); line-height: -webkit-calc(70px / 2); line-height: calc(70px / 2); display: inline-block; vertical-align: middle; display: inline-block; font-weight: 600; font-size: 28px; font-family: var(--clb-titles-font-family); text-align: center; overflow: hidden; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .countdown-box .box-time .box-label { display: block; text-align: center; font-size: 14px; line-height: 24px; margin: 8px auto; } .countdown-classic .box-time { font-size: 28px; } .countdown-classic .box-time::after, .countdown-classic .box-time::before { content: ""; background-color: var(--clb-color-black); display: block; width: 5px; height: 5px; border-left: none; border-right: none; position: absolute; top: 58%; left: -0.13em; -webkit-border-radius: 50%; border-radius: 50%; } .countdown-classic .box-time::before { top: 32%; } .countdown-classic .box-time:first-child::after, .countdown-classic .box-time:first-child::before { display: none; } .countdown-classic .box-time .box-count { min-width: 1em; height: 1em; line-height: 1; font-size: inherit; } .countdown-classic .box-time .box-label { display: none; } .countdown-boxed .box-time::after, .countdown-boxed .box-time::before { display: none; } .countdown-boxed .box-time .box-count { color: var(--clb-color-white); line-height: 70px; height: 70px; } .countdown-boxed .box-count { background-color: var(--clb-body-color); position: relative; -webkit-perspective: 300px; perspective: 300px; } .countdown-boxed .box-count .box-current, .countdown-boxed .box-count .box-next { background: white; position: absolute; outline: 1px solid transparent; top: 0; left: 0; z-index: 1; } .countdown-boxed .box-count .box-current.box-top, .countdown-boxed .box-count .box-next.box-bottom { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; } .countdown-boxed .box-count .box-current.box-top { z-index: 3; } .countdown-boxed .box-count .box-next.box-bottom { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .countdown-boxed .box-count .box-top { background: inherit; } .countdown-boxed .box-count .box-top::after { content: ""; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .countdown-boxed .box-count .box-bottom { background: inherit; } .countdown-boxed .box-count .box-top, .countdown-boxed .box-count .box-bottom { width: 100%; height: 50%; overflow: hidden; } .countdown-boxed .box-count .box-bottom { height: 50%; border-top: none; top: 50%; margin-top: 0; } .countdown-boxed .box-count .box-bottom .number { top: -35px; } .countdown-boxed .box-count .number { position: relative; z-index: 4; } .countdown-boxed .box-time::after { margin-top: -32px; } .countdown-boxed .box-time .box-label { line-height: 1; margin: 10px auto; } @media screen and (max-width: 768px) { .countdown-boxed .box-time::after { margin-top: -28px; } } .countdown-boxed .flip .box-current.box-top { -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .countdown-boxed .flip .box-next.box-bottom { -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; -webkit-transform: rotateX(0); transform: rotateX(0); } @media screen and (max-width: 768px) { .countdown-box:not(.countdown-classic), .countdown-boxed:not(.countdown-classic) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .countdown-box:not(.countdown-classic) .box-time .box-count, .countdown-boxed:not(.countdown-classic) .box-time .box-count { min-width: var(--clb-icon-button); height: var(--clb-icon-button); line-height: 49px; font-size: 20px; } .countdown-box:not(.countdown-classic) .box-time .box-count .box-bottom .number, .countdown-boxed:not(.countdown-classic) .box-time .box-count .box-bottom .number { top: -25px; } .countdown-box .box-time { padding: 0 5px; } .countdown-classic .box-time::after, .countdown-classic .box-time::before { width: 5px; height: 5px; } .countdown-classic .box-time .box-count { min-width: 10px; font-size: 30px; } } /*-------------------------------------------------------------- ## Counter --------------------------------------------------------------*/ .counter-box-icon { font-size: 40px; vertical-align: middle; display: inline-block; line-height: 1; } .counter-box-count { padding: 0; line-height: 40px; font-size: 42px; font-weight: 600; font-family: var(--clb-titles-font-family); } .counter-box-count i { color: var(--clb-color-primary); } .counter-box-count img, .counter-box-count .count { vertical-align: middle; } .counter-box .left-icon { margin-right: 10px; } .counter-box .right-icon { margin-left: 10px; } .counter-box-headline { display: inline-block; font-weight: 600; font-size: var(--clb-titles-h6-font-size); letter-spacing: var(--clb-titles-h6-letter-spacing); line-height: var(--clb-titles-h6-line-height); } /*-------------------------------------------------------------- ## Currency Switcher --------------------------------------------------------------*/ .currency_switcher, .widget-woocommerce-currency-switcher { padding: 0px 15px; opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .currency_switcher .dd-select, .widget-woocommerce-currency-switcher .dd-select { background: transparent !important; } .currency_switcher .woocommerce-currency-switcher-form .dd-selected, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-selected { padding: 0; font-weight: 500; } .currency_switcher .woocommerce-currency-switcher-form .dd-selected-text, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-selected-text { color: var(--clb-body-color-grey); } .currency_switcher .dd-pointer-down::before, .widget-woocommerce-currency-switcher .dd-pointer-down::before { content: "\f3d0"; position: absolute; font-family: "Ionicons"; top: -8px; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .currency_switcher .dd-pointer-up::before, .widget-woocommerce-currency-switcher .dd-pointer-up::before { content: "\f3d0"; position: absolute; font-family: "Ionicons"; top: -4px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .currency_switcher ul.dd-options, .widget-woocommerce-currency-switcher ul.dd-options { height: auto; left: 0; min-width: 80px; } .currency_switcher ul.dd-options li, .widget-woocommerce-currency-switcher ul.dd-options li { width: 100%; } .currency_switcher ul.dd-options li:hover, .widget-woocommerce-currency-switcher ul.dd-options li:hover { background-color: var(--clb-fill-color); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .currency_switcher ul.dd-options .dd-option, .widget-woocommerce-currency-switcher ul.dd-options .dd-option { background: transparent; padding: 0; } .currency_switcher ul.dd-options .dd-option-text, .widget-woocommerce-currency-switcher ul.dd-options .dd-option-text { padding: 15px; } .currency_switcher ul.dd-options .dd-option::before, .widget-woocommerce-currency-switcher ul.dd-options .dd-option::before { content: none; } .currency_switcher .woocommerce-currency-switcher-form img.dd-option-image, .currency_switcher .woocommerce-currency-switcher-form img.dd-selected-image, .currency_switcher .woocommerce-currency-switcher-form small.dd-selected-description, .currency_switcher .woocommerce-currency-switcher-form small.dd-option-description, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form img.dd-option-image, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form img.dd-selected-image, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form small.dd-selected-description, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form small.dd-option-description { display: none; } .currency_switcher .woocommerce-currency-switcher-form .dd-selected-text, .currency_switcher .woocommerce-currency-switcher-form .dd-option-text, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-selected-text, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-option-text { cursor: pointer; } .currency_switcher .woocommerce-currency-switcher-form .dd-pointer, .currency_switcher .woocommerce-currency-switcher-form .dd-pointer-down, .currency_switcher .woocommerce-currency-switcher-form .dd-pointer-up, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-pointer, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-pointer-down, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-pointer-up { right: -10px; } .currency_switcher .woocommerce-currency-switcher-form .dd-options, .currency_switcher .woocommerce-currency-switcher-form .dd-option, .currency_switcher .woocommerce-currency-switcher-form .dd-select, .currency_switcher .woocommerce-currency-switcher-form .dd-pointer, .currency_switcher .woocommerce-currency-switcher-form .dd-pointer-down, .currency_switcher .woocommerce-currency-switcher-form .dd-pointer-up, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-options, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-option, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-select, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-pointer, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-pointer-down, .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-pointer-up { border: none !important; } /*-------------------------------------------------------------- ## Fullscreen Slider --------------------------------------------------------------*/ .stockie-onepage { width: 100%; min-height: 200px; height: 100vh; overflow: hidden; position: relative; } .stockie-onepage div.vc_row.vc_row-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .stockie-onepage .slider-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 110px; right: -webkit-calc(50% - 25px); right: calc(50% - 25px); bottom: 25px; } .stockie-onepage .slider-nav .move-up { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .stockie-onepage .onepage-section { background-position: center; background-size: cover; height: 100vh; } .stockie-onepage .onepage-section-inner { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.5s var(--clb-transition-duration); -o-transition: all 0.5s var(--clb-transition-duration); transition: all 0.5s var(--clb-transition-duration); opacity: 0; } .stockie-onepage .onepage-section.active .onepage-section-inner { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .stockie-onepage.horizontal .onepage-stage { width: 100000px; height: 100%; overflow: hidden; position: relative; } .stockie-onepage.horizontal .onepage-stage .onepage-section { float: left; } @media screen and (max-width: 768px) { .stockie-onepage .onepage-section { padding: 0 25px; } .stockie-onepage .slider-nav { bottom: 15px; } } /*-------------------------------------------------------------- ## Google Maps --------------------------------------------------------------*/ .google-maps { width: 100%; height: 100%; min-height: 250px; position: absolute; top: 0; left: 0; overflow: hidden; } .google-maps .google-maps-wrap { width: 100%; height: 100%; min-height: 250px; } @media screen and (max-width: 768px) { .google-maps { position: relative; } } /*-------------------------------------------------------------- ## Heading --------------------------------------------------------------*/ .heading .title, .heading .subtitle { margin: 0.25rem 0; font-family: var(--clb-titles-font-family); } .heading .subtitle + .divider { margin-top: -1rem; } /*-------------------------------------------------------------- ## Icon Box --------------------------------------------------------------*/ .icon-box { text-align: center; display: block; text-decoration: none; } .icon-box-wrap { margin: 0 0 10px; display: inline-block; vertical-align: middle; text-align: inherit; white-space: nowrap; } .icon-box-wrap > span { font-size: 45px; } .icon-box-wrap img { height: auto; vertical-align: middle; } .icon-box-wrap[class*="shape-"] { width: var(--clb-icon-button); height: var(--clb-icon-button); line-height: var(--clb-icon-button); -webkit-box-sizing: content-box; box-sizing: content-box; margin-bottom: 15px; font-size: 35px; text-align: center; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .icon-box-wrap[class*="shape-"] span { color: inherit; } .icon-box-wrap[class*="shape-"] span, .icon-box-wrap[class*="shape-"] span::before { vertical-align: 0; line-height: inherit; } .icon-box-wrap[class*="shape-"] img { max-width: 30px; vertical-align: middle; margin-top: -8px; } .icon-box-wrap.shape-border { border: 2px solid; } .icon-box-headline { margin: 5px 0; clear: initial; line-height: 1; } .icon-box-details { display: block; margin: 0px; } .icon-box.box-left, .icon-box.box-right { text-align: left; position: relative; } .icon-box.box-left .icon-box-wrap, .icon-box.box-right .icon-box-wrap { padding: 0; min-width: 40px; margin: 0px 0px 15px 0px; float: left; } .icon-box.box-left .icon-box-content, .icon-box.box-right .icon-box-content { padding-left: 60px; } .icon-box.box-left .icon-box-content .with-full .icon-box-headline, .icon-box.box-right .icon-box-content .with-full .icon-box-headline { line-height: 40px; } .icon-box.box-left .content-full, .icon-box.box-right .content-full { display: block; clear: both; } .icon-box.box-right { text-align: right; } .icon-box.box-right .icon-box-headline { text-align: right; } .icon-box.box-right .icon-box-wrap { left: auto; right: 0; float: right; } .icon-box.box-left .content-full { padding-left: 0px; } .icon-box.full-box .content-full { padding-left: 0; } .icon-box.full-box .btn-brand { margin-left: 0; } /*-------------------------------------------------------------- ## Instagram Feed --------------------------------------------------------------*/ .instagram-feed:not(.no-margins) #sbi_images .sbi_item .sbi_photo_wrap { overflow: hidden; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); } .instagram-feed .sbi_photo img { position: absolute; } .instagram-feed #sb_instagram { padding-bottom: 0px !important; } .instagram-feed #sb_instagram .sb_instagram_header, .instagram-feed #sb_instagram .sbi_header_link, .instagram-feed #sb_instagram .sbi_header_text, .instagram-feed #sb_instagram .sbi_header_img, .instagram-feed #sb_instagram #sbi_images { float: none; } .instagram-feed #sb_instagram .sb_instagram_header .sbi_header_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; padding-bottom: 20px; } .instagram-feed #sb_instagram .sb_instagram_header .sbi_header_link::before { display: none; } .instagram-feed #sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text { width: auto; } .instagram-feed #sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text .sbi_no_bio { margin: 0 0px 0 15px !important; padding-top: 0 !important; } .instagram-feed #sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_img { margin: 0 !important; } .instagram-feed #sb_instagram #sbi_images { width: auto !important; min-width: 100%; } @media screen and (max-width: 768px) { .instagram-feed #sb_instagram #sbi_images { margin-left: -15px; margin-right: -15px; } } .instagram-feed #sb_instagram #sbi_images .sbi_item { position: relative; overflow: hidden; } @media screen and (max-width: 768px) { .instagram-feed #sb_instagram #sbi_images .sbi_item { width: 50% !important; padding: 5px 0 5px !important; } .instagram-feed #sb_instagram #sbi_images .sbi_item:nth-child(2n+1) { padding-right: 5px !important; } .instagram-feed #sb_instagram #sbi_images .sbi_item:nth-child(2n+2) { padding-left: 5px !important; } } .instagram-feed #sb_instagram #sbi_images a { display: block; overflow: hidden; opacity: 1 !important; padding-bottom: 100%; height: auto !important; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .instagram-feed #sb_instagram #sbi_images a::before { display: none; } .instagram-feed #sb_instagram #sbi_images a::after { content: ""; background: rgba(36, 38, 43, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .instagram-feed #sb_instagram #sbi_images a:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .instagram-feed #sb_instagram #sbi_images a:hover::after { opacity: 1; } .instagram-feed #sb_instagram #sbi_images a:hover .btn-round { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .instagram-feed #sb_instagram #sbi_images a .btn-round { z-index: 10; position: absolute; display: block; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); right: -webkit-calc(50% - 25px); right: calc(50% - 25px); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .instagram-feed.no-margins #sbi_images { padding: 0 !important; } /*-------------------------------------------------------------- ## Menu List --------------------------------------------------------------*/ .menu-list-headline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu-list-headline .menu-list-title { margin: 0px; font-size: 1.1em; } .menu-list-headline .menu-list-price .regular-price, .menu-list-headline .menu-list-price .discount-price { font-weight: 600; } .menu-list-headline .menu-list-price .discount-price { color: var(--clb-body-color-grey); margin-right: 5px; text-decoration: line-through; } .menu-list-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .menu-list-details p { margin: 0px; } .menu-list-details .tag { color: var(--clb-color-white); background-color: var(--clb-color-primary); margin: 5px 0px 0px 20px; } /*-------------------------------------------------------------- ## Message Module --------------------------------------------------------------*/ .message-box { background-color: var(--clb-fill-color); margin: 0; padding: 1rem 3.75rem 1rem 1.25rem; border: none; font-size: var(--clb-font-size-small); text-align: left; position: relative; color: rgba(0, 0, 0, 0.65); -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .message-box.wauto { width: auto; display: inline-block; margin: 0 auto; } .message-box.without-close { padding-right: 20px; } .message-box.closed { display: none; } .message-box a { color: var(--clb-color-black); font-weight: 500; } .message-box.primary { background: #9ff8d0; } .message-box.success { background: #9ff8d0; } .message-box.error { background: #f9dedf; } .message-box.warning { background: #ffdab7; } .message-box.-small { padding: 0.5rem 3.75rem 0.5rem 1rem; } .message-box.-small.-inline { padding: 0.5rem 1rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: auto; } .message-box .close .ion, .notification-bar .close .ion { color: inherit; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: var(--clb-spacer-1); } /*-------------------------------------------------------------- ## Parallax --------------------------------------------------------------*/ .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: 2; } .parallax .parallax-content { position: relative; z-index: 3; padding-left: 25px; padding-right: 25px; } @media screen and (max-width: 768px) { .parallax .parallax-content { padding-left: 25px; padding-right: 25px; } } .parallax-bg { background-position: center center; width: 100%; height: 1000%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; will-change: transform; } .parallax-bg.horizontal { width: 1000%; height: 100%; } /*-------------------------------------------------------------- ## Pricing Table --------------------------------------------------------------*/ .pricing { background: var(--clb-fill-color); padding: var(--clb-spacer); width: 100%; position: relative; display: grid; grid-gap: 1rem; justify-items: start; -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); } .pricing_title { font-size: var(--clb-titles-h5-font-size); letter-spacing: var(--clb-titles-h5-letter-spacing); } .pricing_subtitle { font-size: var(--clb-font-size-small); } .pricing_price { padding-top: 1rem; border-top: 1px solid var(--clb-border-color-dark); } .pricing_price_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.35rem; font-size: var(--clb-titles-h1-font-size); letter-spacing: var(--clb-titles-h1-letter-spacing); line-height: var(--clb-titles-h1-line-height); margin: 0; } .pricing_price_title .icon { font-size: 0.5em; margin-top: 0.35rem; } .pricing_price_subtitle { font-size: var(--clb-font-size-small); margin-bottom: 0; } .pricing_price_time { background: white; margin: 10px 0 0; } .pricing_list { margin: 0 0; list-style-type: none; } .pricing .btn { background: var(--clb-color-black); border-color: var(--clb-color-black); } .pricing_list_item { padding: 0.25rem 0; font-weight: 500; font-size: var(--clb-font-size-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .pricing_list_item, .pricing_list_item:first-child { border-color: var(--clb-border-color); } .pricing_list_item .ion { font-size: 1.25em; color: var(--clb-color-primary); } .pricing_list_item .ion + .title { margin-left: 0.75rem; } .pricing.features { background: transparent; } .pricing.features .pricing_title { text-align: left; margin: 0; font-size: var(--clb-font-size); } /*-------------------------------------------------------------- ## Process --------------------------------------------------------------*/ .process { position: relative; padding: 1px 0; } .process .number { color: var(--clb-border-color); font-size: 6em; font-weight: 600; position: absolute; line-height: 1; top: 0; left: 0; } .process h3 { margin: 30px 0 40px; } .process .description { margin: 0; } .process.boxed { background: var(--clb-fill-color); padding: 35px; margin-top: 50px; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .process.boxed .number { top: -45px; left: 35px; } .process.boxed h3 { margin: 20px 0 10px; } /*-------------------------------------------------------------- ## Progress Bar --------------------------------------------------------------*/ .progress-bar { width: 100%; } .progress-bar-headline { margin: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .progress-bar-track { background: rgba(36, 38, 43, 0.05); width: 100%; height: 8px; margin-top: 5px; -webkit-border-radius: var(--clb-border-radius-small); border-radius: var(--clb-border-radius-small); } .progress-bar-track-inner { display: block; width: 0; height: 100%; position: relative; -webkit-border-radius: var(--clb-border-radius-small); border-radius: var(--clb-border-radius-small); -webkit-transition: all 1s var(--clb-transition-duration); -o-transition: all 1s var(--clb-transition-duration); transition: all 1s var(--clb-transition-duration); } .progress-bar-track-inner .line-percent { content: '20'; background: var(--clb-color-black); color: var(--clb-color-white); padding: 0px 8px; height: 24px; line-height: 24px; font-size: 0.75em; position: absolute; bottom: 100%; right: 0; font-weight: 600; -webkit-transform: translateX(50%) translateY(-8px); -ms-transform: translateX(50%) translateY(-8px); transform: translateX(50%) translateY(-8px); -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .progress-bar-track-inner .line-percent::after { content: ""; background: inherit; width: 8px; height: 8px; position: absolute; bottom: -4px; right: 50%; -webkit-transform: translateX(50%) rotate(45deg); -ms-transform: translateX(50%) rotate(45deg); transform: translateX(50%) rotate(45deg); } .progress-bar.inner .progress-bar-track { height: 14px; } .progress-bar.inner .line { height: 6px; top: 4px; left: 4px; } .progress-bar.inner .line-percent { margin-bottom: 4px; } .progress-bar.split .progress-bar-track { background: transparent; position: relative; } .progress-bar.split .line-split { background: var(--clb-border-color); width: -webkit-calc(100% / 8 - 2px); width: calc(100% / 8 - 2px); height: 8px; float: left; margin-right: 2px; position: relative; overflow: hidden; } .progress-bar.split .line-split .line { position: absolute; top: 0; left: 0; } .progress-bar.pattern .line { background-image: -o-repeating-linear-gradient(30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 10px, rgba(0, 0, 0, 0.15) 10px, rgba(0, 0, 0, 0.15) 20px); background-image: repeating-linear-gradient(60deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 10px, rgba(0, 0, 0, 0.15) 10px, rgba(0, 0, 0, 0.15) 20px); -webkit-animation: progress-bar-line-strip-anim 1s linear infinite; animation: progress-bar-line-strip-anim 1s linear infinite; } @-webkit-keyframes progress-bar-line-strip-anim { 0% { background-position: 0 0; } 100% { background-position: -21px 0; } } @keyframes progress-bar-line-strip-anim { 0% { background-position: 0 0; } 100% { background-position: -21px 0; } } /*-------------------------------------------------------------- ## Row --------------------------------------------------------------*/ .vc_row { position: relative; } .vc_row .vc-bg-lines { position: absolute; height: 100%; left: 10px; right: 10px; } .vc_row .vc-bg-lines div { background: rgba(36, 38, 43, 0.04); width: 1px; height: 100%; position: absolute; } .vc_row .vc-bg-lines div:nth-child(2) { margin-left: -webkit-calc((100% / 4)*1); margin-left: calc((100% / 4)*1); margin-left: -webkit-calc(25% - 5px); margin-left: calc(25% - 5px); } .vc_row .vc-bg-lines div:nth-child(3) { margin-left: -webkit-calc((100% / 4)*2); margin-left: calc((100% / 4)*2); margin-left: -webkit-calc(50% - 10px); margin-left: calc(50% - 10px); } .vc_row .vc-bg-lines div:nth-child(4) { margin-left: -webkit-calc((100% / 4)*3); margin-left: calc((100% / 4)*3); margin-left: -webkit-calc(75% - 15px); margin-left: calc(75% - 15px); } .vc_row .vc-bg-lines div:nth-child(5) { margin-left: -webkit-calc((100% / 4)*4); margin-left: calc((100% / 4)*4); margin-left: -webkit-calc(100% - 20px); margin-left: calc(100% - 20px); } .vc_row .vc-bg-lines.light div { background: rgba(255, 255, 255, 0.08); } .vc_row .vc-bg-side-text { color: rgba(36, 38, 43, 0.05); position: absolute; font-size: 5em; line-height: 100%; font-weight: 600; font-family: var(--clb-titles-font-family); top: 0px; text-align: left; letter-spacing: -0.02em; -webkit-transform-origin: 0% 0; -ms-transform-origin: 0% 0; transform-origin: 0% 0; -webkit-transform: rotate(-90deg) translateX(-100%) translateY(-50%); -ms-transform: rotate(-90deg) translateX(-100%) translateY(-50%); transform: rotate(-90deg) translateX(-100%) translateY(-50%); } .vc_row .vc-bg-side-text.right { left: auto; -webkit-transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%); -ms-transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%); transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%); } @media screen and (max-width: 768px) { .vc_row .vc-bg-lines, .vc_row .vc-bg-side-text { display: none; } } .vc_row[data-vc-full-width].vc_hidden { opacity: 1 !important; } .vc_row.stc-row { padding: 4rem 0px; border-bottom: 1px solid #f0f0f0; } .vc_row.stc-row h2.title { margin-top: -0.25rem; } .vc_row.stc-row:first-child { padding-top: 0; } .vc_row.stc-row:last-child { border-bottom: none; } .vc_row.stc-row > .wpb_column > .vc_column-inner > .wpb_wrapper > .stockie-heading-sc { margin-bottom: 2.25rem; } .vc_row.stc-row .message-box { margin-top: 2.25rem; } @media screen and (max-width: 1024px) { .vc_row.stc-row { padding: 3rem 0; margin-right: 0; margin-left: 0; } .vc_row.stc-row > .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; } .vc_row.stc-row:first-child { padding-top: 0; } .vc_row.stc-row .message-box { margin-top: 2rem; width: 100%; } } @media screen and (max-width: 768px) { .vc_row.stc-row .pricing, .vc_row.stc-row .banner-box, .vc_row.stc-row .contact-form, .vc_row.stc-row .counter-box { margin-bottom: 2rem; } .vc_row.stc-row .vc_column_container .wpb_column:last-of-type .pricing, .vc_row.stc-row .vc_column_container .wpb_column:last-of-type .banner-box, .vc_row.stc-row .vc_column_container .wpb_column:last-of-type .contact-form, .vc_row.stc-row .vc_column_container .wpb_column:last-of-type .counter-box { margin-bottom: 0; } } .page-container .vc-bg-side-text { left: -webkit-calc( (100% - 1350px) / 4); left: calc( (100% - 1350px) / 4); } .page-container .vc-bg-side-text.right { left: auto; right: -webkit-calc( (100% - 1350px) / 4); right: calc( (100% - 1350px) / 4); } .page-container.full .vc-bg-side-text { left: -webkit-calc( 14% / 4); left: calc( 14% / 4); } .page-container.full .vc-bg-side-text.right { left: auto; right: -webkit-calc( 14% / 4); right: calc( 14% / 4); } @media screen and (max-width: 768px) { .vc_mobile_spacer { height: 50px !important; } } /*-------------------------------------------------------------- ## Slider --------------------------------------------------------------*/ .slider { width: auto; margin: 0 auto; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider > a:not(:nth-child(1)) { display: none; } .slider .slider-wrap { position: relative; } .slider .slider-wrap .wpb_content_element { margin: 0; } .slider::after { content: ""; display: table; clear: both; } .slider .owl-stage-outer { position: relative; overflow: hidden; z-index: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .slider .owl-stage { position: absolute; } .slider .owl-item { float: left; } .slider .owl-item > a:not(:nth-child(1)) { display: block; } .slider .owl-nav div.disabled { opacity: 0; cursor: default; } .slider .owl-prev { left: 0; } .slider .owl-next { right: 0; } .slider.with-dots .owl-dots { margin-top: 40px; } .slider.without-nav .slider-nav { display: none; } @media screen and (max-width: 768px) { .slider.with-dots .owl-dots { margin-top: 20px; } } /*Slider shortcode*/ .slider.stockie-slider { padding: 0 60px; } .slider.stockie-slider .owl-nav { height: 100%; top: 0px; left: 0px; right: 0px; top: 0px; } @media screen and (max-width: 768px) { .slider.stockie-slider .owl-nav { left: 15px; right: 15px; } } .slider.stockie-slider.full-height { height: 100%; } .slider.stockie-slider.full-height.with-dots { height: -webkit-calc(100% - 120px); height: calc(100% - 120px); } .slider.stockie-slider.full-height .owl-stage-outer, .slider.stockie-slider.full-height .owl-stage, .slider.stockie-slider.full-height .owl-item, .slider.stockie-slider.full-height .portfolio-item-wrap { height: 100%; } .slider.stockie-slider.without-nav { padding: 0; } .slider.stockie-slider.without-nav .owl-nav, .slider.stockie-slider.without-nav .slider-nav { display: none; } .slider.stockie-slider.nav-offset, .slider.stockie-slider.nav-inset { margin-left: -15px; margin-right: -15px; } @media screen and (min-width: 769px) { .slider.stockie-slider.nav-offset { padding: 0; width: auto; } .slider.stockie-slider.nav-offset > .owl-nav .owl-prev { left: -60px; } .slider.stockie-slider.nav-offset > .owl-nav .owl-next { right: -60px; } .slider.stockie-slider.nav-inset { padding: 0; width: auto; } .slider.stockie-slider.nav-inset > .owl-nav .owl-prev { left: 40px; } .slider.stockie-slider.nav-inset > .owl-nav .owl-next { right: 40px; } .slider.stockie-slider.slider-offset { width: auto; padding: 0; margin: 0 -70%; } .slider.stockie-slider.slider-offset.slider-opacity .owl-item { opacity: .5; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .slider.stockie-slider.slider-offset.slider-opacity .owl-item.offset-active { opacity: 1; } } @media screen and (min-width: 1025px) and (max-width: 1440px) { .slider.stockie-slider.nav-offset > .owl-nav .owl-prev { left: 0px; } .slider.stockie-slider.nav-offset > .owl-nav .owl-next { right: 0px; } } @media screen and (max-width: 768px) { .slider.stockie-slider { padding: 0px; margin-left: -15px; margin-right: -15px; } } /*Slider product grid*/ .shop-product-type_4 .woo-products-slider > .owl-nav { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 25px; right: 25px; position: absolute; z-index: 0; height: auto; } .shop-product-type_4 .woo-products-slider > .owl-nav .owl-prev, .shop-product-type_4 .woo-products-slider > .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0px; } .shop-product-type_4 .woo-products-slider > .owl-nav .owl-prev { left: 0px; } @media screen and (max-width: 768px) { .shop-product-type_4 .woo-products-slider > .owl-nav .owl-prev { left: 5px; } } .shop-product-type_4 .woo-products-slider > .owl-nav .owl-next { right: 0px; } @media screen and (max-width: 768px) { .shop-product-type_4 .woo-products-slider > .owl-nav .owl-next { right: 5px; } } /*Navigation buttons*/ .owl-nav, .slider-nav { position: absolute; height: var(--clb-icon-button); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .owl-nav .owl-prev, .owl-nav .owl-next, .owl-nav .move-up, .owl-nav .move-down, .slider-nav .owl-prev, .slider-nav .owl-next, .slider-nav .move-up, .slider-nav .move-down { position: relative; } .owl-nav .owl-prev .ion, .owl-nav .owl-next .ion, .owl-nav .move-up .ion, .owl-nav .move-down .ion, .slider-nav .owl-prev .ion, .slider-nav .owl-next .ion, .slider-nav .move-up .ion, .slider-nav .move-down .ion { height: var(--clb-icon-button); width: var(--clb-icon-button); line-height: var(--clb-icon-button); background-color: var(--clb-color-white); border: none; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 22px; position: relative; z-index: 1; -webkit-transform: none; -ms-transform: none; transform: none; cursor: pointer; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } /*Navigation dots*/ .woo_c-product-image-slider .owl-dots, .slider .owl-dots, .slider-vertical-dots .owl-dots { width: 100%; text-align: center; margin-top: 0; } .woo_c-product-image-slider .owl-dots.slider-vertical-numbers, .woo_c-product-image-slider .owl-dots.slider-vertical-dots, .slider .owl-dots.slider-vertical-numbers, .slider .owl-dots.slider-vertical-dots, .slider-vertical-dots .owl-dots.slider-vertical-numbers, .slider-vertical-dots .owl-dots.slider-vertical-dots { width: auto; } .woo_c-product-image-slider .owl-dot, .woo_c-product-image-slider .slider-dot, .slider .owl-dot, .slider .slider-dot, .slider-vertical-dots .owl-dot, .slider-vertical-dots .slider-dot { width: 14px; height: 14px; margin: 5px; -webkit-border-radius: 50px; border-radius: 50px; border: 2px solid transparent; display: inline-block; position: relative; cursor: pointer; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); color: var(--clb-body-color); } .woo_c-product-image-slider .owl-dot.active, .woo_c-product-image-slider .slider-dot.active, .slider .owl-dot.active, .slider .slider-dot.active, .slider-vertical-dots .owl-dot.active, .slider-vertical-dots .slider-dot.active { border-color: var(--clb-body-color); } .woo_c-product-image-slider .owl-dot.active::after, .woo_c-product-image-slider .slider-dot.active::after, .slider .owl-dot.active::after, .slider .slider-dot.active::after, .slider-vertical-dots .owl-dot.active::after, .slider-vertical-dots .slider-dot.active::after { width: 6px; height: 6px; margin: -3px 0 0 -3px; } .woo_c-product-image-slider .owl-dot:hover, .woo_c-product-image-slider .slider-dot:hover, .slider .owl-dot:hover, .slider .slider-dot:hover, .slider-vertical-dots .owl-dot:hover, .slider-vertical-dots .slider-dot:hover { border-color: color-mix(in srgb, var(--clb-body-color) 30%, transparent); } .woo_c-product-image-slider .owl-dot::after, .woo_c-product-image-slider .slider-dot::after, .slider .owl-dot::after, .slider .slider-dot::after, .slider-vertical-dots .owl-dot::after, .slider-vertical-dots .slider-dot::after { content: ""; background: currentColor; width: 4px; height: 4px; -webkit-border-radius: 50px; border-radius: 50px; margin: -2px 0 0 -2px; position: absolute; top: 50%; left: 50%; } .slider-vertical-numbers, .slider-vertical-dots { width: auto; height: 100vh; position: absolute; top: 0; width: 50px; right: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; list-style: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 2; counter-reset: onepage; } .slider-vertical-numbers li, .slider-vertical-numbers > div, .slider-vertical-numbers > .owl-dot, .slider-vertical-dots li, .slider-vertical-dots > div, .slider-vertical-dots > .owl-dot { background: transparent; width: auto; height: auto; padding: 3px 0; color: var(--clb-color-white); font-family: var(--clb-titles-font-family); font-weight: 600; font-size: 13px; position: relative; cursor: pointer; counter-increment: onepage; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .slider-vertical-numbers li a::before, .slider-vertical-numbers > div a::before, .slider-vertical-numbers > .owl-dot a::before, .slider-vertical-dots li a::before, .slider-vertical-dots > div a::before, .slider-vertical-dots > .owl-dot a::before { display: none; } .slider-vertical-numbers li::after, .slider-vertical-numbers > div::after, .slider-vertical-numbers > .owl-dot::after, .slider-vertical-dots li::after, .slider-vertical-dots > div::after, .slider-vertical-dots > .owl-dot::after { background: transparent; content: counter(onepage, decimal-leading-zero); position: static; } .slider-vertical-numbers li::before, .slider-vertical-numbers > div::before, .slider-vertical-numbers > .owl-dot::before, .slider-vertical-dots li::before, .slider-vertical-dots > div::before, .slider-vertical-dots > .owl-dot::before { content: ""; background: currentColor; width: 25px; height: 2px; position: absolute; bottom: 50%; right: -40px; display: none; opacity: 0; } .slider-vertical-numbers li.active, .slider-vertical-numbers > div.active, .slider-vertical-numbers > .owl-dot.active, .slider-vertical-dots li.active, .slider-vertical-dots > div.active, .slider-vertical-dots > .owl-dot.active { font-size: 20px; line-height: 27px; } .slider-vertical-numbers li.active::before, .slider-vertical-numbers > div.active::before, .slider-vertical-numbers > .owl-dot.active::before, .slider-vertical-dots li.active::before, .slider-vertical-dots > div.active::before, .slider-vertical-dots > .owl-dot.active::before { right: -32px; } .slider-vertical-numbers li.active::after, .slider-vertical-numbers > div.active::after, .slider-vertical-numbers > .owl-dot.active::after, .slider-vertical-dots li.active::after, .slider-vertical-dots > div.active::after, .slider-vertical-dots > .owl-dot.active::after { margin-right: 3px; } .slider-vertical-numbers li.active, .slider-vertical-numbers li:hover, .slider-vertical-numbers > div.active, .slider-vertical-numbers > div:hover, .slider-vertical-numbers > .owl-dot.active, .slider-vertical-numbers > .owl-dot:hover, .slider-vertical-dots li.active, .slider-vertical-dots li:hover, .slider-vertical-dots > div.active, .slider-vertical-dots > div:hover, .slider-vertical-dots > .owl-dot.active, .slider-vertical-dots > .owl-dot:hover { background: none; width: auto; height: auto; border-color: transparent; cursor: pointer; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .slider-vertical-numbers li.active::before, .slider-vertical-numbers li:hover::before, .slider-vertical-numbers > div.active::before, .slider-vertical-numbers > div:hover::before, .slider-vertical-numbers > .owl-dot.active::before, .slider-vertical-numbers > .owl-dot:hover::before, .slider-vertical-dots li.active::before, .slider-vertical-dots li:hover::before, .slider-vertical-dots > div.active::before, .slider-vertical-dots > div:hover::before, .slider-vertical-dots > .owl-dot.active::before, .slider-vertical-dots > .owl-dot:hover::before { display: block; opacity: 1; } .slider-vertical-dots li, .slider-vertical-dots > div, .slider-vertical-dots > .owl-dot { margin: 5px 0; display: block; position: relative; width: 14px; height: 14px; } .slider-vertical-dots li::after, .slider-vertical-dots > div::after, .slider-vertical-dots > .owl-dot::after { content: ""; background: currentColor; position: absolute; } .slider-vertical-dots li::before, .slider-vertical-dots > div::before, .slider-vertical-dots > .owl-dot::before { content: none; } .slider-vertical-dots li:hover, .slider-vertical-dots li.active, .slider-vertical-dots > div:hover, .slider-vertical-dots > div.active, .slider-vertical-dots > .owl-dot:hover, .slider-vertical-dots > .owl-dot.active { border-color: currentColor; width: 14px; height: 14px; } /*-------------------------------------------------------------- ## Social Networks --------------------------------------------------------------*/ .socialbar { cursor: default; /*Default colors*/ } .socialbar:not(.inline) a { color: var(--clb-color-white); } .socialbar:not(.inline) a::before { display: none; } .socialbar a { background-color: var(--clb-color-black); width: var(--clb-icon-button); height: var(--clb-icon-button); margin: 0 2px 5px; border: 2px solid var(--clb-color-black); text-align: center; text-decoration: none; vertical-align: middle; font-size: 22px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .socialbar a span { position: relative; z-index: 2; } .socialbar a:hover { background-color: transparent; color: var(--clb-color-black); border-color: currentColor; } .socialbar.default a { line-height: 46px; } .socialbar.outline a { background-color: transparent; border: 2px solid var(--clb-color-black); color: var(--clb-color-black); -webkit-box-shadow: none; box-shadow: none; line-height: 45px; } .socialbar.outline a:hover { background-color: var(--clb-color-black); color: #fff !important; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.flat a { background-color: transparent; color: var(--clb-color-black); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; line-height: 46px; } .socialbar.flat a:hover { background-color: var(--clb-color-black); color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.flat.outline-hover a:hover { background-color: transparent; border-color: var(--clb-color-black); color: var(--clb-color-black); border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } .socialbar.hover-bg-trnspr a { border-width: 2px !important; } .socialbar.hover-bg-trnspr a:hover { border-color: var(--clb-color-black); } .socialbar.social-box-shadow a { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.social-box-shadow a:hover { -webkit-box-shadow: none; box-shadow: none; } .socialbar.social-box-shadow.flat-icons a { -webkit-box-shadow: none; box-shadow: none; } .socialbar.social-box-shadow.flat-icons a:hover { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.inline { display: block; } .socialbar.inline a { background-color: transparent; width: auto; height: auto; border: none; margin: 0 10px; -webkit-box-shadow: none; box-shadow: none; line-height: 1.8; font-size: inherit; font-weight: 600; font-family: var(--clb-titles-font-family); } .socialbar.inline a .icon { font-size: 20px; margin-right: 5px; vertical-align: -2px; } .socialbar.flat-icons a { border-color: transparent; } .socialbar.flat-icons a:hover { border-color: var(--clb-color-black); } .socialbar.flat-icons.flat-icons-trnspr a:hover { color: var(--clb-color-black); background-color: transparent; } .socialbar.small a { width: 40px; height: 40px; font-size: 1.1rem; } .socialbar.small.inline a { width: auto; height: auto; margin: 0 10px; line-height: 2.4; font-size: var(--clb-font-size-small); } .socialbar.small.inline .icon { font-size: var(--clb-font-size); vertical-align: -1px; } .socialbar.small.default a { line-height: 38px; } .socialbar.small.outline a { line-height: 36px; } .socialbar a:first-child { margin-left: 0; } .socialbar a:last-child { margin-right: 0; } .socialbar.default a.artstation { background-color: #26bbff; border-color: #26bbff; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.artstation:hover { background-color: transparent; color: #26bbff; border-color: #26bbff; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.artstation { background-color: transparent; color: #26bbff; border-color: #26bbff; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.artstation:hover { background-color: #26bbff; color: var(--clb-color-white); } .socialbar.default.outline a.artstation { background-color: transparent; color: #26bbff; } .socialbar.default.outline a.artstation:hover { background-color: #26bbff; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.artstation { background-color: transparent; color: #26bbff; border-color: transparent; } .socialbar.default.flat a.artstation:hover { background-color: #26bbff; color: var(--clb-color-white); } .socialbar.default.inline a.artstation { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.artstation:hover { color: #26bbff; } .socialbar.default.inline a.artstation:hover::before { display: none; } .socialbar.default a.behance { background-color: #0056ff; border-color: #0056ff; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.behance:hover { background-color: transparent; color: #0056ff; border-color: #0056ff; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.behance { background-color: transparent; color: #0056ff; border-color: #0056ff; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.behance:hover { background-color: #0056ff; color: var(--clb-color-white); } .socialbar.default.outline a.behance { background-color: transparent; color: #0056ff; } .socialbar.default.outline a.behance:hover { background-color: #0056ff; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.behance { background-color: transparent; color: #0056ff; border-color: transparent; } .socialbar.default.flat a.behance:hover { background-color: #0056ff; color: var(--clb-color-white); } .socialbar.default.inline a.behance { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.behance:hover { color: #0056ff; } .socialbar.default.inline a.behance:hover::before { display: none; } .socialbar.default a.deviantart { background-color: #05CC47; border-color: #05CC47; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.deviantart:hover { background-color: transparent; color: #05CC47; border-color: #05CC47; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.deviantart { background-color: transparent; color: #05CC47; border-color: #05CC47; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.deviantart:hover { background-color: #05CC47; color: var(--clb-color-white); } .socialbar.default.outline a.deviantart { background-color: transparent; color: #05CC47; } .socialbar.default.outline a.deviantart:hover { background-color: #05CC47; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.deviantart { background-color: transparent; color: #05CC47; border-color: transparent; } .socialbar.default.flat a.deviantart:hover { background-color: #05CC47; color: var(--clb-color-white); } .socialbar.default.inline a.deviantart { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.deviantart:hover { color: #05CC47; } .socialbar.default.inline a.deviantart:hover::before { display: none; } .socialbar.default a.digg { background-color: #1c5891; border-color: #1c5891; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.digg:hover { background-color: transparent; color: #1c5891; border-color: #1c5891; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.digg { background-color: transparent; color: #1c5891; border-color: #1c5891; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.digg:hover { background-color: #1c5891; color: var(--clb-color-white); } .socialbar.default.outline a.digg { background-color: transparent; color: #1c5891; } .socialbar.default.outline a.digg:hover { background-color: #1c5891; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.digg { background-color: transparent; color: #1c5891; border-color: transparent; } .socialbar.default.flat a.digg:hover { background-color: #1c5891; color: var(--clb-color-white); } .socialbar.default.inline a.digg { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.digg:hover { color: #1c5891; } .socialbar.default.inline a.digg:hover::before { display: none; } .socialbar.default a.discord { background-color: #7289da; border-color: #7289da; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.discord:hover { background-color: transparent; color: #7289da; border-color: #7289da; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.discord { background-color: transparent; color: #7289da; border-color: #7289da; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.discord:hover { background-color: #7289da; color: var(--clb-color-white); } .socialbar.default.outline a.discord { background-color: transparent; color: #7289da; } .socialbar.default.outline a.discord:hover { background-color: #7289da; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.discord { background-color: transparent; color: #7289da; border-color: transparent; } .socialbar.default.flat a.discord:hover { background-color: #7289da; color: var(--clb-color-white); } .socialbar.default.inline a.discord { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.discord:hover { color: #7289da; } .socialbar.default.inline a.discord:hover::before { display: none; } .socialbar.default a.dribbble { background-color: #fd629e; border-color: #fd629e; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.dribbble:hover { background-color: transparent; color: #fd629e; border-color: #fd629e; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.dribbble { background-color: transparent; color: #fd629e; border-color: #fd629e; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.dribbble:hover { background-color: #fd629e; color: var(--clb-color-white); } .socialbar.default.outline a.dribbble { background-color: transparent; color: #fd629e; } .socialbar.default.outline a.dribbble:hover { background-color: #fd629e; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.dribbble { background-color: transparent; color: #fd629e; border-color: transparent; } .socialbar.default.flat a.dribbble:hover { background-color: #fd629e; color: var(--clb-color-white); } .socialbar.default.inline a.dribbble { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.dribbble:hover { color: #fd629e; } .socialbar.default.inline a.dribbble:hover::before { display: none; } .socialbar.default a.facebook { background-color: #217cef; border-color: #217cef; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.facebook:hover { background-color: transparent; color: #217cef; border-color: #217cef; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.facebook { background-color: transparent; color: #217cef; border-color: #217cef; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.facebook:hover { background-color: #217cef; color: var(--clb-color-white); } .socialbar.default.outline a.facebook { background-color: transparent; color: #217cef; } .socialbar.default.outline a.facebook:hover { background-color: #217cef; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.facebook { background-color: transparent; color: #217cef; border-color: transparent; } .socialbar.default.flat a.facebook:hover { background-color: #217cef; color: var(--clb-color-white); } .socialbar.default.inline a.facebook { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.facebook:hover { color: #217cef; } .socialbar.default.inline a.facebook:hover::before { display: none; } .socialbar.default a.flickr { background-color: #0063db; border-color: #0063db; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.flickr:hover { background-color: transparent; color: #0063db; border-color: #0063db; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.flickr { background-color: transparent; color: #0063db; border-color: #0063db; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.flickr:hover { background-color: #0063db; color: var(--clb-color-white); } .socialbar.default.outline a.flickr { background-color: transparent; color: #0063db; } .socialbar.default.outline a.flickr:hover { background-color: #0063db; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.flickr { background-color: transparent; color: #0063db; border-color: transparent; } .socialbar.default.flat a.flickr:hover { background-color: #0063db; color: var(--clb-color-white); } .socialbar.default.inline a.flickr { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.flickr:hover { color: #0063db; } .socialbar.default.inline a.flickr:hover::before { display: none; } .socialbar.default a.github { background-color: #24292E; border-color: #24292E; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.github:hover { background-color: transparent; color: #24292E; border-color: #24292E; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.github { background-color: transparent; color: #24292E; border-color: #24292E; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.github:hover { background-color: #24292E; color: var(--clb-color-white); } .socialbar.default.outline a.github { background-color: transparent; color: #24292E; } .socialbar.default.outline a.github:hover { background-color: #24292E; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.github { background-color: transparent; color: #24292E; border-color: transparent; } .socialbar.default.flat a.github:hover { background-color: #24292E; color: var(--clb-color-white); } .socialbar.default.inline a.github { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.github:hover { color: #24292E; } .socialbar.default.inline a.github:hover::before { display: none; } .socialbar.default a.houzz { background-color: #007562; border-color: #007562; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.houzz:hover { background-color: transparent; color: #007562; border-color: #007562; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.houzz { background-color: transparent; color: #007562; border-color: #007562; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.houzz:hover { background-color: #007562; color: var(--clb-color-white); } .socialbar.default.outline a.houzz { background-color: transparent; color: #007562; } .socialbar.default.outline a.houzz:hover { background-color: #007562; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.houzz { background-color: transparent; color: #007562; border-color: transparent; } .socialbar.default.flat a.houzz:hover { background-color: #007562; color: var(--clb-color-white); } .socialbar.default.inline a.houzz { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.houzz:hover { color: #007562; } .socialbar.default.inline a.houzz:hover::before { display: none; } .socialbar.default a.instagram { background-color: #383838; border-color: #383838; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.instagram:hover { background-color: transparent; color: #383838; border-color: #383838; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.instagram { background-color: transparent; color: #383838; border-color: #383838; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.instagram:hover { background-color: #383838; color: var(--clb-color-white); } .socialbar.default.outline a.instagram { background-color: transparent; color: #383838; } .socialbar.default.outline a.instagram:hover { background-color: #383838; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.instagram { background-color: transparent; color: #383838; border-color: transparent; } .socialbar.default.flat a.instagram:hover { background-color: #383838; color: var(--clb-color-white); } .socialbar.default.inline a.instagram { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.instagram:hover { color: #383838; } .socialbar.default.inline a.instagram:hover::before { display: none; } .socialbar.default a.kaggle { background-color: #32C0FD; border-color: #32C0FD; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.kaggle:hover { background-color: transparent; color: #32C0FD; border-color: #32C0FD; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.kaggle { background-color: transparent; color: #32C0FD; border-color: #32C0FD; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.kaggle:hover { background-color: #32C0FD; color: var(--clb-color-white); } .socialbar.default.outline a.kaggle { background-color: transparent; color: #32C0FD; } .socialbar.default.outline a.kaggle:hover { background-color: #32C0FD; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.kaggle { background-color: transparent; color: #32C0FD; border-color: transparent; } .socialbar.default.flat a.kaggle:hover { background-color: #32C0FD; color: var(--clb-color-white); } .socialbar.default.inline a.kaggle { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.kaggle:hover { color: #32C0FD; } .socialbar.default.inline a.kaggle:hover::before { display: none; } .socialbar.default a.linkedin { background-color: #4477ab; border-color: #4477ab; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.linkedin:hover { background-color: transparent; color: #4477ab; border-color: #4477ab; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.linkedin { background-color: transparent; color: #4477ab; border-color: #4477ab; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.linkedin:hover { background-color: #4477ab; color: var(--clb-color-white); } .socialbar.default.outline a.linkedin { background-color: transparent; color: #4477ab; } .socialbar.default.outline a.linkedin:hover { background-color: #4477ab; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.linkedin { background-color: transparent; color: #4477ab; border-color: transparent; } .socialbar.default.flat a.linkedin:hover { background-color: #4477ab; color: var(--clb-color-white); } .socialbar.default.inline a.linkedin { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.linkedin:hover { color: #4477ab; } .socialbar.default.inline a.linkedin:hover::before { display: none; } .socialbar.default a.medium { background-color: #1a8917; border-color: #1a8917; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.medium:hover { background-color: transparent; color: #1a8917; border-color: #1a8917; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.medium { background-color: transparent; color: #1a8917; border-color: #1a8917; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.medium:hover { background-color: #1a8917; color: var(--clb-color-white); } .socialbar.default.outline a.medium { background-color: transparent; color: #1a8917; } .socialbar.default.outline a.medium:hover { background-color: #1a8917; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.medium { background-color: transparent; color: #1a8917; border-color: transparent; } .socialbar.default.flat a.medium:hover { background-color: #1a8917; color: var(--clb-color-white); } .socialbar.default.inline a.medium { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.medium:hover { color: #1a8917; } .socialbar.default.inline a.medium:hover::before { display: none; } .socialbar.default a.mixer { background-color: #0270d9; border-color: #0270d9; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.mixer:hover { background-color: transparent; color: #0270d9; border-color: #0270d9; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.mixer { background-color: transparent; color: #0270d9; border-color: #0270d9; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.mixer:hover { background-color: #0270d9; color: var(--clb-color-white); } .socialbar.default.outline a.mixer { background-color: transparent; color: #0270d9; } .socialbar.default.outline a.mixer:hover { background-color: #0270d9; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.mixer { background-color: transparent; color: #0270d9; border-color: transparent; } .socialbar.default.flat a.mixer:hover { background-color: #0270d9; color: var(--clb-color-white); } .socialbar.default.inline a.mixer { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.mixer:hover { color: #0270d9; } .socialbar.default.inline a.mixer:hover::before { display: none; } .socialbar.default a.pinterest { background-color: #e4252d; border-color: #e4252d; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.pinterest:hover { background-color: transparent; color: #e4252d; border-color: #e4252d; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.pinterest { background-color: transparent; color: #e4252d; border-color: #e4252d; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.pinterest:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.default.outline a.pinterest { background-color: transparent; color: #e4252d; } .socialbar.default.outline a.pinterest:hover { background-color: #e4252d; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.pinterest { background-color: transparent; color: #e4252d; border-color: transparent; } .socialbar.default.flat a.pinterest:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.default.inline a.pinterest { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.pinterest:hover { color: #e4252d; } .socialbar.default.inline a.pinterest:hover::before { display: none; } .socialbar.default a.producthunt { background-color: #ff4f00; border-color: #ff4f00; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.producthunt:hover { background-color: transparent; color: #ff4f00; border-color: #ff4f00; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.producthunt { background-color: transparent; color: #ff4f00; border-color: #ff4f00; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.producthunt:hover { background-color: #ff4f00; color: var(--clb-color-white); } .socialbar.default.outline a.producthunt { background-color: transparent; color: #ff4f00; } .socialbar.default.outline a.producthunt:hover { background-color: #ff4f00; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.producthunt { background-color: transparent; color: #ff4f00; border-color: transparent; } .socialbar.default.flat a.producthunt:hover { background-color: #ff4f00; color: var(--clb-color-white); } .socialbar.default.inline a.producthunt { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.producthunt:hover { color: #ff4f00; } .socialbar.default.inline a.producthunt:hover::before { display: none; } .socialbar.default a.quora { background-color: #a82401; border-color: #a82401; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.quora:hover { background-color: transparent; color: #a82401; border-color: #a82401; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.quora { background-color: transparent; color: #a82401; border-color: #a82401; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.quora:hover { background-color: #a82401; color: var(--clb-color-white); } .socialbar.default.outline a.quora { background-color: transparent; color: #a82401; } .socialbar.default.outline a.quora:hover { background-color: #a82401; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.quora { background-color: transparent; color: #a82401; border-color: transparent; } .socialbar.default.flat a.quora:hover { background-color: #a82401; color: var(--clb-color-white); } .socialbar.default.inline a.quora { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.quora:hover { color: #a82401; } .socialbar.default.inline a.quora:hover::before { display: none; } .socialbar.default a.reddit { background-color: #ff4501; border-color: #ff4501; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.reddit:hover { background-color: transparent; color: #ff4501; border-color: #ff4501; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.reddit { background-color: transparent; color: #ff4501; border-color: #ff4501; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.reddit:hover { background-color: #ff4501; color: var(--clb-color-white); } .socialbar.default.outline a.reddit { background-color: transparent; color: #ff4501; } .socialbar.default.outline a.reddit:hover { background-color: #ff4501; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.reddit { background-color: transparent; color: #ff4501; border-color: transparent; } .socialbar.default.flat a.reddit:hover { background-color: #ff4501; color: var(--clb-color-white); } .socialbar.default.inline a.reddit { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.reddit:hover { color: #ff4501; } .socialbar.default.inline a.reddit:hover::before { display: none; } .socialbar.default a.snapchat { background-color: #e0e410; border-color: #e0e410; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.snapchat:hover { background-color: transparent; color: #e0e410; border-color: #e0e410; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.snapchat { background-color: transparent; color: #e0e410; border-color: #e0e410; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.snapchat:hover { background-color: #e0e410; color: var(--clb-color-white); } .socialbar.default.outline a.snapchat { background-color: transparent; color: #e0e410; } .socialbar.default.outline a.snapchat:hover { background-color: #e0e410; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.snapchat { background-color: transparent; color: #e0e410; border-color: transparent; } .socialbar.default.flat a.snapchat:hover { background-color: #e0e410; color: var(--clb-color-white); } .socialbar.default.inline a.snapchat { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.snapchat:hover { color: #e0e410; } .socialbar.default.inline a.snapchat:hover::before { display: none; } .socialbar.default a.soundcloud { background-color: #FD561F; border-color: #FD561F; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.soundcloud:hover { background-color: transparent; color: #FD561F; border-color: #FD561F; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.soundcloud { background-color: transparent; color: #FD561F; border-color: #FD561F; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.soundcloud:hover { background-color: #FD561F; color: var(--clb-color-white); } .socialbar.default.outline a.soundcloud { background-color: transparent; color: #FD561F; } .socialbar.default.outline a.soundcloud:hover { background-color: #FD561F; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.soundcloud { background-color: transparent; color: #FD561F; border-color: transparent; } .socialbar.default.flat a.soundcloud:hover { background-color: #FD561F; color: var(--clb-color-white); } .socialbar.default.inline a.soundcloud { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.soundcloud:hover { color: #FD561F; } .socialbar.default.inline a.soundcloud:hover::before { display: none; } .socialbar.default a.spotify { background-color: #1ED760; border-color: #1ED760; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.spotify:hover { background-color: transparent; color: #1ED760; border-color: #1ED760; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.spotify { background-color: transparent; color: #1ED760; border-color: #1ED760; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.spotify:hover { background-color: #1ED760; color: var(--clb-color-white); } .socialbar.default.outline a.spotify { background-color: transparent; color: #1ED760; } .socialbar.default.outline a.spotify:hover { background-color: #1ED760; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.spotify { background-color: transparent; color: #1ED760; border-color: transparent; } .socialbar.default.flat a.spotify:hover { background-color: #1ED760; color: var(--clb-color-white); } .socialbar.default.inline a.spotify { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.spotify:hover { color: #1ED760; } .socialbar.default.inline a.spotify:hover::before { display: none; } .socialbar.default a.teamspeak { background-color: #1c82cc; border-color: #1c82cc; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.teamspeak:hover { background-color: transparent; color: #1c82cc; border-color: #1c82cc; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.teamspeak { background-color: transparent; color: #1c82cc; border-color: #1c82cc; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.teamspeak:hover { background-color: #1c82cc; color: var(--clb-color-white); } .socialbar.default.outline a.teamspeak { background-color: transparent; color: #1c82cc; } .socialbar.default.outline a.teamspeak:hover { background-color: #1c82cc; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.teamspeak { background-color: transparent; color: #1c82cc; border-color: transparent; } .socialbar.default.flat a.teamspeak:hover { background-color: #1c82cc; color: var(--clb-color-white); } .socialbar.default.inline a.teamspeak { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.teamspeak:hover { color: #1c82cc; } .socialbar.default.inline a.teamspeak:hover::before { display: none; } .socialbar.default a.telegram { background-color: #0088cc; border-color: #0088cc; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.telegram:hover { background-color: transparent; color: #0088cc; border-color: #0088cc; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.telegram { background-color: transparent; color: #0088cc; border-color: #0088cc; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.telegram:hover { background-color: #0088cc; color: var(--clb-color-white); } .socialbar.default.outline a.telegram { background-color: transparent; color: #0088cc; } .socialbar.default.outline a.telegram:hover { background-color: #0088cc; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.telegram { background-color: transparent; color: #0088cc; border-color: transparent; } .socialbar.default.flat a.telegram:hover { background-color: #0088cc; color: var(--clb-color-white); } .socialbar.default.inline a.telegram { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.telegram:hover { color: #0088cc; } .socialbar.default.inline a.telegram:hover::before { display: none; } .socialbar.default a.threads { background-color: #101010; border-color: #101010; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.threads:hover { background-color: transparent; color: #101010; border-color: #101010; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.threads { background-color: transparent; color: #101010; border-color: #101010; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.threads:hover { background-color: #101010; color: var(--clb-color-white); } .socialbar.default.outline a.threads { background-color: transparent; color: #101010; } .socialbar.default.outline a.threads:hover { background-color: #101010; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.threads { background-color: transparent; color: #101010; border-color: transparent; } .socialbar.default.flat a.threads:hover { background-color: #101010; color: var(--clb-color-white); } .socialbar.default.inline a.threads { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.threads:hover { color: #101010; } .socialbar.default.inline a.threads:hover::before { display: none; } .socialbar.default a.tiktok { background-color: #323131; border-color: #323131; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.tiktok:hover { background-color: transparent; color: #323131; border-color: #323131; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.tiktok { background-color: transparent; color: #323131; border-color: #323131; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.tiktok:hover { background-color: #323131; color: var(--clb-color-white); } .socialbar.default.outline a.tiktok { background-color: transparent; color: #323131; } .socialbar.default.outline a.tiktok:hover { background-color: #323131; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.tiktok { background-color: transparent; color: #323131; border-color: transparent; } .socialbar.default.flat a.tiktok:hover { background-color: #323131; color: var(--clb-color-white); } .socialbar.default.inline a.tiktok { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.tiktok:hover { color: #323131; } .socialbar.default.inline a.tiktok:hover::before { display: none; } .socialbar.default a.tumblr { background-color: #2a445f; border-color: #2a445f; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.tumblr:hover { background-color: transparent; color: #2a445f; border-color: #2a445f; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.tumblr { background-color: transparent; color: #2a445f; border-color: #2a445f; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.tumblr:hover { background-color: #2a445f; color: var(--clb-color-white); } .socialbar.default.outline a.tumblr { background-color: transparent; color: #2a445f; } .socialbar.default.outline a.tumblr:hover { background-color: #2a445f; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.tumblr { background-color: transparent; color: #2a445f; border-color: transparent; } .socialbar.default.flat a.tumblr:hover { background-color: #2a445f; color: var(--clb-color-white); } .socialbar.default.inline a.tumblr { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.tumblr:hover { color: #2a445f; } .socialbar.default.inline a.tumblr:hover::before { display: none; } .socialbar.default a.twitch { background-color: #9147ff; border-color: #9147ff; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.twitch:hover { background-color: transparent; color: #9147ff; border-color: #9147ff; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.twitch { background-color: transparent; color: #9147ff; border-color: #9147ff; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.twitch:hover { background-color: #9147ff; color: var(--clb-color-white); } .socialbar.default.outline a.twitch { background-color: transparent; color: #9147ff; } .socialbar.default.outline a.twitch:hover { background-color: #9147ff; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.twitch { background-color: transparent; color: #9147ff; border-color: transparent; } .socialbar.default.flat a.twitch:hover { background-color: #9147ff; color: var(--clb-color-white); } .socialbar.default.inline a.twitch { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.twitch:hover { color: #9147ff; } .socialbar.default.inline a.twitch:hover::before { display: none; } .socialbar.default a.twitter { background-color: #2aa3ef; border-color: #2aa3ef; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.twitter:hover { background-color: transparent; color: #2aa3ef; border-color: #2aa3ef; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.twitter { background-color: transparent; color: #2aa3ef; border-color: #2aa3ef; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.twitter:hover { background-color: #2aa3ef; color: var(--clb-color-white); } .socialbar.default.outline a.twitter { background-color: transparent; color: #2aa3ef; } .socialbar.default.outline a.twitter:hover { background-color: #2aa3ef; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.twitter { background-color: transparent; color: #2aa3ef; border-color: transparent; } .socialbar.default.flat a.twitter:hover { background-color: #2aa3ef; color: var(--clb-color-white); } .socialbar.default.inline a.twitter { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.twitter:hover { color: #2aa3ef; } .socialbar.default.inline a.twitter:hover::before { display: none; } .socialbar.default a.vimeo { background-color: #1ab8ea; border-color: #1ab8ea; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.vimeo:hover { background-color: transparent; color: #1ab8ea; border-color: #1ab8ea; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.vimeo { background-color: transparent; color: #1ab8ea; border-color: #1ab8ea; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.vimeo:hover { background-color: #1ab8ea; color: var(--clb-color-white); } .socialbar.default.outline a.vimeo { background-color: transparent; color: #1ab8ea; } .socialbar.default.outline a.vimeo:hover { background-color: #1ab8ea; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.vimeo { background-color: transparent; color: #1ab8ea; border-color: transparent; } .socialbar.default.flat a.vimeo:hover { background-color: #1ab8ea; color: var(--clb-color-white); } .socialbar.default.inline a.vimeo { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.vimeo:hover { color: #1ab8ea; } .socialbar.default.inline a.vimeo:hover::before { display: none; } .socialbar.default a.vine { background-color: #00be8e; border-color: #00be8e; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.vine:hover { background-color: transparent; color: #00be8e; border-color: #00be8e; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.vine { background-color: transparent; color: #00be8e; border-color: #00be8e; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.vine:hover { background-color: #00be8e; color: var(--clb-color-white); } .socialbar.default.outline a.vine { background-color: transparent; color: #00be8e; } .socialbar.default.outline a.vine:hover { background-color: #00be8e; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.vine { background-color: transparent; color: #00be8e; border-color: transparent; } .socialbar.default.flat a.vine:hover { background-color: #00be8e; color: var(--clb-color-white); } .socialbar.default.inline a.vine { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.vine:hover { color: #00be8e; } .socialbar.default.inline a.vine:hover::before { display: none; } .socialbar.default a.whatsapp { background-color: #0ec143; border-color: #0ec143; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.whatsapp:hover { background-color: transparent; color: #0ec143; border-color: #0ec143; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.whatsapp { background-color: transparent; color: #0ec143; border-color: #0ec143; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.whatsapp:hover { background-color: #0ec143; color: var(--clb-color-white); } .socialbar.default.outline a.whatsapp { background-color: transparent; color: #0ec143; } .socialbar.default.outline a.whatsapp:hover { background-color: #0ec143; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.whatsapp { background-color: transparent; color: #0ec143; border-color: transparent; } .socialbar.default.flat a.whatsapp:hover { background-color: #0ec143; color: var(--clb-color-white); } .socialbar.default.inline a.whatsapp { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.whatsapp:hover { color: #0ec143; } .socialbar.default.inline a.whatsapp:hover::before { display: none; } .socialbar.default a.xing { background-color: #0C6567; border-color: #0C6567; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.xing:hover { background-color: transparent; color: #0C6567; border-color: #0C6567; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.xing { background-color: transparent; color: #0C6567; border-color: #0C6567; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.xing:hover { background-color: #0C6567; color: var(--clb-color-white); } .socialbar.default.outline a.xing { background-color: transparent; color: #0C6567; } .socialbar.default.outline a.xing:hover { background-color: #0C6567; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.xing { background-color: transparent; color: #0C6567; border-color: transparent; } .socialbar.default.flat a.xing:hover { background-color: #0C6567; color: var(--clb-color-white); } .socialbar.default.inline a.xing { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.xing:hover { color: #0C6567; } .socialbar.default.inline a.xing:hover::before { display: none; } .socialbar.default a.youtube { background-color: #e4252d; border-color: #e4252d; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.youtube:hover { background-color: transparent; color: #e4252d; border-color: #e4252d; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.youtube { background-color: transparent; color: #e4252d; border-color: #e4252d; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.youtube:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.default.outline a.youtube { background-color: transparent; color: #e4252d; } .socialbar.default.outline a.youtube:hover { background-color: #e4252d; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.youtube { background-color: transparent; color: #e4252d; border-color: transparent; } .socialbar.default.flat a.youtube:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.default.inline a.youtube { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.youtube:hover { color: #e4252d; } .socialbar.default.inline a.youtube:hover::before { display: none; } .socialbar.default a.500px { background-color: #000000; border-color: #000000; border-width: 2px !important; color: var(--clb-color-white); } .socialbar.default a.500px:hover { background-color: transparent; color: #000000; border-color: #000000; -webkit-box-shadow: none; box-shadow: none; } .socialbar.default.hover-colorize-reverse a.500px { background-color: transparent; color: #000000; border-color: #000000; border-width: 2px !important; } .socialbar.default.hover-colorize-reverse a.500px:hover { background-color: #000000; color: var(--clb-color-white); } .socialbar.default.outline a.500px { background-color: transparent; color: #000000; } .socialbar.default.outline a.500px:hover { background-color: #000000; color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .socialbar.default.flat a.500px { background-color: transparent; color: #000000; border-color: transparent; } .socialbar.default.flat a.500px:hover { background-color: #000000; color: var(--clb-color-white); } .socialbar.default.inline a.500px { background-color: transparent; border-color: transparent; color: var(--clb-color-black); } .socialbar.default.inline a.500px:hover { color: #000000; } .socialbar.default.inline a.500px:hover::before { display: none; } .socialbar.hover-default a.artstation:hover { background-color: transparent; color: #26bbff; border-color: #26bbff; } .socialbar.hover-default.outline a.artstation:hover { background-color: #26bbff; color: var(--clb-color-white); } .socialbar.hover-default.flat a.artstation:hover { background-color: #26bbff; color: var(--clb-color-white); } .socialbar.hover-default.inline a.artstation:hover { color: #26bbff; } .socialbar.hover-default.inline a.artstation:before { background-color: #26bbff; } .socialbar.hover-default a.behance:hover { background-color: transparent; color: #0056ff; border-color: #0056ff; } .socialbar.hover-default.outline a.behance:hover { background-color: #0056ff; color: var(--clb-color-white); } .socialbar.hover-default.flat a.behance:hover { background-color: #0056ff; color: var(--clb-color-white); } .socialbar.hover-default.inline a.behance:hover { color: #0056ff; } .socialbar.hover-default.inline a.behance:before { background-color: #0056ff; } .socialbar.hover-default a.deviantart:hover { background-color: transparent; color: #05CC47; border-color: #05CC47; } .socialbar.hover-default.outline a.deviantart:hover { background-color: #05CC47; color: var(--clb-color-white); } .socialbar.hover-default.flat a.deviantart:hover { background-color: #05CC47; color: var(--clb-color-white); } .socialbar.hover-default.inline a.deviantart:hover { color: #05CC47; } .socialbar.hover-default.inline a.deviantart:before { background-color: #05CC47; } .socialbar.hover-default a.digg:hover { background-color: transparent; color: #1c5891; border-color: #1c5891; } .socialbar.hover-default.outline a.digg:hover { background-color: #1c5891; color: var(--clb-color-white); } .socialbar.hover-default.flat a.digg:hover { background-color: #1c5891; color: var(--clb-color-white); } .socialbar.hover-default.inline a.digg:hover { color: #1c5891; } .socialbar.hover-default.inline a.digg:before { background-color: #1c5891; } .socialbar.hover-default a.discord:hover { background-color: transparent; color: #7289da; border-color: #7289da; } .socialbar.hover-default.outline a.discord:hover { background-color: #7289da; color: var(--clb-color-white); } .socialbar.hover-default.flat a.discord:hover { background-color: #7289da; color: var(--clb-color-white); } .socialbar.hover-default.inline a.discord:hover { color: #7289da; } .socialbar.hover-default.inline a.discord:before { background-color: #7289da; } .socialbar.hover-default a.dribbble:hover { background-color: transparent; color: #fd629e; border-color: #fd629e; } .socialbar.hover-default.outline a.dribbble:hover { background-color: #fd629e; color: var(--clb-color-white); } .socialbar.hover-default.flat a.dribbble:hover { background-color: #fd629e; color: var(--clb-color-white); } .socialbar.hover-default.inline a.dribbble:hover { color: #fd629e; } .socialbar.hover-default.inline a.dribbble:before { background-color: #fd629e; } .socialbar.hover-default a.facebook:hover { background-color: transparent; color: #217cef; border-color: #217cef; } .socialbar.hover-default.outline a.facebook:hover { background-color: #217cef; color: var(--clb-color-white); } .socialbar.hover-default.flat a.facebook:hover { background-color: #217cef; color: var(--clb-color-white); } .socialbar.hover-default.inline a.facebook:hover { color: #217cef; } .socialbar.hover-default.inline a.facebook:before { background-color: #217cef; } .socialbar.hover-default a.flickr:hover { background-color: transparent; color: #0063db; border-color: #0063db; } .socialbar.hover-default.outline a.flickr:hover { background-color: #0063db; color: var(--clb-color-white); } .socialbar.hover-default.flat a.flickr:hover { background-color: #0063db; color: var(--clb-color-white); } .socialbar.hover-default.inline a.flickr:hover { color: #0063db; } .socialbar.hover-default.inline a.flickr:before { background-color: #0063db; } .socialbar.hover-default a.github:hover { background-color: transparent; color: #24292E; border-color: #24292E; } .socialbar.hover-default.outline a.github:hover { background-color: #24292E; color: var(--clb-color-white); } .socialbar.hover-default.flat a.github:hover { background-color: #24292E; color: var(--clb-color-white); } .socialbar.hover-default.inline a.github:hover { color: #24292E; } .socialbar.hover-default.inline a.github:before { background-color: #24292E; } .socialbar.hover-default a.houzz:hover { background-color: transparent; color: #007562; border-color: #007562; } .socialbar.hover-default.outline a.houzz:hover { background-color: #007562; color: var(--clb-color-white); } .socialbar.hover-default.flat a.houzz:hover { background-color: #007562; color: var(--clb-color-white); } .socialbar.hover-default.inline a.houzz:hover { color: #007562; } .socialbar.hover-default.inline a.houzz:before { background-color: #007562; } .socialbar.hover-default a.instagram:hover { background-color: transparent; color: #383838; border-color: #383838; } .socialbar.hover-default.outline a.instagram:hover { background-color: #383838; color: var(--clb-color-white); } .socialbar.hover-default.flat a.instagram:hover { background-color: #383838; color: var(--clb-color-white); } .socialbar.hover-default.inline a.instagram:hover { color: #383838; } .socialbar.hover-default.inline a.instagram:before { background-color: #383838; } .socialbar.hover-default a.kaggle:hover { background-color: transparent; color: #32C0FD; border-color: #32C0FD; } .socialbar.hover-default.outline a.kaggle:hover { background-color: #32C0FD; color: var(--clb-color-white); } .socialbar.hover-default.flat a.kaggle:hover { background-color: #32C0FD; color: var(--clb-color-white); } .socialbar.hover-default.inline a.kaggle:hover { color: #32C0FD; } .socialbar.hover-default.inline a.kaggle:before { background-color: #32C0FD; } .socialbar.hover-default a.linkedin:hover { background-color: transparent; color: #4477ab; border-color: #4477ab; } .socialbar.hover-default.outline a.linkedin:hover { background-color: #4477ab; color: var(--clb-color-white); } .socialbar.hover-default.flat a.linkedin:hover { background-color: #4477ab; color: var(--clb-color-white); } .socialbar.hover-default.inline a.linkedin:hover { color: #4477ab; } .socialbar.hover-default.inline a.linkedin:before { background-color: #4477ab; } .socialbar.hover-default a.medium:hover { background-color: transparent; color: #1a8917; border-color: #1a8917; } .socialbar.hover-default.outline a.medium:hover { background-color: #1a8917; color: var(--clb-color-white); } .socialbar.hover-default.flat a.medium:hover { background-color: #1a8917; color: var(--clb-color-white); } .socialbar.hover-default.inline a.medium:hover { color: #1a8917; } .socialbar.hover-default.inline a.medium:before { background-color: #1a8917; } .socialbar.hover-default a.mixer:hover { background-color: transparent; color: #0270d9; border-color: #0270d9; } .socialbar.hover-default.outline a.mixer:hover { background-color: #0270d9; color: var(--clb-color-white); } .socialbar.hover-default.flat a.mixer:hover { background-color: #0270d9; color: var(--clb-color-white); } .socialbar.hover-default.inline a.mixer:hover { color: #0270d9; } .socialbar.hover-default.inline a.mixer:before { background-color: #0270d9; } .socialbar.hover-default a.pinterest:hover { background-color: transparent; color: #e4252d; border-color: #e4252d; } .socialbar.hover-default.outline a.pinterest:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.hover-default.flat a.pinterest:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.hover-default.inline a.pinterest:hover { color: #e4252d; } .socialbar.hover-default.inline a.pinterest:before { background-color: #e4252d; } .socialbar.hover-default a.producthunt:hover { background-color: transparent; color: #ff4f00; border-color: #ff4f00; } .socialbar.hover-default.outline a.producthunt:hover { background-color: #ff4f00; color: var(--clb-color-white); } .socialbar.hover-default.flat a.producthunt:hover { background-color: #ff4f00; color: var(--clb-color-white); } .socialbar.hover-default.inline a.producthunt:hover { color: #ff4f00; } .socialbar.hover-default.inline a.producthunt:before { background-color: #ff4f00; } .socialbar.hover-default a.quora:hover { background-color: transparent; color: #a82401; border-color: #a82401; } .socialbar.hover-default.outline a.quora:hover { background-color: #a82401; color: var(--clb-color-white); } .socialbar.hover-default.flat a.quora:hover { background-color: #a82401; color: var(--clb-color-white); } .socialbar.hover-default.inline a.quora:hover { color: #a82401; } .socialbar.hover-default.inline a.quora:before { background-color: #a82401; } .socialbar.hover-default a.reddit:hover { background-color: transparent; color: #ff4501; border-color: #ff4501; } .socialbar.hover-default.outline a.reddit:hover { background-color: #ff4501; color: var(--clb-color-white); } .socialbar.hover-default.flat a.reddit:hover { background-color: #ff4501; color: var(--clb-color-white); } .socialbar.hover-default.inline a.reddit:hover { color: #ff4501; } .socialbar.hover-default.inline a.reddit:before { background-color: #ff4501; } .socialbar.hover-default a.snapchat:hover { background-color: transparent; color: #e0e410; border-color: #e0e410; } .socialbar.hover-default.outline a.snapchat:hover { background-color: #e0e410; color: var(--clb-color-white); } .socialbar.hover-default.flat a.snapchat:hover { background-color: #e0e410; color: var(--clb-color-white); } .socialbar.hover-default.inline a.snapchat:hover { color: #e0e410; } .socialbar.hover-default.inline a.snapchat:before { background-color: #e0e410; } .socialbar.hover-default a.soundcloud:hover { background-color: transparent; color: #FD561F; border-color: #FD561F; } .socialbar.hover-default.outline a.soundcloud:hover { background-color: #FD561F; color: var(--clb-color-white); } .socialbar.hover-default.flat a.soundcloud:hover { background-color: #FD561F; color: var(--clb-color-white); } .socialbar.hover-default.inline a.soundcloud:hover { color: #FD561F; } .socialbar.hover-default.inline a.soundcloud:before { background-color: #FD561F; } .socialbar.hover-default a.spotify:hover { background-color: transparent; color: #1ED760; border-color: #1ED760; } .socialbar.hover-default.outline a.spotify:hover { background-color: #1ED760; color: var(--clb-color-white); } .socialbar.hover-default.flat a.spotify:hover { background-color: #1ED760; color: var(--clb-color-white); } .socialbar.hover-default.inline a.spotify:hover { color: #1ED760; } .socialbar.hover-default.inline a.spotify:before { background-color: #1ED760; } .socialbar.hover-default a.teamspeak:hover { background-color: transparent; color: #1c82cc; border-color: #1c82cc; } .socialbar.hover-default.outline a.teamspeak:hover { background-color: #1c82cc; color: var(--clb-color-white); } .socialbar.hover-default.flat a.teamspeak:hover { background-color: #1c82cc; color: var(--clb-color-white); } .socialbar.hover-default.inline a.teamspeak:hover { color: #1c82cc; } .socialbar.hover-default.inline a.teamspeak:before { background-color: #1c82cc; } .socialbar.hover-default a.telegram:hover { background-color: transparent; color: #0088cc; border-color: #0088cc; } .socialbar.hover-default.outline a.telegram:hover { background-color: #0088cc; color: var(--clb-color-white); } .socialbar.hover-default.flat a.telegram:hover { background-color: #0088cc; color: var(--clb-color-white); } .socialbar.hover-default.inline a.telegram:hover { color: #0088cc; } .socialbar.hover-default.inline a.telegram:before { background-color: #0088cc; } .socialbar.hover-default a.threads:hover { background-color: transparent; color: #101010; border-color: #101010; } .socialbar.hover-default.outline a.threads:hover { background-color: #101010; color: var(--clb-color-white); } .socialbar.hover-default.flat a.threads:hover { background-color: #101010; color: var(--clb-color-white); } .socialbar.hover-default.inline a.threads:hover { color: #101010; } .socialbar.hover-default.inline a.threads:before { background-color: #101010; } .socialbar.hover-default a.tiktok:hover { background-color: transparent; color: #323131; border-color: #323131; } .socialbar.hover-default.outline a.tiktok:hover { background-color: #323131; color: var(--clb-color-white); } .socialbar.hover-default.flat a.tiktok:hover { background-color: #323131; color: var(--clb-color-white); } .socialbar.hover-default.inline a.tiktok:hover { color: #323131; } .socialbar.hover-default.inline a.tiktok:before { background-color: #323131; } .socialbar.hover-default a.tumblr:hover { background-color: transparent; color: #2a445f; border-color: #2a445f; } .socialbar.hover-default.outline a.tumblr:hover { background-color: #2a445f; color: var(--clb-color-white); } .socialbar.hover-default.flat a.tumblr:hover { background-color: #2a445f; color: var(--clb-color-white); } .socialbar.hover-default.inline a.tumblr:hover { color: #2a445f; } .socialbar.hover-default.inline a.tumblr:before { background-color: #2a445f; } .socialbar.hover-default a.twitch:hover { background-color: transparent; color: #9147ff; border-color: #9147ff; } .socialbar.hover-default.outline a.twitch:hover { background-color: #9147ff; color: var(--clb-color-white); } .socialbar.hover-default.flat a.twitch:hover { background-color: #9147ff; color: var(--clb-color-white); } .socialbar.hover-default.inline a.twitch:hover { color: #9147ff; } .socialbar.hover-default.inline a.twitch:before { background-color: #9147ff; } .socialbar.hover-default a.twitter:hover { background-color: transparent; color: #2aa3ef; border-color: #2aa3ef; } .socialbar.hover-default.outline a.twitter:hover { background-color: #2aa3ef; color: var(--clb-color-white); } .socialbar.hover-default.flat a.twitter:hover { background-color: #2aa3ef; color: var(--clb-color-white); } .socialbar.hover-default.inline a.twitter:hover { color: #2aa3ef; } .socialbar.hover-default.inline a.twitter:before { background-color: #2aa3ef; } .socialbar.hover-default a.vimeo:hover { background-color: transparent; color: #1ab8ea; border-color: #1ab8ea; } .socialbar.hover-default.outline a.vimeo:hover { background-color: #1ab8ea; color: var(--clb-color-white); } .socialbar.hover-default.flat a.vimeo:hover { background-color: #1ab8ea; color: var(--clb-color-white); } .socialbar.hover-default.inline a.vimeo:hover { color: #1ab8ea; } .socialbar.hover-default.inline a.vimeo:before { background-color: #1ab8ea; } .socialbar.hover-default a.vine:hover { background-color: transparent; color: #00be8e; border-color: #00be8e; } .socialbar.hover-default.outline a.vine:hover { background-color: #00be8e; color: var(--clb-color-white); } .socialbar.hover-default.flat a.vine:hover { background-color: #00be8e; color: var(--clb-color-white); } .socialbar.hover-default.inline a.vine:hover { color: #00be8e; } .socialbar.hover-default.inline a.vine:before { background-color: #00be8e; } .socialbar.hover-default a.whatsapp:hover { background-color: transparent; color: #0ec143; border-color: #0ec143; } .socialbar.hover-default.outline a.whatsapp:hover { background-color: #0ec143; color: var(--clb-color-white); } .socialbar.hover-default.flat a.whatsapp:hover { background-color: #0ec143; color: var(--clb-color-white); } .socialbar.hover-default.inline a.whatsapp:hover { color: #0ec143; } .socialbar.hover-default.inline a.whatsapp:before { background-color: #0ec143; } .socialbar.hover-default a.xing:hover { background-color: transparent; color: #0C6567; border-color: #0C6567; } .socialbar.hover-default.outline a.xing:hover { background-color: #0C6567; color: var(--clb-color-white); } .socialbar.hover-default.flat a.xing:hover { background-color: #0C6567; color: var(--clb-color-white); } .socialbar.hover-default.inline a.xing:hover { color: #0C6567; } .socialbar.hover-default.inline a.xing:before { background-color: #0C6567; } .socialbar.hover-default a.youtube:hover { background-color: transparent; color: #e4252d; border-color: #e4252d; } .socialbar.hover-default.outline a.youtube:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.hover-default.flat a.youtube:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.hover-default.inline a.youtube:hover { color: #e4252d; } .socialbar.hover-default.inline a.youtube:before { background-color: #e4252d; } .socialbar.hover-default a.500px:hover { background-color: transparent; color: #000000; border-color: #000000; } .socialbar.hover-default.outline a.500px:hover { background-color: #000000; color: var(--clb-color-white); } .socialbar.hover-default.flat a.500px:hover { background-color: #000000; color: var(--clb-color-white); } .socialbar.hover-default.inline a.500px:hover { color: #000000; } .socialbar.hover-default.inline a.500px:before { background-color: #000000; } .socialbar.brand a { background-color: var(--clb-color-primary); border-color: var(--clb-color-primary); } .socialbar.brand a:hover { background-color: transparent; color: var(--clb-color-primary); } .socialbar.brand.outline a { background-color: transparent; color: var(--clb-color-primary); } .socialbar.brand.outline a:hover { background-color: var(--clb-color-primary); color: var(--clb-color-white); } .socialbar.brand.flat a { background-color: transparent; color: var(--clb-color-primary); border-color: transparent; } .socialbar.brand.flat a:hover { background-color: var(--clb-color-primary); color: var(--clb-color-white); } .socialbar.brand.inline a { background-color: transparent; border-color: transparent; } .socialbar.brand.inline a:hover { color: var(--clb-color-primary); } .socialbar.boxed { margin: 0; overflow: hidden; } .socialbar.boxed::after { content: ""; display: table; clear: both; } .socialbar.boxed.social-column-1 a { width: 100%; } .socialbar.boxed.social-column-2 a { width: 50%; } .socialbar.boxed.social-column-3 a { width: 33.333%; } .socialbar.boxed.social-column-4 a { width: 25%; } .socialbar.boxed.social-column-5 a { width: 20%; } .socialbar.boxed.social-column-6 a { width: 16.666%; } .socialbar.boxed.social-column-7 a { width: 14.285%; } .socialbar.boxed.social-column-8 a { width: 12.5%; } .socialbar.boxed.social-column-9 a { width: 11.11%; } .socialbar.boxed.social-column-10 a { width: 10%; } .socialbar.boxed a { background-color: transparent; color: var(--clb-body-color); height: 100px; float: left; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; line-height: 100px; vertical-align: middle; position: relative; overflow: hidden; } .socialbar.boxed a .icon { width: 100%; text-align: center; position: absolute; opacity: 0; top: 60%; left: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; } .socialbar.boxed a .social-text { font-family: var(--clb-titles-font-family); font-size: 0.75em; font-weight: 600; position: relative; top: 0; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .socialbar.boxed a:hover { background-color: var(--clb-fill-color); } .socialbar.boxed a:hover .icon { opacity: 1; top: 40%; } .socialbar.boxed a:hover .social-text { opacity: 0; top: -30px; } .socialbar.boxed a.default a.artstation { background-color: #26bbff; border-color: #26bbff; } .socialbar.boxed a.default a.artstation:hover { background-color: #26bbff; color: var(--clb-color-white); } .socialbar.boxed a.default a.behance { background-color: #0056ff; border-color: #0056ff; } .socialbar.boxed a.default a.behance:hover { background-color: #0056ff; color: var(--clb-color-white); } .socialbar.boxed a.default a.deviantart { background-color: #05CC47; border-color: #05CC47; } .socialbar.boxed a.default a.deviantart:hover { background-color: #05CC47; color: var(--clb-color-white); } .socialbar.boxed a.default a.digg { background-color: #1c5891; border-color: #1c5891; } .socialbar.boxed a.default a.digg:hover { background-color: #1c5891; color: var(--clb-color-white); } .socialbar.boxed a.default a.discord { background-color: #7289da; border-color: #7289da; } .socialbar.boxed a.default a.discord:hover { background-color: #7289da; color: var(--clb-color-white); } .socialbar.boxed a.default a.dribbble { background-color: #fd629e; border-color: #fd629e; } .socialbar.boxed a.default a.dribbble:hover { background-color: #fd629e; color: var(--clb-color-white); } .socialbar.boxed a.default a.facebook { background-color: #217cef; border-color: #217cef; } .socialbar.boxed a.default a.facebook:hover { background-color: #217cef; color: var(--clb-color-white); } .socialbar.boxed a.default a.flickr { background-color: #0063db; border-color: #0063db; } .socialbar.boxed a.default a.flickr:hover { background-color: #0063db; color: var(--clb-color-white); } .socialbar.boxed a.default a.github { background-color: #24292E; border-color: #24292E; } .socialbar.boxed a.default a.github:hover { background-color: #24292E; color: var(--clb-color-white); } .socialbar.boxed a.default a.houzz { background-color: #007562; border-color: #007562; } .socialbar.boxed a.default a.houzz:hover { background-color: #007562; color: var(--clb-color-white); } .socialbar.boxed a.default a.instagram { background-color: #383838; border-color: #383838; } .socialbar.boxed a.default a.instagram:hover { background-color: #383838; color: var(--clb-color-white); } .socialbar.boxed a.default a.kaggle { background-color: #32C0FD; border-color: #32C0FD; } .socialbar.boxed a.default a.kaggle:hover { background-color: #32C0FD; color: var(--clb-color-white); } .socialbar.boxed a.default a.linkedin { background-color: #4477ab; border-color: #4477ab; } .socialbar.boxed a.default a.linkedin:hover { background-color: #4477ab; color: var(--clb-color-white); } .socialbar.boxed a.default a.medium { background-color: #1a8917; border-color: #1a8917; } .socialbar.boxed a.default a.medium:hover { background-color: #1a8917; color: var(--clb-color-white); } .socialbar.boxed a.default a.mixer { background-color: #0270d9; border-color: #0270d9; } .socialbar.boxed a.default a.mixer:hover { background-color: #0270d9; color: var(--clb-color-white); } .socialbar.boxed a.default a.pinterest { background-color: #e4252d; border-color: #e4252d; } .socialbar.boxed a.default a.pinterest:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.boxed a.default a.producthunt { background-color: #ff4f00; border-color: #ff4f00; } .socialbar.boxed a.default a.producthunt:hover { background-color: #ff4f00; color: var(--clb-color-white); } .socialbar.boxed a.default a.quora { background-color: #a82401; border-color: #a82401; } .socialbar.boxed a.default a.quora:hover { background-color: #a82401; color: var(--clb-color-white); } .socialbar.boxed a.default a.reddit { background-color: #ff4501; border-color: #ff4501; } .socialbar.boxed a.default a.reddit:hover { background-color: #ff4501; color: var(--clb-color-white); } .socialbar.boxed a.default a.snapchat { background-color: #e0e410; border-color: #e0e410; } .socialbar.boxed a.default a.snapchat:hover { background-color: #e0e410; color: var(--clb-color-white); } .socialbar.boxed a.default a.soundcloud { background-color: #FD561F; border-color: #FD561F; } .socialbar.boxed a.default a.soundcloud:hover { background-color: #FD561F; color: var(--clb-color-white); } .socialbar.boxed a.default a.spotify { background-color: #1ED760; border-color: #1ED760; } .socialbar.boxed a.default a.spotify:hover { background-color: #1ED760; color: var(--clb-color-white); } .socialbar.boxed a.default a.teamspeak { background-color: #1c82cc; border-color: #1c82cc; } .socialbar.boxed a.default a.teamspeak:hover { background-color: #1c82cc; color: var(--clb-color-white); } .socialbar.boxed a.default a.telegram { background-color: #0088cc; border-color: #0088cc; } .socialbar.boxed a.default a.telegram:hover { background-color: #0088cc; color: var(--clb-color-white); } .socialbar.boxed a.default a.threads { background-color: #101010; border-color: #101010; } .socialbar.boxed a.default a.threads:hover { background-color: #101010; color: var(--clb-color-white); } .socialbar.boxed a.default a.tiktok { background-color: #323131; border-color: #323131; } .socialbar.boxed a.default a.tiktok:hover { background-color: #323131; color: var(--clb-color-white); } .socialbar.boxed a.default a.tumblr { background-color: #2a445f; border-color: #2a445f; } .socialbar.boxed a.default a.tumblr:hover { background-color: #2a445f; color: var(--clb-color-white); } .socialbar.boxed a.default a.twitch { background-color: #9147ff; border-color: #9147ff; } .socialbar.boxed a.default a.twitch:hover { background-color: #9147ff; color: var(--clb-color-white); } .socialbar.boxed a.default a.twitter { background-color: #2aa3ef; border-color: #2aa3ef; } .socialbar.boxed a.default a.twitter:hover { background-color: #2aa3ef; color: var(--clb-color-white); } .socialbar.boxed a.default a.vimeo { background-color: #1ab8ea; border-color: #1ab8ea; } .socialbar.boxed a.default a.vimeo:hover { background-color: #1ab8ea; color: var(--clb-color-white); } .socialbar.boxed a.default a.vine { background-color: #00be8e; border-color: #00be8e; } .socialbar.boxed a.default a.vine:hover { background-color: #00be8e; color: var(--clb-color-white); } .socialbar.boxed a.default a.whatsapp { background-color: #0ec143; border-color: #0ec143; } .socialbar.boxed a.default a.whatsapp:hover { background-color: #0ec143; color: var(--clb-color-white); } .socialbar.boxed a.default a.xing { background-color: #0C6567; border-color: #0C6567; } .socialbar.boxed a.default a.xing:hover { background-color: #0C6567; color: var(--clb-color-white); } .socialbar.boxed a.default a.youtube { background-color: #e4252d; border-color: #e4252d; } .socialbar.boxed a.default a.youtube:hover { background-color: #e4252d; color: var(--clb-color-white); } .socialbar.boxed a.default a.500px { background-color: #000000; border-color: #000000; } .socialbar.boxed a.default a.500px:hover { background-color: #000000; color: var(--clb-color-white); } @media screen and (max-width: 768px) { .socialbar.boxed a { height: 60px; line-height: 60px; font-size: 1.2em; } .socialbar.boxed a .social-text { display: none; } .socialbar.boxed a .icon { opacity: 1; position: static; } } @-webkit-keyframes toTopFromBottom { 59% { -webkit-transform: translateY(-90%); transform: translateY(-90%); } 60% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 61% { opacity: 1; } } @keyframes toTopFromBottom { 59% { -webkit-transform: translateY(-90%); transform: translateY(-90%); } 60% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 61% { opacity: 1; } } /*-------------------------------------------------------------- ## Split Section --------------------------------------------------------------*/ .split-box { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .split-box-container { padding: 5%; vertical-align: middle; overflow: hidden; } .split-box-container::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .split-box-container .content { position: relative; z-index: 3; } .split-box .split-box-inner { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .split-box { display: block; } } /*-------------------------------------------------------------- ## Split Slider --------------------------------------------------------------*/ .stockie-splitscreen { width: 100%; min-height: 500px; position: relative; overflow: hidden; } .stockie-splitscreen.stockie-splitscreen.container-loading .ms-left, .stockie-splitscreen.stockie-splitscreen.container-loading .ms-right { opacity: 0; } .stockie-splitscreen.stockie-splitscreen.container-loading.closed .ms-left, .stockie-splitscreen.stockie-splitscreen.container-loading.closed .ms-right { opacity: 1; } .stockie-splitscreen .ms-section { position: relative; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .stockie-splitscreen .ms-section .ms-tableCell { width: 100%; height: auto !important; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.5s var(--clb-transition-duration); -o-transition: all 0.5s var(--clb-transition-duration); transition: all 0.5s var(--clb-transition-duration); opacity: 0; } .stockie-splitscreen .ms-section.active .ms-tableCell { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .stockie-splitscreen .slider-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; bottom: 25px; height: 110px; left: -webkit-calc(50% - 25px); left: calc(50% - 25px); } .stockie-splitscreen .slider-nav .move-up { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .stockie-splitscreen .ms-left, .stockie-splitscreen .ms-right { width: 50%; height: 100%; position: absolute; left: 0; top: 0; } .stockie-splitscreen .ms-right { left: 50%; } .stockie-splitscreen .ms-easing { -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .stockie-splitscreen.no-transition .ms-easing { -webkit-transition: none; -o-transition: none; transition: none; } .stockie-splitscreen .splitscreen-dots { top: 0; } .stockie-splitscreen .splitscreen-dots li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #multiscroll-nav { display: none; } @media screen and (max-width: 768px) { .stockie-splitscreen { height: auto !important; overflow: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .stockie-splitscreen .ms-left, .stockie-splitscreen .ms-right { width: 100%; height: auto; position: static; } .ms-left, .ms-right { width: 100%; position: static; } .ms-section { min-height: 100vw; padding-left: 0px !important; padding-right: 0px !important; } } @media screen and (max-width: 768px) and (max-width: 768px) { .ms-section .video-module.preview { float: none; } } /*-------------------------------------------------------------- ## Subscibe --------------------------------------------------------------*/ .subscribe-form { width: 100%; position: relative; padding-top: 0 !important; padding-bottom: 0 !important; } .subscribe-form .btn, .subscribe-form input[type="submit"] { margin-top: 0px !important; margin-bottom: 0px !important; white-space: nowrap; position: absolute; right: 0px; top: 0px; } .subscribe-form .wpcf7-spinner { display: none; } @media screen and (max-width: 768px) { .subscribe-form { padding: 0 !important; } .subscribe-form .btn, .subscribe-form input[type="submit"] { margin: 15px 0px 0px 0px !important; width: 100%; position: static; right: auto; top: auto; } } /*-------------------------------------------------------------- ## Tabs --------------------------------------------------------------*/ .tab { width: 100%; } .tab::after { content: ""; display: table; clear: both; } .tab .tabNav { width: 100%; white-space: nowrap; margin-bottom: 10px; overflow: auto; position: relative; list-style-type: none; } .tab .tabNav_wrapper { width: 100%; position: relative; } .tab .tabNav::after { content: ""; display: table; clear: both; } .tab .tabNav_line { width: 0; height: 2px; position: absolute; bottom: 0; left: 0; padding: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .tab .tabNav_link { width: auto; margin: 0 25px 0 0; padding: 12px 0; font-weight: 600; display: inline-block; clear: none; cursor: pointer; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .tab .tabNav_link.active { font-weight: bold; } .tab .tabItems { position: relative; -webkit-transition: height var(--clb-transition-duration) var(--clb-transition-function); -o-transition: height var(--clb-transition-duration) var(--clb-transition-function); transition: height var(--clb-transition-duration) var(--clb-transition-function); } .tab .tabItems_item { width: 100%; opacity: 0; overflow: hidden; -webkit-transition: var(--clb-transition-duration) var(--clb-transition-function); -o-transition: var(--clb-transition-duration) var(--clb-transition-function); transition: var(--clb-transition-duration) var(--clb-transition-function); -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; position: absolute; top: 0px; left: 0; } .tab .tabItems_item.active { opacity: 1; overflow: visible; z-index: 2; } .tab.filled { background-color: var(--clb-fill-color); padding: 1.25rem var(--clb-spacer) var(--clb-spacer) var(--clb-spacer); -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); } .tab.vertical .tabNav_wrapper { float: left; width: 160px; max-width: 35%; border-bottom: none; } .tab.vertical .tabNav { overflow: visible; white-space: normal; margin: 0; padding-right: 5px; right: -1px; } .tab.vertical .tabNav .tabNav_line { width: 2px; top: 0; left: auto; right: 0; padding: 0; } .tab.vertical .tabNav_link { width: 100%; float: left; } .tab.vertical .tabItems { width: -webkit-calc(100% - 180px); width: calc(100% - 180px); min-width: 60%; float: right; } .tab.vertical .tabItems_item { top: 0; padding-left: 10px; } .tab.vertical.filled { padding: 25px 30px; } .tab.vertical.filled .tabNav_wrapper { border-color: rgba(255, 255, 255, 0.3); } .tab.tabs-center .tabNav { text-align: center; } .tab.tabs-right .tabNav { text-align: right; } /*-------------------------------------------------------------- ## Team Member --------------------------------------------------------------*/ .team-member { width: 100%; position: relative; } .team-member_subtitle { margin: 20px 0px 0px 0px; } .team-member_title { font-size: var(--clb-font-size); margin-top: 0; } .team-member_description { margin: 15px 0px 0px 0px; } .team-member .socialbar > a, .team-member .socialbar.default > a { background: white; margin-bottom: 0; border: none; color: var(--clb-body-color); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member .socialbar > a:hover, .team-member .socialbar.default > a:hover { color: var(--clb-color-primary); } .team-member_image { position: relative; overflow: hidden; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .team-member_image img { width: 100%; display: block; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member_image::after { content: ""; background: rgba(36, 38, 43, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member_image:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .team-member_image:hover::after { opacity: 1; } .team-member_image:hover .team-member_wrap { opacity: 1; } .team-member_wrap { position: absolute; left: var(--clb-spacer); bottom: var(--clb-spacer); right: var(--clb-spacer); z-index: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member.inner .team-member_description { color: var(--clb-color-white); margin-bottom: 20px; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member.inner .team-member_socialbar { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .team-member.inner .image-wrap:hover .team-member_description { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .team-member.cover { padding: 0; overflow: hidden; } .team-member.cover.column-2 .team-member_image, .team-member.cover.column-2 .cover-content { width: 33.333%; float: left; } .team-member.cover.column-3 .team-member_image, .team-member.cover.column-3 .cover-content { width: 25%; float: left; } .team-member.cover.column-4 .team-member_image, .team-member.cover.column-4 .cover-content { width: 20%; float: left; } .team-member.cover.column-5 .team-member_image, .team-member.cover.column-5 .cover-content { width: 16.66%; float: left; } .team-member.cover .team-member_image::after { display: none; } .team-member.cover img { width: 100%; } .team-member.cover .cover-content { background: white; padding: 0; overflow: hidden; -webkit-transition: width 0.25s var(--clb-transition-function); -o-transition: width 0.25s var(--clb-transition-function); transition: width 0.25s var(--clb-transition-function); } .team-member.cover .team-member_image { -webkit-border-radius: 0px; border-radius: 0px; } .team-member.cover .team-member_subtitle { margin-top: 5px; } .team-member.cover .team-member_title, .team-member.cover .team-member_description { color: var(--clb-color-black); } .team-member.cover .team-member_description { margin-bottom: 20px; } .team-member.cover .center-aligned { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: var(--clb-fill-color); } .team-member.cover .team-member_wrap { padding: var(--clb-spacer); opacity: 1; position: relative; left: auto; bottom: auto; right: auto; height: 100%; text-align: left; } .team-member.cover .team-member_wrap .socialbar { position: absolute; bottom: var(--clb-spacer); } @media screen and (max-width: 768px) { .team-member.cover .team-member_wrap .socialbar { bottom: auto; position: relative; } } @media screen and (max-width: 768px) { .team-member.cover.column-2 .team-member_image, .team-member.cover.column-2 .cover-content, .team-member.cover.column-3 .team-member_image, .team-member.cover.column-3 .cover-content, .team-member.cover.column-4 .team-member_image, .team-member.cover.column-4 .cover-content, .team-member.cover.column-5 .team-member_image, .team-member.cover.column-5 .cover-content, .team-member.cover.column-6 .team-member_image, .team-member.cover.column-6 .cover-content { width: 100%; float: left; } } /*-------------------------------------------------------------- ## Testimonials --------------------------------------------------------------*/ .testimonials { text-align: center; } .testimonials .headline { margin: 0 0 0.25rem; } .testimonials .avatar { background-clip: border-box; width: var(--clb-video-button-size); height: var(--clb-video-button-size); margin: 0px auto 1rem; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .testimonials .avatar img { width: 100%; min-width: var(--clb-video-button-size); min-height: 100%; } .testimonials .avatar_default { position: relative; -webkit-border-radius: 50%; border-radius: 50%; background-color: var(--clb-tag-fill-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .testimonials .avatar_default svg { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .testimonials.text-left .avatar, .testimonials.text-left .avatar_default { margin-left: 0; } .testimonials.text-right .avatar, .testimonials.text-right .avatar_default { margin-right: 0; } .testimonials blockquote { margin: 25px 0; border-top: none; padding: 0; border: none; } .testimonials blockquote::after { display: none; } .testimonials h4 { font-size: var(--clb-font-size); } /*-------------------------------------------------------------- ## Tooltips --------------------------------------------------------------*/ .tooltip { position: relative; } .tooltip-item { opacity: 0; position: absolute; display: block; height: 26px; color: var(--clb-color-white); line-height: 24px; text-transform: lowercase; font-size: 0.75em; padding: 0px 15px; -webkit-border-radius: 13px; border-radius: 13px; top: -webkit-calc(50% - 13px); top: calc(50% - 13px); z-index: 10; float: none; background-color: var(--clb-color-black); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .tooltip-item.left::before, .tooltip-item.right::before { content: ""; position: absolute; width: 13px; height: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 0px; border-radius: 0px; top: 6px; background-color: var(--clb-color-black); } .tooltip-item.left { left: 0; margin-left: -5px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .tooltip-item.left::before { right: -2px; } .tooltip-item.right { margin-left: 5px; left: 100%; margin-left: 8px; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .tooltip-item.right::before { left: -2px; } .tooltip:hover .tooltip-item { opacity: 1; } .tooltip:hover .tooltip-item.left { left: 0; margin-left: -10px; } .tooltip:hover .tooltip-item.right { margin-left: 10px; } /*-------------------------------------------------------------- ## Video --------------------------------------------------------------*/ .video-module { width: auto; display: inline-block; cursor: pointer; position: relative; } .video-module .btn-play .ion { width: var(--clb-video-button-size); height: var(--clb-video-button-size); font-size: 1.5em; } .video-module .btn-play .ion::before { margin-left: 2px; } .video-module .btn-play.btn-brand { background: var(--clb-color-primary); border-color: var(--clb-color-primary); } .video-module .btn-play.outline .ion { background: transparent; color: var(--clb-body-color); -webkit-box-shadow: none; box-shadow: none; border: 2px solid; } .video-module .btn-play.outline.btn-brand { color: var(--clb-color-primary); } .video-module .btn-play:active .ion { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05); } .video-module .btn-play:hover::before { opacity: .5; } .video-module .btn-play:hover .ion { background: white; } .video-module .video-headline { font-weight: 600; font-size: 1.05em; margin: 0px 10px; white-space: nowrap; } .video-module-preview { width: 100%; min-height: 160px; } .video-module-preview .preview-image { vertical-align: top; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .video-module-preview .video-module-inner { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0px; left: 0px; width: 100%; height: 100%; } .video-module-preview .video-module-inner .btn-play { position: relative; z-index: 1; display: inline-block; } .video-module-preview .video-module-inner .btn-play + .video-headline { margin-bottom: -3em; } .video-module-preview .video-headline { position: absolute; margin: 50px 0px 0px 0px; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; transition: all var(--clb-transition-function) var(--clb-transition-duration); } .video-module-preview:hover .video-headline { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .video-module.boxed .btn-play.outline .ion { background: #fff !important; border: 2px solid; line-height: 48px; } .video-module.boxed > .wrap, .video-module.boxed .btn-play { display: inline-block; } .video-module.boxed:hover .btn-play { color: var(--clb-body-color); } .video-module.boxed:hover .btn-play.btn-brand { color: var(--clb-color-primary); } .video-module.boxed:hover .btn-play.outline.btn-brand { background: var(--clb-color-primary); } .video-module.with-anim .btn-play::after { content: ""; border-color: inherit; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; background-color: rgba(0, 0, 0, 0.2); top: 0; left: 0; opacity: 1; -webkit-animation-timing-function: var(--clb-transition-function); animation-timing-function: var(--clb-transition-function); -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: video_sc; animation-name: video_sc; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .video-module.with-anim .btn-play::after { -webkit-animation-delay: 1s; animation-delay: 1s; } .video-module.with-anim .btn-play:hover::after { -webkit-animation: none; animation: none; } .video-module.with-anim .btn-play.light::after { background-color: #fff !important; border-color: #fff !important; } .video-module.btn-brand-color-hover:hover .btn-play .icon { color: var(--clb-color-primary) !important; } @media screen and (max-width: 768px) { .video-module.preview .btn-play { margin-top: 0; } } @-webkit-keyframes video_sc { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } @keyframes video_sc { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } .video-popup { position: relative; top: 10%; left: 10%; width: -webkit-calc(100vw - 20%); width: calc(100vw - 20%); height: -webkit-calc(100vh - 20%); height: calc(100vh - 20%); } .video-popup iframe { margin: 0; width: 100%; height: 100%; position: relative; z-index: 1; } /*-------------------------------------------------------------- ## Woo Categories --------------------------------------------------------------*/ .woo_c-category::after { content: ""; display: table; clear: both; } .product-category { float: left; width: 100%; padding: 0px; position: relative; padding-right: 0 !important; padding-left: 0 !important; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); overflow: hidden; /*Default category*/ /*Boxed category*/ /*Block category*/ } .product-category:hover .product-category__background-image { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .product-category .center-aligned { padding-bottom: 5px; } .product-category--default .product-category__info-wrapper { padding: 0px; height: 100%; } .product-category--default .product-category__background-image { min-height: 528px; float: right; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); width: -webkit-calc(100% - 120px); width: calc(100% - 120px); position: relative; background-size: cover !important; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (max-width: 1024px) { .product-category--default .product-category__background-image { min-height: 350px; } } @media screen and (max-width: 768px) { .product-category--default .product-category__background-image { width: 100%; float: none; max-width: 100%; background-position: left center !important; } } .product-category--boxed { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: var(--clb-fill-color); } @media screen and (max-width: 768px) { .product-category--boxed { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } } .product-category--boxed .product-category__background-image { min-height: 320px; width: 50%; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (max-width: 1024px) { .product-category--boxed .product-category__background-image { min-height: 280px; } } @media screen and (max-width: 768px) { .product-category--boxed .product-category__background-image { min-height: 240px; width: 100%; } } .product-category--boxed .product-category__info-wrapper { width: 50%; max-width: none; position: static; height: 100%; padding: 0 40px; } @media screen and (max-width: 1024px) { .product-category--boxed .product-category__info-wrapper { padding: 0 30px; } } @media screen and (max-width: 768px) { .product-category--boxed .product-category__info-wrapper { width: 100%; } } .product-category--block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 768px) { .product-category--block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .product-category--block .product-category__background-image { min-height: 528px; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } @media screen and (max-width: 1024px) { .product-category--block .product-category__background-image { min-height: 350px; } } @media screen and (max-width: 768px) { .product-category--block .product-category__background-image { width: 100%; } } .product-category--block .product-category__info-wrapper { max-width: 280px; top: 40px; left: 0; bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(36, 38, 43, 0.9); } .product-category--block .product-category__info-wrapper h3, .product-category--block .product-category__info-wrapper h3 a, .product-category--block .product-category__info-wrapper .description { color: var(--clb-color-white); } .product-category--block .center-aligned { max-height: 200px; } .product-category__background-image { height: 100%; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .product-category__description { margin: -5px 0 5px; font-size: 0.8em; font-weight: 600; line-height: 1.5; text-transform: uppercase; } .product-category__info-wrapper { max-width: 45%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 40px; position: absolute; overflow: hidden; left: 0; } @media screen and (max-width: 768px) { .product-category__info-wrapper { position: static; padding: 25px !important; width: 100%; max-width: none !important; } } .product-category__info-wrapper .wrap-bg { background: rgba(36, 38, 43, 0.6); padding: 20px; } .product-category__info-wrapper h3 { font-size: 28px; margin: 0; display: block; text-align: inherit; } @media screen and (max-width: 768px) { .product-category__info-wrapper h3 { font-size: 26px; } } .product-category__info-wrapper h3, .product-category__info-wrapper h3 a, .product-category__info-wrapper .description { margin: 10px 0; } @media screen and (max-width: 768px) { .product-category__info-wrapper h3, .product-category__info-wrapper h3 a, .product-category__info-wrapper .description { margin: 5px 0; } } .product-category__info-wrapper .btn { margin-top: 15px; } .product-category__info-wrapper .btn.btn-link { margin-top: 5px; } .product-category__info-wrapper.text-right .plus { right: auto; left: 50px; } .product-category__info-wrapper.style-2 h3 { font-size: 30px; } .product-category__info-wrapper.style-2 h3, .product-category__info-wrapper.style-2 h3 a, .product-category__info-wrapper.style-2 .description { margin: 8px 0; } .product-category__info-wrapper.style-2 .shop-now { margin-top: 5px; margin-bottom: 10px; } .product-category__info-wrapper.style-2 .plus { color: var(--clb-color-white); font-size: 36px; position: absolute; bottom: 0; right: 0; } .product-category__info-wrapper.style-2.text-center .plus { display: none; } .product-category__info-wrapper.style-2.text-right .plus { right: auto; left: 0; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Base Widgets --------------------------------------------------------------*/ .widget { margin: 0; padding: 2rem 0 0; list-style: none; font-size: 0.98em; /* Make sure select elements fit in widgets. */ } @media screen and (max-width: 768px) { .widget { padding-top: 1.5rem; } } .widget.widget_rating_filter a:before, .widget.widget_stockie_widget_logo a:before { display: none; } .widget select { max-width: 100%; } .widget ul { margin-left: 0; } .widget h2, .widget h3, .widget h4 { font-size: var(--clb-titles-h5-font-size); } .site-footer .widget { padding-top: 1.5rem; } .site-footer .widget:first-child { padding-top: 0; } @media screen and (max-width: 1024px) { .site-footer .widget { padding-top: 1.25rem; } .site-footer .widget:first-child { padding-top: 1.25rem; } } h3.widget-title { text-align: inherit; margin: 0 0 25px; } section.widget:first-child .widget-title { margin-top: 5px; } .widget input.search-field.flat:not([type="submit"]) { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .widget .subtitle { color: var(--clb-body-color-grey); } /*-------------------------------------------------------------- ## Standard Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Recent comments widget --------------------------------------------------------------*/ .widget_recent_comments h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_recent_comments h3.title { margin-bottom: 15px; } } .widget_recent_comments ul { list-style: none; } .widget_recent_comments li { padding-left: 0; } .widget_recent_comments li::after { display: none; } .widget_recent_comments li.current-cat > a { font-weight: 600; } .widget_recent_comments li.cat-parent { position: relative; padding-right: 20px; } .widget_recent_comments li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_recent_comments li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_recent_comments li.cat-parent.current-cat .children { display: block; } .widget_recent_comments .children { margin-left: 15px; } .widget_recent_comments ul .comment-author-link a { color: var(--clb-color-primary); } .widget_recent_comments ul li > a { position: relative; color: var(--clb-color-primary); } /*-------------------------------------------------------------- ## Recent entries widget --------------------------------------------------------------*/ .widget_recent_entries h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_recent_entries h3.title { margin-bottom: 15px; } } .widget_recent_entries ul { list-style: none; } .widget_recent_entries li { padding-left: 0; } .widget_recent_entries li::after { display: none; } .widget_recent_entries li.current-cat > a { font-weight: 600; } .widget_recent_entries li.cat-parent { position: relative; padding-right: 20px; } .widget_recent_entries li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_recent_entries li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_recent_entries li.cat-parent.current-cat .children { display: block; } .widget_recent_entries .children { margin-left: 15px; } .widget_recent_entries ul a { display: inline-block; margin-bottom: 3px; } .wp-block-latest-posts, .wp-block-archives-list, .wp-block-categories { list-style-type: none; } /*-------------------------------------------------------------- ## Search widget --------------------------------------------------------------*/ .widget_search form { position: relative; } .widget_search form button { background: none; width: 42px; -webkit-box-shadow: none; box-shadow: none; height: 100%; border: none; height: 42px; line-height: 42px; padding: 0px 10px; font-size: 22px; text-align: center; position: absolute; top: 0; right: 0; outline: none; color: var(--clb-color-black); } .widget_search form button:hover { opacity: .6; } .site-footer .widget_search input::-webkit-input-placeholder { color: currentColor; } .site-footer .widget_search input::-moz-placeholder { color: currentColor; } .site-footer .widget_search input:-ms-input-placeholder { color: currentColor; } .site-footer .widget_search input::-ms-input-placeholder { color: currentColor; } .site-footer .widget_search input.placeholder, .site-footer .widget_search input::placeholder { color: currentColor; } .site-footer .widget_search button { color: currentColor; } /*-------------------------------------------------------------- ## Tag cloud widget --------------------------------------------------------------*/ .widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud { font-size: 0; } .widget_tag_cloud .tagcloud::after, .widget_product_tag_cloud .tagcloud::after { content: ""; display: table; clear: both; } .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { margin: 0px 6px 6px 0px; } /*-------------------------------------------------------------- ## Meta widget --------------------------------------------------------------*/ .widget_meta h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_meta h3.title { margin-bottom: 15px; } } .widget_meta ul { list-style: none; } .widget_meta li { padding-left: 0; } .widget_meta li::after { display: none; } .widget_meta li.current-cat > a { font-weight: 600; } .widget_meta li.cat-parent { position: relative; padding-right: 20px; } .widget_meta li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_meta li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_meta li.cat-parent.current-cat .children { display: block; } .widget_meta .children { margin-left: 15px; } .widget_meta ul li.cat-item { padding-bottom: 14px; padding-top: 14px; } /*-------------------------------------------------------------- ## Archive widget --------------------------------------------------------------*/ .widget_archive h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_archive h3.title { margin-bottom: 15px; } } .widget_archive ul { list-style: none; } .widget_archive li { padding-left: 0; } .widget_archive li::after { display: none; } .widget_archive li.current-cat > a { font-weight: 600; } .widget_archive li.cat-parent { position: relative; padding-right: 20px; } .widget_archive li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_archive li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_archive li.cat-parent.current-cat .children { display: block; } .widget_archive .children { margin-left: 15px; } /*-------------------------------------------------------------- ## Text widget --------------------------------------------------------------*/ .widget_text { font-size: var(--clb-font-size-small); } .widget_text h3.widget-title { margin-bottom: 20px; } /*-------------------------------------------------------------- ## Calendar widget --------------------------------------------------------------*/ .widget_calendar table { position: relative; text-align: center; color: var(--clb-body-color); } .widget_calendar table td, .widget_calendar table th { border: none; padding: 0; } .widget_calendar caption { background: var(--clb-color-primary); color: var(--clb-color-white); width: 100%; height: 46px; font-family: var(--clb-titles-font-family); font-weight: 600; line-height: 48px; text-align: center; vertical-align: middle; } .widget_calendar tfoot { width: 100%; height: 46px; line-height: 46px; padding: 0 20px; vertical-align: middle; color: var(--clb-color-white); position: absolute; top: 0; left: 0; } .widget_calendar tfoot tr, .widget_calendar tfoot #prev, .widget_calendar tfoot #next { display: block; font-weight: 600; font-size: 0; } .widget_calendar tfoot tr a, .widget_calendar tfoot #prev a, .widget_calendar tfoot #next a { color: var(--clb-color-white); } .widget_calendar tfoot tr a:hover, .widget_calendar tfoot #prev a:hover, .widget_calendar tfoot #next a:hover { opacity: .6; } .widget_calendar tfoot tr { width: 100%; } .widget_calendar tfoot td { display: none; } .widget_calendar tfoot #prev { float: left; } .widget_calendar tfoot #next { float: right; } .widget_calendar tfoot #prev a:after, .widget_calendar tfoot #next a:after { content: '\f27d'; font-family: "Ionicons"; font-size: 21px; font-weight: normal; } .widget_calendar tfoot #next a:after { content: '\f287'; } .widget_calendar thead { line-height: 44px; } .widget_calendar thead tr th { color: var(--clb-color-black); font-size: var(--clb-font-size-small); } .widget_calendar tbody { line-height: 44px; } .widget_calendar tbody tr td { border: none; text-align: center; font-size: var(--clb-font-size-small); } .widget_calendar tbody tr td#today { border-color: var(--clb-border-color); border-collapse: separate; border-width: 1px; display: block; margin: -1px; position: relative; } .widget_calendar tbody tr td a { display: block; width: 100%; height: 100%; font-weight: 600; } .widget_calendar tbody tr td a:hover { background: rgba(0, 0, 0, 0.2); } /*-------------------------------------------------------------- ## Nav widget --------------------------------------------------------------*/ .widget_nav_menu h3.title, .widget_pages h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_nav_menu h3.title, .widget_pages h3.title { margin-bottom: 15px; } } .widget_nav_menu ul, .widget_pages ul { list-style: none; } .widget_nav_menu li, .widget_pages li { padding-left: 0; } .widget_nav_menu li::after, .widget_pages li::after { display: none; } .widget_nav_menu li.current-cat > a, .widget_pages li.current-cat > a { font-weight: 600; } .widget_nav_menu li.cat-parent, .widget_pages li.cat-parent { position: relative; padding-right: 20px; } .widget_nav_menu li.cat-parent::after, .widget_pages li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_nav_menu li.cat-parent.current-cat::after, .widget_pages li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_nav_menu li.cat-parent.current-cat .children, .widget_pages li.cat-parent.current-cat .children { display: block; } .widget_nav_menu .children, .widget_pages .children { margin-left: 15px; } .widget_nav_menu ul, .widget_nav_menu .menu, .widget_pages ul, .widget_pages .menu { list-style: none; } .widget_nav_menu .menu > li, .widget_pages .menu > li { padding: 0px 0px 20px; } .widget_nav_menu .menu > li:last-child, .widget_pages .menu > li:last-child { padding: 0px; } .widget_nav_menu .menu-item a, .widget_pages .menu-item a { display: block; } .widget_nav_menu .menu-item a:hover, .widget_pages .menu-item a:hover { color: var(--clb-color-primary); } .widget_nav_menu .mega-menu-item.has-submenu > a .has-submenu-icon, .widget_pages .mega-menu-item.has-submenu > a .has-submenu-icon { display: none; } .widget_nav_menu .menu ul, .widget_pages .menu ul { margin-top: 10px; } .widget_nav_menu .menu-item-depth-0 > .menu-link span, .widget_pages .menu-item-depth-0 > .menu-link span { font-weight: 600; } .widget_nav_menu .current-menu-item a, .widget_pages .current-menu-item a { color: var(--clb-color-primary); font-weight: 600; } .widget_nav_menu div.test, .widget_pages div.test { display: none; list-style: none; } .widget_nav_menu .has-submenu > .sub-nav, .widget_nav_menu .sub-sub-menu, .widget_pages .has-submenu > .sub-nav, .widget_pages .sub-sub-menu { margin-left: 15px; } .widget_pages .children { margin-top: 10px; } .site-footer .widget_nav_menu .menu > li { padding: 4px 0px; } .site-footer .widget_nav_menu .menu-link span { font-weight: normal; } /*-------------------------------------------------------------- ## Sidebar menu widget --------------------------------------------------------------*/ .widget-sidebar-menu-left { list-style: none; } .widget-sidebar-menu-left .menu-item { font-size: var(--clb-font-size-small); } .widget-sidebar-menu-left .menu-item a { display: block; } .widget-sidebar-menu-left .menu-item a:hover { color: var(--clb-color-primary); } .widget-sidebar-menu-left ul.sub-menu { display: none; list-style: none; } /*-------------------------------------------------------------- ## Categories widget --------------------------------------------------------------*/ .widget_categories h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_categories h3.title { margin-bottom: 15px; } } .widget_categories ul { list-style: none; } .widget_categories li { padding-left: 0; } .widget_categories li::after { display: none; } .widget_categories li.current-cat > a { font-weight: 600; } .widget_categories li.cat-parent { position: relative; padding-right: 20px; } .widget_categories li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_categories li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_categories li.cat-parent.current-cat .children { display: block; } .widget_categories .children { margin-left: 15px; } /*-------------------------------------------------------------- ## RSS widget --------------------------------------------------------------*/ .widget_rss h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_rss h3.title { margin-bottom: 15px; } } .widget_rss ul { list-style: none; } .widget_rss li { padding-left: 0; } .widget_rss li::after { display: none; } .widget_rss li.current-cat > a { font-weight: 600; } .widget_rss li.cat-parent { position: relative; padding-right: 20px; } .widget_rss li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_rss li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_rss li.cat-parent.current-cat .children { display: block; } .widget_rss .children { margin-left: 15px; } .widget_rss ul { list-style: none; } .widget_rss ul a { color: var(--clb-color-primary); } .widget_rss .rss-date { font-size: var(--clb-font-size-small); } .widget_rss .rssSummary { margin-top: 5px; } .widget_rss cite { margin-top: 5px; display: inline-block; } /*-------------------------------------------------------------- ## RSS widget --------------------------------------------------------------*/ .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown { width: auto; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a { line-height: 34px; border: none; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { font-weight: 600; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after { content: "\f3d0"; border: none; top: 0px; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: none; visibility: visible; } .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { width: auto; } /*-------------------------------------------------------------- ## Theme Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Stockie logo widget --------------------------------------------------------------*/ .widget_stockie_widget_logo a { margin: 0; display: inline-block; } .widget_stockie_widget_logo h3 { font-size: 1.6em; font-weight: bold; line-height: 30px; color: var(--clb-body-color); } /*-------------------------------------------------------------- ## Stockie recent posts widget --------------------------------------------------------------*/ .widget_stockie_widget_recent_posts ul.recent-posts-list { list-style: none; margin: 0; } .widget_stockie_widget_recent_posts ul.recent-posts-list li { min-height: 20px; margin-bottom: 15px; position: relative; overflow: hidden; } .widget_stockie_widget_recent_posts ul.recent-posts-list li:last-child { margin-bottom: 0; } .widget_stockie_widget_recent_posts ul.recent-posts-list img { width: 70px; position: absolute; top: 0; left: 0; } .widget_stockie_widget_recent_posts ul.recent-posts-list h4 { font-weight: 600; } .widget_stockie_widget_recent_posts ul.recent-posts-list .content-wrap { float: left; padding-left: 85px; margin-top: -5px; } .widget_stockie_widget_recent_posts ul.recent-posts-list .content-wrap .comments + .author::before, .widget_stockie_widget_recent_posts ul.recent-posts-list .content-wrap .date + .categories::before { content: '•'; display: inline-block; vertical-align: middle; color: var(--clb-body-color); margin-right: 4px; } .widget_stockie_widget_recent_posts ul.recent-posts-list .content-wrap.no-thumb { padding-left: 0; } /*-------------------------------------------------------------- ## Stockie about author widget --------------------------------------------------------------*/ .widget_stockie_widget_about_author { max-width: 100%; position: relative; -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); } .widget_stockie_widget_about_author img { width: 70px; height: auto; max-height: 70px; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 10px; } .widget_stockie_widget_about_author .content .info { line-height: 1.7; margin-bottom: 10px; } .widget_stockie_widget_about_author .content .info-wrap h4 { font-size: var(--clb-font-size); } .widget_stockie_widget_about_author .content .info-wrap .site { color: var(--clb-body-color-grey); } .widget_stockie_widget_about_author .socialbar { margin-top: 15px; } .widget_stockie_widget_about_author .socialbar a { background: white; border-color: var(--clb-color-white); color: inherit; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .widget_stockie_widget_about_author .socialbar a:hover { background: var(--clb-tag-fill-color); border-color: var(--clb-tag-fill-color); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } /*-------------------------------------------------------------- ## Stockie login widget --------------------------------------------------------------*/ .widget_stockie_widget_login { overflow: hidden; } .widget_stockie_widget_login .login-wrap { overflow: hidden; position: relative; -webkit-transition: height .25s ease-in-out; -o-transition: height .25s ease-in-out; transition: height .25s ease-in-out; } .widget_stockie_widget_login form { overflow: hidden; } .widget_stockie_widget_login .login-form { position: relative; left: 0; opacity: 1; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: 2; } .widget_stockie_widget_login .login-form.hidden { display: block; opacity: 0; position: absolute; z-index: 1; } .widget_stockie_widget_login .reg-form { width: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: 1; } .widget_stockie_widget_login .reg-form.visible { opacity: 1; z-index: 2; } .widget_stockie_widget_login .reg-success { color: #0a6; } .widget_stockie_widget_login .login-error, .widget_stockie_widget_login .reg-error { color: #c22; } .widget_stockie_widget_login .login-submit { float: left; margin-top: 2px; } .widget_stockie_widget_login .login-submit.with-registration { width: 48%; } .widget_stockie_widget_login .login-submit button { margin-top: 0; } .widget_stockie_widget_login .btn .text-loading { display: none; } .widget_stockie_widget_login .btn.loading { background: transparent; color: var(--clb-color-black); opacity: .6; cursor: default; } .widget_stockie_widget_login .btn.loading .text-loading { display: block; } .widget_stockie_widget_login .btn.loading .text { display: none; } .widget_stockie_widget_login .login-registration { width: 48%; margin-top: 2px; float: right; } .widget_stockie_widget_login .login-registration a { width: 100%; } .widget_stockie_widget_login .login-registration a:hover { color: var(--clb-color-white); text-decoration: none; } .widget_stockie_widget_login .login-remember { float: left; } .widget_stockie_widget_login .login-remember label { cursor: pointer; } .widget_stockie_widget_login .login-lost-password { float: right; } .widget_stockie_widget_login .login-remember, .widget_stockie_widget_login .login-lost-password { width: auto; } .widget_stockie_widget_login .reg-submit { margin-top: 12px; } .widget_stockie_widget_login .reg-submit button { margin-top: 0; } .widget_stockie_widget_login .back-to-login { margin-top: 20px; } .widget_stockie_widget_login .logged-in { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .widget_stockie_widget_login .logged-in.visible { position: relative; opacity: 1; z-index: 2; padding: 5px 0px; } .widget_stockie_widget_login .logged-in.visible::after { content: ""; display: table; clear: both; } /*-------------------------------------------------------------- ## Stockie contact widget --------------------------------------------------------------*/ .widget_stockie_widget_contact ul.list-box, .widget_stockie_widget_contact ul.widget_recent_comments, .widget_stockie_widget_contact ul.widget_recent_entries, .widget_stockie_widget_contact ul.widget_meta, .widget_stockie_widget_contact ul.widget_archive, .widget_stockie_widget_contact ul.widget_nav_menu, .widget_stockie_widget_contact ul.widget_pages, .widget_stockie_widget_contact ul.widget_categories, .widget_stockie_widget_contact ul.widget_rss, .widget_stockie_widget_contact ul.widget_product_categories, .widget_stockie_widget_contact ul.widget_layered_nav { margin: 0; } .widget_stockie_widget_contact li { padding: 0px; font-weight: 600; list-style: none; line-height: 2.3; } .widget_stockie_widget_contact li::after { display: none; } .widget_stockie_widget_contact li address { display: inline; font-weight: 400; } /*-------------------------------------------------------------- ## Stockie socialbar widget --------------------------------------------------------------*/ .widget_stockie_widget_socialbar_subscribe .socialbar a, .widget_stockie_widget_socialbar .socialbar a { background-color: var(--clb-color-white); border-color: var(--clb-color-white); color: inherit; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .widget_stockie_widget_socialbar_subscribe .socialbar a:hover, .widget_stockie_widget_socialbar .socialbar a:hover { background: var(--clb-tag-fill-color); border-color: var(--clb-tag-fill-color); } /*-------------------------------------------------------------- ## Stockie subscribe widget --------------------------------------------------------------*/ .widget_stockie_widget_subscribe .subscribe-form { padding: 0 !important; } /*-------------------------------------------------------------- ## Stockie all widgets --------------------------------------------------------------*/ .widget a.image::before { display: none; } /*-------------------------------------------------------------- ## Woo Widgets --------------------------------------------------------------*/ /*/*-------------------------------------------------------------- ## Product tag cloud widget --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Product categories widget --------------------------------------------------------------*/ .widget_product_categories h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_product_categories h3.title { margin-bottom: 15px; } } .widget_product_categories ul { list-style: none; } .widget_product_categories li { padding-left: 0; } .widget_product_categories li::after { display: none; } .widget_product_categories li.current-cat > a { font-weight: 600; } .widget_product_categories li.cat-parent { position: relative; padding-right: 20px; } .widget_product_categories li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_product_categories li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_product_categories li.cat-parent.current-cat .children { display: block; } .widget_product_categories .children { margin-left: 15px; } .widget_product_categories li.cat-parent:after { background: transparent; } /*-------------------------------------------------------------- ## Products widgets --------------------------------------------------------------*/ .widget_products .image, .widget_top_rated_products .image, .widget.widget_recently_viewed_products .image { position: absolute; } .widget_products .image img, .widget_top_rated_products .image img, .widget.widget_recently_viewed_products .image img { width: var(--clb-wc-product-thumbnail); height: auto; vertical-align: top; margin-top: 5px; } .widget_products .content, .widget_top_rated_products .content, .widget.widget_recently_viewed_products .content { padding-left: 75px; margin-bottom: 20px; } .widget_products li, .widget_top_rated_products li, .widget.widget_recently_viewed_products li { padding: 0px; } .widget_products li:last-child .content, .widget_top_rated_products li:last-child .content, .widget.widget_recently_viewed_products li:last-child .content { margin-bottom: 0; } .widget_products h4, .widget_top_rated_products h4, .widget.widget_recently_viewed_products h4 { display: block; padding: 0; font-family: var(--clb-titles-font-family); } .widget_products h4 a, .widget_top_rated_products h4 a, .widget.widget_recently_viewed_products h4 a { display: inline-block; } .widget_products span.price, .widget_top_rated_products span.price, .widget.widget_recently_viewed_products span.price { font-weight: 600; } .widget_products div.star-rating, .widget_top_rated_products div.star-rating, .widget.widget_recently_viewed_products div.star-rating { width: 100%; } .widget_products div.category, .widget_top_rated_products div.category, .widget.widget_recently_viewed_products div.category { display: inline-block; } /*-------------------------------------------------------------- ## Recent reviews widget --------------------------------------------------------------*/ .widget_recent_reviews li { margin-bottom: 15px; } .widget_recent_reviews li:last-child { margin-bottom: 0; } .widget_recent_reviews li::after { content: ""; display: block; clear: both; } .widget_recent_reviews img { max-width: var(--clb-wc-product-thumbnail); margin-right: 15px; display: block; float: left; } .widget_recent_reviews li > a { width: 100%; display: block; line-height: 1.4; font-weight: 600; } .widget_recent_reviews .reviewer { padding-left: 75px; display: block; } /*-------------------------------------------------------------- ## Shopping cart widget --------------------------------------------------------------*/ .widget_shopping_cart_content li { margin-bottom: 1rem; position: relative; display: block; display: block; padding: 0px; } .widget_shopping_cart_content li::after { content: ""; display: table; clear: both; } .widget_shopping_cart_content li .font-titles { font-weight: 600; } .widget_shopping_cart_content li:hover a.remove { opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .widget_shopping_cart_content img { width: var(--clb-wc-product-thumbnail); height: auto; float: left; margin-right: 15px; } .widget_shopping_cart_content a.remove { position: absolute !important; top: 0; right: 0; } .widget_shopping_cart_content .quantity { white-space: nowrap; font-size: var(--clb-font-size-small); } .widget_shopping_cart_content .quantity span { font-weight: 600; } .widget_shopping_cart_content .total { border-top: 1px solid var(--clb-border-color); padding: 15px 0px; margin: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: var(--clb-font-size-small); } .widget_shopping_cart_content .total > strong { font-weight: normal; } .widget_shopping_cart_content .total .amount { font-weight: 600; } .widget_shopping_cart_content .buttons { margin: 0px; text-align: center; position: relative; } .widget_shopping_cart_content .buttons + .buttons { margin-top: 0.5rem; } .widget_shopping_cart_content .buttons .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-transform: capitalize; } .widget_shopping_cart_content .buttons .button:first-child { margin-bottom: 0.5rem; } .widget_shopping_cart_content .buttons .button:first-child:not(:hover):not(:active):not(:focus) { background-color: var(--clb-tag-fill-color); } .widget_shopping_cart_content .wcppec-cart-widget-button { margin-top: 15px; float: left; } .widget_shopping_cart_content .mini_cart_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget_shopping_cart_content .mini_cart_item-image img { min-width: var(--clb-wc-product-thumbnail); } .widget_shopping_cart_content .mini_cart_item-image::before { display: none; } .widget_shopping_cart_content .mini_cart_item-desc { width: 100%; overflow: hidden; padding-right: 2rem; } .widget_shopping_cart_content .mini_cart_item .variation { margin: 0; padding: 0; } .widget_shopping_cart_content .mini_cart_item .variation-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--clb-border-color); padding: 10px 0; } .widget_shopping_cart_content .mini_cart_item .variation dt { font-weight: 400; color: var(--clb-body-color-grey); } .widget_shopping_cart_content .mini_cart_item .variation dd { color: var(--clb-color-black); margin: 0; padding: 0; font-weight: 600; } .widget_shopping_cart_content .mini_cart_item .variation dd p { margin: 0; line-height: inherit; } .widget_shopping_cart_content .woo-cart-empty { padding: 0; max-height: 300px; } .blockOverlay { background: rgba(222, 75, 83, 0.2) !important; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } /*-------------------------------------------------------------- ## Price filter widget --------------------------------------------------------------*/ .widget_price_filter .price_slider { background-color: var(--clb-tag-fill-color); height: 4px; margin-top: 20px; position: relative; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .widget_price_filter .ui-slider-range { background: var(--clb-color-primary); height: 4px; position: absolute; } .widget_price_filter .ui-slider-handle { background: white; width: 24px; height: 24px; margin-left: -0px; -webkit-border-radius: 50%; border-radius: 50%; outline: none; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); position: absolute; top: -10px; z-index: 5; cursor: ew-resize; } .widget_price_filter .ui-slider-handle::after { content: ""; background-color: var(--clb-color-primary); width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 7px; left: 7px; } .widget_price_filter .ui-slider-handle:last-child { margin-left: -22px; } .widget_price_filter .price_slider_amount { margin-top: 30px; } .widget_price_filter .button { background: none; border: none; float: right; padding: 0; font-weight: 600; font-size: 0.75em; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; color: inherit; font-family: inherit; } .widget_price_filter .price_label { float: left; min-height: 20px; line-height: 20px; font-size: 0.75em; text-transform: uppercase; font-weight: 600; } .widget_price_filter .price_label .from, .widget_price_filter .price_label .to { color: var(--clb-body-color); } .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount { height: var(--clb-button-height-small); border-color: var(--clb-input-border-color) !important; -webkit-border-radius: var(--clb-text-field-border-radius) !important; border-radius: var(--clb-text-field-border-radius) !important; } /*-------------------------------------------------------------- ## Woo layered nav widget --------------------------------------------------------------*/ .widget_layered_nav h3.title { margin-bottom: 20px; } @media screen and (max-width: 1024px) { .widget_layered_nav h3.title { margin-bottom: 15px; } } .widget_layered_nav ul { list-style: none; } .widget_layered_nav li { padding-left: 0; } .widget_layered_nav li::after { display: none; } .widget_layered_nav li.current-cat > a { font-weight: 600; } .widget_layered_nav li.cat-parent { position: relative; padding-right: 20px; } .widget_layered_nav li.cat-parent::after { content: "\f3d0"; display: inline-block; font-family: Ionicons; position: absolute; font-style: normal; right: 0px; top: 6px; font-size: 0.75em; } .widget_layered_nav li.cat-parent.current-cat::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget_layered_nav li.cat-parent.current-cat .children { display: block; } .widget_layered_nav .children { margin-left: 15px; } /*-------------------------------------------------------------- ## Woo rating filter --------------------------------------------------------------*/ .widget_rating_filter .widget-title { margin-bottom: 20px; } .widget_rating_filter li .star-rating::after { content: '•'; color: var(--clb-body-color-grey); font-size: var(--clb-font-size); position: absolute; line-height: 0; top: 10px; right: -8px; } /*-------------------------------------------------------------- ## Woo product search --------------------------------------------------------------*/ .widget_product_search .woocommerce-product-search label .search-field { padding-right: 65%; } .widget_product_search .woocommerce-product-search select, .widget_product_search .woocommerce-product-search .select2-container--default { max-width: -webkit-calc(65% - 45px); max-width: calc(65% - 45px); } /*-------------------------------------------------------------- ## Woo widgets --------------------------------------------------------------*/ .widget_recent_reviews .product_list_widget > li > a::before { display: none; } .widget_recent_reviews .product_list_widget > li > a span { position: relative; } .widget_recent_reviews .product_list_widget > li > a span::before { content: ""; background: currentColor; width: 30%; height: 2px; position: absolute; bottom: -2px; left: 0; opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .widget_recent_reviews .product_list_widget > li > a:hover span:before { opacity: 1; width: 100%; } .widget-woocommerce-currency-switcher { overflow-x: hidden; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Elements --------------------------------------------------------------*/ html { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-word-wrap: break-word; word-wrap: break-word; } div { outline: none; } body { background: white; height: 100%; font-family: var(--clb-body-font-family); color: var(--clb-body-color); font-size: var(--clb-font-size); line-height: 1.6; font-weight: normal; overflow-x: hidden; } body.archive { width: 100%; } body i.icon { margin: 0; line-height: 1; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; height: auto; } ::-moz-selection { background-color: var(--clb-selection-color); } ::selection { background-color: var(--clb-selection-color); } blockquote, q { margin: 1.25rem 0; padding: 0 30px; quotes: "" ""; position: relative; border-left: 4px solid var(--clb-border-color); } blockquote p, q p { margin: 0; font-style: normal; font-weight: 400; position: relative; } blockquote cite, blockquote h4, q cite, q h4 { position: relative; text-align: left; margin: 15px 0 0 0; text-align: left; font-weight: 600; font-size: 11.6px; font-style: normal; line-height: 1.6; text-transform: uppercase; } blockquote.wp-block-quote { border-left: 4px solid var(--clb-border-color); } mark { background: var(--clb-mark-color); } hr { background-color: var(--clb-border-color); width: 100%; border: 0; height: 1px; margin: 5px auto; display: block; } .wp-block-separator { border-color: var(--clb-border-color-dark); } address { font-style: normal; } pre { background: rgba(0, 0, 0, 0.05); padding: 15px; } img { height: auto; max-width: 100%; vertical-align: top; } .alignfull { max-width: none; position: relative; } .widget_price_filter input { opacity: 0; visibility: hidden; height: 0; } /*-------------------------------------------------------------- ### Links --------------------------------------------------------------*/ a { text-decoration: none; color: inherit; } a:not(.-unlink):not(.button) { color: var(--clb-link-color); color: inherit; cursor: pointer; } a:not(.-unlink):not(.button):hover, a:not(.-unlink):not(.button):active, a:not(.-unlink):not(.button):focus { color: var(--clb-link-hover-color); } a:not(.-unlink):not(.button).-highlighted { color: var(--clb-link-hover-color); } a:not(.button):not(.btn):not(.-unlink):not(.-undash) { background-repeat: no-repeat; background-size: 100% 0.18em; background-position: 0 110%; } a:not(.button):not(.btn):not(.-unlink):not(.-undash):hover, a:not(.button):not(.btn):not(.-unlink):not(.-undash):active, a:not(.button):not(.btn):not(.-unlink):not(.-undash):focus { -webkit-animation: var(--clb-transition-duration) var(--clb-transition-function) 0s 1 normal none running links; animation: var(--clb-transition-duration) var(--clb-transition-function) 0s 1 normal none running links; background-image: -o-linear-gradient(currentColor 0px, currentColor 100%); background-image: linear-gradient(currentColor 0px, currentColor 100%); } a:hover { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } a[rel="tag"], a.comment-reply-link { background-image: none !important; } @-webkit-keyframes links { 0% { background-size: 100% 0.2em; background-position: 0 110%; } 50% { background-size: 0% 0.2em; background-position: 0 110%; } 50.01% { background-size: 0% 0.2em; background-position: right 0 top 110%; } 100% { background-size: 100% 0.2em; background-position: right 0 top 110%; } } @keyframes links { 0% { background-size: 100% 0.2em; background-position: 0 110%; } 50% { background-size: 0% 0.2em; background-position: 0 110%; } 50.01% { background-size: 0% 0.2em; background-position: right 0 top 110%; } 100% { background-size: 100% 0.2em; background-position: right 0 top 110%; } } .post .entry-content a:not(.wp-block-button__link), .message-box a { background-image: -o-linear-gradient(currentColor 0px, currentColor 100%); background-image: linear-gradient(currentColor 0px, currentColor 100%); } .quicklinks a { position: static; } .quicklinks a::before { display: none; visibility: hidden; } .woocommerce-mini-cart__buttons a:first-child:hover::before { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ### Sticky --------------------------------------------------------------*/ @media screen and (min-width: 769px) { .-sticky-block { position: -webkit-sticky !important; position: sticky !important; top: 0; } .-sticky-block.page-sidebar { top: 2rem; } } /*-------------------------------------------------------------- ### Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em 3em; } ul li, ol li { padding: 0.25rem 0; list-style-position: inside; } ul ul, ol ul { list-style-type: circle; } ul { list-style: disc; margin: 0; padding: 0; } ul.unstyled { list-style: none; } ul.inline li { display: inline-block; } ul.list-square li { padding-left: 20px; list-style: none; } ul.list-square li::after { content: '\25A0'; float: left; margin-left: -20px; margin-top: -1px; font-size: 50%; vertical-align: middle; } ol { list-style: decimal; margin-left: 0; padding-left: 0; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dt { font-weight: 600; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- ### Tables --------------------------------------------------------------*/ table, .wp-block-table { margin: 15px 0; width: 100%; } table td, table th, .wp-block-table td, .wp-block-table th { border: none; border-top: 1px solid var(--clb-border-color); border-bottom: 1px solid var(--clb-border-color); text-align: inherit; padding: 10px 10px 10px 0; } table th, .wp-block-table th { font-weight: 600; } /*-------------------------------------------------------------- ### Scroll --------------------------------------------------------------*/ body *::-webkit-scrollbar { background: rgba(0, 0, 0, 0.1); width: 0.25rem; height: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; } body *::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 0.25rem; border-radius: 0.25rem; } body *::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); } /*-------------------------------------------------------------- ### Buttons --------------------------------------------------------------*/ .btn, .button, a.page-numbers:not(.next):not(.prev), span.page-numbers:not(.next):not(.prev), .wp-block-file__button, .wp-block-file * + .wp-block-file__button, .wp-block-button__link, input[type="submit"], button { background-color: var(--clb-button-color); border: 2px solid var(--clb-button-color); font-size: var(--clb-action-font-size); padding: 0 var(--clb-button-side-padding); height: var(--clb-button-height); font-family: var(--clb-titles-font-family); color: var(--clb-color-white); font-weight: 600; text-decoration: none; outline: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 0.35rem; position: relative; overflow: hidden; cursor: pointer; -webkit-border-radius: var(--clb-button-border-radius); border-radius: var(--clb-button-border-radius); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transition-property: background-color, color, border-color, -webkit-box-shadow; transition-property: background-color, color, border-color, -webkit-box-shadow; -o-transition-property: background-color, color, border-color, box-shadow; transition-property: background-color, color, border-color, box-shadow; transition-property: background-color, color, border-color, box-shadow, -webkit-box-shadow; } .btn:not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), .button:not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), a.page-numbers:not(.next):not(.prev):not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), span.page-numbers:not(.next):not(.prev):not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), .wp-block-file__button:not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), .wp-block-file * + .wp-block-file__button:not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), .wp-block-button__link:not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), input[type="submit"]:not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers), button:not(.btn-outline):not(.btn-flat):not(.btn-link):not(.page-numbers) { color: var(--clb-color-white); } .btn::before, .button::before, a.page-numbers:not(.next):not(.prev)::before, span.page-numbers:not(.next):not(.prev)::before, .wp-block-file__button::before, .wp-block-file * + .wp-block-file__button::before, .wp-block-button__link::before, input[type="submit"]::before, button::before { display: none; } .btn > i, .btn > img, .button > i, .button > img, a.page-numbers:not(.next):not(.prev) > i, a.page-numbers:not(.next):not(.prev) > img, span.page-numbers:not(.next):not(.prev) > i, span.page-numbers:not(.next):not(.prev) > img, .wp-block-file__button > i, .wp-block-file__button > img, .wp-block-file * + .wp-block-file__button > i, .wp-block-file * + .wp-block-file__button > img, .wp-block-button__link > i, .wp-block-button__link > img, input[type="submit"] > i, input[type="submit"] > img, button > i, button > img { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; min-width: 20px; height: 20px; position: relative; } .btn[disabled], .btn.disabled, .button[disabled], .button.disabled, a.page-numbers:not(.next):not(.prev)[disabled], a.page-numbers:not(.next):not(.prev).disabled, span.page-numbers:not(.next):not(.prev)[disabled], span.page-numbers:not(.next):not(.prev).disabled, .wp-block-file__button[disabled], .wp-block-file__button.disabled, .wp-block-file * + .wp-block-file__button[disabled], .wp-block-file * + .wp-block-file__button.disabled, .wp-block-button__link[disabled], .wp-block-button__link.disabled, input[type="submit"][disabled], input[type="submit"].disabled, button[disabled], button.disabled { opacity: 0.65; cursor: default; } .btn[disabled]:hover, .btn[disabled]:active, .btn[disabled]:focus, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus, .button[disabled]:hover, .button[disabled]:active, .button[disabled]:focus, .button.disabled:hover, .button.disabled:active, .button.disabled:focus, a.page-numbers:not(.next):not(.prev)[disabled]:hover, a.page-numbers:not(.next):not(.prev)[disabled]:active, a.page-numbers:not(.next):not(.prev)[disabled]:focus, a.page-numbers:not(.next):not(.prev).disabled:hover, a.page-numbers:not(.next):not(.prev).disabled:active, a.page-numbers:not(.next):not(.prev).disabled:focus, span.page-numbers:not(.next):not(.prev)[disabled]:hover, span.page-numbers:not(.next):not(.prev)[disabled]:active, span.page-numbers:not(.next):not(.prev)[disabled]:focus, span.page-numbers:not(.next):not(.prev).disabled:hover, span.page-numbers:not(.next):not(.prev).disabled:active, span.page-numbers:not(.next):not(.prev).disabled:focus, .wp-block-file__button[disabled]:hover, .wp-block-file__button[disabled]:active, .wp-block-file__button[disabled]:focus, .wp-block-file__button.disabled:hover, .wp-block-file__button.disabled:active, .wp-block-file__button.disabled:focus, .wp-block-file * + .wp-block-file__button[disabled]:hover, .wp-block-file * + .wp-block-file__button[disabled]:active, .wp-block-file * + .wp-block-file__button[disabled]:focus, .wp-block-file * + .wp-block-file__button.disabled:hover, .wp-block-file * + .wp-block-file__button.disabled:active, .wp-block-file * + .wp-block-file__button.disabled:focus, .wp-block-button__link[disabled]:hover, .wp-block-button__link[disabled]:active, .wp-block-button__link[disabled]:focus, .wp-block-button__link.disabled:hover, .wp-block-button__link.disabled:active, .wp-block-button__link.disabled:focus, input[type="submit"][disabled]:hover, input[type="submit"][disabled]:active, input[type="submit"][disabled]:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:active, input[type="submit"].disabled:focus, button[disabled]:hover, button[disabled]:active, button[disabled]:focus, button.disabled:hover, button.disabled:active, button.disabled:focus { background-color: var(--clb-button-color); border-color: var(--clb-button-color); } .btn[disabled].btn-white:hover, .btn.disabled.btn-white:hover, .button[disabled].btn-white:hover, .button.disabled.btn-white:hover, a.page-numbers:not(.next):not(.prev)[disabled].btn-white:hover, a.page-numbers:not(.next):not(.prev).disabled.btn-white:hover, span.page-numbers:not(.next):not(.prev)[disabled].btn-white:hover, span.page-numbers:not(.next):not(.prev).disabled.btn-white:hover, .wp-block-file__button[disabled].btn-white:hover, .wp-block-file__button.disabled.btn-white:hover, .wp-block-file * + .wp-block-file__button[disabled].btn-white:hover, .wp-block-file * + .wp-block-file__button.disabled.btn-white:hover, .wp-block-button__link[disabled].btn-white:hover, .wp-block-button__link.disabled.btn-white:hover, input[type="submit"][disabled].btn-white:hover, input[type="submit"].disabled.btn-white:hover, button[disabled].btn-white:hover, button.disabled.btn-white:hover { background-color: var(--clb-color-white); color: var(--clb-button-color); } .btn[disabled].btn-brand:hover, .btn.disabled.btn-brand:hover, .button[disabled].btn-brand:hover, .button.disabled.btn-brand:hover, a.page-numbers:not(.next):not(.prev)[disabled].btn-brand:hover, a.page-numbers:not(.next):not(.prev).disabled.btn-brand:hover, span.page-numbers:not(.next):not(.prev)[disabled].btn-brand:hover, span.page-numbers:not(.next):not(.prev).disabled.btn-brand:hover, .wp-block-file__button[disabled].btn-brand:hover, .wp-block-file__button.disabled.btn-brand:hover, .wp-block-file * + .wp-block-file__button[disabled].btn-brand:hover, .wp-block-file * + .wp-block-file__button.disabled.btn-brand:hover, .wp-block-button__link[disabled].btn-brand:hover, .wp-block-button__link.disabled.btn-brand:hover, input[type="submit"][disabled].btn-brand:hover, input[type="submit"].disabled.btn-brand:hover, button[disabled].btn-brand:hover, button.disabled.btn-brand:hover { background-color: var(--clb-button-hover-color); color: var(--clb-color-white); } .btn:not(.text-on-hover):hover .ion.ion-right, .button:not(.text-on-hover):hover .ion.ion-right, a.page-numbers:not(.next):not(.prev):not(.text-on-hover):hover .ion.ion-right, span.page-numbers:not(.next):not(.prev):not(.text-on-hover):hover .ion.ion-right, .wp-block-file__button:not(.text-on-hover):hover .ion.ion-right, .wp-block-file * + .wp-block-file__button:not(.text-on-hover):hover .ion.ion-right, .wp-block-button__link:not(.text-on-hover):hover .ion.ion-right, input[type="submit"]:not(.text-on-hover):hover .ion.ion-right, button:not(.text-on-hover):hover .ion.ion-right { -webkit-animation: hoverBtn ease-out 0.25s; animation: hoverBtn ease-out 0.25s; } .btn:not(.text-on-hover):hover .ion.ion-left, .button:not(.text-on-hover):hover .ion.ion-left, a.page-numbers:not(.next):not(.prev):not(.text-on-hover):hover .ion.ion-left, span.page-numbers:not(.next):not(.prev):not(.text-on-hover):hover .ion.ion-left, .wp-block-file__button:not(.text-on-hover):hover .ion.ion-left, .wp-block-file * + .wp-block-file__button:not(.text-on-hover):hover .ion.ion-left, .wp-block-button__link:not(.text-on-hover):hover .ion.ion-left, input[type="submit"]:not(.text-on-hover):hover .ion.ion-left, button:not(.text-on-hover):hover .ion.ion-left { animation: hoverBtn ease-out 0.25s reverse; } .btn:not(.text-on-hover):hover .ion::before, .button:not(.text-on-hover):hover .ion::before, a.page-numbers:not(.next):not(.prev):not(.text-on-hover):hover .ion::before, span.page-numbers:not(.next):not(.prev):not(.text-on-hover):hover .ion::before, .wp-block-file__button:not(.text-on-hover):hover .ion::before, .wp-block-file * + .wp-block-file__button:not(.text-on-hover):hover .ion::before, .wp-block-button__link:not(.text-on-hover):hover .ion::before, input[type="submit"]:not(.text-on-hover):hover .ion::before, button:not(.text-on-hover):hover .ion::before { color: inherit; } @-webkit-keyframes hoverBtn { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 51% { -webkit-transform: translateX(20px); transform: translateX(20px); opacity: 1; } 52% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 53% { opacity: 0; } 54% { opacity: 1; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes hoverBtn { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 51% { -webkit-transform: translateX(20px); transform: translateX(20px); opacity: 1; } 52% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 53% { opacity: 0; } 54% { opacity: 1; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } .btn:hover, .btn:focus, .button:hover, .button:focus, a.page-numbers:not(.next):not(.prev):hover, a.page-numbers:not(.next):not(.prev):focus, span.page-numbers:not(.next):not(.prev):hover, span.page-numbers:not(.next):not(.prev):focus, .wp-block-file__button:hover, .wp-block-file__button:focus, .wp-block-file * + .wp-block-file__button:hover, .wp-block-file * + .wp-block-file__button:focus, .wp-block-button__link:hover, .wp-block-button__link:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { color: var(--clb-color-white); background-color: var(--clb-button-hover-color); border-color: var(--clb-button-hover-color); } .btn:active, .button:active, a.page-numbers:not(.next):not(.prev):active, span.page-numbers:not(.next):not(.prev):active, .wp-block-file__button:active, .wp-block-file * + .wp-block-file__button:active, .wp-block-button__link:active, input[type="submit"]:active, button:active { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-white, .button.btn-white, a.page-numbers:not(.next):not(.prev).btn-white, span.page-numbers:not(.next):not(.prev).btn-white, .wp-block-file__button.btn-white, .wp-block-file * + .wp-block-file__button.btn-white, .wp-block-button__link.btn-white, input[type="submit"].btn-white, button.btn-white { background-color: var(--clb-color-white); border-color: var(--clb-color-white); color: var(--clb-button-color); } .btn.btn-white:hover, .button.btn-white:hover, a.page-numbers:not(.next):not(.prev).btn-white:hover, span.page-numbers:not(.next):not(.prev).btn-white:hover, .wp-block-file__button.btn-white:hover, .wp-block-file * + .wp-block-file__button.btn-white:hover, .wp-block-button__link.btn-white:hover, input[type="submit"].btn-white:hover, button.btn-white:hover { background-color: transparent; color: var(--clb-color-white); } .btn.text-on-hover, .button.text-on-hover, a.page-numbers:not(.next):not(.prev).text-on-hover, span.page-numbers:not(.next):not(.prev).text-on-hover, .wp-block-file__button.text-on-hover, .wp-block-file * + .wp-block-file__button.text-on-hover, .wp-block-button__link.text-on-hover, input[type="submit"].text-on-hover, button.text-on-hover { overflow: hidden; position: relative; } .btn.text-on-hover .ion, .btn.text-on-hover .text, .button.text-on-hover .ion, .button.text-on-hover .text, a.page-numbers:not(.next):not(.prev).text-on-hover .ion, a.page-numbers:not(.next):not(.prev).text-on-hover .text, span.page-numbers:not(.next):not(.prev).text-on-hover .ion, span.page-numbers:not(.next):not(.prev).text-on-hover .text, .wp-block-file__button.text-on-hover .ion, .wp-block-file__button.text-on-hover .text, .wp-block-file * + .wp-block-file__button.text-on-hover .ion, .wp-block-file * + .wp-block-file__button.text-on-hover .text, .wp-block-button__link.text-on-hover .ion, .wp-block-button__link.text-on-hover .text, input[type="submit"].text-on-hover .ion, input[type="submit"].text-on-hover .text, button.text-on-hover .ion, button.text-on-hover .text { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .btn.text-on-hover .ion, .button.text-on-hover .ion, a.page-numbers:not(.next):not(.prev).text-on-hover .ion, span.page-numbers:not(.next):not(.prev).text-on-hover .ion, .wp-block-file__button.text-on-hover .ion, .wp-block-file * + .wp-block-file__button.text-on-hover .ion, .wp-block-button__link.text-on-hover .ion, input[type="submit"].text-on-hover .ion, button.text-on-hover .ion { width: 100%; text-align: center; height: 20px; position: absolute; top: -webkit-calc(50% - 10px); top: calc(50% - 10px); font-size: 20px; left: 0; display: inline-block; } .btn.text-on-hover .text, .button.text-on-hover .text, a.page-numbers:not(.next):not(.prev).text-on-hover .text, span.page-numbers:not(.next):not(.prev).text-on-hover .text, .wp-block-file__button.text-on-hover .text, .wp-block-file * + .wp-block-file__button.text-on-hover .text, .wp-block-button__link.text-on-hover .text, input[type="submit"].text-on-hover .text, button.text-on-hover .text { display: inline-block; -webkit-transform: translateY(-120%); -ms-transform: translateY(-120%); transform: translateY(-120%); opacity: 0; } .btn.text-on-hover:hover .ion, .button.text-on-hover:hover .ion, a.page-numbers:not(.next):not(.prev).text-on-hover:hover .ion, span.page-numbers:not(.next):not(.prev).text-on-hover:hover .ion, .wp-block-file__button.text-on-hover:hover .ion, .wp-block-file * + .wp-block-file__button.text-on-hover:hover .ion, .wp-block-button__link.text-on-hover:hover .ion, input[type="submit"].text-on-hover:hover .ion, button.text-on-hover:hover .ion { -webkit-transform: translateY(120%); -ms-transform: translateY(120%); transform: translateY(120%); opacity: 0; } .btn.text-on-hover:hover .text, .button.text-on-hover:hover .text, a.page-numbers:not(.next):not(.prev).text-on-hover:hover .text, span.page-numbers:not(.next):not(.prev).text-on-hover:hover .text, .wp-block-file__button.text-on-hover:hover .text, .wp-block-file * + .wp-block-file__button.text-on-hover:hover .text, .wp-block-button__link.text-on-hover:hover .text, input[type="submit"].text-on-hover:hover .text, button.text-on-hover:hover .text { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } /*-------------------------------------------------------------- ### Buttons: outline --------------------------------------------------------------*/ .btn-outline, input[type="submit"].btn-outline, a.btn-outline, .is-style-outline .wp-block-button__link { background-color: transparent; color: var(--clb-button-color); -webkit-box-shadow: none; box-shadow: none; } .btn-outline::after, .btn-outline::before, input[type="submit"].btn-outline::after, input[type="submit"].btn-outline::before, a.btn-outline::after, a.btn-outline::before, .is-style-outline .wp-block-button__link::after, .is-style-outline .wp-block-button__link::before { display: none; } .btn-outline:not(:hover), input[type="submit"].btn-outline:not(:hover), a.btn-outline:not(:hover), .is-style-outline .wp-block-button__link:not(:hover) { border-color: currentColor; } .btn-outline:hover, .btn-outline:focus, input[type="submit"].btn-outline:hover, input[type="submit"].btn-outline:focus, a.btn-outline:hover, a.btn-outline:focus, .is-style-outline .wp-block-button__link:hover, .is-style-outline .wp-block-button__link:focus { background-color: var(--clb-button-hover-color); color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .btn-outline.btn-white, input[type="submit"].btn-outline.btn-white, a.btn-outline.btn-white, .is-style-outline .wp-block-button__link.btn-white { background-color: transparent; border-color: var(--clb-color-white); color: var(--clb-color-white); } .btn-outline.btn-white:hover, input[type="submit"].btn-outline.btn-white:hover, a.btn-outline.btn-white:hover, .is-style-outline .wp-block-button__link.btn-white:hover { background-color: var(--clb-color-white); color: var(--clb-button-color); } .btn-outline.disabled:hover, input[type="submit"].btn-outline.disabled:hover, a.btn-outline.disabled:hover, .is-style-outline .wp-block-button__link.disabled:hover { background-color: transparent; color: var(--clb-button-color); border-color: var(--clb-button-color); cursor: default; } .is-style-outline .wp-block-button__link.has-beige-dark-color { color: var(--clb-button-hover-color); } .is-style-outline .wp-block-button__link.has-dark-strong-color { color: var(--clb-button-color); } .is-style-outline .wp-block-button__link.has-dark-light-color { color: var(--clb-body-color); } .is-style-outline .wp-block-button__link.has-grey-strong-color { color: var(--clb-body-color-grey); } .is-style-outline .wp-block-button__link.has-grey-light-color { color: var(--clb-body-color-grey); } /*-------------------------------------------------------------- ### Buttons: flat --------------------------------------------------------------*/ .btn-flat, a.page-numbers:not(.current):not(.next):not(.prev), span.page-numbers:not(.current):not(.next):not(.prev) { color: var(--clb-button-color); background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-flat::after, a.page-numbers:not(.current):not(.next):not(.prev)::after, span.page-numbers:not(.current):not(.next):not(.prev)::after { display: none; } .btn-flat:hover, .btn-flat:focus, a.page-numbers:not(.current):not(.next):not(.prev):hover, a.page-numbers:not(.current):not(.next):not(.prev):focus, span.page-numbers:not(.current):not(.next):not(.prev):hover, span.page-numbers:not(.current):not(.next):not(.prev):focus { background-color: var(--clb-button-hover-color); border-color: var(--clb-button-hover-color); color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /*-------------------------------------------------------------- ### Buttons: link --------------------------------------------------------------*/ .btn-link { color: var(--clb-button-color); background-color: transparent !important; padding: 3px 0px; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; border-radius: 0px; } .btn-link::before { display: block; bottom: 0px; } .btn-link::after { display: none; } .btn-link:hover, .btn-link:focus { background-color: transparent; color: var(--clb-button-hover-color); } .btn-link.btn-brand { color: var(--clb-button-hover-color); } .btn-link.btn-brand:hover { background-color: transparent; } /*-------------------------------------------------------------- ### Buttons: different sizes --------------------------------------------------------------*/ .btn-small { height: var(--clb-button-height-small); padding: var(--clb-button-side-padding-small); font-size: var(--clb-action-font-size-small); -webkit-border-radius: var(--clb-button-border-radius-small); border-radius: var(--clb-button-border-radius-small); } .btn-large { height: var(--clb-button-height-large); padding: var(--clb-button-side-padding-large); font-size: var(--clb-action-font-size-large); -webkit-border-radius: var(--clb-button-border-radius-large); border-radius: var(--clb-button-border-radius-large); } .btn-huge { height: var(--clb-button-height-extra-large); padding: var(--clb-button-side-padding-extra-large); font-size: var(--clb-action-font-size-large); -webkit-border-radius: var(--clb-button-border-radius-extra-large); border-radius: var(--clb-button-border-radius-extra-large); } .btn-full-width { width: 100%; } ins { text-decoration: none; } del { color: var(--clb-body-color-grey); } /*-------------------------------------------------------------- ### Buttons: loading spinner --------------------------------------------------------------*/ .btn-loading, .container-loading, .tp-loader.spinner5 { -webkit-box-shadow: none; box-shadow: none; } .btn-loading::before, .container-loading::before, .tp-loader.spinner5::before { content: ""; position: relative; display: inline-block; vertical-align: middle; width: 18px; height: 18px; bottom: auto; left: auto; opacity: 1; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid transparent; border-top: 3px solid rgba(255, 255, 255, 0.7); border-right: 3px solid rgba(255, 255, 255, 0.7); background: transparent; -webkit-animation: 0.5s rotate var(--clb-transition-function) infinite; animation: 0.5s rotate var(--clb-transition-function) infinite; } .btn-loading.search-submit::before, .btn-loading.btn-outline::before, .btn-loading.btn-link::before, .container-loading.search-submit::before, .container-loading.btn-outline::before, .container-loading.btn-link::before, .tp-loader.spinner5.search-submit::before, .tp-loader.spinner5.btn-outline::before, .tp-loader.spinner5.btn-link::before { border-color: rgba(36, 38, 43, 0.2); border-top-color: rgba(36, 38, 43, 0.8); border-right-color: rgba(36, 38, 43, 0.8); } .btn-loading.btn-outline::before, .btn-loading.btn::before, .container-loading.btn-outline::before, .container-loading.btn::before, .tp-loader.spinner5.btn-outline::before, .tp-loader.spinner5.btn::before { margin-right: 8px; } .btn-loading::before { vertical-align: top; } .btn-loading .ion-left { display: none; } .btn-loading:hover { -webkit-transition: none; -o-transition: none; transition: none; } .btn-loading:hover::before { background: transparent; width: 18px; -webkit-transition: none; -o-transition: none; transition: none; } .container-loading, .tp-loader.spinner5 { background-image: none !important; background: transparent; } .container-loading::before, .tp-loader.spinner5::before { position: absolute; left: -webkit-calc(50% - 19px); left: calc(50% - 19px); top: -webkit-calc(50% - 19px); top: calc(50% - 19px); width: 38px; height: 38px; border: 4px solid transparent; border-top: 4px solid rgba(36, 38, 43, 0.8); border-right: 4px solid rgba(36, 38, 43, 0.8); } .container-loading.closed::before, .tp-loader.spinner5.closed::before { display: none; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- ### Buttons: round --------------------------------------------------------------*/ .btn-round { position: relative; } .btn-round .ion { width: var(--clb-icon-button); height: var(--clb-icon-button); color: var(--clb-color-black); background-color: var(--clb-color-white); -webkit-border-radius: 50%; border-radius: 50%; font-size: 22px; position: relative; z-index: 1; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .btn-round::before { content: ""; position: absolute; top: -10px; left: -10px; height: -webkit-calc(100% + 20px); height: calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(0, 0, 0, 0.05); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .btn-round:hover .ion { color: var(--clb-color-primary); } .btn-round:hover::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .btn-round:active .ion { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05); } .btn-round:active::before { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .btn-round.-round-animation:active::before { -webkit-transform: scale(60); -ms-transform: scale(60); transform: scale(60); -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .btn-round-small .ion { width: var(--clb-icon-button-small); height: var(--clb-icon-button-small); } .rev_slider .btn-round .ion { line-height: var(--clb-icon-button) !important; text-align: center !important; } /*-------------------------------------------------------------- ### Buttons: close --------------------------------------------------------------*/ .close-bar { height: var(--clb-header-height); padding: 0 var(--clb-spacer-small); position: relative; z-index: 11; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .close-bar-btn { width: var(--clb-icon-button); height: var(--clb-icon-button); position: relative; cursor: pointer; } /*-------------------------------------------------------------- ### Buttons: round animation --------------------------------------------------------------*/ body .btn-round-inner { position: relative; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: var(--clb-icon-button); width: var(--clb-icon-button); font-size: 1.35rem; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-border-radius: 50%; border-radius: 50%; } body .btn-round-inner::after { content: ""; height: var(--clb-icon-button); width: var(--clb-icon-button); position: absolute; top: -webkit-calc(50% - -webkit-calc(var(--clb-icon-button) / 2)); top: calc(50% - calc(var(--clb-icon-button) / 2)); left: -webkit-calc(50% - -webkit-calc(var(--clb-icon-button) / 2)); left: calc(50% - calc(var(--clb-icon-button) / 2)); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-color: var(--clb-tag-fill-color); -webkit-border-radius: 50%; border-radius: 50%; } body .btn-round-inner:hover { color: var(--clb-color-primary); } body .btn-round-inner:hover::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } body .btn-round-inner:active::after { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); background-color: var(--clb-tag-fill-color); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } body .btn-round-inner.-small { height: var(--clb-icon-button-small); width: var(--clb-icon-button-small); font-size: 1.25em; } body .btn-round-inner.-small::after { height: var(--clb-icon-button-small); width: var(--clb-icon-button-small); top: -webkit-calc(50% - -webkit-calc(var(--clb-icon-button-small) / 2)); top: calc(50% - calc(var(--clb-icon-button-small) / 2)); left: -webkit-calc(50% - -webkit-calc(var(--clb-icon-button-small) / 2)); left: calc(50% - calc(var(--clb-icon-button-small) / 2)); } body .btn-round-inner.-filled { background-color: var(--clb-tag-fill-color); } /*-------------------------------------------------------------- ### Fields --------------------------------------------------------------*/ fieldset.without-label { padding-top: 20px; } fieldset.without-label button.btn { margin-top: 0px; } input, textarea { font-family: var(--clb-body-font-family); } .wpcf7-form label, .variation label, .form-row:not(.terms):not(.place-order):not(.create-account) label, .field-label { font-size: 0.75em; text-transform: uppercase; margin-bottom: 0.35rem; font-weight: 500; display: block; font-style: normal; text-align: left; } input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"], select, textarea, .select2-container--default .select2-selection--single { background: none; font-family: inherit; height: var(--clb-button-height); color: var(--clb-body-color); background-color: var(--clb-input-fill-color); border: 1px solid var(--clb-input-border-color); padding: 0 var(--clb-button-side-padding); width: 100%; position: relative; -webkit-appearance: none; -webkit-border-radius: var(--clb-text-field-border-radius); border-radius: var(--clb-text-field-border-radius); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } input[type="email"].flat, input[type="number"].flat, input[type="password"].flat, input[type="search"].flat, input[type="tel"].flat, input[type="text"].flat, input[type="date"].flat, input[type="url"].flat, select.flat, textarea.flat, .select2-container--default .select2-selection--single.flat { background-color: var(--clb-fill-color); border-color: var(--clb-fill-color); } input[type="email"].flat:hover, input[type="number"].flat:hover, input[type="password"].flat:hover, input[type="search"].flat:hover, input[type="tel"].flat:hover, input[type="text"].flat:hover, input[type="date"].flat:hover, input[type="url"].flat:hover, select.flat:hover, textarea.flat:hover, .select2-container--default .select2-selection--single.flat:hover { background-color: var(--clb-tag-fill-color); outline: none; } input[type="email"].flat:focus, input[type="number"].flat:focus, input[type="password"].flat:focus, input[type="search"].flat:focus, input[type="tel"].flat:focus, input[type="text"].flat:focus, input[type="date"].flat:focus, input[type="url"].flat:focus, select.flat:focus, textarea.flat:focus, .select2-container--default .select2-selection--single.flat:focus { background-color: var(--clb-tag-fill-color); outline: none; } input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="date"]:focus, input[type="url"]:focus, select:focus, textarea:focus, .select2-container--default .select2-selection--single:focus { border-color: var(--clb-border-color-dark); background-color: var(--clb-tag-fill-color); outline: none; } input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="date"]:hover, input[type="url"]:hover, select:hover, textarea:hover, .select2-container--default .select2-selection--single:hover { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } /*-------------------------------------------------------------- ### Error styles --------------------------------------------------------------*/ input.error, input.error + .select2-container--default .select2-selection--single, select.error, select.error + .select2-container--default .select2-selection--single { -webkit-box-shadow: 0 0 0 3px rgba(222, 75, 83, 0.1); box-shadow: 0 0 0 3px rgba(222, 75, 83, 0.1); border: 1px solid #DE4B53 !important; } .woocommerce-invalid input, .woocommerce-invalid input + .select2-container--default .select2-selection--single, .woocommerce-invalid select, .woocommerce-invalid select + .select2-container--default .select2-selection--single { -webkit-box-shadow: 0 0 0 3px rgba(222, 75, 83, 0.1); box-shadow: 0 0 0 3px rgba(222, 75, 83, 0.1); border: 1px solid #DE4B53 !important; } /*-------------------------------------------------------------- ### Custom Select --------------------------------------------------------------*/ .lang-dropdown-flag { display: none; } .select-holder { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .select-holder.-small { max-height: var(--clb-button-height-small); } .select-holder.-small select { height: var(--clb-button-height-small); padding: 0 var(--clb-button-side-padding-small); background-color: var(--clb-tag-fill-color); font-size: 0.92em; border: none; font-family: inherit; -webkit-border-radius: --clb-button-border-radius-small; border-radius: --clb-button-border-radius-small; } body .select2-container--default .select2-results__option[aria-selected=true], body .select2-container--default .select2-results__option[data-selected=true] { background-color: rgba(94, 99, 112, 0.15); } body .select2-container--default .select2-selection--single { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-color: var(--clb-input-border-color); background-color: var(--clb-tag-fill-color); } body .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 10px; color: inherit; line-height: initial; } body .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; position: relative; width: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body .select2-container--default .select2-selection--single .select2-selection__arrow > b { border: none; margin: 0; left: auto; top: auto; position: relative; height: 1rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 1rem; background-repeat: no-repeat; -webkit-transform: scale(0.8) rotate(0deg); -ms-transform: scale(0.8) rotate(0deg); transform: scale(0.8) rotate(0deg); 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"); } body .select2-container--default.select2-container--open .select2-selection__arrow > b { -webkit-transform: scale(0.8) rotate(180deg); -ms-transform: scale(0.8) rotate(180deg); transform: scale(0.8) rotate(180deg); } body .select2-container--default .select2-dropdown { overflow: hidden; border: none; -webkit-box-shadow: 0 20px 32px -8px rgba(36, 38, 43, 0.2), 0 0 1px rgba(36, 38, 43, 0.05); box-shadow: 0 20px 32px -8px rgba(36, 38, 43, 0.2), 0 0 1px rgba(36, 38, 43, 0.05); z-index: 11111; } body .select2-container--default .select2-dropdown.select2-dropdown--below { -webkit-border-bottom-right-radius: var(--clb-button-border-radius-small); border-bottom-right-radius: var(--clb-button-border-radius-small); -webkit-border-bottom-left-radius: var(--clb-button-border-radius-small); border-bottom-left-radius: var(--clb-button-border-radius-small); } body .select2-container--default .select2-dropdown.select2-dropdown--above { -webkit-border-top-right-radius: var(--clb-button-border-radius-small); border-top-right-radius: var(--clb-button-border-radius-small); -webkit-border-top-left-radius: var(--clb-button-border-radius-small); border-top-left-radius: var(--clb-button-border-radius-small); } body .select2-container--default .select2-dropdown.-small { font-size: 0.92em; } body .select2-container--default .select2-dropdown.-small .select2-results__option { padding-left: 10px; padding-right: 10px; line-height: 1.359; } body .select2-container--default .select2-dropdown.-flat.select2-dropdown--below { -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } body .select2-container--default .select2-search--dropdown { padding: 15px; } body .select2-container--default .select2-search--dropdown .select2-search__field { padding: 8px 10px; border-color: var(--clb-input-border-color); } body .select2-container--default .select2-results__option { padding-left: 15px; padding-right: 15px; } body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option--highlighted[data-selected] { color: var(--clb-color-white); background-color: var(--clb-body-color); } select:not(.-small) + .select2-container--default { height: 44px; width: 100% !important; } select.-small + .select2-container--default { height: var(--clb-button-height-small); width: auto !important; } select.-small + .select2-container--default .select2-selection--single { height: var(--clb-button-height-small); padding: 0 var(--clb-button-side-padding-small); font-size: 0.92em; -webkit-border-radius: var(--clb-button-border-radius-small); border-radius: var(--clb-button-border-radius-small); } select.-flat + .select2-container--default .select2-selection--single { border: none; } select.-flat:not(.-search) + .select2-container--default .select2-selection--single { background-color: var(--clb-tag-fill-color); } select.-flat:not(.-search) + .select2-container--default .select2-selection--single:hover { background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); } select.-hide-search + .select2-search { display: none; } input[type="checkbox"] { width: 14px; height: 14px; vertical-align: middle; } input + label:not(.wpcf7-not-valid-tip), input + span:not(.wpcf7-not-valid-tip) { display: inline !important; text-transform: none !important; vertical-align: middle; font-size: 0.95rem; font-weight: normal; } input + label > a, input + span > a { font-weight: 600; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--clb-body-color-grey); } input::-moz-placeholder, textarea::-moz-placeholder { color: var(--clb-body-color-grey); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--clb-body-color-grey); } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: var(--clb-body-color-grey); } input.placeholder, input::placeholder, textarea.placeholder, textarea::placeholder { color: var(--clb-body-color-grey); } textarea { width: 100%; min-height: 10rem; resize: vertical; padding-top: var(--clb-button-side-padding-small); padding-bottom: var(--clb-button-side-padding-small); } .input-group::after { content: ""; clear: both; display: table; } .input-group > br { display: none; } .input-group .input-block { float: left; } .input-group .input-block.col-6 { width: 50%; } .input-group .input-block.col-4 { width: 33.33334%; } .input-group .input-block.col-3 { width: 25%; } .input-group .input-block.col-2 { width: 16.6665%; } .input-group .input-block.col-fifth { width: 20%; } .input-group .input-block[class^="col-"] button.btn { margin-top: 0; } @media screen and (max-width: 768px) { .input-group .input-block input { border-right-width: 1px; } .input-group .input-block.col-6, .input-group .input-block.col-4, .input-group .input-block.col-3, .input-group .input-block.col-2, .input-group .input-block.col-fifth { width: 100%; padding-right: 0 !important; padding-left: 0 !important; } } .input-group .input-block.offset input, .input-group .input-block.offset:last-of-type input:not([type="submit"]) { border-width: 1px; } /*-------------------------------------------------------------- ### Radio Checkbox --------------------------------------------------------------*/ input[type="radio"] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 1.35rem; margin-right: 15px; text-transform: none; font-weight: normal; color: inherit; } input[type="radio"] + label::before { content: ""; display: block; margin-right: 14px; position: absolute; top: 0; left: 0; background: color-mix(in srgb, var(--clb-color-neutral) 28%, transparent); width: 18px; height: 18px; -webkit-border-radius: 50%; border-radius: 50%; } input[type="radio"] { display: none !important; } input[type="radio"] + label:after, input[type="radio"]:checked + label:after { content: ""; display: block; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; background: white; -webkit-border-radius: 50%; border-radius: 50%; } input[type="radio"]:checked + label:after { background: var(--clb-body-color); } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- ## Filter --------------------------------------------------------------*/ .filter-container .filter { line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: 600; font-size: 1em; width: 100%; } .filter-container .filter p { width: auto; } .filter-container .filter .result { margin-right: 10px; text-align: right; } .filter-container .filter .select2-selection--single { font-size: inherit !important; } @media screen and (min-width: 769px) { .filter-container .filter .select-holder { margin-left: 0.5rem; } } @media screen and (max-width: 768px) { .filter-container .filter .select-holder { margin-bottom: 0.75rem; } } .filter-container .btn-filter { display: none; z-index: 10; font-size: 0.8rem; } @media screen and (max-width: 1024px) { .filter-container .btn-filter { display: block; text-transform: uppercase; position: absolute; right: 15px; } } @media screen and (min-width: 1025px) { .filter-container .close-bar { display: none; } } .filter-container.active .mbl-overlay { visibility: visible; opacity: 1; left: 0; } .filter-container.active .mbl-overlay .filter { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .filter-container.active .mbl-overlay .filter .result, .filter-container.active .mbl-overlay .filter .woocommerce-result-count { text-align: left; margin: 1.5rem 0; line-height: 1; } @media screen and (max-width: 768px) { .select2-container--default { z-index: 10000000 !important; } } /*-------------------------------------------------------------- ### Scroll top button --------------------------------------------------------------*/ .scroll-top { position: fixed; right: var(--clb-spacer-small); bottom: var(--clb-spacer-small); display: none; z-index: 5; } .scroll-top::before { display: none; } .scroll-top-inner { height: var(--clb-icon-button); width: var(--clb-icon-button); } .scroll-top-inner-tag { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; height: var(--clb-icon-button); line-height: var(--clb-icon-button); bottom: 60px; right: 0px; width: 100%; font-weight: 600; text-align: left; white-space: nowrap; font-size: 0.8em; text-transform: uppercase; } @media screen and (max-width: 768px) { .scroll-top-inner-tag { display: none; } } .scroll-top-inner-tag:hover { color: var(--clb-body-color); } .scroll-top-inner:hover .scroll-top-inner-tag { color: var(--clb-body-color); } @media screen and (max-width: 768px) { .scroll-top.mobile-hide { display: none !important; } } [data-isotope-grid] { -webkit-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; transition: height .3s ease-in-out; } /*-------------------------------------------------------------- ### Tags --------------------------------------------------------------*/ .tag:not(body), .woo-onsale, .price-discount, .tag-cloud-link, .pricing_price_time, .reply a, .portfolio-item span.category { padding: 0 0.65rem; height: 1.5rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 0.75em; color: inherit; text-transform: uppercase; background-color: var(--clb-tag-fill-color); -webkit-border-radius: var(--clb-border-radius-small); border-radius: var(--clb-border-radius-small); } .tag:not(body) a, .woo-onsale a, .price-discount a, .tag-cloud-link a, .pricing_price_time a, .reply a a, .portfolio-item span.category a { display: block; } .tag:not(body) a::before, .woo-onsale a::before, .price-discount a::before, .tag-cloud-link a::before, .pricing_price_time a::before, .reply a a::before, .portfolio-item span.category a::before { display: none; } .tag:not(body):hover, .woo-onsale:hover, .price-discount:hover, .tag-cloud-link:hover, .pricing_price_time:hover, .reply a:hover, .portfolio-item span.category:hover { background-color: var(--clb-color-primary); color: var(--clb-color-white); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .tag:not(body):hover a, .woo-onsale:hover a, .price-discount:hover a, .tag-cloud-link:hover a, .pricing_price_time:hover a, .reply a:hover a, .portfolio-item span.category:hover a { color: var(--clb-color-white); } .tag:not(body)::before, .woo-onsale::before, .price-discount::before, .tag-cloud-link::before, .pricing_price_time::before, .reply a::before, .portfolio-item span.category::before { display: none; } .tag:not(body).out-of-stock, .woo-onsale.out-of-stock, .price-discount.out-of-stock, .tag-cloud-link.out-of-stock, .pricing_price_time.out-of-stock, .reply a.out-of-stock, .portfolio-item span.category.out-of-stock { background-color: var(--clb-body-color); color: var(--clb-color-white); } .tag-cloud-link:hover { color: white !important; } /*-------------------------------------------------------------- ## Product search widget --------------------------------------------------------------*/ .search-form, .woocommerce-product-search { position: relative; } .search-form .search, .woocommerce-product-search .search { background: none; width: 42px; height: 42px; line-height: 1; -webkit-box-shadow: none; box-shadow: none; height: 100%; border: none; padding: 0px; text-align: center; position: absolute; top: 0; right: 0; outline: none; color: var(--clb-color-black); } .search-form .search .ion, .woocommerce-product-search .search .ion { font-size: 20px; } .search-form .search::after, .woocommerce-product-search .search::after { content: ""; position: absolute; left: 0px; height: 24px; top: -webkit-calc(50% - 12px); top: calc(50% - 12px); display: inline-block; vertical-align: middle; width: 1px; -webkit-transform: none; -ms-transform: none; transform: none; background: var(--clb-input-border-color); } .search-form .search:hover, .woocommerce-product-search .search:hover { opacity: .6; } .search-form .select2-container--default .select2-selection--single, .woocommerce-product-search .select2-container--default .select2-selection--single { background: transparent; } .woocommerce-product-search button.search-submit { width: 46px; } /*-------------------------------------------------------------- ### Standart image --------------------------------------------------------------*/ .wpb_single_image { margin: 0 !important; } /*-------------------------------------------------------------- ### Preset colors --------------------------------------------------------------*/ .wp-block-cover .wp-block-cover-text { font-family: var(--clb-titles-font-family); font-size: 32px; } /*-------------------------------------------------------------- ### Preset colors --------------------------------------------------------------*/ .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-color-black); } .has-dark-strong-background-color.wp-block-button__link { border-color: var(--clb-color-black); } .has-dark-light-background-color { background-color: var(--clb-body-color); } .has-dark-light-background-color.wp-block-button__link { border-color: var(--clb-body-color); } .has-grey-strong-background-color { background-color: #767c8c; } .has-grey-strong-background-color.wp-block-button__link { border-color: #767c8c; } .has-grey-light-background-color { background-color: #9196a3; } .has-grey-light-background-color.wp-block-button__link { border-color: #9196a3; } .has-beige-dark-color { color: var(--clb-color-primary); } .has-dark-strong-color { color: var(--clb-color-black); } .has-dark-light-color { color: var(--clb-body-color); } .has-grey-strong-color { color: var(--clb-body-color-grey); } .has-grey-light-color { color: #9196a3; } /*-------------------------------------------------------------- ## Pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .site { position: relative; } .site-content { background: white; min-height: -webkit-calc(100vh - 107px); min-height: calc(100vh - 107px); } i.ion { vertical-align: middle; } /*-------------------------------------------------------------- ## Admin bar enabled --------------------------------------------------------------*/ @media screen and (min-width: 769px) { body.admin-bar .fullscreen-nav, body.admin-bar .site-header.header-6, body.admin-bar .header-search.opened, body.admin-bar .header-fixed { top: var(--clb-admin-bar-height); } body.admin-bar .site-header:not(.header-fixed) .submenu_cart { top: var(--clb-admin-bar-height); height: -webkit-calc(100vh - var(--clb-admin-bar-height)); height: calc(100vh - var(--clb-admin-bar-height)); } body.admin-bar .site-header.header-fixed .submenu_cart { height: -webkit-calc(100vh - var(--clb-admin-bar-height)); height: calc(100vh - var(--clb-admin-bar-height)); } body.admin-bar .site-header.header-7 { top: var(--clb-admin-bar-height); height: -webkit-calc(100vh - var(--clb-admin-bar-height)); height: calc(100vh - var(--clb-admin-bar-height)); } body.admin-bar .site-header.header-6 .header-wrap { height: -webkit-calc(100vh - var(--clb-admin-bar-height)); height: calc(100vh - var(--clb-admin-bar-height)); } body.admin-bar.stockie-with-header-6 .submenu_cart, body.admin-bar.stockie-with-header-7 .submenu_cart { top: var(--clb-admin-bar-height); height: -webkit-calc(100vh - var(--clb-admin-bar-height)); height: calc(100vh - var(--clb-admin-bar-height)); } body.admin-bar .woo_c-product.sticky_excluded .sticky-product, body.admin-bar .woo_c-product.sticky_product_position .sticky-product { top: -webkit-calc(var(--clb-admin-bar-height) + 25px); top: calc(var(--clb-admin-bar-height) + 25px); } } /*-------------------------------------------------------------- ## Empty Container --------------------------------------------------------------*/ .empt-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 70px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin-top: 6%; } @media screen and (max-width: 768px) { .empt-container { margin-top: 20%; } } .empt-container-image { background-color: var(--clb-fill-color); width: 80px; height: 80px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; } .empt-container-image i { font-size: 36px; color: var(--clb-body-color); } .empt-container-image svg { width: 20px; vertical-align: middle; fill: var(--clb-body-color); } .empt-container h3.heading-md.empt-container-headline { width: 100%; text-align: center; margin: 20px 0px 0px; } .empt-container-details { max-width: 320px; margin-bottom: 1.25rem; } @media screen and (max-width: 768px) { .empt-container-details { max-width: 100%; padding-left: 20px; padding-right: 20px; } } .empt-container-search { min-width: 230px; } .cart-empty.woocommerce-info { display: none; } /*-------------------------------------------------------------- ## Authorization page --------------------------------------------------------------*/ .page-auth { background: #444 url("./images/bg-full.jpg"); background-size: cover; background-position: center center; width: 100%; height: 100%; position: relative; } .page-auth::before { content: ""; background: rgba(52, 52, 54, 0.75); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .page-auth .page-auth-wrap { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .page-auth .page-auth-wrap form { background: white; width: 460px; margin: 0 auto; padding: 60px; } .page-auth .page-auth-wrap form input { margin-bottom: 15px; } .page-auth .page-auth-wrap form button.btn { margin-top: 0; } .post-password-form { text-align: left; padding: 2em 0px; } @media screen and (min-width: 1025px) { .post-password-form { width: 50%; } } .post-password-form label { font-weight: 600; margin: 15px 0; } .post-password-form label input { margin-top: 5px; } .post-password-form input[type="submit"] { margin-top: 15px; } /*-------------------------------------------------------------- ## Search page --------------------------------------------------------------*/ .woocommerce.search .result { display: none; } .woocommerce-page:not(.woocommerce-checkout):not(.with-breadcrumbs) .entry-content > .woocommerce, .woocommerce-page.woocommerce-order-received:not(.with-breadcrumbs) .entry-content > .woocommerce { padding-top: 3.5vh; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery-caption { font-weight: 600; } .grid-item-container { position: relative; overflow: hidden; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); } .grid-item-container .grid-item-image { cursor: pointer; vertical-align: top; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .grid-item-container .gallery-description { display: none; } .grid-item-overlay { background-color: color-mix(in srgb, var(--clb-color-black) 50%, transparent); opacity: 0; cursor: pointer; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .grid-item-overlay .btn-link { position: absolute; bottom: var(--clb-spacer); left: var(--clb-spacer); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .grid-item-overlay .btn-round { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .grid-item-overlay .grid-item-headline { color: var(--clb-color-white); font-weight: 600; margin: 0; } .grid-item-overlay .grid-item-headline a { color: var(--clb-color-white); } .grid-item-overlay:not(.with-title) .btn-round { display: none; } .grid-item-overlay.with-title { width: 100%; height: 100%; left: 0; top: 0; } .grid-item-overlay.with-title .center-aligned { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-item-overlay.with-title .grid-item-headline { font-size: var(--clb-font-size); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .grid-item-overlay.with-title .grid-item-headline a { font-weight: normal; } .grid-item-overlay.with-title .grid-item-headline a::before { display: none; } .grid-item-overlay.with-title .btn-round { display: inline-block; margin-bottom: 15px; } .grid-item-overlay.with-title .btn-round .ion { font-size: 24px; } .grid-item-overlay:hover .btn-link, .grid-item-overlay:hover .btn-round, .grid-item-overlay.with-title:hover .btn-link, .grid-item-overlay.with-title:hover .btn-round { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .grid-item-overlay:hover .grid-item-headline, .grid-item-overlay.with-title:hover .grid-item-headline { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration) 0.1s; -o-transition: all var(--clb-transition-function) var(--clb-transition-duration) 0.1s; transition: all var(--clb-transition-function) var(--clb-transition-duration) 0.1s; } .grid-item:hover .grid-item-overlay { opacity: 1; } .grid-item:hover .grid-item-image { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .grid-item.metro-style .grid-item-container { overflow: hidden; } .grid-item.metro-style figure.grid-item-image { padding-top: 100%; background-size: cover; background-position: center; overflow: hidden; position: relative; } .grid-item.metro-style .hidden-image { visibility: hidden; height: 100% !important; width: 100% !important; top: 0px; position: absolute; } .gallery-lightbox { background: rgba(255, 255, 255, 0.98); width: 100%; height: 100%; text-align: center; position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; z-index: 999999; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .gallery-lightbox.open { visibility: visible; opacity: 1; } .gallery-lightbox.open .close { visibility: visible; } .gallery-lightbox .slider { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); height: -webkit-calc(100% - 100px); height: calc(100% - 100px); position: absolute; top: 0; left: 50px; visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gallery-lightbox .slider .slider-nav { top: -webkit-calc(50vh - 60px); top: calc(50vh - 60px); right: -25px; left: -25px; } .gallery-lightbox .slider .owl-stage-outer { height: 100%; } .gallery-lightbox .slider .owl-stage { height: 100%; position: relative; } .gallery-lightbox .slider .owl-stage .owl-item { width: 100%; height: 100%; text-align: center; position: relative; } .gallery-lightbox .slider .owl-stage .owl-item > div { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gallery-lightbox .slider .owl-stage .owl-item img { max-height: 100%; width: auto; } .gallery-lightbox .slider .owl-stage .owl-item .gallery-description { width: 100%; height: auto; padding: 15px 0; position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.5); } .gallery-lightbox .slider .owl-stage .owl-item .gallery-description h3 { text-align: center; font-size: var(--clb-font-size); font-weight: 600; width: 50%; margin: 0 auto; } .gallery-lightbox .slider .owl-stage .owl-item .gallery-description p { margin: 5px auto 0px; width: 50%; } .gallery-lightbox .slider .thumbs { max-width: 100%; display: inline-block; overflow-x: auto; overflow-y: visible; padding: 2px 0px; margin-top: 25px; } .gallery-lightbox .slider .thumbs img { height: 50px; width: auto; margin: 0 5px; vertical-align: middle; display: inline-block; cursor: pointer; opacity: 0; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-transition: opacity 0.3s var(--clb-transition-duration); -o-transition: opacity 0.3s var(--clb-transition-duration); transition: opacity 0.3s var(--clb-transition-duration); } .gallery-lightbox .slider .thumbs img.showed { opacity: 1; } .gallery-lightbox .slider .thumbs img.active { -webkit-box-shadow: 0px 0px 0px 2px var(--clb-color-black); box-shadow: 0px 0px 0px 2px var(--clb-color-black); } .gallery-lightbox .slider .thumbs img:hover { opacity: .7; } .gallery-lightbox .owl-next, .gallery-lightbox .owl-prev, .gallery-lightbox .expand, .gallery-lightbox .close { position: absolute; z-index: 100; } .gallery-lightbox .owl-next .ion, .gallery-lightbox .owl-prev .ion, .gallery-lightbox .expand .ion, .gallery-lightbox .close .ion { width: 50px; height: 50px; line-height: 50px; cursor: pointer; } .gallery-lightbox .close { right: 25px; top: 25px; } .gallery-lightbox .expand { left: 25px; top: 25px; font-size: 19px; } .gallery-tmpimage { position: fixed; z-index: 9999999; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .gallery-tmpimage.active { left: 50%; top: 40px; } /*Gallery grid*/ @media screen and (max-width: 768px) { .gallery-lightbox { overflow-y: scroll; min-height: 100vh; } .gallery-lightbox .slider { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); min-height: -webkit-calc(100vh - 60px); min-height: calc(100vh - 60px); margin: 30px 5px; left: 15px; } .gallery-lightbox .slider .owl-stage-outer { height: -webkit-calc(100% - 60px); height: calc(100% - 60px); } .gallery-lightbox .slider .owl-item img { height: auto !important; width: 100%; vertical-align: middle; } .gallery-lightbox .slider .owl-stage .owl-item .gallery-description h3, .gallery-lightbox .slider .owl-stage .owl-item .gallery-description p { width: 100%; } .gallery-lightbox .expand { top: 20px; left: 20px; } .gallery-lightbox .close { top: 20px; right: 20px; } } /*-------------------------------------------------------------- ## Portfolio gallery --------------------------------------------------------------*/ .portfolio-gallery { background: white; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); z-index: 99999; } .portfolio-gallery .slider, .portfolio-gallery .gallery-content { width: 50%; height: 100%; position: absolute; top: 0; } .portfolio-gallery .slider { left: 0; padding: 0; z-index: 2; } .portfolio-gallery .slider .owl-stage-outer, .portfolio-gallery .slider .owl-stage, .portfolio-gallery .slider .owl-item { height: 100%; } .portfolio-gallery .slider .owl-stage-outer { padding-top: 0; margin-top: 0; } .portfolio-gallery .slider .owl-item { text-align: center; } .portfolio-gallery .slider .owl-item div { background-size: cover; background-position: 50%; width: auto; min-width: auto; height: 100%; } .portfolio-gallery .slider .owl-nav .owl-prev, .portfolio-gallery .slider .owl-nav .owl-next { margin-top: -55px; } .portfolio-gallery .slider .owl-dots { background: white; width: auto; padding: 10px 14px; margin: 0; position: absolute; -webkit-border-radius: 100px; border-radius: 100px; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .portfolio-gallery .slider .owl-dots.disabled { display: none; } .portfolio-gallery .slider .owl-dot { border-color: transparent; margin: 5px 0; display: block; } .portfolio-gallery .slider .owl-dot::after { background: var(--clb-color-black); } .portfolio-gallery .slider .owl-dot.active { border-color: var(--clb-color-black); } .portfolio-gallery .gallery-content { right: 0; padding: 30px 8%; } .portfolio-gallery .gallery-content h2, .portfolio-gallery .gallery-content .tag, .portfolio-gallery .gallery-content .description, .portfolio-gallery .gallery-content .info, .portfolio-gallery .gallery-content .view-project { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-gallery .gallery-content .tag { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .portfolio-gallery .gallery-content h2 { font-size: 42px; font-weight: 600; line-height: 1.3; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-gallery .gallery-content .description { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; line-height: 25px; font-size: var(--clb-font-size); } .portfolio-gallery .gallery-content .description p { color: inherit; } .portfolio-gallery .gallery-content .info { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .portfolio-gallery .gallery-content .info .title { color: var(--clb-body-color-grey); border-bottom-color: var(--clb-border-color); } .portfolio-gallery .gallery-content .info p { color: var(--clb-color-black); } .portfolio-gallery .gallery-content .info p a { color: inherit; } .portfolio-gallery .gallery-content .view-project { color: var(--clb-color-black); margin-top: 15px; font-weight: 600; line-height: 2; font-size: var(--clb-font-size); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .portfolio-gallery .gallery-content .date { color: rgba(51, 51, 51, 0.2); font-size: 68px; font-weight: 600; position: absolute; bottom: 20px; left: 16%; } .portfolio-gallery .gallery-close { background: white; width: 46px; height: 46px; font-size: 46px; line-height: 46px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 99; cursor: pointer; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .portfolio-gallery .gallery-close:hover { opacity: .5; } .portfolio-gallery.open { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-gallery.open .tag, .portfolio-gallery.open h2, .portfolio-gallery.open .description, .portfolio-gallery.open .info, .portfolio-gallery.open .view-project { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } @media screen and (max-width: 768px) { .portfolio-gallery { overflow-y: scroll; overflow-x: hidden; } .portfolio-gallery .gallery-content h2 { font-size: 28px; } .portfolio-gallery .slider, .portfolio-gallery .gallery-content { width: 100%; height: auto; position: relative; } .portfolio-gallery .slider { height: 320px; } .portfolio-gallery .slider .owl-dots { top: 100%; left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-gallery .slider .owl-dots .owl-dot { display: inline-block; margin: 0 2px; vertical-align: middle; } .portfolio-gallery .content .info-list li { width: 100%; max-width: auto; } } /*-------------------------------------------------------------- ## Popup --------------------------------------------------------------*/ .modal-window { display: none; background: rgba(255, 255, 255, 0.98); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .modal-window .close { width: var(--clb-icon-button); height: var(--clb-icon-button); position: absolute; right: 25px; top: 25px; } .modal-window .close .ion { width: var(--clb-icon-button); height: var(--clb-icon-button); line-height: var(--clb-icon-button); background-color: var(--clb-color-white); -webkit-border-radius: 100%; border-radius: 100%; text-align: center; vertical-align: middle; font-size: 22px; cursor: pointer; position: relative; z-index: 1; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (max-width: 768px) { .modal-window .close .ion { right: 0px; top: 0px; } } .modal-window.open { opacity: 1; } @media screen and (max-width: 1024px) { .modal-window .page-container { max-width: 1024px; } } /*-------------------------------------------------------------- ## Breadcrumbs --------------------------------------------------------------*/ .breadcrumbs { width: 100%; padding: 24px 0; line-height: 20px; font-weight: 500; font-size: 0.75em; text-transform: uppercase; } .breadcrumbs-slug { position: relative; z-index: 3; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs-slug li { list-style: none; padding: 0; } .breadcrumbs-slug li .active { font-weight: 600; } .breadcrumbs-slug i { margin: -3px 8px 0; } .breadcrumbs-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 32px; line-height: 32px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .breadcrumbs-container { height: auto; line-height: inherit; } } .breadcrumbs a:not(.btn) { color: var(--clb-body-color-grey); } .breadcrumbs .filters { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: 600; } .breadcrumbs .filters .result { margin-right: 10px; } .post-type-archive-product .breadcrumbs-container.vc_col-lg-push-2, .woocommerce-wishlist .breadcrumbs-container.vc_col-lg-push-2 { left: auto; width: 100%; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .pagination { margin-top: 1.5rem; } .pagination ul { list-style: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pagination li .btn, .pagination li .page-numbers { padding: 0 var(--clb-button-side-padding-small) !important; min-width: var(--clb-button-height); background-image: none !important; } .pagination li .btn.active:not(:hover), .pagination li .page-numbers.active:not(:hover) { color: var(--clb-color-white); background-color: var(--clb-button-color); border-color: var(--clb-button-color); } /*-------------------------------------------------------------- ## Preloader --------------------------------------------------------------*/ .page-preloader { background-color: var(--clb-color-white); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100vh; z-index: 999999; position: fixed; top: 0; left: 0; opacity: 1; visibility: visible; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; } .page-preloader .loader { width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-animation: typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; } .page-preloader.closed { opacity: 0; visibility: hidden; } .page-preloader.hide { display: none; } .sk-fading-circle, .sk-double-bounce, .sk-circle, .sk-cube-grid, .sk-folding-cube { width: var(--clb-icon-button); height: var(--clb-icon-button); } .sk-fading-circle { position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: var(--clb-color-black); -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .sk-double-bounce { position: relative; } .sk-double-bounce .sk-child { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background-color: var(--clb-color-black); opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2.0s infinite ease-in-out; animation: sk-doubleBounce 2.0s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .sk-wave { width: var(--clb-icon-button); height: 40px; text-align: center; font-size: 10px; } .sk-wave .sk-rect { background-color: var(--clb-color-black); height: 100%; width: 5px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } .sk-three-bounce { width: 80px; text-align: center; } .sk-three-bounce .sk-child { width: 10px; height: 10px; background-color: var(--clb-color-black); -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .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-black); -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .sk-cube-grid .sk-cube { width: 33.33%; height: 33.33%; background-color: var(--clb-color-black); float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0.0s; animation-delay: 0.0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .sk-folding-cube { position: relative; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); 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-black); -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotate(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotate(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotate(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } /*-------------------------------------------------------------- ## Subscribe --------------------------------------------------------------*/ .subscribe-popup { width: 100vw; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 15px; } .subscribe-popup .subscribe { background-color: var(--clb-color-white); overflow: hidden; width: 780px; height: auto; -webkit-animation: 0.4s slide_up_inner var(--clb-transition-function); animation: 0.4s slide_up_inner var(--clb-transition-function); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); /*Sent form state*/ } .subscribe-popup .subscribe .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media screen and (max-width: 768px) { .subscribe-popup .subscribe .vc_row { display: block; } } @media screen and (max-width: 768px) { .subscribe-popup .subscribe { min-width: 100%; } } .subscribe-popup .subscribe-img { background-size: cover; background-color: var(--clb-fill-color); min-height: 10em; background-position: center center; } .subscribe-popup .subscribe-content { padding: 40px 65px 40px 50px; } @media screen and (max-width: 768px) { .subscribe-popup .subscribe-content { padding: 30px 45px; } } .subscribe-popup .subscribe-content-header { margin: 0px 0px 15px 0px; } .subscribe-popup .subscribe .wpcf7-form .wpcf7-response-output { float: none; } .subscribe-popup .subscribe .wpcf7-form.sent .subscribe-form { display: none; } .subscribe-popup .subscribe-form { margin: 20px 0px; } .subscribe-popup .subscribe-form input[type="email"] { text-align: center; margin-bottom: 15px; } @media screen and (max-width: 768px) { .subscribe-popup .subscribe-form input[type="email"] { margin-bottom: 0px; } } .subscribe-popup .subscribe-form .btn, .subscribe-popup .subscribe-form input[type="submit"] { width: 100%; position: static; margin-top: 15px; } @-webkit-keyframes slide_up_inner { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: .5; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes slide_up_inner { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: .5; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } /*-------------------------------------------------------------- ## Structure --------------------------------------------------------------*/ @media screen and (min-width: 1025px) { .stockie-with-header-6 #page { margin-left: var(--clb-header-height-6); } .stockie-with-header-6[class*="type2"] .woo_c-product.spacer_excluded, .stockie-with-header-6[class*="type3"] .woo_c-product.spacer_excluded, .stockie-with-header-6[class*="type5"] .woo_c-product.spacer_excluded { margin-top: 50px; } } @media screen and (min-width: 1025px) { .stockie-with-header-6.type4-left .woo_c-product .woo_c-product-image-slider, .stockie-with-header-6.type4-right .woo_c-product .woo_c-product-image-slider { height: 100vh !important; } } @media screen and (min-width: 1025px) { .stockie-with-header-7 #page { margin-left: var(--clb-header-height-7); } } .stockie-with-header-7 .submenu_cart { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .stockie-with-header-7 .submenu_cart.visible { -webkit-transform: translateX(var(--clb-header-height-7)); -ms-transform: translateX(var(--clb-header-height-7)); transform: translateX(var(--clb-header-height-7)); } @media screen and (max-width: 768px) { .stockie-with-header-7 .submenu_cart.visible { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .stockie-with-header-7 #masthead { z-index: 102; } @media screen and (max-width: 768px) { .stockie-with-header-6 #page, .stockie-with-header-8 #page { margin-left: 0; } } .page-container { max-width: 1376px; margin: 0 auto; padding: 0 25px; position: relative; } @media screen and (max-width: 1024px) { .page-container { padding: 0px 20px; } } @media screen and (max-width: 768px) { .page-container { padding: 0px 15px; } } .page-container.full { max-width: none; padding: 0px; } @media screen and (max-width: 768px) { .page-container.full { padding: 0px 15px; } } .page-container.without-breadcrumbs { padding-top: 70px; } @media screen and (max-width: 768px) { .page-container.without-breadcrumbs { padding-top: 50px; } } .page-container.bottom-offset { padding-bottom: 70px; } @media screen and (max-width: 768px) { .page-container.bottom-offset { padding-bottom: 50px; } } .page-container::after { content: ""; clear: both; display: table; } @media screen and (min-width: 1025px) { .single-post:not(.single-post-sidebar) .site-content > .page-container, .single-post:not(.single-post-sidebar) .breadcrumbs > .page-container { padding-left: 12%; padding-right: 12%; } .single-stockie_portfolio .portfolio-comments .page-container { padding-left: 12%; padding-right: 12%; } } .boxed-container { max-width: 1376px; margin: 0px auto; z-index: 2; position: relative; overflow: hidden; } .page-content { width: 100%; float: left; } .page-content.with-left-sidebar { width: 75%; float: right; } .page-content.with-right-sidebar { width: 75%; float: left; } @media screen and (max-width: 768px) { .page-content.with-left-sidebar, .page-content.with-right-sidebar { width: 100%; } } .single-post .page-content.with-left-sidebar .content-area .vc_col-lg-8, .single-post .page-content.with-right-sidebar .content-area .vc_col-lg-8 { left: auto; width: 100%; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header { background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.04); vertical-align: middle; left: 0px; right: 0px; position: absolute; z-index: 60; width: 100%; padding: 0px var(--clb-spacer-small); /*-------------------------------------------------------------- ### Header menu other (search, favorites, language) --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Header Type1 --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Header Type3 --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Header Type4 --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Header Type5 --------------------------------------------------------------*/ } .site-header svg { fill: currentColor; } .site-header .header-wrap { position: relative; z-index: 1; height: var(--clb-header-height); } @media screen and (max-width: 1024px) { .site-header .header-wrap.page-container { padding: 0; } } .site-header .header-wrap-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; } .site-header .header-wrap-inner .left-part { white-space: nowrap; } .site-header .header-wrap-inner .left-part, .site-header .header-wrap-inner .right-part, .site-header .header-wrap-inner .top-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header .header-wrap-inner .right-part { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .site-header .header-wrap-inner.vertical-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .site-header .header-wrap-inner .menu-other { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header .header-wrap-inner .menu-other > a:before { display: none; } .site-header .header-wrap-inner .menu-other .lang-switcher { margin: 0 0.75rem; } @media screen and (min-width: 769px) { .site-header .header-wrap .mbl-overlay .select-holder { display: none; } } .site-header .header-wrap .mbl-overlay .select-holder { margin-top: 20px; } .site-header .header-wrap .top-part { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { .site-header .header-wrap .top-part.page-container { padding: 0; } } .site-header .header-wrap .bottom-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } @media screen and (min-width: 1025px) and (max-width: 1280px) { .site-header .header-wrap { padding: 0; } } @media screen and (min-width: 1025px) { .site-header.both_type .hamburger-menu#hamburger-menu { display: none; } } .site-header .menu-other { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header .menu-other li { padding: 0; position: relative; } .site-header .menu-other > li > a { text-decoration: none; display: block; font-size: 0.75em; font-family: var(--clb-titles-font-family); } .site-header .menu-other > li > a > .btn-round-inner.-small { font-size: 1.75em; } .site-header .menu-other > li > a.cart .cart-count { position: absolute; top: 0; right: 0; -webkit-border-radius: 9px; border-radius: 9px; min-width: 18px; height: 18px; padding: 0px 5px; line-height: 18px; text-align: center; font-size: 10px; color: var(--clb-color-white); z-index: 1; background-color: var(--clb-color-primary); } .site-header .menu-other > li > a.cart .icon { background-color: rgba(0, 0, 0, 0.06); -webkit-border-radius: 50%; border-radius: 50%; } .site-header .menu-other > li > a.cart .icon svg { width: 14px; display: inline-block; } .site-header .menu-other > li.header-cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header .menu-other > li.social { padding: 0 12px; } .site-header .menu-other > li.social > a { padding: 0 8px; float: left; } .site-header .menu-other > li.social > a .icon { font-size: 18px; } .site-header .menu-other > li:last-child > a { padding-right: 0; } .site-header .menu-other > li .submenu { background: white; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); width: auto; padding: 15px 20px; position: absolute; top: 100%; right: 4px; visibility: hidden; opacity: 0; text-align: left; overflow: hidden; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .site-header .menu-other > li .submenu a { color: inherit; } .site-header .menu-other > li .submenu a:hover { opacity: 1; } .site-header .menu-other > li .submenu.no-paddings { padding: 0; } .site-header .menu-other > li .submenu .sub-nav li a { background: transparent; width: 100%; height: 38px; line-height: 38px; padding: 0px 15px; font-size: var(--clb-font-size-small); display: block; -webkit-transition: .05s ease-in-out; -o-transition: .05s ease-in-out; transition: .05s ease-in-out; -webkit-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; } .site-header .menu-other > li .submenu .sub-nav li a:hover { background: rgba(255, 255, 255, 0.06); color: var(--clb-color-white); } .site-header .menu-other > li .submenu p.empty { width: 150px; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid var(--clb-border-color); } .site-header .menu-other > li:hover .submenu { visibility: visible; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .site-header .menu-other > li .cart-total > a { color: inherit; } .site-header .menu-other > li .cart-total > a::before { display: none; } .site-header .menu-other .set-up { margin: 0px 1rem; } .site-header .menu-other .set-up .btn { white-space: nowrap; } @media screen and (max-width: 1024px) { .site-header .menu-other .set-up { margin: 0px 10px; } } .site-header .menu-other .cart-total { font-weight: 600; padding: 0 0.5rem; } .site-header .menu-other .cart-total a { font-size: var(--clb-font-size-extra-small); } @media screen and (max-width: 1024px) { .site-header .menu-other .cart-total { padding-left: 10px; } } @media screen and (max-width: 768px) { .site-header .menu-other > .lang-switcher { display: none; } } .site-header ul li { list-style: none; } .site-header .site-branding .search a:hover, .site-header .site-branding .search a.open, .site-header .site-branding .search a.focus, .site-header a.hamburger:hover, .site-header a.hamburger.open, .site-header a.hamburger.focus, .site-header .menu-other a:hover, .site-header .menu-other a.open, .site-header .menu-other a.focus { opacity: 1; } .site-header .site-branding { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header .site-branding .site-title, .site-header .site-branding .site-title a { border: none; display: block; font-weight: bold; font-size: 1.25em; font-family: var(--clb-titles-font-family); line-height: inherit; text-decoration: none; color: inherit; } .site-header .site-branding .site-title::before, .site-header .site-branding .site-title a::before { display: none; } .site-header .site-branding:hover { opacity: .7; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .site-header .site-branding .site-description { display: none; } .site-header .site-branding .logo img, .site-header .site-branding .logo img.svg-logo { max-height: 60px; display: inherit; } @media screen and (max-width: 768px) { .site-header .site-branding .logo img, .site-header .site-branding .logo img.svg-logo { max-height: 40px; } } .site-header .site-branding .fixed-logo { display: none; } .site-header .site-branding .mobile-logo img { max-height: 50px; } .site-header .fixed-logo, .site-header .mobile-logo, .site-header .fixed-mobile-logo { display: none; } .site-header.header-1 .right-part .hamburger-menu .hamburger { margin-right: 0; margin-left: 12px; } @media screen and (min-width: 1025px) { .site-header.header-3 { background-color: var(--clb-color-white); opacity: 0; -webkit-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); -o-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .site-header.header-3 .menu-other .select-holder { margin-right: 1rem; } .site-header.header-3 .header-wrap { height: var(--clb-header-height-3); padding: 0px; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header.header-3 .header-wrap .right-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .site-header.header-3 .header-wrap .top-part.page-container::after { content: none; } .site-header.header-3 .header-wrap .middle-part { border-top: 1px solid var(--clb-border-color); width: 100%; } .site-header.header-3 .header-wrap .bottom-part { height: -webkit-calc(var(--clb-header-height-3) - var(--clb-header-height)); height: calc(var(--clb-header-height-3) - var(--clb-header-height)); } } .site-header.header-3 { opacity: 0; -webkit-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); -o-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .site-header.header-4 .main-nav { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 1024px) { .site-header.header-4 .main-nav { position: static; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } } .site-header.header-4 .right-part .hamburger-menu .hamburger { margin-right: 0; margin-left: 12px; } .site-header.header-5 .left-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; z-index: 15; } @media screen and (min-width: 1025px) { .site-header.header-5 { opacity: 0; -webkit-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); -o-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .site-header.header-5 .main-nav { width: 100%; position: absolute; text-align: center; z-index: 11; } .site-header.header-5 .site-branding { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .site-header.header-5 .site-title { width: auto; padding: 0 30px; } .site-header.header-5 .site-branding .search { line-height: inherit; float: left; } .site-header.header-5 .site-branding .search .icon { font-size: 19px; vertical-align: -2px; } .site-header.header-5 #mega-menu-wrap { display: inline-block; } .site-header.header-5 .menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .site-header.header-5 .menu > li { text-align: left; white-space: nowrap; } .site-header.header-5 .menu > li.has-submenu > a .has-submenu-icon { right: -20px; } .site-header.header-5 .menu > li:last-child > a.menu-link .has-submenu-icon { display: none; } .site-header.header-5 .menu > li.without-divider > a.menu-link .has-submenu-icon { display: none; } .site-header.header-5 .menu > ul.sub-menu { left: 8px; } .site-header.header-5 .menu-wrap { position: relative; } .site-header.header-5 .menu-other { margin: 0; float: left; position: relative; z-index: 10; } .site-header.header-5 .menu-other > li > a { position: relative; } .site-header.header-5 .menu-other > li .submenu { left: auto; right: -4px; } .site-header.header-5 .menu-other .lang-dropdown { float: none; } .site-header.header-5 .menu-other.right-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .site-header.header-5 .menu-other.right-part .search { display: none; } .site-header.header-5 .menu-other-wrap { float: right; } .site-header.header-5 .hamburger-menu { float: left; } } @media screen and (min-width: 1025px) and (max-width: 768px) { .site-header.header-5 .menu-other-wrap { width: 100%; } .site-header.header-5 .menu-other { float: right; } } @media screen and (min-width: 1025px) { .site-header.header-5 .top-part { height: 100%; } .site-header.header-5 .top-part .site-branding { z-index: 10; } .site-header.header-5 .top-part .main-nav { position: absolute; width: auto; max-width: 100%; } .site-header.header-5 #mega-menu-wrap > ul > li.current-menu-item::before, .site-header.header-5 #mega-menu-wrap > ul > li.current-menu-ancestor::before { top: -35px; } .site-header.header-5 .page-container::after { display: none; } } @media screen and (min-width: 1025px) { .site-header { /*-------------------------------------------------------------- ### Header Type6 --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Header Type7 --------------------------------------------------------------*/ } .site-header.header-6 { height: 100%; width: var(--clb-header-height-6); -webkit-box-shadow: 0px 0px 5px color-mix(in srgb, var(--clb-color-black) 8%, transparent); box-shadow: 0px 0px 5px color-mix(in srgb, var(--clb-color-black) 8%, transparent); position: fixed; top: 0; left: 0; padding: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .site-header.header-6 .site-branding { width: 100%; border-bottom: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .site-header.header-6 .menu-sub-items { display: none; } .site-header.header-6 .main-nav { position: relative; display: block; } .site-header.header-6 .main-nav .has-submenu > a .has-submenu-icon { right: 0.5rem; } .site-header.header-6 .main-nav .menu > li { width: 100%; text-align: left; float: none; position: relative; padding: 0; margin: 0; /*Sub Overlay Menu*/ } .site-header.header-6 .main-nav .menu > li::before { width: 2px; height: 100%; left: 0; right: auto; top: auto; } .site-header.header-6 .main-nav .menu > li > a.menu-link, .site-header.header-6 .main-nav .menu > li > a { width: 100%; height: auto; line-height: 1.2; padding: 0.35rem var(--clb-spacer-small); font-size: 1.1em; text-transform: none; display: block; } .site-header.header-6 .main-nav .menu > li.current-menu-item > a::before, .site-header.header-6 .main-nav .menu > li.current-menu-ancestor > a::before { display: none; } .site-header.header-6 .main-nav .menu > li > div.sub-nav { position: absolute; top: 0; left: 100% !important; } .site-header.header-6 .main-nav .menu > li > .sub-nav .sub-sub-nav { top: 0; } .site-header.header-6 .main-nav .menu > li > .sub-nav ul { background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; border-radius: 0; margin: 0; min-width: -webkit-calc((100vw - var(--clb-header-height-6)) / 5); min-width: calc((100vw - var(--clb-header-height-6)) / 5); padding-top: 0px; padding-bottom: 0px; } .site-header.header-6 .main-nav .menu > li > .sub-nav ul li a { padding: 10px 25px; font-size: var(--clb-font-size); text-transform: none; -webkit-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); -o-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .site-header.header-6 .main-nav .menu > li > .sub-nav ul li.open > a, .site-header.header-6 .main-nav .menu > li > .sub-nav ul li:hover > a { background: transparent; opacity: .5; } .site-header.header-6 .main-nav .menu > li > .sub-nav > ul > li { position: relative; z-index: 2; } .site-header.header-6 .main-nav .menu > li > .sub-nav::after { content: ""; height: 100vh; background: rgba(255, 255, 255, 0.95); position: fixed; left: var(--clb-header-height-6); right: 0px; top: 0px; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; pointer-events: none; } .site-header.header-6 .main-nav .menu > li > a.open + .sub-nav:after, .site-header.header-6 .main-nav .menu > li:hover > .sub-nav:after { visibility: visible; opacity: 1; } .site-header.header-6 .top-part, .site-header.header-6 .bottom-part { padding: 0 var(--clb-spacer-small); } .site-header.header-6 .bottom-part { display: block; } .site-header.header-6 .bottom-part .search { display: none; } .site-header.header-6 .menu-other { display: block; } .site-header.header-6 .menu-other > li > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header.header-6 .menu-other > li:hover .submenu { -webkit-transform: none; -ms-transform: none; transform: none; } .site-header.header-6 .menu-other > li.header-cart { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .site-header.header-6 .header-wrap { padding: var(--clb-spacer-small) 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .site-header.header-6 .header-wrap, .site-header.header-6 .header-wrap-inner { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .site-header.header-6 .socialbar { text-align: left; } .site-header.header-6 .socialbar a { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .site-header.header-6 .share { position: absolute; left: initial; right: -20px; } .site-header.header-6.both_type .site-branding { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; height: var(--clb-icon-button); } .site-header.header-7 { background: white; position: fixed; width: var(--clb-header-height-7); left: 0; top: 0; padding: var(--clb-spacer-small) 0; height: 100%; border-bottom: none; -webkit-box-shadow: 0px 0px 5px rgba(36, 38, 43, 0.05); box-shadow: 0px 0px 5px rgba(36, 38, 43, 0.05); } .site-header.header-7 ~ .fullscreen-nav.split { left: var(--clb-header-height-7); z-index: 100; } .site-header.header-7 ~ .fullscreen-nav .close-bar { padding: 15px; } .site-header.header-7 .main-nav { display: none; } .site-header.header-7 .top-part { display: block; } .site-header.header-7 .top-part-inner { width: 100%; text-align: center; } .site-header.header-7 .top-part .hamburger-menu .hamburger { margin: 0; } .site-header.header-7 .top-part .site-branding { position: absolute; left: 0; top: 60px; white-space: nowrap; height: var(--clb-header-height-7); line-height: 1; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(90deg) translate(0%, -100%); -ms-transform: rotate(90deg) translate(0%, -100%); transform: rotate(90deg) translate(0%, -100%); } .site-header.header-7 .top-part .site-branding .logo { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .site-header.header-7.header-fixed .header-wrap { height: 100%; } .site-header.header-7 .header-wrap { height: 100%; } .site-header.header-7 .bottom-part { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; } .site-header.header-7 .bottom-part .menu-other li .submenu_cart, .site-header.header-7 .bottom-part .menu-other li .cart-overlay { display: none; } .site-header.header-7 .bottom-part .menu-other { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header.header-7 .bottom-part .menu-other > li { text-align: center; } .site-header.header-7 .bottom-part .menu-other > li.lang-switcher, .site-header.header-7 .bottom-part .menu-other > li.button { line-height: 1; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-90deg) translateX(50%); -ms-transform: rotate(-90deg) translateX(50%); transform: rotate(-90deg) translateX(50%); } .site-header.header-7 .bottom-part .menu-other > li.button { margin-top: -webkit-calc(100% - 1rem); margin-top: calc(100% - 1rem); } .site-header.header-7 .bottom-part .menu-other > li.button .set-up { margin: 0; } .site-header.header-7 .bottom-part .menu-other .header-cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-height: 8rem; } .site-header.header-7 .bottom-part .menu-other .cart-total { padding: 0 0 0 0.75rem; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-90deg) translateX(35%); -ms-transform: rotate(-90deg) translateX(35%); transform: rotate(-90deg) translateX(35%); } .site-header.header-1 .has-submenu-icon, .site-header.header-3 .has-submenu-icon, .site-header.header-4 .has-submenu-icon, .site-header.header-5 .has-submenu-icon { display: none; } .site-header.header-1 .menu-depth-1, .site-header.header-4 .menu-depth-1, .site-header.header-5 .menu-depth-1 { top: -.8em; } .site-header.header-1 .mbl-overlay-container, .site-header.header-1 .main-nav-container, .site-header.header-1 .menu, .site-header.header-3 .mbl-overlay-container, .site-header.header-3 .main-nav-container, .site-header.header-3 .menu, .site-header.header-4 .mbl-overlay-container, .site-header.header-4 .main-nav-container, .site-header.header-4 .menu, .site-header.header-5 .mbl-overlay-container, .site-header.header-5 .main-nav-container, .site-header.header-5 .menu { height: 100%; } .site-header.header-1 .main-nav-container, .site-header.header-3 .main-nav-container, .site-header.header-4 .main-nav-container, .site-header.header-5 .main-nav-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 1024px) { .site-header.header-3 .search { padding-right: 10px; } .site-header.header-5 #mega-menu-wrap .menu { padding-right: 25px; } .site-header.header-5 .main-nav.active { z-index: 20; } .site-header.header-5 .menu-other { position: static; } .site-header.header-5 .left-part .menu-other .search { display: none; } .site-header.header-6 .site-branding .search { display: none; } .site-header.header-6 .bottom-part .search a { padding: 0 10px; color: inherit; display: inline-block; } .site-header.header-6 .bottom-part .search a .icon { vertical-align: middle; margin-top: -2px; font-size: 20px; } .site-header.header-6 .bottom-part .wishlist span { display: none; } .site-header.header-6 .middle-part > .lang-dropdown { display: none; } .site-header.header-6 .header-wrap-inner, .site-header.header-7 .header-wrap-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .site-header.header-6 .header-wrap-inner .top-part, .site-header.header-7 .header-wrap-inner .top-part { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header.header-6 .header-wrap-inner .bottom-part, .site-header.header-7 .header-wrap-inner .bottom-part { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .site-header.header-6 .menu-other > li:last-child, .site-header.header-7 .menu-other > li:last-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .site-header.header-7 { display: block; } .site-header.header-7 .top-part-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .site-header .header-bottom { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; } .site-header .header-bottom p.copyright { text-align: left; padding: 0 40px; font-size: var(--clb-font-size-small); line-height: 1.6; } .site-header.header-fixed { background: white; margin: 0px; position: fixed; border-bottom: 1px solid transparent; top: 0; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .site-header.header-fixed .header-wrap { height: var(--clb-sticky-header-height); } .site-header.header-fixed.header-3 .header-wrap { height: 130px; } .site-header.header-fixed.showed { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1000; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .site-header.header-fixed.showed #mega-menu-wrap > ul > li.current-menu-item::before, .site-header.header-fixed.showed #mega-menu-wrap > ul > li.current-menu-ancestor::before { top: -10px; } .site-header.header-fixed.no-transition { -webkit-transition: none; -o-transition: none; transition: none; } .site-header.header-fixed.with-header-cap { margin: 0; } .site-header.header-fixed.subheader-open { margin-top: 38px; } .site-header.header-fixed .site-title img, .site-header.header-fixed .site-title a img { max-height: 60px; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } .site-header.header-fixed .site-branding .site-title, .site-header.header-fixed .site-branding .site-title a { line-height: inherit; } .site-header.header-fixed .site-branding .site-title img, .site-header.header-fixed .site-branding .site-title a img { max-height: 50px; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } @media screen and (max-width: 1024px) { .site-header.header-5 .top-part { height: 100%; } .site-header.header-5 .top-part .menu-other { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .site-header.header-5 .menu-other.text-right, .site-header.header-5 .menu-other.text-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header.header-5 .menu-other.text-right li, .site-header.header-5 .menu-other.text-left li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .site-header.header-5 .menu-other.text-left .wishlist { display: none; } } @media screen and (min-width: 1025px) { .site-header.header-1 .menu::after { content: ""; position: relative; float: left; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; height: 24px; margin-left: 0.5rem; width: 1px; vertical-align: middle; background-color: var(--clb-color-neutral); } } .site-header .header-wrap.wrapped-container { padding: 0 15px; } @media screen and (max-width: 1024px) { .site-header .logo.with-mobile { display: none; } .site-header .mobile-logo { display: inline; } } .header-cap { width: 100%; height: 100px; } .header-cap.header-3 { height: var(--clb-header-height-3); } .header-cap.header-4 { height: 160px; } @media screen and (max-width: 768px) { .header-cap.header-4 { height: 95px; } } .boxed-container .site-header .header-wrap { padding: 0 30px 0 30px; } .header-search { background: rgba(255, 255, 255, 0.96); width: 100%; height: 100%; position: fixed; top: 10px; left: 0px; opacity: 0; z-index: 999; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .header-search.opened { opacity: 1; visibility: visible; top: 0; } .header-search .search-wrap { width: 100%; position: absolute; top: -webkit-calc(30vh - 50px); top: calc(30vh - 50px); left: 0; } @media screen and (max-width: 768px) { .header-search .search-wrap { top: 90px; } } .header-search .search-wrap .woocommerce-product-search { max-width: 580px; margin: 0 auto; position: relative; font-weight: 500; font-size: var(--clb-font-size); } .header-search .search-wrap .woocommerce-product-search input.search-field { padding: 14px 32% 14px 15px; font-size: inherit; } @media screen and (max-width: 768px) { .header-search .search-wrap .woocommerce-product-search input { padding-right: 52vw; } } .header-search .search-wrap .woocommerce-product-search select, .header-search .search-wrap .woocommerce-product-search .select2-container--default { min-width: 157px; } @media screen and (max-width: 768px) { .header-search .search-wrap .woocommerce-product-search { max-width: -webkit-calc(100% - 40px); max-width: calc(100% - 40px); } } .woocommerce-product-search select, .woocommerce-product-search .select2-container--default { position: absolute; right: 45px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-product-search select .select2-selection--single, .woocommerce-product-search .select2-container--default .select2-selection--single { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce-product-search select, .woocommerce-product-search .select2-selection--single { width: auto; height: 100%; background-color: transparent; } .woocommerce-product-search select:hover, .woocommerce-product-search .select2-selection--single:hover { -webkit-box-shadow: none; box-shadow: none; } .search_results { max-width: 600px; margin: 0 auto; max-height: 500px; overflow: auto; } .search_results .suggestions, .search_results .no-search-results, .search_results #loading { margin: 15px; } .search_results #loading { margin: 25px 15px; } .search_results .product_search { padding: 0.75rem 0; border-top: solid 1px var(--clb-border-color); margin: 0 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search_results .product_search_img img { min-width: 50px; max-width: 50px; height: auto; vertical-align: top; } .search_results .product_search_description { margin-left: 1rem; } .search_results .product_search_description .product_search_price { font-size: var(--clb-font-size-small); } .search_results .product_search_name { font-weight: 500; } .search_results_btn { margin: 10px 15px 5px; position: relative; } .search_results_btn::before { float: right; margin-left: 11px; margin-right: 0 !important; } @media screen and (max-width: 768px) { .search_results .suggestions { margin: 25px 40px; } .search_results #loading { margin: 25px 40px; } .search_results .product_search { margin: 0px 40px; } .search_results_btn { margin: 25px 40px; } } button.search-submit { width: var(--clb-icon-button); line-height: var(--clb-icon-button); } button.search-submit .ion { width: 20px; margin-left: 0px; } button.search-submit.btn-loading .ion { display: none; } @media screen and (min-width: 1025px) { .stockie-with-header-6 .submenu_cart { left: 0; right: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .stockie-with-header-6 .submenu_cart.visible { -webkit-transform: translateX(var(--clb-header-height-6)); -ms-transform: translateX(var(--clb-header-height-6)); transform: translateX(var(--clb-header-height-6)); } .stockie-with-header-6 .cart-overlay::before { width: -webkit-calc(100% - var(--clb-header-height-6)); width: calc(100% - var(--clb-header-height-6)); right: 0; left: auto; } } /*-------------------------------------------------------------- ## Subheader --------------------------------------------------------------*/ .subheader { background: var(--clb-fill-color); color: var(--clb-body-color-grey); width: 100%; vertical-align: middle; cursor: default; position: relative; padding: 8px 25px; font-size: 0.85em; } @media screen and (max-width: 1024px) { .subheader { padding-right: 20px; padding-left: 20px; } } @media screen and (max-width: 768px) { .subheader { padding-right: 0px; padding-left: 0px; } } .subheader a { color: var(--clb-body-color-grey); } .subheader .page-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .subheader .page-container::after { display: none; } .subheader .select-holder .select2-container--default, .subheader .select-holder .select2-selection--single { height: 1.75rem !important; } .subheader .select-holder.-small select { height: 1.75rem; } .subheader ul:not(.dd-options) { list-style: none; padding: 0; margin: 0; line-height: 1.5; } .subheader ul:not(.dd-options) li { display: inline-block; vertical-align: middle; padding: 0px; } .subheader ul:not(.dd-options).left > li::after { content: ""; display: inline-block; vertical-align: middle; height: 14px; width: 1px; background-color: var(--clb-body-color-grey); margin: -2px 8px 0px 10px; } .subheader ul:not(.dd-options).left > li:last-child::after { display: none; } .subheader ul:not(.dd-options).left > li:first-child { padding-left: 0px; } .subheader ul:not(.dd-options).right > li::before { content: ""; display: inline-block; vertical-align: middle; height: 14px; width: 1px; background-color: var(--clb-body-color-grey); margin: -2px 10px 0px 8px; } .subheader ul:not(.dd-options).right > li:first-child::before { display: none; } .subheader ul:not(.dd-options).right > li:last-child { padding-right: 0px; } /*-------------------------------------------------------------- ## Header title --------------------------------------------------------------*/ .header-title { width: 100%; min-height: 350px; padding: 40px 0px; position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: var(--clb-fill-color); } .header-title-content { position: relative; z-index: 2; } .header-title .bg-image { background-position: center center; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .header-title::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .header-title.without-cap { padding-top: var(--clb-header-height); } .header-title.title-full { height: 100vh; } .header-title.title-full .title-wrap { height: 100vh; } .header-title.title-full .content { padding-top: 0; } .header-title .wrap-container { padding: 0 15px; } .header-title .tags { width: 100%; display: inline-block; margin-bottom: -10px; } .header-title .tags .tag { margin: 2px 0px; color: var(--clb-color-white); background-color: var(--clb-color-primary); } @media screen and (max-width: 768px) { .header-title .tags .tag { margin-bottom: 10px; } } .header-title .back-link .btn:not(:hover) { color: inherit; } .header-title .back-link + .tags { margin-top: 1rem; } .header-title h1.page-title { margin: 10px 0px; display: inline-block; text-align: inherit; } @media screen and (min-width: 769px) { .header-title h1.page-title { max-width: 50%; } } @media screen and (max-width: 768px) { .header-title h1.page-title { margin: 5px 0px; } } .header-title .subtitle { color: var(--clb-body-color); text-align: inherit; font-size: 1.05em; } .header-title .subtitle b:before { content: '•'; display: inline-block; vertical-align: middle; color: var(--clb-body-color); margin: 0px 4px; font-size: 10px; color: currentColor; } @media screen and (max-width: 1024px) { .header-title { min-height: 250px; } } @media screen and (max-width: 768px) { .header-title::before { content: ""; background-color: var(--clb-color-white); width: 100%; height: 15px; position: absolute; bottom: 0; left: 0; z-index: 2; -webkit-border-top-right-radius: 1rem; border-top-right-radius: 1rem; -webkit-border-top-left-radius: 1rem; border-top-left-radius: 1rem; } .header-title { margin-bottom: -15px; } .header-title .wrap-container { padding: 0px; } .header-title .subtitle { max-width: 100%; } .header-title.without-cap { padding-top: 95px; padding-bottom: 50px; } } .stockie-with-header-3 .header-title.without-cap { padding-top: var(--clb-header-height-3); } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .site-footer { background: var(--clb-fill-color); } @media screen and (min-width: 769px) { .site-footer.sticky { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1; visibility: hidden; } .site-footer.sticky.visible { visibility: visible; } } .site-footer .widgets { padding: 80px 0 70px; list-style: none; } @media screen and (max-width: 1024px) { .site-footer .widgets { padding: 35px 0 50px; } } @media screen and (max-width: 768px) { .site-footer .widgets { padding: 20px 0px; } } .site-footer .page-container + .site-info .wrap { border-top: 1px solid var(--clb-border-color); } .site-footer .site-info { font-size: 0.9em; text-align: center; } .site-footer .site-info .wrap { padding-top: 25px; padding-bottom: 25px; } .site-footer .site-info .wrap::after { content: ""; display: table; clear: both; } @media screen and (max-width: 768px) { .site-footer .left, .site-footer .right { width: 100%; text-align: left; } .site-footer .right { margin-top: 10px; } } .site-footer .customSelect { display: none; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*Cross Icon*/ .main-nav .sub-nav-group li.has-submenu > a .has-submenu-icon, .header-6 .main-nav .has-submenu > a .has-submenu-icon, .main-nav.active .has-submenu > a .has-submenu-icon, .fullscreen-nav .has-submenu > a .has-submenu-icon, .cross .has-submenu-icon { display: block; position: absolute; color: currentColor; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0px; font-weight: 600; display: inline-block; line-height: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .main-nav .sub-nav-group li.has-submenu > a .has-submenu-icon .ion, .header-6 .main-nav .has-submenu > a .has-submenu-icon .ion, .main-nav.active .has-submenu > a .has-submenu-icon .ion, .fullscreen-nav .has-submenu > a .has-submenu-icon .ion, .cross .has-submenu-icon .ion { font-size: 1rem; } .main-nav .sub-nav-group li.has-submenu > a:hover .has-submenu-icon, .main-nav .sub-nav-group li.has-submenu > a.active .has-submenu-icon, .header-6 .main-nav .has-submenu > a:hover .has-submenu-icon, .header-6 .main-nav .has-submenu > a.active .has-submenu-icon, .main-nav.active .has-submenu > a:hover .has-submenu-icon, .main-nav.active .has-submenu > a.active .has-submenu-icon, .fullscreen-nav .has-submenu > a:hover .has-submenu-icon, .fullscreen-nav .has-submenu > a.active .has-submenu-icon, .cross:hover .has-submenu-icon, .cross.active .has-submenu-icon { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .has-submenu.active > a .has-submenu-icon, .has-submenu.open > a .has-submenu-icon { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } /*-------------------------------------------------------------- ### Main Nav --------------------------------------------------------------*/ .main-nav { cursor: default; position: relative; z-index: 10; text-align: left; font-weight: 500; font-size: 0.98em; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-nav .close, .main-nav a::before { display: none; } .main-nav .mbl-overlay { display: block; } .main-nav.without-counters sup { display: none; } .main-nav .menu > .current-menu-ancestor > a { color: var(--clb-color-primary); } .main-nav .menu ul .current-menu-item > a { color: var(--clb-color-primary); } .main-nav .menu .sub-menu li a:hover { color: var(--clb-color-primary); } .main-nav .menu > .btn { line-height: 18px; margin: 0 15px; } .main-nav .nav-item::before, .main-nav .nav-item.current-menu-item::before, .main-nav .nav-item.current-menu-ancestor::before { background-color: var(--clb-color-primary); } .main-nav .nav-item.active-main-item > .menu-link { color: var(--clb-color-primary); } @media screen and (min-width: 1025px) { .main-nav { /*-------------------------------------------------------------- ### 1st Level Navs --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### 2nd Level Navs --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### 3rd Level Navs --------------------------------------------------------------*/ } .main-nav .copyright, .main-nav .socialbar { display: none; } .main-nav .nav-item { float: left; position: relative; font-family: var(--clb-titles-font-family); position: relative; padding: 0px; height: 100%; } .main-nav .nav-item a { line-height: inherit; padding: 0 0.88vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .main-nav .nav-item a { padding: 0 10px; } } @media screen and (min-width: 1025px) { .main-nav .nav-item a span { vertical-align: middle; } .main-nav .nav-item::before, .main-nav .nav-item.current-menu-item::before, .main-nav .nav-item.current-menu-ancestor::before { content: ""; z-index: 10; left: 15px; right: 15px; top: 0px; height: 2px; display: block; position: absolute; opacity: 1; background-color: var(--clb-color-primary); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .main-nav .nav-item::before { opacity: 0; left: 30px; right: 30px; } .main-nav .nav-item:hover::before { opacity: 1; left: 15px; right: 15px; } .main-nav div.sub-nav, .main-nav div.sub-sub-nav { min-width: 350px; background-color: var(--clb-color-white); height: 0; position: absolute; bottom: 0; z-index: 10; } .main-nav div.sub-nav .sub-menu, .main-nav div.sub-nav .sub-sub-menu, .main-nav div.sub-sub-nav .sub-menu, .main-nav div.sub-sub-nav .sub-sub-menu { padding-top: 15px; padding-bottom: 15px; } .main-nav .sub-nav { font-size: 0.98em; /*-------------------------------------------------------------- ### Wide Nav --------------------------------------------------------------*/ } .main-nav .sub-nav .sub-menu { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); border-top-width: 0; font-weight: normal; } .main-nav .sub-nav .sub-menu.sub-menu-wide .sub-sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; } .main-nav .sub-nav .menu-depth-1, .main-nav .sub-nav .sub-sub-menu { background-clip: padding-box; width: auto; min-width: 210px; max-width: 320px; display: inline-block; vertical-align: top; left: 0px; position: relative; opacity: 0; z-index: 100; visibility: hidden; -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .main-nav .sub-nav .menu-depth-1 .sub-nav-item, .main-nav .sub-nav .sub-sub-menu .sub-nav-item { line-height: 100%; left: 0px; padding: 0px; position: relative; } .main-nav .sub-nav .menu-depth-1 .sub-nav-item .sub-sub-menu, .main-nav .sub-nav .sub-sub-menu .sub-nav-item .sub-sub-menu { -webkit-transition: none; -o-transition: none; transition: none; } .main-nav .sub-nav .menu-depth-1 .sub-nav-item:hover > .sub-sub-nav > .sub-sub-menu, .main-nav .sub-nav .menu-depth-1 .sub-nav-item .sub-sub-nav.open > .sub-sub-nav > .sub-sub-menu, .main-nav .sub-nav .sub-sub-menu .sub-nav-item:hover > .sub-sub-nav > .sub-sub-menu, .main-nav .sub-nav .sub-sub-menu .sub-nav-item .sub-sub-nav.open > .sub-sub-nav > .sub-sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } .main-nav .sub-nav .menu-depth-1 .sub-nav-item a, .main-nav .sub-nav .sub-sub-menu .sub-nav-item a { background: transparent; width: 100%; padding: 10px 20px; font-size: 100%; display: block; } .main-nav .sub-nav .menu-depth-1 .sub-nav-item a .has-submenu-icon, .main-nav .sub-nav .sub-sub-menu .sub-nav-item a .has-submenu-icon { margin-right: 0.5rem; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .main-nav .sub-nav .menu-depth-1 .sub-nav-item a:hover, .main-nav .sub-nav .sub-sub-menu .sub-nav-item a:hover { background: var(--clb-fill-color); opacity: 1; } .main-nav .sub-nav.open .sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; background-color: var(--clb-color-white); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); } .main-nav .sub-nav.open .sub-menu > .mega-menu-item { display: block; } .main-nav .sub-nav .sub-menu-wide { max-width: none; margin-right: 25px; margin-left: 25px; -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); } .main-nav .sub-nav .sub-menu-wide .menu-depth-1, .main-nav .sub-nav .sub-menu-wide .menu-depth-2 { -webkit-box-shadow: none; box-shadow: none; padding: 0; max-width: none; } .main-nav .sub-nav .sub-menu-wide .sub-nav-item:hover .sub-sub-menu { -webkit-box-shadow: none; box-shadow: none; } .main-nav .sub-nav .sub-menu-wide > .mega-menu-item { min-width: 200px; float: left; display: none; margin-left: 0; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .main-nav .sub-nav .sub-menu-wide > .mega-menu-item { min-width: 20%; max-width: 20%; } } @media screen and (min-width: 1025px) { .main-nav .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link { font-weight: 600; font-size: var(--clb-font-size-extra-small); } .main-nav .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:hover { background: transparent; } .main-nav .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link .has-submenu-icon, .main-nav .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link::before { visibility: hidden; } .main-nav .sub-nav .sub-menu-wide > .mega-menu-item .sub-sub-nav { position: static; height: auto; min-width: 0; max-width: 300px; background: transparent; } .main-nav .sub-nav .sub-menu-wide > .mega-menu-item .sub-sub-menu { background: transparent; margin: 0; } .main-nav .sub-nav.open .sub-menu-wide .mega-menu-item { display: block; } .main-nav .sub-nav.open .sub-menu-wide .mega-menu-item:hover .sub-sub-menu { -webkit-box-shadow: none; box-shadow: none; } .main-nav .sub-nav.open .sub-menu-wide .mega-menu-item .sub-sub-menu { position: static; visibility: visible; opacity: 1; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .main-nav .sub-nav.open .sub-menu-wide { width: 100vw !important; } } @media screen and (min-width: 1025px) { .main-nav .sub-sub-nav { left: 100%; bottom: auto; top: -15px; } .main-nav .sub-sub-nav.menu-left { left: 0; } .main-nav .sub-sub-nav.menu-left .sub-menu, .main-nav .sub-sub-nav.menu-left .sub-sub-menu { margin-left: 0; background: white; left: auto; right: 100%; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .main-nav .sub-sub-nav .sub-sub-menu { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); position: absolute; margin-top: 0; background-color: var(--clb-color-white); } } @media screen and (max-width: 1024px) { .main-nav .sub-nav.open .sub-menu-wide { width: 100vw !important; } } @media screen and (max-width: 768px) { .main-nav #mega-menu-wrap > ul .sub-menu > li > a:hover .has-submenu-icon { -webkit-transform: none; -ms-transform: none; transform: none; } } .main-nav.hidden { display: none; } /*-------------------------------------------------------------- ### Hamburger --------------------------------------------------------------*/ .hamburger-menu { display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; vertical-align: top; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .hamburger-menu#hamburger-fullscreen-menu { display: inline-block; } @media screen and (max-width: 1024px) { .hamburger-menu#hamburger-fullscreen-menu { display: none; } } @media screen and (max-width: 1024px) { .hamburger-menu#hamburger-menu { display: inline-block; } } .hamburger-menu .hamburger { margin-right: 0.75rem; } .hamburger-menu .hamburger::before { display: none; } .hamburger-menu .hamburger .hamburger_line_1, .hamburger-menu .hamburger .hamburger_line_2, .hamburger-menu .hamburger .hamburger_line_3 { position: absolute; left: 15px; top: 18px; width: 20px; border-bottom: 2px solid currentColor; } .hamburger-menu .hamburger .hamburger_line_2 { top: 24px; } .hamburger-menu .hamburger .hamburger_line_3 { top: 30px; width: 10px; } .hamburger-menu a { line-height: inherit; position: relative; vertical-align: middle; display: inline-block; } .hamburger-menu a:hover { opacity: 1; } /*-------------------------------------------------------------- ### Fullscreen Nav --------------------------------------------------------------*/ .fullscreen-nav { background: rgba(255, 255, 255, 0.96); width: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 10000; opacity: 0; visibility: hidden; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; /*-------------------------------------------------------------- ## Centered Nav --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Split Sections Nav --------------------------------------------------------------*/ } @media screen and (max-width: 768px) { .fullscreen-nav { display: none; } } .fullscreen-nav .menu-not-assigned { margin-left: 0px; margin-right: 0px; } .fullscreen-nav .menu .current-menu-ancestor > a { color: var(--clb-color-primary); } .fullscreen-nav .menu:not(.-blank-menu) { counter-reset: number; min-width: 350px; position: relative; } .fullscreen-nav .menu:not(.-blank-menu) .menu-item-depth-0 { counter-increment: number; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav .menu:not(.-blank-menu) .menu-item-depth-0 > a::before { content: "0" counter(number); display: inline-block; vertical-align: top; margin-right: 0.5rem; font-weight: 500; line-height: 20px; font-size: 10px; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item { padding: 5px 50px 5px 0px; position: relative; list-style-type: none; line-height: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav .menu:not(.-blank-menu) .nav-item a, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item a { width: 100%; vertical-align: middle; font-weight: 600; font-size: 2rem; display: block; position: relative; z-index: 2; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav .menu:not(.-blank-menu) .nav-item a span, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item a span { line-height: 1.2; display: inline-block; letter-spacing: -0.01em; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item div.sub-nav, .fullscreen-nav .menu:not(.-blank-menu) .nav-item .sub-sub-menu, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item div.sub-nav, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item .sub-sub-menu { background: none; width: 100%; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 100%; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item div.sub-nav li, .fullscreen-nav .menu:not(.-blank-menu) .nav-item .sub-sub-menu li, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item div.sub-nav li, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item .sub-sub-menu li { position: relative; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item div.sub-nav.open, .fullscreen-nav .menu:not(.-blank-menu) .nav-item .sub-sub-menu.open, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item div.sub-nav.open, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item .sub-sub-menu.open { opacity: 1; visibility: visible; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item div.sub-nav, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item div.sub-nav { position: absolute; min-width: 350px; padding: 0px; } @media screen and (max-width: 1024px) { .fullscreen-nav .menu:not(.-blank-menu) .nav-item div.sub-nav, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item div.sub-nav { min-width: -webkit-calc(100vw / 3); min-width: calc(100vw / 3); } .fullscreen-nav .menu:not(.-blank-menu) .nav-item div.sub-nav .sub-nav-item > a, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item div.sub-nav .sub-nav-item > a { padding-right: 15px; } } .fullscreen-nav .menu:not(.-blank-menu) .nav-item div.sub-nav ul, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item div.sub-nav ul { width: 100%; display: inline-block; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item .sub-sub-nav, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item .sub-sub-nav { position: absolute; top: 0; left: 100%; min-width: 350px; padding: 0px; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item .sub-sub-nav ul, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item .sub-sub-nav ul { left: 0; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item:hover > .sub-sub-nav > .sub-sub-menu, .fullscreen-nav .menu:not(.-blank-menu) .nav-item .open > .sub-sub-nav > .sub-sub-menu, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item:hover > .sub-sub-nav > .sub-sub-menu, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item .open > .sub-sub-nav > .sub-sub-menu { opacity: 1; visibility: visible; } .fullscreen-nav .menu:not(.-blank-menu) .nav-item.showed, .fullscreen-nav .menu:not(.-blank-menu) .sub-nav-item.showed { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav-wrap { position: relative; display: inline-block; margin-left: 100px; } .fullscreen-nav-wrap a::before { display: none; } @media screen and (max-width: 1024px) { .fullscreen-nav-wrap { margin-left: 20px; } } .fullscreen-nav .copyright { position: absolute; bottom: 25px; left: 100px; font-size: var(--clb-font-size-small); } .fullscreen-nav .copyright .lang-dropdown { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav .copyright .content { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; margin-top: 20px; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav .copyright .socialbar { margin-top: 20px; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav .copyright .socialbar a { margin-bottom: 0px; } .fullscreen-nav .copyright .socialbar a:not(:hover) { color: var(--clb-color-white); } @media screen and (max-width: 1024px) { .fullscreen-nav .copyright { left: 20px; } } .fullscreen-nav.open { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; } .fullscreen-nav.open .copyright .lang-dropdown, .fullscreen-nav.open .copyright .content, .fullscreen-nav.open .copyright .socialbar { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav.centered { text-align: center; } .fullscreen-nav.centered .menu { min-width: initial; text-align: center; height: -webkit-calc(100vh - 350px); height: calc(100vh - 350px); overflow: auto; } .fullscreen-nav.centered .menu .nav-item, .fullscreen-nav.centered .menu .sub-nav-item { padding-right: 0px; } .fullscreen-nav.centered .menu .nav-item a, .fullscreen-nav.centered .menu .sub-nav-item a { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .fullscreen-nav.centered .menu .nav-item a span, .fullscreen-nav.centered .menu .sub-nav-item a span { padding: 0px 10px; } .fullscreen-nav.centered .menu .nav-item a .has-submenu-icon, .fullscreen-nav.centered .menu .nav-item a::before, .fullscreen-nav.centered .menu .sub-nav-item a .has-submenu-icon, .fullscreen-nav.centered .menu .sub-nav-item a::before { position: static; } .fullscreen-nav.centered .menu .nav-item a .has-submenu-icon, .fullscreen-nav.centered .menu .sub-nav-item a .has-submenu-icon { width: 30px; height: 30px; line-height: 25px; } .fullscreen-nav.centered .menu .nav-item div.sub-nav, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav { max-height: 0; overflow: hidden; position: static; } .fullscreen-nav.centered .menu .nav-item div.sub-nav .sub-nav-item a, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav .sub-nav-item a, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav .sub-nav-item a, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav .sub-nav-item a { font-size: 1.3em; } @media screen and (max-width: 1024px) { .fullscreen-nav.centered .menu .nav-item div.sub-nav.open, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav.open, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav.open, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav.open { max-height: 100% !important; opacity: 1; visibility: visible; } } @media screen and (min-width: 1025px) { .fullscreen-nav.centered .menu .nav-item .nav-item.showed, .fullscreen-nav.centered .menu .nav-item .sub-nav-item.showed, .fullscreen-nav.centered .menu .sub-nav-item .nav-item.showed, .fullscreen-nav.centered .menu .sub-nav-item .sub-nav-item.showed { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav.centered .menu .nav-item .nav-item a .has-submenu-icon, .fullscreen-nav.centered .menu .sub-nav-item .nav-item a .has-submenu-icon { -webkit-transform: none; -ms-transform: none; transform: none; } .fullscreen-nav.centered .menu .nav-item div.sub-nav.open-onclick, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav.open-onclick, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav.open-onclick, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav.open-onclick { max-height: 100% !important; opacity: 1; visibility: visible; padding: 10px 0; } .fullscreen-nav.centered .menu .nav-item div.sub-nav.open-onclick > .sub-menu, .fullscreen-nav.centered .menu .nav-item div.sub-nav.open-onclick > .sub-sub-menu, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav.open-onclick > .sub-menu, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav.open-onclick > .sub-sub-menu, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav.open-onclick > .sub-menu, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav.open-onclick > .sub-sub-menu, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav.open-onclick > .sub-menu, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav.open-onclick > .sub-sub-menu { opacity: 1; visibility: visible; } .fullscreen-nav.centered .menu .nav-item div.sub-nav.open-onclick > .sub-menu > .mega-menu-item.showed-onclick, .fullscreen-nav.centered .menu .nav-item div.sub-nav.open-onclick > .sub-sub-menu > .mega-menu-item.showed-onclick, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav.open-onclick > .sub-menu > .mega-menu-item.showed-onclick, .fullscreen-nav.centered .menu .nav-item div.sub-sub-nav.open-onclick > .sub-sub-menu > .mega-menu-item.showed-onclick, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav.open-onclick > .sub-menu > .mega-menu-item.showed-onclick, .fullscreen-nav.centered .menu .sub-nav-item div.sub-nav.open-onclick > .sub-sub-menu > .mega-menu-item.showed-onclick, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav.open-onclick > .sub-menu > .mega-menu-item.showed-onclick, .fullscreen-nav.centered .menu .sub-nav-item div.sub-sub-nav.open-onclick > .sub-sub-menu > .mega-menu-item.showed-onclick { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } } .fullscreen-nav.centered .menu .nav-item .menu-depth-2, .fullscreen-nav.centered .menu .sub-nav-item .menu-depth-2 { position: relative; } .fullscreen-nav.centered .menu .mega-menu-item:not(.has-submenu) a.menu-link { width: -webkit-calc(100% - 15px); width: calc(100% - 15px); } .fullscreen-nav.centered .menu .menu-item-depth-0 > a::before { margin-right: 0; line-height: 25px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .fullscreen-nav.centered .fullscreen-nav-wrap { text-align: center; margin-left: 0px; } .fullscreen-nav.centered .copyright { width: 100%; left: 0px; text-align: center; } .fullscreen-nav.centered .socialbar { position: relative; right: auto; bottom: auto; } .fullscreen-nav.split { -webkit-transform: translatex(-110%); -ms-transform: translatex(-110%); transform: translatex(-110%); width: -webkit-calc(100vw/6); width: calc(100vw/6); opacity: 1; visibility: visible; z-index: -1; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav.split .close-bar { visibility: hidden; opacity: 0; } .fullscreen-nav.split .fullscreen-nav-wrap { margin-left: 0px; } .fullscreen-nav.split ul.menu li { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; padding-right: 25px; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; opacity: 1; } .fullscreen-nav.split ul.menu li:hover > .sub-nav, .fullscreen-nav.split ul.menu li.active > .sub-nav { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .fullscreen-nav.split ul.menu li:hover > .sub-sub-nav, .fullscreen-nav.split ul.menu li.active > .sub-sub-nav { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); } .fullscreen-nav.split .sub-nav, .fullscreen-nav.split .sub-sub-nav { -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); z-index: -1; -webkit-transition: 0.2s opacity var(--clb-transition-duration); -o-transition: 0.2s opacity var(--clb-transition-duration); transition: 0.2s opacity var(--clb-transition-duration); } .fullscreen-nav.split .copyright { left: 25px; } .fullscreen-nav.split .menu, .fullscreen-nav.split .menu-depth-1, .fullscreen-nav.split .menu-depth-2, .fullscreen-nav.split .menu-depth-3 { padding-left: 25px; } .fullscreen-nav.split .menu::before, .fullscreen-nav.split .menu-depth-1::before, .fullscreen-nav.split .menu-depth-2::before, .fullscreen-nav.split .menu-depth-3::before { content: ""; position: absolute; height: -webkit-calc(100vh + 1000px); height: calc(100vh + 1000px); width: 100%; background: rgba(255, 255, 255, 0.96); left: 0px; top: -1000px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .fullscreen-nav.open { -webkit-transform: translatex(0%); -ms-transform: translatex(0%); transform: translatex(0%); z-index: 1000; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .fullscreen-nav.open .close-bar { visibility: visible; opacity: 1; } /*-------------------------------------------------------------- ### Overlay Mobile --------------------------------------------------------------*/ @media screen and (max-width: 1024px) { .mbl-overlay { width: 100%; height: 100vh; position: fixed; top: 0; visibility: hidden; opacity: 0; left: -20%; z-index: 9999999; overflow: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .mbl-overlay .close-bar { position: absolute; top: 0px; left: 0px; right: 60px; z-index: 2; background-color: var(--clb-color-white); } .mbl-overlay-bg { position: fixed; background-color: rgba(36, 38, 43, 0.5); top: 0px; left: 0px; width: 100%; height: 100vh; } .mbl-overlay-container { position: absolute; top: 0px; height: 100vh; z-index: 1; background: white; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); text-align: left; overflow-y: auto; padding: var(--clb-header-height) 20px 20px 20px; } .main-nav.slide-right .mbl-overlay { left: auto; right: -20%; } .main-nav.slide-right .mbl-overlay .close-bar { text-align: right; left: 60px; right: 0px; } .main-nav.slide-right .mbl-overlay-container { right: 0px; } .main-nav.active .mbl-overlay { left: auto; right: 0px; } } /*-------------------------------------------------------------- ### Main Nav Mobile --------------------------------------------------------------*/ @media screen and (max-width: 1024px) { .main-nav { /*-------------------------------------------------------------- ### Copyright --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### 1st Level Navs --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### 2nd Level Navs --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### 3rd Level Navs --------------------------------------------------------------*/ } .main-nav.active > .mbl-overlay { opacity: 1; visibility: visible; left: 0; } .main-nav.active .close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-nav.hidden { display: block; } .main-nav .menu li > div { opacity: 0.75; max-height: 0; overflow: hidden; } .main-nav .menu li.active > div { opacity: 1; max-height: 200vh; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; } .main-nav .copyright { font-weight: 400; font-size: var(--clb-font-size-small); margin-top: 20px; } .main-nav .socialbar a { margin-top: 20px; } .main-nav .nav-item { font-size: 0.98em; position: relative; padding: 0px; margin: 0 -20px; font-family: var(--clb-titles-font-family); } .main-nav .nav-item a { display: block; position: relative; padding: 0.5rem 1.25rem; min-height: 40px; margin-bottom: 1px; } .main-nav .nav-item a .has-submenu-icon { right: 0.5rem !important; } .main-nav .nav-item.current-menu-item > .menu-link, .main-nav .nav-item.current-menu-ancestor > .menu-link { position: relative; background: var(--clb-fill-color); } .main-nav .nav-item.current-menu-item > .menu-link::before, .main-nav .nav-item.current-menu-ancestor > .menu-link::before { content: ""; display: block; position: absolute; height: 100%; width: 2px; left: 0px; top: 0; opacity: 1; background-color: currentColor; } .main-nav .sub-nav .sub-menu, .main-nav .sub-nav .sub-sub-menu, .main-nav .sub-sub-nav .sub-menu, .main-nav .sub-sub-nav .sub-sub-menu { font-size: 0.98em; } .main-nav .sub-nav.open .sub-menu-wide, .main-nav .sub-sub-nav.open .sub-menu-wide { width: auto !important; } .main-nav .sub-nav .sub-menu { padding-left: 1.25rem; } .main-nav .sub-nav .menu-depth-1 .sub-nav-item, .main-nav .sub-nav .menu-depth-2 .sub-nav-item { padding: 0; position: relative; } .main-nav .sub-sub-nav .sub-sub-menu { padding-left: 1.25rem; } .main-nav .sub-sub-nav .sub-sub-menu.active { height: auto; } .without-mobile-search .search { display: none !important; } } /*-------------------------------------------------------------- ### Nav not assigned --------------------------------------------------------------*/ .menu-not-assigned { font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: var(--clb-icon-button) !important; border: 1px dashed var(--clb-body-color); padding: 0px 20px !important; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } @media screen and (min-width: 769px) { .menu-not-assigned { margin-left: 1rem; margin-right: 1rem; } } .menu-not-assigned::after { display: none !important; } .menu-not-assigned a { font-weight: bold; font-size: inherit !important; margin: 0 0 0 0.25rem !important; height: auto !important; } .menu-not-assigned .has-submenu-icon { visibility: hidden; } .menu-not-assigned .nav-item::before { display: none !important; } .header-5 .menu-not-assigned { -webkit-transform: translate(70%, 40%); -ms-transform: translate(70%, 40%); transform: translate(70%, 40%); } .header-3 .top-part { height: var(--clb-header-height); } .header-3 .menu-not-assigned { height: 2.25rem !important; } /*-------------------------------------------------------------- ## Submenu cart --------------------------------------------------------------*/ .submenu_cart { position: fixed; text-align: left; right: 0; line-height: 1.4; top: 0; bottom: 0; height: 100vh; opacity: 0; z-index: 101; width: 350px; background-color: var(--clb-color-white); -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.06); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.06); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .submenu_cart .cart_header { height: var(--clb-header-height); padding: 0 var(--clb-spacer-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .submenu_cart .widget_shopping_cart_content { padding: 0px var(--clb-spacer-small) var(--clb-spacer-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: -webkit-calc(100% - 100px); height: calc(100% - 100px); max-height: -webkit-calc(100% - 100px); max-height: calc(100% - 100px); } @media screen and (max-width: 768px) { .submenu_cart .widget_shopping_cart_content { width: 100%; } } .submenu_cart .widget_shopping_cart_content .empt-container { padding: 0px; margin: 0px; } .submenu_cart .widget_shopping_cart_content .woocommerce-mini-cart { font-size: 0.95em; overflow-y: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .submenu_cart .widget_shopping_cart_content .variation { margin: 0; padding: 0; } .submenu_cart .widget_shopping_cart_content .variation-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--clb-border-color); padding: 10px 0; } .submenu_cart .widget_shopping_cart_content .variation dd { color: var(--clb-color-black); margin: 0; padding: 0; font-weight: 600; } .submenu_cart .widget_shopping_cart_content .variation dd p { margin: 0; line-height: inherit; } .submenu_cart.visible { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } @media screen and (max-width: 768px) { .submenu_cart { width: 100%; } } .cart-overlay { visibility: hidden; opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .cart-overlay::before { content: ""; position: fixed; left: 0px; width: 100%; top: 0px; height: 100vh; z-index: 100; background-color: rgba(0, 0, 0, 0.06); } .cart-overlay.visible { visibility: visible; opacity: 1; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .page-sidebar { float: right; position: relative; z-index: 2; width: -webkit-calc(25% - 50px); width: calc(25% - 50px); margin-bottom: 50px; } @media screen and (max-width: 768px) { .page-sidebar { width: 100%; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; margin: 40px 0px 0px 0px; } } .page-sidebar.sidebar-right { float: right; } .page-sidebar.sidebar-left { float: left; } .page-sidebar .widget:first-child { padding-top: 0; } .page-sidebar .widget:first-child > *:first-child { margin-top: 0; } .page-sidebar.sidebar-boxed { background-color: var(--clb-fill-color); padding: 1.5rem; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } @media screen and (max-width: 768px) { .page-sidebar.sidebar-boxed { padding: 20px; } } @media screen and (max-width: 768px) { .page-container:not(.top-part):not(.shop-product-type_4), .page-container .content-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ .postNav { position: relative; width: 100%; padding: 20px 0; background-color: var(--clb-color-white); } .postNav.border-top { border-top: 1px solid var(--clb-border-color); } .postNav.border-bottom { border-bottom: 1px solid var(--clb-border-color); } .postNav_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .postNav_item_arrow:hover { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .postNav_item_prev a:first-child::before { display: none; } .postNav_item_prev .postNav_item_arrow { margin-right: 15px; } .postNav_item_next { float: right; text-align: right; } .postNav_item_next a:last-child::before { display: none; } .postNav_item_next .postNav_item_arrow { margin-left: 15px; } .postNav_item_inner_heading { font-weight: 600; font-size: var(--clb-titles-h6-font-size); letter-spacing: var(--clb-titles-h6-letter-spacing); line-height: var(--clb-titles-h6-line-height); } .postNav_item_inner_slug { font-size: 0.75em; font-weight: 600; text-transform: uppercase; color: var(--clb-body-color-grey); } @media screen and (max-width: 768px) { .postNav_item_inner { display: none; } } .postNav_item:hover { color: inherit; } .postNav_item:hover .postNav_item_inner_heading { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .postNav .stockie-icon-grid { background: white; width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 50%; border-radius: 50%; display: block; text-align: center; position: absolute; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); left: -webkit-calc(50% - 25px); left: calc(50% - 25px); z-index: 1; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .postNav .stockie-icon-grid::before { display: none; } .postNav .stockie-icon-grid .btn-round { height: 100%; } .postNav .stockie-icon-grid .btn-round div.ion { -webkit-box-shadow: none; box-shadow: none; } .postNav .stockie-icon-grid .icon { width: 0.75rem; height: 0.75rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .postNav .stockie-icon-grid .icon::before, .postNav .stockie-icon-grid .icon::after { content: ""; position: absolute; left: -0.25rem; height: 0.25rem; width: 1rem; background: -o-repeating-linear-gradient(left, transparent, transparent 0.25rem, var(--clb-body-color) 0.25rem, var(--clb-body-color) 0.5rem); background: repeating-linear-gradient(90deg, transparent, transparent 0.25rem, var(--clb-body-color) 0.25rem, var(--clb-body-color) 0.5rem); } .postNav .stockie-icon-grid .icon::before { top: 0; } .postNav .stockie-icon-grid .icon::after { bottom: 0; } .postNav .stockie-icon-grid:hover { background: var(--clb-fill-color); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .onepage-navigation { position: absolute; bottom: 50px; right: 40px; z-index: 3; } .onepage-navigation .slider-nav div { position: relative; } .onepage-navigation a { float: left; margin-right: 10px; } .onepage-navigation .stockie-icon-grid .icon, .onepage-navigation .stockie-icon-grid .icon::after { border-color: var(--clb-color-white); -webkit-border-radius: 0; border-radius: 0; } @media screen and (max-width: 768px) { .onepage-navigation { bottom: 25px; right: 15px; } } /*-------------------------------------------------------------- ## Notification --------------------------------------------------------------*/ .notification-bar { padding: 1rem; position: fixed; bottom: 25px; background-color: var(--clb-color-white); z-index: 10; opacity: 0; visibility: hidden; max-width: 760px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .notification-bar .notification-text { font-size: 0.95em; padding-right: 42px; } .notification-bar .notification-text + .notification-btn { margin-top: 0.5rem; } .notification-bar .notification-text a { font-weight: 600; } .notification-bar .notification-link { display: inline-block; font-weight: 600; } .notification-bar.active { opacity: 1; visibility: visible; } @media screen and (max-width: 768px) { .notification-bar { left: 15px; right: 15px; bottom: 15px; max-width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; } } /*-------------------------------------------------------------- ## Socialbar --------------------------------------------------------------*/ .share-bar { position: fixed; bottom: var(--clb-spacer-small); left: var(--clb-spacer-small); width: var(--clb-icon-button); height: var(--clb-icon-button); z-index: 10; cursor: pointer; } .share-bar .title { height: 100%; width: 100%; } .share-bar .title .ion { font-size: 24px; height: var(--clb-icon-button); width: var(--clb-icon-button); line-height: var(--clb-icon-button); position: relative; z-index: 1; vertical-align: middle; display: block; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (min-width: 1025px) { .share-bar .title .ion { background-color: var(--clb-color-white); } } .share-bar .title .name { height: var(--clb-icon-button); line-height: var(--clb-icon-button); text-transform: uppercase; width: 100%; position: absolute; word-wrap: normal; text-align: left; bottom: 10px; left: 25px; font-weight: 600; font-size: 0.8em; -webkit-transform: translate(-50%, -100%) rotate(-90deg); -ms-transform: translate(-50%, -100%) rotate(-90deg); transform: translate(-50%, -100%) rotate(-90deg); -webkit-transition: 0.15s var(--clb-transition-function); -o-transition: 0.15s var(--clb-transition-function); transition: 0.15s var(--clb-transition-function); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (max-width: 768px) { .share-bar .title .name { display: none; } } .share-bar .links { background: inherit; -webkit-border-radius: 20px; border-radius: 20px; text-align: center; background-color: var(--clb-color-white); left: 25px; position: absolute; bottom: 50px; -webkit-transform: translate(-50%, 30px); -ms-transform: translate(-50%, 30px); transform: translate(-50%, 30px); opacity: 0; -webkit-transition: var(--clb-transition-duration-fast) var(--clb-transition-function); -o-transition: var(--clb-transition-duration-fast) var(--clb-transition-function); transition: var(--clb-transition-duration-fast) var(--clb-transition-function); visibility: hidden; -webkit-border-radius: 25px; border-radius: 25px; } .share-bar .links a { color: inherit; width: 40px; height: 40px; line-height: 40px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; display: block; } .share-bar .links a::before { display: none; } .share-bar .links a:hover { color: var(--clb-color-primary); background-color: var(--clb-fill-color); } .share-bar .links span { font-size: 18px; margin: 0; -webkit-transition: margin var(--clb-transition-duration-fast) var(--clb-transition-function); -o-transition: margin var(--clb-transition-duration-fast) var(--clb-transition-function); transition: margin var(--clb-transition-duration-fast) var(--clb-transition-function); } @media screen and (min-width: 769px) { .share-bar.header-6 { left: -webkit-calc(var(--clb-header-height-6) + var(--clb-spacer-small)); left: calc(var(--clb-header-height-6) + var(--clb-spacer-small)); } .share-bar.header-7 { left: -webkit-calc(var(--clb-header-height-7) + var(--clb-spacer-small)); left: calc(var(--clb-header-height-7) + var(--clb-spacer-small)); } } .share-bar.active .links { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .share-bar.active .links span { margin: 6px 0; } .share-bar.active .title .ion { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .share-bar.active .title .ion::after { background: rgba(0, 0, 0, 0.04); -webkit-transform: none; -ms-transform: none; transform: none; } .share-bar.active .title .name { opacity: 0; } /*Social Links*/ .social-bar { position: fixed; right: var(--clb-spacer-small); bottom: var(--clb-spacer-small); z-index: 5; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .social-bar .socialbar a { background-color: var(--clb-color-white); border-color: var(--clb-color-white); margin-bottom: 0; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .social-bar .socialbar a:not(:hover) { color: var(--clb-body-color); } .social-bar-move { -webkit-transform: translatex(-65px); -ms-transform: translatex(-65px); transform: translatex(-65px); } /*-------------------------------------------------------------- # Portfolio --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Portfolio Grid --------------------------------------------------------------*/ .portfolio-grid { margin-top: -15px; margin-left: -15px; margin-right: -15px; } @media screen and (max-width: 768px) { .portfolio-grid { margin-left: 0px; margin-right: 0px; } } .portfolio-sorting { width: auto; margin: 20px 0px; vertical-align: middle; text-align: center; } .portfolio-sorting::after { content: ""; display: table; clear: both; } .portfolio-sorting.text-left { text-align: left; } .portfolio-sorting.text-right { text-align: right; } .portfolio-sorting li { display: inline-block; } .portfolio-sorting li:first-child a { margin-left: 0px; } .portfolio-sorting li:last-child a { margin-right: 0px; } .portfolio-sorting li a { margin: 0px 16px; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (max-width: 768px) { .portfolio-sorting li a { margin: 0px 25px 0px 0px; } } .portfolio-sorting li a .num { font-size: 10px; top: -5px; right: -15px; text-align: left; position: absolute; font-size: 0.7em; } .portfolio-sorting li a .name { position: relative; } .portfolio-sorting li a.active { color: var(--clb-color-primary); font-weight: 600; } @media screen and (max-width: 768px) { .portfolio-sorting { padding-right: 0; } .portfolio-sorting, .portfolio-sorting.text-right, .portfolio-sorting.text-left { text-align: left; } } div.portfolio-item-wrap.with-padding { padding: 15px; } div.portfolio-item-wrap.post-offset { padding: 0; } @media screen and (max-width: 768px) { div.portfolio-item-wrap.with-padding { padding-right: 0; padding-left: 0; } } .portfolio-item { margin: 0; position: relative; z-index: 1; overflow: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item a { display: block; } .portfolio-item a::before { display: none; } .portfolio-item .image-wrap { width: 100%; min-height: 80px; position: relative; text-align: center; display: block; overflow: hidden; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item .image-wrap img { width: 100%; vertical-align: middle; display: block; } .portfolio-item h4.title, .portfolio-item .widget h4, .widget .portfolio-item h4, .portfolio-item .btn-link, .portfolio-item .ion, .portfolio-item .tag { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item h4.title, .portfolio-item .widget h4, .widget .portfolio-item h4 { font-size: var(--clb-font-size); } .portfolio-item h4.title a, .portfolio-item .widget h4 a, .widget .portfolio-item h4 a { color: var(--clb-body-color); } .portfolio-item.grid-1 .description { z-index: 2; padding: var(--clb-spacer); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.grid-1 h4.title, .portfolio-item.grid-1 .widget h4, .widget .portfolio-item.grid-1 h4 { font-size: 18px; } .portfolio-item.grid-1 .tag, .portfolio-item.grid-1 h4.title, .portfolio-item.grid-1 .widget h4, .widget .portfolio-item.grid-1 h4, .portfolio-item.grid-1 .btn-link { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .portfolio-item.grid-1 h4.title, .portfolio-item.grid-1 .widget h4, .widget .portfolio-item.grid-1 h4 { margin: 10px 0px 0px 0px; } .portfolio-item.grid-1 .tag { -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .portfolio-item.grid-1::after { content: ""; background: rgba(255, 255, 255, 0.9); position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 0; -webkit-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s; } .portfolio-item.grid-1:hover .description { opacity: 1; } .portfolio-item.grid-1:hover .tag, .portfolio-item.grid-1:hover h4.title, .portfolio-item.grid-1:hover .widget h4, .widget .portfolio-item.grid-1:hover h4, .portfolio-item.grid-1:hover .btn-link { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-item.grid-1:hover .tag { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; color: var(--clb-body-color); } .portfolio-item.grid-1:hover .tag:hover { color: var(--clb-color-white); } .portfolio-item.grid-1:hover h4.title, .portfolio-item.grid-1:hover .widget h4, .widget .portfolio-item.grid-1:hover h4 { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-item.grid-1:hover .btn-link { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .portfolio-item.grid-1:hover::after { opacity: 1; } .portfolio-item.grid-1.hover-2 .center-aligned { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .portfolio-item.grid-1.metro-style .image-wrap { padding: 50% 0; background-size: cover; background-position: center; } .portfolio-item.grid-2 .description { background: transparent; padding: var(--clb-spacer-small); text-align: center; } .portfolio-item.grid-2 .tag { background: transparent; color: var(--clb-body-color-grey); } .portfolio-item.grid-2:hover .image-wrap { opacity: .8; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.grid-2.hover-2 .overlay { background: rgba(255, 255, 255, 0.8); width: auto; height: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0; -webkit-transition: all 0.5s 0s; -o-transition: all 0.5s 0s; transition: all 0.5s 0s; } .portfolio-item.grid-2.hover-2 .overlay .btn-round { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); display: inline-block; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .portfolio-item.grid-2.hover-2 .overlay .ion { width: 42px; height: 42px; line-height: 42px; } .portfolio-item.grid-2.hover-2 .overlay .btn-link { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; background: transparent; } .portfolio-item.grid-2.hover-2:hover .image-wrap { opacity: 1; } .portfolio-item.grid-2.hover-2:hover .overlay { opacity: 1; } .portfolio-item.grid-2.hover-2:hover .overlay .btn-round, .portfolio-item.grid-2.hover-2:hover .overlay .btn-link { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .stockie-recent-projects-sc .pagination { margin: 30px auto; } .lazy-load { margin: 30px auto; display: block; font-weight: 600; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .lazy-load .btn-round { margin-left: 10px; } .lazy-load .btn-round .ion { vertical-align: middle; fill: var(--clb-color-black); font-size: 26px; } .lazy-load.active .ion::before { -webkit-animation: mymove 1s linear 0s infinite; animation: mymove 1s linear 0s infinite; -webkit-box-shadow: none; box-shadow: none; } .lazy-load.load-more { padding: 15px 0; cursor: pointer; } .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; } @-webkit-keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- ## Portfolio Pages --------------------------------------------------------------*/ .portfolio-page-custom-content { padding: 0 15px; } @media screen and (max-width: 768px) { .portfolio-page-custom-content { padding: 0; margin: 0 -15px; } } .portfolio-page { position: relative; /*-------------------------------------------------------------- ### Layout Type3,4 --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Layout Type4 --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Layout Type5 --------------------------------------------------------------*/ } .portfolio-page .images-wrap img { width: 100%; margin-bottom: 10px; vertical-align: top; } .portfolio-page .images-wrap img:last-of-type { margin-bottom: 0; } @media screen and (max-width: 1024px) { .portfolio-page .images-wrap { padding-left: 0px; padding-right: 0px; } } .portfolio-page .tag { color: var(--clb-color-white); background-color: var(--clb-color-primary); } .portfolio-page .portfolio-content { z-index: 2; padding: 70px 0; } @media screen and (max-width: 1024px) { .portfolio-page .portfolio-content { padding: 50px 20px; } } @media screen and (max-width: 768px) { .portfolio-page .portfolio-content { padding: 40px 0px; } } .portfolio-page .headline { margin: 10px 0; } .portfolio-page .description { margin-top: 15px; } .portfolio-page .info-list { list-style: none; margin-top: 30px; } .portfolio-page .info-list li { width: auto; display: inline-block; min-width: 50px; max-width: 150px; margin-right: 40px; vertical-align: top; } .portfolio-page .info-list li:last-child { margin-right: 0; } .portfolio-page .info-list .title { margin: 0; font-size: 1em; font-weight: 400; } .portfolio-page .info-list p { margin-top: 0px; font-size: 1em; font-weight: 600; color: var(--clb-body-color); } .portfolio-page .task { margin-top: 50px; position: relative; } .portfolio-page .task-title { margin: 0px; } .portfolio-page .task-description { font-weight: 600; font-size: var(--clb-titles-h4-font-size); letter-spacing: var(--clb-titles-h4-letter-spacing); line-height: var(--clb-titles-h4-line-height); } .portfolio-page .prjct-share-bar { margin-top: 30px; } .portfolio-page .socialbar { margin-top: 15px; margin-left: -15px; } .portfolio-page .socialbar a { font-weight: 600; font-size: var(--clb-font-size-small); margin-right: 10px; } .portfolio-page .socialbar a:first-child { margin-left: 15px; } .portfolio-page .open-website { margin-top: 45px; } @media screen and (max-width: 991px) { .portfolio-page.content-invert > .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .portfolio-page.layout-type3.fullwidth, .portfolio-page.layout-type4.fullwidth { width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; } .portfolio-page.layout-type3 .images-wrap, .portfolio-page.layout-type4 .images-wrap { padding: 0; } @media screen and (max-width: 768px) { .portfolio-page.layout-type4 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .portfolio-page.layout-type5 { height: auto; background-size: cover; background-position: center; } .portfolio-page.layout-type5 .back { position: absolute; left: -webkit-calc( (100% - 700px)/4); left: calc( (100% - 700px)/4); font-size: var(--clb-font-size-small); font-weight: 600; } .portfolio-page.layout-type5 .back .icon { font-size: 20px; vertical-align: -3px; margin-right: 20px; opacity: .8; } .portfolio-page.layout-type5 .portfolio-content { margin: 0 auto; padding: 30px 0; position: relative; } .portfolio-page.layout-type5 .portfolio-content .title { margin-top: 10px; } .portfolio-page.layout-type5 h2 { font-size: 62px; } .portfolio-page.layout-type5 .info .title { border-color: rgba(36, 38, 43, 0.25); } .portfolio-page.layout-type5 .info-list { margin-top: 10px; } .portfolio-page.layout-type5 .scroll { position: absolute; bottom: 100px; left: -webkit-calc( (100% - 700px)/2); left: calc( (100% - 700px)/2); margin-left: -5px; font-size: var(--clb-font-size); -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%); -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%); transform: rotate(-90deg) translateY(-50%) translateX(100%); } .portfolio-page.layout-type5 .scroll::after { content: ""; background: rgba(255, 255, 255, 0.5); width: 40px; height: 2px; position: absolute; right: 140%; top: 45%; } .portfolio-page.layout-type5 .portfolio-content { height: auto; text-align: left; } .portfolio-page.layout-type5 .center-aligned { padding: 20% 0 40px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .portfolio-page.layout-type5 .info-list li { max-width: none; margin-right: 20px; } .portfolio-page.layout-type5 .info-list .title, .portfolio-page.layout-type5 .info-list p { width: auto; display: inline-block; font-size: 1em; line-height: 20px; } .portfolio-page.layout-type5 .info-list .title { margin: 0; padding: 0; border: none; display: block; } .portfolio-page.layout-type5 .info-list p { margin-bottom: 0; } .portfolio-page.layout-type5 .scroll { left: 50%; bottom: 30px; } .portfolio-page.layout-type5.invert h2, .portfolio-page.layout-type5.invert p, .portfolio-page.layout-type5.invert .scroll, .portfolio-page.layout-type5.invert .back { color: var(--clb-color-black); } .portfolio-page.layout-type5.invert .scroll:after { background: rgba(36, 38, 43, 0.6); } .portfolio-page.layout-type5.invert .center-aligned { background: rgba(255, 255, 255, 0.85); } .portfolio-page.layout-type5.invert .info-list .title { color: var(--clb-body-color-grey); } .portfolio-page.layout-type5.invert .info p a { color: var(--clb-color-black); } .portfolio-page.layout-type5 h2, .portfolio-page.layout-type5 .tag, .portfolio-page.layout-type5 .info, .portfolio-page.layout-type5 .back, .portfolio-page.layout-type5 .scroll, .portfolio-page.layout-type5 .title { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .portfolio-page.layout-type5 h2 { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .portfolio-page.layout-type5 .title { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-page.layout-type5 .info { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .portfolio-page.layout-type5 .back { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } .portfolio-page.layout-type5 .scroll { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px); -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px); transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px); } .portfolio-page.layout-type5.show h2, .portfolio-page.layout-type5.show .tag, .portfolio-page.layout-type5.show .info, .portfolio-page.layout-type5.show .back, .portfolio-page.layout-type5.show .title { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-page.layout-type5.show .scroll { opacity: 1; -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%); -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%); transform: rotate(-90deg) translateY(-50%) translateX(100%); } @media screen and (max-width: 1024px) { .portfolio-page .info-list li { width: -webkit-calc((100% / 3) - 5px); width: calc((100% / 3) - 5px); margin: 0px; } } @media screen and (max-width: 768px) { .portfolio-page .header-cap { display: none; } .portfolio-page .portfolio-content .vc_row .vc_column_container > .vc_column-inner { padding-left: 15px; padding-right: 15px; } .portfolio-page.boxed .images-wrap, .portfolio-page .images-wrap { padding: 0; margin: 0 -25px; } .portfolio-page.with-slider .portfolio-content { margin: 0 -15px; } .portfolio-page .description .vc_column_container > .vc_column-inner { padding-left: 15px; padding-right: 15px; } .portfolio-page .info-list { display: block; } .portfolio-page .info-list li { width: 50%; margin: 0px; } .portfolio-page .socialbar { margin-top: 15px; } .portfolio-page .socialbar a { margin-top: 5pxж; } .portfolio-page.layout-type5 .center-aligned { padding: 0; } .portfolio-page.layout-type5 .portfolio-content { width: auto; padding: 120px 0 60px; } .portfolio-page.layout-type5 .portfolio-content h2 { font-size: 36px; } .portfolio-page.layout-type5 .info-list li { width: auto; margin: 0 5px; } .portfolio-page.layout-type5 .scroll, .portfolio-page.layout-type5 .back { display: none; } .portfolio-page.fullscreen { position: static; max-width: none; } .portfolio-page.fullscreen .portfolio-content { padding: 30px 25px; margin: 0; } .portfolio-page.fullscreen .open-website { margin-top: 15px; } } .portfolio-comments #comments.comments-area { margin-top: 0; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-title { margin-bottom: 25px; } .comment-meta a { color: var(--clb-body-color-grey); } .comment-meta a:hover { text-decoration: none !important; } .comment-notes { color: var(--clb-body-color-grey); font-size: var(--clb-font-size-small); margin-bottom: 20px; } .comments-area { padding: 70px 0px; } .comments-area.no-comments { padding-top: 0; } .comments-area.no-comments .comment-respond:after { display: none; } .comments-area .nav-links { margin: 15px 0; } .comments-area .nav-links div { display: inline-block; margin-right: 15px; } .comments-area .comments-title { font-size: var(--clb-titles-h4-font-size); letter-spacing: var(--clb-titles-h4-letter-spacing); line-height: var(--clb-titles-h4-line-height); margin-bottom: 10px; } .comments-area .comment-list { margin: 0 0 55px; padding: 0; list-style: none; } .comments-area .pingback p { display: none; } .comments-area .comment-list > li { padding: 0px; } .comments-area .comment-list > li:first-child { border: none !important; } .comments-area .comment-list .comment-body { border-top: 1px solid var(--clb-border-color); } .comments-area .comment-list li.depth-1:first-child > .comment-body { border: none; } .comments-area ul.children { margin-left: 0; padding-left: 80px; list-style: none; } .comments-area .pingback .comment-body, .comments-area .trackback .comment-body { padding-left: 0; } .comments-area .comment-body { padding: 25px 0px 25px 80px; position: relative; } .comments-area .comment-body .comment-awaiting-moderation { font-size: var(--clb-font-size-small); } .comments-area .comment-body .comment-author img { width: 60px; height: auto; -webkit-border-radius: 50%; border-radius: 50%; display: block; position: absolute; top: 25px; left: 0; } .comments-area .comment-body .comment-author h4 { display: inline-block; font-size: 1em; } .comments-area .comment-body .comment-author .says { display: none; } .comments-area .comment-body .comment-meta { font-size: var(--clb-font-size-small); } .comments-area .comment-body .comment-content { padding-top: 5px; } .comments-area .comment-body .comment-content p { margin: 0; } .comments-area .comment-body .reply { display: inline-block; } .comments-area .reply a, .comments-area .reply-cancle a, .comments-area a.comment-edit-link { font-size: var(--clb-font-size-small); margin-left: 14px; position: relative; } .comments-area .reply a { position: absolute; right: 0; top: 25px; font-size: 0.8em; } .comments-area .comment-respond { position: relative; z-index: 2; } .comments-area .comment-respond .comment-reply-title { font-size: var(--clb-titles-h4-font-size); letter-spacing: var(--clb-titles-h4-letter-spacing); line-height: var(--clb-titles-h4-line-height); } .comments-area .comment-respond .comment-form { background: var(--clb-fill-color); padding: var(--clb-spacer-large); text-align: left; -webkit-border-radius: var(--clb-border-radius-large); border-radius: var(--clb-border-radius-large); } .comments-area .comment-respond .comment-form .label-header { display: block; font-weight: 600; text-transform: uppercase; font-size: 0.75em; padding: 0; margin-bottom: 10px; } .comments-area .comment-respond .comment-form input[type="email"], .comments-area .comment-respond .comment-form input[type="number"], .comments-area .comment-respond .comment-form input[type="password"], .comments-area .comment-respond .comment-form input[type="search"], .comments-area .comment-respond .comment-form input[type="tel"], .comments-area .comment-respond .comment-form input[type="text"], .comments-area .comment-respond .comment-form input[type="date"], .comments-area .comment-respond .comment-form input[type="url"], .comments-area .comment-respond .comment-form textarea { background: var(--clb-fill-color); } .comments-area .comment-respond .form-submit { margin: 15px 0px 0px 0px; } @media screen and (max-width: 768px) { .comments-area .comment-respond .form-submit .btn { width: 100%; } } .comments-area .comment-respond p { text-align: left; } .comments-area .comment-respond::before { content: ""; width: 500%; height: 1px; border-top: 1px solid var(--clb-border-color); position: absolute; top: 0; left: -200%; } .comments-area .comment-respond::before { display: none; top: auto; bottom: 0; } .comments-area .comment-respond .reply-cancle { display: inline-block; } .comments-area .comment-respond .input-wrap::after { content: ""; display: table; clear: both; } .comments-area .comment-respond .input-wrap > .input-block { padding: 5px 20px 20px 0; } .comments-area .comment-respond .input-wrap > .input-block:last-child { padding-right: 0; } .comments-area .comment .comment-respond { margin-top: 40px; padding-bottom: 40px; margin-bottom: 10px; } .comments-area .comment .comment-respond::before { display: block; } @media screen and (max-width: 768px) { .comments-area { width: 100%; padding: 20px 0; } .comments-area #respond { padding-top: 0; } .comments-area .comment-body { padding: 90px 0px 20px 0px; } .comments-area ul.children { padding-left: 30px; } .comments-area .comment-respond .comment-form { padding: 0px; background: transparent; } } .wp-block-latest-comments__comment-author { font-weight: 500; } /*-------------------------------------------------------------- ## Grid --------------------------------------------------------------*/ div.post-offset { margin: 0; padding: 0; } div.post-offset article, div.post-offset .portfolio-item { margin: 0; } .blog-grid { width: 100%; float: left; position: relative; overflow: hidden; margin-bottom: 25px; } .blog-grid .sticky-icon { display: inline-block; vertical-align: middle; margin-top: -2px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .blog-grid .tag.tag-sticky { background-color: var(--clb-body-color); color: var(--clb-color-white); margin: 2px 0px; } @media screen and (max-width: 768px) { .blog-grid { margin-bottom: 20px; } } .blog-grid-image { overflow: hidden; white-space: nowrap; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); } .blog-grid-image img { width: 100%; vertical-align: top; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .blog-grid-image a:before { display: none; } .blog-grid-image .tags:nth-child(2) { left: -100%; } .blog-grid-image .slider, .blog-grid-image iframe { width: 100%; vertical-align: top; } .blog-grid-image iframe { min-height: 300px; } .blog-grid-image .slider { overflow: hidden; } .blog-grid-image .slider .owl-nav { position: absolute; right: 25px; z-index: 1; height: 42px; top: 25px; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .blog-grid-image .slider .owl-nav .owl-prev { left: auto; right: 8px; } .blog-grid-image .slider .owl-nav .ion { width: var(--clb-icon-button-small); height: var(--clb-icon-button-small); font-size: 1.25em; } .blog-grid-image .slider .owl-dots { width: 15px; height: auto; position: absolute; top: 15px; right: 15px; z-index: 10; display: none; } .blog-grid-image .slider .owl-dot { color: var(--clb-color-white); margin: 0 0 5px 0; display: block; float: left; z-index: 200; } @media screen and (max-width: 768px) { .blog-grid-image .slider .owl-nav { top: 20px; right: 0px; } .blog-grid-image .slider .owl-nav .owl-prev { left: auto !important; right: 30px; } } .blog-grid-content .tags { margin-bottom: 10px; } .blog-grid-content a.tag { color: var(--clb-color-white); background-color: var(--clb-color-primary); margin: 2px 0px; } .blog-grid-content .btn-link { margin-top: 10px; text-transform: capitalize; } .blog-grid-content .blog-grid-headline { font-size: 1.4em; line-height: var(--clb-titles-h5-line-height); margin: 0; } .blog-grid-content .blog-grid-headline a { -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .blog-grid-content blockquote cite { display: block; } .blog-grid-content p { margin: 10px auto 0px; } @media screen and (max-width: 768px) { .blog-grid-content .tags { margin-top: 20px; } } .blog-grid:hover .blog-grid-image .slider .owl-nav { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .blog-grid .post-details { margin: 8px 0; font-size: var(--clb-font-size-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-grid .post-details .author { font-weight: 600; } .blog-grid .post-details .date { color: var(--clb-body-color-grey); } .blog-grid .post-details .date::before { content: '•'; display: inline-block; vertical-align: middle; color: var(--clb-body-color); margin: 0px 4px; font-size: 10px; } .blog-grid:hover .blog-grid-image .owl-item.active img, .blog-grid:hover .blog-grid-image > a img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .blog-grid.no-preview .post-details { margin-top: 10px; } .blog-grid.grid-1:not(.boxed) .blog-grid-image > *:not(style) { display: block; margin-bottom: 25px; } .blog-grid.grid-1:not(.boxed) .blog-grid-image > a img, .blog-grid.grid-1:not(.boxed) .blog-grid-image > .slider, .blog-grid.grid-1:not(.boxed) .blog-grid-image > .mejs-container { overflow: hidden; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); } @media screen and (min-width: 769px) { .blog-grid.grid-3 { position: relative; } .blog-grid.grid-3.boxed { background: transparent; } .blog-grid.grid-3.boxed .blog-grid-content { padding: var(--clb-spacer-large); } .blog-grid.grid-3 .blog-grid-image { padding-left: 120px; position: absolute; width: 100%; height: 100%; } .blog-grid.grid-3 .blog-grid-image > a, .blog-grid.grid-3 .blog-grid-image .blog-slider, .blog-grid.grid-3 .blog-grid-image .owl-stage-outer, .blog-grid.grid-3 .blog-grid-image .owl-stage, .blog-grid.grid-3 .blog-grid-image .owl-item { display: block; height: 100%; } .blog-grid.grid-3 .blog-grid-image .blog-image { height: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); } .blog-grid.grid-3 .blog-grid-content { position: relative; margin-top: 50px; margin-bottom: 50px; background: rgba(255, 255, 255, 0.95); max-width: 350px; padding: var(--clb-spacer); z-index: 10; overflow: hidden; } } @media screen and (max-width: 768px) { .blog-grid.grid-3 .blog-grid-image .blog-image { padding-bottom: 100%; background-size: cover; background-position: top center; } } .blog-grid.boxed { background: var(--clb-fill-color); margin-bottom: 0px; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); } .blog-grid.boxed .blog-grid-image { -webkit-border-radius: 0px; border-radius: 0px; } .blog-grid.boxed .blog-grid-content { padding: var(--clb-spacer); } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .blog-grid .gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px !important; } .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; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .blog-grid .gallery .gallery-item .gallery-caption { position: absolute; background: rgba(255, 255, 255, 0.8); padding: 3px 10px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; white-space: nowrap; opacity: 0; font-size: .8em; font-weight: normal; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .blog-grid .gallery .gallery-item:hover .gallery-caption { opacity: 1; } .blog-grid .gallery .gallery-item:hover img { opacity: .8; } .blog-grid .gallery.gallery-columns-3 .gallery-item { max-width: -webkit-calc((100% - 5px * 2) / 3); max-width: calc((100% - 5px * 2) / 3); } .blog-grid .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3), .blog-grid .gallery.gallery-columns-3 .gallery-item:last-of-type { margin-right: 0; } /*-------------------------------------------------------------- ## Page --------------------------------------------------------------*/ @media screen and (max-width: 768px) { .page-template-page_for-posts .breadcrumbs .btn-filter { top: -50; } } /*-------------------------------------------------------------- ## Post --------------------------------------------------------------*/ .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 0 auto; } @media screen and (min-width: 1025px) { .entry-content > *:not(.vc_row):not(.vc_clearfix) { margin-top: 28px; margin-bottom: 28px; } .entry-content > *:not(.vc_row):not(.vc_clearfix):first-child { margin-top: 0px; } .entry-content > *:not(.vc_row):not(.vc_clearfix):last-child { margin-bottom: 0px; } } .entry-content figcaption { padding: 0.3rem; font-size: .98em; margin: 0px; } .post { margin-bottom: 0px; } .post .entry-content a:not(.wp-block-button__link) { color: var(--clb-color-primary); } .post .entry-content .wp-block-cover-text a { color: var(--clb-color-white); } .post .blog-slider .owl-nav { display: none; } .post .blog-slider .owl-dots { margin-top: 10px; } article.page { margin: 0; } .page-links { clear: both; margin: 0 0 1.5em; padding-top: 15px; font-size: 110%; } .single-post .wpb_single_image { margin-bottom: 50px; } .single-post .testimonials { position: relative; padding-left: 50px; margin: 40px 0; } .single-post .testimonials::before { content: ""; position: absolute; height: 70%; width: 4px; background: var(--clb-border-color); left: 0; } .single-post .entry-footer { margin-top: 50px; position: relative; padding: 20px 0px; border-top: 1px solid var(--clb-border-color); } @media screen and (max-width: 768px) { .single-post .entry-footer { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0px; } .single-post .entry-footer .entry-footer-tags, .single-post .entry-footer .entry-footer-share { margin-bottom: 15px; width: 100%; } } .single-post .entry-footer .tag { margin: 2px 5px 2px 0; } .single-post .widget_stockie_widget_about_author { background: var(--clb-fill-color); padding: var(--clb-spacer); position: relative; margin-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .single-post .widget_stockie_widget_about_author .content { margin-left: 20px; } .single-post .widget_stockie_widget_about_author .content .info { margin-bottom: 0px; } @media screen and (max-width: 768px) { .single-post .widget_stockie_widget_about_author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .single-post .widget_stockie_widget_about_author .content { margin: 15px 0 0 !important; } } .single-post .related-posts { position: relative; background-color: var(--clb-fill-color); padding: 70px 0px 30px; } @media screen and (max-width: 768px) { .single-post .related-posts { padding: 40px 0px 0px; } } .single-post .related-posts .content .author { font-weight: 600; } .single-post .related-posts .blog-grid { margin-bottom: 50px; } .entry-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .entry-footer .post-edit-link { display: block; } .entry-footer .share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .entry-footer .share .socialbar a { margin-bottom: 0; } .entry-footer .share .title { margin-right: 20px; } .post-widget { padding-top: 30px; position: relative; } .post { margin-top: 0; } .post .comments-link a { font-size: var(--clb-font-size-small); margin-left: 15px; } /*-------------------------------------------------------------- # WPML --------------------------------------------------------------*/ body #lang_sel { width: 100%; } body #lang_sel ul li { width: 100%; } body #lang_sel ul li a { padding: 10px 15px; } body #lang_sel ul li > ul { width: 100%; top: 45px; } body #lang_sel a.lang_sel_sel { background: transparent; position: relative; } body #lang_sel a.lang_sel_sel::after { content: '\f104'; font-size: var(--clb-font-size-small); font-family: Ionicons; color: rgba(0, 0, 0, 0.4); position: absolute; right: 15px; top: 12px; } body #lang_sel_list.lang_sel_list_vertical { width: 100%; height: auto; overflow: hidden; z-index: 10; } body #lang_sel_list.lang_sel_list_vertical ul, body #lang_sel_list.lang_sel_list_vertical li { width: 100%; } body #lang_sel_list.lang_sel_list_vertical ul { border-top-style: dotted; border-color: rgba(0, 0, 0, 0.2); } body #lang_sel_list.lang_sel_list_vertical ul li a { background: transparent; padding: 15px 0; border-left: none; border-right: none; border-bottom-style: dotted; border-color: rgba(0, 0, 0, 0.2); } body #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel { border-color: rgba(0, 0, 0, 0.2); } body #lang_sel_list.lang_sel_list_vertical ul li a:hover { background: transparent; color: rgba(0, 0, 0, 0.5); } body #lang_sel_list.lang_sel_list_horizontal { width: 100%; z-index: 10; } body #lang_sel_list.lang_sel_list_horizontal ul { border: none; } body #lang_sel_list.lang_sel_list_horizontal li a { background: transparent; margin-right: 15px; margin-bottom: 5px; } body #lang_sel_list.lang_sel_list_horizontal li a:hover { background: transparent; opacity: .7; } body #lang_sel_footer { background: #38383a; border: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } body #lang_sel_footer ul li a { background: transparent; color: var(--clb-color-white); } body #lang_sel_footer ul li a:hover { background: rgba(255, 255, 255, 0.1); } body #lang_sel_footer ul li a span { color: var(--clb-color-white); } body #lang_sel_footer ul li a.lang_sel_sel { background: rgba(255, 255, 255, 0.1); color: var(--clb-color-white); } body #lang_sel_footer ul li a.lang_sel_sel:hover { background: rgba(255, 255, 255, 0.1); } .site-footer #lang_sel a.lang_sel_sel { border-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.6); } .site-footer #lang_sel a.lang_sel_sel:hover { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: var(--clb-color-white); } .site-footer #lang_sel a.lang_sel_sel:hover::after { color: rgba(255, 255, 255, 0.4); } .site-footer #lang_sel a.lang_sel_sel::after { color: rgba(255, 255, 255, 0.2); } .site-footer #lang_sel ul li > ul { z-index: 2; border-top-color: #181a1d; top: 46px; } .site-footer #lang_sel ul li > ul li a { background: #181a1d; border-color: #111215; color: rgba(255, 255, 255, 0.6); } .site-footer #lang_sel ul li > ul li a:hover { background: var(--clb-color-black); } .site-footer #lang_sel_list.lang_sel_list_vertical ul { border-color: rgba(255, 255, 255, 0.15); } .site-footer #lang_sel_list.lang_sel_list_vertical ul li a { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.15); } .site-footer #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel { border-color: rgba(255, 255, 255, 0.15); } .site-footer #lang_sel_list.lang_sel_list_vertical ul li a:hover { background: transparent; color: var(--clb-color-white); } .site-footer #lang_sel_list.lang_sel_list_horizontal li a { color: var(--clb-color-white); } .site-footer #lang_sel_list.lang_sel_list_horizontal li a:hover { color: var(--clb-color-white); } /*-------------------------------------------------------------- # Help classes --------------------------------------------------------------*/ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .left { float: left; } .right { float: right; } .full-width { width: 100%; } .full-height { height: 100%; } .full-vh { height: 100vh; } @media screen and (max-width: 768px) { .full-vh { height: auto; } } .hidden { display: none; } .visible { visibility: visible; } .inline { display: inline-block; } .no-transition { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .visible-content { opacity: 1 !important; } .payment-methods img { width: 34px; height: auto; margin: 0px 5px 0px 0px; } @media screen and (max-width: 1024px) { .clb__heading h1.title, .clb__heading h2.title, .clb__heading h3.title, .clb__heading h4.title, .clb__heading .widget h4, .widget .clb__heading h4, .clb__heading h5.title, .clb__heading .widget h5, .widget .clb__heading h5, .clb__heading h6.title { font-size: 34px !important; line-height: 1.15 !important; } .clb__heading span, .clb__heading.stockie-dynamic-text-sc { font-size: 34px !important; font-weight: bold !important; } } @media screen and (max-width: 768px) { .clb__heading h1.title, .clb__heading h2.title, .clb__heading h3.title, .clb__heading h4.title, .clb__heading .widget h4, .widget .clb__heading h4, .clb__heading h5.title, .clb__heading .widget h5, .widget .clb__heading h5, .clb__heading h6.title { font-size: 30px !important; line-height: 1.2 !important; } .clb__heading span, .clb__heading.stockie-dynamic-text-sc { font-size: 30px !important; font-weight: bold !important; } .clb-column-padding-left .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .clb__border_reset .vc_column-inner { border: none !important; } } @media screen and (max-width: 1024px) { .clb__spacer { height: 55px !important; } } @media screen and (max-width: 768px) { .clb__spacer { height: 40px !important; } } .clb__custom_font { font-family: var(--clb-titles-font-family); } .clb__custom_font2 { font-family: var(--clb-body-font-family) !important; } .purchase-button { position: fixed; z-index: 10; color: var(--clb-color-white); text-transform: uppercase; font-size: 0.82em; font-weight: 600; padding: 0 1rem; background-color: rgba(36, 38, 43, 0.95); height: var(--clb-button-purchase); -webkit-box-shadow: 0 4px 6px rgba(36, 38, 43, 0.2); box-shadow: 0 4px 6px rgba(36, 38, 43, 0.2); bottom: -webkit-calc(var(--clb-spacer-small) + (var(--clb-icon-button) - var(--clb-button-purchase)) / 2); bottom: calc(var(--clb-spacer-small) + (var(--clb-icon-button) - var(--clb-button-purchase)) / 2); left: -webkit-calc(var(--clb-icon-button) + var(--clb-spacer-small) + 0.65rem); left: calc(var(--clb-icon-button) + var(--clb-spacer-small) + 0.65rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 1.25rem; border-radius: 1.25rem; } .purchase-button > img { margin-left: 0.4rem; } .purchase-button:hover { color: var(--clb-color-white); -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); background-color: #474b55; } @media screen and (max-width: 1024px) { .purchase-button { display: none; } } .stockie-with-header-6 .purchase-button { left: -webkit-calc(var(--clb-header-height-6) + var(--clb-icon-button) + var(--clb-spacer-small) + 0.65rem); left: calc(var(--clb-header-height-6) + var(--clb-icon-button) + var(--clb-spacer-small) + 0.65rem); } .stockie-with-header-7 .purchase-button { left: -webkit-calc(var(--clb-header-height-7) + var(--clb-icon-button) + var(--clb-spacer-small) + 0.65rem); left: calc(var(--clb-header-height-7) + var(--clb-icon-button) + var(--clb-spacer-small) + 0.65rem); } /*-------------------------------------------------------------- ## Additional CSS classes for WP (Review Requirments) Gutenberg --------------------------------------------------------------*/ .aligncenter { text-align: center; } .wp-block-image .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; } .wp-block-image .alignleft, .alignleft { float: left; margin-right: 1rem; } @media screen and (min-width: 1025px) { .wp-block-image .alignleft, .alignleft { margin-right: -webkit-calc(2 * 1rem); margin-right: calc(2 * 1rem); } } .wp-block-image .alignright, .alignright { float: right; margin-left: 1rem; } @media screen and (min-width: 1025px) { .wp-block-image .alignright, .alignright { margin-left: -webkit-calc(2 * 1rem); margin-left: calc(2 * 1rem); } } .wp-caption-text.gallery-caption { white-space: initial; } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption { display: block; } .wp-caption { max-width: 100%; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-color: var(--clb-border-color); } .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; padding: 0px; } .wp-block-pullquote blockquote { border: none; } .wp-block-file * + .wp-block-file__button { display: table; margin: 20px 0px 0px 0px; color: #fff !important; } .wp-caption-text { padding: 0.5rem; text-align: center; } /*-------------------------------------------------------------- ## Remove WPBakery default row padding --------------------------------------------------------------*/ .page-container .vc_col-has-fill > .vc_column-inner, .page-container .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .page-container .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .page-container .vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0px; } /*-------------------------------------------------------------- ## Template classes --------------------------------------------------------------*/ .center-aligned { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; height: 100%; } .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*-------------------------------------------------------------- ### Brand color classes --------------------------------------------------------------*/ .brand-color, .brand-color-after:after, .brand-color-before:before { color: var(--clb-color-primary); } .brand-color-hover:hover, .brand-color-hover-after:after, .brand-color-hover-before:before { color: var(--clb-color-primary); } .brand-border-color, .brand-border-color-after:after, .brand-border-color-before:before { border-color: var(--clb-color-primary); } .brand-border-color-hover:hover, .brand-border-color-hover-after:after, .brand-border-color-hover-before:before { border-color: var(--clb-color-primary); } .brand-bg-color, .brand-bg-color-after:after, .brand-bg-color-before:before { background-color: var(--clb-color-primary); } .brand-bg-color-hover:hover, .brand-bg-color-hover-after:after, .brand-bg-color-hover-before:before { background-color: var(--clb-color-primary); } .typed-cursor { opacity: 1; margin-right: -0.2em; -webkit-animation: typedjsBlink 0.7s infinite; animation: typedjsBlink 0.7s infinite; } @keyframes typedjsBlink { 50% { opacity: 0.0; } } @-webkit-keyframes typedjsBlink { 0% { opacity: 1; } 50% { opacity: 0.0; } 100% { opacity: 1; } } /*-------------------------------------------------------------- # WooCommerce --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Notices --------------------------------------------------------------*/ @media screen and (min-width: 1025px) { .woo_c-message-group { padding: 0 -webkit-calc(16.66666667% - 5px); padding: 0 calc(16.66666667% - 5px); } } .woo_c-message-group li { margin-bottom: 15px; } .woo_c-message-group { position: fixed; z-index: 11; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 1rem; bottom: 0; } @media screen and (min-width: 769px) { .woo_c-message-group { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media screen and (max-width: 768px) { .woo_c-message-group { left: 0; } } .woo_c-message-group .message-box { margin-bottom: 25px; -webkit-animation: 0.4s slide_up var(--clb-transition-function); animation: 0.4s slide_up var(--clb-transition-function); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } @media screen and (max-width: 768px) { .woo_c-message-group .message-box { margin-bottom: 15px; } } @-webkit-keyframes slide_up { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: .5; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes slide_up { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: .5; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } /*-------------------------------------------------------------- ## Single product --------------------------------------------------------------*/ .woo_c-product, .product-popup { padding-bottom: 80px; /*Image container*/ /*Navigation*/ } @media screen and (max-width: 1024px) { .woo_c-product, .product-popup { padding-bottom: 55px; } } @media screen and (max-width: 768px) { .woo_c-product, .product-popup { padding-bottom: 50px; } .woo_c-product .woo_c-product-image, .product-popup .woo_c-product-image { padding-left: 0; padding-right: 0; } } .woo_c-product-image .woo-onsale, .product-popup-image .woo-onsale { right: 25px; top: 25px; left: auto; } .woo_c-product-image .product_images > .image-wrap:not(:nth-child(1)), .product-popup-image .product_images > .image-wrap:not(:nth-child(1)) { display: none; } .woo_c-product-image-slider, .product-popup-image-slider { position: relative; overflow: hidden; height: 100vh; } .woo_c-product-image-slider-trigger, .product-popup-image-slider-trigger { height: 50px; width: 50px; position: absolute; right: 25px; top: 25px; } .woo_c-product-image-slider img.horizontal-img, .product-popup-image-slider img.horizontal-img { max-width: none; width: auto !important; height: 100vh; } .woo_c-product-image-slider .owl-stage-outer, .product-popup-image-slider .owl-stage-outer { height: 100%; } .woo_c-product-image-slider .owl-nav, .product-popup-image-slider .owl-nav { z-index: 1; } .woo_c-product-image-slider .owl-stage .owl-item, .product-popup-image-slider .owl-stage .owl-item { display: inline-block; } .woo_c-product-image-slider .owl-stage .owl-item img, .product-popup-image-slider .owl-stage .owl-item img { vertical-align: top; } .woo_c-product-image-slider .owl-stage .owl-item.active, .product-popup-image-slider .owl-stage .owl-item.active { position: relative; z-index: 100; } .woo_c-product-image-slider .owl-dots, .product-popup-image-slider .owl-dots { position: absolute; width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; right: 25px; left: auto; top: 0px; bottom: 0px; z-index: 1; } .woo_c-product-image-slider .owl-dots .owl-dot, .product-popup-image-slider .owl-dots .owl-dot { margin: 4px 0px; } .woo_c-product-image-slider .owl-nav, .product-popup-image-slider .owl-nav { right: 25px; bottom: 25px; width: 110px; } .woo_c-product-image-slider .owl-dots-images, .product-popup-image-slider .owl-dots-images { position: absolute; top: 0px; bottom: 0px; padding-left: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .woo_c-product-image-slider .owl-dots-images .owl-dot-image, .product-popup-image-slider .owl-dots-images .owl-dot-image { width: 60px; height: auto; margin: 8px 0px; cursor: pointer; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-product-image-slider .owl-dots-images .owl-dot-image img, .product-popup-image-slider .owl-dots-images .owl-dot-image img { display: inline-block; vertical-align: top; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .woo_c-product-image-slider .owl-dots-images .owl-dot-image.active img, .product-popup-image-slider .owl-dots-images .owl-dot-image.active img { -webkit-box-shadow: 0px 0px 0px 2px var(--clb-color-black); box-shadow: 0px 0px 0px 2px var(--clb-color-black); } .woo_c-product-image .numbers_slides, .product-popup-image .numbers_slides { position: absolute; right: 25px; top: 50%; font-weight: 600; font-size: 24px; display: none; } .woo_c-product .breadcrumbs, .product-popup .breadcrumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; } @media screen and (max-width: 768px) { .woo_c-product .breadcrumbs, .product-popup .breadcrumbs { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .woo_c-product .breadcrumbs .woo_c-product-nav, .product-popup .breadcrumbs .woo_c-product-nav { margin: 0px 0px 20px 0px; } } .woo_c-product-nav, .product-popup-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1024px) { .woo_c-product-nav, .product-popup-nav { margin: 0.75rem 0px; } } .woo_c-product-nav-prev, .woo_c-product-nav-next, .product-popup-nav-prev, .product-popup-nav-next { font-size: 1.25em; width: var(--clb-button-height-small); height: var(--clb-button-height-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 100%; border-radius: 100%; position: relative; background: white; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .woo_c-product-nav-prev::before, .woo_c-product-nav-next::before, .product-popup-nav-prev::before, .product-popup-nav-next::before { display: none; } .woo_c-product-nav-prev:first-child, .woo_c-product-nav-next:first-child, .product-popup-nav-prev:first-child, .product-popup-nav-next:first-child { margin-right: 8px; } .woo_c-product-nav-prev:hover, .woo_c-product-nav-next:hover, .product-popup-nav-prev:hover, .product-popup-nav-next:hover { background-color: var(--clb-fill-color); } .woo_c-product .woo_c-product-details, .product-popup .woo_c-product-details { padding: 0 var(--clb-grid-gutter); } .woo_c-product .woo_c-product-details .woo-summary-content .wrap > .yith-add-to-wishlist-button-block, .woo_c-product .woo_c-product-details .woo-summary-content .wrap > .yith-wcwl-add-to-wishlist, .product-popup .woo_c-product-details .woo-summary-content .wrap > .yith-add-to-wishlist-button-block, .product-popup .woo_c-product-details .woo-summary-content .wrap > .yith-wcwl-add-to-wishlist { display: none; } .woo_c-product .woo_c-product-details .woo-summary-content .wrap .yith-wcwl-add-to-wishlist-button--themed-button, .product-popup .woo_c-product-details .woo-summary-content .wrap .yith-wcwl-add-to-wishlist-button--themed-button { font-size: var(--clb-action-font-size); padding: 0 var(--clb-button-side-padding); } .woo_c-product .woo_c-product-details .woo-summary-content .wrap .yith-wcwl-add-to-wishlist-button--themed-button:not(:hover), .product-popup .woo_c-product-details .woo-summary-content .wrap .yith-wcwl-add-to-wishlist-button--themed-button:not(:hover) { color: var(--clb-body-color); background-color: var(--clb-tag-fill-color); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .woo_c-product .woo_c-product-details-title, .product-popup .woo_c-product-details-title { margin: 0.65rem 0 0.15rem; font-size: 2.25em; } .woo_c-product .woo_c-product-details-title + .posted_in, .product-popup .woo_c-product-details-title + .posted_in { font-size: var(--clb-font-size-small); } .woo_c-product .woo_c-product-details-inner, .product-popup .woo_c-product-details-inner { width: 100%; padding: 100px 13%; } .woo_c-product .woo_c-product-details-inner .external-product, .product-popup .woo_c-product-details-inner .external-product { margin-top: 1.5rem; } @media screen and (max-width: 1024px) { .woo_c-product .woo_c-product-details-inner, .product-popup .woo_c-product-details-inner { padding-right: 0; padding-left: 0; } } .woo_c-product .woo_c-product-details-inner .woocommerce-product-rating .average, .woo_c-product .woo_c-product-details-inner .woocommerce-product-rating .woo-review-link, .woo_c-product .woo_c-product-details-inner .woocommerce-product-rating .write-review, .product-popup .woo_c-product-details-inner .woocommerce-product-rating .average, .product-popup .woo_c-product-details-inner .woocommerce-product-rating .woo-review-link, .product-popup .woo_c-product-details-inner .woocommerce-product-rating .write-review { vertical-align: top; } .woo_c-product .woo_c-product-details-inner .woocommerce-product-rating .write-review, .woo_c-product .woo_c-product-details-inner .woocommerce-product-rating .woo-review-link, .product-popup .woo_c-product-details-inner .woocommerce-product-rating .write-review, .product-popup .woo_c-product-details-inner .woocommerce-product-rating .woo-review-link { margin-left: 5px; font-size: var(--clb-font-size-small); } .woo_c-product .woo_c-product-details-inner .price, .product-popup .woo_c-product-details-inner .price { font-weight: 600; gap: 0.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0.75rem 0; } .woo_c-product .woo_c-product-details-inner .price .amount, .product-popup .woo_c-product-details-inner .price .amount { font-size: 1.1em; } .woo_c-product .woo_c-product-details-inner .price-discount, .product-popup .woo_c-product-details-inner .price-discount { border-left: 5px solid rgba(0, 0, 0, 0.1); color: var(--clb-color-white); margin-left: 0.25rem; } .woo_c-product .woo_c-product-details-inner .price del .amount, .woo_c-product .woo_c-product-details-inner .price old .amount, .product-popup .woo_c-product-details-inner .price del .amount, .product-popup .woo_c-product-details-inner .price old .amount { font-weight: 500; } .woo_c-product .woo_c-product-details-inner .woocommerce-product-rating, .product-popup .woo_c-product-details-inner .woocommerce-product-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .woo_c-product .woo_c-product-details-inner .woocommerce-product-rating .star-rating, .product-popup .woo_c-product-details-inner .woocommerce-product-rating .star-rating { margin-right: 0.5rem; } .woo_c-product .woo_c-product-details-inner .single_add_to_cart_button .ion svg, .product-popup .woo_c-product-details-inner .single_add_to_cart_button .ion svg { fill: currentColor; } .woo_c-product .woo_c-product-details-inner .woocommerce-share, .product-popup .woo_c-product-details-inner .woocommerce-share { margin-top: 20px; } .woo_c-product .woo_c-product-details-inner .woocommerce-grouped-product-list-item__thumb img, .product-popup .woo_c-product-details-inner .woocommerce-grouped-product-list-item__thumb img { max-width: 5rem; } .woo_c-product .woo_c-product-details .product_meta, .product-popup .woo_c-product-details .product_meta { margin-top: var(--clb-gap-large); font-size: var(--clb-font-size-small); } .woo_c-product .woo_c-product-details .product_meta > span, .product-popup .woo_c-product-details .product_meta > span { font-weight: var(--clb-text-semi-bold); } .woo_c-product .woo_c-product-details .product_meta > span:not(:last-child)::after, .product-popup .woo_c-product-details .product_meta > span:not(:last-child)::after { content: '•'; display: inline-block; vertical-align: middle; color: var(--clb-body-color); margin: 0px 4px; font-size: 10px; margin-left: 0.25rem; margin-right: 0; font-size: 0.65em; color: currentColor; } .woo_c-product .woo_c-product-details .product_meta > span > span, .woo_c-product .woo_c-product-details .product_meta > span > a, .product-popup .woo_c-product-details .product_meta > span > span, .product-popup .woo_c-product-details .product_meta > span > a { font-weight: var(--clb-text-normal); } .woo_c-product .woo_c-product-details .product_meta > span > a:not(:hover), .product-popup .woo_c-product-details .product_meta > span > a:not(:hover) { color: inherit; } .woo_c-product .woo_c-product-details .product_meta + .stock, .product-popup .woo_c-product-details .product_meta + .stock { display: none; } .woo_c-product .woo_c-product-details .product_meta + .message-box, .product-popup .woo_c-product-details .product_meta + .message-box { margin-top: var(--clb-spacer-3); } .woo_c-product .woo_c-product-details .quantity, .product-popup .woo_c-product-details .quantity { width: 5.5rem; } .woo_c-product .woo_c-product-details .quantity-nav, .product-popup .woo_c-product-details .quantity-nav { padding: 0 -webkit-calc((var(--clb-button-height) - var(--clb-button-height-small)) / 2); padding: 0 calc((var(--clb-button-height) - var(--clb-button-height-small)) / 2); } .woo_c-product .woo_c-product-details .quantity input, .product-popup .woo_c-product-details .quantity input { height: var(--clb-button-height); -webkit-border-radius: var(--clb-button-border-radius); border-radius: var(--clb-button-border-radius); } .woo_c-product .woo_c-product-details .quantity-holder.-limited, .product-popup .woo_c-product-details .quantity-holder.-limited { display: none; } .woo_c-product .woo_c-product-details .cart:not(.grouped_form), .woo_c-product .woo_c-product-details .variations_button:not(.grouped_form), .product-popup .woo_c-product-details .cart:not(.grouped_form), .product-popup .woo_c-product-details .variations_button:not(.grouped_form) { margin-top: var(--clb-spacer-3); padding-top: var(--clb-spacer-3); border-top: 1px solid var(--clb-border-color); } .woo_c-product .woo_c-product-details .cart:not(.variations_form):not(.grouped_form), .woo_c-product .woo_c-product-details .variations_button:not(.variations_form):not(.grouped_form), .product-popup .woo_c-product-details .cart:not(.variations_form):not(.grouped_form), .product-popup .woo_c-product-details .variations_button:not(.variations_form):not(.grouped_form) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: var(--clb-gap); } .woo_c-product .woo_c-product-details .cart.grouped_form table td, .woo_c-product .woo_c-product-details .variations_button.grouped_form table td, .product-popup .woo_c-product-details .cart.grouped_form table td, .product-popup .woo_c-product-details .variations_button.grouped_form table td { padding: var(--clb-spacer-3) 0; } .woo_c-product .woo_c-product-details .cart.grouped_form .woocommerce-grouped-product-list-item__price, .woo_c-product .woo_c-product-details .variations_button.grouped_form .woocommerce-grouped-product-list-item__price, .product-popup .woo_c-product-details .cart.grouped_form .woocommerce-grouped-product-list-item__price, .product-popup .woo_c-product-details .variations_button.grouped_form .woocommerce-grouped-product-list-item__price { text-align: right; } .woo_c-product .woo_c-product-details .cart.grouped_form .single_add_to_cart_button, .woo_c-product .woo_c-product-details .variations_button.grouped_form .single_add_to_cart_button, .product-popup .woo_c-product-details .cart.grouped_form .single_add_to_cart_button, .product-popup .woo_c-product-details .variations_button.grouped_form .single_add_to_cart_button { float: left; margin-right: var(--clb-gap); } .woo_c-product .woo_c-product-details .cart .variations, .woo_c-product .woo_c-product-details .variations_button .variations, .product-popup .woo_c-product-details .cart .variations, .product-popup .woo_c-product-details .variations_button .variations { min-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: var(--clb-gap-large); } .woo_c-product .woo_c-product-details .cart .variation.reset, .woo_c-product .woo_c-product-details .variations_button .variation.reset, .product-popup .woo_c-product-details .cart .variation.reset, .product-popup .woo_c-product-details .variations_button .variation.reset { margin-top: 19.2px; padding-top: 0.35rem; } .woo_c-product .woo_c-product-details .cart .variation.reset .button:not(:hover), .woo_c-product .woo_c-product-details .variations_button .variation.reset .button:not(:hover), .product-popup .woo_c-product-details .cart .variation.reset .button:not(:hover), .product-popup .woo_c-product-details .variations_button .variation.reset .button:not(:hover) { color: inherit; } .woo_c-product .woo_c-product-details .cart .variation.-limited, .woo_c-product .woo_c-product-details .variations_button .variation.-limited, .product-popup .woo_c-product-details .cart .variation.-limited, .product-popup .woo_c-product-details .variations_button .variation.-limited { display: none; } .woo_c-product .woo_c-product-details .cart .variation.-limited + .variation, .woo_c-product .woo_c-product-details .variations_button .variation.-limited + .variation, .product-popup .woo_c-product-details .cart .variation.-limited + .variation, .product-popup .woo_c-product-details .variations_button .variation.-limited + .variation { margin-left: 0 !important; } .woo_c-product .woo_c-product-details .cart .woo-variation-price, .woo_c-product .woo_c-product-details .variations_button .woo-variation-price, .product-popup .woo_c-product-details .cart .woo-variation-price, .product-popup .woo_c-product-details .variations_button .woo-variation-price { border-top: 1px solid var(--clb-border-color); padding: 20px 0px; } .woo_c-product .woo_c-product-details .cart .woo-variation-price .price, .woo_c-product .woo_c-product-details .variations_button .woo-variation-price .price, .product-popup .woo_c-product-details .cart .woo-variation-price .price, .product-popup .woo_c-product-details .variations_button .woo-variation-price .price { margin: 0; } .woo_c-product .woo_c-product-details .cart .color_attr, .woo_c-product .woo_c-product-details .variations_button .color_attr, .product-popup .woo_c-product-details .cart .color_attr, .product-popup .woo_c-product-details .variations_button .color_attr { height: var(--clb-button-height-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .woo_c-product .woo_c-product-details .cart .color_attr .color-item, .woo_c-product .woo_c-product-details .variations_button .color_attr .color-item, .product-popup .woo_c-product-details .cart .color_attr .color-item, .product-popup .woo_c-product-details .variations_button .color_attr .color-item { width: 12px; height: 12px; position: relative; margin: 0 10px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; border: solid 2px rgba(36, 38, 43, 0.2); } .woo_c-product .woo_c-product-details .cart .color_attr .color-item::after, .woo_c-product .woo_c-product-details .variations_button .color_attr .color-item::after, .product-popup .woo_c-product-details .cart .color_attr .color-item::after, .product-popup .woo_c-product-details .variations_button .color_attr .color-item::after { height: 32px; width: 32px; top: -webkit-calc(50% - 16px); top: calc(50% - 16px); left: -webkit-calc(50% - 16px); left: calc(50% - 16px); } .woo_c-product .woo_c-product-details .cart .color_attr .color-item.active::after, .woo_c-product .woo_c-product-details .variations_button .color_attr .color-item.active::after, .product-popup .woo_c-product-details .cart .color_attr .color-item.active::after, .product-popup .woo_c-product-details .variations_button .color_attr .color-item.active::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (max-width: 768px) { .woo_c-product .woo_c-product-details .cart .color_attr, .woo_c-product .woo_c-product-details .variations_button .color_attr, .product-popup .woo_c-product-details .cart .color_attr, .product-popup .woo_c-product-details .variations_button .color_attr { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .woo_c-product .woo_c-product-details .cart .color_attr .color-item, .woo_c-product .woo_c-product-details .variations_button .color_attr .color-item, .product-popup .woo_c-product-details .cart .color_attr .color-item, .product-popup .woo_c-product-details .variations_button .color_attr .color-item { margin: 10px; } } .woo_c-product .woo_c-product-details .cart .size_attr, .woo_c-product .woo_c-product-details .variations_button .size_attr, .product-popup .woo_c-product-details .cart .size_attr, .product-popup .woo_c-product-details .variations_button .size_attr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .woo_c-product .woo_c-product-details .cart .size_attr .size-item, .woo_c-product .woo_c-product-details .variations_button .size_attr .size-item, .product-popup .woo_c-product-details .cart .size_attr .size-item, .product-popup .woo_c-product-details .variations_button .size_attr .size-item { display: block; text-transform: uppercase; position: relative; margin: 0 10px; width: 20px; text-align: center; z-index: 10; cursor: pointer; } .woo_c-product .woo_c-product-details .cart .size_attr .size-item::after, .woo_c-product .woo_c-product-details .variations_button .size_attr .size-item::after, .product-popup .woo_c-product-details .cart .size_attr .size-item::after, .product-popup .woo_c-product-details .variations_button .size_attr .size-item::after { content: ""; position: absolute; background: var(--clb-border-color); height: 32px; width: 32px; top: -webkit-calc(50% - 16px); top: calc(50% - 16px); left: -webkit-calc(50% - 16px); left: calc(50% - 16px); -webkit-border-radius: 100%; border-radius: 100%; z-index: -1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-product .woo_c-product-details .cart .size_attr .size-item:hover::after, .woo_c-product .woo_c-product-details .variations_button .size_attr .size-item:hover::after, .product-popup .woo_c-product-details .cart .size_attr .size-item:hover::after, .product-popup .woo_c-product-details .variations_button .size_attr .size-item:hover::after { background: rgba(36, 38, 43, 0.2); } .woo_c-product .woo_c-product-details .cart .size_attr .size-item.active::after, .woo_c-product .woo_c-product-details .variations_button .size_attr .size-item.active::after, .product-popup .woo_c-product-details .cart .size_attr .size-item.active::after, .product-popup .woo_c-product-details .variations_button .size_attr .size-item.active::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .woo_c-product .woo_c-product-details .woocommerce-variation p, .product-popup .woo_c-product-details .woocommerce-variation p { font-size: 0.9em; margin: 0; } .woo_c-product .tab, .product-popup .tab { margin: 50px auto 0px; } @media screen and (max-width: 1024px) { .woo_c-product .tab, .product-popup .tab { margin-top: 30px; } } .woo_c-product .tab table, .product-popup .tab table { text-align: left; margin-bottom: 0px; } .woo_c-product .tab .tabNav, .product-popup .tab .tabNav { text-align: center; } .woo_c-product .tab#product_review .tabItems, .product-popup .tab#product_review .tabItems { height: 100% !important; } .woo_c-product .tab#product_review .tabItems_item.active, .product-popup .tab#product_review .tabItems_item.active { position: relative; } .woo_c-product .shop_attributes p, .product-popup .shop_attributes p { margin: 0px; } .woo_c-product .shop_attributes tr th:first-child, .woo_c-product .shop_attributes tr td:first-child, .product-popup .shop_attributes tr th:first-child, .product-popup .shop_attributes tr td:first-child { width: 25%; } .woo_c-product .comments-area, .product-popup .comments-area { padding: 0px 0px 70px; } @media screen and (max-width: 1024px) { .woo_c-product .comments-area, .product-popup .comments-area { padding-bottom: 10px; } } .woo_c-product .comments-area .commentlist, .product-popup .comments-area .commentlist { list-style: none; } .woo_c-product .comments-area .comment-list, .product-popup .comments-area .comment-list { margin-bottom: 0; } .woo_c-product .comments-area .comment-body .title, .product-popup .comments-area .comment-body .title { font-size: var(--clb-font-size); } .woo_c-product .comments-area .comment-body .avatar, .product-popup .comments-area .comment-body .avatar { position: absolute; left: 0px; top: 25px; -webkit-border-radius: 100%; border-radius: 100%; } .woo_c-product .comments-area .comment-body .star-rating, .product-popup .comments-area .comment-body .star-rating { position: absolute; top: 25px; right: 0px; } .woo_c-product .comments-area .comment-body time, .product-popup .comments-area .comment-body time { color: var(--clb-body-color-grey); font-size: var(--clb-font-size-small); } .woo_c-product .comments-area .comment-body .description p, .product-popup .comments-area .comment-body .description p { margin: 0; } .woo_c-product .comments-area .comment-form [class*="vc_col"], .product-popup .comments-area .comment-form [class*="vc_col"] { padding: 0; } .woo_c-product .comments-area .comment-form .submit-comment, .product-popup .comments-area .comment-form .submit-comment { margin-top: 8px; } .woo_c-product .comments-area .comment-form-rating label, .product-popup .comments-area .comment-form-rating label { font-weight: 600; vertical-align: middle; } @media screen and (max-width: 768px) { .woo_c-product .comments-area .comment-form .comment-form-author, .woo_c-product .comments-area .comment-form .comment-form-email, .product-popup .comments-area .comment-form .comment-form-author, .product-popup .comments-area .comment-form .comment-form-email { padding: 0; } } .woo_c-product .comments-area .comment-respond, .product-popup .comments-area .comment-respond { border-top: 1px solid var(--clb-border-color); } .woo_c-product .comments-area .comment-respond .comment-reply-title, .product-popup .comments-area .comment-respond .comment-reply-title { font-size: 20px; } .woo_c-product .comments-area .woocommerce-pagination .page-numbers, .product-popup .comments-area .woocommerce-pagination .page-numbers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .woo_c-product .comments-area .woocommerce-pagination .page-numbers li, .product-popup .comments-area .woocommerce-pagination .page-numbers li { padding: 0 10px; } .woo_c-product .sticky-product, .product-popup .sticky-product { position: fixed; overflow: hidden; right: var(--clb-spacer-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: white; opacity: 0; z-index: -1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .woo_c-product .sticky-product-img, .product-popup .sticky-product-img { cursor: pointer; width: 94px; height: 94px; background-position: center; background-repeat: no-repeat; background-size: cover; } .woo_c-product .sticky-product-desc, .product-popup .sticky-product-desc { padding: 15px; font-size: var(--clb-font-size-extra-small); position: relative; } .woo_c-product .sticky-product-desc .categories, .product-popup .sticky-product-desc .categories { max-width: 165px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .woo_c-product .sticky-product-desc .title, .woo_c-product .sticky-product-desc .price, .product-popup .sticky-product-desc .title, .product-popup .sticky-product-desc .price { display: block; line-height: 19px; } .woo_c-product .sticky-product-desc .title::before, .woo_c-product .sticky-product-desc .price::before, .product-popup .sticky-product-desc .title::before, .product-popup .sticky-product-desc .price::before { display: none; } .woo_c-product .sticky-product-desc .title, .woo_c-product .sticky-product-desc .price, .product-popup .sticky-product-desc .title, .product-popup .sticky-product-desc .price { font-weight: 600; } .woo_c-product .sticky-product-desc .title, .product-popup .sticky-product-desc .title { max-width: 165px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .woo_c-product .sticky-product-desc::before, .product-popup .sticky-product-desc::before { content: ""; position: absolute; width: 1px; top: 15px; bottom: 15px; background: var(--clb-border-color); right: 0; } .woo_c-product .sticky-product-btn, .product-popup .sticky-product-btn { padding: 18px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .woo_c-product .sticky-product-btn a.sticky-product-cart, .woo_c-product .sticky-product-btn a.sticky-product-out-of-stock, .product-popup .sticky-product-btn a.sticky-product-cart, .product-popup .sticky-product-btn a.sticky-product-out-of-stock { padding: 0px; height: 46px; width: 46px; } .woo_c-product .sticky-product-btn a.sticky-product-cart .icon, .woo_c-product .sticky-product-btn a.sticky-product-out-of-stock .icon, .product-popup .sticky-product-btn a.sticky-product-cart .icon, .product-popup .sticky-product-btn a.sticky-product-out-of-stock .icon { font-size: var(--clb-font-size); height: 46px; width: 46px; line-height: 45px; text-align: center; width: 50px; } .woo_c-product .sticky-product-btn a.sticky-product-cart .icon svg, .woo_c-product .sticky-product-btn a.sticky-product-out-of-stock .icon svg, .product-popup .sticky-product-btn a.sticky-product-cart .icon svg, .product-popup .sticky-product-btn a.sticky-product-out-of-stock .icon svg { height: 16px; display: inline-block; fill: white; } .woo_c-product .sticky-product-btn a.sticky-product-cart::before, .woo_c-product .sticky-product-btn a.sticky-product-out-of-stock::before, .product-popup .sticky-product-btn a.sticky-product-cart::before, .product-popup .sticky-product-btn a.sticky-product-out-of-stock::before { display: none; } .woo_c-product .sticky-product-btn a.sticky-product-out-of-stock, .product-popup .sticky-product-btn a.sticky-product-out-of-stock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woo_c-product .sticky-product-btn a.sticky-product-out-of-stock .ion, .product-popup .sticky-product-btn a.sticky-product-out-of-stock .ion { font-size: 21px; height: auto; } @media screen and (max-width: 768px) { .woo_c-product .sticky-product, .product-popup .sticky-product { right: 15px; left: 15px; } .woo_c-product .sticky-product-desc, .product-popup .sticky-product-desc { width: -webkit-calc(100% - 146px); width: calc(100% - 146px); } .woo_c-product .sticky-product-desc .title, .product-popup .sticky-product-desc .title { max-width: none; } } .woo_c-product.sticky_included .sticky-product { top: -webkit-calc(var(--clb-sticky-header-height) + var(--clb-spacer-small)); top: calc(var(--clb-sticky-header-height) + var(--clb-spacer-small)); } @media screen and (max-width: 768px) { .woo_c-product.sticky_included .sticky-product { top: auto; bottom: 15px; z-index: 100; } } .woo_c-product.sticky_excluded .sticky-product, .woo_c-product.sticky_product_position .sticky-product { top: var(--clb-spacer-small); } @media screen and (max-width: 768px) { .woo_c-product.sticky_excluded .sticky-product, .woo_c-product.sticky_product_position .sticky-product { top: auto; bottom: 15px; z-index: 100; } } .stockie-with-header-3 .woo_c-product.sticky_included .sticky-product { top: 155px; } .product-popup .woo_c-product { padding-bottom: 0px; } /*Product Layout Type 1*/ .type1-left .woo_c-product .woo_c-product-image-slider, .type1-right .woo_c-product .woo_c-product-image-slider { height: 100vh; } .type1-left .woo_c-product.subheader_included .woo_c-product-image-slider, .type1-right .woo_c-product.subheader_included .woo_c-product-image-slider { height: -webkit-calc(100vh - 38px); height: calc(100vh - 38px); } .type1-left .woo_c-product.spacer_included .woo_c-product-image-slider, .type1-right .woo_c-product.spacer_included .woo_c-product-image-slider { height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px); } .type1-left .woo_c-product.subheader_included.spacer_included .woo_c-product-image-slider, .type1-right .woo_c-product.subheader_included.spacer_included .woo_c-product-image-slider { height: -webkit-calc(100vh - 138px); height: calc(100vh - 138px); } .type1-left .woo_c-product-image-slider, .type1-right .woo_c-product-image-slider { background-color: #f6f6f6; } @media screen and (max-width: 768px) { .type1-left .woo_c-product .woo_c-product-image-slider, .type1-right .woo_c-product .woo_c-product-image-slider { height: auto !important; min-height: 100vw; } } @media screen and (max-width: 1024px) { .type1-left .woo_c-product-details-inner { padding-left: 25px; padding-right: 20px; } } .type1-right .woo_c-product-image .woo-onsale { left: 25px; right: auto; } .type1-right .woo_c-product-image-slider .owl-nav, .type1-right .woo_c-product-image-slider .owl-dots { left: 25px; right: auto; } .type1-right .woo_c-product-image-slider .owl-dots-images { right: 25px; } @media screen and (max-width: 1024px) { .type1-right .woo_c-product-details-inner { padding-left: 25px; padding-right: 20px; } } /*Product Layout Type 2*/ .type2-left .woo_c-product-image-slider, .type2-right .woo_c-product-image-slider, .product-popup .woo_c-product-image-slider { padding-left: 90px; height: auto !important; } .type2-left .woo_c-product-image-slider .owl-stage-outer, .type2-right .woo_c-product-image-slider .owl-stage-outer, .product-popup .woo_c-product-image-slider .owl-stage-outer { height: auto; overflow: hidden; } .type2-left .woo_c-product-image-slider .owl-dots-images, .type2-right .woo_c-product-image-slider .owl-dots-images, .product-popup .woo_c-product-image-slider .owl-dots-images { left: 0px; top: -5px; padding-left: 5px; display: block; } .type2-left .woo_c-product-image-slider .owl-dots, .type2-right .woo_c-product-image-slider .owl-dots, .product-popup .woo_c-product-image-slider .owl-dots { height: 100%; } .type2-left .woo_c-product-image .image-wrap img, .type2-right .woo_c-product-image .image-wrap img, .product-popup .woo_c-product-image .image-wrap img { vertical-align: top; } .type2-left .woo_c-product .without-gallery .woo_c-product-image-slider, .type2-right .woo_c-product .without-gallery .woo_c-product-image-slider, .product-popup .woo_c-product .without-gallery .woo_c-product-image-slider { padding: 0; } @media screen and (min-width: 1025px) { .type2-left .woo_c-product-details-inner, .type2-right .woo_c-product-details-inner, .product-popup .woo_c-product-details-inner { padding: 0px 0px 0px 50px; } } @media screen and (max-width: 1024px) { .type2-left .woo_c-product-details-inner, .type2-right .woo_c-product-details-inner, .product-popup .woo_c-product-details-inner { padding-top: 0px; padding-bottom: 0px; } } @media screen and (max-width: 768px) { .type2-left .woo_c-product-image-slider, .type2-right .woo_c-product-image-slider, .product-popup .woo_c-product-image-slider { padding-left: 0; padding-right: 0; } } .type2-left .woo_c-product-details-inner, .product-popup .woo_c-product-details-inner { padding-left: 25px; } .type2-left .woo_c-product-image .woo-onsale, .product-popup .woo_c-product-image .woo-onsale { right: auto; left: 130px; } .type2-left .woo_c-product-image .without-gallery .woo-onsale, .product-popup .woo_c-product-image .without-gallery .woo-onsale { right: auto; left: 35px; } .type2-right .woo_c-product-details-inner { padding: 0 25px 0 0px; } .type2-right .woo_c-product-image .woo-onsale { right: auto; left: 40px; } .type2-right .woo_c-product-image-slider { padding: 0 90px 0 0; } @media screen and (max-width: 768px) { .type2-right .woo_c-product-image-slider { padding-right: 0px; } } .type2-right .woo_c-product-image-slider .owl-nav, .type2-right .woo_c-product-image-slider .owl-dots { left: 25px; right: auto; } .type2-right .woo_c-product-image-slider .owl-dots-images { right: 2px; left: auto; } /*Product Layout Type 3*/ .type3-left .woo_c-product-images, .type3-right .woo_c-product-images { position: relative; } .type3-left .woo_c-product-image .woo-onsale, .type3-right .woo_c-product-image .woo-onsale { left: 25px; right: auto; } .type3-left .woo_c-product .image-wrap, .type3-right .woo_c-product .image-wrap { margin-bottom: 10px; overflow: hidden; } .type3-left .woo_c-product .image-wrap img, .type3-right .woo_c-product .image-wrap img { width: 100%; vertical-align: top; } .type3-left .woo_c-product-image .woo-onsale { left: 25px; right: auto; } .type3-left .woo_c-product-details-inner { padding: 0px 0px 100px 70px; } @media screen and (max-width: 1024px) { .type3-left .woo_c-product-details-inner { padding-left: 25px; } } .type3-right .woo_c-product-details-inner { padding: 0px 70px 100px 0px; } @media screen and (max-width: 1024px) { .type3-right .woo_c-product-details-inner { padding: 0px 25px 0px 0px; } } /*Product Layout Type 4*/ .type4-left .woo_c-product.subheader_included .woo_c-product-image-slider, .type4-right .woo_c-product.subheader_included .woo_c-product-image-slider { height: -webkit-calc(100vh - 38px); height: calc(100vh - 38px); } .type4-left .woo_c-product.spacer_included .woo_c-product-image-slider, .type4-right .woo_c-product.spacer_included .woo_c-product-image-slider { height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px); } .type4-left .woo_c-product.subheader_included.spacer_included .woo_c-product-image-slider, .type4-right .woo_c-product.subheader_included.spacer_included .woo_c-product-image-slider { height: -webkit-calc(100vh - 138px); height: calc(100vh - 138px); } @media screen and (min-width: 1025px) { .type4-left .woo_c-product-details-inner, .type4-right .woo_c-product-details-inner { padding: 40px; } } .type4-left .woo_c-product .gimg, .type4-right .woo_c-product .gimg { width: 100%; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .type4-left .woo_c-product-image-slider, .type4-right .woo_c-product-image-slider { overflow: scroll; overflow-x: hidden; background-color: var(--clb-fill-color); } .type4-left .woo_c-product-image-slider .owl-dots-images, .type4-left .woo_c-product-image-slider .owl-nav, .type4-left .woo_c-product-image-slider .owl-dots, .type4-right .woo_c-product-image-slider .owl-dots-images, .type4-right .woo_c-product-image-slider .owl-nav, .type4-right .woo_c-product-image-slider .owl-dots { position: fixed; z-index: 9; } @media screen and (max-width: 768px) { .type4-left .woo_c-product-image-slider, .type4-right .woo_c-product-image-slider { overflow: hidden; } .type4-left .woo_c-product-image-slider .owl-nav, .type4-right .woo_c-product-image-slider .owl-nav { position: absolute; z-index: 9; } } .type4-left .woo_c-product .nav-after-scroll .owl-dots, .type4-left .woo_c-product .nav-after-scroll .owl-nav, .type4-left .woo_c-product .nav-after-scroll .owl-dots-images, .type4-right .woo_c-product .nav-after-scroll .owl-dots, .type4-right .woo_c-product .nav-after-scroll .owl-nav, .type4-right .woo_c-product .nav-after-scroll .owl-dots-images { -webkit-transform: translatey(-200px); -ms-transform: translatey(-200px); transform: translatey(-200px); opacity: 0; position: absolute; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .type4-left .woo_c-product-image-slider .owl-nav, .type4-left .woo_c-product-image-slider .owl-dots { right: auto; left: -webkit-calc(((100% / 3) * 2 ) - 49px); left: calc(((100% / 3) * 2 ) - 49px); } .type4-left .woo_c-product-image-slider .owl-nav { left: -webkit-calc(((100% / 3) * 2 ) - 145px); left: calc(((100% / 3) * 2 ) - 145px); } .type4-left .woo_c-product-image .nav-after-scroll .owl-nav, .type4-left .woo_c-product-image .nav-after-scroll .owl-dots { right: 17px; left: auto; } @media screen and (max-width: 1024px) { .type4-left .woo_c-product-details-inner { padding-left: 25px; padding-right: 20px; } } .type4-right .woo_c-product-image .woo-onsale { left: 25px; right: auto; } .type4-right .woo_c-product-image-slider .owl-dots-images { right: 25px; left: auto; } .type4-right .woo_c-product-image-slider .owl-dots, .type4-right .woo_c-product-image-slider .owl-nav { right: -webkit-calc(((100% / 3) * 2) - 49px); right: calc(((100% / 3) * 2) - 49px); } .type4-right .woo_c-product-image-slider .owl-nav { right: -webkit-calc(((100% / 3) * 2 ) - 145px); right: calc(((100% / 3) * 2 ) - 145px); } .type4-right .woo_c-product-image .nav-after-scroll .owl-nav, .type4-right .woo_c-product-image .nav-after-scroll .owl-dots { left: 25px; right: auto; } @media screen and (max-width: 1024px) { .type4-right .woo_c-product-details-inner { padding-right: 25px; padding-left: 20px; } } @media screen and (max-width: 1024px) { .type4-left .woo_c-product .gimg, .type4-right .woo_c-product .gimg { width: auto; } .type4-left .woo_c-product-image-slider, .type4-right .woo_c-product-image-slider { overflow: hidden; } .type4-left .woo_c-product-image-slider .owl-dots-images, .type4-left .woo_c-product-image-slider .owl-nav, .type4-left .woo_c-product-image-slider .owl-dots, .type4-right .woo_c-product-image-slider .owl-dots-images, .type4-right .woo_c-product-image-slider .owl-nav, .type4-right .woo_c-product-image-slider .owl-dots { position: absolute; z-index: 10; } .type4-left .woo_c-product-image-slider .owl-nav, .type4-left .woo_c-product-image-slider .owl-dots { right: 25px; left: auto; } .type4-left .woo_c-product-image .nav-after-scroll .owl-nav, .type4-left .woo_c-product-image .nav-after-scroll .owl-dots { right: 17px; left: auto; } .type4-right .woo_c-product-image .woo-onsale { left: 25px; right: auto; } .type4-right .woo_c-product-image-slider .owl-dots-images { right: 25px; left: auto; } .type4-right .woo_c-product-image-slider .owl-dots, .type4-right .woo_c-product-image-slider .owl-nav { right: 25px; } .type4-right .woo_c-product-image-slider .owl-nav { left: 25px; } .type4-right .woo_c-product-image .nav-after-scroll .owl-nav, .type4-right .woo_c-product-image .nav-after-scroll .owl-dots { left: 25px; right: auto; } } /*Product Layout Type 5*/ .type5-left .woo_c-product-images, .type5-right .woo_c-product-images { margin-left: -15px; margin-right: -15px; } @media screen and (max-width: 768px) { .type5-left .woo_c-product-images, .type5-right .woo_c-product-images { margin-left: 0px; margin-right: 0px; } } .type5-left .woo_c-product-images .image-wrap, .type5-right .woo_c-product-images .image-wrap { overflow: hidden; } .type5-left .woo_c-product .woo-onsale, .type5-right .woo_c-product .woo-onsale { left: 40px; right: auto; } .type5-left .woo_c-product-image .with_gallery, .type5-right .woo_c-product-image .with_gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .type5-left .woo_c-product-image .with_gallery .image-wrap, .type5-right .woo_c-product-image .with_gallery .image-wrap { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); height: auto; margin: 0px 15px 30px; } .type5-left .woo_c-product-image .with_gallery .image-wrap img, .type5-right .woo_c-product-image .with_gallery .image-wrap img { max-width: 100%; height: auto; display: inline-block; vertical-align: top; } @media screen and (max-width: 768px) { .type5-left .woo_c-product-image .with_gallery .image-wrap, .type5-right .woo_c-product-image .with_gallery .image-wrap { width: 100%; margin: 15px 0 0; } } .type5-left .woo_c-product-image-slider-trigger, .type5-right .woo_c-product-image-slider-trigger { right: 40px; } .type5-left .woo_c-product-details-inner, .type5-right .woo_c-product-details-inner { padding: 0px 50px 0px 0px; } @media screen and (max-width: 1024px) { .type5-left .woo_c-product-details-inner, .type5-right .woo_c-product-details-inner { padding: 0px 20px 0px 0px; } } @media screen and (max-width: 768px) { .type5-left .image-wrap:first-child, .type5-right .image-wrap:first-child { margin-top: 0px !important; } } .type5-left .woo_c-product .woo-onsale { left: 40px; right: auto; } .type5-left .woo_c-product-details-inner { padding: 0px 0px 0px 50px; } @media screen and (max-width: 1024px) { .type5-left .woo_c-product-details-inner { padding: 0px 0px 0px 25px; } } @media screen and (max-width: 1024px) { .type5-right .woo_c-product-details-inner { padding: 0px 25px 0px 0px; } } .product-popup .woo_c-product-image-slider { max-height: -webkit-calc(100vh - 200px); max-height: calc(100vh - 200px); overflow: hidden; background-color: transparent; } .product-popup .woo_c-product-image-slider .owl-dots-images { left: 2px; top: 0px; padding-left: 0px; display: block; } .product-popup .woo_c-product-image-slider .gimg { opacity: 1; } .product-popup .woo_c-product-details { height: auto !important; } [class*="type2"] .woo_c-product-image .image-wrap img { width: 100%; } [class*="type1"] .woo_c-product-image-slider .gimg, [class*="type2"] .woo_c-product-image-slider .gimg, [class*="type4"] .woo_c-product-image-slider .gimg { opacity: 0; -webkit-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); -o-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (min-width: 1025px) { [class*="type1"] .woo_c-product:not(.modal-content) .woo_c-product-details, [class*="type4"] .woo_c-product:not(.modal-content) .woo_c-product-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } [class*="type1"] .woo_c-product:not(.modal-content).subheader_included .woo_c-product-details, [class*="type4"] .woo_c-product:not(.modal-content).subheader_included .woo_c-product-details { height: -webkit-calc(100vh - 38px); height: calc(100vh - 38px); } [class*="type1"] .woo_c-product:not(.modal-content).spacer_included .woo_c-product-details, [class*="type4"] .woo_c-product:not(.modal-content).spacer_included .woo_c-product-details { height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px); } [class*="type1"] .woo_c-product:not(.modal-content).spacer_included.subheader_included .woo_c-product-details, [class*="type4"] .woo_c-product:not(.modal-content).spacer_included.subheader_included .woo_c-product-details { height: -webkit-calc(100vh - 138px); height: calc(100vh - 138px); } [class*="type2"] .woo_c-product.spacer_included, [class*="type3"] .woo_c-product.spacer_included, [class*="type5"] .woo_c-product.spacer_included { margin-top: 50px; } [class*="type2"] .woo_c-product.spacer_excluded, [class*="type3"] .woo_c-product.spacer_excluded, [class*="type5"] .woo_c-product.spacer_excluded { margin-top: 150px; } } .woo_c-related { margin-bottom: 60px; } .woo_c-related::after { content: ""; display: table; clear: both; } @media screen and (max-width: 768px) { [class*="type"] .woo_c-product-image .woo-onsale { right: auto; top: auto; bottom: 30px; left: 15px; } [class*="type"] .woo_c-product-image-slider { height: auto !important; } [class*="type"] .woo_c-product-image-slider-trigger { top: auto; bottom: 30px; right: 15px; } [class*="type"] .woo_c-product-image-slider .owl-dots-images { display: none; } [class*="type"] .woo_c-product-image-slider .owl-nav { left: 15px; right: 15px; width: auto; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); } [class*="type"] .woo_c-product-image-slider .owl-dots { display: none; } [class*="type"] .woo_c-product-image-slider .gimg { width: 100%; height: auto; } [class*="type"] .woo_c-product .tab { margin: 20px auto 30px; } [class*="type"] .woo_c-product .tab .tabNav { text-align: left; } [class*="type"] .woo_c-product-nav { position: static; } [class*="type"] .woo_c-product-details { padding: 0; padding: 0px 5px; background-color: var(--clb-color-white); margin-top: -15px; width: auto; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; } [class*="type"] .woo_c-product-details-inner { width: 100%; padding: 15px 10px; } [class*="type"] .woo_c-product .comments-area .comment-form input[type="email"], [class*="type"] .woo_c-product .comments-area .comment-form input[type="number"], [class*="type"] .woo_c-product .comments-area .comment-form input[type="password"], [class*="type"] .woo_c-product .comments-area .comment-form input[type="search"], [class*="type"] .woo_c-product .comments-area .comment-form input[type="tel"], [class*="type"] .woo_c-product .comments-area .comment-form input[type="text"], [class*="type"] .woo_c-product .comments-area .comment-form input[type="date"], [class*="type"] .woo_c-product .comments-area .comment-form input[type="url"], [class*="type"] .woo_c-product .comments-area .comment-form textarea, [class*="type"] .woo_c-product .comments-area .comment-form .label-header { margin-right: 0; margin-left: 0; } } @media screen and (max-width: 1024px) { [class*="type2"] .woo_c-product.spacer_excluded, [class*="type3"] .woo_c-product.spacer_excluded, [class*="type5"] .woo_c-product.spacer_excluded { margin-top: 90px; } } @media screen and (max-width: 768px) { [class*="type2"] .woo_c-product-image, [class*="type3"] .woo_c-product-image, [class*="type5"] .woo_c-product-image { padding-left: 0px; padding-right: 0px; } [class*="type2"] .woo_c-product-details, [class*="type3"] .woo_c-product-details, [class*="type5"] .woo_c-product-details { margin-right: 0px; margin-left: 0px; } [class*="type2"] .woo_c-product.spacer_excluded, [class*="type3"] .woo_c-product.spacer_excluded, [class*="type5"] .woo_c-product.spacer_excluded { margin-top: 0; } } .single-product .gallery-lightbox .slider .owl-stage .owl-item > div { height: -webkit-calc(100vh - 122px); height: calc(100vh - 122px); } @media screen and (max-width: 768px) { .single-product .header-cap { display: none; } .type1-right .page-container > .vc_row, .type2-right .page-container > .vc_row, .type3-right .page-container > .vc_row, .type4-right .page-container > .vc_row, .type5-right .page-container > .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .type1-right .page-container > .vc_row .woo_c-product-details, .type2-right .page-container > .vc_row .woo_c-product-details, .type3-right .page-container > .vc_row .woo_c-product-details, .type4-right .page-container > .vc_row .woo_c-product-details, .type5-right .page-container > .vc_row .woo_c-product-details { z-index: 1; } .type1-right .page-container > .vc_row .woo_c-product-image, .type1-right .page-container > .vc_row .woo_c-product-details, .type2-right .page-container > .vc_row .woo_c-product-image, .type2-right .page-container > .vc_row .woo_c-product-details, .type3-right .page-container > .vc_row .woo_c-product-image, .type3-right .page-container > .vc_row .woo_c-product-details, .type4-right .page-container > .vc_row .woo_c-product-image, .type4-right .page-container > .vc_row .woo_c-product-details, .type5-right .page-container > .vc_row .woo_c-product-image, .type5-right .page-container > .vc_row .woo_c-product-details { max-width: 100%; } } .woo-c_upsells, .woo-c_related, .woo-c_recommended { margin-top: 50px; } @media screen and (max-width: 768px) { .woo-c_upsells, .woo-c_related, .woo-c_recommended { margin-top: 20px; } } .woo-c_upsells + .woo-c_related, .woo-c_related + .woo-c_upsells { margin-top: 50px; } /*-------------------------------------------------------------- ## Products --------------------------------------------------------------*/ .woo_c-products, .products { margin-left: -15px; margin-right: -15px; } .woo_c-products::after, .products::after { content: ""; display: table; clear: both; } @media screen and (max-width: 768px) { .woo_c-products, .products { margin-left: 0px; margin-right: 0px; } } .woo_c-products .product, .products .product { margin-bottom: 30px; float: left; padding: 0 15px; z-index: 0; } @media screen and (max-width: 768px) { .woo_c-products .product, .products .product { margin-bottom: 15px; } } .woo_c-products .product-content .image-wrap, .products .product-content .image-wrap { overflow: hidden; position: relative; -webkit-border-radius: var(--clb-grid-border-radius); border-radius: var(--clb-grid-border-radius); } .woo_c-products .product-content .product-buttons, .products .product-content .product-buttons { position: absolute; bottom: 0; width: 100%; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: var(--clb-gap); padding: var(--clb-spacer-small); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .product-content .product-buttons > *, .products .product-content .product-buttons > * { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } @media screen and (max-width: 768px) { .woo_c-products .product-content .product-buttons, .products .product-content .product-buttons { display: none; } } .woo_c-products .product-content .product-buttons .yith-wcwl-add-to-wishlist-button--themed-button, .products .product-content .product-buttons .yith-wcwl-add-to-wishlist-button--themed-button { height: var(--clb-button-height-small); padding: 0 var(--clb-button-side-padding-small); -webkit-border-radius: var(--clb-button-border-radius-small); border-radius: var(--clb-button-border-radius-small); } .woo_c-products .product-content .product-buttons .yith-wcwl-add-to-wishlist-button--themed-button, .woo_c-products .product-content .product-buttons .yith-wcwl-add-to-wishlist-button-anchor-wrapper, .products .product-content .product-buttons .yith-wcwl-add-to-wishlist-button--themed-button, .products .product-content .product-buttons .yith-wcwl-add-to-wishlist-button-anchor-wrapper { width: 100%; } .woo_c-products .product-content .wp-post-image, .products .product-content .wp-post-image { width: 100%; margin: 0; vertical-align: top; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .product-content:hover .product-buttons, .woo_c-products .product-content:hover .owl-nav, .products .product-content:hover .product-buttons, .products .product-content:hover .owl-nav { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .product-content .hide, .products .product-content .hide { display: none; } .woo_c-products .product-content .show, .products .product-content .show { display: block; } .woo_c-products .product-content.product-hover-2 .slider-images, .products .product-content.product-hover-2 .slider-images { position: relative; } .woo_c-products .product-content.product-hover-2 .slider-images a:nth-child(1) img, .products .product-content.product-hover-2 .slider-images a:nth-child(1) img { z-index: 10; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .product-content.product-hover-2 .slider-images a:nth-child(2), .products .product-content.product-hover-2 .slider-images a:nth-child(2) { display: block; position: static; } .woo_c-products .product-content.product-hover-2 .slider-images a:nth-child(2) img, .products .product-content.product-hover-2 .slider-images a:nth-child(2) img { position: absolute; top: 0; z-index: -1; } .woo_c-products .product-content.product-hover-2:hover .slider-images a:nth-child(1) img, .products .product-content.product-hover-2:hover .slider-images a:nth-child(1) img { opacity: 0; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .product-content.product-hover-3 .owl-stage-outer .owl-item, .woo_c-products .product-content.product-hover-3 .slider .owl-item, .products .product-content.product-hover-3 .owl-stage-outer .owl-item, .products .product-content.product-hover-3 .slider .owl-item { position: relative; } .woo_c-products .product-content.product-hover-3 .owl-stage-outer a, .woo_c-products .product-content.product-hover-3 .slider a, .products .product-content.product-hover-3 .owl-stage-outer a, .products .product-content.product-hover-3 .slider a { position: static; } .woo_c-products .product-content.product-hover-3 .owl-stage-outer .product-hover-overlay, .woo_c-products .product-content.product-hover-3 .slider .product-hover-overlay, .products .product-content.product-hover-3 .owl-stage-outer .product-hover-overlay, .products .product-content.product-hover-3 .slider .product-hover-overlay { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: 1; opacity: 0; background: color-mix(in srgb, var(--clb-color-primary) 75%, transparent); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .product-content.product-hover-3:hover .owl-stage-outer .product-hover-overlay, .woo_c-products .product-content.product-hover-3:hover .slider .product-hover-overlay, .products .product-content.product-hover-3:hover .owl-stage-outer .product-hover-overlay, .products .product-content.product-hover-3:hover .slider .product-hover-overlay { opacity: 1; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .slider, .products .slider { width: 100%; padding: 0; margin: 0; z-index: 1; } .woo_c-products .slider img, .products .slider img { width: 100%; height: auto; display: none; } .woo_c-products .slider img:first-child, .products .slider img:first-child { display: block; } .woo_c-products .slider.visible img, .products .slider.visible img { display: block; } .woo_c-products .slider .owl-item > a::before, .products .slider .owl-item > a::before { display: none; } .woo_c-products .slider .owl-dots, .products .slider .owl-dots { display: none; visibility: hidden; } .woo_c-products .slider .owl-nav, .products .slider .owl-nav { position: absolute; right: 25px; left: auto; z-index: 1; height: 42px; top: 25px; width: 90px; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; visibility: hidden; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } @media screen and (max-width: 768px) { .woo_c-products .slider .owl-nav, .products .slider .owl-nav { display: none; } } .woo_c-products .slider .owl-nav .owl-prev .ion, .woo_c-products .slider .owl-nav .owl-next .ion, .products .slider .owl-nav .owl-prev .ion, .products .slider .owl-nav .owl-next .ion { width: var(--clb-icon-button-small); height: var(--clb-icon-button-small); font-size: 1.25em; } .woo_c-products .added_to_cart, .products .added_to_cart { display: none; } @media screen and (max-width: 768px) { .woo_c-products .woo-onsale, .products .woo-onsale { left: 15px; top: 15px; } } .woo_c-products .wc-product-title-wrap, .products .wc-product-title-wrap { padding: 20px 0px; position: relative; background: transparent; } .woo_c-products .wc-product-title-wrap::after, .products .wc-product-title-wrap::after { content: ""; display: table; clear: both; } .woo_c-products .wc-product-title-wrap .category, .products .wc-product-title-wrap .category { font-size: var(--clb-font-size-small); display: inline-block; } @media screen and (max-width: 768px) { .woo_c-products .wc-product-title-wrap, .products .wc-product-title-wrap { padding: 10px 0px 20px; } } .woo_c-products .wc-product-title-wrap h2, .products .wc-product-title-wrap h2 { font-size: var(--clb-titles-h6-font-size); font-weight: 500; margin: 0px; line-height: inherit; position: relative; z-index: 1; } .woo_c-products .price, .products .price { margin: 0; font-weight: 600; } .woo_c-products .price del, .woo_c-products .price ins, .products .price del, .products .price ins { vertical-align: middle; } .woo_c-products .price del, .products .price del { font-size: 0.98em; font-weight: 500; } .woo_c-products .without-price h3, .products .without-price h3 { margin-bottom: 5px; padding: 0 30px 0 0; } .woo_c-products .without-price .left, .products .without-price .left { display: none; } .woo_c-products .hide-price-and-cart, .products .hide-price-and-cart { position: relative; font-size: 0.98em; } .woo_c-products .hide-price-and-cart .price, .woo_c-products .hide-price-and-cart .add-to-cart, .products .hide-price-and-cart .price, .products .hide-price-and-cart .add-to-cart { position: absolute; width: 100%; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo_c-products .hide-price-and-cart .price a, .woo_c-products .hide-price-and-cart .add-to-cart a, .products .hide-price-and-cart .price a, .products .hide-price-and-cart .add-to-cart a { background: transparent; } .woo_c-products .hide-price-and-cart .add-to-cart, .products .hide-price-and-cart .add-to-cart { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; font-weight: 600; } .woo_c-products .hide-price-and-cart .add-to-cart .btn-loading::before, .products .hide-price-and-cart .add-to-cart .btn-loading::before { content: ""; border-top: 3px solid currentColor; border-right: 3px solid currentColor; margin-right: 10px; } @media screen and (max-width: 768px) { .woo_c-products .hide-price-and-cart .add-to-cart, .products .hide-price-and-cart .add-to-cart { opacity: inherit; visibility: hidden; } } @media screen and (max-width: 768px) { .columns-sm-2 .woo_c-products, .columns-sm-2 .products { margin-left: -8px; margin-right: -8px; } .columns-sm-2 .woo_c-products .product, .columns-sm-2 .products .product { padding-left: 8px; padding-right: 8px; } } .woo-shop-container .filter-container .filter { height: 80px; line-height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: 600; font-size: 0.75em; } @media screen and (max-width: 768px) { .woo-shop-container .filter-container .filter { height: 50px; line-height: 50px; } } .woo-shop-container .filter-container .filter .woocommerce-ordering span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .woo-shop-container .filter-container .filter select { text-transform: uppercase; max-width: 130px; } @media screen and (max-width: 1024px) { .woo-shop-container .filter-container .filter select.orderby { max-width: 160px; } .woo-shop-container .filter-container .filter select.-small { margin-left: 5px; } } .woo-shop-container .filter-container .filter .woocommerce-result-count { margin-right: 10px; text-align: right; } @media screen and (max-width: 1024px) { .woo-shop-container .filter-container { height: 68px; } .woo-shop-container .filter-container .btn-filter { top: 14px; } } .woocommerce .woo-shop-container .filter-container { height: auto; } @media screen and (min-width: 769px) { .woocommerce .woo-shop-container .filter-container .filter { position: absolute; top: -80px; width: auto; left: 25px; right: 25px; } } .woocommerce .woo-shop-container .filter-container .btn-filter { top: -50px; } .shop-product-type_1 .product { margin-bottom: 40px; } .shop-product-type_2 .woo_c-products .price, .shop-product-type_2 .products .price { padding: 0; white-space: nowrap; } .shop-product-type_2 .product-content { position: relative; } .shop-product-type_2 .product-content .wc-product-title-wrap { position: absolute; z-index: 10; bottom: 20px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); left: 25px; right: 25px; opacity: 0; } @media screen and (max-width: 768px) { .shop-product-type_2 .product-content .wc-product-title-wrap { bottom: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); left: 15px; right: 15px; } } .shop-product-type_2 .product-content:hover .wc-product-title-wrap { -webkit-transform: translateY(-65px); -ms-transform: translateY(-65px); transform: translateY(-65px); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .shop-product-type_2 .product-content:hover .wc-product-title-wrap { opacity: 1; } @media screen and (max-width: 768px) { .shop-product-type_2 .product-content:hover .wc-product-title-wrap { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } /*Shop product type 3*/ @media screen and (min-width: 769px) { .shop-product-type_3 .woo_c-products, .shop-product-type_3 .products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .shop-product-type_3 .woo_c-products .product, .shop-product-type_3 .products .product { width: -webkit-calc(100% / 3); width: calc(100% / 3); } .shop-product-type_3 .woo_c-products .product:nth-child(4n), .shop-product-type_3 .products .product:nth-child(4n) { -webkit-transform: translateX(-webkit-calc(-25% + 25px)); -ms-transform: translateX(calc(-25% + 25px)); transform: translateX(calc(-25% + 25px)); } .shop-product-type_3 .woo_c-products .product:nth-child(4n+1), .shop-product-type_3 .products .product:nth-child(4n+1) { -webkit-transform: translateX(-webkit-calc(25% - 25px)); -ms-transform: translateX(calc(25% - 25px)); transform: translateX(calc(25% - 25px)); } .shop-product-type_3 .woo_c-products .product:nth-child(4n+2), .shop-product-type_3 .woo_c-products .product:nth-child(4n+3), .shop-product-type_3 .products .product:nth-child(4n+2), .shop-product-type_3 .products .product:nth-child(4n+3) { width: -webkit-calc(100% / 2 - 50px); width: calc(100% / 2 - 50px); } .shop-product-type_3 .woo_c-products .product:nth-child(4n+2), .shop-product-type_3 .products .product:nth-child(4n+2) { margin-left: 50px; } .shop-product-type_3 .woo_c-products .product:nth-child(4n+3), .shop-product-type_3 .products .product:nth-child(4n+3) { margin-right: 50px; } .shop-product-type_3 .woo_c-products::after, .shop-product-type_3 .products::after { content: none; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .shop-product-type_3 .woo_c-products .product:nth-child(4n), .shop-product-type_3 .products .product:nth-child(4n) { -webkit-transform: translateX(-webkit-calc(-25% + 10px)); -ms-transform: translateX(calc(-25% + 10px)); transform: translateX(calc(-25% + 10px)); } .shop-product-type_3 .woo_c-products .product:nth-child(4n+1), .shop-product-type_3 .products .product:nth-child(4n+1) { -webkit-transform: translateX(-webkit-calc(25% - 10px)); -ms-transform: translateX(calc(25% - 10px)); transform: translateX(calc(25% - 10px)); } .shop-product-type_3 .woo_c-products .product:nth-child(4n+2), .shop-product-type_3 .woo_c-products .product:nth-child(4n+3), .shop-product-type_3 .products .product:nth-child(4n+2), .shop-product-type_3 .products .product:nth-child(4n+3) { width: -webkit-calc(100% / 2 - 20px); width: calc(100% / 2 - 20px); } .shop-product-type_3 .woo_c-products .product:nth-child(4n+2), .shop-product-type_3 .products .product:nth-child(4n+2) { margin-left: 20px; } .shop-product-type_3 .woo_c-products .product:nth-child(4n+3), .shop-product-type_3 .products .product:nth-child(4n+3) { margin-right: 20px; } } /*Shop product type 4*/ .shop-product-type_4 { overflow: hidden; } @media screen and (max-width: 768px) { .shop-product-type_4 { margin-left: -15px; margin-right: -15px; } } .shop-product-type_4 .woo_c-products, .shop-product-type_4 .products { margin-left: 0px; margin-right: 0px; position: relative; } .shop-product-type_4 img { height: 100vh !important; opacity: 0; -webkit-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); -o-transition: opacity var(--clb-transition-function) var(--clb-transition-duration); transition: opacity var(--clb-transition-function) var(--clb-transition-duration); } .shop-product-type_4 .owl-stage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .shop-product-type_4 .owl-stage .owl-item .slider { min-height: 100vh; } .shop-product-type_4 .owl-stage .owl-item .slider .owl-item { z-index: -1; } .shop-product-type_4 .owl-stage .owl-item .slider .owl-item a { min-height: 100vh; } .shop-product-type_4 .owl-stage .owl-item .slider .owl-item.active { z-index: 100; } .shop-product-type_4 .owl-stage .owl-item .slider a { display: block; } .shop-product-type_4 .owl-stage .owl-item .slider a::before { display: none; } .shop-product-type_4 .owl-stage .owl-item .slider img { max-width: inherit; width: auto !important; position: absolute; } .shop-product-type_4 .owl-stage .owl-item .slider img.small-width { width: 100% !important; height: auto !important; } .shop-product-type_4 .product-content { position: relative; } .shop-product-type_4 .product-content .product-buttons { bottom: 130px; } .shop-product-type_4 .product-content .wc-product-title-wrap { position: absolute; z-index: 100; bottom: 0px; left: 0; right: 0; } .shop-product-type_4 .woo_c-products .price, .shop-product-type_4 .products .price { width: 100%; } .shop-product-type_4 .woo_c-products .add-to-cart, .shop-product-type_4 .products .add-to-cart { position: relative; } .shop-product-type_4 .woo_c-products .product, .shop-product-type_4 .products .product { margin: 0; padding: 0 1px; } .shop-product-type_4 .woo_c-products .wc-product-title-wrap:hover .price, .shop-product-type_4 .products .wc-product-title-wrap:hover .price { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } .shop-product-type_4 .woo_c-products .wc-product-title-wrap:hover .add-to-cart, .shop-product-type_4 .products .wc-product-title-wrap:hover .add-to-cart { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .shop-product-type_1 .product-content:hover .price, .shop-product-type_3 .product-content:hover .price, .woocommerce > div > .woo_c-products .product-content:hover .price, .woocommerce > div > .products .product-content:hover .price { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } .shop-product-type_1 .product-content:hover .add-to-cart, .shop-product-type_3 .product-content:hover .add-to-cart, .woocommerce > div > .woo_c-products .product-content:hover .add-to-cart, .woocommerce > div > .products .product-content:hover .add-to-cart { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .shop-product-type_2 .wc-product-title-wrap:hover .price, .shop-product-type_4 .wc-product-title-wrap:hover .price { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } .shop-product-type_2 .wc-product-title-wrap:hover .add-to-cart, .shop-product-type_4 .wc-product-title-wrap:hover .add-to-cart { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .modal-window + .select2-container--default { z-index: 10000000; } .modal-window.open .modal-content.product-popup { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .modal-window.open .modal-content.product-popup .product-popup-title-link a { display: inline-block; } .modal-window.open .modal-content.product-popup .page-container > .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .modal-window.open .horizontal-img { width: 100%; height: auto; } /*Standard WooCommerce grid*/ @media screen and (max-width: 768px) { .woo_c-products[data-shop-masonry] { height: auto !important; } .woo_c-products[data-shop-masonry] .product, .woo_c-products[data-shop-masonry] li { position: static !important; } } .woo_c-products .product, .woo_c-products li, .products .product, .products li { width: 100%; } @media screen and (max-width: 768px) { .woo_c-products .product, .woo_c-products li, .products .product, .products li { padding-left: 0px; padding-right: 0px; } .woo_c-products .product::after, .woo_c-products li::after, .products .product::after, .products li::after { content: ""; display: table; clear: both; } } @media screen and (min-width: 1025px) { .columns-2 .product { width: -webkit-calc(100% / 2); width: calc(100% / 2); } .columns-2 .product:nth-child(2n + 1) { clear: both; } .columns-3 .product { width: -webkit-calc(100% / 3); width: calc(100% / 3); } .columns-3 .product:nth-child(3n + 1) { clear: both; } .columns-4 .product { width: -webkit-calc(100% / 4); width: calc(100% / 4); } .columns-4 .product:nth-child(4n + 1) { clear: both; } .columns-5 .product { width: -webkit-calc(100% / 5); width: calc(100% / 5); } .columns-5 .product:nth-child(5n + 1) { clear: both; } .columns-6 .product { width: -webkit-calc(100% / 6); width: calc(100% / 6); } .columns-6 .product:nth-child(6n + 1) { clear: both; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .columns-md-2 .product { width: -webkit-calc(100% / 2); width: calc(100% / 2); } .columns-md-2 .product:nth-child(2n + 1) { clear: both; } .columns-md-3 .product { width: -webkit-calc(100% / 3); width: calc(100% / 3); } .columns-md-3 .product:nth-child(3n + 1) { clear: both; } .columns-md-4 .product { width: -webkit-calc(100% / 4); width: calc(100% / 4); } .columns-md-4 .product:nth-child(4n + 1) { clear: both; } .columns-md-5 .product { width: -webkit-calc(100% / 5); width: calc(100% / 5); } .columns-md-5 .product:nth-child(5n + 1) { clear: both; } .columns-md-6 .product { width: -webkit-calc(100% / 6); width: calc(100% / 6); } .columns-md-6 .product:nth-child(6n + 1) { clear: both; } } @media screen and (max-width: 768px) { .columns-sm-2 .product { width: -webkit-calc(100% / 2); width: calc(100% / 2); } .columns-sm-2 .product:nth-child(2n + 1) { clear: both; } .columns-sm-3 .product { width: -webkit-calc(100% / 3); width: calc(100% / 3); } .columns-sm-3 .product:nth-child(3n + 1) { clear: both; } .columns-sm-4 .product { width: -webkit-calc(100% / 4); width: calc(100% / 4); } .columns-sm-4 .product:nth-child(4n + 1) { clear: both; } .columns-sm-5 .product { width: -webkit-calc(100% / 5); width: calc(100% / 5); } .columns-sm-5 .product:nth-child(5n + 1) { clear: both; } .columns-sm-6 .product { width: -webkit-calc(100% / 6); width: calc(100% / 6); } .columns-sm-6 .product:nth-child(6n + 1) { clear: both; } } .columns-2 .double_width, .columns-md-2 .double_width { width: -webkit-calc((100% / 2) * 2 - 1px); width: calc((100% / 2) * 2 - 1px); } .columns-3 .double_width, .columns-md-3 .double_width { width: -webkit-calc((100% / 3) * 2 - 1px); width: calc((100% / 3) * 2 - 1px); } .columns-4 .double_width, .columns-md-4 .double_width { width: -webkit-calc((100% / 4) * 2 - 1px); width: calc((100% / 4) * 2 - 1px); } .columns-5 .double_width, .columns-md-5 .double_width { width: -webkit-calc((100% / 5) * 2 - 1px); width: calc((100% / 5) * 2 - 1px); } .columns-6 .double_width, .columns-md-6 .double_width { width: -webkit-calc((100% / 6) * 2 - 1px); width: calc((100% / 6) * 2 - 1px); } .columns-12 .double_width { width: -webkit-calc((100% / 12) * 2 - 1px); width: calc((100% / 12) * 2 - 1px); } @media screen and (max-width: 768px) { .columns-2 .double_width, .columns-3 .double_width, .columns-4 .double_width, .columns-5 .double_width, .columns-6 .double_width { width: 100%; } } /*-------------------------------------------------------------- ## Cart --------------------------------------------------------------*/ /*Cart table*/ .woo-c_cart_table { width: 100%; margin-bottom: 40px; } .woo-c_cart_table_details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); position: relative; } @media screen and (max-width: 768px) { .woo-c_cart_table_details { text-align: left; position: relative; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 0.98em; } } .woo-c_cart_table_item { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 12px 0px; border-bottom: 1px solid var(--clb-border-color); } @media screen and (max-width: 768px) { .woo-c_cart_table_item { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .woo-c_cart_table_item:first-child { border-top: 1px solid var(--clb-border-color); } .woo-c_cart_table_item_thumbnail { padding-right: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .woo-c_cart_table_item_thumbnail { padding-right: 1rem; } } .woo-c_cart_table_item_thumbnail a:before { display: none; } .woo-c_cart_table_item_thumbnail img { max-width: 60px; height: auto; vertical-align: middle; } @media screen and (max-width: 768px) { .woo-c_cart_table_item_thumbnail img { max-height: 60px; -o-object-fit: cover; object-fit: cover; } } .woo-c_cart_table_item_thumbnail:hover { opacity: 0.6; -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo-c_cart_table_item_price, .woo-c_cart_table_item_quantity, .woo-c_cart_table_item_subtotal { font-size: 0.9em; text-align: right; } @media screen and (min-width: 769px) { .woo-c_cart_table_item_price, .woo-c_cart_table_item_quantity, .woo-c_cart_table_item_subtotal { width: -webkit-calc(55% / 3); width: calc(55% / 3); } } .woo-c_cart_table_item_name { min-width: 30%; max-width: 30%; } .woo-c_cart_table_item_name .variation { margin: 0; padding: 0; font-size: var(--clb-font-size-small); } .woo-c_cart_table_item_name .variation dt { font-weight: 400; color: var(--clb-body-color-grey); } .woo-c_cart_table_item_name .variation dd { color: var(--clb-color-black); margin: 0; padding: 0; font-size: var(--clb-font-size-small); font-weight: 600; } .woo-c_cart_table_item_name .variation dd p { margin: 0; line-height: inherit; font-size: var(--clb-font-size-small); } .woo-c_cart_table_item_values { padding-left: 20px; min-width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .woo-c_cart_table_item_values p { text-transform: uppercase; font-size: 0.8em; line-height: 1.5; display: inline-block; text-align: left; color: var(--clb-body-color-grey); white-space: nowrap; margin: 0px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .woo-c_cart_table_item_values p span { font-weight: 600; color: var(--clb-body-color); } .woo-c_cart_table_item_status { white-space: nowrap; min-width: 140px; } .woo-c_cart_table_item_quantity { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.8em; padding: 0px 1.5rem; } @media screen and (max-width: 768px) { .woo-c_cart_table_item_quantity .woo-quantity { min-width: auto; } } .woo-c_cart_table_item_remove .ion { vertical-align: unset; } .woo-c_cart_table_item_remove .ion::before { font-size: 0.9em; } .woo-c_cart_table_item_remove a::before { display: none; } @media screen and (min-width: 769px) { .woo-c_cart_table_item_price { text-align: right; } } .woo-c_cart_table_item_subtotal { text-align: left; font-weight: 600; } @media screen and (max-width: 768px) { .woo-c_cart_table_item_name, .woo-c_cart_table_item_values, .woo-c_cart_table_item_price { width: auto; padding-left: 0; } .woo-c_cart_table_item_name { width: -webkit-calc(100vw - 5.25rem - 6.75rem); width: calc(100vw - 5.25rem - 6.75rem); max-width: -webkit-calc(100vw - 5.25rem - 6.75rem); max-width: calc(100vw - 5.25rem - 6.75rem); } .woo-c_cart_table_item_quantity { position: absolute; right: 0; top: 0; width: 5.25rem; } .woo-c_cart_table_item_remove { left: -5.5rem; background: white; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: var(--clb-button-height-small); width: var(--clb-button-height-small); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } } /*Coupon bar*/ .woo-c_actions_coupon::after { content: ""; display: table; clear: both; } .woo-c_actions_coupon .holder { position: relative; } .woo-c_actions_coupon button[type='submit'] { text-transform: capitalize; position: absolute; right: 0; } @media screen and (min-width: 769px) { .woo-c_actions .btn.update-cart, .woo-c_actions .btn.next-btn { float: right; } } /*Checkout totals*/ .woo-c_cart_totals { margin: 40px 0px 90px; } .woocommerce-shipping-calculator { font-weight: normal; text-transform: none; font-size: inherit; } /*-------------------------------------------------------------- ## Checkout --------------------------------------------------------------*/ .woo-c_checkout { position: relative; margin-top: 0; } .woo-c_checkout .tabNav_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .woo-c_checkout .tabNav_wrapper::before { content: ""; position: absolute; display: block; bottom: 0px; left: -25%; right: -25%; border-bottom: 1px solid var(--clb-border-color); z-index: 0; } .woo-c_checkout .tabNav_wrapper .mobile-btn { text-align: center; display: none; } @media screen and (max-width: 768px) { .woo-c_checkout .tabNav_wrapper .mobile-btn { display: block; } .woo-c_checkout .tabNav_wrapper .desctop-btn { display: none; } } .woo-c_checkout .tabItems { height: auto !important; } .woo-c_checkout .tabItems_item.active { position: relative !important; } @media screen and (max-width: 768px) { .woo-c_checkout .tabItems { margin-bottom: 30px; } } .woo-c_checkout .tabNav { margin-bottom: 0; } .woo-c_checkout .tabNav_link { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); display: block; float: left; text-align: left; padding-top: 25px; padding-bottom: 25px; } .woo-c_checkout .tabNav_link:last-child { margin: 0; } @media screen and (max-width: 768px) { .woo-c_checkout .tabNav_link { width: 25%; margin-right: 0px; } } .woo-c_checkout .tabNav_link_stage { width: 44px; height: 44px; line-height: 44px; margin-right: 10px; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; text-align: center; background-color: var(--clb-color-white); color: var(--clb-body-color); font-size: var(--clb-font-size); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .woo-c_checkout .tabNav_link.active .tabNav_link_stage { background: var(--clb-color-black); color: var(--clb-color-white); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .woo-c_checkout.without-coupon .tabNav_wrapper .tabNav_link { width: -webkit-calc(100% / 3 - 25px); width: calc(100% / 3 - 25px); } @media screen and (max-width: 768px) { .woo-c_checkout.without-coupon .tabNav_wrapper .tabNav_link { width: -webkit-calc(100% / 3); width: calc(100% / 3); } } .woo-c_checkout_form .next-btn { margin: 24px 0 40px; } @media screen and (max-width: 768px) { .woo-c_checkout_form .next-btn { margin-bottom: 0; } } .woo-c_checkout_form .form-row label abbr { border-bottom: none; text-decoration: none; } .woo-c_checkout_form .form-row label.screen-reader-text { clip: none; position: relative !important; height: auto; width: auto; overflow: hidden; } @media screen and (max-width: 768px) { .woo-c_checkout .woo-check-order .woo-c_product > a.font-titles { max-width: 50vw; } } .woo-c_product { font-weight: 600; text-align: left; line-height: 1.25; } .woo-c_product > a { display: inline-block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 90%; } .woo-c_product_category { display: block; } .woo-c_product_category a { color: var(--clb-body-color); font-weight: normal; font-family: inherit !important; } @media screen and (max-width: 768px) { .woo-c_product > a.font-titles { max-width: 50vw; } } .woocommerce-checkout .woocommerce-form-login { margin: 25px 0px; } @media screen and (min-width: 769px) { .woocommerce-checkout.woo-c_checkout_form:not(.-onepage-checkout) .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout.woo-c_checkout_form:not(.-onepage-checkout) .woocommerce-shipping-fields__field-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .woocommerce-checkout.woo-c_checkout_form:not(.-onepage-checkout) .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-checkout.woo-c_checkout_form:not(.-onepage-checkout) .woocommerce-shipping-fields__field-wrapper .form-row { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); } } @media screen and (min-width: 769px) { .woocommerce-checkout.woo-c_checkout_form:not(.-onepage-checkout) .ppc-button-wrapper, .woocommerce-checkout.woo-c_checkout_form:not(.-onepage-checkout) .place-order button { max-width: -webkit-calc(50% - 15px); max-width: calc(50% - 15px); } } .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin: 1.5rem 0 0; } .woocommerce-checkout .payment_box p, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p { font-size: var(--clb-font-size-extra-small); color: var(--clb-body-color-grey); } .woocommerce-checkout .payment_box p a, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p a { font-weight: 600; } .woocommerce-checkout .payment_box p a:not(:hover), .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p a:not(:hover) { color: var(--clb-body-color); } .woocommerce-checkout.-onepage-checkout .form-group { margin-bottom: 2rem; } .woocommerce-checkout.-onepage-checkout .page-sidebar { padding-left: 1.5rem; } .woocommerce-checkout.-onepage-checkout .woocommerce-error { margin-bottom: 2rem; } .woocommerce-checkout .woocommerce-info { margin-bottom: 1rem; } .woocommerce-checkout .woocommerce-error > .message-box { margin-bottom: 0.75rem; } body:not(.with-breadcrumbs) .woocommerce-checkout .woocommerce-error { margin-top: 2rem; } .woocommerce-billing-fields .woocommerce-input-wrapper > strong, .woocommerce-shipping-fields .woocommerce-input-wrapper > strong { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: var(--clb-button-height); background-color: var(--clb-input-fill-color); border: 1px solid var(--clb-input-border-color); padding: 0 var(--clb-button-side-padding); width: 100%; -webkit-border-radius: var(--clb-text-field-border-radius); border-radius: var(--clb-text-field-border-radius); } .woocommerce-billing-fields + .woocommerce-additional-fields, .woocommerce-billing-fields + .woocommerce-account-fields, .woocommerce-shipping-fields + .woocommerce-additional-fields, .woocommerce-shipping-fields + .woocommerce-account-fields { margin-top: 1rem; } .woo-c_review .woo-c_details_table, .woo-c_cart_totals .woo-c_details_table, .woo-c_checkout_result .woo-c_details_table { border-top: 1px solid var(--clb-border-color); border-bottom: 1px solid var(--clb-border-color); } .woo-c_review .woo-c_details_table th, .woo-c_review .woo-c_details_table td, .woo-c_cart_totals .woo-c_details_table th, .woo-c_cart_totals .woo-c_details_table td, .woo-c_checkout_result .woo-c_details_table th, .woo-c_checkout_result .woo-c_details_table td { border-bottom: 1px solid var(--clb-border-color); padding: 12px 0; width: 50%; } .woo-c_review .woo-c_details_table_subtotal, .woo-c_cart_totals .woo-c_details_table_subtotal, .woo-c_checkout_result .woo-c_details_table_subtotal { border-top: 1px solid var(--clb-border-color); } .woo-c_review .woo-c_details_table_label, .woo-c_cart_totals .woo-c_details_table_label, .woo-c_checkout_result .woo-c_details_table_label { font-weight: 600; font-size: 0.8em; text-transform: uppercase; padding-right: 10px; vertical-align: top; text-align: left; } .woo-c_review .woo-c_details_table_price, .woo-c_cart_totals .woo-c_details_table_price, .woo-c_checkout_result .woo-c_details_table_price { font-weight: 600; color: var(--clb-color-black); font-size: var(--clb-font-size-small); } .woo-c_review .woo-c_details_table_checkbox, .woo-c_cart_totals .woo-c_details_table_checkbox, .woo-c_checkout_result .woo-c_details_table_checkbox { font-size: inherit; font-size: 1.2em; } .woo-c_review .woo-c_details_table_checkbox .shipping-calculator-button, .woo-c_cart_totals .woo-c_details_table_checkbox .shipping-calculator-button, .woo-c_checkout_result .woo-c_details_table_checkbox .shipping-calculator-button { font-weight: 600; } .woo-c_review .woo-c_details_table_total, .woo-c_cart_totals .woo-c_details_table_total, .woo-c_checkout_result .woo-c_details_table_total { font-size: 1.1em; } .woo-c_review .woo-c_details_table_product_row, .woo-c_cart_totals .woo-c_details_table_product_row, .woo-c_checkout_result .woo-c_details_table_product_row { vertical-align: top; } .woo-c_review .woo-c_details_table_product_row td, .woo-c_cart_totals .woo-c_details_table_product_row td, .woo-c_checkout_result .woo-c_details_table_product_row td { border-bottom: none; } @media screen and (max-width: 768px) { .woo-c_review .woo-c_details_table_price, .woo-c_review .woo-c_details_table_label:last-child, .woo-c_cart_totals .woo-c_details_table_price, .woo-c_cart_totals .woo-c_details_table_label:last-child, .woo-c_checkout_result .woo-c_details_table_price, .woo-c_checkout_result .woo-c_details_table_label:last-child { text-align: right; } } .woo-c_billing, .woo-c_shipping, .woo-c_coupon, .woo-c_review { margin-bottom: 30px; text-align: left; } .woocommerce .place-order .btn, .woocommerce .wc-proceed-to-checkout .btn { text-transform: capitalize; margin: 1.5rem 0 3rem; } .woocommerce .place-order .btn + .ppc-button-wrapper, .woocommerce .wc-proceed-to-checkout .btn + .ppc-button-wrapper { margin-top: -2rem; } @media screen and (max-width: 768px) { .woocommerce .place-order, .woocommerce .wc-proceed-to-checkout { display: block; } } @media screen and (min-width: 769px) { .woocommerce .wc-proceed-to-checkout { max-width: -webkit-calc(50% - 15px); max-width: calc(50% - 15px); } } .woo-c_payment { text-align: left; } .woo-c_payment h4.heading-sm { margin-top: 50px; } .woo-c_payment + .ppc-button-wrapper { margin: 1.5rem 0px 3rem; } .woo-c_payment .woo-c_radio_item { padding: 0.75rem 0; border-top: 1px solid var(--clb-border-color); } .woo-c_payment .woo-c_radio_item:last-child { border-bottom: 1px solid var(--clb-border-color); } .woo-c_payment .woo-c_radio_item .btn { margin-top: 10px; } .woo-c_payment .woo-c_radio_item img { vertical-align: middle; display: inline-block; margin: 0px 10px; height: 22px; } .woo-c_payment .woo-c_radio_item .about_paypal { vertical-align: middle; display: inline-block; } .woo-c_order_details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .woo-c_order_details_order, .woo-c_order_details_date, .woo-c_order_details_total, .woo-c_order_details_method { margin-right: 50px; } .woo-c_order_details_order strong, .woo-c_order_details_date strong, .woo-c_order_details_total strong, .woo-c_order_details_method strong { display: block; color: var(--clb-color-black); } @media screen and (max-width: 768px) { .woo-c_order_details { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woo-c_order_details li { width: 100%; } } .woo-c_checkout_result { margin-bottom: 90px; } /*-------------------------------------------------------------- ## Wishlist --------------------------------------------------------------*/ .yith-add-to-wishlist-button-block { margin: 0; } .wishlist-title-container { 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-border-color) !important; vertical-align: middle; padding: var(--clb-spacer-3) 0 !important; color: inherit !important; } .wishlist_table tr td.product-thumbnail { width: -webkit-calc(var(--clb-wc-product-thumbnail) + var(--clb-spacer-3)); width: calc(var(--clb-wc-product-thumbnail) + var(--clb-spacer-3)); } .wishlist_table tr td.product-thumbnail a img { -o-object-fit: cover; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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 { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .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); } .wishlist_table .product-stock-status span.wishlist-out-of-stock { color: var(--clb-color-danger); } .wishlist_table .product-stock-status span.wishlist-in-stock { color: var(--clb-color-success); } .yith_wcwl_wishlist_footer { margin-top: var(--clb-spacer); } .yith_wcwl_wishlist_footer .yith-wcwl-share { color: var(--clb-color-white); } .yith_wcwl_wishlist_footer .yith-wcwl-share .socialbar a { border-color: transparent; } .yith_wcwl_wishlist_footer .yith-wcwl-share svg.yith-wcwl-icon-svg { height: 1em; width: 1em; } /*-------------------------------------------------------------- ## My Account --------------------------------------------------------------*/ .woocommerce .woo-c_login { max-width: 500px; margin: 0px auto 90px; float: none; min-height: 380px; } .woocommerce .woo-c_login .tabNav { overflow-x: hidden; margin-bottom: 20px; } .woocommerce .woo-c_login .tabNav_link { width: 50%; margin: 0px; text-align: center; padding-right: 0px; padding-left: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce .woo-c_login .form-row_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce .woo-c_login .form-row_btn .btn { margin: 15px 0; } .woocommerce .woo-c_login .form-row_btn label[for="rememberme"] { width: 50%; margin: 0 0 0 18px; } .woocommerce .woo-c_login .form-row_btn label[for="rememberme"] input[name="rememberme"] { vertical-align: text-top; } .woocommerce .woo-c_login .btn-submit { margin-top: 9px; } .woocommerce .woo-c_login .btn-submit i { font-size: 20px; margin-left: 10px; } .woocommerce .woo-c_login .form-row { text-align: left; } .woocommerce .woo-c_login .form-row .woocommerce-password-strength { margin-top: 10px; } .woocommerce .woo-my-user { margin-bottom: 25px; overflow: hidden; } .woocommerce .woo-my-user img { -webkit-border-radius: 50%; border-radius: 50%; float: left; margin-right: 20px; max-width: 70px; } .woocommerce .woo-my-user h4 { width: 100%; margin: 10px 0 0; padding-top: 5px; display: block; font-size: var(--clb-font-size); } .woocommerce .woo-my-user h4::after { width: 2em; } .woocommerce .woo-my-nav { width: 100%; margin-bottom: 20px; } .woocommerce .woo-my-nav ul { list-style: none; } .woocommerce .woo-my-nav li { line-height: 23px; } .woocommerce .woo-my-nav li a { font-size: var(--clb-font-size-small); } .woocommerce .woo-my-nav li.is-active a { color: var(--clb-color-primary); } .woocommerce .woo-my-content { width: 100%; } .woocommerce .woo-my-content > *:first-child { margin-top: 0; } .woocommerce .woo-my-content .account-title { margin-bottom: 0; } .woocommerce .woo-my-content .woo-my-address { margin-top: 15px; } .woocommerce .woo-my-content .woo-my-address h4 { text-align: left; float: left; } .woocommerce .woo-my-content .woo-my-address a { float: right; margin-top: 0; margin-right: 8px; padding-left: 32px; padding-right: 32px; } .woocommerce .woo-my-content .woo-my-address address { clear: both; line-height: 26px; } .woocommerce .woo-my-content .woo-my-address .btn { margin-top: 5px; } .woocommerce .woo-my-content form h3 { margin-bottom: 28px; } .woocommerce .woo-my-content .message-box { margin-top: 1rem; } .woocommerce .woo-my-content .edit-account { text-align: left; } .woocommerce .woo-my-content .edit-account h4 { margin-bottom: 20px; } .woocommerce .woo-my-content .order-again { margin-bottom: 30px; } .woocommerce .woocommerce-orders-table thead .order-actions { opacity: 0; } .woocommerce .woocommerce-orders-table th { color: var(--clb-color-black); display: table-cell; font-weight: 600; font-size: 0.75em; padding: 12px 0; text-transform: uppercase; } .woocommerce .woocommerce-orders-table tr { background: transparent; border-bottom: 1px solid var(--clb-border-color); } .woocommerce .woocommerce-orders-table td > .amount { font-weight: 600; } .woocommerce .woocommerce-orders-table td.order-number { font-weight: 600; } .woocommerce .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions, .woocommerce .woocommerce-orders-table th.woocommerce-orders-table__cell-order-actions, .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__header-order-actions, .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { text-align: right; padding-right: 0; } .woocommerce .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions a::before, .woocommerce .woocommerce-orders-table th.woocommerce-orders-table__cell-order-actions a::before, .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__header-order-actions a::before, .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a::before { content: none; } .woocommerce .woocommerce-orders-table a.btn:hover { text-decoration: none; } .woocommerce .woocommerce-orders-table.woo-details { margin-bottom: 40px; } .woocommerce .woocommerce-orders-table.woo-details tbody tr { border-width: 0; } .woocommerce .woocommerce-orders-table.woo-details tbody tr:last-child { border-width: 1px; } .woocommerce .woocommerce-orders-table.woo-details tbody tr:last-child th, .woocommerce .woocommerce-orders-table.woo-details tbody tr:last-child td { padding-bottom: 20px; } .woocommerce .woocommerce-orders-table.woo-details tbody th, .woocommerce .woocommerce-orders-table.woo-details tbody td { padding: 20px 0 0; vertical-align: top; } .woocommerce .woocommerce-orders-table.woo-customer-details { margin: 30px 0; } .woocommerce .woocommerce-orders-table.woo-customer-details th { border-top: 1px solid var(--clb-border-color); } @media screen and (max-width: 768px) { .woocommerce .woocommerce-orders-table thead { display: none; } .woocommerce .woocommerce-orders-table tr, .woocommerce .woocommerce-orders-table td { display: block; } .woocommerce .woocommerce-orders-table tr { -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); background: var(--clb-fill-color); margin-bottom: 20px; } .woocommerce .woocommerce-orders-table td { padding: 14px 20px; } .woocommerce .woocommerce-orders-table td.order-actions { text-align: left; } } .woocommerce .reset-password-form { margin-top: 36px; } .woocommerce .reset-password-form .title { font-size: 20px; margin: 0px auto; text-align: left; } .woocommerce .reset-password-form form .text-left { font-size: var(--clb-font-size-small); } .woocommerce .reset-password-form form .form-row, .woocommerce .reset-password-form form .text-left { margin: 15px 0; } .woocommerce .reset-password-form form .form-row .btn, .woocommerce .reset-password-form form .text-left .btn { margin: 8px 0; } .woocommerce .woo-my-nav .is-active { font-weight: 600; } /*-------------------------------------------------------------- ## Elements --------------------------------------------------------------*/ .woo-onsale { position: absolute; top: 25px; left: 25px; z-index: 2; color: var(--clb-color-white); } .woo-onsale.out { background-color: var(--clb-body-color-grey); } .woo-c_product_category { font-size: var(--clb-font-size-small); } .woocommerce .stars, .woocommerce .star-rating { display: inline-block; vertical-align: middle; margin-top: -0.25rem; height: 1rem; line-height: 1rem; font-family: "Font Awesome 5 Free"; } .woocommerce .star-rating { overflow: hidden; position: relative; width: 80px; font-style: normal; color: color-mix(in srgb, var(--clb-color-neutral) 52%, transparent); } .woocommerce .star-rating::before, .woocommerce .star-rating span::before { content: "★★★★★"; line-height: 1rem; font-size: 1rem; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1em; } .woocommerce .star-rating span::before { color: var(--clb-color-black); } .woocommerce .stars { width: auto; margin: 0 10px; } .woocommerce .stars a { position: relative; height: 1rem; line-height: 1rem; width: 0.75rem; font-size: 1rem; text-indent: -999em; display: inline-block; background-image: none !important; } .woocommerce .stars a::before { content: "★"; display: block; background: transparent; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; text-indent: 0; color: color-mix(in srgb, var(--clb-color-neutral) 52%, transparent); } .woocommerce .stars:hover a:hover ~ a::before, .woocommerce .stars.selected a.active ~ a::before, .woocommerce .stars.selected:hover span a:hover ~ a::before { content: "★"; color: var(--clb-color-grey-light); } .woocommerce .stars:hover a::before, .woocommerce .stars.selected a::before, .woocommerce .stars.selected:hover span a::before { content: "★"; opacity: 1; color: var(--clb-color-black); } .woocommerce-notices-wrapper .woocommerce-error { margin-bottom: 1.25rem; } .woocommerce-notices-wrapper .woocommerce-error .button { padding: 0.25rem 0.75rem; } .woocommerce-notices-wrapper + .woocommerce-cart-form { margin-top: 1rem; } .woocommerce-table--order-details th, .woocommerce-table--order-details td { width: 50%; } .woocommerce-table--order-details th:not(:first-child), .woocommerce-table--order-details td:not(:first-child) { padding-left: 15px; } .woocommerce-customer-details { margin-top: 2.5rem; } .woocommerce.add_to_cart_inline { border: none; display: inline-block; } .woocommerce.add_to_cart_inline .amount { display: none; } .woocommerce ul { list-style: none; } .woocommerce .form-row:not(.terms) { margin: 0; } .woocommerce .form-row:not(:last-child) { margin-bottom: 1rem; } .woocommerce .form-row textarea { min-height: 10rem; } .woocommerce .form-row .show-password-input { display: none; } .woocommerce .woocommerce-privacy-policy-text, .woocommerce .woocommerce-LostPassword { font-size: 0.9em; } .woocommerce .blockUI.blockOverlay { opacity: 0.4 !important; } .woocommerce.search .btn-filter { display: none; } #yith-wcwl-popup-message { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } #yith-wcwl-popup-message #yith-wcwl-message { height: auto; line-height: 1; background: #9ff8d0; border: none; margin: 0; padding: 20px; display: inline-block; font-size: var(--clb-font-size-small); text-align: left; color: rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08); -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); } .page-error.woocommerce-shop .icon-shape { line-height: 75px; } .page-error.woocommerce-shop .icon-shape i { font-size: 60px; } .qty { display: inline-block; padding-right: 10px; font-size: 0.75em; font-weight: 600; } .quantity:not(.hidden) { position: relative; width: 5.25rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .quantity-nav { position: absolute; width: 100%; left: 0; top: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .quantity input { text-align: center; width: 100%; border: none; padding: 0; margin: 0; height: var(--clb-button-height-small); background-color: var(--clb-fill-color); font-size: 0.75rem; -webkit-border-radius: var(--clb-button-border-radius-small); border-radius: var(--clb-button-border-radius-small); } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity input[type=number] { -moz-appearance: textfield; } .quantity input:focus { outline: 0; } .quantity-btn svg { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .quantity-btn.btn { height: var(--clb-button-height-small); width: var(--clb-button-height-small); border-color: transparent; background-color: transparent; cursor: pointer; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: var(--clb-button-border-radius-small); border-radius: var(--clb-button-border-radius-small); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .quantity-btn.btn:not(:hover) svg { opacity: 0.75; } .quantity-btn.btn:hover, .quantity-btn.btn:focus { border-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent); background-color: transparent; } .paypal-button.paypal-button-shape-rect { -webkit-border-radius: var(--clb-button-border-radius) !important; border-radius: var(--clb-button-border-radius) !important; } /*-------------------------------------------------------------- ## Cross Sells --------------------------------------------------------------*/ .woo-c_cross_sells { margin-top: 40px; } /*-------------------------------------------------------------- ## AJAX Filter --------------------------------------------------------------*/ .yith-woocommerce-ajax-product-filter .yith-wcan-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .yith-woocommerce-ajax-product-filter .yith-wcan-group li { margin: 0px; } .yith-woocommerce-ajax-product-filter .yith-wcan-group li a { padding: 0px 10px; height: 24px; line-height: 24px; display: inline-block; vertical-align: top; font-weight: 600; font-size: 0.75em; color: inherit; background-color: var(--clb-tag-fill-color); text-transform: uppercase; margin: 0px 6px 6px 0px; -webkit-border-radius: var(--clb-border-radius); border-radius: var(--clb-border-radius); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .yith-woocommerce-ajax-product-filter .yith-wcan-group li a::before { display: none; } .yith-woocommerce-ajax-product-filter .yith-wcan-group li.chosen a, .yith-woocommerce-ajax-product-filter .yith-wcan-group li:hover a { background-color: var(--clb-color-primary); color: var(--clb-color-white); } .yith-woocommerce-ajax-product-filter .yith-wcan-group.yith-wcan-color > li:not(.chosen):first-child a { margin-left: 0; } .yith-woocommerce-ajax-product-filter .yith-wcan-group.yith-wcan-color > li a { font-size: 0; width: 12px; height: 12px; padding: 0; position: relative; margin: 0 10px; cursor: pointer; border: solid 2px rgba(36, 38, 43, 0.2); -webkit-border-radius: 100%; border-radius: 100%; } .yith-woocommerce-ajax-product-filter .yith-wcan-group.yith-wcan-color > li a::after { content: ""; height: var(--clb-icon-button); width: var(--clb-icon-button); -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: -webkit-calc(50% - -webkit-calc(var(--clb-icon-button) / 2)); top: calc(50% - calc(var(--clb-icon-button) / 2)); left: -webkit-calc(50% - -webkit-calc(var(--clb-icon-button) / 2)); left: calc(50% - calc(var(--clb-icon-button) / 2)); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-color: rgba(0, 0, 0, 0.06); -webkit-transition: all var(--clb-transition-function) var(--clb-transition-duration); -o-transition: all var(--clb-transition-function) var(--clb-transition-duration); transition: all var(--clb-transition-function) var(--clb-transition-duration); } .yith-woocommerce-ajax-product-filter .yith-wcan-group.yith-wcan-color > li a:hover::after { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .yith-woocommerce-ajax-product-filter .yith-wcan-group.yith-wcan-color .chosen a { position: relative; display: inline-block; } .yith-woocommerce-ajax-product-filter .yith-wcan-group.yith-wcan-color .chosen a::after { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .yith-woocommerce-ajax-product-filter .yith-wcan-reset-navigation { background-color: var(--clb-tag-fill-color); border: none; padding: 6px 12px 6px 30px; color: var(--clb-body-color); -webkit-box-shadow: none; box-shadow: none; margin: 30px 0px -20px; } .yith-woocommerce-ajax-product-filter .yith-wcan-reset-navigation::after { content: "\f166"; font-family: "Ionicons"; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; } .yith-woocommerce-ajax-product-filter .yith-wcan-reset-navigation:hover { background-color: var(--clb-color-primary); color: var(--clb-color-white); } .yith-woo-ajax-reset-navigation { padding: 0px; } .yit-wcan-container .yith-wcan-loading { margin: 10vh 0; } /*-------------------------------------------------------------- # Masonry --------------------------------------------------------------*/ .stockie-masonry { -webkit-transition: height 0.25s var(--clb-transition-duration); -o-transition: height 0.25s var(--clb-transition-duration); transition: height 0.25s var(--clb-transition-duration); } .blog-posts-masonry { margin-top: -15px; } div.masonry-block { padding: 15px; } .vc_col-lg-8.masonry-block { width: 66.665%; } /*-------------------------------------------------------------- # WPBAkery Front-End --------------------------------------------------------------*/ .vc_editor.compose-mode .vc_stockie_tabs, .vc_editor.compose-mode .vc_stockie_split_screens { position: relative; margin: 10px 0; -webkit-border-radius: 4px; border-radius: 4px; } .vc_editor.compose-mode .vc_stockie_tabs::before, .vc_editor.compose-mode .vc_stockie_split_screens::before { content: ""; position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10000; background: rgba(255, 213, 105, 0.85); } .vc_editor.compose-mode .vc_stockie_tabs::after, .vc_editor.compose-mode .vc_stockie_split_screens::after { content: 'Sorry, but this shortcode can be properly edited only in WPBakery Backend Editor.'; position: absolute; font-family: var(--clb-body-font-family); display: block; padding: 0px 20%; font-weight: 500; color: rgba(0, 0, 0, 0.8); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0px; text-align: center; z-index: 10001; } .vc_stockie_accordion_inner .content.open .wrap > .vc_element-container { display: none; }