/*# sourceMappingURL=style.css.map */ /* Theme Name: Sano Theme URI: https://bold-themes.com Author: BoldThemes Author URI: https://bold-themes.com Description: Responsive theme by BoldThemes. Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: sano Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready License: GNU General Public License version 3.0 & Envato Regular/Extended License License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses All PHP code is released under the GNU General Public Licence version 3.0 All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License Sano is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /* Global Bold Themes Framework CSS Variables --------------------------------------------------------------------------------------------------------------------*/ body { --page-background-image: none; --accent-color: red; --alternate-color: blue; --dark-color: #191919; --light-color: #fff; --primary-07-color: rgba(var(--page-primary-color-rgb), .07); --secondary-07-color: rgba(var(--page-secondary-color-rgb), .07); --transparent-color: rgba(255, 255, 255, 0); --page-horizontal-margin: 0px; --page-vertical-margin: 0px; --sidebar-width: 25%; --sidebar-gap: 4em; --content-padding: 20px; /* header padding + bb boxed section fix */ --body-font: Arial, Verdana; --heading-font: inherit; --heading-font-weight: initial; --supertitle-font: inherit; /* supertitle font */ --subtitle-font: inherit; /* subtitle font */ --button-font: inherit; --menu-font: inherit; /* Title sizes */ --title-size-extrasmall: 1em; --title-size-small: 1.5em; --title-size-medium: 2em; --title-size-normal: 2.5em; --title-size-large: 3em; --title-size-extralarge: 3.5em; --title-size-huge: 4em; --title-size-increaser: 1.25; /* increase titles of the list groups */ --title-size-decreaser: .8; /* decreace subtitles */ /* Supertitle / subtitle sizes */ --title-subtitle-size-extrasmall: .75em; --title-subtitle-size-small: .875em; --title-subtitle-size-medium: 1em; --title-subtitle-size-normal: 1em; --title-subtitle-size-large: 1.125em; --title-subtitle-size-extralarge: 1.25em; --title-subtitle-size-huge: 1.375em; /* Letter spacing */ --heading-letter-spacing: 0px; --supertitle-letter-spacing: 0px; --subtitle-letter-spacing: 0px; --button-letter-spacing: 0px; /* Typography options */ --default-bottom-margin: 1.5em; /* Sticky options */ --site-header-top-bar-sticky-display: none; /* Use: flex/none; */ /* Responsive trigger options */ --responsive-trigger-size: 30px; /* Size of the responsive trigger, width + height */ --responsive-menu-padding: 10px; /* Responsive manu padding, top + bottom */ --responsive-trigger-thickness: 1px; /* Thickness of the menu trigger */ --responsive-trigger-line-spacing: 5px; /* Top and bottom margin on trigger line to separate them */ --responsive-menu-shadow-off: 0 0 0 rgba(var(--page-primary-color-rgb), 0); --responsive-menu-shadow-left: 0 10px 30px rgba(var(--page-primary-color-rgb), .1); --responsive-menu-shadow-right: 0 -10px 30px rgba(var(--page-primary-color-rgb), .1); /* Desktop menu options */ --topbar-height: 30px; /* Height of the desktop top bar */ --min-header-height: 50px; /* Minimum height for the header, so users don't screw up the header */ --min-header-sticky-height: 50px; /* Minimum height for the sticky header */ --below-logo-menu-height: 60px; /* Height of the menu when below logo */ --menu-font-size: 15px; /* Font size for the main menu */ --desktop-menu-selected-line-width: 100%; /* Width of the selected line on main menu */ --desktop-menu-selected-line-thickness: 2px; /* Thickness of the same line */ --desktop-submenu-selected-line-thickness: 2px; /* Thickness of the submenu line, width is calculated based on the padding */ /* Responsive menu options */ --responsive-menu-max-width: 290px; /* Maximum width for responsive menu, not including fullscreen */ --responsive-menu-items-padding: .75rem; /* Top and bottom padding for responsive menu items */ --responsive-menu-subitem-spacing: 20px; /* Left (or right in RTL mode) spacing for 2nd, 3rd, etc levels in menu */ /* Desktop first level menu options */ --desktop-menu-gap: 40px; /* Gap between items in first level desktop menu */ --submenu-width: 250px; /* Default width of desktop dropdown items */ /* Second level menu options */ --submenu-side-padding: 1em; /* Padding to the left and the right of the items in submenu */ --submenu-top-bottom-padding: .5em; /* Top and bottom padding of the first and last item in submenu */ --submenu-item-top-bottom-padding: .5rem; /* Top and bottom padding of link submenu items */ --submenu-shadow: 0 10px 10px -5px rgba(var(--page-primary-color-rgb), .2); /* Submenu shadown on desktop menu */ /* Subtoggle options */ --subtoggler-size: 10px; /* Size of subtoggler for touch devices */ --subtoggler-thickness: 2px; /* Thickness of the subtoggler arrow - it's not a font! */ /* Button shape */ --soft-rounded: 5px; /* Soft rounded border radius */ --hard-rounded: 50px; /* Hard rounded border radius, used for forms, icons, etc */ --hard-rounded-field: 25px; /* Hard rounded border radius for gallery */ --hard-rounded-gallery: 12px; /* Widgets */ --widgets-inner-spacing: 1em; /* Spacing between widgets in sidebar */ --widgets-service-spacing-header: 1em; /* Spacing between service widgets in the header */ --widgets-icon-spacing-header: 1em; /* Spacing between icon widgets in the header */ --widgets-button-spacing-header: 1em; /* Spacing between button widgets in the header */ /* Preloader */ --preloader-logo-max-width: 300px; /* Preloader logo max width */ --preloader-background-opacity: .95; /* Preloader background opacity */ /* Default headline thickness */ --page-header-thin-top: 1em; /* Top padding for thin page header */ --page-header-thin-bottom: 1em; /* Bottom padding for thin page header */ --page-header-regular-top: 3em; /* Top padding for regular page header */ --page-header-regular-bottom: 3em; /* Bottom padding for regular page header */ --page-header-thick-top: 5em; /* Top padding for thick page header */ --page-header-thick-bottom: 5em; /* Bottom padding for thick page header */ /* Post */ --post-margin-bottom: 4em; /* Margin bottom for posts, blog and portfolio */ --post-margin-top: 4em; /* Margin top for posts, blog and portfolio */ --post-inner-spacing: 2em; /* Spacing between posts */ --post-half-margin: 1rem; /* Half margin value for posts, blog and portfolio */ --post-meta-margin: .5rem; /* Meta value margin, when you need to space out share and continue reading */ --post-header-content-margin: .5rem; /* Margin when you need to separate post title and content */ --columns-list-width-media: 60%; /* Article media width in columns list */ --columns-list-horizontal-gap: 1em; /* Horizontal gap betweem media and content in columns view */ --portfolio-meta-width: 20%; /* Article content width in columns list */ --post-read-more-margin: 2em; /* Spacing between read more, share and inner content */ --post-paging-arrow-size: 3rem; /* Font size of the paging arrow */ --post-paging-arrow-margin: .25em; /* Margin between arrow and text */ --post-image-gallery-overlay: rgba(0, 0, 0, 90%); /* Background color for gallery overlay */ --post-footer-meta-spacing: 2em; /* Padding and margin for entry meta on single post / portfolio */ --pagination-inner-spacing: 3em; /* Spacing for pagination after the posts */ --share-text-display: flex; /* Swap between flex and none to show or hide SHARE text on share options feature */ /* Nav links */ --nav-links-image-size: 6rem; /* Image size for previous / next */ --nav-links-supertitle-size: .9rem; /* Font size for supertitle / subtitle in previous / next */ --nav-links-post-title-size: 1.1rem; /* Font size for post titles in previous / next */ /* Comments */ --comments-top-spacing: 4em; /* Used for spacing between forms, comments and content */ --comment-single-spacing: 2em; /* Spacing between comments */ --comment-avatar-padding: 1em; /* Left (or RTL right) padding for avatar */ --comment-avatar-size: 4em; /* Image size for the avatar */ --no-comments-padding: 2em; /* All around padding for no comments paragraph */ /* WooCommerce */ --woocommerce: var(--accent-color); /* Below is overriding WooCommerce variables, when they start using it */ --wc-green: var(--accent-color); /* WooCommerce green color */ --wc-red: var(--accent-color); /* WooCommerce red color */ --wc-orange: var(--accent-color); /* WooCommerce orange color */ --wc-blue: var(--accent-color); /* WooCommerce blue color */ --wc-primary: var(--accent-color); /* WooCommerce primary / accent color */ --wc-primary-text: var(--light-color); /* WooCommerce text color */ --wc-secondary: var(--alternate-color); /* WooCommerce secondary / alternate color */ --wc-secondary-text: var(--light-color); /* WooCommerce secondary text color */ --wc-highlight: var(--accent-color); /* WooCommerce highlight color */ --wc-highligh-text: var(--light-color); /* WooCommerce highlight text color */ --wc-content-bg: var(--page-background-color, var(--page-secondary-color)); /* Background color used for product boxes, to inherit page color */ --wc-subtext: var(--page-text-color, var(--page-primary-color)); /* WooCommerce subtext color */ /* BT WooCommerce variables */ --woo-message-padding: 1em 2em; /* All around padding for WooCommerce messages */ --woo-product-x-spacing: 1em; /* Left and right spacing between elements */ --woo-product-y-spacing: 2em; /* Spacing at the end of the product list */ --woo-product-content-padding: 1.5em; /* Padding for content in products, excluding images */ --woo-product-background: transparent; /* Background for product */ --woo-product-hover-shadow: 0 10px 10px -5px rgba(var(--page-primary-color-rgb), .2); /* Box shadow for single product hover effect */ --woo-product-border-z-index: 1; /* Default value for z index on the product border, to see whether it's above or below the product image */ --woo-image-gallery-columns-gap: 1em; /* Gap for product images on gallery on product details */ --woo-paging-arrow-size: 3rem; /* Font size for paging arrows, use REM */ --woo-cart-widget-width: 300px; /* Width of the Woo commerce shopping cart widget when used in header */ --woo-cart-widget-padding: 1em; /* All around padding for the cart widget when used in header */ --woo-cart-widget-shadow: 0 10px 10px -5px rgba(var(--page-primary-color-rgb), .2); /* Shadow forcart widget when used in desktop header */ --woo-cart-widget-icon: ""; /* Icon for cart widget */ --woo-cart-widget-icon-font: FontAwesome6Solid; /* Font family for it */ --woo-cart-widget-icon-size: 2em; /* Size of cart widget icon */ --woo-cart-widget-icon-size-belowmenu: 1.5em; /* Size of cart widget icon but in belowmenu */ --woo-cart-widget-icon-size-topbar: 1.5em; /* Size of cart widget icon but in topbar */ --woo-cart-widget-icon-size-resptopbar: 2em; /* Size of cart widget icon but in responsive topbar */ --woo-cart-widget-icon-size-respmenu: 2em; /* Size of cart widget icon but in responsive menu */ --woo-cart-widget-remove-icon: ""; /* Remove from cart icon */ --woo-cart-widget-remove-icon-font: FontAwesome6Solid; /* Font family for it */ --woo-cart-widget-image-size: 3em; /* Size of the image in the cart widget */ --woo-cart-image-size: 3em; /* Size of the image in the cart */ --woo-price-slider-height: .75em; /* Height of the price filter track */ --woo-price-slider-handle-size: 1.25em; /* Size of the price filter handle */ --woo-forms-padding: 1.5em 2em; /* All around padding for login, register and coupon forms */ --woo-gallery-overlay: rgba(0, 0, 0, 90%); /* Background color for gallery overlay */ --woo-gallery-previous-next-icon-font: FontAwesome6Solid; /* Font family for previous / next icons in WooCommerce gallery */ --woo-gallery-previous-next-icon-size: 2em; /* Font size for these icons */ --woo-gallery-next-icon: ""; /* Next icon */ --woo-gallery-previous-icon: ""; /* Previous icon */ --woo-gallery-topbar-icon-font: FontAwesome6Solid; /* Top bar icon family in WooCommerce gallery */ --woo-gallery-topbar-icon-font-size: 1.5em; /* Font size for these icons */ --woo-gallery-topbar-close: ""; /* Close icon */ --woo-gallery-topbar-share: ""; /* Share icon */ --woo-gallery-topbar-fullscreen: ""; /* Fullscreen icon */ --woo-gallery-topbar-zoom: ""; /* Zoom icon */ --woo-cart-widget-icon-close: ""; /* Cart widget close icon for responsive menu */ --woo-cart-widget-icon-close-font: FontAwesome6Solid; /* Cart widget icon font */ --woo-cart-widget-icon-close-size: 2rem; /* Cart widget close size */ --woo-cart-widget-responsive-padding: 2em; /* Cart widget padding */ --woo-sale-tag-background: var(--accent-color); /* Background color for sale tag */ --woo-icons-added-to-cart: ""; /* Added to cart icon */ --woo-icons-added-to-cart-font: FontAwesome6Solid; /* Font for it */ --woo-icons-show-password: ""; /* Show password icon */ --woo-icons-show-password-on: ""; /* Shown password icon */ --woo-icons-show-password-font: FontAwesome6Solid; /* Font for it */ --woo-icons-stars: ""; /* Empty stars on products */ --woo-icons-stars-single: ""; /* Empty single star on products */ --woo-icons-stars-font: FontAwesome6Regular; /* Font for it */ --woo-icons-stars-filled: ""; /* Filled stars on products */ --woo-icons-stars-filled-single: ""; /* Filled single star on products */ --woo-icons-stars-filled-font: FontAwesome6Solid; /* Font for it */ --woo-icons-lost-password: ""; /* Lost password icon */ --woo-icons-lost-password-font: FontAwesome6Solid; /* Font for it */ /* Portfolio */ --portfolio-columns-gap: 2em; /* Gap between columns and rows on single portfolio */ --portfolio-columns-meta-max-width: 20%; /* Width of meta content in Standard view */ --portfolio-columns-meta-min-width: 200px; /* Min width of meta content in Standard view */ --portfolio-columns-1-media-width: 60%; /* Width for the media in columns 1 */ --portfolio-columns-2-media-width: 70%; /* Width for the media in columns 2 */ --portfolio-columns-3-media-width: 70%; /* Width for the media in columns 3 */ /* Post grid */ --post-grid-padding: 1.5em; /* Padding for post grid content */ /* Gallery grid gaps */ --grid-gallery-gap-extra-small: .25em; /* Extra small grid gallery gap */ --grid-gallery-gap-small: .5em; /* Small grid gallery gap */ --grid-gallery-gap-normal: 1em; /* Normal grid gallery gap */ --grid-gallery-gap-large: 2em; /* Large grid gallery gap */ /* Post & Portfolio gallery grid gap */ --post-pf-grid-gallery-gap: 1em; /* Set a default gallery grid gap on post and portfolio */ --post-pf-grid-gallery-radius: 0; /* Set a default grid gallery border radius on post and portfolio */ --post-pf-grid-gap-small: .5em; /* Small post / portflio grid gallery gap */ --post-pf-grid-gap-normal: 1em; /* Normal post / portflio grid gallery gap */ --post-pf-grid-gap-large: 2em; /* Large post / portflio grid gallery gap */ --post-pf-grid-title-lines: 2; /* Number of lines for post / portfolio title */ --post-pf-grid-excerpt-lines: 3; /* Number of lines for post / portfolio excerpt */ /* Latest posts */ --lastest-posts-gap-small: .5em; /* Small lastest posts gap */ --lastest-posts-gap-normal: 1em; /* Normal lastest posts gap */ --lastest-posts-gap-large: 2em; /* Large lastest posts gap */ --latest-posts-content-padding: 1.5em; /* Padding for latest posts content */ --latest-posts-date-icon: ""; /* Latest posts date icon */ --latest-posts-date-icon-font: FontAwesome6Regular; /* Lastest posts date icon font family */ --latest-posts-author-icon: ""; /* Lastest posts author icon */ --latest-posts-author-icon-font: FontAwesome6Regular; /* Lastest posts author icon font family */ --latest-posts-comments-icon: ""; /* Latest posts comments icon */ --latest-posts-comments-icon-font: FontAwesome6Regular; /* Lastest posts comments icon font family */ --latest-posts-category-icon: ""; /* Latest posts category icon */ --latest-posts-category-icon-font: FontAwesome6Regular; /* Lastest posts category icon font family */ /* Footer */ --footer-widgets-top-padding: 4em; /* Footer widget area top padding */ --footer-widgets-bottom-padding: 4em; /* Footer widget area bottom padding */ --footer-widgets-gap: 20px; /* Footer widget area bottom padding */ /* Search widget */ --search-widget-desktop-width: 80%; --search-widget-desktop-max-width: 800px; --search-widget-icon-open: ""; /* Search widget icon */ --search-widget-icon-open-font: FontAwesome6Solid; /* Search widget icon font */ --search-widget-icon-open-size: 2em; /* Search widget icon size */ --search-widget-icon-open-size-belowmenu: 1.5em; /* Size of search widget icon but in belowmenu */ --search-widget-icon-open-size-topbar: 1.5em; /* Size of search widget icon but in topbar */ --search-widget-icon-open-size-resptopbar: 2em; /* Size of search widget icon but in responsive topbar */ --search-widget-icon-open-size-respmenu: 2em; /* Size of search widget icon but in responsive menu */ --search-widget-icon-close: ""; /* Search widget close icon */ --search-widget-icon-close-font: FontAwesome6Solid; /* Search widget icon font */ --search-widget-icon-close-size: 2rem; /* Search widget close size */ --search-widget-icon-search: ""; /* Search widget icon in search field */ --search-widget-icon-search-font: FontAwesome6Solid; /* Search widget icon font */ /* MFP gallery icons */ --mfp-gallery-close-icon: ""; /* Grid gallery close icon */ --mfp-gallery-close-icon-font: FontAwesome6Solid; /* Grid gallery close icon font */ --mfp-gallery-close-icon-size: 1.5rem; /* Close icon size */ --mfp-gallery-previous-next-icon-font: FontAwesome6Solid; /* Grid gallery Previous / Next icon font */ --mfp-gallery-previous-next-icon-size: 2em; /* Grid gallery icons size */ --mfp-gallery-next-icon: ""; /* Grid gallery next icon */ --mfp-gallery-previous-icon: ""; /* Grid gallery previous icon */ /* Time widget */ --time-widget-icon-size: 2em; /* Search widget icon size */ --time-widget-icon-size-belowmenu: 1.5em; /* Size of search widget icon but in belowmenu */ --time-widget-icon-size-topbar: 1.5em; /* Size of search widget icon but in topbar */ --time-widget-icon-size-resptopbar: 2em; /* Size of search widget icon but in responsive topbar */ --time-widget-icon-size-respmenu: 2em; /* Size of search widget icon but in responsive menu */ /* Contact form 7 */ --cf7-date-icon: ""; /* Icon for input type date field */ --cf7-date-icon-font: FontAwesome6Regular; /* Font family for the icon */ /* wp admin bar positions and heights */ --wp-admbar-mobile: 46px; /* WP admin bar thickness on mobile */ --wp-admbar-desktop: 30px; } /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: .67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: .35em .75em .625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } /* SCSS Global --------------------------------- */ /* Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { color: #404040; font-family: var(--body-font); font-size: 1rem; line-height: 1.5; outline: none; } body { font-weight: var(--body-font-weight); text-transform: var(--body-text-transform); font-style: var(--body-font-style); } h1, h2, h3, h4, h5, h6 { clear: both; font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); padding: 0 0 .2em 0; line-height: 1.2; margin: 0; text-transform: var(--heading-text-transform); letter-spacing: var(--heading-letter-spacing); } .bt_bb_headline .bt_bb_headline_superheadline { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); font-style: var(--supertitle-font-style); letter-spacing: var(--supertitle-letter-spacing); } .bt_bb_headline_subheadline { font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); letter-spacing: var(--subtitle-letter-spacing); } h1 { font-size: 3em; } h2 { font-size: 2.5em; } h3 { font-size: 2em; } h4 { font-size: 1.75em; } h5 { font-size: 1.5em; } h6 { font-size: 1.25em; } p { margin: 0 0 var(--default-bottom-margin) 0; } p:last-child { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } blockquote { font-family: var(--heading-font); font-weight: var(--heading-font-weight); line-height: 1.5; display: block; position: relative; margin: 0; padding: 1em 0 0 3.5em; min-height: 5em; margin-bottom: var(--default-bottom-margin); } blockquote:before { content: ""; font-family: FontAwesome6solid; display: block; font-size: 5em; line-height: 1; position: absolute; top: 0; left: 3px; right: 0; color: inherit; opacity: .1; } blockquote:after { content: ""; display: table; width: 100%; clear: both; } blockquote p { margin-bottom: 0; } cite { opacity: .6; font-style: normal; } address { margin: 0 0 var(--default-bottom-margin); } pre { overflow: hidden; margin: 0 0 var(--default-bottom-margin); white-space: pre-wrap; padding: 20px; border: 1px solid rgba(0, 0, 0, .1); } pre code { display: block; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* Elements --------------------------------------------- */ body { /* moved to styles */ overflow-x: hidden; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: var(--default-bottom-margin); } ul, ol { margin: 0 0 var(--default-bottom-margin) 1em; padding: 0; } .rtl ul, .rtl ol { margin-left: 0; margin-right: 1em; } ul ul { margin-bottom: 0; } ol ol { margin-bottom: 0; } li { margin: 0 0 0 .5em; padding: 0; } .rtl li { margin: 0 .5em 0 0; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } .rtl li > ul, .rtl li > ol { margin-left: 0; margin-right: 1.5em; } dl { margin: 0 0 var(--default-bottom-margin); } dt { font-weight: 600; } dd { margin: 0 1.5em var(--default-bottom-margin); } dd p { display: inline; } dd:after { content: ""; display: table; clear: both; } figcaption { font-size: inherit; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure, figure.wp-caption { margin-top: 0; margin-bottom: var(--default-bottom-margin); } figure figcaption, figure figcaption.wp-caption-text, figure.wp-caption figcaption, figure.wp-caption figcaption.wp-caption-text { font-size: .9em; margin: .1em 0 .5em 0px; } table { width: 100%; margin: 0 0 var(--default-bottom-margin) 0; border-collapse: collapse; text-align: initial; border: 1px solid var(--primary-07-color); } table td, table th { padding: 1em; border: 1px solid var(--primary-07-color); font-weight: inherit; } table th { text-align: left; } /* Links --------------------------------------------- */ a { text-decoration: none; color: inherit; transition: all 200ms ease; } a:hover, a:focus, a:active { outline: none; } a:hover { text-decoration: none; color: var(--accent-color); } a img { border: none; } a[href^="tel:"] { color: inherit; text-decoration: none; } /* Forms --------------------------------------------- */ select, textarea, input, .fancy-select .trigger { color: inherit; border: 1px solid var(--primary-07-color); } select, input { font-family: var(--body-font); } input:not([type=checkbox]):not([type=radio]), button { -webkit-appearance: none; } input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea, select { font: inherit; line-height: 1; display: block; width: 100%; padding: .8em; outline: none; color: inherit; background: transparent; } .btTextRight input:not([type=submit]):not([type=checkbox]):not([type=radio]), .btTextRight textarea, .btTextRight select { text-align: right; } input[type=checkbox], input[type=radio] { vertical-align: middle; } select, .fancy-select .trigger, .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText { height: 3.2em; /* Keeps the same height os selec and input */ line-height: 3.1em; } textarea { width: 100%; resize: vertical; line-height: inherit; } input:not([type=checkbox]):not([type=radio]):not([type=submit]), textarea, .fancy-select .trigger { transition: all 500ms ease; } input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, textarea:focus, .fancy-select .trigger.open { box-shadow: 0 0 4px 0 var(--primary-07-color); border: 1px solid var(--primary-07-color); } button, .bt_bb_button, input[type=submit], input[type=file]::file-selector-button { font-family: var(--button-font); text-transform: var(--button-text-transform); font-weight: var(--button-font-weight); font-style: var(--button-font-style); cursor: pointer; letter-spacing: var(--button-letter-spacing); } input:not([type=checkbox]):not([type=radio]), a.select2-choice, textarea, select, button, .bt_bb_button a.bt_bb_link, input[type=file]::file-selector-button {} .button-shape-rounded input:not([type=checkbox]):not([type=radio]), .button-shape-rounded a.select2-choice, .button-shape-rounded textarea, .button-shape-rounded select, .button-shape-rounded button, .button-shape-rounded .bt_bb_button a.bt_bb_link, .button-shape-rounded input[type=file]::file-selector-button { border-radius: var(--soft-rounded); } .button-shape-round input:not([type=checkbox]):not([type=radio]), .button-shape-round a.select2-choice, .button-shape-round textarea, .button-shape-round select, .button-shape-round button, .button-shape-round .bt_bb_button a.bt_bb_link, .button-shape-round input[type=file]::file-selector-button { border-radius: var(--hard-rounded); } .button-shape-round textarea { border-radius: var(--hard-rounded-field); } input[type=submit], button[type=submit], input[type=file]::file-selector-button { font-size: 1em; font-family: var(--button-font); font-weight: var(--button-font-weight); line-height: 1; display: block; padding: .8em 1.5em; width: auto; border: none; outline: none; color: var(--button-primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--button-secondary-color, var(--accent-color)) inset; background: transparent; cursor: pointer; transition: all 300ms ease; } .button-style-outline input[type=submit], .button-style-outline button[type=submit], .button-style-outline input[type=file]::file-selector-button { color: var(--button-primary-color, var(--accent-color)); background: transparent; box-shadow: 0 0 0 2px var(--button-primary-color, var(--accent-color)) inset; } .button-style-clean input[type=submit], .button-style-clean button[type=submit], .button-style-clean input[type=file]::file-selector-button { padding-left: 0; padding-right: 0; border-radius: 0 !important; color: var(--button-primary-color, var(--accent-color)); background: transparent; box-shadow: none; } input[type=submit]:hover, button[type=submit]:hover, input[type=file]::file-selector-button:hover { color: var(--button-secondary-color, var(--accent-color)); box-shadow: 0 0 0 2px var(--button-secondary-color, var(--accent-color)) inset; } .button-style-outline input[type=submit]:hover, .button-style-outline button[type=submit]:hover, .button-style-outline input[type=file]::file-selector-button:hover { color: var(--button-secondary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--button-primary-color, var(--accent-color)) inset; } .button-style-clean input[type=submit]:hover, .button-style-clean button[type=submit]:hover, .button-style-clean input[type=file]::file-selector-button:hover { background: transparent; color: var(--button-secondary-color, var(--accent-color)); box-shadow: none; } input[type=file]::file-selector-button { font-size: .75em; display: inline-flex; padding: 1em 2em !important; margin-right: 1em; } .rtl input[type=file]::file-selector-button { margin-right: auto; margin-left: 1em; } input[type=search]::-webkit-search-cancel-button { display: none; } /* Notifications */ .boldthemes-notification { display: block; position: fixed; bottom: -4em; right: 1em; color: white; background: #b00; box-shadow: 0 0 1rem #666; border-radius: 5px; transition: bottom 300ms ease-out; z-index: 9999; } .boldthemes-notification.boldthemes-notification-show { display: block; bottom: 1em; } .boldthemes-notification span { margin: 1em; display: block; float: left; line-height: 1; } .boldthemes-notification .boldthemes-notification-close { display: block; width: 1rem; height: 1rem; margin: 1em; float: left; background-size: contain; cursor: pointer; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDQzLjYsMzg3LjFMMzEyLjQsMjU1LjRsMTMxLjUtMTMwYzUuNC01LjQsNS40LTE0LjIsMC0xOS42bC0zNy40LTM3LjZjLTIuNi0yLjYtNi4xLTQtOS44LTRjLTMuNywwLTcuMiwxLjUtOS44LDQgIEwyNTYsMTk3LjhMMTI0LjksNjguM2MtMi42LTIuNi02LjEtNC05LjgtNGMtMy43LDAtNy4yLDEuNS05LjgsNEw2OCwxMDUuOWMtNS40LDUuNC01LjQsMTQuMiwwLDE5LjZsMTMxLjUsMTMwTDY4LjQsMzg3LjEgIGMtMi42LDIuNi00LjEsNi4xLTQuMSw5LjhjMCwzLjcsMS40LDcuMiw0LjEsOS44bDM3LjQsMzcuNmMyLjcsMi43LDYuMiw0LjEsOS44LDQuMWMzLjUsMCw3LjEtMS4zLDkuOC00LjFMMjU2LDMxMy4xbDEzMC43LDEzMS4xICBjMi43LDIuNyw2LjIsNC4xLDkuOCw0LjFjMy41LDAsNy4xLTEuMyw5LjgtNC4xbDM3LjQtMzcuNmMyLjYtMi42LDQuMS02LjEsNC4xLTkuOEM0NDcuNywzOTMuMiw0NDYuMiwzODkuNyw0NDMuNiwzODcuMXoiLz48L3N2Zz4="); } .boldthemes-notification .boldthemes-notification-close.nitro-lazy { background-image: none !important; } /* Sections, bottom image gap fix */ .bt_bb_section .bt_bb_section_top_section_coverage_image, .bt_bb_section .bt_bb_section_bottom_section_coverage_image { background-color: rgba(85, 85, 85, 0); } /* Layout --------------------------------------------- */ /* Admin bar fix */ .admin-bar.bt-sticky-header-active .site-header, .admin-bar.bt-sticky-header.sticky-style-shrink .site-header, .admin-bar.bt-sticky-header-active .site-header-responsive, .admin-bar.bt-sticky-header.sticky-style-shrink .site-header-responsive, .admin-bar.bt-header-responsive-active .site-header { top: 32px !important; } @media screen and (max-width: 782px) { .admin-bar.bt-sticky-header-active .site-header, .admin-bar.bt-sticky-header.sticky-style-shrink .site-header, .admin-bar.bt-sticky-header-active .site-header-responsive, .admin-bar.bt-sticky-header.sticky-style-shrink .site-header-responsive, .admin-bar.bt-header-responsive-active .site-header { top: 46px !important; } } @media screen and (max-width: 600px) { .admin-bar.bt-sticky-header-active-open .site-header-responsive, .admin-bar.bt-header-responsive-active.bt-sticky-header-active-open .site-header { top: 0 !important; } .admin-bar.bt-sticky-header-inactive.admin-bar.bt-sticky-header-active .site-header-responsive { top: -46px !important; } .admin-bar.bt-sticky-header-inactive.admin-bar.bt-sticky-header-active.sticky-style-shrink .site-header-responsive { top: 46px !important; } /* This only enables wp admin bar when we use sticky header and fix and shrink option in screen sizes below 600px - DO NOT REMOVE */ .admin-bar.bt-sticky-header.sticky-style-shrink #wpadminbar { position: fixed; } } /* Site content and sidebar */ .site { margin: var(--page-vertical-margin) var(--page-horizontal-margin); width: 100%; position: relative; } .site-content { display: flex; gap: var(--sidebar-gap); } .site-content .site-main { flex: 1 1 calc(100% - var(--sidebar-width)); max-width: calc(100% - var(--sidebar-width)); order: 1; } .site-content .site-main article.type-page { overflow: hidden; } .sidebar-position-none .site-content .site-main, .sidebar-position-no .site-content .site-main, .site-content .site-main:only-child { flex: 0 1 100%; max-width: 100%; } .site-content .widget-area { flex: 0 1 var(--sidebar-width); max-width: var(--sidebar-width); order: 2; } .sidebar-position-left .site-content .widget-area { order: 0; } .content-width-wide.sidebar-position-left .site-content .widget-area .widget-area-inner { padding-left: var(--content-padding); } .sidebar-position-right .site-content .widget-area { order: 2; } .content-width-wide.sidebar-position-right .site-content .widget-area .widget-area-inner { padding-right: var(--content-padding); } .sidebar-position-none .site-content .widget-area, .sidebar-position-no .site-content .widget-area { display: none; } .sidebar-sticky-1 .site-content .widget-area, .sidebar-sticky-true .site-content .widget-area { position: relative; } .sidebar-sticky-1 .site-content .widget-area .widget-area-inner, .sidebar-sticky-true .site-content .widget-area .widget-area-inner { position: sticky; top: var(--sidebar-sticky-top-position); } .sidebar-sticky-1.bt-sticky-header-active .site-content .widget-area .widget-area-inner, .sidebar-sticky-true.bt-sticky-header-active .site-content .widget-area .widget-area-inner { top: calc(var(--sticky-logo-height) + var(--sidebar-sticky-top-position)); } .admin-bar.sidebar-sticky-1 .site-content .widget-area .widget-area-inner, .admin-bar.sidebar-sticky-true .site-content .widget-area .widget-area-inner { top: calc(var(--sidebar-sticky-top-position) + 32px); } .admin-bar.sidebar-sticky-1.bt-sticky-header-active .site-content .widget-area .widget-area-inner, .admin-bar.sidebar-sticky-true.bt-sticky-header-active .site-content .widget-area .widget-area-inner { top: calc(var(--sticky-logo-height) + var(--sidebar-sticky-top-position) + 32px); } /* Sticky sidebar with admin bar in lower resolutions */ @media screen and (max-width: 782px) { .admin-bar.sidebar-sticky-1 .site-content .widget-area .widget-area-inner, .admin-bar.sidebar-sticky-true .site-content .widget-area .widget-area-inner { top: calc(var(--sidebar-sticky-top-position) + 46px); } .admin-bar.sidebar-sticky-1.bt-sticky-header-active .site-content .widget-area .widget-area-inner, .admin-bar.sidebar-sticky-true.bt-sticky-header-active .site-content .widget-area .widget-area-inner { top: calc(var(--sticky-logo-height) + var(--sidebar-sticky-top-position) + 46px); } } @media screen and (max-width: 600px) { .admin-bar.sidebar-sticky-1 .site-content .widget-area .widget-area-inner, .admin-bar.sidebar-sticky-true .site-content .widget-area .widget-area-inner { top: var(--sidebar-sticky-top-position); } .admin-bar.sidebar-sticky-1.bt-sticky-header-active .site-content .widget-area .widget-area-inner, .admin-bar.sidebar-sticky-true.bt-sticky-header-active .site-content .widget-area .widget-area-inner { top: var(--sidebar-sticky-top-position); } } .bt-sidebar-responsive-active .site-content { display: block; } .bt-sidebar-responsive-active .site-content .site-main { display: block; max-width: 100%; } .bt-sidebar-responsive-active .site-content .widget-area { padding-top: var(--sidebar-gap); display: block; max-width: 100%; } /* Default headline */ .page-header { color: white; padding-top: 1em; padding-bottom: 1em; overflow: hidden; position: relative; } .page-header .page-header-inner { padding-left: var(--content-padding); padding-right: var(--content-padding); display: flex; flex-direction: column; } .page-header .post-thumbnail { position: absolute; top: 0; left: 0; z-index: -1; } .page-header .page-title { margin: 0; padding: 0; -ms-word-wrap: break-word; word-wrap: break-word; order: 2; } .page-header p.page-title { font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); line-height: 1.2; text-transform: var(--heading-text-transform); } .default-headline-height-none .page-header { display: none; } .default-headline-height-thin .page-header { padding-top: var(--page-header-thin-top); padding-bottom: var(--page-header-thin-bottom); } .default-headline-height-regular .page-header { padding-top: var(--page-header-regular-top); padding-bottom: var(--page-header-regular-bottom); } .default-headline-height-thick .page-header { padding-top: var(--page-header-thick-top); padding-bottom: var(--page-header-thick-bottom); } .default-headline-height-fullscreen .page-header { height: 100vh; display: flex; align-items: center; } .default-headline-width-boxed-boxed-1800.content-width-boxed-1200 .page-header .page-header-inner, .default-headline-width-boxed-boxed-1600.content-width-boxed-1200 .page-header .page-header-inner, .default-headline-width-boxed-boxed-1400.content-width-boxed-1200 .page-header .page-header-inner { max-width: calc(1200px + 2 * var(--content-padding)); margin-left: auto; margin-right: auto; } .default-headline-width-boxed-boxed-1800.content-width-boxed-1400 .page-header .page-header-inner, .default-headline-width-boxed-boxed-1600.content-width-boxed-1400 .page-header .page-header-inner { max-width: calc(1400px + 2 * var(--content-padding)); margin-left: auto; margin-right: auto; } .default-headline-width-boxed-boxed-1800.content-width-boxed-1600 .page-header .page-header-inner { max-width: calc(1600px + 2 * var(--content-padding)); margin-left: auto; margin-right: auto; } .page-header .entry-super-meta { margin-bottom: var(--post-meta-margin); order: 1; } .page-header .entry-super-meta .share-options { order: -1; flex: 1 0 100%; margin-bottom: .5rem; } .page-header .entry-super-meta:empty { display: none; } .page-header .entry-sub-meta, .page-header .archive-description { margin-top: var(--post-meta-margin); order: 3; } .page-header .entry-sub-meta .share-options, .page-header .archive-description .share-options { order: 10; flex: 1 0 100%; margin-top: .5rem; } .page-header .entry-sub-meta:empty, .page-header .archive-description:empty { display: none; } .page-header .excerpt-entry-super-meta { margin-bottom: var(--post-meta-margin); order: 0; } .page-header .excerpt-entry-super-meta:empty { display: none; } .page-header .excerpt-entry-sub-meta { margin-top: var(--post-meta-margin); order: 10; } .page-header .excerpt-entry-sub-meta:empty { display: none; } .page-header {} .page-header.bt_bb_parallax { background-size: cover; } body:not(.default-headline-overlay-dark-none) .page-header[style*=background-image]:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } body:not(.default-headline-overlay-dark-none) .page-header .page-header-inner { position: relative; z-index: 1; } .default-headline-overlay-dark-10 .page-header:before { background-color: black; opacity: .1; } .default-headline-overlay-light-10 .page-header:before { background-color: white; opacity: .1; } .default-headline-overlay-dark-20 .page-header:before { background-color: black; opacity: .2; } .default-headline-overlay-light-20 .page-header:before { background-color: white; opacity: .2; } .default-headline-overlay-dark-30 .page-header:before { background-color: black; opacity: .3; } .default-headline-overlay-light-30 .page-header:before { background-color: white; opacity: .3; } .default-headline-overlay-dark-40 .page-header:before { background-color: black; opacity: .4; } .default-headline-overlay-light-40 .page-header:before { background-color: white; opacity: .4; } .default-headline-overlay-dark-50 .page-header:before { background-color: black; opacity: .5; } .default-headline-overlay-light-50 .page-header:before { background-color: white; opacity: .5; } .default-headline-overlay-dark-60 .page-header:before { background-color: black; opacity: .6; } .default-headline-overlay-light-60 .page-header:before { background-color: white; opacity: .6; } .default-headline-overlay-dark-70 .page-header:before { background-color: black; opacity: .7; } .default-headline-overlay-light-70 .page-header:before { background-color: white; opacity: .7; } .default-headline-overlay-dark-80 .page-header:before { background-color: black; opacity: .8; } .default-headline-overlay-light-80 .page-header:before { background-color: white; opacity: .8; } .default-headline-overlay-dark-90 .page-header:before { background-color: black; opacity: .9; } .default-headline-overlay-light-90 .page-header:before { background-color: white; opacity: .9; } .default-headline-alignment-left .page-header .page-header-inner { text-align: left; } .default-headline-alignment-center .page-header .page-header-inner { text-align: center; } .default-headline-alignment-center .page-header .page-header-inner .entry-meta { margin-right: auto; margin-left: auto; } .default-headline-alignment-right .page-header .page-header-inner { text-align: right; } .default-headline-alignment-right .page-header .page-header-inner .entry-meta { margin-left: auto; } /* Entry header */ .entry-header .entry-title a { text-decoration: none; } .entry-header .entry-title a:hover { text-decoration: underline; } .sidebar-headline-size-extrasmall .widget-area .sidebar-box h2, .sidebar-headline-size-extrasmall .widget-area .sidebar-box h3, .sidebar-headline-size-extrasmall .widget-area .sidebar-box h4, .default-headline-size-extrasmall .page-header .page-title, .blog-list-headline-size-extrasmall.blog .post .entry-header .entry-title, .blog-list-headline-size-extrasmall.archive .post .entry-header .entry-title, .blog-single-headline-size-extrasmall.single-post .entry-header .entry-title, .pf-list-headline-size-extrasmall .portfolio .entry-header .entry-title, .pf-single-headline-size-extrasmall.single-portfolio .entry-header .entry-title, .search-list-headline-size-extrasmall .search .entry-header .entry-title, .shop-list-headline-size-extrasmall.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extrasmall.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extrasmall.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-extrasmall.woocommerce .product .entry-header .page-title, .shop-single-headline-size-extrasmall.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-extrasmall .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-extrasmall .comments-area .comments-title { font-size: var(--title-size-extrasmall); } .default-headline-size-extrasmall .page-header .entry-meta, .default-headline-size-extrasmall .page-header .excerpt, .blog-list-headline-size-extrasmall.blog .post .entry-header .entry-meta, .blog-list-headline-size-extrasmall.archive .post .entry-header .entry-meta, .blog-single-headline-size-extrasmall.single-post .entry-header .entry-meta, .pf-list-headline-size-extrasmall .portfolio .entry-header .entry-meta, .pf-single-headline-size-extrasmall.single-portfolio .entry-header .entry-meta, .search-list-headline-size-extrasmall .search .entry-header .entry-meta, .shop-single-headline-size-extrasmall.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-extrasmall.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-extrasmall); } .woocommerce.shop-single-headline-size-extrasmall .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-extrasmall .upsells.products h2, .woocommerce.shop-single-headline-size-extrasmall .related.products h2, .blog-single-headline-size-extrasmall .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-extrasmall)); } .sidebar-headline-size-small .widget-area .sidebar-box h2, .sidebar-headline-size-small .widget-area .sidebar-box h3, .sidebar-headline-size-small .widget-area .sidebar-box h4, .default-headline-size-small .page-header .page-title, .blog-list-headline-size-small.blog .post .entry-header .entry-title, .blog-list-headline-size-small.archive .post .entry-header .entry-title, .blog-single-headline-size-small.single-post .entry-header .entry-title, .pf-list-headline-size-small .portfolio .entry-header .entry-title, .pf-single-headline-size-small.single-portfolio .entry-header .entry-title, .search-list-headline-size-small .search .entry-header .entry-title, .shop-list-headline-size-small.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-small.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-small.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-small.woocommerce .product .entry-header .page-title, .shop-single-headline-size-small.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-small .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-small .comments-area .comments-title { font-size: var(--title-size-small); } .default-headline-size-small .page-header .entry-meta, .default-headline-size-small .page-header .excerpt, .blog-list-headline-size-small.blog .post .entry-header .entry-meta, .blog-list-headline-size-small.archive .post .entry-header .entry-meta, .blog-single-headline-size-small.single-post .entry-header .entry-meta, .pf-list-headline-size-small .portfolio .entry-header .entry-meta, .pf-single-headline-size-small.single-portfolio .entry-header .entry-meta, .search-list-headline-size-small .search .entry-header .entry-meta, .shop-single-headline-size-small.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-small.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-small); } .woocommerce.shop-single-headline-size-small .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-small .upsells.products h2, .woocommerce.shop-single-headline-size-small .related.products h2, .blog-single-headline-size-small .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-small)); } .sidebar-headline-size-normal .widget-area .sidebar-box h2, .sidebar-headline-size-normal .widget-area .sidebar-box h3, .sidebar-headline-size-normal .widget-area .sidebar-box h4, .default-headline-size-normal .page-header .page-title, .blog-list-headline-size-normal.blog .post .entry-header .entry-title, .blog-list-headline-size-normal.archive .post .entry-header .entry-title, .blog-single-headline-size-normal.single-post .entry-header .entry-title, .pf-list-headline-size-normal .portfolio .entry-header .entry-title, .pf-single-headline-size-normal.single-portfolio .entry-header .entry-title, .search-list-headline-size-normal .search .entry-header .entry-title, .shop-list-headline-size-normal.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-normal.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-normal.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-normal.woocommerce .product .entry-header .page-title, .shop-single-headline-size-normal.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-normal .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-normal .comments-area .comments-title { font-size: var(--title-size-normal); } .default-headline-size-normal .page-header .entry-meta, .default-headline-size-normal .page-header .excerpt, .blog-list-headline-size-normal.blog .post .entry-header .entry-meta, .blog-list-headline-size-normal.archive .post .entry-header .entry-meta, .blog-single-headline-size-normal.single-post .entry-header .entry-meta, .pf-list-headline-size-normal .portfolio .entry-header .entry-meta, .pf-single-headline-size-normal.single-portfolio .entry-header .entry-meta, .search-list-headline-size-normal .search .entry-header .entry-meta, .shop-single-headline-size-normal.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-normal.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-normal); } .woocommerce.shop-single-headline-size-normal .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-normal .upsells.products h2, .woocommerce.shop-single-headline-size-normal .related.products h2, .blog-single-headline-size-normal .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-normal)); } .sidebar-headline-size-medium .widget-area .sidebar-box h2, .sidebar-headline-size-medium .widget-area .sidebar-box h3, .sidebar-headline-size-medium .widget-area .sidebar-box h4, .default-headline-size-medium .page-header .page-title, .blog-list-headline-size-medium.blog .post .entry-header .entry-title, .blog-list-headline-size-medium.archive .post .entry-header .entry-title, .blog-single-headline-size-medium.single-post .entry-header .entry-title, .pf-list-headline-size-medium .portfolio .entry-header .entry-title, .pf-single-headline-size-medium.single-portfolio .entry-header .entry-title, .search-list-headline-size-medium .search .entry-header .entry-title, .shop-list-headline-size-medium.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-medium.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-medium.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-medium.woocommerce .product .entry-header .page-title, .shop-single-headline-size-medium.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-medium .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-medium .comments-area .comments-title { font-size: var(--title-size-medium); } .default-headline-size-medium .page-header .entry-meta, .default-headline-size-medium .page-header .excerpt, .blog-list-headline-size-medium.blog .post .entry-header .entry-meta, .blog-list-headline-size-medium.archive .post .entry-header .entry-meta, .blog-single-headline-size-medium.single-post .entry-header .entry-meta, .pf-list-headline-size-medium .portfolio .entry-header .entry-meta, .pf-single-headline-size-medium.single-portfolio .entry-header .entry-meta, .search-list-headline-size-medium .search .entry-header .entry-meta, .shop-single-headline-size-medium.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-medium.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-medium); } .woocommerce.shop-single-headline-size-medium .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-medium .upsells.products h2, .woocommerce.shop-single-headline-size-medium .related.products h2, .blog-single-headline-size-medium .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-medium)); } .sidebar-headline-size-large .widget-area .sidebar-box h2, .sidebar-headline-size-large .widget-area .sidebar-box h3, .sidebar-headline-size-large .widget-area .sidebar-box h4, .default-headline-size-large .page-header .page-title, .blog-list-headline-size-large.blog .post .entry-header .entry-title, .blog-list-headline-size-large.archive .post .entry-header .entry-title, .blog-single-headline-size-large.single-post .entry-header .entry-title, .pf-list-headline-size-large .portfolio .entry-header .entry-title, .pf-single-headline-size-large.single-portfolio .entry-header .entry-title, .search-list-headline-size-large .search .entry-header .entry-title, .shop-list-headline-size-large.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-large.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-large.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-large.woocommerce .product .entry-header .page-title, .shop-single-headline-size-large.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-large .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-large .comments-area .comments-title { font-size: var(--title-size-large); } .default-headline-size-large .page-header .entry-meta, .default-headline-size-large .page-header .excerpt, .blog-list-headline-size-large.blog .post .entry-header .entry-meta, .blog-list-headline-size-large.archive .post .entry-header .entry-meta, .blog-single-headline-size-large.single-post .entry-header .entry-meta, .pf-list-headline-size-large .portfolio .entry-header .entry-meta, .pf-single-headline-size-large.single-portfolio .entry-header .entry-meta, .search-list-headline-size-large .search .entry-header .entry-meta, .shop-single-headline-size-large.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-large.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-large); } .woocommerce.shop-single-headline-size-large .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-large .upsells.products h2, .woocommerce.shop-single-headline-size-large .related.products h2, .blog-single-headline-size-large .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-large)); } .sidebar-headline-size-extralarge .widget-area .sidebar-box h2, .sidebar-headline-size-extralarge .widget-area .sidebar-box h3, .sidebar-headline-size-extralarge .widget-area .sidebar-box h4, .default-headline-size-extralarge .page-header .page-title, .blog-list-headline-size-extralarge.blog .post .entry-header .entry-title, .blog-list-headline-size-extralarge.archive .post .entry-header .entry-title, .blog-single-headline-size-extralarge.single-post .entry-header .entry-title, .pf-list-headline-size-extralarge .portfolio .entry-header .entry-title, .pf-single-headline-size-extralarge.single-portfolio .entry-header .entry-title, .search-list-headline-size-extralarge .search .entry-header .entry-title, .shop-list-headline-size-extralarge.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extralarge.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extralarge.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-extralarge.woocommerce .product .entry-header .page-title, .shop-single-headline-size-extralarge.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-extralarge .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-extralarge .comments-area .comments-title { font-size: var(--title-size-extralarge); } .default-headline-size-extralarge .page-header .entry-meta, .default-headline-size-extralarge .page-header .excerpt, .blog-list-headline-size-extralarge.blog .post .entry-header .entry-meta, .blog-list-headline-size-extralarge.archive .post .entry-header .entry-meta, .blog-single-headline-size-extralarge.single-post .entry-header .entry-meta, .pf-list-headline-size-extralarge .portfolio .entry-header .entry-meta, .pf-single-headline-size-extralarge.single-portfolio .entry-header .entry-meta, .search-list-headline-size-extralarge .search .entry-header .entry-meta, .shop-single-headline-size-extralarge.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-extralarge.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-extralarge); } .woocommerce.shop-single-headline-size-extralarge .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-extralarge .upsells.products h2, .woocommerce.shop-single-headline-size-extralarge .related.products h2, .blog-single-headline-size-extralarge .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-extralarge)); } .sidebar-headline-size-huge .widget-area .sidebar-box h2, .sidebar-headline-size-huge .widget-area .sidebar-box h3, .sidebar-headline-size-huge .widget-area .sidebar-box h4, .default-headline-size-huge .page-header .page-title, .blog-list-headline-size-huge.blog .post .entry-header .entry-title, .blog-list-headline-size-huge.archive .post .entry-header .entry-title, .blog-single-headline-size-huge.single-post .entry-header .entry-title, .pf-list-headline-size-huge .portfolio .entry-header .entry-title, .pf-single-headline-size-huge.single-portfolio .entry-header .entry-title, .search-list-headline-size-huge .search .entry-header .entry-title, .shop-list-headline-size-huge.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-huge.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-huge.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-huge.woocommerce .product .entry-header .page-title, .shop-single-headline-size-huge.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-huge .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-huge .comments-area .comments-title { font-size: var(--title-size-huge); } .default-headline-size-huge .page-header .entry-meta, .default-headline-size-huge .page-header .excerpt, .blog-list-headline-size-huge.blog .post .entry-header .entry-meta, .blog-list-headline-size-huge.archive .post .entry-header .entry-meta, .blog-single-headline-size-huge.single-post .entry-header .entry-meta, .pf-list-headline-size-huge .portfolio .entry-header .entry-meta, .pf-single-headline-size-huge.single-portfolio .entry-header .entry-meta, .search-list-headline-size-huge .search .entry-header .entry-meta, .shop-single-headline-size-huge.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-huge.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-huge); } .woocommerce.shop-single-headline-size-huge .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-huge .upsells.products h2, .woocommerce.shop-single-headline-size-huge .related.products h2, .blog-single-headline-size-huge .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-huge)); } /* 404 page */ .error-404 { padding-top: 6em; padding-bottom: 6em; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* Navigation */ .comment-navigation, .post-navigation { margin: 0 0 var(--post-half-margin); } .comment-navigation .nav-links, .post-navigation .nav-links { display: flex; align-items: center; flex-wrap: wrap; } .comment-navigation .nav-links .nav-previous, .comment-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { margin: 0; flex: 1 0 50%; } .comment-navigation .nav-links .nav-previous .nav-inner, .comment-navigation .nav-links .nav-next .nav-inner, .post-navigation .nav-links .nav-previous .nav-inner, .post-navigation .nav-links .nav-next .nav-inner { display: flex; align-items: center; color: inherit; text-decoration: none; min-height: var(--nav-links-image-size); } .comment-navigation .nav-links .nav-previous .nav-image, .comment-navigation .nav-links .nav-next .nav-image, .post-navigation .nav-links .nav-previous .nav-image, .post-navigation .nav-links .nav-next .nav-image { flex: 0 0 var(--nav-links-image-size); height: var(--nav-links-image-size); object-fit: cover; margin: 0 1em 0 0; overflow: hidden; } .button-shape-square .comment-navigation .nav-links .nav-previous .nav-image, .button-shape-square .comment-navigation .nav-links .nav-next .nav-image, .button-shape-square .post-navigation .nav-links .nav-previous .nav-image, .button-shape-square .post-navigation .nav-links .nav-next .nav-image { border-radius: 0; } .button-shape-rounded .comment-navigation .nav-links .nav-previous .nav-image, .button-shape-rounded .comment-navigation .nav-links .nav-next .nav-image, .button-shape-rounded .post-navigation .nav-links .nav-previous .nav-image, .button-shape-rounded .post-navigation .nav-links .nav-next .nav-image { border-radius: var(--soft-rounded); } .button-shape-round .comment-navigation .nav-links .nav-previous .nav-image, .button-shape-round .comment-navigation .nav-links .nav-next .nav-image, .button-shape-round .post-navigation .nav-links .nav-previous .nav-image, .button-shape-round .post-navigation .nav-links .nav-next .nav-image { border-radius: var(--hard-rounded); } .rtl .comment-navigation .nav-links .nav-previous .nav-image, .rtl .comment-navigation .nav-links .nav-next .nav-image, .rtl .post-navigation .nav-links .nav-previous .nav-image, .rtl .post-navigation .nav-links .nav-next .nav-image { margin: 0 0 0 1em; } .comment-navigation .nav-links .nav-previous .nav-inner-post-without-image .nav-image, .comment-navigation .nav-links .nav-next .nav-inner-post-without-image .nav-image, .post-navigation .nav-links .nav-previous .nav-inner-post-without-image .nav-image, .post-navigation .nav-links .nav-next .nav-inner-post-without-image .nav-image { display: none; } .comment-navigation .nav-links .nav-previous .nav-text, .comment-navigation .nav-links .nav-next .nav-text, .post-navigation .nav-links .nav-previous .nav-text, .post-navigation .nav-links .nav-next .nav-text { flex: 1 1 auto; min-width: 0%; } .comment-navigation .nav-links .nav-previous .nav-text .nav-supertitle, .comment-navigation .nav-links .nav-next .nav-text .nav-supertitle, .post-navigation .nav-links .nav-previous .nav-text .nav-supertitle, .post-navigation .nav-links .nav-next .nav-text .nav-supertitle { font-size: var(--nav-links-supertitle-size); font-family: var(--supertitle-font); width: 100%; display: block; } .comment-navigation .nav-links .nav-previous .nav-text .nav-title, .comment-navigation .nav-links .nav-next .nav-text .nav-title, .post-navigation .nav-links .nav-previous .nav-text .nav-title, .post-navigation .nav-links .nav-next .nav-text .nav-title { font-size: var(--nav-links-post-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); transition: color 200ms ease; width: 100%; display: block; } .comment-navigation .nav-links .nav-previous .nav-text .nav-date, .comment-navigation .nav-links .nav-next .nav-text .nav-date, .post-navigation .nav-links .nav-previous .nav-text .nav-date, .post-navigation .nav-links .nav-next .nav-text .nav-date { font-family: var(--subtitle-font); width: 100%; display: block; } .comment-navigation .nav-links .nav-next .nav-inner, .post-navigation .nav-links .nav-next .nav-inner { flex-direction: row-reverse; text-align: right; } .rtl .comment-navigation .nav-links .nav-next .nav-inner, .rtl .post-navigation .nav-links .nav-next .nav-inner { text-align: left; } .comment-navigation .nav-links .nav-next .nav-inner .nav-image, .post-navigation .nav-links .nav-next .nav-inner .nav-image { margin: 0 0 0 1em; } .rtl .comment-navigation .nav-links .nav-next .nav-inner .nav-image, .rtl .post-navigation .nav-links .nav-next .nav-inner .nav-image { margin: 0 1em 0 0; } /* Boxed pages */ body[class*=content-width-boxed] .site .site-content, body[class*=content-width-boxed] .site-footer .widget-area { margin-left: auto; margin-right: auto; position: relative; padding-left: var(--content-padding); padding-right: var(--content-padding); width: 100%; margin-left: auto; margin-right: auto; } .content-width-boxed-1200 .site .site-content, .content-width-boxed-1200 .site-footer .widget-area { max-width: calc(1200px + var(--content-padding) * 2); } .content-width-boxed-1400 .site .site-content, .content-width-boxed-1400 .site-footer .widget-area { max-width: calc(1400px + var(--content-padding) * 2); } .content-width-boxed-1600 .site .site-content, .content-width-boxed-1600 .site-footer .widget-area { max-width: calc(1600px + var(--content-padding) * 2); } .content-width-boxed-1800 .site .site-content, .content-width-boxed-1800 .site-footer .widget-area { max-width: calc(1800px + var(--content-padding) * 2); } @media (max-width: 768px) { .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { flex: 1 0 100%; } } /* Header --------------------------------------------- */ .site-header { opacity: 1; } .site-header .site-header-top-bar-inner, .site-header .site-branding-inner, .site-header .main-navigation-inner { padding-left: var(--content-padding); padding-right: var(--content-padding); width: 100%; } .header-position-hidden .site-header { display: none; } body:not(.bt-header-responsive-inactive):not(.bt-header-responsive-active) .site-header { opacity: 0; } /* Site branding --------------------------------------------- */ .site-branding .site-branding-text p { margin: 0; } .site-branding .site-branding-text p a { color: inherit; text-decoration: none; } .site-branding .site-branding-text .site-title { font-weight: bold; font-size: clamp(1.25em, calc(var(--logo-height) * .25), 1.75em); font-family: var(--heading-font); font-style: var(--heading-font-style); padding: 0; line-height: 1.2; text-transform: var(--heading-text-transform); } .bt-sticky-header-active.bt-sticky-header .site-branding .site-branding-text .site-title { font-size: clamp(1.125em, calc(var(--sticky-logo-height) * .25), 1.75em); } .site-branding .site-branding-text .site-description { font-size: .85em; } .site-branding .site-branding-widgets { font-family: var(--menu-font); } .site-header-responsive-branding-text p { margin: 0; } .site-header-responsive-branding-text p a { color: inherit; text-decoration: none; } .site-header-responsive-branding-text .site-title { font-weight: bold; font-size: clamp(1.25em, calc(var(--responsive-logo-height) * .25), 1.5em); font-family: var(--heading-font); font-style: var(--heading-font-style); padding: 0; line-height: 1.2; text-transform: var(--heading-text-transform); } .bt-sticky-header-active.bt-sticky-header .site-header-responsive-branding-text .site-title { font-size: clamp(1.125em, calc(var(--responsive-sticky-logo-height) * .25), 1.5em); } .site-header-responsive-branding-text .site-description { font-size: .85em; } /* Site branding hide --------------------------------------------- */ .display-branding-text- .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-text, .display-branding-text-0 .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-text, .display-branding-text-false .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-text { display: none; } /* Logo center special case --------------------------------------------- */ .primary-menu-position-logo-center.bt-header-responsive-inactive .site-header .menu-primary-menu-container { display: grid; grid-template-columns: 1fr max-content 1fr; align-items: center; } .primary-menu-position-logo-center.bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text { display: none; } .primary-menu-position-logo-center.bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text.cloned-site-branding { display: block; text-align: center; padding-right: 0; } .primary-menu-position-logo-center.bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text.cloned-site-branding .site-branding-text { margin: .5em 0 !important; } .primary-menu-position-logo-center.bt-header-responsive-inactive .site-header nav .main-navigation-menu.right-nav { padding-left: var(--desktop-menu-gap); } .primary-menu-position-logo-center.bt-header-responsive-inactive .site-header nav .main-navigation-menu.left-nav { justify-content: flex-end; } .primary-menu-position-logo-center.bt-header-responsive-inactive .site-header .site-branding-widgets { position: absolute; right: 0; opacity: .5; } .primary-menu-position-logo-center.bt-header-responsive-inactive.bt-sticky-header-active .site-header .site-branding .site-branding-inner .site-branding-logo-text.cloned-site-branding .site-branding-logo img { margin-left: auto; margin-right: auto; } .primary-menu-position-logo-center.bt-header-responsive-inactive.bt-sticky-header-active .site-header .site-branding .site-branding-inner .site-branding-logo-text.cloned-site-branding .site-branding-logo + .site-branding-text { opacity: 0; height: 0; margin: 0 !important; } .primary-menu-position-logo-center.bt-header-responsive-inactive.bt-sticky-header.bt-sticky-header-active.bt-sticky-header-active-closed.bt-sticky-header-active-open.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text.cloned-site-branding .site-branding-logo + .site-branding-text { opacity: 1; height: auto; margin: .5em 0 !important; } /* Main menu typography --------------------------------------------- */ .main-navigation ul.main-navigation-menu { font-family: var(--menu-font); font-size: var(--menu-font-size); } .main-navigation ul.main-navigation-menu > li li > a { font-weight: var(--menu-other-levels-font-weight); text-transform: var(--menu-other-levels-text-transform); } .main-navigation ul.main-navigation-menu > li > a { font-weight: var(--menu-first-level-font-weight); text-transform: var(--menu-first-level-text-transform); } .main-navigation ul.main-navigation-menu ul.sub-menu { opacity: 0; } /* Subtoggler --------------------------------------------- */ .sub-toggler { cursor: pointer; justify-content: center; transition: 200ms ease all; color: inherit; width: var(--subtoggler-size); height: var(--subtoggler-size); border: .65rem solid transparent; align-items: center; justify-content: flex-end; position: absolute; opacity: .4; right: 0; z-index: 5; box-sizing: content-box; } .bt-header-responsive-active .sub-toggler { border-width: .85em; } .rtl .sub-toggler { right: auto; left: 0; } .no-touch .bt-header-responsive-inactive .sub-toggler { display: none; } .touch .sub-toggler { display: flex; } .sub-toggler:before { content: ""; border-bottom: var(--subtoggler-thickness) solid currentColor; border-right: var(--subtoggler-thickness) solid currentColor; position: absolute; width: calc(var(--subtoggler-size) * .6); height: calc(var(--subtoggler-size) * .6); transform: rotate(45deg); transform-origin: 50% 50%; } .rtl .sub-toggler:before { transform: rotate(45deg); } li.on > .sub-toggler { transform: scaleY(-1) translateY(-2%); opacity: 1; } .bt-header-responsive-inactive ul.main-navigation-menu > li > .sub-toggler { top: 0; bottom: 0; height: auto; right: calc(( var(--subtoggler-size) + .65rem * 2 ) * -1); } .bt-header-responsive-inactive.rtl ul.main-navigation-menu > li > .sub-toggler { right: auto; left: calc(( var(--subtoggler-size) + .65rem * 2 ) * -1); } .bt-header-responsive-inactive ul ul .sub-toggler { top: .25em; right: calc(var(--submenu-side-padding) - .65rem); } .rtl.bt-header-responsive-inactive ul ul .sub-toggler { right: auto; left: calc(var(--submenu-side-padding) - .65rem); } .bt-header-responsive-active .sub-toggler { top: calc(var(--responsive-menu-items-padding) - .65rem / 2); line-height: 1; } /* Responsive header --------------------------------------------- */ .site-header-responsive { display: none; z-index: 4; width: 100%; padding-top: var(--responsive-menu-padding); padding-bottom: var(--responsive-menu-padding); position: absolute; top: 0; } .bt-header-responsive-active .site-header-responsive { display: block; } .header-position-hidden .site-header-responsive { display: none; } .site-header-responsive .site-header-responsive-inner { padding-left: var(--content-padding); padding-right: var(--content-padding); height: var(--responsive-logo-height); } .bt-sticky-header-active.bt-sticky-header .site-header-responsive .site-header-responsive-inner { height: var(--responsive-sticky-logo-height); } .site-header-responsive .responsive-logo img, .site-header-responsive .responsive-sticky-logo img { display: block; height: var(--responsive-logo-height); width: auto; } .site-header-responsive .responsive-sticky-logo img { height: var(--responsive-sticky-logo-height); } .site-header-responsive .responsive-logo img { display: block; } .bt-sticky-header-active.bt-sticky-header .site-header-responsive .responsive-logo img { display: none; } .site-header-responsive .responsive-sticky-logo img { display: none; } .bt-sticky-header-active.bt-sticky-header .site-header-responsive .responsive-sticky-logo img { display: block; } .bt-sticky-header .site-header-responsive, .header-position-above .site-header-responsive { position: absolute; top: 0; } .bt-sticky-header-active.bt-sticky-header .site-header-responsive { position: fixed; top: 0; transform: translateY(-100%); transition: none; z-index: 10; } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-open .site-header-responsive { transform: translateY(0%); transition: 300ms ease transform; } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed .site-header-responsive { transform: translateY(-100%); transition: 300ms ease transform; } .bt-sticky-header.sticky-style-shrink .site-header-responsive { position: fixed !important; left: 0; right: 0; top: 0; transform: none; transition: 300ms ease all; } .bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo { position: relative; } .bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-sticky-logo { display: flex !important; position: absolute; inset: 0; justify-content: center; align-items: center; opacity: 0; } .bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-logo img, .bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-sticky-logo img { display: block !important; height: var(--responsive-logo-height); } .bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-logo img, .bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-sticky-logo img { height: var(--responsive-sticky-logo-height); transition: height 300ms ease 0s; } .bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-logo { opacity: 0; } .bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-sticky-logo { opacity: 1; } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive { transition: 300ms ease all; } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive .site-header-responsive-inner { height: var(--responsive-logo-height); } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive .site-header-responsive-branding-text .site-title { font-size: clamp(1.25em, calc(var(--responsive-logo-height) * .25), 1.5em); } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-logo { opacity: 1; } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-sticky-logo { opacity: 0; } .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-logo img, .bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive .site-header-responsive-logo .responsive-sticky-logo img { height: var(--responsive-logo-height); } .bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header-responsive { transform: none; top: 0; } .bt-sticky-header-active.bt-sticky-header-active-open.sticky-style-show-on-scroll-up .site-header-responsive, .bt-sticky-header-active.bt-sticky-header-active-open.bt-sticky-header-active-closed.sticky-style-show-on-scroll-up.bt-scroll-up .site-header-responsive, .bt-sticky-header-active.bt-sticky-header-active-open.sticky-style-show-on-scroll-up.bt-scroll-down .site-header-responsive { transform: translateY(-100%); box-shadow: none; } .bt-sticky-header-active.bt-sticky-header-active-open.sticky-style-show-on-scroll-up.bt-scroll-up .site-header-responsive { transform: none; box-shadow: var(--sticky-menu-shadow); } /* Responsive header widths when used on desktop - depending on header and sticky header width settings --------------------------------------------- */ .site-header-responsive {} .header-width-boxed-boxed-1200.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1200.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { max-width: 1200px; width: 100%; margin-left: calc(( 100vw - 1200px ) / 2); margin-right: calc(( 100vw - 1200px ) / 2); } .header-width-wide-boxed-1200.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive .site-header-responsive-inner, .sticky-header-width-wide-boxed-1200.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive .site-header-responsive-inner { max-width: calc(1200px + var(--content-padding) * 2); margin-left: auto; margin-right: auto; } @media (max-width: 1200px) { .site-header-responsive {} .header-width-boxed-boxed-1200.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1200.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { margin-left: 0; margin-right: 0; } } .site-header-responsive {} .header-width-boxed-boxed-1400.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1400.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { max-width: 1400px; width: 100%; margin-left: calc(( 100vw - 1400px ) / 2); margin-right: calc(( 100vw - 1400px ) / 2); } .header-width-wide-boxed-1400.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive .site-header-responsive-inner, .sticky-header-width-wide-boxed-1400.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive .site-header-responsive-inner { max-width: calc(1400px + var(--content-padding) * 2); margin-left: auto; margin-right: auto; } @media (max-width: 1400px) { .site-header-responsive {} .header-width-boxed-boxed-1400.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1400.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { margin-left: 0; margin-right: 0; } } .site-header-responsive {} .header-width-boxed-boxed-1600.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1600.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { max-width: 1600px; width: 100%; margin-left: calc(( 100vw - 1600px ) / 2); margin-right: calc(( 100vw - 1600px ) / 2); } .header-width-wide-boxed-1600.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive .site-header-responsive-inner, .sticky-header-width-wide-boxed-1600.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive .site-header-responsive-inner { max-width: calc(1600px + var(--content-padding) * 2); margin-left: auto; margin-right: auto; } @media (max-width: 1600px) { .site-header-responsive {} .header-width-boxed-boxed-1600.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1600.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { margin-left: 0; margin-right: 0; } } .site-header-responsive {} .header-width-boxed-boxed-1800.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1800.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { max-width: 1800px; width: 100%; margin-left: calc(( 100vw - 1800px ) / 2); margin-right: calc(( 100vw - 1800px ) / 2); } .header-width-wide-boxed-1800.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive .site-header-responsive-inner, .sticky-header-width-wide-boxed-1800.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive .site-header-responsive-inner { max-width: calc(1800px + var(--content-padding) * 2); margin-left: auto; margin-right: auto; } @media (max-width: 1800px) { .site-header-responsive {} .header-width-boxed-boxed-1800.bt-header-responsive-active.bt-sticky-header-inactive .site-header-responsive, .sticky-header-width-boxed-boxed-1800.bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { margin-left: 0; margin-right: 0; } } /* Responsive header */ .site-header-responsive-inner { display: flex; align-items: center; justify-content: space-between; position: relative; } .site-header-responsive-inner:after { content: ""; display: none; width: var(--responsive-trigger-size); height: var(--responsive-trigger-size); pointer-events: none; } .responsive-logo-position-center.responsive-trigger-position-left .site-header-responsive-inner:after { display: block; order: 4; margin-left: var(--content-padding); } .responsive-logo-position-center.responsive-trigger-position-left.rtl .site-header-responsive-inner:after { order: 1; } .responsive-logo-position-center.responsive-trigger-position-right .site-header-responsive-inner:after { display: block; order: -1; margin-right: var(--content-padding); } .responsive-logo-position-center.responsive-trigger-position-right.rtl .site-header-responsive-inner:after { order: 1; } .site-header-responsive-inner .site-header-responsive-widgets { display: flex; position: absolute; top: 0; bottom: 0; align-items: center; } .responsive-logo-position-left.responsive-trigger-position-left .site-header-responsive-inner .site-header-responsive-widgets { right: var(--content-padding); } .responsive-logo-position-left.responsive-trigger-position-right .site-header-responsive-inner .site-header-responsive-widgets { position: relative; order: 2; } .responsive-logo-position-right.responsive-trigger-position-left .site-header-responsive-inner .site-header-responsive-widgets { position: relative; order: 1; } .responsive-logo-position-right.responsive-trigger-position-left.rtl .site-header-responsive-inner .site-header-responsive-widgets { position: relative; order: 2; } .responsive-logo-position-right.responsive-trigger-position-right .site-header-responsive-inner .site-header-responsive-widgets { left: var(--content-padding); } .responsive-logo-position-center.responsive-trigger-position-left .site-header-responsive-inner .site-header-responsive-widgets { right: var(--content-padding); } .responsive-logo-position-center.responsive-trigger-position-right .site-header-responsive-inner .site-header-responsive-widgets { left: var(--content-padding); } .site-header-responsive-inner .site-header-responsive-widgets .site-header-responsive-widgets-inner { display: flex; align-items: center; } /* Responsive widgets */ .site-header-responsive-widgets { transition: 250ms ease all; display: none; } .bt-header-responsive-active .site-header-responsive-widgets { display: flex; } .bt-header-responsive-active.bt-responsive-menu-visible .site-header-responsive-widgets { opacity: 0; pointer-events: none; } /* Responsive site trigger */ .site-header-responsive-trigger { width: var(--responsive-trigger-size); height: var(--responsive-trigger-size); display: flex; pointer-events: initial; transition: 300ms ease all; } .responsive-trigger-position-left .site-header-responsive-trigger { order: 1; margin-right: var(--content-padding); } .responsive-trigger-position-left.rtl .site-header-responsive-trigger { order: 3; } .responsive-trigger-position-right .site-header-responsive-trigger { order: 3; margin-left: var(--content-padding); } .responsive-trigger-position-right.rtl .site-header-responsive-trigger { order: 1; } .site-header-responsive-trigger .site-header-responsive-trigger-icon { display: flex; flex-direction: column; flex: 1 0 100%; justify-content: center; position: relative; cursor: pointer; } .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-1, .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-2, .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-3, .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-4 { background-color: currentColor; width: 100%; height: var(--responsive-trigger-thickness); margin: var(--responsive-trigger-line-spacing) 0; z-index: 1; transform-origin: center; transition: 250ms ease all; transform: none; } .bt-header-responsive-active.bt-responsive-menu-visible.responsive-menu-position-full-screen .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-1, .bt-header-responsive-active.bt-responsive-menu-visible.responsive-menu-position-full-screen .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-2, .bt-header-responsive-active.bt-responsive-menu-visible.responsive-menu-position-full-screen .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-3, .bt-header-responsive-active.bt-responsive-menu-visible.responsive-menu-position-full-screen .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-4 { background-color: currentColor; } .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-4 { z-index: 0; position: absolute; left: 0; top: calc(50% - var(--responsive-trigger-thickness)); opacity: 0; } .bt-responsive-menu-visible .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-1, .bt-responsive-menu-visible .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-3 { opacity: 0; transform: scale(0); } .bt-responsive-menu-visible .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-2 { transform: rotate(45deg); margin: 0; } .bt-responsive-menu-visible .site-header-responsive-trigger .site-header-responsive-trigger-icon .trigger-line-4 { transform: rotate(-45deg); opacity: 1; margin: 0; } /* Responsive logo in header --------------------------------------------- */ .site-header-responsive-logo-text { transition: 250ms ease all; display: flex; align-items: center; } .site-header-responsive-logo-text .responsive-logo { display: block; } .responsive-logo-position-left .site-header-responsive-logo-text { order: 2; margin-right: auto; } .responsive-logo-position-right .site-header-responsive-logo-text { order: 2; margin-left: auto; } .responsive-logo-position-left.responsive-trigger-position-right .site-header-responsive-logo-text, .responsive-logo-position-right.responsive-trigger-position-right .site-header-responsive-logo-text, .responsive-logo-position-center.responsive-trigger-position-right .site-header-responsive-logo-text { order: 1; } .responsive-logo-position-left.responsive-trigger-position-right.rtl .site-header-responsive-logo-text { order: 3; } .responsive-logo-position-center .site-header-responsive-logo-text { order: 2; } .bt-header-responsive-active.bt-responsive-menu-visible .site-header-responsive-logo-text { opacity: 0; pointer-events: none; } .site-header-responsive-logo-text .site-header-responsive-logo + .site-header-responsive-branding-text { margin-left: .5em; } .rtl .site-header-responsive-logo-text .site-header-responsive-logo + .site-header-responsive-branding-text { margin-left: 0; margin-right: .5em; } /* Responsive logo in menu */ .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo { display: flex; justify-content: flex-start; } .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo { display: none; } .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .responsive-menu-logo { display: none; } .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo a img { height: 100%; display: block; width: auto; } .bt-header-responsive-active .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo a img { max-height: var(--responsive-menu-logo-height, var(--responsive-logo-height)); margin: 0 auto; } /* Responsive header */ .bt-responsive-menu-visible.bt-header-responsive-active { overflow-y: hidden; } .site-header-responsive { transition: 300ms ease transform; } .bt-header-responsive-active.responsive-menu-position-left.bt-responsive-menu-visible.responsive-trigger-position-left .site-header-responsive { transform: translateX(var(--responsive-menu-max-width)); } .bt-header-responsive-active.responsive-menu-position-right.bt-responsive-menu-visible.responsive-trigger-position-right .site-header-responsive { transform: translateX(calc(var(--responsive-menu-max-width) * -1)); } .bt-header-responsive-active.responsive-menu-position-full-screen.bt-responsive-menu-visible .site-header-responsive { z-index: 12; background-color: transparent; pointer-events: none; } /* Responsive site header (menu) --------------------------------------------- */ .site-header {} .bt-header-responsive-active .site-header { z-index: 11; top: 0; bottom: 0; position: fixed; width: 100%; max-width: var(--responsive-menu-max-width); display: flex; flex-direction: column; transition: none; overflow-x: hidden; overflow-y: auto; padding-top: var(--content-padding); padding-bottom: var(--content-padding); } .bt-header-responsive-active .site-header .site-header-top-bar, .bt-header-responsive-active .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo, .bt-header-responsive-active .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo, .bt-header-responsive-active .site-header .site-branding-widgets, .bt-header-responsive-active .site-header .site-navigation-widgets, .bt-header-responsive-active .site-header .cloned-site-branding { display: none; } .bt-header-responsive-active .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .responsive-menu-logo { display: block; } .bt-header-responsive-active .site-header .site-branding { background-color: transparent; color: inherit; order: 1; } .bt-header-responsive-active .site-header .site-branding .site-branding-logo-text { margin-bottom: 2em; } .bt-header-responsive-active .site-header .site-branding .site-branding-logo-text .site-branding-text { text-align: center; } .bt-header-responsive-active .site-header .site-menu-responsive-widgets { display: block; order: 3; text-align: center; } .bt-header-responsive-active .site-header .site-menu-responsive-widgets .site-menu-responsive-widgets-inner { padding-top: calc(var(--content-padding) * 2); padding-left: var(--content-padding); padding-right: var(--content-padding); display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; } .bt-header-responsive-ready.bt-header-responsive-active .site-header { transition: 300ms ease transform; box-shadow: var(--responsive-menu-shadow-off); } .bt-header-responsive-active.responsive-menu-position-left .site-header { left: 0; transform: translateX(-100%); } .bt-header-responsive-active.responsive-menu-position-right .site-header { right: 0; transform: translateX(100%); } .bt-header-responsive-active.responsive-menu-position-full-screen .site-header { left: 0; right: 0; opacity: 0; max-width: 100%; pointer-events: none; } .bt-header-responsive-active.responsive-menu-position-full-screen .site-header .site-branding .site-branding-inner { max-width: var(--responsive-menu-max-width); margin-left: auto; margin-right: auto; } .bt-header-responsive-active.responsive-menu-position-full-screen .site-header .main-navigation .main-navigation-inner { max-width: var(--responsive-menu-max-width); margin-left: auto; margin-right: auto; } .bt-header-responsive-active.responsive-menu-position-full-screen .site-header .site-menu-responsive-widgets { margin-top: auto; } .bt-header-responsive-active.responsive-menu-position-full-screen .site-header .site-menu-responsive-widgets .site-menu-responsive-widgets-inner { max-width: var(--responsive-menu-max-width); margin-left: auto; margin-right: auto; } .bt-header-responsive-active.bt-responsive-menu-visible .site-header { transform: translateX(0); } .bt-header-responsive-active.responsive-menu-position-left.bt-responsive-menu-visible .site-header { box-shadow: var(--responsive-menu-shadow-left); } .bt-header-responsive-active.responsive-menu-position-right.bt-responsive-menu-visible .site-header { box-shadow: var(--responsive-menu-shadow-right); } .bt-header-responsive-active.responsive-menu-position-full-screen .site-header { opacity: 0; transition: 300ms ease opacity; } .bt-header-responsive-active.bt-responsive-menu-visible.responsive-menu-position-full-screen .site-header { opacity: 1; pointer-events: initial; } /* Responsive main navigation */ .bt-header-responsive-active .main-navigation { order: 2; width: 100%; display: block; } .bt-header-responsive-active .main-navigation .menu-primary-menu-container { flex-basis: 100%; max-width: 100%; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu { margin: 0; padding: 0; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li { display: block; padding: 0; margin: 0; position: relative; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li.menu-item-has-children > a { margin-right: calc(var(--subtoggler-size) + 1.75rem); } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li ul { font-size: .95em; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li a { text-decoration: none; color: inherit; padding: var(--responsive-menu-items-padding) 0; display: block; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li li a { padding-left: var(--responsive-menu-subitem-spacing); } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li li li a { padding-left: calc(var(--responsive-menu-subitem-spacing) * 1.5); } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li li li li a { padding-left: calc(var(--responsive-menu-subitem-spacing) * 2); } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li li li li li a { padding-left: calc(var(--responsive-menu-subitem-spacing) * 2.5); } .bt-header-responsive-active .main-navigation ul.main-navigation-menu { display: flex; flex-direction: column; max-width: 100%; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li:not(last-child):after { content: ""; display: block; width: 100%; height: 1px; background-color: currentColor; opacity: .2; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li:first-child:before { content: ""; display: block; width: 100%; height: 1px; background-color: currentColor; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu > li:first-child:before, .bt-header-responsive-active .main-navigation ul.main-navigation-menu > li:last-child:after { display: none; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu > li:after, .bt-header-responsive-active .main-navigation ul.main-navigation-menu > li:before { opacity: .2; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu ul > li:after, .bt-header-responsive-active .main-navigation ul.main-navigation-menu ul > li:before { opacity: .1; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu ul > li:last-child:after { display: none; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu ul.sub-menu { display: block; opacity: 0; pointer-events: none; height: 0; margin: 0; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu ul.sub-menu li { position: relative; display: block; margin: 0; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu li.on > ul { opacity: 1; pointer-events: initial; height: auto; margin: 0; } .bt-header-responsive-active:not(.bt-responsive-menu-visible) .main-navigation ul.main-navigation-menu li.on > ul { pointer-events: none; } .rtl.bt-header-responsive-active .main-navigation ul.main-navigation-menu li a { padding-left: 0; } .rtl.bt-header-responsive-active .main-navigation ul.main-navigation-menu li.menu-item-has-children > a { margin-right: 0; margin-left: calc(var(--subtoggler-size) + 1.75rem); } .rtl.bt-header-responsive-active .main-navigation ul.main-navigation-menu li li a { padding-right: var(--responsive-menu-subitem-spacing); padding-left: 0; } .rtl.bt-header-responsive-active .main-navigation ul.main-navigation-menu li li li a { padding-right: calc(var(--responsive-menu-subitem-spacing) * 1.5); padding-left: 0; } .rtl.bt-header-responsive-active .main-navigation ul.main-navigation-menu li li li li a { padding-right: calc(var(--responsive-menu-subitem-spacing) * 2); padding-left: 0; } .rtl.bt-header-responsive-active .main-navigation ul.main-navigation-menu li li li li li a { padding-right: calc(var(--responsive-menu-subitem-spacing) * 2.5); padding-left: 0; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul { padding: 0; margin: 0; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li { display: block; padding: 0 var(--submenu-side-padding); margin: 0; position: relative; transition: 200ms ease all; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li a { display: block; padding: var(--submenu-item-top-bottom-padding) 0; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li a:hover { color: var(--accent-color); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li:before { content: ""; display: block; background-color: var(--accent-color); } .touch .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li.menu-item-has-children a { margin-right: calc(var(--subtoggler-size) + 1rem); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li:first-child { margin-top: var(--submenu-top-bottom-padding); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li:last-child { margin-bottom: var(--submenu-top-bottom-padding); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li:not(:last-child):after { content: ""; display: block; left: 1em; right: 1em; height: 1px; background-color: currentColor; opacity: .1; bottom: 0; } .touch .bt-header-responsive-inactive.rtl .main-navigation ul.main-navigation-menu ul li.menu-item-has-children a { margin-right: 0; margin-left: calc(var(--subtoggler-size) + 1rem); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul > li:not(:last-child):after { display: none; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { content: ""; display: block; left: 1em; right: 1em; height: 2px; background-color: currentColor; opacity: .2; top: 0; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown ul ul li:before { left: calc(var(--submenu-side-padding) * -1); } .rtl.bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown ul ul li:before { left: auto; right: calc(var(--submenu-side-padding) * -1); } /* Desktop site header --------------------------------------------- */ .bt-header-responsive-inactive {} .bt-header-responsive-inactive .site-header { z-index: 10; width: 100%; } .bt-header-responsive-inactive .site-header a { color: inherit; } .bt-header-responsive-inactive .site-header .site-header-top-bar { min-height: var(--topbar-height); display: flex; align-items: center; } .bt-header-responsive-inactive .site-header .site-header-top-bar .site-header-top-bar-inner { flex-basis: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .bt-header-responsive-inactive .site-header .site-header-top-bar .site-header-top-bar-inner > div { display: flex; align-items: center; } .bt-header-responsive-inactive .site-header .site-header-top-bar .site-header-top-bar-inner .site-header-top-bar-inner-right:only-child { margin-left: auto; } .bt-header-responsive-inactive .site-header .site-header-top-bar .site-header-top-bar-inner .site-header-top-bar-inner-left:only-child { margin-right: auto; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner { display: flex; align-items: center; flex-wrap: wrap; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-text .site-title { margin: 0; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-text .site-title a { color: inherit; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-text .site-description { margin: 0; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text { display: flex; align-items: center; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo { flex: 1 0 auto; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo { display: block; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo img { height: max(var(--logo-height), var(--min-header-height)); display: block; } .bt-header-responsive-inactive.bt-sticky-header-active .site-header .site-branding .site-branding-logo-text .site-branding-logo .logo img { height: var(--sticky-logo-height); } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header .site-header .site-branding .site-branding-logo-text .site-branding-logo .logo { display: none; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo { display: none; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo img { height: var(--sticky-logo-height); } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header .site-header .site-branding .site-branding-logo-text .site-branding-logo .sticky-logo { display: block; } .bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo + .site-branding-text { margin-left: .5em; } .bt-header-responsive-inactive .site-header .site-menu-responsive-widgets, .bt-header-responsive-inactive .site-header .site-header-responsive-widgets { display: none; } .bt-header-responsive-inactive.rtl .site-header .site-header-top-bar .site-header-top-bar-inner { flex-direction: row-reverse; } .bt-header-responsive-inactive.rtl .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo + .site-branding-text { margin-left: 0; margin-right: .5em; } .bt-header-responsive-inactive.primary-menu-position-bottom-left.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-right.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-center.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner { position: relative; } .bt-header-responsive-inactive.primary-menu-position-bottom-left.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner:after, .bt-header-responsive-inactive.primary-menu-position-bottom-right.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner:after, .bt-header-responsive-inactive.primary-menu-position-bottom-center.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner:after { content: ""; display: block; height: 2px; width: 100%; background: currentColor; position: absolute; inset: auto 0 0 0; opacity: .1; } /* Navigation */ .bt-header-responsive-inactive .main-navigation { display: flex; align-items: center; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu { display: flex; margin: 0; padding: 0; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu li { display: flex; margin: 0; padding: 0; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu li ul { opacity: 0; pointer-events: none; display: none; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li { position: relative; display: flex; align-items: center; margin: 0 var(--desktop-menu-gap) 0 0; justify-content: space-between; } .bt-header-responsive-inactive.rtl .main-navigation ul.main-navigation-menu > li { margin: 0 0 0 var(--desktop-menu-gap); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a { text-decoration: none; color: inherit; padding: 0; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu ul { box-shadow: var(--submenu-shadow); position: absolute; left: calc(var(--desktop-menu-gap) * .5 * -1); z-index: 99999; width: var(--submenu-width); flex-direction: column; display: flex; opacity: 0; pointer-events: none; } .bt-header-responsive-inactive .main-navigation ul ul { top: var(--below-logo-menu-height); } .bt-header-responsive-inactive .main-navigation.main-navigation-logo-area ul ul { top: calc(100% - ( ( var(--logo-height) - var(--min-header-height) ) / 2 )); } .bt-header-responsive-inactive.bt-sticky-header-active .main-navigation.main-navigation-logo-area ul ul { top: calc(( ( max(var(--sticky-logo-height), var(--min-header-sticky-height)) - min(var(--sticky-logo-height), var(--min-header-sticky-height)) ) / 2 ) + min(var(--sticky-logo-height), var(--min-header-sticky-height))); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu ul ul { top: 0; left: var(--submenu-width); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu li.on > ul { opacity: 1; pointer-events: initial; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu li.on > ul ul { left: var(--submenu-width); top: calc(var(--submenu-top-bottom-padding) * -1) !important; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li {} .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a { white-space: nowrap; padding: 0; z-index: 1; overflow: hidden; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a:before { content: ""; display: block; background-color: var(--accent-color); position: absolute; z-index: -2; left: 0; width: var(--desktop-menu-selected-line-width); height: var(--desktop-menu-selected-line-thickness); transform: scaleX(0); } .bt-header-responsive-inactive .main-navigation nav > ul > li > a:before { bottom: 0; } .bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { bottom: 0; } .bt-header-responsive-inactive.bt-sticky-header-active .main-navigation.main-navigation-logo-area nav > ul > li > a:before { top: calc(min(var(--sticky-logo-height), var(--min-header-sticky-height)) / 2 - 4px + 50%); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a:after { content: ""; display: block; position: absolute; z-index: -1; bottom: 0; top: 0; left: calc(var(--desktop-menu-gap) * .5 * -1); right: calc(var(--desktop-menu-gap) * .5 * -1); opacity: 0; } .bt-header-responsive-inactive .main-navigation nav > ul > li > a:after { height: var(--below-logo-menu-height); } .bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:after { top: calc(( var(--logo-height) - var(--min-header-height) ) / 2); height: var(--min-header-height); } .bt-header-responsive-inactive.bt-sticky-header-active .main-navigation.main-navigation-logo-area nav > ul > li > a:after { top: calc(( var(--sticky-logo-height) - var(--min-header-sticky-height) ) / 2); height: min(var(--sticky-logo-height), var(--min-header-sticky-height)); } .bt-header-responsive-inactive .main-navigation nav > ul > li > a { line-height: var(--below-logo-menu-height); } .bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a { line-height: max(var(--logo-height), var(--min-header-height)); } .bt-header-responsive-inactive.bt-sticky-header-active .main-navigation.main-navigation-logo-area nav > ul > li > a { line-height: max(var(--sticky-logo-height), var(--min-header-sticky-height)); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.menu-item-has-children {} .touch .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.menu-item-has-children > a:after { right: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .touch[dir=rtl] .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.menu-item-has-children > a:after { right: calc(var(--desktop-menu-gap) * .5 * -1); left: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.on > a:after { opacity: 1; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.current-menu-item > a:before { transform: scaleX(1); } .bt-header-responsive-inactive.rtl .main-navigation nav > ul.main-navigation-menu ul { right: calc(var(--desktop-menu-gap) * .5 * -1); left: auto; } .bt-header-responsive-inactive.rtl .main-navigation nav > ul.main-navigation-menu li.on > ul ul { left: auto; right: var(--submenu-width); } .bt-header-responsive-inactive.rtl .main-navigation nav > ul.main-navigation-menu > li > a:before { left: auto; right: 0; } /* Wide dropdown menu -------------------------------------- */ .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown > li:not(:last-child):after { display: none; } .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown ul:before { content: ""; display: block; left: 1em; right: 1em; height: 2px; background-color: currentColor; opacity: .2; top: 0; } .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown > ul { width: fit-content; left: 50%; flex-direction: row; background-color: var(--dropdown-hover-secondary-color); transform: translateX(-50%); } .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown > ul > li { margin-top: var(--submenu-top-bottom-padding); margin-bottom: var(--submenu-top-bottom-padding); background-color: var(--dropdown-hover-secondary-color); } .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown > ul > li .sub-toggler { display: none; } .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown > ul > li > ul { opacity: 1; position: initial; top: auto; left: initial; transform: none; box-shadow: none; } .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown > ul > li > ul > li { padding-left: 0; padding-right: 0; } .bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown > ul > li > ul > li:last-child { margin-bottom: 0; } .bt-header-responsive-inactive.rtl .main-navigation nav > ul > li.bt-wide-dropdown > ul { transform: translateX(50%); } /* Wide menu aligment depending on wide menu additional class (for user control) -------------------------------------- */ :not(.rtl).bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left > ul { transform: translateX(calc(-1 * var(--submenu-width) / 2)) !important; left: 0; right: auto; } :not(.rtl).bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-right > ul { transform: translateX(calc(var(--submenu-width) / 2)) !important; left: auto; right: 0; } .rtl.bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left > ul { transform: translateX(calc(-1 * var(--submenu-width) / 2)) !important; left: 0; right: auto; } .rtl.bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-right > ul { transform: translateX(calc(var(--submenu-width) / 2)) !important; left: auto; right: 0; } /* Sticky header */ .bt-header-responsive-inactive .site-header { position: absolute; transition: none; top: 0; } .bt-header-responsive-inactive.bt-sticky-header .site-header { position: absolute; transition: none; transition: 300ms ease transform; top: 0; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header .site-header { transition: none; position: fixed; left: 0; right: 0; margin: auto; transform: translateY(-100%); z-index: 10; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header .site-header .site-header-top-bar { display: var(--site-header-top-bar-sticky-display); } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-open .site-header { transform: translateY(0%); transition: 300ms ease transform; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed .site-header { transform: translateY(-100%); transition: 300ms ease transform; } /* Sticky header styles - FIX AND SHRINK */ .site-header {} .bt-header-responsive-inactive.sticky-style-shrink .site-header { position: fixed; left: 0; right: 0; margin: auto; z-index: 10; transform: none !important; } .bt-header-responsive-inactive.sticky-style-shrink .site-header .site-branding, .bt-header-responsive-inactive.sticky-style-shrink .site-header .main-navigation:not(.main-navigation-logo-area) { transition: background-color 300ms ease 0s, color 300ms ease 0s; } .bt-header-responsive-inactive.sticky-style-shrink .site-header .site-branding-inner .site-branding-logo-text .site-branding-logo { position: relative; } .bt-header-responsive-inactive.sticky-style-shrink .site-header .site-branding-inner .site-branding-logo-text .site-branding-logo .logo { display: block !important; opacity: 1; } .bt-header-responsive-inactive.sticky-style-shrink .site-header .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo { display: flex !important; position: absolute; inset: 0; justify-content: flex-start; align-items: center; opacity: 0; } .bt-header-responsive-inactive.sticky-style-shrink .site-header .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo img { height: var(--logo-height); } .site-header .site-header-top-bar {} .bt-header-responsive-inactive.bt-sticky-header.sticky-style-shrink .site-header .site-header-top-bar { overflow: hidden; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header .site-header-top-bar { display: flex; overflow: hidden; transform: translateY(calc(var(--real-top-bar-height) * -1)); transition: all 300ms ease 0s; margin-bottom: calc(var(--real-top-bar-height) * -1); } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header .site-header-top-bar { transform: translateY(0); margin-bottom: 0; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-text .site-title { font-size: clamp(1.25em, calc(var(--logo-height) * .25), 1.75em); } .bt-header-responsive-inactive.bt-sticky-header.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo, .bt-header-responsive-inactive.bt-sticky-header.bt-sticky-header-active.bt-sticky-header-active-closed.bt-sticky-header-active-open.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo { opacity: 1; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo { opacity: 0; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo { display: block !important; } .bt-header-responsive-inactive.bt-sticky-header.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo, .bt-header-responsive-inactive.bt-sticky-header.bt-sticky-header-active.bt-sticky-header-active-closed.bt-sticky-header-active-open.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo { opacity: 0; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo { opacity: 1; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo img { transition: height 300ms ease 0s; height: var(--sticky-logo-height); } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo img { transition: height 300ms ease 0s; height: var(--logo-height); } /* Sticky header styles - SHOW ON SCROLL UP */ .site-header {} .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-open.sticky-style-show-on-scroll-up .site-header, .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-open.bt-sticky-header-active-closed.sticky-style-show-on-scroll-up.bt-scroll-up .site-header, .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-open.sticky-style-show-on-scroll-up.bt-scroll-down .site-header { transform: translateY(-100%); box-shadow: none; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-open.sticky-style-show-on-scroll-up.bt-scroll-up .site-header { transform: translateY(0); box-shadow: var(--sticky-menu-shadow); } /* Menu positioning */ .bt-header-responsive-inactive .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive .site-header > .main-navigation .main-navigation-inner { flex-basis: auto; flex-grow: 1; display: flex; flex-wrap: wrap; } .bt-header-responsive-inactive.primary-menu-position-logo-left .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-bottom-left .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-logo-right.rtl .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-bottom-right.rtl .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-logo-left .site-header > .main-navigation .main-navigation-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-left .site-header > .main-navigation .main-navigation-inner, .bt-header-responsive-inactive.primary-menu-position-logo-right.rtl .site-header > .main-navigation .main-navigation-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-right.rtl .site-header > .main-navigation .main-navigation-inner { justify-content: space-between; } .bt-header-responsive-inactive.primary-menu-position-logo-right .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-bottom-right .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-logo-left.rtl .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-bottom-left.rtl .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-logo-right .site-header > .main-navigation .main-navigation-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-right .site-header > .main-navigation .main-navigation-inner, .bt-header-responsive-inactive.primary-menu-position-logo-left.rtl .site-header > .main-navigation .main-navigation-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-left.rtl .site-header > .main-navigation .main-navigation-inner { justify-content: flex-end; } .bt-header-responsive-inactive.primary-menu-position-logo-center .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding .main-navigation.main-navigation-logo-area, .bt-header-responsive-inactive.primary-menu-position-logo-center .site-header > .main-navigation .main-navigation-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header > .main-navigation .main-navigation-inner { justify-content: center; position: relative; } .bt-header-responsive-inactive.primary-menu-position-logo-center .site-header .site-branding .main-navigation.main-navigation-logo-area .site-navigation-widgets, .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding .main-navigation.main-navigation-logo-area .site-navigation-widgets, .bt-header-responsive-inactive.primary-menu-position-logo-center .site-header > .main-navigation .main-navigation-inner .site-navigation-widgets, .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header > .main-navigation .main-navigation-inner .site-navigation-widgets { position: absolute; right: var(--content-padding); } .bt-header-responsive-inactive.primary-menu-position-logo-center.rtl .site-header .site-branding .main-navigation.main-navigation-logo-area .site-navigation-widgets, .bt-header-responsive-inactive.primary-menu-position-logo-center.rtl .site-header > .main-navigation .main-navigation-inner .site-navigation-widgets { right: auto; left: 0; } .bt-header-responsive-inactive.primary-menu-position-bottom-left .site-header .site-branding-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-right .site-header .site-branding-inner, .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding-inner { justify-content: space-between; } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding-inner .site-branding-logo-text { display: block; padding: 0; width: 100%; text-align: center; } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding-inner .site-branding-logo-text .site-branding-logo { display: flex; align-items: center; justify-content: center; } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding-inner .site-branding-logo-text .site-branding-logo .logo { margin: auto; } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding-inner .site-branding-logo-text .site-branding-text { margin: .5em 0 !important; } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding-inner .site-branding-widgets { position: absolute; right: var(--content-padding); } .bt-header-responsive-inactive .site-header .site-branding-logo-text { padding-right: var(--desktop-menu-gap); } .bt-header-responsive-inactive.rtl .site-header .site-branding-logo-text { padding-right: auto; padding-left: var(--desktop-menu-gap); } .site-header .site-branding-widgets { padding-right: var(--desktop-menu-gap); } .bt-header-responsive-inactive .site-header .site-branding-widgets { min-height: max(var(--logo-height), var(--min-header-height)); display: flex; align-items: center; } .bt-header-responsive-inactive.bt-sticky-header-active .site-header .site-branding-widgets { min-height: max(var(--sticky-logo-height), var(--min-header-sticky-height)); } .bt-header-responsive-inactive.primary-menu-position-bottom-left .site-header .site-branding-widgets, .bt-header-responsive-inactive.primary-menu-position-bottom-right .site-header .site-branding-widgets, .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .site-branding-widgets { padding-right: 0; } .bt-header-responsive-inactive.primary-menu-position-bottom-left.rtl .site-header .site-branding-widgets, .bt-header-responsive-inactive.primary-menu-position-bottom-right.rtl .site-header .site-branding-widgets, .bt-header-responsive-inactive.primary-menu-position-bottom-center.rtl .site-header .site-branding-widgets { padding-right: auto; padding-left: 0; padding-right: 0; } .site-header .site-navigation-widgets { display: flex; align-items: center; } .bt-header-responsive-inactive .site-header .main-navigation { min-height: var(--below-logo-menu-height); } .bt-header-responsive-inactive .site-header .main-navigation .site-navigation-widgets { min-height: var(--below-logo-menu-height); } .bt-header-responsive-inactive .site-header .main-navigation.main-navigation-logo-area { min-height: max(var(--logo-height), var(--min-header-height)); } .bt-header-responsive-inactive.bt-sticky-header-active .site-header .main-navigation.main-navigation-logo-area { min-height: auto; height: max(var(--sticky-logo-height), var(--min-header-sticky-height)); } .bt-header-responsive-inactive .site-header .main-navigation.main-navigation-logo-area .site-navigation-widgets { height: max(var(--logo-height), var(--min-header-height)); } .bt-header-responsive-inactive.bt-sticky-header-active .site-header .main-navigation.main-navigation-logo-area .site-navigation-widgets { height: max(var(--sticky-logo-height), var(--min-header-sticky-height)); } /* Reverse last menu items */ .primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul { left: auto; right: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul { right: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul ul { left: auto; right: var(--submenu-width); } .touch .primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul ul { right: var(--submenu-width); } .primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul { left: auto; right: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul { right: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul ul { left: auto; right: var(--submenu-width); } .touch .primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul ul { right: var(--submenu-width); } .primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul { left: auto; right: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul { right: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul ul { left: auto; right: var(--submenu-width); } .touch .primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul ul { right: var(--submenu-width); } .primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul { left: auto; right: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul { right: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul ul { left: auto; right: var(--submenu-width); } .touch .primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul ul { right: var(--submenu-width); } .primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul { left: auto; right: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul { right: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul ul { left: auto; right: var(--submenu-width); } .touch .primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul ul { right: var(--submenu-width); } .primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul { left: auto; right: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul { right: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul ul { left: auto; right: var(--submenu-width); } .touch .primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul ul { right: var(--submenu-width); } .rtl.primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul { right: auto; left: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .rtl.primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul { left: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .rtl.primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul ul { right: auto; left: var(--submenu-width); } .touch .rtl.primary-menu-reverse-menu-levels-0.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+0):not(.bt-wide-dropdown) ul ul { left: var(--submenu-width); } .rtl.primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul { right: auto; left: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .rtl.primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul { left: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .rtl.primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul ul { right: auto; left: var(--submenu-width); } .touch .rtl.primary-menu-reverse-menu-levels-1.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+1):not(.bt-wide-dropdown) ul ul { left: var(--submenu-width); } .rtl.primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul { right: auto; left: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .rtl.primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul { left: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .rtl.primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul ul { right: auto; left: var(--submenu-width); } .touch .rtl.primary-menu-reverse-menu-levels-2.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+2):not(.bt-wide-dropdown) ul ul { left: var(--submenu-width); } .rtl.primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul { right: auto; left: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .rtl.primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul { left: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .rtl.primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul ul { right: auto; left: var(--submenu-width); } .touch .rtl.primary-menu-reverse-menu-levels-3.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+3):not(.bt-wide-dropdown) ul ul { left: var(--submenu-width); } .rtl.primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul { right: auto; left: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .rtl.primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul { left: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .rtl.primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul ul { right: auto; left: var(--submenu-width); } .touch .rtl.primary-menu-reverse-menu-levels-4.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+4):not(.bt-wide-dropdown) ul ul { left: var(--submenu-width); } .rtl.primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul { right: auto; left: calc(var(--desktop-menu-gap) * .5 * -1); } .touch .rtl.primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul { left: calc(var(--desktop-menu-gap) * .3 * -1 - .65rem - var(--subtoggler-size)); } .rtl.primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul ul { right: auto; left: var(--submenu-width); } .touch .rtl.primary-menu-reverse-menu-levels-5.bt-header-responsive-inactive .main-navigation nav > ul:not(.left-nav) > li:nth-last-child(-n+5):not(.bt-wide-dropdown) ul ul { left: var(--submenu-width); } /* Boxed header */ .bt-header-responsive-inactive .site-header .main-navigation nav { display: flex; } .bt-header-responsive-inactive.primary-menu-position-bottom-left .site-header .main-navigation nav, .bt-header-responsive-inactive.primary-menu-position-bottom-right.rtl .site-header .main-navigation nav { justify-content: flex-start; } .bt-header-responsive-inactive.primary-menu-position-bottom-right .site-header .main-navigation nav, .bt-header-responsive-inactive.primary-menu-position-bottom-left.rtl .site-header .main-navigation nav { justify-content: flex-end; } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header .main-navigation nav { justify-content: center; } .site-header {} .header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; } .header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar .site-header-top-bar-inner, .header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding .site-branding-inner, .header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1200px + var(--content-padding) * 2); } .header-width-boxed-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-boxed-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-boxed-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1200px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; } .sticky-header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar .site-header-top-bar-inner, .sticky-header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding .site-branding-inner, .sticky-header-width-wide-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1200px + var(--content-padding) * 2); } .sticky-header-width-boxed-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-boxed-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-boxed-boxed-1200.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1200px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-boxed-boxed-1200.bt-header-responsive-inactive.sticky-style-shrink .site-header { left: unset; right: unset; max-width: 1200px; width: 100%; margin-left: calc(( 100vw - 1200px ) / 2); margin-right: calc(( 100vw - 1200px ) / 2); } @media (max-width: 1200px) { .site-header {} .sticky-header-width-boxed-boxed-1200.bt-header-responsive-inactive.sticky-style-shrink .site-header { margin-left: 0; margin-right: 0; } } /* Page header width / wide */ .default-headline-width-wide-boxed-1200 .page-header-inner { width: 100%; margin: auto; max-width: calc(1200px + var(--content-padding) * 2); } /* Page header width / boxed */ .default-headline-width-boxed-boxed-1200 .page-header { width: 100%; margin: auto; max-width: calc(1200px + var(--content-padding) * 2); } .site-header {} .header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; } .header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar .site-header-top-bar-inner, .header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding .site-branding-inner, .header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1400px + var(--content-padding) * 2); } .header-width-boxed-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-boxed-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-boxed-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1400px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; } .sticky-header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar .site-header-top-bar-inner, .sticky-header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding .site-branding-inner, .sticky-header-width-wide-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1400px + var(--content-padding) * 2); } .sticky-header-width-boxed-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-boxed-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-boxed-boxed-1400.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1400px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-boxed-boxed-1400.bt-header-responsive-inactive.sticky-style-shrink .site-header { left: unset; right: unset; max-width: 1400px; width: 100%; margin-left: calc(( 100vw - 1400px ) / 2); margin-right: calc(( 100vw - 1400px ) / 2); } @media (max-width: 1400px) { .site-header {} .sticky-header-width-boxed-boxed-1400.bt-header-responsive-inactive.sticky-style-shrink .site-header { margin-left: 0; margin-right: 0; } } /* Page header width / wide */ .default-headline-width-wide-boxed-1400 .page-header-inner { width: 100%; margin: auto; max-width: calc(1400px + var(--content-padding) * 2); } /* Page header width / boxed */ .default-headline-width-boxed-boxed-1400 .page-header { width: 100%; margin: auto; max-width: calc(1400px + var(--content-padding) * 2); } .site-header {} .header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; } .header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar .site-header-top-bar-inner, .header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding .site-branding-inner, .header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1600px + var(--content-padding) * 2); } .header-width-boxed-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-boxed-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-boxed-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1600px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; } .sticky-header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar .site-header-top-bar-inner, .sticky-header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding .site-branding-inner, .sticky-header-width-wide-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1600px + var(--content-padding) * 2); } .sticky-header-width-boxed-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-boxed-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-boxed-boxed-1600.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1600px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-boxed-boxed-1600.bt-header-responsive-inactive.sticky-style-shrink .site-header { left: unset; right: unset; max-width: 1600px; width: 100%; margin-left: calc(( 100vw - 1600px ) / 2); margin-right: calc(( 100vw - 1600px ) / 2); } @media (max-width: 1600px) { .site-header {} .sticky-header-width-boxed-boxed-1600.bt-header-responsive-inactive.sticky-style-shrink .site-header { margin-left: 0; margin-right: 0; } } /* Page header width / wide */ .default-headline-width-wide-boxed-1600 .page-header-inner { width: 100%; margin: auto; max-width: calc(1600px + var(--content-padding) * 2); } /* Page header width / boxed */ .default-headline-width-boxed-boxed-1600 .page-header { width: 100%; margin: auto; max-width: calc(1600px + var(--content-padding) * 2); } .site-header {} .header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; } .header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar .site-header-top-bar-inner, .header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding .site-branding-inner, .header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1800px + var(--content-padding) * 2); } .header-width-boxed-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-header-top-bar, .header-width-boxed-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .site-branding, .header-width-boxed-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-inactive .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1800px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; } .sticky-header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar .site-header-top-bar-inner, .sticky-header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding .site-branding-inner, .sticky-header-width-wide-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation .main-navigation-inner { width: 100%; margin: auto; max-width: calc(1800px + var(--content-padding) * 2); } .sticky-header-width-boxed-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-header-top-bar, .sticky-header-width-boxed-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .site-branding, .sticky-header-width-boxed-boxed-1800.bt-header-responsive-inactive.bt-sticky-header-active .site-header > .main-navigation { width: 100%; justify-content: space-around; max-width: calc(1800px + var(--content-padding) * 2); margin: auto; } .sticky-header-width-boxed-boxed-1800.bt-header-responsive-inactive.sticky-style-shrink .site-header { left: unset; right: unset; max-width: 1800px; width: 100%; margin-left: calc(( 100vw - 1800px ) / 2); margin-right: calc(( 100vw - 1800px ) / 2); } @media (max-width: 1800px) { .site-header {} .sticky-header-width-boxed-boxed-1800.bt-header-responsive-inactive.sticky-style-shrink .site-header { margin-left: 0; margin-right: 0; } } /* Page header width / wide */ .default-headline-width-wide-boxed-1800 .page-header-inner { width: 100%; margin: auto; max-width: calc(1800px + var(--content-padding) * 2); } /* Page header width / boxed */ .default-headline-width-boxed-boxed-1800 .page-header { width: 100%; margin: auto; max-width: calc(1800px + var(--content-padding) * 2); } /* Footer --------------------------------------------- */ .site-footer-widgets { margin-left: auto; margin-right: auto; } .site-footer-widgets .widget-area { width: 100%; margin-left: auto; margin-right: auto; padding-top: var(--footer-widgets-top-padding); padding-bottom: var(--footer-widgets-bottom-padding); padding-left: var(--content-padding); padding-right: var(--content-padding); } .site-footer-widgets .widget-area .widget-area-inner { width: calc(100% + 2 * var(--footer-widgets-gap)); display: flex; margin-left: calc(-1 * var(--footer-widgets-gap)); margin-right: calc(-1 * var(--footer-widgets-gap)); } .site-footer-widgets .widget-area .widget-area-inner .footer-widget, .site-footer-widgets .widget-area .widget-area-inner .sidebar-box, .site-footer-widgets .widget-area .widget-area-inner .btBox { flex-basis: auto; width: 100%; padding-left: var(--footer-widgets-gap); padding-right: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 2); width: calc(100% / 2); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 3); width: calc(100% / 3); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 4); width: calc(100% / 4); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(5)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(5) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 5); width: calc(100% / 5); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(6)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(6) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 6); width: calc(100% / 6); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(7)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(7) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 7); width: calc(100% / 7); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(8)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(8) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 8); width: calc(100% / 8); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(9)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(9) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 9); width: calc(100% / 9); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(10)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(10) ~ .footer-widget) .footer-widget { flex-basis: calc(100% / 10); width: calc(100% / 10); } @media (max-width: 1200px) { .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(5)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(5) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(6)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(6) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(7)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(7) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(8)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(8) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(9)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(9) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(10)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(10) ~ .footer-widget) .footer-widget { flex-basis: 50%; width: 50%; margin-bottom: var(--footer-widgets-gap); } } @media (max-width: 992px) { .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2) ~ .footer-widget) .footer-widget { flex-basis: 50% !important; width: 50% !important; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3) ~ .footer-widget) .footer-widget { flex-basis: 50% !important; width: 50% !important; margin-bottom: var(--footer-widgets-gap); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4) ~ .footer-widget) .footer-widget { flex-basis: 50% !important; width: 50% !important; margin-bottom: var(--footer-widgets-gap); } } @media (max-width: 768px) { .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(2) ~ .footer-widget) .footer-widget { flex-basis: 100% !important; width: 100% !important; padding-bottom: var(--footer-widgets-bottom-padding); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(3) ~ .footer-widget) .footer-widget { flex-basis: 100% !important; width: 100% !important; padding-bottom: var(--footer-widgets-bottom-padding); } .site-footer-widgets .widget-area .widget-area-inner { flex-wrap: wrap; } .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4)) .footer-widget, .site-footer-widgets .widget-area .widget-area-inner:has(.footer-widget:first-child:nth-last-child(4) ~ .footer-widget) .footer-widget { flex-basis: 100% !important; width: 100% !important; padding-bottom: var(--footer-widgets-bottom-padding); } } @media (max-width: 768px) { .site-footer-widgets .widget-area .widget-area-inner { display: block; } .site-footer-widgets .widget-area .widget-area-inner .footer-widget:not(:last-child) { padding-bottom: var(--footer-widgets-bottom-padding); width: 100% !important; } } /* Footer widgets width / wide */ .footer-width-wide-boxed-1200 .site-footer-widgets .widget-area { max-width: calc(1200px + var(--content-padding) * 2); } /* Footer widgets width / boxed */ .footer-width-boxed-boxed-1200 .site-footer-widgets { width: 100%; max-width: calc(1200px + var(--content-padding) * 2); } /* Footer widgets width / wide */ .footer-width-wide-boxed-1400 .site-footer-widgets .widget-area { max-width: calc(1400px + var(--content-padding) * 2); } /* Footer widgets width / boxed */ .footer-width-boxed-boxed-1400 .site-footer-widgets { width: 100%; max-width: calc(1400px + var(--content-padding) * 2); } /* Footer widgets width / wide */ .footer-width-wide-boxed-1600 .site-footer-widgets .widget-area { max-width: calc(1600px + var(--content-padding) * 2); } /* Footer widgets width / boxed */ .footer-width-boxed-boxed-1600 .site-footer-widgets { width: 100%; max-width: calc(1600px + var(--content-padding) * 2); } /* Footer widgets width / wide */ .footer-width-wide-boxed-1800 .site-footer-widgets .widget-area { max-width: calc(1800px + var(--content-padding) * 2); } /* Footer widgets width / boxed */ .footer-width-boxed-boxed-1800 .site-footer-widgets { width: 100%; max-width: calc(1800px + var(--content-padding) * 2); } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Preloader --------------------------------------------- */ #preloader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all .3s ease, opacity .3s ease; text-align: center; overflow: hidden; user-select: none; } #preloader * { pointer-events: none; } #preloader .preloader-content { z-index: 1; } #preloader .preloader-background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #preloader .preloader-logo-holder img { max-width: var(--preloader-logo-max-width); } .remove-preloader #preloader { transition: transform ease 1s, opacity ease 1s, filter ease 1s; opacity: 0; transition-delay: 300ms; pointer-events: none; } .remove-preloader.preloader-transition-fade-move-up #preloader { transform: translateY(-100%); } .remove-preloader.preloader-transition-fade-move-down #preloader { transform: translateY(100%); } .remove-preloader.preloader-transition-fade-move-left #preloader { transform: translateX(-100%); } .remove-preloader.preloader-transition-fade-move-right #preloader { transform: translateX(100%); } .remove-preloader.preloader-transition-fade-scale-up #preloader { transform: scale(1.5); } .remove-preloader.preloader-transition-fade-blur #preloader { filter: blur(10px); } .preloader-animation-sqare #preloader .preloader-animation { box-sizing: border-box; display: block; color: currentColor; } .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-1 { width: 4em; height: 4em; box-sizing: border-box; display: inline-block; background: transparent; border: 0 solid currentColor; border-width: 3px; animation: preloader-square 2s infinite ease; } .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-1:after { display: inline-block; width: 100%; vertical-align: top; content: ""; background-color: currentColor; animation: preloader-square-inner 2s infinite ease-in; } .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-2, .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-3, .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-4, .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-5, .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-6, .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-7, .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-8, .preloader-animation-sqare #preloader .preloader-animation .preloader-animation-element-9 { display: none; } .preloader-animation-dots #preloader .preloader-animation { position: relative; width: 5em; height: 2em; margin-left: auto; margin-right: auto; } .preloader-animation-dots #preloader .preloader-animation > div { position: absolute; width: 1em; height: 1em; top: .5em; border-radius: 50%; background: currentColor; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-1 { left: 0; animation: preloader-dots-one .6s infinite; } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-2 { left: 0; animation: preloader-dots-two .6s infinite; } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-3 { left: 2em; animation: preloader-dots-two .6s infinite; } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-4 { left: 4em; animation: preloader-dots-three .6s infinite; } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-5, .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-6, .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-7, .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-8, .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-9 { display: none; } .preloader-animation-circle #preloader .preloader-animation { width: 4em; height: 4em; position: relative; margin-left: auto; margin-right: auto; } .preloader-animation-circle #preloader .preloader-animation > div { box-sizing: border-box; display: block; position: absolute; width: 4em; height: 4em; border: 8px solid currentColor; border-radius: 50%; animation: preloader-circle 1.2s cubic-bezier(.5, 0, .5, 1) infinite; border-color: currentColor transparent transparent transparent; } .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-1 { animation-delay: -.45s; } .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-2 { animation-delay: -.3s; } .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-3 { animation-delay: -.15s; } .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-4, .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-5, .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-6, .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-7, .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-8, .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-9 { display: none; } .preloader-animation-dots-square #preloader .preloader-animation { width: 4em; height: 4em; position: relative; margin-left: auto; margin-right: auto; } .preloader-animation-dots-square #preloader .preloader-animation > div { position: absolute; width: .7em; height: .7em; border-radius: 50%; background: currentColor; animation: preloader-dots-circle 1.2s linear infinite; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-1 { top: .125em; left: .125em; animation-delay: 0s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-2 { top: .125em; left: 1.625em; animation-delay: -.4s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-3 { top: .125em; left: 3.125em; animation-delay: -.8s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-4 { top: 1.625em; left: .125em; animation-delay: -.4s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-5 { top: 1.625em; left: 1.625em; animation-delay: -.8s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-6 { top: 1.625em; left: 3.125em; animation-delay: -1.2s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-7 { top: 3.125em; left: .125em; animation-delay: -.8s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-8 { top: 3.125em; left: 1.625em; animation-delay: -1.2s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-9 { top: 3.125em; left: 3.125em; animation-delay: -1.6s; } .preloader-animation-classic #preloader .preloader-animation { width: 4em; height: 4em; position: relative; margin-left: auto; margin-right: auto; } .preloader-animation-classic #preloader .preloader-animation > div { transform-origin: 2em 2em; animation: preloader-classic 1.2s linear infinite; } .preloader-animation-classic #preloader .preloader-animation > div:after { content: " "; display: block; position: absolute; top: 0; left: 1.8em; width: .25em; height: 1em; border-radius: 10px; background: currentColor; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-1 { transform: rotate(0deg); animation-delay: -1.2s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-2 { transform: rotate(45deg); animation-delay: -1.05s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-3 { transform: rotate(90deg); animation-delay: -.9s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-4 { transform: rotate(135deg); animation-delay: -.75s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-5 { transform: rotate(180deg); animation-delay: -.6s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-6 { transform: rotate(225deg); animation-delay: -.45s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-7 { transform: rotate(270deg); animation-delay: -.3s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-8 { transform: rotate(315deg); animation-delay: -.15s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-9 { display: none; } .preloader-animation-line #preloader { display: flex; flex-direction: column; } .preloader-animation-line #preloader > div { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } .preloader-animation-line #preloader > div > div { order: 1; } .preloader-animation-line #preloader > div .preloader-animation { position: absolute; height: 1.5em; left: 0; right: 0; bottom: 0; order: 2; } .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-1, .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-2 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: currentColor; } .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-1 { opacity: .1; } .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-2 { opacity: 1; animation: preloader-line 2s cubic-bezier(.5, 0, .5, 1) infinite; } .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-3, .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-4, .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-5, .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-6, .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-7, .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-8, .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-9 { display: none; } .preloader-animation-multiline #preloader .preloader-animation { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; display: flex; flex-direction: column; } .preloader-animation-multiline #preloader .preloader-animation > div { display: flex; flex: 1; position: relative; width: 100%; } .preloader-animation-multiline #preloader .preloader-animation > div:before { animation: preloader-multiline ease 8s infinite; animation-delay: 100ms; background: currentColor; background-size: 200% 200%; content: ""; height: 100%; width: 0%; } .preloader-animation-multiline #preloader .preloader-animation > div:after { animation: loaderAlt ease 8s infinite; animation-delay: 100ms; background: #fff; background-size: 200% 200%; content: ""; height: 100%; width: 100%; } .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-2:before, .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-2:after { animation-delay: 200ms; } .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-3:before, .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-3:after { animation-delay: 300ms; } .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-4:before, .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-4:after { animation-delay: 400ms; } .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-5:before, .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-5:after { animation-delay: 500ms; } .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-6:before, .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-6:after { animation-delay: 600ms; } .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-7, .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-8, .preloader-animation-multiline #preloader .preloader-animation .preloader-animation-element-9 { display: none; } /* Square preloader animation --------------------------------------------- */ @keyframes preloader-square { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes preloader-square-inner { 0% { height: 0; } 25% { height: 0; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0; } } /* Dots preloader animation --------------------------------------------- */ @keyframes preloader-dots-one { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes preloader-dots-two { 0% { transform: translate(0, 0); } 100% { transform: translate(2em, 0); } } @keyframes preloader-dots-three { 0% { transform: scale(1); } 100% { transform: scale(0); } } /* Circle preloader animation --------------------------------------------- */ @keyframes preloader-circle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Dotted square preloader animation --------------------------------------------- */ @keyframes preloader-dots-circle { 0%, 100% { opacity: 1; } 50% { opacity: .25; } } /* Classic preloader animation --------------------------------------------- */ @keyframes preloader-classic { 0% { opacity: 1; } 100% { opacity: 0; } } /* Multiline preloader animation --------------------------------------------- */ @keyframes preloader-multiline { 0% { opacity: .15; width: 0%; } 20% { width: 100%; } 39% { opacity: .15; } 40% { opacity: .05; width: 0%; } 60% { width: 100%; } 80% { width: 0%; } 100% { opacity: .05; width: 0%; } } @keyframes loaderAlt { 0% { opacity: .07; width: 100%; } 19% { opacity: .07; } 20% { opacity: .1; width: 0%; } 40% { width: 100%; } 59% { opacity: .1; } 60% { opacity: .07; width: 0; } 80% { width: 100%; } 100% { opacity: .07; width: 100%; } } /* Line preloader animation --------------------------------------------- */ @keyframes preloader-line { 0% { transform: translateX(-100%); } 40% { transform: translateX(0); } 60% { transform: translateX(0); } 100% { transform: translateX(100%); } } /* Post ------------------------------------------------------- */ /* General margin */ body.sidebar-position-left .site-content, body.sidebar-position-right .site-content, body.single-post .site-content, body.single-portfolio .site-content, body.single-product .site-content, body.blog .site-content, body.archive .site-content, body.post-type-archive .site-content, body.search-results .site-content { margin-top: var(--post-margin-top); margin-bottom: var(--post-margin-bottom); } body.woocommerce-page .site-content { margin-bottom: var(--post-margin-bottom); } /* Page Headline - WooCommerce */ body.woocommerce-page header.page-header { margin-bottom: var(--post-margin-top); } /* Article archive */ article.article-list-item, article.search {} article.article-list-item:not(:last-of-type), article.search:not(:last-of-type) { margin-bottom: var(--post-inner-spacing); } article.article-list-item .entry-header, article.search .entry-header { width: 100%; margin: 0 0 var(--post-half-margin) 0; } article.article-list-item .entry-header .entry-super-meta, article.search .entry-header .entry-super-meta { margin: 0 0 var(--post-meta-margin) 0; } article.article-list-item .entry-header .entry-super-meta:empty, article.search .entry-header .entry-super-meta:empty { display: none; } article.article-list-item .entry-header .entry-title, article.search .entry-header .entry-title { margin: 0; padding: 0; } article.article-list-item .entry-header .entry-title a, article.search .entry-header .entry-title a { color: inherit; transition: all 300ms ease; } article.article-list-item .entry-header .entry-title a:hover, article.search .entry-header .entry-title a:hover { text-decoration: none; color: var(--accent-color); } article.article-list-item .entry-header .entry-sub-meta, article.search .entry-header .entry-sub-meta { margin: var(--post-meta-margin) 0 0 0; } article.article-list-item .entry-header .entry-sub-meta:empty, article.search .entry-header .entry-sub-meta:empty { display: none; } article.article-list-item .post-thumbnail, article.article-list-item .article-media, article.search .post-thumbnail, article.search .article-media { display: block; margin-bottom: var(--post-half-margin); clear: both; width: 100%; } .blog.blog-list-view-simple article.article-list-item .post-thumbnail, .archive:not(.post-type-archive-portfolio).blog-list-view-simple article.article-list-item .post-thumbnail, .post-type-archive-portfolio.pf-list-view-simple article.article-list-item .post-thumbnail, .blog.blog-list-view-simple article.article-list-item .article-media, .archive:not(.post-type-archive-portfolio).blog-list-view-simple article.article-list-item .article-media, .post-type-archive-portfolio.pf-list-view-simple article.article-list-item .article-media, .blog.blog-list-view-simple article.search .post-thumbnail, .archive:not(.post-type-archive-portfolio).blog-list-view-simple article.search .post-thumbnail, .post-type-archive-portfolio.pf-list-view-simple article.search .post-thumbnail, .blog.blog-list-view-simple article.search .article-media, .archive:not(.post-type-archive-portfolio).blog-list-view-simple article.search .article-media, .post-type-archive-portfolio.pf-list-view-simple article.search .article-media { display: none; } article.article-list-item .entry-content, article.search .entry-content { order: 3; width: 100%; margin-bottom: var(--post-half-margin); display: flex; flex-wrap: wrap; } article.article-list-item .entry-content .entry-content-inner .excerpt p, article.search .entry-content .entry-content-inner .excerpt p { margin: 0; } article.article-list-item .entry-content:has(.entry-content-inner .excerpt p:empty), article.search .entry-content:has(.entry-content-inner .excerpt p:empty) { margin: 0; } article.article-list-item .entry-content:has(.entry-content-inner .excerpt p:empty) + .entry-footer, article.search .entry-content:has(.entry-content-inner .excerpt p:empty) + .entry-footer { margin-top: 0; } article.article-list-item .entry-footer, article.search .entry-footer { order: 4; display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; margin-top: var(--post-read-more-margin); } article.article-list-item .entry-footer .entry-footer-meta, article.search .entry-footer .entry-footer-meta { flex: 1 0 50%; } article.article-list-item .entry-footer .read-more, article.search .entry-footer .read-more { flex: 1 0 50%; display: flex; justify-content: flex-end; } article.article-list-item .entry-footer .read-more .bt_bb_button, article.search .entry-footer .read-more .bt_bb_button { display: inline-block; margin-bottom: 0; } article.article-list-item .entry-footer .read-more .bt_bb_button a, article.search .entry-footer .read-more .bt_bb_button a { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: flex-start; text-decoration: none; transition: all 300ms ease; } article.article-list-item .entry-footer .read-more .bt_bb_button a .bt_bb_icon_holder, article.search .entry-footer .read-more .bt_bb_button a .bt_bb_icon_holder { order: 2; margin-left: .5em; } .rtl article.article-list-item .entry-footer .read-more .bt_bb_button a .bt_bb_icon_holder, .rtl article.search .entry-footer .read-more .bt_bb_button a .bt_bb_icon_holder { margin-left: 0; margin-right: .5em; } .button-shape-square article.article-list-item .entry-footer .read-more .bt_bb_button.bt_bb_shape_inherit a, .button-shape-square article.search .entry-footer .read-more .bt_bb_button.bt_bb_shape_inherit a { border-radius: 0; } .button-shape-rounded article.article-list-item .entry-footer .read-more .bt_bb_button.bt_bb_shape_inherit a, .button-shape-rounded article.search .entry-footer .read-more .bt_bb_button.bt_bb_shape_inherit a { border-radius: var(--soft-rounded); } .button-shape-round article.article-list-item .entry-footer .read-more .bt_bb_button.bt_bb_shape_inherit a, .button-shape-round article.search .entry-footer .read-more .bt_bb_button.bt_bb_shape_inherit a { border-radius: var(--hard-rounded); } article.article-list-item .entry-footer .read-more .bt_bb_button.bt_bb_shape_square a, article.search .entry-footer .read-more .bt_bb_button.bt_bb_shape_square a { border-radius: 0; } article.article-list-item .entry-footer .read-more .bt_bb_button.bt_bb_shape_rounded a, article.search .entry-footer .read-more .bt_bb_button.bt_bb_shape_rounded a { border-radius: var(--soft-rounded); } article.article-list-item .entry-footer .read-more .bt_bb_button.bt_bb_shape_round a, article.search .entry-footer .read-more .bt_bb_button.bt_bb_shape_round a { border-radius: var(--hard-rounded); } article.article-list-item .entry-footer .read-more .bt_bb_button.bt_bb_color_scheme_0, article.search .entry-footer .read-more .bt_bb_button.bt_bb_color_scheme_0 { --primary-color: var(--button-primary-color); --secondary-color: var(--button-secondary-color); } @media (max-width: 480px) { article.article-list-item .entry-footer, article.search .entry-footer { display: block; } article.article-list-item .entry-footer .entry-meta, article.search .entry-footer .entry-meta { width: 100%; } article.article-list-item .entry-footer .entry-meta:empty, article.search .entry-footer .entry-meta:empty { display: none; } article.article-list-item .entry-footer .read-more, article.search .entry-footer .read-more { width: 100%; justify-content: flex-start; } article.article-list-item .entry-footer .read-more:not(:first-child), article.search .entry-footer .read-more:not(:first-child) { margin-top: var(--post-read-more-margin); } } /* Archive layout - hide header --------------------------------------------- */ .archive:not(.post-type-archive-portfolio).blog-list-view-standard-top-image article > .entry-header, .blog.blog-list-view-standard-top-image article > .entry-header, .post-type-archive-portfolio.pf-list-view-standard-top-image article > .entry-header, .archive:not(.post-type-archive-portfolio).blog-list-view-columns article > .entry-header, .blog.blog-list-view-columns article > .entry-header, .post-type-archive-portfolio.pf-list-view-columns article > .entry-header, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article > .entry-header, .blog.blog-list-view-zig-zag article > .entry-header, .post-type-archive-portfolio.pf-list-view-zig-zag article > .entry-header { display: none; } .blog.blog-list-view-standard article .article-inner > .entry-header, .archive:not(.post-type-archive-portfolio).blog-list-view-standard article .article-inner > .entry-header, .post-type-archive-portfolio.pf-list-view-standard article .article-inner > .entry-header, .blog.blog-list-view-simple article .article-inner > .entry-header, .archive:not(.post-type-archive-portfolio).blog-list-view-simple article .article-inner > .entry-header, .post-type-archive-portfolio.pf-list-view-simple article .article-inner > .entry-header { display: none; } /* Archive layout - Columns --------------------------------------------- */ .archive:not(.post-type-archive-portfolio).blog-list-view-columns article, .blog.blog-list-view-columns article, .post-type-archive-portfolio.pf-list-view-columns article, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article, .blog.blog-list-view-zig-zag article, .post-type-archive-portfolio.pf-list-view-zig-zag article { display: flex; margin: 0 calc(-1 * var(--columns-list-horizontal-gap)) var(--post-inner-spacing); } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-media, .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-inner, .blog.blog-list-view-columns article .article-media, .blog.blog-list-view-columns article .article-inner, .post-type-archive-portfolio.pf-list-view-columns article .article-media, .post-type-archive-portfolio.pf-list-view-columns article .article-inner, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-media, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-inner, .blog.blog-list-view-zig-zag article .article-media, .blog.blog-list-view-zig-zag article .article-inner, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-media, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-inner { grid-area: Media; margin-bottom: 0; padding: 0 var(--columns-list-horizontal-gap); } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-media, .blog.blog-list-view-columns article .article-media, .post-type-archive-portfolio.pf-list-view-columns article .article-media, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-media, .blog.blog-list-view-zig-zag article .article-media, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-media { flex-basis: var(--columns-list-width-media); max-width: var(--columns-list-width-media); } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .entry-header + .entry-content, .blog.blog-list-view-columns article .entry-header + .entry-content, .post-type-archive-portfolio.pf-list-view-columns article .entry-header + .entry-content, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .entry-header + .entry-content, .blog.blog-list-view-zig-zag article .entry-header + .entry-content, .post-type-archive-portfolio.pf-list-view-zig-zag article .entry-header + .entry-content { padding-top: var(--post-header-content-margin); } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-inner, .blog.blog-list-view-columns article .article-inner, .post-type-archive-portfolio.pf-list-view-columns article .article-inner, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-inner, .blog.blog-list-view-zig-zag article .article-inner, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-inner { flex-basis: calc(100% - var(--columns-list-width-media)); max-width: calc(100% - var(--columns-list-width-media)); } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-inner .entry-footer, .blog.blog-list-view-columns article .article-inner .entry-footer, .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-inner .entry-footer, .blog.blog-list-view-zig-zag article .article-inner .entry-footer, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-inner .entry-footer { flex-direction: column; align-items: flex-start; } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-inner .entry-footer .entry-footer-meta, .blog.blog-list-view-columns article .article-inner .entry-footer .entry-footer-meta, .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .entry-footer-meta, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-inner .entry-footer .entry-footer-meta, .blog.blog-list-view-zig-zag article .article-inner .entry-footer .entry-footer-meta, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-inner .entry-footer .entry-footer-meta { margin-bottom: var(--post-meta-margin); } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-inner .entry-footer .read-more, .blog.blog-list-view-columns article .article-inner .entry-footer .read-more, .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .read-more, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-inner .entry-footer .read-more, .blog.blog-list-view-zig-zag article .article-inner .entry-footer .read-more, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-inner .entry-footer .read-more { justify-content: flex-start; text-align: left; } @media (max-width: 768px) { .archive:not(.post-type-archive-portfolio).blog-list-view-columns article, .blog.blog-list-view-columns article, .post-type-archive-portfolio.pf-list-view-columns article, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article, .blog.blog-list-view-zig-zag article, .post-type-archive-portfolio.pf-list-view-zig-zag article { flex-direction: column; margin: calc(-1 * var(--columns-list-horizontal-gap)) 0 calc(var(--post-inner-spacing) - var(--columns-list-horizontal-gap)); padding: 0; } .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-media, .archive:not(.post-type-archive-portfolio).blog-list-view-columns article .article-inner, .blog.blog-list-view-columns article .article-media, .blog.blog-list-view-columns article .article-inner, .post-type-archive-portfolio.pf-list-view-columns article .article-media, .post-type-archive-portfolio.pf-list-view-columns article .article-inner, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-media, .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article .article-inner, .blog.blog-list-view-zig-zag article .article-media, .blog.blog-list-view-zig-zag article .article-inner, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-media, .post-type-archive-portfolio.pf-list-view-zig-zag article .article-inner { padding: var(--columns-list-horizontal-gap) 0; flex-basis: 100%; max-width: 100%; } } /* Archive layout - Zig zag */ .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article:nth-of-type(even) .article-media, .blog.blog-list-view-zig-zag article:nth-of-type(even) .article-media, .post-type-archive-portfolio.pf-list-view-zig-zag article:nth-of-type(even) .article-media { order: 2; } .archive:not(.post-type-archive-portfolio).blog-list-view-zig-zag article:nth-of-type(even) .article-inner, .blog.blog-list-view-zig-zag article:nth-of-type(even) .article-inner, .post-type-archive-portfolio.pf-list-view-zig-zag article:nth-of-type(even) .article-inner { order: 1; } /* Single article */ .single article.post, .single article.portfolio { display: flex; flex-wrap: wrap; } .single article.post:not(:last-child), .single article.portfolio:not(:last-child) { margin-bottom: var(--post-inner-spacing); } .single article.post .entry-header, .single article.portfolio .entry-header { width: 100%; margin: 0 0 var(--post-half-margin) 0; } .single article.post .entry-header .entry-super-meta, .single article.portfolio .entry-header .entry-super-meta { margin: 0 0 var(--post-meta-margin) 0; } .single article.post .entry-header .entry-super-meta:empty, .single article.portfolio .entry-header .entry-super-meta:empty { display: none; } .single article.post .entry-header .entry-title, .single article.portfolio .entry-header .entry-title { margin: 0; } .single article.post .entry-header .entry-title a, .single article.portfolio .entry-header .entry-title a { color: inherit; transition: all 300ms ease; } .single article.post .entry-header .entry-title a:hover, .single article.portfolio .entry-header .entry-title a:hover { text-decoration: none; color: var(--accent-color); } .single article.post .entry-header .entry-sub-meta, .single article.portfolio .entry-header .entry-sub-meta { margin: var(--post-meta-margin) 0 0 0; } .single article.post .entry-header .entry-sub-meta:empty, .single article.portfolio .entry-header .entry-sub-meta:empty { display: none; } .single article.post .post-thumbnail, .single article.post .article-media, .single article.portfolio .post-thumbnail, .single article.portfolio .article-media { display: block; margin-bottom: var(--post-half-margin); clear: both; width: 100%; } .single article.post .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content, .single article.post .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content, .single article.portfolio .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content, .single article.portfolio .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content { grid-gap: var(--post-pf-grid-gallery-gap); } .single article.post .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single article.post .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single article.portfolio .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single article.portfolio .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item { border-radius: var(--post-pf-grid-gallery-radius); } .single article.post .entry-content, .single article.portfolio .entry-content { order: 3; width: 100%; margin-bottom: var(--post-half-margin); display: flex; flex-wrap: wrap; flex-direction: column; } .single article.post .entry-content .entry-content-inner, .single article.portfolio .entry-content .entry-content-inner { max-width: 100%; } .single article.post .entry-content .entry-content-inner .excerpt p, .single article.portfolio .entry-content .entry-content-inner .excerpt p { margin: 0; } .single article.post .entry-footer, .single article.portfolio .entry-footer { order: 4; display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; margin-top: var(--post-footer-meta-spacing); padding-top: var(--post-footer-meta-spacing); border-top: 1px solid var(--primary-07-color); } .single article.post .entry-footer .excerpt + .entry-footer-meta, .single article.portfolio .entry-footer .excerpt + .entry-footer-meta { margin-top: 1em; } .single article.post .entry-footer .entry-footer-meta, .single article.portfolio .entry-footer .entry-footer-meta { flex: 1 0 50%; } .single article.post .entry-footer .read-more, .single article.portfolio .entry-footer .read-more { flex: 1 0 50%; text-align: right; } .single article.post .entry-footer .read-more .bt_bb_button, .single article.portfolio .entry-footer .read-more .bt_bb_button { margin-bottom: 0; } .single.button-shape-square article.post .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-square article.post .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-square article.portfolio .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-square article.portfolio .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item { border-radius: 0; } .single.button-shape-rounded article.post .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-rounded article.post .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-rounded article.portfolio .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-rounded article.portfolio .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item { border-radius: var(--soft-rounded); } .single.button-shape-round article.post .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-round article.post .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-round article.portfolio .post-thumbnail .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item, .single.button-shape-round article.portfolio .article-media .bt_bb_css_image_grid .bt_bb_css_image_grid_content .bt_bb_css_image_grid_item { border-radius: var(--hard-rounded-gallery); } /* Sticky post */ article.post.sticky .entry-header .entry-title a:after { content: ""; font-size: .7em; font-family: Icon7Stroke; display: block; float: left; margin-right: .4em; padding-top: .3em; color: var(--accent-color); } /* Meta data */ .share-options { display: inline-flex; } .share-options .share-options-title { align-items: center; display: var(--share-text-display); flex-direction: row; flex-wrap: nowrap; } .share-options .share-options-title:after { content: ""; display: block; width: .5em; } .share-options .share-options-title { padding-right: .25em; } .rtl .share-options .share-options-title { padding-right: 0; padding-left: .25em; } .share-options .bt_bb_icon { padding-right: .25em; } .rtl .share-options .bt_bb_icon { padding-right: 0; padding-left: .25em; } .single-post .entry-footer .share-options:not(:only-child), .single-portfolio .entry-footer .share-options:not(:only-child) { margin-left: auto; order: 20; } .rtl .single-post .entry-footer .share-options:not(:only-child), .rtl .single-portfolio .entry-footer .share-options:not(:only-child) { margin-left: 0; margin-right: auto; } .single-post .entry-footer .share-options:not(:only-child) .bt_bb_icon:last-child, .single-portfolio .entry-footer .share-options:not(:only-child) .bt_bb_icon:last-child { padding-right: 0; } .rtl .single-post .entry-footer .share-options:not(:only-child) .bt_bb_icon:last-child, .rtl .single-portfolio .entry-footer .share-options:not(:only-child) .bt_bb_icon:last-child { padding-left: 0; } .single-post .entry-footer .share-options:not(:only-child):after, .single-portfolio .entry-footer .share-options:not(:only-child):after { display: none; } .posted-on time.updated:not(.published) { margin-left: .5em; display: none; } /* About author */ .bt-about-author.single-about-author-blog { margin: 0 0 var(--post-margin-top); border-top: 1px solid var(--primary-07-color); border-bottom: 1px solid var(--primary-07-color); } .blog-single-about-author-style-none .bt-about-author.single-about-author-blog { display: none; } .bt-about-author.single-about-author-blog .bt-author-content { display: flex; align-items: flex-start; width: 100%; padding: var(--post-margin-top) 0; } .bt-about-author.single-about-author-blog .bt-author-content .bt-author-avatar { vertical-align: top; padding: 0 1em 0 0; flex: 1 1 150px; } .rtl .bt-about-author.single-about-author-blog .bt-author-content .bt-author-avatar { padding: 0 0 0 1em; } .blog-single-about-author-style-without-image .bt-about-author.single-about-author-blog .bt-author-content .bt-author-avatar { display: none; } .bt-about-author.single-about-author-blog .bt-author-content .bt-author-avatar img { display: block; width: 100%; height: auto; border-radius: 50%; } .bt-about-author.single-about-author-blog .bt-author-content .bt-author-text { flex: 0 1 100%; padding: 0; } .bt-about-author.single-about-author-blog .bt-author-content .bt-author-text h4 { font-size: 1.3em; margin-bottom: .5rem; } .bt-about-author.single-about-author-blog .bt-author-content .bt-author-text p { margin: 0; } .bt-about-author.single-about-author-pf { margin: 0 0 var(--post-margin-top); border-top: 1px solid var(--primary-07-color); border-bottom: 1px solid var(--primary-07-color); } .pf-single-about-author-style-none .bt-about-author.single-about-author-pf { display: none; } .bt-about-author.single-about-author-pf .bt-author-content { display: flex; align-items: center; width: 100%; padding: var(--post-margin-top) 0; } .bt-about-author.single-about-author-pf .bt-author-content .bt-author-avatar { vertical-align: top; padding: 0 1em 0 0; flex: 1 1 150px; } .rtl .bt-about-author.single-about-author-pf .bt-author-content .bt-author-avatar { padding: 0 0 0 1em; } .pf-single-about-author-style-without-image .bt-about-author.single-about-author-pf .bt-author-content .bt-author-avatar { display: none; } .bt-about-author.single-about-author-pf .bt-author-content .bt-author-avatar img { display: block; width: 100%; height: auto; border-radius: 50%; } .bt-about-author.single-about-author-pf .bt-author-content .bt-author-text { flex: 0 1 100%; padding: 0; } .bt-about-author.single-about-author-pf .bt-author-content .bt-author-text h4 { font-size: 1.3em; margin-bottom: .5rem; } .bt-about-author.single-about-author-pf .bt-author-content .bt-author-text p { margin: 0; } @media (max-width: 520px) { .bt-about-author.single-about-author-blog .bt-author-content, .bt-about-author.single-about-author-pf .bt-author-content { flex-direction: column; } .bt-about-author.single-about-author-blog .bt-author-content .bt-author-avatar, .bt-about-author.single-about-author-pf .bt-author-content .bt-author-avatar { padding: 0 0 1em 0; max-width: 8em; flex-basis: auto; } .rtl .bt-about-author.single-about-author-blog .bt-author-content .bt-author-avatar, .rtl .bt-about-author.single-about-author-pf .bt-author-content .bt-author-avatar { padding: 0 0 1em 0; } } /* Author avatar */ .author-avatar img { max-width: 2em; } /* Entry meta */ .entry-meta .entry-meta-dead-end { display: none; } .entry-meta > span:not(:last-child):after, .entry-meta > div:not(:last-child):after { content: " / "; padding: 0 .5em; } .entry-meta a { color: inherit; text-decoration: none; transition: all 300ms ease; } .entry-meta a:hover { text-decoration: none; color: var(--accent-color); } /* Entry meta text (cloned from super and sub title) */ .entry-super-meta { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); font-style: var(--supertitle-font-style); } .entry-sub-meta { font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); } /* Media box */ .media-box { position: relative; overflow: hidden; } .media-box img { display: block; width: auto; height: auto; } .media-box .aspectVideo { visibility: hidden; width: 100%; } .media-box iframe { display: block; border: none; } .media-box.video .bt-video-container { position: relative; padding-bottom: 56.7%; background-color: black; } .media-box.video .bt-video-container iframe { display: block; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; border: none; } .media-box.audio iframe { display: block; width: 100% !important; } .media-box.quote, .media-box.link { text-align: center; position: relative; display: block; margin: 0; font-weight: 300; padding: 5em; } .media-box.quote:before, .media-box.link:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--accent-color); } .media-box.quote[style*=background-image]:before, .media-box.link[style*=background-image]:before { opacity: .6; } .media-box.quote blockquote, .media-box.link blockquote { padding: 0em; } .media-box.quote blockquote:before, .media-box.link blockquote:before { content: ""; } .media-box.quote p, .media-box.link p { font-size: 2em; line-height: 1.3em; margin: 0; font-style: italic; } .media-box.quote p:before, .media-box.link p:before { display: block; text-align: center; font: 2em/1em Icon7Stroke; margin-bottom: .3em; color: var(--light-color); } .media-box.quote cite, .media-box.link cite { font-size: 1em; display: inline-block; padding: 1.5em 0 0; border-top: 1px solid var(--light-color); margin: 1.5em 0 0; color: var(--light-color); } .media-box.quote a, .media-box.link a { color: var(--light-color); transition: all 300ms ease; } .media-box.quote a:hover, .media-box.link a:hover { color: var(--light-color); opacity: .6; } .media-box.link p:before { content: ""; } .media-box.quote p:before { content: ""; } .media-box .media-box-caption { position: absolute; bottom: 0; right: 0; padding: .25em 1em; background: rgba(255, 255, 255, .8); } .sticky { display: block; } .page-content, .entry-summary { margin: 0; } .entry-content .page-links { clear: both; margin: 1.5em 0; display: flex; } .entry-content .page-links span, .entry-content .page-links a { display: flex; align-items: center; justify-content: center; margin: 0 .143em; line-height: 1; min-width: 1.5em; } .entry-content .page-links span:first-child, .entry-content .page-links a:first-child { margin-left: .5em; } .rtl .entry-content .page-links span:first-child, .rtl .entry-content .page-links a:first-child { margin-left: 0; margin-right: .5em; } .button-shape-square .entry-content .page-links span, .button-shape-square .entry-content .page-links a { border-radius: 0; } .button-shape-rounded .entry-content .page-links span, .button-shape-rounded .entry-content .page-links a { border-radius: var(--soft-rounded); } .button-shape-round .entry-content .page-links span, .button-shape-round .entry-content .page-links a { border-radius: var(--hard-rounded); } .entry-content .page-links span { background: var(--primary-07-color); padding: .125em .25em; } .entry-content .page-links a { background: var(--accent-color); color: var(--light-color); padding: .125em .25em; } /* Comments */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Widgets */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /* Media */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } .wp-video { width: 100% !important; } .wp-video video { width: 100% !important; height: 100% !important; } .media-box.audio iframe { width: 100% !important; } /* Captions */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: .8075em 0; } .wp-caption-text { text-align: center; } /* Galleries */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /* Image grid */ .single-post .bt_bb_masonry_image_grid .bt_bb_grid_item_inner_image img, .single-portfolio .bt_bb_masonry_image_grid .bt_bb_grid_item_inner_image img { width: 100%; } .single-post.blog-single-grid-gap-extrasmall .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content, .single-portfolio.pf-single-grid-gap-extrasmall .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content { margin-left: -1px; margin-top: -1px; width: calc(100% + 2px); } .single-post.blog-single-grid-gap-extrasmall .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner, .single-portfolio.pf-single-grid-gap-extrasmall .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner { transform: translate(1px, 1px); } .single-post.blog-single-grid-gap-small .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content, .single-portfolio.pf-single-grid-gap-small .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content { margin-left: -.5em; margin-top: -.5em; width: calc(100% + 1em); } .single-post.blog-single-grid-gap-small .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner, .single-portfolio.pf-single-grid-gap-small .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner { transform: translate(.5em, .5em); } .single-post.blog-single-grid-gap-normal .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content, .single-portfolio.pf-single-grid-gap-normal .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content { margin-left: -1em; margin-top: -1em; width: calc(100% + 2em); } .single-post.blog-single-grid-gap-normal .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner, .single-portfolio.pf-single-grid-gap-normal .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner { transform: translate(1em, 1em); } .single-post.blog-single-grid-gap-large .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content, .single-portfolio.pf-single-grid-gap-large .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content { margin-left: -2em; margin-top: -2em; width: calc(100% + 4em); } .single-post.blog-single-grid-gap-large .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner, .single-portfolio.pf-single-grid-gap-large .bt_bb_masonry_image_grid .bt_bb_masonry_post_image_content .bt_bb_grid_item_inner { transform: translate(2em, 2em); } /* Search posts navigation --------------------------------------------- */ .posts-navigation { padding-top: var(--post-inner-spacing); margin-top: var(--post-inner-spacing); border-top: 1px solid var(--primary-07-color); } .posts-navigation .nav-links { display: flex; flex-direction: row-reverse; justify-content: space-between; } .posts-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-next { margin: 0; } .posts-navigation .nav-links .nav-previous a, .posts-navigation .nav-links .nav-next a { font-size: 1em; font-family: var(--button-font); font-weight: var(--button-font-weight); font-style: var(--button-font-style); display: inline-flex; align-items: center; } .posts-navigation .nav-links .nav-previous a:after, .posts-navigation .nav-links .nav-next a:after { content: ""; font-family: Icon7Stroke; font-size: var(--post-paging-arrow-size); font-weight: normal; width: 1em; height: 1em; margin-left: var(--post-paging-arrow-margin); display: flex; align-items: center; justify-items: center; color: var(--light-color); background: var(--accent-color); } .button-shape-square .posts-navigation .nav-links .nav-previous a:after, .button-shape-square .posts-navigation .nav-links .nav-next a:after { border-radius: 0; } .button-shape-rounded .posts-navigation .nav-links .nav-previous a:after, .button-shape-rounded .posts-navigation .nav-links .nav-next a:after { border-radius: var(--soft-rounded); } .button-shape-round .posts-navigation .nav-links .nav-previous a:after, .button-shape-round .posts-navigation .nav-links .nav-next a:after { border-radius: var(--hard-rounded); } .rtl .posts-navigation .nav-links .nav-previous a:after, .rtl .posts-navigation .nav-links .nav-next a:after { content: ""; margin-right: var(--post-paging-arrow-margin); margin-left: 0; } .posts-navigation .nav-links .nav-next a { flex-direction: row-reverse; } .posts-navigation .nav-links .nav-next a:after { margin-right: var(--post-paging-arrow-margin); margin-left: 0; transform: scaleX(-1); } .rtl .posts-navigation .nav-links .nav-next a:after { margin-right: 0; margin-left: var(--post-paging-arrow-margin); } .posts-navigation .nav-links .nav-next:only-child { flex-basis: 100%; } .posts-navigation .nav-links .nav-next:only-child { flex-basis: 100%; } /* Posts navigation */ .archive-pagination { padding-top: var(--post-inner-spacing); margin-top: var(--post-inner-spacing); border-top: 1px solid var(--primary-07-color); display: flex; justify-content: space-between; } .archive-pagination .paging p a { display: inline-flex; align-items: center; font-family: var(--button-font); font-weight: var(--button-font-weight); font-style: var(--button-font-style); font-size: 1em; } .archive-pagination .paging p a:after { content: ""; font-family: Icon7Stroke; font-size: var(--post-paging-arrow-size); font-weight: normal; width: 1em; height: 1em; margin-left: var(--post-paging-arrow-margin); display: flex; align-items: center; justify-items: center; color: var(--light-color); background: var(--accent-color); } .button-shape-square .archive-pagination .paging p a:after { border-radius: 0; } .button-shape-rounded .archive-pagination .paging p a:after { border-radius: var(--soft-rounded); } .button-shape-round .archive-pagination .paging p a:after { border-radius: var(--hard-rounded); } .rtl .archive-pagination .paging p a:after { content: ""; margin-right: var(--post-paging-arrow-margin); margin-left: 0; } .archive-pagination .paging.paging-right:only-child { margin-left: auto; } .rtl .archive-pagination .paging.paging-right:only-child { margin-left: 0; margin-right: auto; } .archive-pagination .paging.paging-left p a { flex-direction: row-reverse; } .archive-pagination .paging.paging-left p a:after { margin-right: var(--post-paging-arrow-margin); margin-left: 0; transform: scaleX(-1); } .rtl .archive-pagination .paging.paging-left p a:after { margin-right: 0; margin-left: var(--post-paging-arrow-margin); } .archive-pagination .paging.paging-left:only-child { margin-right: auto; } .rtl .archive-pagination .paging.paging-left:only-child { margin-right: 0; margin-left: auto; } /* Single Post layout - Columns */ .blog-single-view-columns.single-post .post .entry-content { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin: 0 -1em; flex-direction: row; } .blog-single-view-columns.single-post .post .entry-content .article-media { flex: 1 1 50%; min-width: 50%; padding: 0 1em; } .blog-single-view-columns.single-post .post .entry-content .entry-content-inner { flex: 1 1 50%; min-width: 50%; padding: 0 1em; } /* Image gallery */ .mfp-bg { position: fixed !important; bottom: 0; background: var(--post-image-gallery-overlay); opacity: 1; } .mfp-container { background: transparent; } .mfp-gallery .mfp-close { font-size: 0; font-weight: normal; top: 1rem; right: 1rem; left: unset; width: 2.75rem; height: 2.75rem; display: flex; align-items: center; justify-content: center; padding: unset; z-index: 1; opacity: 1; color: var(--light-color); } .mfp-gallery .mfp-close:before { content: var(--mfp-gallery-close-icon); font-family: var(--mfp-gallery-close-icon-font); font-size: var(--mfp-gallery-close-icon-size); color: var(--light-color); opacity: .1; transition: 300ms ease all; line-height: 1; } .mfp-gallery .mfp-close:hover:before { color: var(--light-color); opacity: .6; } .rtl .mfp-gallery .mfp-close { right: auto; left: 1rem; } .logged-in .mfp-gallery .mfp-close { top: 3rem; } .mfp-gallery .mfp-figure .mfp-close { display: none; } .mfp-gallery button.mfp-arrow { width: 2.75em; height: 2.75em; margin-top: -1.375em; display: flex; align-items: center; justify-content: center; font-weight: normal; opacity: 1; } .mfp-gallery button.mfp-arrow:before { content: var(--mfp-gallery-next-icon); font-family: var(--mfp-gallery-previous-next-icon-font); font-size: var(--mfp-gallery-previous-next-icon-size); border: 0; margin: unset; height: unset; width: unset; position: relative; inset: 0; opacity: 1; transition: 300ms ease all; opacity: .1; color: var(--light-color); } .rtl .mfp-gallery button.mfp-arrow:before { content: var(--mfp-gallery-previous-icon); } .mfp-gallery button.mfp-arrow:after { display: none; } .mfp-gallery button.mfp-arrow:hover:before { color: var(--light-color); opacity: .6; } .mfp-gallery button.mfp-arrow.mfp-arrow-right { right: 1em; } .rtl .mfp-gallery button.mfp-arrow.mfp-arrow-right { right: auto; left: 1em; } .mfp-gallery button.mfp-arrow.mfp-arrow-left { left: 1em; } .mfp-gallery button.mfp-arrow.mfp-arrow-left:before { content: var(--mfp-gallery-previous-icon); } .rtl .mfp-gallery button.mfp-arrow.mfp-arrow-left { left: auto; right: 1em; } .rtl .mfp-gallery button.mfp-arrow.mfp-arrow-left:before { content: var(--mfp-gallery-next-icon); } .mfp-gallery .mfp-figure:after { display: none; } .mfp-gallery .mfp-bottom-bar .mfp-title { color: var(--light-color); font-size: .875em; line-height: 1.5; } .mfp-gallery .mfp-bottom-bar .mfp-counter { color: var(--light-color); font-size: .875em; line-height: 1.5; } /* Excerpt lines */ .blog.blog-list-show-excerpt-none article.post .excerpt { display: none; } .blog.blog-list-show-excerpt-1-line article.post .excerpt, .blog.blog-list-show-excerpt-2-lines article.post .excerpt, .blog.blog-list-show-excerpt-3-lines article.post .excerpt, .blog.blog-list-show-excerpt-4-lines article.post .excerpt, .blog.blog-list-show-excerpt-5-lines article.post .excerpt, .blog.blog-list-show-excerpt-6-lines article.post .excerpt { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .blog.blog-list-show-excerpt-1-line article.post .excerpt { -webkit-line-clamp: 1; } .blog.blog-list-show-excerpt-2-lines article.post .excerpt { -webkit-line-clamp: 2; } .blog.blog-list-show-excerpt-3-lines article.post .excerpt { -webkit-line-clamp: 3; } .blog.blog-list-show-excerpt-4-lines article.post .excerpt { -webkit-line-clamp: 4; } .blog.blog-list-show-excerpt-5-lines article.post .excerpt { -webkit-line-clamp: 5; } .blog.blog-list-show-excerpt-6-lines article.post .excerpt { -webkit-line-clamp: 6; } .search.search-list-show-excerpt-none article.post .excerpt { display: none; } .search.search-list-show-excerpt-1-line article.post .excerpt, .search.search-list-show-excerpt-2-lines article.post .excerpt, .search.search-list-show-excerpt-3-lines article.post .excerpt, .search.search-list-show-excerpt-4-lines article.post .excerpt, .search.search-list-show-excerpt-5-lines article.post .excerpt, .search.search-list-show-excerpt-6-lines article.post .excerpt { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .search.search-list-show-excerpt-1-line article.post .excerpt { -webkit-line-clamp: 1; } .search.search-list-show-excerpt-2-lines article.post .excerpt { -webkit-line-clamp: 2; } .search.search-list-show-excerpt-3-lines article.post .excerpt { -webkit-line-clamp: 3; } .search.search-list-show-excerpt-4-lines article.post .excerpt { -webkit-line-clamp: 4; } .search.search-list-show-excerpt-5-lines article.post .excerpt { -webkit-line-clamp: 5; } .search.search-list-show-excerpt-6-lines article.post .excerpt { -webkit-line-clamp: 6; } /* Single porfolio */ article.portfolio .entry-content .portfolio-meta dl { margin: 0; display: block; } article.portfolio .entry-content .portfolio-meta dl dt { float: left; width: 35%; max-width: 200px; padding-right: .75em; font-weight: bold; } .rtl article.portfolio .entry-content .portfolio-meta dl dt { padding-right: 0; padding-left: .75em; float: right; } article.portfolio .entry-content .portfolio-meta dl dt:nth-child(odd) { clear: left; } .rtl article.portfolio .entry-content .portfolio-meta dl dt:nth-child(odd) { clear: right; } article.portfolio .entry-content .portfolio-meta dl dd { margin: 0 0 .25em; } /* Single Post layout - Standard */ .single-portfolio article.portfolio .entry-content { display: grid; grid-gap: 0 var(--portfolio-columns-gap); } .single-portfolio article.portfolio .entry-content .article-media { grid-area: media; margin: 0; } .single-portfolio article.portfolio .entry-content .portfolio-meta { grid-area: meta; } .single-portfolio article.portfolio .entry-content .entry-content-inner { grid-area: content; } /* Single Post layout - Standard */ .single-portfolio.pf-single-view-standard article.portfolio .entry-content { grid-template-areas: "media media" "content meta"; grid-template-columns: 1fr minmax(var(--portfolio-columns-meta-min-width), var(--portfolio-columns-meta-max-width)); grid-template-rows: auto; } .single-portfolio.pf-single-view-standard article.portfolio .entry-content .article-media { margin-bottom: var(--portfolio-columns-gap); } @media (max-width: 768px) { .single-portfolio.pf-single-view-standard article.portfolio .entry-content { grid-template-areas: "media" "content" "meta"; grid-template-columns: 100%; } .single-portfolio.pf-single-view-standard article.portfolio .entry-content .portfolio-meta { padding-top: var(--portfolio-columns-gap); border-top: 1px solid var(--primary-07-color); } } /* Single Post layout - Columns 1 */ .single-portfolio.pf-single-view-columns-1 article.portfolio .entry-content { display: grid; grid-gap: var(--portfolio-columns-gap); grid-template-areas: "media content" "media meta"; grid-template-columns: minmax(var(--portfolio-columns-1-media-width), 1fr) 1fr; grid-template-rows: auto; } .single-portfolio.pf-single-view-columns-1 article.portfolio .entry-content .article-media { grid-row: 1/span 2; } .single-portfolio.pf-single-view-columns-1 article.portfolio .entry-content .portfolio-meta { padding-top: var(--portfolio-columns-gap); border-top: 1px solid var(--primary-07-color); } @media (max-width: 768px) { .single-portfolio.pf-single-view-columns-1 article.portfolio .entry-content { grid-template-areas: "media" "content" "meta"; grid-template-columns: 100%; } .single-portfolio.pf-single-view-columns-1 article.portfolio .entry-content .article-media { grid-row: 1; } } /* Single Post layout - Columns 2 */ .single-portfolio.pf-single-view-columns-2 article.portfolio .entry-content { display: grid; grid-gap: var(--portfolio-columns-gap); grid-template-areas: "media meta" "content content"; grid-template-columns: var(--portfolio-columns-2-media-width) 1fr; grid-template-rows: auto; } @media (max-width: 768px) { .single-portfolio.pf-single-view-columns-2 article.portfolio .entry-content { grid-template-areas: "media" "content" "meta"; grid-template-columns: 100%; } .single-portfolio.pf-single-view-columns-2 article.portfolio .entry-content .portfolio-meta { padding-top: var(--portfolio-columns-gap); border-top: 1px solid var(--primary-07-color); } } /* Single Post layout - Columns 3 */ .single-portfolio.pf-single-view-columns-3 article.portfolio .entry-content { display: grid; grid-gap: var(--portfolio-columns-gap); grid-template-areas: "media content" "meta content"; grid-template-columns: var(--portfolio-columns-3-media-width) 1fr; grid-template-rows: auto 1fr; } .single-portfolio.pf-single-view-columns-3 article.portfolio .entry-content .article-content { grid-row: 1/span 2; } @media (max-width: 768px) { .single-portfolio.pf-single-view-columns-3 article.portfolio .entry-content { grid-template-areas: "media" "content" "meta"; grid-template-columns: 100%; } .single-portfolio.pf-single-view-columns-3 article.portfolio .entry-content .portfolio-meta { padding-top: var(--portfolio-columns-gap); border-top: 1px solid var(--primary-07-color); } } /* Excerpt lines */ .post-type-archive-portfolio.pf-list-show-excerpt-none article.portfolio .excerpt { display: none; } .post-type-archive-portfolio.pf-list-show-excerpt-1-line article.portfolio .excerpt, .post-type-archive-portfolio.pf-list-show-excerpt-2-lines article.portfolio .excerpt, .post-type-archive-portfolio.pf-list-show-excerpt-3-lines article.portfolio .excerpt, .post-type-archive-portfolio.pf-list-show-excerpt-4-lines article.portfolio .excerpt, .post-type-archive-portfolio.pf-list-show-excerpt-5-lines article.portfolio .excerpt, .post-type-archive-portfolio.pf-list-show-excerpt-6-lines article.portfolio .excerpt { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .post-type-archive-portfolio.pf-list-show-excerpt-1-line article.portfolio .excerpt { -webkit-line-clamp: 1; } .post-type-archive-portfolio.pf-list-show-excerpt-2-lines article.portfolio .excerpt { -webkit-line-clamp: 2; } .post-type-archive-portfolio.pf-list-show-excerpt-3-lines article.portfolio .excerpt { -webkit-line-clamp: 3; } .post-type-archive-portfolio.pf-list-show-excerpt-4-lines article.portfolio .excerpt { -webkit-line-clamp: 4; } .post-type-archive-portfolio.pf-list-show-excerpt-5-lines article.portfolio .excerpt { -webkit-line-clamp: 5; } .post-type-archive-portfolio.pf-list-show-excerpt-6-lines article.portfolio .excerpt { -webkit-line-clamp: 6; } /* Post password form */ .post-password-form { padding: 2em; border: 2px solid var(--primary-07-color); } .button-shape-square .post-password-form { border-radius: 0; } .button-shape-rounded .post-password-form { border-radius: var(--soft-rounded); } .button-shape-round .post-password-form { border-radius: var(--hard-rounded-field); } .post-password-form p:nth-child(2) { display: flex; align-items: flex-end; } .post-password-form p:nth-child(2) label { display: flex; flex-direction: column; flex: 1 1 auto; padding-right: 1em; } .rtl .post-password-form p:nth-child(2) label { padding-right: 0; padding-left: 1em; } @media (max-width: 768px) { .post-password-form p:nth-child(2) { flex-direction: column; align-items: flex-start; } .post-password-form p:nth-child(2) label { flex: 1 0 100%; padding: 0 0 1em; width: 100%; } .rtl .post-password-form p:nth-child(2) label { padding: 0 0 1em; } .post-password-form p:nth-child(2) input[type=submit] { align-self: center; } } /* No Results blog / portfolio */ .no-results .entry-content { padding: 2em; border: 2px solid var(--primary-07-color); } .button-shape-square .no-results .entry-content { border-radius: 0; } .button-shape-rounded .no-results .entry-content { border-radius: var(--soft-rounded); } .button-shape-round .no-results .entry-content { border-radius: var(--hard-rounded-field); } .no-results .entry-content .search-form { display: flex; align-items: flex-end; } .no-results .entry-content .search-form label { display: flex; flex-direction: column; flex: 1 1 auto; padding-right: 1em; } .rtl .no-results .entry-content .search-form label { padding-right: 0; padding-left: 1em; } @media (max-width: 768px) { .no-results .entry-content .search-form { flex-direction: column; align-items: flex-start; } .no-results .entry-content .search-form label { flex: 1 0 100%; padding: 0 0 1em; width: 100%; } .rtl .no-results .entry-content .search-form label { padding: 0 0 1em; } .no-results .entry-content .search-form button[type=submit] { align-self: center; } } /* Site no results 404 */ .error-404.not-found .page-content { padding: 2em; border: 2px solid var(--primary-07-color); } .button-shape-square .error-404.not-found .page-content { border-radius: 0; } .button-shape-rounded .error-404.not-found .page-content { border-radius: var(--soft-rounded); } .button-shape-round .error-404.not-found .page-content { border-radius: var(--hard-rounded-field); } .error-404.not-found .page-content .search-form { display: flex; align-items: flex-end; } .error-404.not-found .page-content .search-form label { display: flex; flex-direction: column; flex: 1 1 auto; padding-right: 1em; } .rtl .error-404.not-found .page-content .search-form label { padding-right: 0; padding-left: 1em; } @media (max-width: 768px) { .error-404.not-found .page-content .search-form { flex-direction: column; align-items: flex-start; } .error-404.not-found .page-content .search-form label { flex: 1 0 100%; padding: 0 0 1em; width: 100%; } .rtl .error-404.not-found .page-content .search-form label { padding: 0 0 1em; } .error-404.not-found .page-content .search-form button[type=submit] { align-self: center; } } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /* Grid fix ------------------------------------------------------------------ */ .bt_bb_layout_boxed_600 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } .bt_bb_layout_boxed_700 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } .bt_bb_layout_boxed_800 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } .bt_bb_layout_boxed_900 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } .bt_bb_layout_boxed_1000 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } .bt_bb_layout_boxed_1100 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } .bt_bb_layout_boxed_1200 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } .bt_bb_layout_boxed_1400 .bt_bb_cell { max-width: calc(100% - var(--content-padding) * 2); } /* BT Widgets --------------------------------------------- */ .btIconWidget { display: flex; align-items: center; } /* Handle first / last widget in the desktop header and responsive header */ .site-header .widget_boldthemes_icon_widget, .site-header-responsive-widgets .widget_boldthemes_icon_widget, .site-header .widget_boldthemes_button_widget, .site-header-responsive-widgets .widget_boldthemes_button_widget, .site-header .widget_boldthemes_service_widget, .site-header-responsive-widgets .widget_boldthemes_service_widget, .site-header .widget_search, .site-header-responsive-widgets .widget_search, .site-header .widget_shopping_cart, .site-header-responsive-widgets .widget_shopping_cart, .site-header .btIconWidget[id*=time], .site-header-responsive-widgets .btIconWidget[id*=time] { display: inline-flex; } .site-header .widget_boldthemes_icon_widget:last-child, .site-header-responsive-widgets .widget_boldthemes_icon_widget:last-child, .site-header .widget_boldthemes_button_widget:last-child, .site-header-responsive-widgets .widget_boldthemes_button_widget:last-child, .site-header .widget_boldthemes_service_widget:last-child, .site-header-responsive-widgets .widget_boldthemes_service_widget:last-child, .site-header .widget_search:last-child, .site-header-responsive-widgets .widget_search:last-child, .site-header .widget_shopping_cart:last-child, .site-header-responsive-widgets .widget_shopping_cart:last-child, .site-header .btIconWidget[id*=time]:last-child, .site-header-responsive-widgets .btIconWidget[id*=time]:last-child { padding-right: 0; } .rtl .site-header .widget_boldthemes_icon_widget, .rtl .site-header-responsive-widgets .widget_boldthemes_icon_widget, .rtl .site-header .widget_boldthemes_button_widget, .rtl .site-header-responsive-widgets .widget_boldthemes_button_widget, .rtl .site-header .widget_boldthemes_service_widget, .rtl .site-header-responsive-widgets .widget_boldthemes_service_widget, .rtl .site-header .widget_search, .rtl .site-header-responsive-widgets .widget_search, .rtl .site-header .widget_shopping_cart, .rtl .site-header-responsive-widgets .widget_shopping_cart, .rtl .site-header .btIconWidget[id*=time], .rtl .site-header-responsive-widgets .btIconWidget[id*=time] { padding-right: 0; } .rtl .site-header .widget_boldthemes_icon_widget:last-child, .rtl .site-header-responsive-widgets .widget_boldthemes_icon_widget:last-child, .rtl .site-header .widget_boldthemes_button_widget:last-child, .rtl .site-header-responsive-widgets .widget_boldthemes_button_widget:last-child, .rtl .site-header .widget_boldthemes_service_widget:last-child, .rtl .site-header-responsive-widgets .widget_boldthemes_service_widget:last-child, .rtl .site-header .widget_search:last-child, .rtl .site-header-responsive-widgets .widget_search:last-child, .rtl .site-header .widget_shopping_cart:last-child, .rtl .site-header-responsive-widgets .widget_shopping_cart:last-child, .rtl .site-header .btIconWidget[id*=time]:last-child, .rtl .site-header-responsive-widgets .btIconWidget[id*=time]:last-child { padding-left: 0; } /* Setting for the search, cart and time widgets */ .site-header .widget_search, .site-header-responsive-widgets .widget_search, .site-header .widget_shopping_cart, .site-header-responsive-widgets .widget_shopping_cart, .site-header .btIconWidget[id*=time], .site-header-responsive-widgets .btIconWidget[id*=time] { padding-right: var(--widgets-icon-spacing-header); } .rtl .site-header .widget_search, .rtl .site-header-responsive-widgets .widget_search, .rtl .site-header .widget_shopping_cart, .rtl .site-header-responsive-widgets .widget_shopping_cart, .rtl .site-header .btIconWidget[id*=time], .rtl .site-header-responsive-widgets .btIconWidget[id*=time] { padding-left: var(--widgets-icon-spacing-header); } /* Settings for the icon widget */ .site-header .widget_boldthemes_icon_widget, .site-header-responsive-widgets .widget_boldthemes_icon_widget { padding-right: var(--widgets-icon-spacing-header); } .site-header .widget_boldthemes_icon_widget .bt_bb_icon, .site-header-responsive-widgets .widget_boldthemes_icon_widget .bt_bb_icon { padding-right: 0; padding-left: 0; } .rtl .site-header .widget_boldthemes_icon_widget, .rtl .site-header-responsive-widgets .widget_boldthemes_icon_widget { padding-left: var(--widgets-icon-spacing-header); } .widget_boldthemes_icon_widget.sidebar-box .bt_bb_icon, .site-footer-widgets .widget_boldthemes_icon_widget .bt_bb_icon { padding-right: 0; padding-left: 0; } /* Settings for the button widget */ .site-header .widget_boldthemes_button_widget, .site-header-responsive-widgets .widget_boldthemes_button_widget { padding-right: var(--widgets-button-spacing-header); } .site-header .widget_boldthemes_button_widget .bt_bb_button, .site-header-responsive-widgets .widget_boldthemes_button_widget .bt_bb_button { margin-bottom: 0; } .site-header .widget_boldthemes_button_widget .bt_bb_button .bt_bb_button_text, .site-header-responsive-widgets .widget_boldthemes_button_widget .bt_bb_button .bt_bb_button_text { white-space: nowrap; } .rtl .site-header .widget_boldthemes_button_widget, .rtl .site-header-responsive-widgets .widget_boldthemes_button_widget { padding-left: var(--widgets-button-spacing-header); } .widget_boldthemes_button_widget.sidebar-box .bt_bb_button, .site-footer-widgets .widget_boldthemes_button_widget .bt_bb_button { display: block; margin-bottom: 0; } /* Settings for the service widget */ .site-header .widget_boldthemes_service_widget, .site-header-responsive-widgets .widget_boldthemes_service_widget { padding-right: var(--widgets-service-spacing-header); } .rtl .site-header .widget_boldthemes_service_widget, .rtl .site-header-responsive-widgets .widget_boldthemes_service_widget { padding-left: var(--widgets-service-spacing-header); } .site-header .widget_boldthemes_service_widget .bt_bb_service_content_title, .site-header .widget_boldthemes_service_widget .bt_bb_service_content_text, .site-header-responsive-widgets .widget_boldthemes_service_widget .bt_bb_service_content_title, .site-header-responsive-widgets .widget_boldthemes_service_widget .bt_bb_service_content_text { white-space: nowrap; } /* Settings for the cart widget */ .site-header .widget_shopping_cart, .site-header-responsive-widgets .widget_shopping_cart { display: inline-block; } /* Special case widgets in the mobile header */ .bt-header-responsive-active .site-header {} .bt-header-responsive-active .site-header .widget_boldthemes_icon_widget:has(.bt_bb_icon > .bt_bb_icon_holder > span), .bt-header-responsive-active .site-header .widget_boldthemes_button_widget, .bt-header-responsive-active .site-header .widget_boldthemes_service_widget, .bt-header-responsive-active .site-header .widget_search:not(.bt-enable-fullscreen), .bt-header-responsive-active .site-header .btIconWidget[id*=time] { width: 100%; margin-bottom: 1rem; padding-left: 0 !important; padding-right: 0 !important; display: inline-flex; justify-content: center; } .bt-header-responsive-active .site-header .widget_boldthemes_icon_widget:has(.bt_bb_icon > .bt_bb_icon_holder > span):last-child, .bt-header-responsive-active .site-header .widget_boldthemes_button_widget:last-child, .bt-header-responsive-active .site-header .widget_boldthemes_service_widget:last-child, .bt-header-responsive-active .site-header .widget_search:not(.bt-enable-fullscreen):last-child, .bt-header-responsive-active .site-header .btIconWidget[id*=time]:last-child { margin-bottom: 0; } .bt-header-responsive-active .site-header .widget_boldthemes_button_widget .bt_bb_button { width: 100%; } .bt-header-responsive-active .site-header .widget_boldthemes_service_widget .bt_bb_service { flex-direction: column; } .bt-header-responsive-active .site-header .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content { text-align: center; padding-left: 0 !important; padding-right: 0 !important; padding-top: .5em; } .bt-header-responsive-active .site-header .btIconWidget[id*=time] { flex-direction: column; } .bt-header-responsive-active .site-header .btIconWidget[id*=time] .btIconWidgetContent { padding-left: 0 !important; padding-right: 0 !important; padding-top: .5em; } .bt-header-responsive-active .site-header .widget_boldthemes_icon_widget, .bt-header-responsive-active .site-header .widget_shopping_cart, .bt-header-responsive-active .site-header .widget_search { display: inline-flex; width: auto; margin-bottom: 1rem; } /* Cover the sticky override */ .bt-sticky-header-active .site-header .widget_boldthemes_service_widget .bt_bb_service.bt_bb_has_widget_sticky_color_scheme, .bt-sticky-header-active .site-header .widget_boldthemes_button_widget .bt_bb_button.bt_bb_has_widget_sticky_color_scheme, .bt-sticky-header-active .site-header .widget_boldthemes_icon_widget .bt_bb_icon.bt_bb_has_widget_sticky_color_scheme, .bt-sticky-header-active .site-header-responsive-widgets .widget_boldthemes_service_widget .bt_bb_service.bt_bb_has_widget_sticky_color_scheme, .bt-sticky-header-active .site-header-responsive-widgets .widget_boldthemes_button_widget .bt_bb_button.bt_bb_has_widget_sticky_color_scheme, .bt-sticky-header-active .site-header-responsive-widgets .widget_boldthemes_icon_widget .bt_bb_icon.bt_bb_has_widget_sticky_color_scheme { --primary-color: var(--widget-sticky-primary-color) !important; --secondary-color: var(--widget-sticky-secondary-color) !important; } .bt-sticky-header-active .site-header .widget_shopping_cart .widgettitle .widgetcounter, .bt-sticky-header-active .site-header-responsive-widgets .widget_shopping_cart .widgettitle .widgetcounter { --primary-color: var(--widget-sticky-primary-color, var(--widget-primary-color)); --secondary-color: var(--widget-sticky-secondary-color, var(--widget-secondary-color), inherit); } .bt-sticky-header-active .site-header .widget_search.bt-enable-fullscreen, .bt-sticky-header-active .site-header-responsive-widgets .widget_search.bt-enable-fullscreen { --primary-color: var(--widget-sticky-primary-color, var(--widget-primary-color)); --secondary-color: var(--widget-sticky-secondary-color, var(--widget-secondary-color), inherit); } .site-header .widget_shopping_cart .widgettitle .widgetcounter, .site-header-responsive-widgets .widget_shopping_cart .widgettitle .widgetcounter { --primary-color: var(--widget-primary-color, inherit); --secondary-color: var(--widget-secondary-color, inherit); } .site-header .widget_search.bt-enable-fullscreen, .site-header-responsive-widgets .widget_search.bt-enable-fullscreen { --primary-color: var(--widget-primary-color, inherit); --secondary-color: var(--widget-secondary-color, inherit); } /* Sidebar --------------------------------------------- */ .sidebar-box:not(:last-child) { margin-bottom: var(--widgets-inner-spacing); } .sidebar-box > h4 { font-size: 2em; margin-bottom: .5em; padding-bottom: 0em; display: inline-block; width: 100%; } .sidebar-box h5 { font-size: 1.4em; margin-bottom: .35em; } .sidebar-box ul, .sidebar-box ol { list-style: none; margin: 0; display: block; padding: 0; } .sidebar-box ul li, .sidebar-box ol li { display: block; width: auto; margin: 0; padding: .8em 0; position: relative; border-bottom: 1px solid var(--primary-07-color); background-color: transparent !important; line-height: inherit; } .sidebar-box ul li:last-child, .sidebar-box ol li:last-child { padding-bottom: 0; border-bottom: 0; } .sidebar-box ul li ul, .sidebar-box ol li ul { margin: .8em 0 0; padding: 0em 0 0; color: inherit !important; border-top: 1px solid var(--primary-07-color); background-color: transparent !important; } .sidebar-box ul li ul li, .sidebar-box ol li ul li { margin-left: 1em; } .rtl .sidebar-box ul li ul li, .rtl .sidebar-box ol li ul li { padding-left: 0; padding-margin: 1em; } .sidebar-box ul li:after, .sidebar-box ol li:after { content: ""; clear: both; display: block; } .sidebar-box ul li li:last-child, .sidebar-box ol li li:last-child { border-bottom: none; padding-bottom: 0; } .sidebar-box > ul > li:first-child { padding-top: 0; } .sidebar-box p.posted, .sidebar-box .quantity { margin: 0; } /* Calendar --------------------------------------------- */ .widget_calendar table { width: 100%; border-collapse: collapse; margin-bottom: .5em; } .widget_calendar table caption { font-family: var(--heading-font); padding: 5px; background: var(--accent-color); color: var(--light-color); text-transform: var(--heading-text-transform); } .widget_calendar table thead th { background: var(--primary-07-color); text-align: center; padding: 3px; } .widget_calendar table tfoot td { padding: 3px; } .widget_calendar table tfoot td#next { text-align: right; } .widget_calendar table tbody tr td { background: transparent; } .widget_calendar table tbody tr td#today { color: var(--accent-color); } .widget_calendar table tbody td { text-align: center; padding: 2px 3px; } .widget_calendar table .wp-calendar-nav { display: flex; justify-content: space-between; } /* Archives --------------------------------------------- */ .sidebar-box.widget_archive ul li, .sidebar-box.widget_categories ul li { text-align: right; } .rtl .sidebar-box.widget_archive ul li, .rtl .sidebar-box.widget_categories ul li { text-align: left; } .sidebar-box.widget_archive ul li a, .sidebar-box.widget_categories ul li a { display: block; float: left; } .rtl .sidebar-box.widget_archive ul li a, .rtl .sidebar-box.widget_categories ul li a { float: right; } .sidebar-box.widget_archive ul li ul.children, .sidebar-box.widget_categories ul li ul.children { float: left; width: 100%; } .sidebar-box.widget_archive .fancy-select ul li, .sidebar-box.widget_categories .fancy-select ul li { text-align: initial; } .sidebar-box.widget_archive .fancy-select ul li:first-child, .sidebar-box.widget_categories .fancy-select ul li:first-child { padding-top: .5em; } .sidebar-box.widget_archive .fancy-select ul li a, .sidebar-box.widget_categories .fancy-select ul li a { display: inline; float: none !important; } /* Recent comments --------------------------------------------- */ .widget_recent_comments .comment-author-link a { display: inline; padding: 0; } /* Recent posts --------------------------------------------- */ .widget_recent_entries ul li span.post-date { opacity: .5; } /* RSS --------------------------------------------- */ .widget_rss li { margin-bottom: 1em; } .widget_rss li a.rsswidget { font-size: 1.3rem; font-family: var(--heading-font); font-weight: var(--heading-font-weight); text-transform: var(--heading-text-transform); font-style: var(--heading-font-style); } .widget_rss li .rss-date { font-size: .8em; font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); font-style: var(--supertitle-font-style); margin: 0 0 1em; display: block; opacity: .6; } .widget_rss li cite { font-size: .8em; font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); line-height: 2em; margin-top: .5em; display: block; opacity: .6; } /* Tags --------------------------------------------- */ .sidebar-box.widget_tag_cloud a, .sidebar-box.widget_tag_cloud .tagcloud a, .widget_block .tagcloud a, .widget_product_tag_cloud .tagcloud a { margin: 0 .4rem .4rem 0; padding: 0; display: inline-flex; } .sidebar-box.widget_tag_cloud a:hover, .sidebar-box.widget_tag_cloud .tagcloud a:hover, .widget_block .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover { color: var(--accent-color); } .rtl .sidebar-box.widget_tag_cloud a, .rtl .sidebar-box.widget_tag_cloud .tagcloud a, .rtl .widget_block .tagcloud a, .rtl .widget_product_tag_cloud .tagcloud a { margin: 0 0 .4rem .4rem; } .sidebar-box.widget_tag_cloud:after, .sidebar-box.widget_tag_cloud .tagcloud:after, .widget_block .tagcloud:after, .widget_product_tag_cloud .tagcloud:after { content: " "; clear: both; display: table; width: 100%; } /* Search widget --------------------------------------------- */ .widget_search .wp-block-search .wp-block-search__label, .widget_block .wp-block-search .wp-block-search__label { display: none; } .widget_search .search-form, .widget_search .wp-block-search__inside-wrapper, .widget_block .search-form, .widget_block .wp-block-search__inside-wrapper { position: relative; } .widget_search .wp-block-search__input, .widget_block .wp-block-search__input { padding-right: 3em !important; } .rtl .widget_search .wp-block-search__input, .rtl .widget_block .wp-block-search__input { padding-right: .8em !important; padding-left: 3em !important; } .widget_search .search-form .search-field, .widget_block .search-form .search-field { padding-right: 6em !important; } .rtl .widget_search .search-form .search-field, .rtl .widget_block .search-form .search-field { padding-right: .8em !important; padding-left: 6em !important; } .widget_search input[type=submit], .widget_block input[type=submit] { font-size: .75em; position: absolute; right: .6em; top: .6em; padding-right: 1.5em; padding-left: 1.5em; } .rtl .widget_search input[type=submit], .rtl .widget_block input[type=submit] { right: auto; left: .7rem; } .widget_search button[type=submit], .widget_block button[type=submit] { border: 0; padding: 0; margin: 0; position: absolute; right: .7rem; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; transition: 200ms ease all; box-shadow: none !important; color: inherit !important; background: transparent !important; border-radius: 0; text-indent: -999999px; } .widget_search button[type=submit]:after, .widget_block button[type=submit]:after { content: var(--search-widget-icon-search); font-family: var(--search-widget-icon-search-font); font-size: 1em; font-weight: normal; margin: 0 .25em; text-indent: 0; } .widget_search button[type=submit]:hover, .widget_block button[type=submit]:hover { background: transparent !important; box-shadow: none !important; color: inherit !important; opacity: .6; transform: none; } .rtl .widget_search button[type=submit], .rtl .widget_block button[type=submit] { right: auto; left: .7rem; } .wp-block-search .wp-block-search__input { color: inherit; border: 1px solid var(--primary-07-color); } /* Block widgets --------------------------------------------- */ .wp-block-button.aligncenter, .wp-block-calendar { text-align: left; } .wp-block-calendar a { text-decoration: none; } /* Fullscreen search --------------------------------------------- */ .widget_search { --widget-full-screen-enabled: off; } .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open, .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open { color: var(--primary-color); transition: 280ms ease color; } .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before, .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before { content: var(--search-widget-icon-open); font-family: var(--search-widget-icon-open-font); font-size: var(--search-widget-icon-open-size); display: block; cursor: pointer; line-height: 1; color: inherit; } .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:hover, .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:hover { color: var(--secondary-color); } .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close, .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close { display: flex; position: fixed; right: 0rem; top: 2rem; z-index: 10001; opacity: 0; pointer-events: none; width: 5rem; height: 5rem; align-items: center; justify-content: center; color: var(--page-color, var(--page-primary-color)); } .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close:before, .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close:before { content: var(--search-widget-icon-close); font-family: var(--search-widget-icon-close-font); font-size: var(--search-widget-icon-close-size); line-height: 1; display: block; cursor: pointer; } .rtl .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close, .rtl .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close { right: auto; left: 0; } .site-header .widget_search.bt-enable-fullscreen .widgettitle, .site-header-responsive .widget_search.bt-enable-fullscreen .widgettitle { display: none; } .site-header .widget_search.bt-enable-fullscreen .full-screen-wrapper, .site-header-responsive .widget_search.bt-enable-fullscreen .full-screen-wrapper { position: fixed; inset: 0; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; background: var(--page-background-color, var(--page-secondary-color)); z-index: 10000; } .site-header .widget_search.bt-enable-fullscreen form.search-form, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form { width: var(--search-widget-desktop-width); max-width: var(--search-widget-desktop-max-width); margin: auto; color: var(--page-color, var(--page-primary-color)); flex-direction: row; align-items: center; } .site-header .widget_search.bt-enable-fullscreen form.search-form > label, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form > label { display: block; width: 100%; position: relative; z-index: 2; } .site-header .widget_search.bt-enable-fullscreen form.search-form > label > span, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form > label > span { font-family: var(--heading-font); font-weight: var(--heading-font-weight); text-transform: var(--heading-text-transform); font-style: var(--heading-font-style); font-size: 2em; clip: unset; clip-path: unset; height: unset; margin: unset; width: 100%; position: unset !important; display: block; text-align: center; transform: translateY(-100%); position: absolute !important; margin: 0 auto; padding: 0 0 .25em; } .site-header .widget_search.bt-enable-fullscreen form.search-form > label input, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form > label input { font-size: 1.5em; } .site-header .widget_search.bt-enable-fullscreen form.search-form button, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form button { z-index: 2; } .site-header .widget_search.bt-enable-fullscreen form.search-form button:after, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form button:after { font-size: 2.5rem; } .site-header .widget_search.bt-enable-fullscreen.bt-on .bt-enable-fullscreen-close, .site-header-responsive .widget_search.bt-enable-fullscreen.bt-on .bt-enable-fullscreen-close { opacity: 1; pointer-events: initial; } .site-header .widget_search.bt-enable-fullscreen.bt-on .full-screen-wrapper, .site-header-responsive .widget_search.bt-enable-fullscreen.bt-on .full-screen-wrapper { opacity: 1; pointer-events: initial; } .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before {} .site-header .site-branding-widgets .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before { font-size: var(--search-widget-icon-open-size); } .primary-menu-position-logo-left .site-header .site-navigation-widgets .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before, .primary-menu-position-logo-right .site-header .site-navigation-widgets .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before, .primary-menu-position-logo-center .site-header .site-navigation-widgets .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before { font-size: var(--search-widget-icon-open-size); } .primary-menu-position-bottom-left .site-header .site-navigation-widgets .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before, .primary-menu-position-bottom-right .site-header .site-navigation-widgets .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before, .primary-menu-position-bottom-center .site-header .site-navigation-widgets .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before { font-size: var(--search-widget-icon-open-size-belowmenu); } .site-header-top-bar .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before { font-size: var(--search-widget-icon-open-size-topbar); } .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before { font-size: var(--search-widget-icon-open-size-resptopbar); } .bt-sidebar-responsive-active .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-open:before { font-size: var(--search-widget-icon-open-size-respmenu); } body.bt-header-responsive-inactive.bt-fullscreen-search-widget-on { overflow: hidden; } body.bt-header-responsive-inactive.bt-fullscreen-search-widget-on .site-header .site-header-responsive-widgets .widget_search.bt-enable-fullscreen .full-screen-wrapper, body.bt-header-responsive-inactive.bt-fullscreen-search-widget-on .site-header .site-menu-responsive-widgets .widget_search.bt-enable-fullscreen .full-screen-wrapper { pointer-events: none; } body.bt-header-responsive-active.bt-fullscreen-search-widget-on .site-header { overflow: hidden; } body.bt-header-responsive-active.bt-fullscreen-search-widget-on .site-header .site-navigation-widgets .widget_search.bt-enable-fullscreen .full-screen-wrapper, body.bt-header-responsive-active.bt-fullscreen-search-widget-on .site-header .site-branding-widgets .widget_search.bt-enable-fullscreen .full-screen-wrapper, body.bt-header-responsive-active.bt-fullscreen-search-widget-on .site-header .site-header-top-bar .widget_search.bt-enable-fullscreen .full-screen-wrapper { pointer-events: none; } body.bt-header-responsive-active.bt-fullscreen-search-widget-on .site-header-responsive .site-header-responsive-trigger { opacity: 0; pointer-events: none; } body.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on { overflow: hidden; } body.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on .site-header { overflow: visible; z-index: 11; } body.bt-header-responsive-active.responsive-menu-position-left.bt-fullscreen-search-widget-on { overflow: hidden; } body.bt-header-responsive-active.responsive-menu-position-left.bt-fullscreen-search-widget-on .site-header { overflow: visible; z-index: 11; } body.bt-header-responsive-active.responsive-menu-position-left.bt-fullscreen-search-widget-on .site-header .bt-enable-fullscreen-close { margin-right: calc(( 100vw - var(--responsive-menu-max-width) ) * -1); } body.rtl.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on { overflow: hidden; } body.rtl.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on .site-header { overflow: visible; z-index: 11; } body.rtl.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on .site-header .bt-enable-fullscreen-close { margin-left: calc(( 100vw - var(--responsive-menu-max-width) ) * -1); } body.rtl.bt-header-responsive-active.responsive-menu-position-left.bt-fullscreen-search-widget-on { overflow: hidden; } body.rtl.bt-header-responsive-active.responsive-menu-position-left.bt-fullscreen-search-widget-on .site-header { overflow: visible; z-index: 11; } body.rtl.bt-header-responsive-active.responsive-menu-position-left.bt-fullscreen-search-widget-on .site-header .full-screen-wrapper { margin-right: calc(( 100vw - var(--responsive-menu-max-width) ) * -1); } body.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on { overflow: hidden; } body.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on .site-header { overflow: visible; z-index: 11; } body.bt-header-responsive-active.responsive-menu-position-right.bt-fullscreen-search-widget-on .site-header .full-screen-wrapper { margin-left: calc(( 100vw - var(--responsive-menu-max-width) ) * -1); } /* BB Recent Comments --------------------------------------------- */ .sidebar-box.widget_bt_bb_recent_comments h5 { font-size: 1.125em; margin-bottom: 0; } .sidebar-box.widget_bt_bb_recent_comments .posted { opacity: .6; } /* Text widget ----------------------------------------------*/ .btImageTextWidgetWraper ul li .btImageTextWidget { display: flex; align-items: center; } .btImageTextWidgetWraper ul li .btImageTextWidget:not(:last-child) { margin-bottom: .5em; } .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage { flex: 0 0 30%; padding-right: 10px; max-width: 80px; } .rtl .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage { padding-right: 0; padding-left: 10px; } .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a { display: block; line-height: 0; } .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { margin: 0; max-width: 100%; width: 100%; height: auto; } .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetText { flex: 0 0 70%; overflow: hidden; } .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_tag { font-size: 1.125em; } .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_content span a:hover { color: var(--accent-color); } /* Time widget --------------------------------------------- */ .btIconWidget[id*=time] { display: inline-flex; max-width: 100%; justify-content: space-between; align-content: flex-start; flex-flow: row nowrap; } .btIconWidget[id*=time] .btIconWidgetIcon { order: 1; } .btIconWidget[id*=time] .btIconWidgetIcon .bt_bb_icon_holder { line-height: 1; display: block; } .btIconWidget[id*=time] .btIconWidgetContent { flex: 1 1 auto; order: 2; padding: 0 0 0 .5em; display: block; } .rtl .btIconWidget[id*=time] .btIconWidgetContent { padding: 0 .5em 0 0; } .btIconWidget[id*=time] .btIconWidgetContent .btIconWidgetTitle { font-size: 1em; font-family: var(--supertitle-font); font-style: var(--supertitle-font-style); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); line-height: 1.2; display: block; } .btIconWidget[id*=time] .btIconWidgetContent .btIconWidgetText { font-size: 1.125em; font-weight: var(--heading-font-weight); line-height: 1.1; padding-top: .1em; display: block; } .widget-area .btIconWidget[id*=time] { margin-bottom: var(--widgets-inner-spacing); } .widget-area .btIconWidget[id*=time] .btIconWidgetIcon { font-size: var(--time-widget-icon-size); } .site-header .site-branding-widgets .btIconWidget[id*=time] .btIconWidgetIcon { font-size: var(--time-widget-icon-size); } .primary-menu-position-logo-left .site-header .site-navigation-widgets .btIconWidget[id*=time] .btIconWidgetIcon, .primary-menu-position-logo-right .site-header .site-navigation-widgets .btIconWidget[id*=time] .btIconWidgetIcon, .primary-menu-position-logo-center .site-header .site-navigation-widgets .btIconWidget[id*=time] .btIconWidgetIcon { font-size: var(--time-widget-icon-size); } .primary-menu-position-bottom-left .site-header .site-navigation-widgets .btIconWidget[id*=time] .btIconWidgetIcon, .primary-menu-position-bottom-right .site-header .site-navigation-widgets .btIconWidget[id*=time] .btIconWidgetIcon, .primary-menu-position-bottom-center .site-header .site-navigation-widgets .btIconWidget[id*=time] .btIconWidgetIcon { font-size: var(--time-widget-icon-size-belowmenu); } .site-header-top-bar .btIconWidget[id*=time] .btIconWidgetIcon { font-size: var(--time-widget-icon-size-topbar); } .site-header-top-bar .btIconWidget[id*=time] .btIconWidgetContent { display: flex; } .site-header-top-bar .btIconWidget[id*=time] .btIconWidgetContent .btIconWidgetTitle, .site-header-top-bar .btIconWidget[id*=time] .btIconWidgetContent .btIconWidgetText { line-height: 1.1; font-size: 1em; font-style: normal; font-weight: normal; padding: 0; } .site-header-top-bar .btIconWidget[id*=time] .btIconWidgetContent:after { content: ""; display: block; width: .3em; order: 2; } .site-header-top-bar .btIconWidget[id*=time] .btIconWidgetContent .btIconWidgetTitle { order: 1; } .site-header-top-bar .btIconWidget[id*=time] .btIconWidgetContent .btIconWidgetText { order: 3; opacity: .6; } .site-header-responsive .btIconWidget[id*=time] .btIconWidgetIcon { font-size: var(--time-widget-icon-size-resptopbar); } .bt-sidebar-responsive-active .site-header .btIconWidget[id*=time] {} .bt-sidebar-responsive-active .site-header .btIconWidget[id*=time] .btIconWidgetIcon { font-size: var(--time-widget-icon-size-respmenu); } /* Service widget --------------------------------------------- */ .site-header-top-bar .widget_boldthemes_service_widget .bt_bb_service { align-items: center; } .site-header-top-bar .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content { display: flex; } .site-header-top-bar .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title, .site-header-top-bar .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content .bt_bb_service_content_text { line-height: 1.1; font-size: 1em; font-style: normal; font-weight: normal; padding: 0; } .site-header-top-bar .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content:after { content: ""; display: block; width: .3em; order: 2; } .site-header-top-bar .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title { order: 1; } .site-header-top-bar .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content .bt_bb_service_content_text { order: 3; opacity: .6; } /* Shopping cart --------------------------------------------- */ .site-header .widget_shopping_cart .widget_shopping_cart_content, .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content { display: none; background: var(--page-background-color, var(--page-secondary-color)); color: var(--page-color, var(--page-primary-color)); } .site-header .widget_shopping_cart.bt-on .widget_shopping_cart_content, .site-header-responsive .widget_shopping_cart.bt-on .widget_shopping_cart_content { display: block; } .site-header .widget_shopping_cart .widgettitle, .site-header-responsive .widget_shopping_cart .widgettitle { padding: 0; text-indent: -99999px; position: relative; display: inline-flex; align-items: center; font-weight: normal; } .site-header .widget_shopping_cart .widgettitle .widgetcounter, .site-header-responsive .widget_shopping_cart .widgettitle .widgetcounter { text-indent: 0; display: inline-flex; align-items: center; color: var(--primary-color); transition: 280ms ease color; } .site-header .widget_shopping_cart .widgettitle .widgetcounter:before, .site-header-responsive .widget_shopping_cart .widgettitle .widgetcounter:before { font-family: var(--woo-cart-widget-icon-font); content: var(--woo-cart-widget-icon); margin: 0 .1em 0 0; line-height: 1; } .rtl .site-header .widget_shopping_cart .widgettitle .widgetcounter:before, .rtl .site-header-responsive .widget_shopping_cart .widgettitle .widgetcounter:before { margin: 0 0 0 .1em; } .site-header .widget_shopping_cart .widgettitle .widgetcounter:hover, .site-header-responsive .widget_shopping_cart .widgettitle .widgetcounter:hover { color: var(--secondary-color); } /* Cart wiget in responsive menu */ .bt-header-responsive-active .site-header .widget_shopping_cart .widgettitle .widgetcounter:after { content: var(--woo-cart-widget-icon-close); font-family: var(--woo-cart-widget-icon-close-font); font-size: var(--woo-cart-widget-icon-close-size); display: block; position: fixed; top: calc(var(--woo-cart-widget-responsive-padding) / 2); left: 50%; transform: translateX(-50%); z-index: 100000; opacity: 0; pointer-events: none; color: var(--page-color, var(--page-primary-color)); } .bt-header-responsive-active .site-header .widget_shopping_cart .widget_shopping_cart_content { position: fixed; inset: 0; z-index: 99999; padding: calc(var(--woo-cart-widget-responsive-padding) + var(--woo-cart-widget-icon-close-size) * 2) var(--woo-cart-widget-responsive-padding) var(--woo-cart-widget-responsive-padding); } .bt-header-responsive-active .site-header .widget_shopping_cart.bt-on .widgettitle .widgetcounter:after { opacity: 1; pointer-events: initial; } .widget_shopping_cart .widgettitle .widgetcounter:before {} .site-header .site-branding-widgets .widget_shopping_cart .widgettitle .widgetcounter:before { font-size: var(--woo-cart-widget-icon-size); } .primary-menu-position-logo-left .site-header .site-navigation-widgets .widget_shopping_cart .widgettitle .widgetcounter:before, .primary-menu-position-logo-right .site-header .site-navigation-widgets .widget_shopping_cart .widgettitle .widgetcounter:before, .primary-menu-position-logo-center .site-header .site-navigation-widgets .widget_shopping_cart .widgettitle .widgetcounter:before { font-size: var(--woo-cart-widget-icon-size); } .primary-menu-position-bottom-left .site-header .site-navigation-widgets .widget_shopping_cart .widgettitle .widgetcounter:before, .primary-menu-position-bottom-right .site-header .site-navigation-widgets .widget_shopping_cart .widgettitle .widgetcounter:before, .primary-menu-position-bottom-center .site-header .site-navigation-widgets .widget_shopping_cart .widgettitle .widgetcounter:before { font-size: var(--woo-cart-widget-icon-size-belowmenu); } .site-header-top-bar .widget_shopping_cart .widgettitle .widgetcounter:before { font-size: var(--woo-cart-widget-icon-size-topbar); } .site-header-responsive .widget_shopping_cart .widgettitle .widgetcounter:before { font-size: var(--woo-cart-widget-icon-size-resptopbar); } .bt-sidebar-responsive-active .site-header .widget_shopping_cart .widgettitle .widgetcounter:before { font-size: var(--woo-cart-widget-icon-size-respmenu); } /* Cart position depending of responsive and desktop menu position nad RTL */ .bt-header-responsive-inactive .site-header .widget_shopping_cart .widget_shopping_cart_content, .bt-header-responsive-active .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content { position: absolute; padding: var(--woo-cart-widget-padding); right: 0; width: var(--woo-cart-widget-width); box-shadow: var(--woo-cart-widget-shadow); z-index: 99999; } .bt-header-responsive-inactive .site-header .widget_shopping_cart .widget_shopping_cart_content { max-height: calc(90vh - max(var(--logo-height), var(--sticky-logo-height))); overflow-y: auto; } .bt-header-responsive-active .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content { max-height: calc(85vh - max(var(--responsive-logo-height), var(--responsive-sticky-logo-height))); overflow-y: auto; } .responsive-logo-position-left.responsive-trigger-position-left.rtl .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content, .responsive-logo-position-center.responsive-trigger-position-left.rtl .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content, .responsive-logo-position-left.responsive-trigger-position-right.rtl .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content { right: 0; left: auto; } .responsive-logo-position-right.responsive-trigger-position-left .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content, .responsive-logo-position-center.responsive-trigger-position-right .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content, .responsive-logo-position-right.responsive-trigger-position-right .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content { left: 0; right: auto; } .bt-header-responsive-inactive .site-header .site-header-top-bar-inner-left .widget_shopping_cart .widget_shopping_cart_content { right: auto; left: 0; } .rtl.bt-header-responsive-inactive .site-header .site-header-top-bar-inner-left .widget_shopping_cart .widget_shopping_cart_content { right: 0; left: auto; } .rtl.bt-header-responsive-inactive .site-header .widget_shopping_cart .widget_shopping_cart_content, .rtl.bt-header-responsive-active .site-header-responsive .widget_shopping_cart .widget_shopping_cart_content { right: auto; left: 0; } .bt-header-responsive-inactive .site-header .widget_shopping_cart, .bt-header-responsive-active .site-header-responsive .widget_shopping_cart { position: relative; } /* Woocommerce --------------------------------------------- */ .widget_shopping_cart .widgettitle { font-family: var(--body-font); font-size: inherit; font-weight: inherit; cursor: pointer; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page input.button, .woocommerce-page input.button.alt { padding: .6em 1em .4em; } .wpcf7-date { width: 100%; } .wpcf7-date:before { width: 100%; content: attr(placeholder); } .wpcf7-date:before:hover { width: 0%; content: ""; } .wpcf7-date.placeholderclass:before { width: 0%; content: ""; } /* On Sale --------------------------------------------- */ .woocommerce span.onsale { background: var(--woo-sale-tag-background); color: var(--light-color); display: flex; font-size: .875em; width: 4em; height: 4em; line-height: 1; min-width: unset; min-height: unset; padding: .25em; justify-content: center; align-items: center; border-radius: 0; transform: translate(-25%, -25%); top: 0; left: 0; } .woocommerce.button-shape-rounded span.onsale, .button-shape-rounded .woocommerce span.onsale { border-radius: var(--soft-rounded); } .woocommerce.button-shape-round span.onsale, .button-shape-round .woocommerce span.onsale { border-radius: var(--hard-rounded); } .woocommerce ul.products li.product span.onsale { margin: 0; transform: translate(25%, -25%); } .woocommerce.rtl span.onsale, .rtl .woocommerce span.onsale { transform: translate(25%, -25%); left: auto; right: 0; } .woocommerce.rtl ul.products li.product span.onsale, .rtl .woocommerce ul.products li.product span.onsale { margin: 0; transform: translate(-25%, -25%); } /* Products --------------------------------------------- */ .woocommerce-page .products ul, .woocommerce-page ul.products, .woocommerce .products ul, .woocommerce ul.products { margin: 0 calc(var(--woo-product-x-spacing) * -1) var(--woo-product-y-spacing); padding: 0; list-style: none; clear: both; display: flex; flex-wrap: wrap; } .woocommerce-page .products ul li.product, .woocommerce-page ul.products li.product, .woocommerce .products ul li.product, .woocommerce ul.products li.product { max-width: 100%; padding: 0 var(--woo-product-x-spacing); margin: 0 0 var(--woo-product-y-spacing); position: relative; list-style: none; flex: 1 1 100%; flex: 0 0 33.3333%; max-width: 33.3333%; position: relative; transition: 200ms ease all; } .woocommerce-page .products ul li.product:before, .woocommerce-page ul.products li.product:before, .woocommerce .products ul li.product:before, .woocommerce ul.products li.product:before { content: ""; position: absolute; inset: 0 var(--woo-product-x-spacing); border: 1px solid var(--primary-07-color); transition: 200ms ease all; z-index: var(--woo-product-border-z-index); pointer-events: none; } .woocommerce-page .products ul li.product:after, .woocommerce-page ul.products li.product:after, .woocommerce .products ul li.product:after, .woocommerce ul.products li.product:after { content: ""; position: absolute; inset: 0 var(--woo-product-x-spacing); transition: 200ms ease all; z-index: -11; pointer-events: none; background: var(--woo-product-background); } .woocommerce-page .products ul li.product.first, .woocommerce-page ul.products li.product.first, .woocommerce .products ul li.product.first, .woocommerce ul.products li.product.first { clear: both; } .woocommerce-page .products ul li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce .products ul li.product:hover, .woocommerce ul.products li.product:hover { z-index: 1; } .woocommerce-page .products ul li.product:hover:before, .woocommerce-page ul.products li.product:hover:before, .woocommerce .products ul li.product:hover:before, .woocommerce ul.products li.product:hover:before { border-color: transparent; box-shadow: var(--woo-product-hover-shadow); } .woocommerce-page .products ul li.product .woocommerce-loop-product__link, .woocommerce-page ul.products li.product .woocommerce-loop-product__link, .woocommerce .products ul li.product .woocommerce-loop-product__link, .woocommerce ul.products li.product .woocommerce-loop-product__link { padding-left: var(--woo-product-content-padding); padding-right: var(--woo-product-content-padding); display: block; position: relative; z-index: 0; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link img, .woocommerce-page ul.products li.product .woocommerce-loop-product__link img, .woocommerce .products ul li.product .woocommerce-loop-product__link img, .woocommerce ul.products li.product .woocommerce-loop-product__link img { margin-left: calc(var(--woo-product-content-padding) * -1); margin-right: calc(var(--woo-product-content-padding) * -1); width: calc(100% + var(--woo-product-content-padding) * 2); max-width: calc(100% + var(--woo-product-content-padding) * 2); } .woocommerce-page .products ul li.product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce .products ul li.product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title { padding: 0 0 .5rem; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link .star-rating, .woocommerce-page ul.products li.product .woocommerce-loop-product__link .star-rating, .woocommerce .products ul li.product .woocommerce-loop-product__link .star-rating, .woocommerce ul.products li.product .woocommerce-loop-product__link .star-rating { margin-bottom: 1em; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link .price, .woocommerce-page ul.products li.product .woocommerce-loop-product__link .price, .woocommerce .products ul li.product .woocommerce-loop-product__link .price, .woocommerce ul.products li.product .woocommerce-loop-product__link .price { font-size: 1.5em; color: inherit; line-height: 1; margin-bottom: 1em; } .woocommerce-page .products ul li.product .button, .woocommerce-page ul.products li.product .button, .woocommerce .products ul li.product .button, .woocommerce ul.products li.product .button { font-size: .875em; margin-left: var(--woo-product-content-padding); margin-right: 0; margin-top: 0; margin-bottom: var(--woo-product-content-padding); } .woocommerce-page .products ul li.product .added_to_cart, .woocommerce-page ul.products li.product .added_to_cart, .woocommerce .products ul li.product .added_to_cart, .woocommerce ul.products li.product .added_to_cart { font-family: var(--button-font); font-weight: var(--button-font-weight); line-height: 1; font-size: .75em; padding: 0; margin: 1em var(--woo-product-content-padding) 0 .5em; align-items: center; } .woocommerce-page .products ul li.product .entry-footer, .woocommerce-page ul.products li.product .entry-footer, .woocommerce .products ul li.product .entry-footer, .woocommerce ul.products li.product .entry-footer { padding: 0 var(--woo-product-content-padding) var(--woo-product-content-padding); } .woocommerce-page .products ul li.product .entry-footer .excerpt, .woocommerce-page ul.products li.product .entry-footer .excerpt, .woocommerce .products ul li.product .entry-footer .excerpt, .woocommerce ul.products li.product .entry-footer .excerpt { border-top: 1px solid var(--primary-07-color); padding-top: 1em; } .woocommerce-page .products ul li.product .entry-footer .excerpt:empty, .woocommerce-page ul.products li.product .entry-footer .excerpt:empty, .woocommerce .products ul li.product .entry-footer .excerpt:empty, .woocommerce ul.products li.product .entry-footer .excerpt:empty { display: none; } .woocommerce-page .products ul li.product .entry-footer .entry-meta, .woocommerce-page ul.products li.product .entry-footer .entry-meta, .woocommerce .products ul li.product .entry-footer .entry-meta, .woocommerce ul.products li.product .entry-footer .entry-meta { border-top: 1px solid var(--primary-07-color); padding-top: 1em; margin-top: 1em; } .woocommerce-page .products ul li.product .entry-footer .entry-meta:empty, .woocommerce-page ul.products li.product .entry-footer .entry-meta:empty, .woocommerce .products ul li.product .entry-footer .entry-meta:empty, .woocommerce ul.products li.product .entry-footer .entry-meta:empty { display: none; } .woocommerce-page .products ul li.product .entry-footer .entry-meta:only-child, .woocommerce-page ul.products li.product .entry-footer .entry-meta:only-child, .woocommerce .products ul li.product .entry-footer .entry-meta:only-child, .woocommerce ul.products li.product .entry-footer .entry-meta:only-child { margin-top: 0; } .woocommerce-page .products ul li.product .entry-footer .woocommerce-product-rating, .woocommerce-page ul.products li.product .entry-footer .woocommerce-product-rating, .woocommerce .products ul li.product .entry-footer .woocommerce-product-rating, .woocommerce ul.products li.product .entry-footer .woocommerce-product-rating { display: inline-flex; align-items: center; line-height: 1.5; } .woocommerce-page .products ul li.product .entry-footer .woocommerce-product-rating .star-rating, .woocommerce-page ul.products li.product .entry-footer .woocommerce-product-rating .star-rating, .woocommerce .products ul li.product .entry-footer .woocommerce-product-rating .star-rating, .woocommerce ul.products li.product .entry-footer .woocommerce-product-rating .star-rating { margin: 0 .5em; } .woocommerce-page del, .woocommerce del { opacity: .6; } .woocommerce-page ins, .woocommerce ins { background: transparent; font-weight: bold; } .rtl.woocommerce-page .products ul li.product .button, .rtl.woocommerce-page ul.products li.product .button, .rtl.woocommerce .products ul li.product .button, .rtl.woocommerce ul.products li.product .button { font-size: .875em; margin-left: 0; margin-right: var(--woo-product-content-padding); } .rtl.woocommerce-page .products ul li.product .added_to_cart, .rtl.woocommerce-page ul.products li.product .added_to_cart, .rtl.woocommerce .products ul li.product .added_to_cart, .rtl.woocommerce ul.products li.product .added_to_cart { margin: 1em .5em 0 var(--woo-product-content-padding); } @media (max-width: 768px) { .woocommerce-page .products ul li.product, .woocommerce-page ul.products li.product, .woocommerce .products ul li.product, .woocommerce ul.products li.product { margin-bottom: var(--woo-product-y-spacing) !important; } } /* Product categories --------------------------------------------- */ .woocommerce-page .products ul li.product-category, .woocommerce-page ul.products li.product-category, .woocommerce .products ul li.product-category, .woocommerce ul.products li.product-category { padding: 0 var(--woo-product-x-spacing); margin: 0 0 var(--woo-product-y-spacing); position: relative; } .woocommerce-page .products ul li.product-category a, .woocommerce-page ul.products li.product-category a, .woocommerce .products ul li.product-category a, .woocommerce ul.products li.product-category a { padding-left: var(--woo-product-content-padding); padding-right: var(--woo-product-content-padding); display: block; position: relative; } .woocommerce-page .products ul li.product-category a img, .woocommerce-page ul.products li.product-category a img, .woocommerce .products ul li.product-category a img, .woocommerce ul.products li.product-category a img { margin-left: calc(var(--woo-product-content-padding) * -1); margin-right: calc(var(--woo-product-content-padding) * -1); width: calc(100% + var(--woo-product-content-padding) * 2); max-width: calc(100% + var(--woo-product-content-padding) * 2); } .woocommerce-page .products ul li.product-category a .woocommerce-loop-category__title, .woocommerce-page ul.products li.product-category a .woocommerce-loop-category__title, .woocommerce .products ul li.product-category a .woocommerce-loop-category__title, .woocommerce ul.products li.product-category a .woocommerce-loop-category__title { padding: 0 0 1em; } .woocommerce-page .products ul li.product-category a .woocommerce-loop-category__title .count, .woocommerce-page ul.products li.product-category a .woocommerce-loop-category__title .count, .woocommerce .products ul li.product-category a .woocommerce-loop-category__title .count, .woocommerce ul.products li.product-category a .woocommerce-loop-category__title .count { background: transparent; color: var(--woocommerce); } /* Product details --------------------------------------------- */ .woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; column-gap: 2em; } .woocommerce div.product div.images { width: 100% !important; float: none !important; } .woocommerce div.product div.summary { width: 100% !important; float: none !important; } .woocommerce div.product div.summary p.price, .woocommerce div.product div.summary span.price { color: inherit; font-size: 2em; margin-bottom: .5em; } .woocommerce div.product div.summary p.price .del, .woocommerce div.product div.summary span.price .del { opacity: .3; } .woocommerce div.product div.summary .stock { font-size: 1em; margin-top: 1.5em; } .woocommerce div.product div.summary .stock.in-stock { font-weight: bold; color: var(--woocommerce); } .woocommerce div.product div.summary .stock.out-of-stock { color: inherit; font-weight: normal; opacity: .6; } .woocommerce div.product div.summary form.cart { margin-top: 2em; padding-top: 2em; border-top: 1px solid var(--primary-07-color); display: flex; } .woocommerce div.product div.summary form.cart .quantity { margin: 0; padding: 0 1em 0 0; flex: 1 1 50%; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button { flex: 1 1 50%; } .woocommerce div.product div.summary form.cart .reset_variations { display: inline-flex; font-size: .875em; } .woocommerce div.product div.summary form.cart .reset_variations[style*=hidden] { display: none; } .woocommerce div.product div.summary form.cart.variations_form { display: block; } .woocommerce div.product div.summary form.cart.variations_form .variations th, .woocommerce div.product div.summary form.cart.variations_form .variations td { padding-top: .5em; padding-bottom: .5em; } .woocommerce div.product div.summary form.cart.variations_form .variations tr:only-of-type th, .woocommerce div.product div.summary form.cart.variations_form .variations tr:only-of-type td { padding-top: 0; padding-bottom: 0; } .woocommerce div.product div.summary form.cart.variations_form .variations th { padding-top: .875em !important; } .woocommerce div.product div.summary form.cart.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart { display: flex; } .woocommerce div.product div.summary form.cart.grouped_form { display: block; } .woocommerce div.product div.summary form.cart.grouped_form table.group_table { border: 0; margin-top: -.5em; margin-bottom: 1em; } .woocommerce div.product div.summary form.cart.grouped_form table.group_table th, .woocommerce div.product div.summary form.cart.grouped_form table.group_table td { padding-top: .5em; padding-bottom: .5em; border-bottom: 1px solid var(--primary-07-color); vertical-align: middle; } .woocommerce div.product div.summary form.cart.grouped_form table.group_table td:first-child { width: 8em; } .woocommerce div.product div.summary form.cart.grouped_form table.group_table td:first-child .quantity { padding: 0; } .woocommerce div.product div.summary form.cart.grouped_form table.group_table tr:last-of-type th, .woocommerce div.product div.summary form.cart.grouped_form table.group_table tr:last-of-type td { border-bottom: 0; } .woocommerce div.product .related.products, .woocommerce div.product .up-sells.products, .woocommerce div.product .upsells.products { grid-column: 1/span 2; } .woocommerce.rtl div.product div.summary form.cart .quantity, .rtl .woocommerce div.product div.summary form.cart .quantity { margin: 0; padding: 0 0 0 1em; } @media (max-width: 768px) { .woocommerce div.product { display: block; } } /* Product gallery --------------------------------------------- */ .woocommerce div.product div.images .woocommerce-product-gallery__trigger { font-size: 1em; top: 0; right: 0; margin: 1em; width: 3em; height: 3em; display: flex; align-items: center; justify-content: center; text-indent: unset; background: var(--light-color); color: var(--dark-color); } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { display: none; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger img { display: none !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { content: var(--search-widget-icon-search); font-family: var(--search-widget-icon-search-font); font-size: 1.5rem; font-weight: normal; font-style: normal; margin: 0 .25em; width: unset; height: unset; position: unset; inset: unset; border: unset; border-radius: unset; color: inherit; line-height: 1; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { display: grid; grid-gap: var(--woo-image-gallery-columns-gap); } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { width: 100%; display: block; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { grid-column: 1/span var(--woo-image-gallery-columns); } .woocommerce div.product div.images[data-columns="1"] .woocommerce-product-gallery__wrapper { grid-template-columns: 1fr; } .woocommerce div.product div.images[data-columns="2"] .woocommerce-product-gallery__wrapper { grid-template-columns: 1fr 1fr; } .woocommerce div.product div.images[data-columns="2"] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { grid-column: 1/span 2; } .woocommerce div.product div.images[data-columns="3"] .woocommerce-product-gallery__wrapper { grid-template-columns: 1fr 1fr 1fr; } .woocommerce div.product div.images[data-columns="3"] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { grid-column: 1/span 3; } .woocommerce div.product div.images[data-columns="4"] .woocommerce-product-gallery__wrapper { grid-template-columns: 1fr 1fr 1fr 1fr; } .woocommerce div.product div.images[data-columns="4"] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { grid-column: 1/span 4; } .woocommerce div.product div.images[data-columns="5"] .woocommerce-product-gallery__wrapper { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .woocommerce div.product div.images[data-columns="5"] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { grid-column: 1/span 5; } .woocommerce div.product div.images[data-columns="6"] .woocommerce-product-gallery__wrapper { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .woocommerce div.product div.images[data-columns="6"] .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { grid-column: 1/span 6; } .woocommerce.rtl div.product div.images .woocommerce-product-gallery__trigger, .rtl .woocommerce div.product div.images .woocommerce-product-gallery__trigger { right: auto; left: 0; } /* Overlay gallery --------------------------------------------- */ .pswp .pswp__bg { background: var(--woo-gallery-overlay); } .pswp button.pswp__button { width: 2.75em; height: 2.75em; line-height: unset; margin-top: -1.375em; background: transparent; border-radius: 0; display: flex; align-items: center; justify-content: center; font-weight: unset; opacity: 1; } .pswp button.pswp__button:before { content: var(--woo-gallery-next-icon); font-family: var(--woo-gallery-previous-next-icon-font); font-size: var(--woo-gallery-previous-next-icon-size); font-weight: unset; line-height: 1; width: unset; height: unset; position: relative; right: unset; left: unset; text-align: center; top: unset; background: unset; color: var(--light-color); opacity: .1; transition: 300ms ease all; } .rtl .pswp button.pswp__button:before { content: var(--woo-gallery-previous-icon); } .pswp button.pswp__button:hover:before { color: var(--light-color); opacity: .6; } .pswp button.pswp__button.pswp__button--arrow--right { right: 1em; } .rtl .pswp button.pswp__button.pswp__button--arrow--right { right: auto; left: 1em; } .pswp button.pswp__button.pswp__button--arrow--left { left: 1em; } .pswp button.pswp__button.pswp__button--arrow--left:before { content: var(--woo-gallery-previous-icon); } .rtl .pswp button.pswp__button.pswp__button--arrow--left { left: auto; right: 1em; } .rtl .pswp button.pswp__button.pswp__button--arrow--left:before { content: var(--woo-gallery-next-icon); } .pswp .pswp__caption, .pswp .pswp__top-bar { background: transparent; } .pswp .pswp__top-bar { padding: 1em; } .pswp .pswp__top-bar .pswp__button { margin-top: 0; background: transparent !important; } .pswp .pswp__top-bar .pswp__button:before { font-family: var(--woo-gallery-topbar-icon-font); font-size: var(--woo-gallery-topbar-icon-font-size); } .pswp .pswp__top-bar .pswp__button.pswp__button--close:before { content: var(--woo-gallery-topbar-close); } .pswp .pswp__top-bar .pswp__button.pswp__button--share:before { content: var(--woo-gallery-topbar-share); } .pswp .pswp__top-bar .pswp__button.pswp__button--fs:before { content: var(--woo-gallery-topbar-fullscreen); } .pswp .pswp__top-bar .pswp__button.pswp__button--zoom:before { content: var(--woo-gallery-topbar-zoom); } .rtl .pswp .pswp__top-bar .pswp__button { float: left; } .pswp .pswp__caption__center { color: var(--light-color); text-align: center; font-size: .875em; padding: .875em; line-height: 1.5; } .pswp .pswp__counter { color: var(--light-color); font-size: .875em; opacity: 1; left: 1em; top: 1em; } .rtl .pswp .pswp__counter { left: auto; right: 1em; } /* Product tabs --------------------------------------------- */ .woocommerce div.product .woocommerce-tabs { grid-column: 1/span 2; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 1.5em; display: flex; flex-wrap: nowrap; padding-bottom: 1px; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid var(--primary-07-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; border-radius: 0; margin: 0; padding: 0; background: transparent; color: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 1.25em 2em; color: inherit; font-weight: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--primary-07-color); color: inherit; } .woocommerce.button-shape-square div.product .woocommerce-tabs ul.tabs li { border-radius: 0; } .woocommerce.button-shape-rounded div.product .woocommerce-tabs ul.tabs li { border-radius: var(--soft-rounded) var(--soft-rounded) 0 0; } .woocommerce.button-shape-round div.product .woocommerce-tabs ul.tabs li { border-radius: var(--hard-rounded-field) var(--hard-rounded-field) 0 0; } /* Comments --------------------------------------------- */ .woocommerce #reviews #comments .woocommerce-Reviews-title { margin: 0 0 1em; padding: 0; } .woocommerce #reviews #comments p.woocommerce-noreviews { margin: -2.5em 0 2em; } .woocommerce #reviews #comments ol.commentlist { border-bottom: 2px solid var(--primary-07-color); margin-bottom: var(--post-half-margin); } .woocommerce #reviews #comments ol.commentlist li { border-top: 2px solid var(--primary-07-color); margin: 0; display: block; } .woocommerce #reviews #comments ol.commentlist li .comment_container { padding: var(--comment-single-spacing) 0 var(--comment-single-spacing) calc(var(--comment-avatar-padding) + var(--comment-avatar-size)); } .rtl .woocommerce #reviews #comments ol.commentlist li .comment_container { padding-left: 0; padding-right: calc(var(--comment-avatar-padding) + var(--comment-avatar-size)); } .woocommerce #reviews #comments ol.commentlist li img.avatar { position: absolute; left: 0; width: var(--comment-avatar-size); height: var(--comment-avatar-size); top: var(--comment-single-spacing); padding: 0; border: 0; background: transparent; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: 0; margin: 0; padding: 0; border-radius: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .woocommerce #reviews #comments ol.commentlist li .comment-text:before, .woocommerce #reviews #comments ol.commentlist li .comment-text:after { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { order: 2; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating span:before { color: var(--woocommerce); } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em; order: 1; color: inherit; display: inline-flex; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash { margin: 0 .2em; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description { order: 3; flex: 1 0 100%; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description p:last-child, .woocommerce #reviews #comments ol.commentlist li .comment-text .description p:only-child { margin: 0; } .woocommerce.button-shape-square #reviews #comments ol.commentlist li img.avatar { border-radius: 0; } .woocommerce.button-shape-rounded #reviews #comments ol.commentlist li img.avatar { border-radius: var(--soft-rounded); } .woocommerce.button-shape-round #reviews #comments ol.commentlist li img.avatar { border-radius: var(--hard-rounded); } .woocommerce.rtl #reviews #comments ol.commentlist li .comment_container { padding-left: 0; padding-right: calc(var(--comment-avatar-padding) + var(--comment-avatar-size)); } .woocommerce.rtl #reviews #comments ol.commentlist li img.avatar { left: auto; right: 0; } /* Review form --------------------------------------------- */ .woocommerce-Reviews .comment-respond:not(:only-child) { margin-top: var(--comments-top-spacing); } .woocommerce-Reviews .comment-respond .comment-form { padding-bottom: 2em; } .woocommerce-Reviews .comment-respond .comment-reply-title { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; } .woocommerce-Reviews .comment-respond .comment-reply-title small { font-size: 1rem; margin-top: .5em; } .woocommerce-Reviews .comment-respond .comment-form #wp-comment-cookies-consent { margin-top: -2px; } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating .stars { font-size: 1.5em; line-height: 1; } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating .stars > span { display: flex; flex-wrap: nowrap; } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating .stars > span a { margin-right: .2em; } .rtl .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating .stars > span a { margin-right: 0; margin-left: .2em; } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating p.stars a:before { content: var(--woo-icons-stars-single); font-family: var(--woo-icons-stars-font); } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating p.stars:hover a:before { content: var(--woo-icons-stars-filled-single); font-family: var(--woo-icons-stars-filled-font); } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating p.stars a:hover ~ a:before { content: var(--woo-icons-stars-single); font-family: var(--woo-icons-stars-font); } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating p.stars.selected a:not(.active):before, .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating p.stars.selected a.active:before { content: var(--woo-icons-stars-filled-single); font-family: var(--woo-icons-stars-filled-font); } .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating p.stars.selected a.active ~ a:before { content: var(--woo-icons-stars-single); font-family: var(--woo-icons-stars-font); } .woocommerce-Reviews .comment-respond .comment-form .submit { width: auto; padding: .8em 1.5em; border: none; color: var(--shop-button-primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--shop-button-secondary-color, var(--accent-color)) inset; background: transparent; } .shop-button-style-outline .woocommerce-Reviews .comment-respond .comment-form .submit { color: var(--shop-button-primary-color, var(--accent-color)); box-shadow: 0 0 0 2px var(--shop-button-primary-color, var(--accent-color)) inset; } .shop-button-style-clean .woocommerce-Reviews .comment-respond .comment-form .submit { padding-left: 0; padding-right: 0; border-radius: 0 !important; color: var(--shop-button-primary-color, var(--accent-color)); background: transparent; box-shadow: none; } .woocommerce-Reviews .comment-respond .comment-form .submit:hover { color: var(--shop-button-secondary-color, var(--accent-color)); box-shadow: 0 0 0 2px var(--shop-button-secondary-color, var(--accent-color)) inset; } .shop-button-style-outline .woocommerce-Reviews .comment-respond .comment-form .submit:hover { color: var(--shop-button-secondary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--shop-button-primary-color, var(--accent-color)) inset; } .shop-button-style-clean .woocommerce-Reviews .comment-respond .comment-form .submit:hover { color: var(--shop-button-secondary-color, var(--accent-color)); background: transparent; box-shadow: none; } .button-shape-rounded .woocommerce-Reviews .comment-respond .comment-form .submit { border-radius: var(--soft-rounded); } .button-shape-round .woocommerce-Reviews .comment-respond .comment-form .submit { border-radius: var(--hard-rounded); } /* Rating --------------------------------------------- */ .single-product .woocommerce-product-rating { line-height: inherit; display: inline-block; } .single-product .woocommerce-product-rating .star-rating { margin: 0; float: none; display: inline-block; } /* Shop columns --------------------------------------------- */ .woocommerce .columns-1 ul.products, .woocommerce ul.columns-1.products li.product, .woocommerce-page .columns-1 ul.products, .woocommerce-page ul.columns-1.products li.product { flex-basis: 100%; max-width: 100%; } .woocommerce .columns-2 ul.products, .woocommerce ul.columns-2.products li.product, .woocommerce-page .columns-2 ul.products, .woocommerce-page ul.columns-2.products li.product { flex-basis: 50%; max-width: 50%; } .woocommerce .columns-3 ul.products, .woocommerce ul.columns-3.products li.product, .woocommerce-page .columns-3 ul.products, .woocommerce-page ul.columns-3.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; } .woocommerce .columns-4 ul.products, .woocommerce ul.columns-4.products li.product, .woocommerce-page .columns-4 ul.products, .woocommerce-page ul.columns-4.products li.product { flex-basis: 25%; max-width: 25%; } .woocommerce .columns-5 ul.products, .woocommerce ul.columns-5.products li.product, .woocommerce-page .columns-5 ul.products, .woocommerce-page ul.columns-5.products li.product { flex-basis: 20%; max-width: 20%; } .woocommerce .columns-6 ul.products, .woocommerce ul.columns-6.products li.product, .woocommerce-page .columns-6 ul.products, .woocommerce-page ul.columns-6.products li.product { flex-basis: 16.6666%; max-width: 16.6666%; } .woocommerce .columns-7 ul.products, .woocommerce ul.columns-7.products li.product, .woocommerce-page .columns-7 ul.products, .woocommerce-page ul.columns-7.products li.product { flex-basis: 14.2857%; max-width: 14.2857%; } .woocommerce .columns-8 ul.products, .woocommerce ul.columns-8.products li.product, .woocommerce-page .columns-8 ul.products, .woocommerce-page ul.columns-8.products li.product { flex-basis: 12.5%; max-width: 12.5%; } .woocommerce .columns-9 ul.products, .woocommerce ul.columns-9.products li.product, .woocommerce-page .columns-9 ul.products, .woocommerce-page ul.columns-9.products li.product { flex-basis: 11.1111%; max-width: 11.1111%; } .woocommerce .columns-10 ul.products, .woocommerce ul.columns-10.products li.product, .woocommerce-page .columns-10 ul.products, .woocommerce-page ul.columns-10.products li.product { flex-basis: 10%; max-width: 10%; } @media (max-width: 1200px) { .woocommerce .columns-7 ul.products, .woocommerce ul.columns-7.products li.product, .woocommerce-page .columns-7 ul.products, .woocommerce-page ul.columns-7.products li.product { flex-basis: 20%; max-width: 20%; } .woocommerce .columns-10 ul.products, .woocommerce ul.columns-10.products li.product, .woocommerce-page .columns-10 ul.products, .woocommerce-page ul.columns-10.products li.product { flex-basis: 20%; max-width: 20%; } .woocommerce .columns-4 ul.products, .woocommerce ul.columns-4.products li.product, .woocommerce-page .columns-4 ul.products, .woocommerce-page ul.columns-4.products li.product { flex-basis: 25%; max-width: 25%; } .woocommerce .columns-5 ul.products, .woocommerce ul.columns-5.products li.product, .woocommerce-page .columns-5 ul.products, .woocommerce-page ul.columns-5.products li.product { flex-basis: 25%; max-width: 25%; } .woocommerce .columns-6 ul.products, .woocommerce ul.columns-6.products li.product, .woocommerce-page .columns-6 ul.products, .woocommerce-page ul.columns-6.products li.product { flex-basis: 25%; max-width: 25%; } .woocommerce .columns-8 ul.products, .woocommerce ul.columns-8.products li.product, .woocommerce-page .columns-8 ul.products, .woocommerce-page ul.columns-8.products li.product { flex-basis: 25%; max-width: 25%; } .woocommerce .columns-3 ul.products, .woocommerce ul.columns-3.products li.product, .woocommerce-page .columns-3 ul.products, .woocommerce-page ul.columns-3.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; } .woocommerce .columns-9 ul.products, .woocommerce ul.columns-9.products li.product, .woocommerce-page .columns-9 ul.products, .woocommerce-page ul.columns-9.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; } } @media (max-width: 992px) { .woocommerce .cart-collaterals .cross-sells ul, .woocommerce-page .cart-collaterals .cross-sells ul { max-width: 100% !important; } .woocommerce .columns-10 ul.products, .woocommerce ul.columns-10.products li.product, .woocommerce-page .columns-10 ul.products, .woocommerce-page ul.columns-10.products li.product { flex-basis: 25%; max-width: 25%; width: 25%; } .woocommerce .columns-2 ul.products, .woocommerce ul.columns-2.products li.product, .woocommerce-page .columns-2 ul.products, .woocommerce-page ul.columns-2.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-4 ul.products, .woocommerce ul.columns-4.products li.product, .woocommerce-page .columns-4 ul.products, .woocommerce-page ul.columns-4.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-8 ul.products, .woocommerce ul.columns-8.products li.product, .woocommerce-page .columns-8 ul.products, .woocommerce-page ul.columns-8.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-3 ul.products, .woocommerce ul.columns-3.products li.product, .woocommerce-page .columns-3 ul.products, .woocommerce-page ul.columns-3.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; width: 33.3333%; } .woocommerce .columns-5 ul.products, .woocommerce ul.columns-5.products li.product, .woocommerce-page .columns-5 ul.products, .woocommerce-page ul.columns-5.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; width: 33.3333%; } .woocommerce .columns-6 ul.products, .woocommerce ul.columns-6.products li.product, .woocommerce-page .columns-6 ul.products, .woocommerce-page ul.columns-6.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; width: 33.3333%; } .woocommerce .columns-7 ul.products, .woocommerce ul.columns-7.products li.product, .woocommerce-page .columns-7 ul.products, .woocommerce-page ul.columns-7.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; width: 33.3333%; } .woocommerce .columns-9 ul.products, .woocommerce ul.columns-9.products li.product, .woocommerce-page .columns-9 ul.products, .woocommerce-page ul.columns-9.products li.product { flex-basis: 33.3333%; max-width: 33.3333%; width: 33.3333%; } } @media (max-width: 768px) { .woocommerce .columns-2 ul.products, .woocommerce ul.columns-2.products li.product, .woocommerce-page .columns-2 ul.products, .woocommerce-page ul.columns-2.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-3 ul.products, .woocommerce ul.columns-3.products li.product, .woocommerce-page .columns-3 ul.products, .woocommerce-page ul.columns-3.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-4 ul.products, .woocommerce ul.columns-4.products li.product, .woocommerce-page .columns-4 ul.products, .woocommerce-page ul.columns-4.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-5 ul.products, .woocommerce ul.columns-5.products li.product, .woocommerce-page .columns-5 ul.products, .woocommerce-page ul.columns-5.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-6 ul.products, .woocommerce ul.columns-6.products li.product, .woocommerce-page .columns-6 ul.products, .woocommerce-page ul.columns-6.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-7 ul.products, .woocommerce ul.columns-7.products li.product, .woocommerce-page .columns-7 ul.products, .woocommerce-page ul.columns-7.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-8 ul.products, .woocommerce ul.columns-8.products li.product, .woocommerce-page .columns-8 ul.products, .woocommerce-page ul.columns-8.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-9 ul.products, .woocommerce ul.columns-9.products li.product, .woocommerce-page .columns-9 ul.products, .woocommerce-page ul.columns-9.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } .woocommerce .columns-10 ul.products, .woocommerce ul.columns-10.products li.product, .woocommerce-page .columns-10 ul.products, .woocommerce-page ul.columns-10.products li.product { flex-basis: 50%; max-width: 50%; width: 50%; } } @media (max-width: 480px) { .woocommerce .columns-1 ul.products, .woocommerce ul.columns-1.products li.product, .woocommerce-page .columns-1 ul.products, .woocommerce-page ul.columns-1.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-2 ul.products, .woocommerce ul.columns-2.products li.product, .woocommerce-page .columns-2 ul.products, .woocommerce-page ul.columns-2.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-3 ul.products, .woocommerce ul.columns-3.products li.product, .woocommerce-page .columns-3 ul.products, .woocommerce-page ul.columns-3.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-4 ul.products, .woocommerce ul.columns-4.products li.product, .woocommerce-page .columns-4 ul.products, .woocommerce-page ul.columns-4.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-5 ul.products, .woocommerce ul.columns-5.products li.product, .woocommerce-page .columns-5 ul.products, .woocommerce-page ul.columns-5.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-6 ul.products, .woocommerce ul.columns-6.products li.product, .woocommerce-page .columns-6 ul.products, .woocommerce-page ul.columns-6.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-7 ul.products, .woocommerce ul.columns-7.products li.product, .woocommerce-page .columns-7 ul.products, .woocommerce-page ul.columns-7.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-8 ul.products, .woocommerce ul.columns-8.products li.product, .woocommerce-page .columns-8 ul.products, .woocommerce-page ul.columns-8.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-9 ul.products, .woocommerce ul.columns-9.products li.product, .woocommerce-page .columns-9 ul.products, .woocommerce-page ul.columns-9.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } .woocommerce .columns-10 ul.products, .woocommerce ul.columns-10.products li.product, .woocommerce-page .columns-10 ul.products, .woocommerce-page ul.columns-10.products li.product { flex-basis: 100%; max-width: 100%; width: 100%; } } /* My Account column sets --------------------------------------------- */ .woocommerce .col2-set, .woocommerce-page .col2-set { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2em; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { width: auto; float: none; } .woocommerce .col2-set .col-1 .title, .woocommerce .col2-set .col-2 .title, .woocommerce-page .col2-set .col-1 .title, .woocommerce-page .col2-set .col-2 .title { display: flex; justify-content: space-between; } .woocommerce .col2-set .col-1 .title a.edit, .woocommerce .col2-set .col-2 .title a.edit, .woocommerce-page .col2-set .col-1 .title a.edit, .woocommerce-page .col2-set .col-2 .title a.edit { text-decoration: none; display: inline-flex; font-size: .875em; align-items: center; } .woocommerce .col2-set .col-1 .title a.edit:before, .woocommerce .col2-set .col-2 .title a.edit:before, .woocommerce-page .col2-set .col-1 .title a.edit:before, .woocommerce-page .col2-set .col-2 .title a.edit:before { content: var(--woo-icons-add); font-family: var(--woo-icons-add-font); color: var(--woocommerce); font-size: 1.438em; font-weight: normal; font-style: normal; margin-right: .2em; } .woocommerce .col2-set:before, .woocommerce .col2-set:after, .woocommerce-page .col2-set:before, .woocommerce-page .col2-set:after { display: none; } @media (max-width: 768px) { .woocommerce .col2-set, .woocommerce-page .col2-set { display: flex; flex-direction: column; max-width: 100%; } } /* Forms --------------------------------------------- */ .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; margin: 0 0 1em; } .woocommerce form .form-row span > em, .woocommerce-page form .form-row span > em { font-style: normal; opacity: .6; font-size: .875em; } .woocommerce form .form-row .password-input .show-password-input, .woocommerce-page form .form-row .password-input .show-password-input { top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .woocommerce form .form-row .password-input .show-password-input:after, .woocommerce-page form .form-row .password-input .show-password-input:after { content: var(--woo-icons-show-password); font-family: var(--woo-icons-show-password-font); margin: 0 .25em; font-size: 1.5em; transition: 200ms ease all; } .woocommerce form .form-row .password-input .show-password-input.display-password:after, .woocommerce-page form .form-row .password-input .show-password-input.display-password:after { content: var(--woo-icons-show-password-on); color: inherit; opacity: .6; } .woocommerce.button-shape-square .select2-container .select2-selection--single, .woocommerce-page.button-shape-square .select2-container .select2-selection--single { border-radius: 0 !important; } .woocommerce.button-shape-rounded .select2-container .select2-selection--single, .woocommerce-page.button-shape-rounded .select2-container .select2-selection--single { border-radius: var(--soft-rounded) !important; } .woocommerce.button-shape-round .select2-container .select2-selection--single, .woocommerce-page.button-shape-round .select2-container .select2-selection--single { border-radius: var(--hard-rounded) !important; } @media (max-width: 768px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: none; width: initial; } } /* Select 2 dropdown --------------------------------------------- */ .select2-container .select2-selection { padding: 0 1.25em !important; border: 0 !important; height: auto !important; margin: 0 !important; background: var(--primary-07-color) !important; } .select2-container .select2-selection .select2-selection__rendered { line-height: normal !important; padding: .8em 2em .8em 0 !important; color: inherit !important; } .rtl .select2-container .select2-selection .select2-selection__rendered { padding: .8em 0 .8em 2em !important; } .select2-container .select2-selection .select2-selection__arrow { top: 0 !important; bottom: 0 !important; height: auto !important; width: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; right: .7em !important; } .rtl .select2-container .select2-selection .select2-selection__arrow { left: .7em !important; right: auto !important; } .select2-container .select2-dropdown { border: 0; box-shadow: var(--submenu-shadow); border-radius: 0; background: var(--page-secondary-color); } .select2-container .select2-dropdown .select2-search { padding: 1em; } .select2-container .select2-dropdown .select2-search input { background: transparent !important; border-radius: 0 !important; border-bottom: 2px solid var(--primary-07-color) !important; padding: .5em 0 !important; } .select2-container .select2-dropdown .select2-search input:focus { border-bottom-color: var(--primary-color) !important; box-shadow: none !important; } .select2-container .select2-dropdown .select2-results > .select2-results__options { margin: 0; padding: 0; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option { padding: .5em 1em; transition: 200ms ease all; margin: 0; } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option[aria-selected=true], .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option[data-selected=true] { background: var(--primary-07-color); } .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option--highlighted[aria-selected], .select2-container .select2-dropdown .select2-results > .select2-results__options .select2-results__option--highlighted[data-selected] { background: var(--woocommerce); color: var(--light-color); } /* My Account --------------------------------------------- */ .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin-left: 0; list-style: none; display: flex; flex-wrap: wrap; } .rtl .woocommerce-account .woocommerce-MyAccount-navigation ul { margin-right: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { margin-left: 0; } .rtl .woocommerce-account .woocommerce-MyAccount-navigation ul li { margin-right: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) { margin-right: var(--desktop-menu-gap); } .rtl .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) { margin-left: var(--desktop-menu-gap); } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { position: relative; padding: 1em 0; display: block; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { content: ""; display: block; position: absolute; z-index: -1; bottom: 0; width: var(--desktop-menu-selected-line-width); height: var(--desktop-menu-selected-line-thickness); transform: scaleX(0); background-color: var(--woocommerce); } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:after { content: ""; display: block; position: absolute; z-index: -2; bottom: 0; top: 0; left: calc(var(--desktop-menu-gap) * .5 * -1); right: calc(var(--desktop-menu-gap) * .5 * -1); opacity: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:after { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { transform: scaleX(1); } .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; } .woocommerce-account .woocommerce-MyAccount-content a { text-decoration: underline; } .woocommerce-account .woocommerce-MyAccount-content a:hover { text-decoration: none; } .woocommerce-account address { font-style: normal; opacity: .6; font-size: .875em; } .woocommerce-account fieldset { padding: 0; margin: 1em 0 0; border: 0; border-top: 1px solid var(--primary-07-color); position: relative; } .woocommerce-account fieldset legend { font-size: 2em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); text-transform: var(--heading-text-transform); padding: 0 .5em 0 0; line-height: 1.2; margin: 0; } .rtl.woocommerce-account .woocommerce-MyAccount-navigation ul { margin-right: 0; } .rtl.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin-right: 0; } .rtl.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) { margin-left: var(--desktop-menu-gap); } /* Buttons --------------------------------------------- */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page input.button, .woocommerce-page input.button.alt { font-size: 1em; font-family: var(--button-font); font-weight: var(--button-font-weight); line-height: 1; display: inline-flex; padding: .8em 1.5em; width: auto; border: none; outline: none; color: var(--shop-button-primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--shop-button-secondary-color, var(--accent-color)) inset; background: transparent; cursor: pointer; transition: all 300ms ease; text-decoration: none; justify-content: center; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce input.button.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce-page input.button.alt:hover { background: transparent; color: var(--shop-button-secondary-color, var(--accent-color)); box-shadow: 0 0 0 2px var(--shop-button-secondary-color, var(--accent-color)) inset; } .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled, .woocommerce-page #respond input#submit:disabled, .woocommerce-page #respond input#submit:disabled[disabled], .woocommerce-page #respond input#submit.disabled, .woocommerce-page a.button:disabled, .woocommerce-page a.button:disabled[disabled], .woocommerce-page a.button.disabled, .woocommerce-page a.button.alt:disabled, .woocommerce-page a.button.alt:disabled[disabled], .woocommerce-page a.button.alt.disabled, .woocommerce-page button.button:disabled, .woocommerce-page button.button:disabled[disabled], .woocommerce-page button.button.disabled, .woocommerce-page button.button.alt:disabled, .woocommerce-page button.button.alt:disabled[disabled], .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button:disabled, .woocommerce-page input.button:disabled[disabled], .woocommerce-page input.button.disabled, .woocommerce-page input.button.alt:disabled, .woocommerce-page input.button.alt:disabled[disabled], .woocommerce-page input.button.alt.disabled { padding: .8em 1.5em; pointer-events: none; opacity: .2; } /* Styles & hovers */ .woocommerce.shop-button-style-outline #respond input#submit, .woocommerce.shop-button-style-outline a.button, .woocommerce.shop-button-style-outline a.button.alt, .woocommerce.shop-button-style-outline button.button, .woocommerce.shop-button-style-outline button.button.alt, .woocommerce.shop-button-style-outline input.button, .woocommerce.shop-button-style-outline input.button.alt, .shop-button-style-outline .woocommerce #respond input#submit, .shop-button-style-outline .woocommerce a.button, .shop-button-style-outline .woocommerce a.button.alt, .shop-button-style-outline .woocommerce button.button, .shop-button-style-outline .woocommerce button.button.alt, .shop-button-style-outline .woocommerce input.button, .shop-button-style-outline .woocommerce input.button.alt, .woocommerce-page.shop-button-style-outline #respond input#submit, .woocommerce-page.shop-button-style-outline a.button, .woocommerce-page.shop-button-style-outline a.button.alt, .woocommerce-page.shop-button-style-outline button.button, .woocommerce-page.shop-button-style-outline button.button.alt, .woocommerce-page.shop-button-style-outline input.button, .woocommerce-page.shop-button-style-outline input.button.alt, .shop-button-style-outline .woocommerce-page #respond input#submit, .shop-button-style-outline .woocommerce-page a.button, .shop-button-style-outline .woocommerce-page a.button.alt, .shop-button-style-outline .woocommerce-page button.button, .shop-button-style-outline .woocommerce-page button.button.alt, .shop-button-style-outline .woocommerce-page input.button, .shop-button-style-outline .woocommerce-page input.button.alt { color: var(--shop-button-secondary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--shop-button-primary-color, var(--accent-color)) inset; } .woocommerce.shop-button-style-outline #respond input#submit:hover, .woocommerce.shop-button-style-outline a.button:hover, .woocommerce.shop-button-style-outline a.button.alt:hover, .woocommerce.shop-button-style-outline button.button:hover, .woocommerce.shop-button-style-outline button.button.alt:hover, .woocommerce.shop-button-style-outline input.button:hover, .woocommerce.shop-button-style-outline input.button.alt:hover, .shop-button-style-outline .woocommerce #respond input#submit:hover, .shop-button-style-outline .woocommerce a.button:hover, .shop-button-style-outline .woocommerce a.button.alt:hover, .shop-button-style-outline .woocommerce button.button:hover, .shop-button-style-outline .woocommerce button.button.alt:hover, .shop-button-style-outline .woocommerce input.button:hover, .shop-button-style-outline .woocommerce input.button.alt:hover, .woocommerce-page.shop-button-style-outline #respond input#submit:hover, .woocommerce-page.shop-button-style-outline a.button:hover, .woocommerce-page.shop-button-style-outline a.button.alt:hover, .woocommerce-page.shop-button-style-outline button.button:hover, .woocommerce-page.shop-button-style-outline button.button.alt:hover, .woocommerce-page.shop-button-style-outline input.button:hover, .woocommerce-page.shop-button-style-outline input.button.alt:hover, .shop-button-style-outline .woocommerce-page #respond input#submit:hover, .shop-button-style-outline .woocommerce-page a.button:hover, .shop-button-style-outline .woocommerce-page a.button.alt:hover, .shop-button-style-outline .woocommerce-page button.button:hover, .shop-button-style-outline .woocommerce-page button.button.alt:hover, .shop-button-style-outline .woocommerce-page input.button:hover, .shop-button-style-outline .woocommerce-page input.button.alt:hover { color: var(--shop-button-secondary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--shop-button-primary-color, var(--accent-color)) inset; } .woocommerce.shop-button-style-clean #respond input#submit, .woocommerce.shop-button-style-clean a.button, .woocommerce.shop-button-style-clean a.button.alt, .woocommerce.shop-button-style-clean button.button, .woocommerce.shop-button-style-clean button.button.alt, .woocommerce.shop-button-style-clean input.button, .woocommerce.shop-button-style-clean input.button.alt, .shop-button-style-clean .woocommerce #respond input#submit, .shop-button-style-clean .woocommerce a.button, .shop-button-style-clean .woocommerce a.button.alt, .shop-button-style-clean .woocommerce button.button, .shop-button-style-clean .woocommerce button.button.alt, .shop-button-style-clean .woocommerce input.button, .shop-button-style-clean .woocommerce input.button.alt, .woocommerce-page.shop-button-style-clean #respond input#submit, .woocommerce-page.shop-button-style-clean a.button, .woocommerce-page.shop-button-style-clean a.button.alt, .woocommerce-page.shop-button-style-clean button.button, .woocommerce-page.shop-button-style-clean button.button.alt, .woocommerce-page.shop-button-style-clean input.button, .woocommerce-page.shop-button-style-clean input.button.alt, .shop-button-style-clean .woocommerce-page #respond input#submit, .shop-button-style-clean .woocommerce-page a.button, .shop-button-style-clean .woocommerce-page a.button.alt, .shop-button-style-clean .woocommerce-page button.button, .shop-button-style-clean .woocommerce-page button.button.alt, .shop-button-style-clean .woocommerce-page input.button, .shop-button-style-clean .woocommerce-page input.button.alt { padding-left: 0; padding-right: 0; border-radius: 0 !important; color: var(--shop-button-primary-color, var(--accent-color)); background: transparent; box-shadow: none; } .woocommerce.shop-button-style-clean #respond input#submit:hover, .woocommerce.shop-button-style-clean a.button:hover, .woocommerce.shop-button-style-clean a.button.alt:hover, .woocommerce.shop-button-style-clean button.button:hover, .woocommerce.shop-button-style-clean button.button.alt:hover, .woocommerce.shop-button-style-clean input.button:hover, .woocommerce.shop-button-style-clean input.button.alt:hover, .shop-button-style-clean .woocommerce #respond input#submit:hover, .shop-button-style-clean .woocommerce a.button:hover, .shop-button-style-clean .woocommerce a.button.alt:hover, .shop-button-style-clean .woocommerce button.button:hover, .shop-button-style-clean .woocommerce button.button.alt:hover, .shop-button-style-clean .woocommerce input.button:hover, .shop-button-style-clean .woocommerce input.button.alt:hover, .woocommerce-page.shop-button-style-clean #respond input#submit:hover, .woocommerce-page.shop-button-style-clean a.button:hover, .woocommerce-page.shop-button-style-clean a.button.alt:hover, .woocommerce-page.shop-button-style-clean button.button:hover, .woocommerce-page.shop-button-style-clean button.button.alt:hover, .woocommerce-page.shop-button-style-clean input.button:hover, .woocommerce-page.shop-button-style-clean input.button.alt:hover, .shop-button-style-clean .woocommerce-page #respond input#submit:hover, .shop-button-style-clean .woocommerce-page a.button:hover, .shop-button-style-clean .woocommerce-page a.button.alt:hover, .shop-button-style-clean .woocommerce-page button.button:hover, .shop-button-style-clean .woocommerce-page button.button.alt:hover, .shop-button-style-clean .woocommerce-page input.button:hover, .shop-button-style-clean .woocommerce-page input.button.alt:hover { color: var(--shop-button-secondary-color, var(--accent-color)); background: transparent; box-shadow: none; } /* Shapes */ .woocommerce.button-shape-square #respond input#submit, .woocommerce.button-shape-square a.button, .woocommerce.button-shape-square a.button.alt, .woocommerce.button-shape-square button.button, .woocommerce.button-shape-square button.button.alt, .woocommerce.button-shape-square input.button, .woocommerce.button-shape-square input.button.alt, .button-shape-square .woocommerce #respond input#submit, .button-shape-square .woocommerce a.button, .button-shape-square .woocommerce a.button.alt, .button-shape-square .woocommerce button.button, .button-shape-square .woocommerce button.button.alt, .button-shape-square .woocommerce input.button, .button-shape-square .woocommerce input.button.alt, .woocommerce-page.button-shape-square #respond input#submit, .woocommerce-page.button-shape-square a.button, .woocommerce-page.button-shape-square a.button.alt, .woocommerce-page.button-shape-square button.button, .woocommerce-page.button-shape-square button.button.alt, .woocommerce-page.button-shape-square input.button, .woocommerce-page.button-shape-square input.button.alt, .button-shape-square .woocommerce-page #respond input#submit, .button-shape-square .woocommerce-page a.button, .button-shape-square .woocommerce-page a.button.alt, .button-shape-square .woocommerce-page button.button, .button-shape-square .woocommerce-page button.button.alt, .button-shape-square .woocommerce-page input.button, .button-shape-square .woocommerce-page input.button.alt { border-radius: 0; } .woocommerce.button-shape-rounded #respond input#submit, .woocommerce.button-shape-rounded a.button, .woocommerce.button-shape-rounded a.button.alt, .woocommerce.button-shape-rounded button.button, .woocommerce.button-shape-rounded button.button.alt, .woocommerce.button-shape-rounded input.button, .woocommerce.button-shape-rounded input.button.alt, .button-shape-rounded .woocommerce #respond input#submit, .button-shape-rounded .woocommerce a.button, .button-shape-rounded .woocommerce a.button.alt, .button-shape-rounded .woocommerce button.button, .button-shape-rounded .woocommerce button.button.alt, .button-shape-rounded .woocommerce input.button, .button-shape-rounded .woocommerce input.button.alt, .woocommerce-page.button-shape-rounded #respond input#submit, .woocommerce-page.button-shape-rounded a.button, .woocommerce-page.button-shape-rounded a.button.alt, .woocommerce-page.button-shape-rounded button.button, .woocommerce-page.button-shape-rounded button.button.alt, .woocommerce-page.button-shape-rounded input.button, .woocommerce-page.button-shape-rounded input.button.alt, .button-shape-rounded .woocommerce-page #respond input#submit, .button-shape-rounded .woocommerce-page a.button, .button-shape-rounded .woocommerce-page a.button.alt, .button-shape-rounded .woocommerce-page button.button, .button-shape-rounded .woocommerce-page button.button.alt, .button-shape-rounded .woocommerce-page input.button, .button-shape-rounded .woocommerce-page input.button.alt { border-radius: var(--soft-rounded); } .woocommerce.button-shape-round #respond input#submit, .woocommerce.button-shape-round a.button, .woocommerce.button-shape-round a.button.alt, .woocommerce.button-shape-round button.button, .woocommerce.button-shape-round button.button.alt, .woocommerce.button-shape-round input.button, .woocommerce.button-shape-round input.button.alt, .button-shape-round .woocommerce #respond input#submit, .button-shape-round .woocommerce a.button, .button-shape-round .woocommerce a.button.alt, .button-shape-round .woocommerce button.button, .button-shape-round .woocommerce button.button.alt, .button-shape-round .woocommerce input.button, .button-shape-round .woocommerce input.button.alt, .woocommerce-page.button-shape-round #respond input#submit, .woocommerce-page.button-shape-round a.button, .woocommerce-page.button-shape-round a.button.alt, .woocommerce-page.button-shape-round button.button, .woocommerce-page.button-shape-round button.button.alt, .woocommerce-page.button-shape-round input.button, .woocommerce-page.button-shape-round input.button.alt, .button-shape-round .woocommerce-page #respond input#submit, .button-shape-round .woocommerce-page a.button, .button-shape-round .woocommerce-page a.button.alt, .button-shape-round .woocommerce-page button.button, .button-shape-round .woocommerce-page button.button.alt, .button-shape-round .woocommerce-page input.button, .button-shape-round .woocommerce-page input.button.alt { border-radius: var(--hard-rounded); } /* Info boxes --------------------------------------------- */ .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: var(--woo-message-padding); display: flex; align-items: center; border: 0; background: var(--primary-07-color); } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { display: block; position: relative; top: auto; left: auto; margin-right: .25em; font-size: 2em; } .rtl .woocommerce-error:before, .rtl .woocommerce-info:before, .rtl .woocommerce-message:before { margin-right: 0; margin-left: .25em; right: auto; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { order: 1000; margin-left: auto !important; font-size: .875em !important; float: none !important; } .rtl .woocommerce-error .button, .rtl .woocommerce-info .button, .rtl .woocommerce-message .button { margin-left: 0 !important; margin-right: auto !important; } .woocommerce-error .showcoupon, .woocommerce-error .showlogin, .woocommerce-info .showcoupon, .woocommerce-info .showlogin, .woocommerce-message .showcoupon, .woocommerce-message .showlogin { margin-left: .5em; margin-right: .5em; text-decoration: underline; } .woocommerce-error .showcoupon:hover, .woocommerce-error .showlogin:hover, .woocommerce-info .showcoupon:hover, .woocommerce-info .showlogin:hover, .woocommerce-message .showcoupon:hover, .woocommerce-message .showlogin:hover { text-decoration: none; } .button-shape-rounded .woocommerce-error, .button-shape-rounded .woocommerce-info, .button-shape-rounded .woocommerce-message { border-radius: var(--soft-rounded); } .button-shape-round .woocommerce-error, .button-shape-round .woocommerce-info, .button-shape-round .woocommerce-message { border-radius: var(--hard-rounded); } .button-shape-round .woocommerce-error, .button-shape-round .woocommerce-info, .button-shape-round .woocommerce-message { border-radius: var(--hard-rounded-field); } .woocommerce-error { box-shadow: 0 0 0 2px var(--wc-red) inset; background: transparent; } ul.woocommerce-error { flex-wrap: wrap; } ul.woocommerce-error li { flex: 1 0 calc(100% - 3em); } .woocommerce-error:before { color: var(--wc-red); } .woocommerce-info:before { color: var(--wc-blue); } .woocommerce-message:before { color: var(--wc-green); } @media (max-width: 992px) { .woocommerce-info { display: block; } } /* Top results and dropdown --------------------------------------------- */ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { margin: 1em 0; } /* Pagination --------------------------------------------- */ .woocommerce nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { padding-top: var(--pagination-inner-spacing); margin-top: var(--pagination-inner-spacing); border-top: 1px solid var(--primary-07-color); } .woocommerce nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { margin: 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border: 0; float: none; margin: 0 .143em; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span { padding: .25em .5em; min-width: 1.5em; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current { background: var(--primary-07-color); color: inherit; } .woocommerce nav.woocommerce-pagination ul li a.page-numbers, .woocommerce-page nav.woocommerce-pagination ul li a.page-numbers { background: var(--woocommerce); color: var(--light-color); } .woocommerce nav.woocommerce-pagination ul .next, .woocommerce nav.woocommerce-pagination ul .prev, .woocommerce-page nav.woocommerce-pagination ul .next, .woocommerce-page nav.woocommerce-pagination ul .prev { font-size: 0; } .woocommerce nav.woocommerce-pagination ul .next:hover, .woocommerce nav.woocommerce-pagination ul .prev:hover, .woocommerce-page nav.woocommerce-pagination ul .next:hover, .woocommerce-page nav.woocommerce-pagination ul .prev:hover { background: transparent; } .button-shape-square nav.woocommerce-pagination ul li a, .button-shape-square nav.woocommerce-pagination ul li span { border-radius: 0; } .button-shape-rounded nav.woocommerce-pagination ul li a, .button-shape-rounded nav.woocommerce-pagination ul li span { border-radius: var(--soft-rounded); } .button-shape-round nav.woocommerce-pagination ul li a, .button-shape-round nav.woocommerce-pagination ul li span { border-radius: var(--hard-rounded); } nav.woocommerce-pagination ul .next:after, nav.woocommerce-pagination ul .prev:after { content: ""; font-family: Icon7Stroke; font-size: var(--woo-paging-arrow-size); font-weight: normal; display: flex; align-items: center; justify-items: center; width: 1em; height: 1em; color: var(--light-color); background: var(--woocommerce); } .rtl nav.woocommerce-pagination ul .next:after, .rtl nav.woocommerce-pagination ul .prev:after { margin-left: 0; content: ""; } .button-shape-square nav.woocommerce-pagination ul .next:after, .button-shape-square nav.woocommerce-pagination ul .prev:after { border-radius: 0; } .button-shape-rounded nav.woocommerce-pagination ul .next:after, .button-shape-rounded nav.woocommerce-pagination ul .prev:after { border-radius: var(--soft-rounded); } .button-shape-round nav.woocommerce-pagination ul .next:after, .button-shape-round nav.woocommerce-pagination ul .prev:after { border-radius: var(--hard-rounded); } nav.woocommerce-pagination ul .prev:after { transform: scaleX(-1); } /* Star rating --------------------------------------------- */ .woocommerce .star-rating { font-size: 1em; height: 1em; width: 5.8em; line-height: 1; overflow: visible; } .woocommerce .star-rating:before { content: var(--woo-icons-stars); font-family: var(--woo-icons-stars-font); letter-spacing: .05em; color: var(--primary-10-color); } .woocommerce .star-rating span { display: flex; flex-wrap: nowrap; padding: 0; text-indent: 999999px; line-height: 1; height: 1em; } .woocommerce .star-rating span:before { content: var(--woo-icons-stars-filled); font-family: var(--woo-icons-stars-filled-font); letter-spacing: .05em; text-indent: 0; } .woocommerce .star-rating span strong { display: none !important; } /* Cart --------------------------------------------- */ .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 0; margin: 0 0 1.5em; border-radius: 0; border-collapse: collapse; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { padding: .75em 1em; } .rtl .woocommerce table.shop_table th, .rtl .woocommerce-page table.shop_table th { text-align: right; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: .75em 1em; } .woocommerce table.shop_table.cart thead tr th, .woocommerce-page table.shop_table.cart thead tr th { background: var(--woocommerce); color: var(--light-color); border: 0; } .woocommerce table.shop_table.cart tbody tr td, .woocommerce-page table.shop_table.cart tbody tr td { border: 0; border-bottom: 1px solid var(--primary-07-color); } .woocommerce table.shop_table.cart tbody tr:last-of-type td, .woocommerce-page table.shop_table.cart tbody tr:last-of-type td { border: 0; } .woocommerce table.shop_table.cart tbody tr .remove, .woocommerce-page table.shop_table.cart tbody tr .remove { font-weight: normal; font-size: 0; height: auto; border-radius: 0; } .woocommerce table.shop_table.cart tbody tr .remove:after, .woocommerce-page table.shop_table.cart tbody tr .remove:after { content: var(--woo-cart-widget-remove-icon); font-family: var(--woo-cart-widget-remove-icon-font); font-size: 1rem; width: 1.5em; height: 1.5em; display: flex; align-items: center; justify-content: center; background: var(--woocommerce); color: var(--light-color); transition: 200ms ease all; } .button-shape-square .woocommerce table.shop_table.cart tbody tr .remove:after, .button-shape-square .woocommerce-page table.shop_table.cart tbody tr .remove:after { border-radius: 0; } .button-shape-rounded .woocommerce table.shop_table.cart tbody tr .remove:after, .button-shape-rounded .woocommerce-page table.shop_table.cart tbody tr .remove:after { border-radius: var(--soft-rounded); } .button-shape-round .woocommerce table.shop_table.cart tbody tr .remove:after, .button-shape-round .woocommerce-page table.shop_table.cart tbody tr .remove:after { border-radius: var(--hard-rounded-field); } .woocommerce table.shop_table.cart tbody tr .product-thumbnail, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail { width: var(--woo-cart-image-size); } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a { display: block; width: var(--woo-cart-image-size); } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a img, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a img { width: 100%; display: block; } .woocommerce table.shop_table.cart tbody tr .product-name, .woocommerce-page table.shop_table.cart tbody tr .product-name { font-weight: bold; } .woocommerce table.shop_table.cart tbody tr .product-quantity .quantity .qty, .woocommerce-page table.shop_table.cart tbody tr .product-quantity .quantity .qty { width: 8em; } .woocommerce table.shop_table.cart tbody tr .product-subtotal .amount, .woocommerce-page table.shop_table.cart tbody tr .product-subtotal .amount { font-weight: bold; } .woocommerce table.shop_table.cart tbody tr td.actions, .woocommerce-page table.shop_table.cart tbody tr td.actions { padding: 1.5em 0; } .woocommerce table.shop_table.cart tbody tr td.actions .coupon, .woocommerce-page table.shop_table.cart tbody tr td.actions .coupon { width: 50%; display: flex; flex-wrap: nowrap; } .woocommerce table.shop_table.cart tbody tr td.actions .coupon .input-text, .woocommerce-page table.shop_table.cart tbody tr td.actions .coupon .input-text { font-size: .875em; border: 0; padding-left: 1.3125em; padding-right: 1.3125em; flex: 1 1 auto; width: auto; } .woocommerce table.shop_table.cart tbody tr td.actions .coupon .button, .woocommerce-page table.shop_table.cart tbody tr td.actions .coupon .button { font-size: .875em; white-space: nowrap; } .woocommerce table.shop_table.cart tbody tr td.actions > .button, .woocommerce-page table.shop_table.cart tbody tr td.actions > .button { font-size: .875em; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { display: flex; flex-direction: column-reverse; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { float: none; width: 100%; margin-top: 2em; padding-top: 2em; border-top: 1px solid var(--primary-07-color); } .woocommerce .cart-collaterals .cross-sells ul, .woocommerce-page .cart-collaterals .cross-sells ul { max-width: 50%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } .woocommerce .cart-collaterals .cart_totals table.shop_table tbody tr.cart-subtotal th, .woocommerce .cart-collaterals .cart_totals table.shop_table tbody tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table.shop_table tbody tr.cart-subtotal th, .woocommerce-page .cart-collaterals .cart_totals table.shop_table tbody tr.cart-subtotal td { border: 0; background: var(--primary-07-color); } .woocommerce .cart-collaterals .cart_totals table.shop_table tbody tr.order-total th, .woocommerce .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td, .woocommerce-page .cart-collaterals .cart_totals table.shop_table tbody tr.order-total th, .woocommerce-page .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td { background: var(--woocommerce); color: var(--light-color); } .rtl .woocommerce .cart-collaterals .cart_totals table.shop_table tbody .shipping-calculator-button:after, .rtl .woocommerce-page .cart-collaterals .cart_totals table.shop_table tbody .shipping-calculator-button:after { margin-left: .618em; margin-right: 0; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout { display: flex; justify-content: center; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button { flex: 0 1 60%; } @media (max-width: 992px) { .woocommerce table.shop_table.cart tbody tr td.actions .coupon, .woocommerce-page table.shop_table.cart tbody tr td.actions .coupon { width: 100%; float: none; margin-bottom: 1em; } } @media (max-width: 768px) { .woocommerce table.shop_table.cart tbody tr, .woocommerce-page table.shop_table.cart tbody tr { position: relative; } .woocommerce table.shop_table.cart tbody tr .product-remove, .woocommerce-page table.shop_table.cart tbody tr .product-remove { position: absolute; top: 0; display: flex; z-index: 2; width: 100%; justify-content: flex-end; box-sizing: border-box; border-bottom: 0; padding: 1em; background: transparent !important; } .woocommerce table.shop_table.cart tbody tr .product-remove a, .woocommerce-page table.shop_table.cart tbody tr .product-remove a { width: auto; background: transparent !important; } .woocommerce table.shop_table.cart tbody tr .product-remove a:hover, .woocommerce-page table.shop_table.cart tbody tr .product-remove a:hover { background: transparent !important; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail { padding: 0; width: 100%; display: block !important; position: relative; z-index: 1; background: transparent !important; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail:before, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail:before { display: none; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a, .woocommerce table.shop_table.cart tbody tr .product-thumbnail img, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail img { width: 100%; } .woocommerce table.shop_table.cart tbody tr .product-quantity, .woocommerce-page table.shop_table.cart tbody tr .product-quantity { display: flex; align-items: center; justify-content: space-between; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button { flex: 1 1 100%; } } /* Checkout --------------------------------------------- */ .woocommerce .checkout textarea[name=order_comments], .woocommerce-page .checkout textarea[name=order_comments] { min-height: 12.5em; } .woocommerce .checkout #order_review_heading, .woocommerce-page .checkout #order_review_heading { margin-top: 1em; } .woocommerce .checkout .woocommerce-checkout-review-order-table thead tr th, .woocommerce-page .checkout .woocommerce-checkout-review-order-table thead tr th { background: var(--woocommerce); color: var(--light-color); border: 0; } .woocommerce .checkout .woocommerce-checkout-review-order-table tbody tr td, .woocommerce-page .checkout .woocommerce-checkout-review-order-table tbody tr td { border: 0; border-bottom: 1px solid var(--primary-07-color); } .woocommerce .checkout .woocommerce-checkout-review-order-table tbody tr:last-of-type td, .woocommerce-page .checkout .woocommerce-checkout-review-order-table tbody tr:last-of-type td { border: 0; } .woocommerce .checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th, .woocommerce .checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td, .woocommerce-page .checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th, .woocommerce-page .checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td { border: 0; background: var(--primary-07-color); } .woocommerce .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th, .woocommerce .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td, .woocommerce-page .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th, .woocommerce-page .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td { background: var(--woocommerce); color: var(--light-color); } .woocommerce .checkout .woocommerce-account-fields input.input-checkbox, .woocommerce-page .checkout .woocommerce-account-fields input.input-checkbox { display: inline-block; } .woocommerce .checkout .woocommerce-account-fields input.input-checkbox:before, .woocommerce-page .checkout .woocommerce-account-fields input.input-checkbox:before { justify-content: flex-start; } @media (max-width: 992px) { .woocommerce .checkout .form-row-first, .woocommerce .checkout .form-row-last, .woocommerce-page .checkout .form-row-first, .woocommerce-page .checkout .form-row-last { width: 100%; float: none; } } /* Login, Registration, Coupon form --------------------------------------------- */ .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce form.checkout_coupon { padding: var(--woo-forms-padding); margin: 1.5em 0; border: 1px solid var(--primary-07-color); } .button-shape-square .woocommerce form.login, .button-shape-square .woocommerce form.register, .button-shape-square .woocommerce form.lost_reset_password, .button-shape-square .woocommerce form.checkout_coupon, .button-shape-square .woocommerce form.login, .button-shape-square .woocommerce form.register, .button-shape-square .woocommerce form.lost_reset_password, .button-shape-square .woocommerce form.checkout_coupon, .button-shape-square .woocommerce form.login, .button-shape-square .woocommerce form.register, .button-shape-square .woocommerce form.lost_reset_password, .button-shape-square .woocommerce form.checkout_coupon { border-radius: 0; } .button-shape-rounded .woocommerce form.login, .button-shape-rounded .woocommerce form.register, .button-shape-rounded .woocommerce form.lost_reset_password, .button-shape-rounded .woocommerce form.checkout_coupon, .button-shape-rounded .woocommerce form.login, .button-shape-rounded .woocommerce form.register, .button-shape-rounded .woocommerce form.lost_reset_password, .button-shape-rounded .woocommerce form.checkout_coupon, .button-shape-rounded .woocommerce form.login, .button-shape-rounded .woocommerce form.register, .button-shape-rounded .woocommerce form.lost_reset_password, .button-shape-rounded .woocommerce form.checkout_coupon { border-radius: var(--soft-rounded); } .button-shape-round .woocommerce form.login, .button-shape-round .woocommerce form.register, .button-shape-round .woocommerce form.lost_reset_password, .button-shape-round .woocommerce form.checkout_coupon, .button-shape-round .woocommerce form.login, .button-shape-round .woocommerce form.register, .button-shape-round .woocommerce form.lost_reset_password, .button-shape-round .woocommerce form.checkout_coupon, .button-shape-round .woocommerce form.login, .button-shape-round .woocommerce form.register, .button-shape-round .woocommerce form.lost_reset_password, .button-shape-round .woocommerce form.checkout_coupon { border-radius: var(--hard-rounded-field); } .woocommerce form.checkout_coupon, .woocommerce form.checkout_coupon, .woocommerce form.checkout_coupon { display: flex; flex-direction: row; flex-wrap: wrap; } .woocommerce form.checkout_coupon p, .woocommerce form.checkout_coupon p, .woocommerce form.checkout_coupon p { flex: 1 1 auto; } .woocommerce form.checkout_coupon p:nth-child(1), .woocommerce form.checkout_coupon p:nth-child(1), .woocommerce form.checkout_coupon p:nth-child(1) { flex: 1 0 100%; margin-bottom: 0; line-height: 2; } .woocommerce form.checkout_coupon p.form-row-last, .woocommerce form.checkout_coupon p.form-row-last, .woocommerce form.checkout_coupon p.form-row-last { margin-left: 1em; } .rtl .woocommerce form.checkout_coupon p.form-row-last, .rtl .woocommerce form.checkout_coupon p.form-row-last, .rtl .woocommerce form.checkout_coupon p.form-row-last { margin-left: 0; margin-right: 1em; } .woocommerce form.login .form-row:nth-child(3), .woocommerce form.login .form-row:nth-child(3), .woocommerce form.login .form-row:nth-child(3) { display: flex; align-items: center; flex-wrap: wrap; } .woocommerce form.login .woocommerce-form-login__rememberme, .woocommerce form.login .woocommerce-form-login__rememberme, .woocommerce form.login .woocommerce-form-login__rememberme { order: 2; } .woocommerce form.login .woocommerce-form-login__submit, .woocommerce form.login .woocommerce-form-login__submit, .woocommerce form.login .woocommerce-form-login__submit { order: 1; } .woocommerce form.login .lost_password a, .woocommerce form.login .lost_password a, .woocommerce form.login .lost_password a { display: inline-flex; align-items: center; } .woocommerce form.login .lost_password a:before, .woocommerce form.login .lost_password a:before, .woocommerce form.login .lost_password a:before { content: var(--woo-icons-lost-password); font-family: var(--woo-icons-lost-password-font); font-size: 1.5em; font-weight: normal; font-style: normal; margin-right: .2em; display: block; color: var(--accent-color); } .rtl .woocommerce form.login .lost_password a:before, .rtl .woocommerce form.login .lost_password a:before, .rtl .woocommerce form.login .lost_password a:before { margin-right: 0; margin-left: .2em; } /* Payments --------------------------------------------- */ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; border-radius: 0; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 2em 0; border-bottom: 1px solid var(--primary-07-color); } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: inherit; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { max-width: calc(100% - .75em); width: fit-content; left: .75em; background: var(--primary-07-color); } .rtl #add_payment_method #payment div.payment_box, .rtl .woocommerce-cart #payment div.payment_box, .rtl .woocommerce-checkout #payment div.payment_box { left: auto; right: .75em; } .button-shape-square #add_payment_method #payment div.payment_box, .button-shape-square .woocommerce-cart #payment div.payment_box, .button-shape-square .woocommerce-checkout #payment div.payment_box { border-radius: 0; } .button-shape-rounded #add_payment_method #payment div.payment_box, .button-shape-rounded .woocommerce-cart #payment div.payment_box, .button-shape-rounded .woocommerce-checkout #payment div.payment_box { border-radius: var(--soft-rounded); border-top-left-radius: 0; } .button-shape-rounded.rtl #add_payment_method #payment div.payment_box, .button-shape-rounded.rtl .woocommerce-cart #payment div.payment_box, .button-shape-rounded.rtl .woocommerce-checkout #payment div.payment_box { border-radius: var(--soft-rounded); border-top-right-radius: 0; } .button-shape-round #add_payment_method #payment div.payment_box, .button-shape-round .woocommerce-cart #payment div.payment_box, .button-shape-round .woocommerce-checkout #payment div.payment_box { border-radius: var(--hard-rounded-field); border-top-left-radius: 0; } .button-shape-round.rtl #add_payment_method #payment div.payment_box, .button-shape-round.rtl .woocommerce-cart #payment div.payment_box, .button-shape-round.rtl .woocommerce-checkout #payment div.payment_box { border-radius: var(--hard-rounded-field); border-top-right-radius: 0; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border: .5em solid var(--primary-07-color); border-right-color: transparent; border-top-color: transparent; top: 0; left: -2em; } .rtl #add_payment_method #payment div.payment_box:before, .rtl .woocommerce-cart #payment div.payment_box:before, .rtl .woocommerce-checkout #payment div.payment_box:before { left: auto; right: -2em; border-left-color: transparent; border-right-color: var(--primary-07-color); } #add_payment_method #payment .place-order, .woocommerce-cart #payment .place-order, .woocommerce-checkout #payment .place-order { padding: 2em 0 !important; } #add_payment_method #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label, .woocommerce-cart #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label, .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label { display: inline-flex; align-items: center; } #add_payment_method #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label input, .woocommerce-cart #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label input, .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label input { margin-top: 0; } #add_payment_method #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label a, .woocommerce-cart #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label a, .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label a { text-decoration: underline; } #add_payment_method #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label a:hover, .woocommerce-cart #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label a:hover, .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label a:hover { text-decoration: none; } #add_payment_method #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid #terms, .woocommerce-cart #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid #terms, .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid #terms { outline: none; } #add_payment_method #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid #terms:before, .woocommerce-cart #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid #terms:before, .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid #terms:before { color: red; } #add_payment_method #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid label, .woocommerce-cart #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid label, .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required.woocommerce-invalid label { color: red; } /* Terms and conditions --------------------------------------------- */ .woocommerce-terms-and-conditions { padding: 2em; background: transparent; border: 1px solid var(--primary-07-color); box-shadow: none; } /* Widgets --------------------------------------------- */ /* Product search */ .widget_product_search .woocommerce-product-search { position: relative; } .widget_product_search .woocommerce-product-search input[type=search] { padding-right: 3em !important; } .rtl .widget_product_search .woocommerce-product-search input[type=search] { padding-right: .8em !important; padding-left: 3em !important; } .widget_product_search .woocommerce-product-search button[type=submit] { border: 0; padding: 0; position: absolute; right: .7rem; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; transition: 200ms ease all; box-shadow: none; color: inherit; border-radius: 0; text-indent: -999999px; background: transparent; } .widget_product_search .woocommerce-product-search button[type=submit]:after { content: var(--search-widget-icon-search); font-family: var(--search-widget-icon-search-font); font-size: 1em; font-weight: normal; margin: 0 .25em; text-indent: 0; } .widget_product_search .woocommerce-product-search button[type=submit]:hover { opacity: .6; transform: none; background: transparent; box-shadow: none; color: inherit; } .woocommerce, .woocommerce-page {} .woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .woocommerce-page .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: .8em 0; } .woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count, .woocommerce-page .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count { float: right; opacity: .5; } .woocommerce .widget_product_categories ul li .count, .woocommerce-page .widget_product_categories ul li .count { float: right; opacity: .5; } .woocommerce .widget_price_filter .ui-slider.ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider.ui-slider-horizontal { height: var(--woo-price-slider-height); margin-left: calc(var(--woo-price-slider-handle-size) / 2); margin-right: calc(var(--woo-price-slider-handle-size) / 2); } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { top: calc(( var(--woo-price-slider-handle-size) / 2 - var(--woo-price-slider-height) / 2 ) * -1); width: var(--woo-price-slider-handle-size); height: var(--woo-price-slider-handle-size); margin-left: calc(var(--woo-price-slider-handle-size) / 2 * -1); border-radius: 50%; background: var(--woocommerce); } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { background: var(--primary-07-color); } .woocommerce .widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 1em; } .woocommerce .widget_price_filter .price_slider_amount input[name=min_price], .woocommerce .widget_price_filter .price_slider_amount input[name=max_price], .woocommerce-page .widget_price_filter .price_slider_amount input[name=min_price], .woocommerce-page .widget_price_filter .price_slider_amount input[name=max_price] { flex: 0 1 48%; font-size: .75em; margin-bottom: .5em; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { font-size: .75em; } .woocommerce .widget_price_filter .price_slider_amount .price_label, .woocommerce-page .widget_price_filter .price_slider_amount .price_label { margin-left: auto; } .woocommerce .widget_rating_filter li.wc-layered-nav-rating, .woocommerce-page .widget_rating_filter li.wc-layered-nav-rating { border: 0; } .woocommerce .widget_rating_filter li.wc-layered-nav-rating:last-child, .woocommerce-page .widget_rating_filter li.wc-layered-nav-rating:last-child { padding-bottom: 0; } .woocommerce .widget_rating_filter li.wc-layered-nav-rating a, .woocommerce-page .widget_rating_filter li.wc-layered-nav-rating a { display: flex; justify-content: space-between; align-items: center; } .woocommerce .widget_rating_filter li.wc-layered-nav-rating .star-rating span:before, .woocommerce-page .widget_rating_filter li.wc-layered-nav-rating .star-rating span:before { color: var(--accent-color); } .woocommerce .widget_top_rated_products .product_list_widget li, .woocommerce .widget_products .product_list_widget li, .woocommerce .widget_recent_reviews .product_list_widget li, .woocommerce-page .widget_top_rated_products .product_list_widget li, .woocommerce-page .widget_products .product_list_widget li, .woocommerce-page .widget_recent_reviews .product_list_widget li { position: relative; padding: .5em 1em .5em 3.5em; } .woocommerce .widget_top_rated_products .product_list_widget li:first-child, .woocommerce .widget_products .product_list_widget li:first-child, .woocommerce .widget_recent_reviews .product_list_widget li:first-child, .woocommerce-page .widget_top_rated_products .product_list_widget li:first-child, .woocommerce-page .widget_products .product_list_widget li:first-child, .woocommerce-page .widget_recent_reviews .product_list_widget li:first-child { padding-top: 0; } .woocommerce .widget_top_rated_products .product_list_widget li:last-child, .woocommerce .widget_products .product_list_widget li:last-child, .woocommerce .widget_recent_reviews .product_list_widget li:last-child, .woocommerce-page .widget_top_rated_products .product_list_widget li:last-child, .woocommerce-page .widget_products .product_list_widget li:last-child, .woocommerce-page .widget_recent_reviews .product_list_widget li:last-child { padding-bottom: 0; } .woocommerce .widget_top_rated_products .product_list_widget li a .product-title, .woocommerce .widget_products .product_list_widget li a .product-title, .woocommerce .widget_recent_reviews .product_list_widget li a .product-title, .woocommerce-page .widget_top_rated_products .product_list_widget li a .product-title, .woocommerce-page .widget_products .product_list_widget li a .product-title, .woocommerce-page .widget_recent_reviews .product_list_widget li a .product-title { font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); text-transform: var(--heading-text-transform); line-height: 1.2; } .woocommerce .widget_top_rated_products .product_list_widget li a img, .woocommerce .widget_products .product_list_widget li a img, .woocommerce .widget_recent_reviews .product_list_widget li a img, .woocommerce-page .widget_top_rated_products .product_list_widget li a img, .woocommerce-page .widget_products .product_list_widget li a img, .woocommerce-page .widget_recent_reviews .product_list_widget li a img { position: absolute; top: 50%; left: 0; margin: 0; width: 3em; transform: translateY(-50%); } /* Cart --------------------------------------------- */ .woocommerce.widget_shopping_cart .cart_list, .woocommerce-page .widget_shopping_cart .cart_list, .woocommerce .widget_shopping_cart .cart_list { margin-top: -.5em; margin-bottom: -.5em; } .woocommerce.widget_shopping_cart .cart_list li, .woocommerce-page .widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li { padding: .5em 2em .5em calc(var(--woo-cart-widget-image-size) + .5em); display: flex; flex-wrap: wrap; position: relative; } .rtl .woocommerce.widget_shopping_cart .cart_list li, .rtl .woocommerce-page .widget_shopping_cart .cart_list li, .rtl .woocommerce .widget_shopping_cart .cart_list li { padding: .5em calc(var(--woo-cart-widget-image-size) + .5em) .5em 2em; } .woocommerce.widget_shopping_cart .cart_list li a, .woocommerce-page .widget_shopping_cart .cart_list li a, .woocommerce .widget_shopping_cart .cart_list li a { flex: 1 0 100%; display: flex; } .woocommerce.widget_shopping_cart .cart_list li a.remove, .woocommerce-page .widget_shopping_cart .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove { font-size: 0; font-weight: normal; position: absolute; top: .5rem; right: 0; left: auto; display: block; width: auto; } .woocommerce.widget_shopping_cart .cart_list li a.remove:after, .woocommerce-page .widget_shopping_cart .cart_list li a.remove:after, .woocommerce .widget_shopping_cart .cart_list li a.remove:after { content: var(--woo-cart-widget-remove-icon); font-family: var(--woo-cart-widget-remove-icon-font); font-size: 1rem; width: 1.5em; height: 1.5em; display: flex; align-items: center; justify-content: center; color: var(--light-color); background: var(--woocommerce); } .rtl .woocommerce.widget_shopping_cart .cart_list li a.remove, .rtl .woocommerce-page .widget_shopping_cart .cart_list li a.remove, .rtl .woocommerce .widget_shopping_cart .cart_list li a.remove { right: auto; left: 0; } .woocommerce.widget_shopping_cart .cart_list li a:not(.remove), .woocommerce-page .widget_shopping_cart .cart_list li a:not(.remove), .woocommerce .widget_shopping_cart .cart_list li a:not(.remove) { font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); text-transform: var(--heading-text-transform); line-height: 1.2; } .woocommerce.widget_shopping_cart .cart_list li a img, .woocommerce-page .widget_shopping_cart .cart_list li a img, .woocommerce .widget_shopping_cart .cart_list li a img { position: absolute; top: 50%; left: 0; margin: 0; width: var(--woo-cart-widget-image-size); transform: translateY(-50%); } .rtl .woocommerce.widget_shopping_cart .cart_list li a img, .rtl .woocommerce-page .widget_shopping_cart .cart_list li a img, .rtl .woocommerce .widget_shopping_cart .cart_list li a img { left: auto; right: 0; } .woocommerce.widget_shopping_cart .cart_list li .quantity, .woocommerce-page .widget_shopping_cart .cart_list li .quantity, .woocommerce .widget_shopping_cart .cart_list li .quantity { flex: 1 0 100%; } .woocommerce.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { margin-top: .5em; padding-top: .5em; border-top: 1px solid var(--primary-07-color); } .woocommerce.widget_shopping_cart .buttons, .woocommerce-page .widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons { font-size: .75em; display: flex; justify-content: space-between; } .woocommerce.widget_shopping_cart .buttons .button, .woocommerce-page .widget_shopping_cart .buttons .button, .woocommerce .widget_shopping_cart .buttons .button { flex: 1 1 auto; padding-left: 1em; padding-right: 1em; margin: 0; } .woocommerce.widget_shopping_cart .buttons .button.wc-forward, .woocommerce-page .widget_shopping_cart .buttons .button.wc-forward, .woocommerce .widget_shopping_cart .buttons .button.wc-forward { order: 1; } .woocommerce.widget_shopping_cart .buttons .button.checkout, .woocommerce-page .widget_shopping_cart .buttons .button.checkout, .woocommerce .widget_shopping_cart .buttons .button.checkout { order: 3; } .woocommerce.widget_shopping_cart .buttons:before, .woocommerce-page .widget_shopping_cart .buttons:before, .woocommerce .widget_shopping_cart .buttons:before { display: block; width: 10px; order: 2; } .woocommerce.widget_shopping_cart .buttons:after, .woocommerce-page .widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:after { display: none; } .button-shape-square .widget_shopping_cart .cart_list li a.remove:after { border-radius: 0; } .button-shape-rounded .widget_shopping_cart .cart_list li a.remove:after { border-radius: var(--soft-rounded); } .button-shape-round .widget_shopping_cart .cart_list li a.remove:after { border-radius: var(--hard-rounded); } /* Override RTL widgets --------------------------------------------- */ .rtl.woocommerce, .rtl.woocommerce-page {} .rtl.woocommerce .widget_product_search .woocommerce-product-search input[type=search], .rtl.woocommerce-page .widget_product_search .woocommerce-product-search input[type=search] { padding-right: .8em; padding-left: 3em; } .rtl.woocommerce .widget_product_search .woocommerce-product-search button[type=submit], .rtl.woocommerce-page .widget_product_search .woocommerce-product-search button[type=submit] { right: auto; left: .7rem; } .rtl.woocommerce .widget_shopping_cart .cart_list li, .rtl.woocommerce-page .widget_shopping_cart .cart_list li { padding: .5em 3.5em .5em 1em; } .rtl.woocommerce .widget_shopping_cart .cart_list li a.remove, .rtl.woocommerce-page .widget_shopping_cart .cart_list li a.remove { right: auto; left: 0; } .rtl.woocommerce .widget_shopping_cart .cart_list li a img, .rtl.woocommerce-page .widget_shopping_cart .cart_list li a img { left: auto; right: 0; } .rtl.woocommerce .widget_product_categories ul li .count, .rtl.woocommerce-page .widget_product_categories ul li .count { float: left; } .rtl.woocommerce .widget_price_filter .price_slider_amount .price_label, .rtl.woocommerce-page .widget_price_filter .price_slider_amount .price_label { margin-left: 0; margin-right: auto; } .rtl.woocommerce .widget_top_rated_products .product_list_widget li, .rtl.woocommerce .widget_products .product_list_widget li, .rtl.woocommerce .widget_recent_reviews .product_list_widget li, .rtl.woocommerce-page .widget_top_rated_products .product_list_widget li, .rtl.woocommerce-page .widget_products .product_list_widget li, .rtl.woocommerce-page .widget_recent_reviews .product_list_widget li { padding-right: 3.5em; padding-left: 1em; } .rtl.woocommerce .widget_top_rated_products .product_list_widget li a img, .rtl.woocommerce .widget_products .product_list_widget li a img, .rtl.woocommerce .widget_recent_reviews .product_list_widget li a img, .rtl.woocommerce-page .widget_top_rated_products .product_list_widget li a img, .rtl.woocommerce-page .widget_products .product_list_widget li a img, .rtl.woocommerce-page .widget_recent_reviews .product_list_widget li a img { left: auto; right: 0; } /* --------------------------------- Styles --------------------------------- */ /* Template color scheme ------------------------------------------------------------------ */ body { color: var(--page-color, var(--page-primary-color)); background-color: var(--page-background-color, var(--page-secondary-color)); background-image: var(--page-background-image, none); background-size: cover; background-attachment: fixed; } /* Top bar color scheme ------------------------------------------------------------------ */ .site-header-top-bar { color: var(--top-bar-color, var(--primary-color)); background-color: var(--top-bar-background-color, var(--secondary-color)); } /* Site branding style ------------------------------------------------------------------ */ .site-branding { color: var(--site-branding-bar-color, var(--primary-color)); background-color: var(--site-branding-bar-background-color, var(--secondary-color)); } /* Site branding, sticky header active - Shrink style only to enable smooth colouring back ------------------------------------------------------------------ */ .bt-sticky-header-active.bt-sticky-header-active-closed.bt-sticky-header-active-open.sticky-style-shrink .site-branding { color: var(--site-branding-bar-color, var(--primary-color)); background-color: var(--site-branding-bar-background-color, var(--secondary-color)); } /* Site branding, sticky header active ------------------------------------------------------------------ */ .bt-sticky-header-active .site-branding { color: var(--sticky-site-branding-bar-color, var(--sticky-primary-color)); background-color: var(--sticky-site-branding-bar-background-color, var(--sticky-secondary-color)); } /* Default headline ------------------------------------------------------------------ */ .page-header { color: var(--default-headline-color, var(--primary-color)); background-color: var(--default-headline-background-color, var(--secondary-color)); } /* Menu bar, responsive inactive, sticky header inactive ------------------------------------------------------------------ */ .bt-header-responsive-inactive.bt-sticky-header-inactive .main-navigation:not(.main-navigation-logo-area) { color: var(--menu-bar-color, var(--primary-color)); background-color: var(--menu-bar-background-color, var(--secondary-color)); } /* Menu bar, sticky header active - Shrink style only to enable smooth colouring back ------------------------------------------------------------------ */ .bt-sticky-header-active.bt-sticky-header-active-closed.bt-sticky-header-active-open.sticky-style-shrink .main-navigation:not(.main-navigation-logo-area) { color: var(--menu-bar-color, var(--primary-color)); background-color: var(--menu-bar-background-color, var(--secondary-color)); } /* Menu bar, responsive inactive, sticky header active ------------------------------------------------------------------ */ .bt-header-responsive-inactive.bt-sticky-header-active .main-navigation:not(.main-navigation-logo-area) { color: var(--sticky-menu-bar-color, var(--sticky-primary-color)); background-color: var(--sticky-menu-bar-background-color, var(--sticky-secondary-color)); } /* Preloader style ------------------------------------------------------------------ */ #preloader { color: var(--preloader-text-color, var(--primary-color)); } #preloader .preloader-background { background-color: var(--preloader-background-color, var(--secondary-color)); opacity: var(--preloader-background-opacity); } /* Responsive header style ------------------------------------------------------------------ */ .bt-header-responsive-active .site-header-responsive { color: var(--responsive-header-color, var(--primary-color)); background-color: var(--responsive-header-background-color, var(--secondary-color)); } /* Responsive header style, sticky header active - Shrink style only to enable smooth colouring back ------------------------------------------------------------------ */ .bt-header-responsive-active.bt-sticky-header-active.bt-sticky-header.bt-sticky-header-active-closed.sticky-style-shrink .site-header-responsive { color: var(--responsive-header-color, var(--primary-color)); background-color: var(--responsive-header-background-color, var(--secondary-color)); } /* Responsive sticky header style ------------------------------------------------------------------ */ .bt-header-responsive-active.bt-sticky-header-active .site-header-responsive { color: var(--responsive-sticky-header-color, var(--primary-sticky-color)); background-color: var(--responsive-sticky-header-background-color, var(--secondary-sticky-color)); } /* Responsive menu ------------------------------------------------------------------ */ .bt-header-responsive-active .site-header { background-color: var(--responsive-menu-background-color, var(--responsive-menu-secondary-color)); color: var(--responsive-menu-color, var(--responsive-menu-primary-color)); } /* Footer widget style ------------------------------------------------------------------ */ .site-footer-widgets { color: var(--footer-widgets-color, var(--primary-color)); background-color: var(--footer-widgets-background-color, var(--secondary-color)); } /* 404 style ------------------------------------------------------------------ */ body.error404 .error-404 { color: var(--error-404-color, var(--primary-color)); background-color: var(--error-404-background-color, var(--secondary-color)); background-image: var(--error-404-background-image); } /* Dropdown styles ------------------------------------------------------------------ */ .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.on { color: var(--hover-primary-color); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.on > a:after { background-color: var(--hover-secondary-color); } .bt-header-responsive-inactive .main-navigation ul ul { color: var(--dropdown-primary-color); background-color: var(--dropdown-secondary-color); } .bt-header-responsive-inactive .main-navigation ul ul li.on { color: var(--dropdown-hover-primary-color); background-color: var(--dropdown-hover-secondary-color); } /* Animation --------------------------------------------- */ .blog[class*=blog-list-load-animation] .site-content .site-main article.animate, .post-type-archive-portfolio[class*=pf-list-load-animation] .site-content .site-main article.animate { transition-delay: 0ms; } .blog[class*=blog-list-load-animation] .site-content article.animated, .post-type-archive-portfolio[class*=pf-list-load-animation] .site-content article.animated { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } /* Fade In */ .blog.blog-list-load-animation-fade-in article, .blog.blog-list-load-animation-fade-in-move-up article, .blog.blog-list-load-animation-fade-in-move-down article, .blog.blog-list-load-animation-fade-in-move-left article, .blog.blog-list-load-animation-fade-in-move-right article, .blog.blog-list-load-animation-fade-in-zoom-in article, .blog.blog-list-load-animation-fade-in-zoom-out article, .post-type-archive-portfolio.pf-list-load-animation-fade-in article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-up article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-down article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-left article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-right article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-zoom-in article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-zoom-out article { opacity: 0; } /* Move, Move & Fade */ .blog.blog-list-load-animation-move-down article, .blog.blog-list-load-animation-fade-in-move-down article, .post-type-archive-portfolio.pf-list-load-animation-move-down article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-down article { transform: translate3d(0, -30%, 0); } .blog.blog-list-load-animation-move-up article, .blog.blog-list-load-animation-fade-in-move-up article, .post-type-archive-portfolio.pf-list-load-animation-move-up article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-up article { transform: translate3d(0, 30px, 0); } .blog.blog-list-load-animation-move-left article, .blog.blog-list-load-animation-fade-in-move-left article, .post-type-archive-portfolio.pf-list-load-animation-move-left article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-left article { transform: translate3d(30%, 0, 0); } .blog.blog-list-load-animation-move-right article, .blog.blog-list-load-animation-fade-in-move-right article, .post-type-archive-portfolio.pf-list-load-animation-move-right article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-move-right article { transform: translate3d(-30%, 0, 0); } /* Zoom in */ .blog.blog-list-load-animation-zoom-in article, .blog.blog-list-load-animation-fade-in-zoom-in article, .post-type-archive-portfolio.pf-list-load-animation-zoom-in article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-zoom-in article { transform: scale(.7); } .blog.blog-list-load-animation-zoom-out article, .blog.blog-list-load-animation-fade-in-zoom-out article, .post-type-archive-portfolio.pf-list-load-animation-zoom-out article, .post-type-archive-portfolio.pf-list-load-animation-fade-in-zoom-out article { transform: scale(1.3); } /* Comments --------------------------------------------- */ .bt-comments-content { max-width: 900px; } .comments-area { margin: var(--comments-top-spacing) 0; } .comments-area .logged-in-as .required-field-message { display: block; } .comments-area .comments-title { font-size: 1.4em; margin: 0 0 1em 0; padding: 0; } .comments-area .comment-respond:not(:only-child) { margin-top: var(--comments-top-spacing); } .comments-area .comment-respond .comment-form { padding-bottom: 2em; } .comments-area .comment-respond .comment-reply-title { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; } .comments-area .comment-respond .comment-reply-title small { font-size: 1rem; margin-top: .5em; } .comments-area li .comment-respond:not(:only-child) { margin-top: 0; } .comments-area ol.comment-list, .comments-area .comment-list li.comment { list-style: none; display: block; padding-left: 0; margin: 0; } .comments-area > ol.comment-list { border-bottom: 2px solid var(--primary-07-color); margin-bottom: var(--post-half-margin); } .comments-area .comment-list > li, .comments-area .comment-list > li.comment > .children > li.comment { display: block; margin: 0; border-top: 2px solid var(--primary-07-color); } .comments-area ol.comment-list li { margin: 0; } .comments-area ol.comment-list li > article { padding: var(--comment-single-spacing) 0 var(--comment-single-spacing) calc(var(--comment-avatar-padding) + var(--comment-avatar-size)); width: 100%; position: relative; } .rtl .comments-area ol.comment-list li > article { padding-left: 0; padding-right: calc(var(--comment-avatar-padding) + var(--comment-avatar-size)); } .comments-area ol.comment-list li > article .comment-meta { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: .75em; } .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard { display: flex; flex-flow: row nowrap; align-items: center; } .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard .fn, .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard span { padding-right: .5em; } .rtl .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard .fn, .rtl .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard span { padding-right: 0; padding-left: .5em; } .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard .avatar { position: absolute; left: 0; top: var(--comment-single-spacing); width: var(--comment-avatar-size); height: var(--comment-avatar-size); } .button-shape-square .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard .avatar { border-radius: 0; } .button-shape-rounded .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard .avatar { border-radius: var(--soft-rounded); } .button-shape-round .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard .avatar { border-radius: var(--hard-rounded); } .rtl .comments-area ol.comment-list li > article .comment-meta .comment-author.vcard .avatar { left: auto; right: 0; } .comments-area ol.comment-list li > article .comment-meta .comment-metadata { display: inline-flex; font-size: .875em; } .comments-area ol.comment-list li > article .comment-meta .comment-metadata a { text-decoration: underline; } .comments-area ol.comment-list li > article .comment-meta .comment-metadata a:hover { text-decoration: none; } .comments-area ol.comment-list li > article .comment-meta .comment-metadata .comment-edit-link { margin-left: .5em; } .rtl .comments-area ol.comment-list li > article .comment-meta .comment-metadata .comment-edit-link { margin-left: 0; margin-right: .5em; } .comments-area ol.comment-list li > article .reply { font-size: .875em; display: flex; flex-direction: column; } .comments-area ol.comment-list li > article .reply:before { content: ""; display: block; flex: 0 0 1px; max-width: 10em; margin: .75em 0 .5em; background: var(--primary-07-color); } .comments-area ol.comment-list li > article .reply a { text-decoration: underline; } .comments-area ol.comment-list li > article .reply a:hover { text-decoration: none; } .comments-area ol.comment-list li.pingback, .comments-area ol.comment-list li.trackback { padding-top: 1em; padding-bottom: 1em; } .comments-area ol.comment-list li.pingback .edit-link, .comments-area ol.comment-list li.trackback .edit-link { font-size: .875em; } .comments-area ol.comment-list li.pingback .edit-link a, .comments-area ol.comment-list li.trackback .edit-link a { text-decoration: underline; } .comments-area ol.comment-list li.pingback .edit-link a:hover, .comments-area ol.comment-list li.trackback .edit-link a:hover { text-decoration: none; } .comments-area ul.children { margin-left: 75px; } .comments-area input, .comments-area textarea { transition: all 300ms ease; } .comments-area textarea { min-height: 17.8em; } .comments-area .logged-in-as + .comment-form-comment textarea { min-height: auto; height: 12.5em; } .comments-area .bt-comment { line-height: 0; } .comments-area .bt-comment textarea, .comments-area .bt-comment label { line-height: 1.8; } .comments-area .comment-respond .comment-form #wp-comment-cookies-consent { margin-top: -2px; } .comments-area .comment-respond .comment-form .submit { width: auto; padding: .8em 1.5em; border: none; color: var(--button-primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--button-secondary-color, var(--accent-color)) inset; background: transparent; } .button-style-outline .comments-area .comment-respond .comment-form .submit { color: var(--button-primary-color, var(--accent-color)); box-shadow: 0 0 0 2px var(--button-primary-color, var(--accent-color)) inset; background: transparent; } .button-style-clean .comments-area .comment-respond .comment-form .submit { color: var(--button-primary-color, var(--accent-color)); background: transparent; box-shadow: none; padding-left: 0; padding-right: 0; border-radius: 0 !important; } .comments-area .comment-respond .comment-form .submit:hover { color: var(--button-secondary-color, var(--accent-color)); box-shadow: 0 0 0 2px var(--button-secondary-color, var(--accent-color)) inset; } .button-style-outline .comments-area .comment-respond .comment-form .submit:hover { color: var(--button-secondary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--button-primary-color, var(--accent-color)) inset; background: transparent; } .button-style-clean .comments-area .comment-respond .comment-form .submit:hover { color: var(--button-secondary-color, var(--accent-color)); background: transparent; box-shadow: none; } .button-shape-rounded .comments-area .comment-respond .comment-form .submit { border-radius: var(--soft-rounded); } .button-shape-round .comments-area .comment-respond .comment-form .submit { border-radius: var(--hard-rounded); } .comments-area .no-comments { padding: var(--no-comments-padding); text-align: center; background: var(--primary-07-color); } .button-shape-square .comments-area .no-comments { border-radius: 0; } .button-shape-rounded .comments-area .no-comments { border-radius: var(--soft-rounded); } .button-shape-round .comments-area .no-comments { border-radius: var(--hard-rounded-field); } /* Post grid --------------------------------------------- */ .bt_bb_masonry_post_grid .bt_bb_post_grid_filter { font-size: 1em; display: flex; flex-wrap: wrap; padding: 0; align-items: center; } .bt_bb_align_left .bt_bb_masonry_post_grid .bt_bb_post_grid_filter { justify-content: flex-start; } .rtl .bt_bb_align_left .bt_bb_masonry_post_grid .bt_bb_post_grid_filter { justify-content: flex-end; } .bt_bb_align_right .bt_bb_masonry_post_grid .bt_bb_post_grid_filter { justify-content: flex-end; } .rtl .bt_bb_align_right .bt_bb_masonry_post_grid .bt_bb_post_grid_filter { justify-content: flex-start; } .bt_bb_align_center .bt_bb_masonry_post_grid .bt_bb_post_grid_filter { justify-content: center; } .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item { padding: 0 0 1em; margin: 0; position: relative; } .bt_bb_align_left .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item { margin: 0 var(--desktop-menu-gap) 0 0; } .bt_bb_align_right .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item { margin: 0 0 0 var(--desktop-menu-gap); } .bt_bb_align_center .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item { margin: 0 calc(var(--desktop-menu-gap) / 2); } .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:before { content: ""; display: block; height: 2px; width: 30px; position: absolute; bottom: 0; left: calc(50% - 15px); background: var(--accent-color); opacity: 0; } .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:hover { background: transparent; } .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item.active { background: transparent; } .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item.active:before { opacity: 1; } .bt_bb_masonry_post_grid .bt_bb_post_grid_loader { margin-top: 2em; border: 4px solid var(--primary-07-color); border-top: 4px solid var(--accent-color); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content { font-size: 1em; overflow: visible; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content { background: transparent; padding: var(--post-grid-padding); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category { padding: 0; margin: 0 0 .5rem; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories { font-size: .875em; line-height: 1.5; display: inline-flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories li { display: inline-flex; flex-wrap: nowrap; margin: 0; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories li a { background: unset; padding: unset; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories li:not(:last-child):after { content: ", "; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta { padding: 0; font-size: .875em; margin: 0 0 .5rem; display: block; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta span { font-size: 1em; font-weight: normal; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta span:before { display: none; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta span:not(:last-child):after { content: ""; padding: 0 .5em; display: block; width: 1.125em; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { padding: 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--post-pf-grid-title-lines); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_excerpt { margin: .5rem 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--post-pf-grid-excerpt-lines); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_excerpt:empty { margin: 0; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_share { margin: .5rem 0 0; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_share:empty { margin: 0; } .bt_bb_masonry_post_grid.bt_bb_gap_small .bt_bb_masonry_post_grid_content { margin: calc(var(--post-pf-grid-gap-small) * -1); } .bt_bb_masonry_post_grid.bt_bb_gap_small .bt_bb_masonry_post_grid_content .bt_bb_grid_item { padding: var(--post-pf-grid-gap-small); } .bt_bb_masonry_post_grid.bt_bb_gap_normal .bt_bb_masonry_post_grid_content { margin: calc(var(--post-pf-grid-gap-normal) * -1); } .bt_bb_masonry_post_grid.bt_bb_gap_normal .bt_bb_masonry_post_grid_content .bt_bb_grid_item { padding: var(--post-pf-grid-gap-normal); } .bt_bb_masonry_post_grid.bt_bb_gap_large .bt_bb_masonry_post_grid_content { margin: calc(var(--post-pf-grid-gap-large) * -1); } .bt_bb_masonry_post_grid.bt_bb_gap_large .bt_bb_masonry_post_grid_content .bt_bb_grid_item { padding: var(--post-pf-grid-gap-large); } /* Gutenberg ------------------------------------------------ */ .wp-block-separator { margin: 1em auto; max-width: 100px; border: none; opacity: 1; border-bottom: 1px solid #8f98a1; background-color: transparent; } .wp-block-separator.is-style-wide { max-width: 100%; border: none; border-bottom: 1px solid #8f98a1; } .wp-block-separator.is-style-dots { background: 0 0; border: none !important; text-align: center; max-width: none !important; line-height: 1; height: auto; } .wp-block-separator.is-style-dots:before { content: "···"; color: #191e23; font-size: 20px; letter-spacing: 2em; padding-left: 2em; font-family: serif; } /* Gallery */ .wp-block-gallery { margin: 0; } .wp-block-gallery li:first-child { margin-left: 0; } .wp-block-gallery.alignleft { float: left; } .wp-block-gallery figcaption { flex-grow: 1; flex-basis: 100%; text-align: center; } /* Paragraph */ p.has-drop-cap:not(:focus)::first-letter { float: left; font-size: 5em; line-height: .9; font-weight: 800; } .has-large-font-size { line-height: 1 !important; } .wp-block-quote p { font-size: 1em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.3em; line-height: 1.2; } .wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite { text-align: center; } p.has-background { border-radius: none; } .button-shape-rounded p.has-background { border-radius: var(--soft-rounded); } .button-shape-round p.has-background { border-radius: var(--hard-rounded); } /* Button */ .wp-block-file .wp-block-file__button { border-radius: none; font-size: .9em; font-weight: 500; padding: .8em 2.2em; } .button-shape-rounded .wp-block-file .wp-block-file__button { border-radius: var(--soft-rounded); } .button-shape-round .wp-block-file .wp-block-file__button { border-radius: var(--hard-rounded); } .wp-block-file .wp-block-file__button { color: var(--light-color) !important; } .wp-block-file .wp-block-file__button:hover { opacity: .8; } .wp-block-button { margin-bottom: .5em; } .wp-block-button .wp-block-button__link { font-size: .9em; font-weight: 500; padding: .8em 2.2em; color: var(--light-color) !important; } .wp-block-button .wp-block-button__link:hover { opacity: .8; } .wp-block-button.is-style-outline .wp-block-button__link { text-align: center; color: var(--dark-color) !important; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0 !important; } .wp-block-button.alignleft { float: left; } .wp-block-button.alignright { float: right; } .wp-block-button.aligncenter { text-align: center; } /* Cover */ .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption { display: block; } .wp-block-cover p:not(.has-text-color) { color: var(--light-color); } .wp-block-cover, .wp-block-cover-image { margin: 0 0 1.5em; display: flex !important; } .wp-block-cover.alignleft, .wp-block-cover-image.alignleft { float: left; } .wp-block-cover.alignright, .wp-block-cover-image.alignright { float: right; } .wp-block-cover a, .wp-block-cover-image a { color: var(--light-color) !important; } .wp-block-cover a:hover, .wp-block-cover-image a:hover { opacity: .8; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 { color: var(--light-color) !important; padding: 1em; } /* Quote */ figure.wp-caption.alignright .wp-caption-text { text-align: right; } .wp-block-pullquote { padding: 1.625em 0; font-size: 1rem; } .wp-block-pullquote blockquote { font-size: 1.25rem; } .wp-block-pullquote blockquote:before { right: 0; } .wp-block-pullquote p { font-size: 1.25rem; font-family: var(--heading-font); } .wp-block-pullquote { text-align: left; } .wp-block-quote.has-text-align-center:before { margin-right: auto; margin-left: auto; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 0; } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption { display: block; } .alignnone blockquote:before { right: 0 !important; } /* Table */ .wp-block-table.aligncenter table { margin: 0 auto; width: auto; } .wp-block-quote.has-text-align-right:before { margin-right: 0; margin-left: auto; } /* Page with images - Unit test */ .site-content > p:last-of-type > img, .site-content > p:last-child > img { clear: both; } .site-content .site-main article .entry-content .entry-content-inner p:last-child img { clear: both; } /* Tag widget */ .site-content .wp-block-tag-cloud a { font-size: .8125em !important; box-shadow: 0 .125em 0 0 transparent; opacity: 1; font-family: var(--body-font); line-height: 1; font-weight: 500; text-transform: uppercase; display: block; float: left; padding: 0; margin: 0 .8em .8em 0; color: inherit; transition: all 300ms ease; } .site-content .wp-block-tag-cloud a:before { content: var(--post-tags-icon); font-family: var(--post-tags-icon-font); color: var(--accent-color); padding-right: .5em; } .rtl .site-content .wp-block-tag-cloud a:before { padding-left: .5em; padding-right: 0; float: right; } /* Alignment */ .site-content .wp-block-cover.alignleft, .site-content .wp-block-cover-image.alignleft, .site-content .alignleft { text-align: left; margin-right: 2em; } .site-content img.alignleft, .site-content figure.alignleft { display: block; float: left; } .site-content .wp-block-cover.alignright, .site-content .wp-block-cover-image.alignright, .site-content .alignright { text-align: right; margin-left: 2em; } .site-content img.alignright, .site-content figure.alignright { display: block; float: right; } .site-content .alignnone { width: auto !important; text-align: left; margin-left: auto; margin-right: auto; } .site-content .aligncenter { text-align: center; margin-left: auto; margin-right: auto; } .site-content img.aligncenter, .site-content figure.aligncenter, .site-content .aligncenter { display: block; } .site-content figure { margin-bottom: 2em; } .site-content figure.aligncenter { width: 100%; margin-top: 2em; } .site-content .wp-block-gallery:not(.has-nested-images) { margin-bottom: 2em; } .site-content .wp-block-image .alignright > figcaption, .site-content .wp-block-image.is-resized > figcaption { display: block; } body { /* Framework related variables, overrides from framework variables.scss --------------------------------------------------------------------------------------------------------------------*/ /* Header styling */ --desktop-menu-selected-line-width: 20px; /* Width of the selected line on main menu */ /* Desktop menu options */ --topbar-height: 36px; /* Height of the desktop top bar */ --menu-font-size: 16px; /* Font size for the main menu */ --desktop-menu-gap: 50px; /* Gap between items in first level desktop menu */ --below-logo-menu-height: 63px; /* Height of the menu when below logo */ --submenu-side-padding: 1.5em; --submenu-item-top-bottom-padding: .65rem; --submenu-width: 300px; /* Responsive trigger options */ --responsive-trigger-thickness: 2px; /* Thickness of the menu trigger */ --responsive-trigger-size: 40px; /* Size of the responsive trigger, width + height */ --heading-font-weight: 800; /* Heading font weight */ --responsive-menu-items-padding: .85rem; /* Top and bottom padding for responsive menu items */ --responsive-menu-max-width: 280px; /* Responsive menu width */ /* Button border radiuses */ --soft-rounded: 4px; /* Soft rounded border radius */ --hard-rounded-gallery: 12px; /* Hard rounded radius for image gallery */ --hard-rounded-field: .875em; /* Hard rounded border radius, used for forms, icons, etc */ /* Widgets */ --widgets-inner-spacing: 4em; /* Spacing between widgets in sidebar */ --widgets-service-spacing-header: 2em; /* Spacing between service widgets in the header */ --widgets-icon-spacing-header: .75em; /* Spacing between icon widgets in the header */ --widgets-button-spacing-header: 1em; /* Spacing between button widgets in the header */ --widgets-icon-spacing-header: 1.5em; /* Default headline thickness */ --page-header-thin-top: 7em; /* Top padding for thin page header */ --page-header-regular-top: 10em; /* Top padding for regular page header */ --page-header-thick-top: 13em; /* Top padding for thick page header */ /* Post variables */ --post-inner-spacing: 4em; /* Single post inner spacing */ --post-meta-margin: 1rem; /* Margin value for posts, blog and portfolio */ --post-paging-arrow-size: 2rem; /* Nav links */ --nav-links-image-size: 6rem; /* Image size for previous/next */ --nav-links-supertitle-size: .8em; /* Font size for supertitle/subtitle in previous/next */ --nav-links-post-title-size: 1.25em; /* Font size for post titles in previous/next */ /* WooCommerce */ --woo-product-x-spacing: .5em; /* Left and right spacing between elements */ --woo-product-y-spacing: 2em; /* Spacing at the end of the product list */ --woo-product-hover-shadow: 0 15px 30px -15px rgba(var(--page-primary-color-rgb), .3); /* Box shadow for single product hover effect */ --woo-gallery-previous-next-icon-size: 1.5em; --woo-gallery-next-icon: ""; /* Next icon */ --woo-gallery-previous-icon: ""; /* Previous icon */ --woo-gallery-previous-next-icon-font: RemixIconsSystem; --woo-gallery-topbar-icon-font: RemixIconsSystem; /* Top bar icon family in WooCommerce gallery */ --woo-gallery-topbar-close: ""; /* Close icon */ --woo-gallery-topbar-share: ""; /* Share icon */ --woo-gallery-topbar-fullscreen: ""; /* Fullscreen icon */ --woo-gallery-topbar-zoom: ""; /* Zoom icon */ --woo-gallery-topbar-fullscreen-font: RemixIconsMedia; /* Fullscreen icon specific font */ --woo-cart-widget-icon-close: ""; /* Cart widget close icon for responsive menu */ --woo-cart-widget-icon-close-font: RemixIconsSystem; /* Cart widget icon font */ --woo-cart-widget-icon-close-size: 2rem; /* Cart widget close size */ --woo-sale-tag-background: var(--accent-color); /* Background color for sale tag */ --woo-cart-image-size: 4em; /* Size of the image in the cart */ --woo-icons-added-to-cart: ""; /* Added to cart icon */ --woo-icons-added-to-cart-font: RemixIconsFinance; /* Font for Added to cart icon */ --woo-cart-widget-icon-size-belowmenu: 1.3125em; /* Size of cart widget icon but in belowmenu */ /* WooCommerce many other icons */ --woo-icons-reset-variations: ""; /* Reset variations icon */ --woo-icons-reset-variations-font: RemixIconsSystem; /* Font for Reset variations */ --woo-icons-reviews-time: ""; /* Timestamp icons on product reviews */ --woo-icons-reviews-time-font: RemixIconsSystem; /* Font for Timestamp icons */ --woo-icons-loading: ""; /* Loading icon when you press add to cart */ --woo-icons-loading-added: ""; /* Icon shown when product is added to cart */ --woo-icons-loading-font: RemixIconsSystem; /* Font for Icon shown */ --woo-icons-add: ""; /* Add a new item, address, etc icon */ --woo-icons-add-font: RemixIconsSystem; /* Font for Add a new item */ --woo-icons-show-password: ""; /* Show password icon */ --woo-icons-show-password-on: ""; /* Shown password icon */ --woo-icons-show-password-font: RemixIconsSystem; /* Font for Shown password */ --woo-icons-clear-selection: ""; /* Clear selection icon */ --woo-icons-clear-selection-font: RemixIconsSystem; /* Font for Clear selection */ --woo-icons-select-arrow: ""; /* Select arrow in dropdown icon */ --woo-icons-select-arrow-font: RemixIconsSystem; /* Font for Select arrow */ --woo-icons-error: ""; /* Error icon in messages */ --woo-icons-info: ""; /* Info icon in messages */ --woo-icons-message: ""; /* General icon in messages */ --woo-icons-messages-font: RemixIconsSystem; /* Font for General icon */ --woo-icons-stars: ""; /* Empty stars on products */ --woo-icons-stars-single: ""; /* Empty single star on products */ --woo-icons-stars-font: RemixIconsSystem; /* Font for Empty single star */ --woo-icons-stars-filled: ""; /* Filled stars on products */ --woo-icons-stars-filled-single: ""; /* Filled single star on products */ --woo-icons-stars-filled-font: RemixIconsSystem; /* Font for Filled single star */ --woo-icons-lost-password: ""; /* Lost password icon */ --woo-icons-lost-password-font: RemixIconsOthers; /* Font for Lost password */ /* Gallery grid gaps */ --grid-gallery-gap-extra-small: .313em; /* Extra small grid gallery gap */ --grid-gallery-gap-small: .625em; /* Small grid gallery gap */ --grid-gallery-gap-normal: 1.25em; /* Normal grid gallery gap */ --grid-gallery-gap-large: 1.875em; /* Large grid gallery gap */ --post-grid-padding: 1em; /* Masonry post grid gap */ /* Post & Portfolio gallery grid gap */ --post-pf-grid-gap-small: .313em; /* Small post / portflio grid gallery gap */ --post-pf-grid-gap-normal: .625em; /* Normal post / portflio grid gallery gap */ --post-pf-grid-gap-large: 1.25em; /* Large post / portflio grid gallery gap */ /* Latest posts */ --latest-posts-gap-small: .625em; /* Small latest posts gap */ --latest-posts-gap-normal: 1.25em; /* Normal latest posts gap */ --latest-posts-gap-large: 2.5em; /* Large latest posts gap */ --latest-posts-date-icon: ""; /* Date Icon on latest news, post grid, etc */ --latest-posts-date-icon-font: RemixIconsSystem; /* Font for Date Icon */ --latest-posts-author-icon: ""; /* Author Icon on latest news, post grid, etc */ --latest-posts-author-icon-font: RemixIconsUser; /* Font for Author Icon */ --latest-posts-comments-icon: ""; /* Comments Icon on latest news, post grid, etc */ --latest-posts-comments-icon-font: RemixIconsCommunication; /* Font for Comments Icon */ --latest-posts-category-icon: ""; /* Category Icon on latest news, post grid, etc */ --latest-posts-category-icon-font: RemixIconsDocument; /* Font for Category Icon */ /* Cart */ --woo-cart-widget-icon: ""; /* Icon for cart widget */ --woo-cart-widget-icon-font: RemixIconsFinance; /* Font family for Icon for cart */ --woo-cart-widget-remove-icon: ""; /* Remove from cart icon */ --woo-cart-widget-remove-icon-font: RemixIconsSystem; /* Font family for Remove from cart */ --woo-cart-widget-padding: 1.5em; /* All around padding for the cart widget when used in header */ --woo-cart-widget-icon-size: 1.2em; /* Size of cart widget icon */ /* Search widget */ --search-widget-icon-open: ""; /* Search widget icon */ --search-widget-icon-open-font: RemixIconsSystem; /* Search widget icon font */ --search-widget-icon-close: ""; /* Search widget close icon */ --search-widget-icon-close-font: RemixIconsSystem; /* Search widget icon font */ --search-widget-icon-search: ""; /* Search widget icon in search field */ --search-widget-icon-search-font: RemixIconsSystem; /* Search widget icon font */ --search-widget-icon-open-size: 1.2em; /* Search widget icon size */ --search-widget-icon-open-size-belowmenu: 1.3125em; /* Size of search widget icon but in belowmenu */ /* MFP gallery icons */ --mfp-gallery-close-icon: ""; /* Grid gallery close icon */ --mfp-gallery-close-icon-font: RemixIconsSystem; /* Grid gallery close icon font */ --mfp-gallery-previous-next-icon-font: RemixIconsSystem; --mfp-gallery-next-icon: ""; /* Grid gallery next icon */ --mfp-gallery-previous-icon: ""; /* Grid gallery previous icon */ /* Contact form 7 */ --cf7-date-icon: ""; /* Icon for input type date field */ --cf7-date-icon-font: RemixIconsBusiness; /* Font family for the icon */ /* Post margins */ --post-margin-top: 8em; /* Top margin */ --post-margin-bottom: 8em; /* Bottom margin */ --page-header-regular-top: 8em; /* Page header margin top */ --page-header-regular-bottom: 8em; /* Page header margin bottom */ --preloader-background-opacity: .98; /* Theme related variables, new variables used throughout the theme -----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Colors */ --gray-color: #f4f4f4; /* Gray color */ --gray-02-color: #f7f7f7; /* Gray 02 color */ --gray-03-color: #e5e5e5; /* Gray 03 color */ --primary-10-color: rgba(var(--page-primary-color-rgb), .1); /* Dark color 10% */ --secondary-10-color: rgba(var(--page-secondary-color-rgb), .1); /* Light color 10% */ --primary-20-color: rgba(var(--page-primary-color-rgb), .2); /* Dark color 10% */ --secondary-20-color: rgba(var(--page-secondary-color-rgb), .2); /* Light color 10% */ --very-light-accent-color: rgba(var(--accent-color-rgb), .08); /* Very light accent color */ --very-light-alternate-color: rgba(var(--alternate-color-rgb), .08); /* Very light alternate color */ --50-light-accent-color: rgba(var(--accent-color-rgb), .5); /* 50% light accent color */ --20-light-accent-color: rgba(var(--accent-color-rgb), .2); /* 20% light accent color */ --10-light-accent-color: rgba(var(--accent-color-rgb), .1); /* 10% light accent color */ --60-light-dark-color: rgba(var(--dark-color-rgb), .6); /* 60% light dark color */ --yellow-color: #ffcf01; /* Yellow color */ --light-semi-transparent-color: rgba(var(--page-secondary-color-rgb), .12); /* Light color 10% */ --30-dark-color: rgba(var(--page-primary-color-rgb), .3); /* Dark color 30% */ --30-light-color: rgba(var(--page-secondary-color-rgb), .3); /* Light color 30% */ --30-accent-color: rgba(var(--accent-color-rgb), .3); /* Accent color 30% */ --30-alternate-color: rgba(var(--alternate-color-rgb), .3); /* Alternate color 30% */ --80-light-dark-color: rgba(var(--dark-color-rgb), .8); /* 80% light dark color */ --gray-dark-color: #d1d1d1; /* Gray dark color */ --very-gray-dark-color: #5f6060; /* Very dark gray color */ --50-light-light-color: rgba(var(--light-color-rgb), .5); /* 50% light light color */ --20-light-light-color: rgba(var(--light-color-rgb), .2); /* 20% light light color */ --50-light-dark-color: rgba(var(--dark-color-rgb), .5); /* 50% light dark color */ --20-light-dark-color: rgba(var(--dark-color-rgb), .2); /* 20% light dark color */ --50-light-alternate-color: rgba(var(--alternate-color-rgb), .5); /* 50% light dark color */ --20-light-alternate-color: rgba(var(--alternate-color-rgb), .2); /* 20% light dark color */ /* Section rounded shapes */ --section-soft-rounded: 10px; /* Soft rounded shape, eg. Section */ --section-hard-rounded: 24px; /* Hard rounded shape, eg. Section */ /* Column rounded shapes */ --column-soft-rounded: 10px; /* Soft rounded shape, eg. Column */ --column-hard-rounded: 20px; /* Hard rounded shape, eg. Column */ /* Card Image rounded shapes */ --card-soft-rounded: 10px; /* Soft rounded shape, eg. Card image */ --card-hard-rounded: 20px; /* Hard rounded shape, eg. Card image */ /* Latest post rounded shapes */ --latest-post-soft-rounded: 10px; /* Soft rounded shape */ --latest-post-hard-rounded: 18px; /* Hard rounded shape */ /* Contact rounded shapes */ --contact-soft-rounded: 4px; /* Soft rounded shape */ --contact-hard-rounded: 50px; /* Hard rounded shape */ /* Author info */ --post-author-padding: 2em; /* All around padding for author info */ /* Post variables */ --post-single-inner-spacing: 3em; /* Override inner spacing inside an article */ --post-navigation-font-size: 1em; /* Font size for newer, older posts */ /* Title sizes */ --extrasmall-title-size: 1.125rem; /* Title size - Extra small */ --small-title-size: 1.375rem; /* Title size - Small */ --medium-title-size: 1.875rem; /* Title size - Medium */ --normal-title-size: 2.75rem; /* Title size - Normal */ --large-title-size: 3.5rem; /* Title size - Large */ --extralarge-title-size: 4rem; /* Title size - Extra large */ --huge-title-size: 4.5rem; /* Title size - Huge */ --extrahuge-title-size: 5.25rem; /* Title size - Extra Huge */ /* Button sizes */ --small-button-size: .875rem; /* Button size - Small */ --normal-button-size: 1rem; /* Button size - Normal */ --large-button-size: 1.125rem; /* Button size - Large */ /* Button border radiuses */ --small-button-full-radius: 1.833em; /* Small button hard border radius - depends of the button height, Safari has an issue with pixels */ --medium-button-full-radius: 1.875em; /* Medium button hard border radius - depends of the button height, Safari has an issue with pixels */ --normal-button-full-radius: 1.875em; /* Normal button hard border radius - depends of the button height, Safari has an issue with pixels */ --large-button-full-radius: 1.889em; /* Large button hard border radius - depends of the button height, Safari has an issue with pixels */ /* Comments */ --post-comments-arrow-size: 2rem; /* Size of the arrow for older/newer comments */ --post-comments-arrow-margin: .25em; /* Margin between arrow and text */ --post-comments-arrow-hover-transform: translateY(0px); /* Transform comments arrow on hover */ --post-comments-arrow-hover-shadow: 0 3px 10px rgba(var(--page-primary-color-rgb), .3); /* Shadown on comments arrow on hover */ --post-comments-arrow-hover-margin: .25em; /* Margin between arrow and text in comments arrows */ --post-comments-time-stamp: ""; /* Comments timestamp icon */ --post-comments-time-stamp-font: RemixIconsSystem; /* Font for Comments timestamp */ --post-comments-edit: ""; /* Edit comment or edit pingback, trackback icon */ --post-comments-edit-font: RemixIconsDesign; /* Font for Edit comment */ --post-comments-reply: ""; /* Reply comment icon */ --post-comments-reply-font: RemixIconsBusiness; /* Font for Reply comment */ --post-comments-cancel-reply: ""; /* Icon for cancel reply button */ --post-comments-cancel-reply-font: RemixIconsSystem; /* Font for Icon for cancel reply */ /* Post icons */ --post-date-icon: ""; /* Date Icon on posts */ --post-date-icon-font: RemixIconsSystem; /* Font for Date Icon on posts */ --post-author-icon: ""; /* Author Icon on posts */ --post-author-icon-font: RemixIconsUser; /* Font for Author Icon on posts */ --post-comments-icon: ""; /* Comments Icon posts */ --post-comments-icon-font: RemixIconsCommunication; /* Font for Comments Icon posts */ --post-comment-link-icon: ""; /* Comments Icon posts */ --post-comment-link-icon-font: RemixIconsDesign; /* Font for Comments Icon posts */ --post-category-icon: ""; /* Category Icon posts */ --post-category-icon-font: RemixIconsDocument; /* Font for ategory Icon posts */ --post-tags-icon: ""; /* Tags Icon posts */ --post-tags-icon-font: RemixIconsFinance; /* Font for Tags Icon posts */ /* Icons */ --bt-zoomin-icon: ""; /* Zoom in icon */ --bt-zoomin-icon-font: RemixIconsSystem; /* Font family for Zoom in icon */ /* Accordion */ --accordion-icon: ""; /* Accordion icon */ --accordion-icon-font: RemixIconsSystem; /* Font for Accordion icon */ --post-image-gallery-overlay: rgba(0, 0, 0, 70%); /* Lightbox overlay */ --sticky-menu-shadow: 0px 10px 10px rgba(0, 0, 0, .07); /* Sticky header shadow */ /* Cost Calculator Select input */ --select-icon: ""; /* Select icon in CC */ --select-icon-font: FontAwesome; /* Font family for Select icon */ /* Blockquote */ --quote-icon: ""; /* Blockquote icon */ --quote-icon-font: RemixIconsEditor; /* Blockquote icon font */ --link-post-icon: ""; /* Link post icon */ /* Columns gap */ --column-gap-extra_small: .25rem; --column-gap-small: .5rem; --column-gap-normal: 1rem; --column-gap-medium: 2rem; --column-gap-large: 4rem; /* Date dropdown */ --bt-dropdown-icon: ""; /* Calendar icon on special forms */ --bt-dropdown-icon-font: RemixIconsSystem; /* Font for it */ /* Working hours */ --working-hours-icon: ""; /* Icon for Current day */ --working-hours-icon-font: RemixIconsSystem; /* Icon font for Current day */ /* Price list */ --price-list-icon: ""; /* Price list icon */ --price-list-icon-star: ""; /* Price list icon */ --price-list-icon-font: RemixIconsSystem; /* Price list icon font */ /* Link */ --link-arrow-icon: ""; /* Link icon */ --link-arrow-icon-font: Icon7Stroke; /* Link icon font */ --link-02-arrow-icon: ""; /* Link icon */ --link-02-arrow-icon-font: RemixIconsSystem; /* Link icon font */ /* Slider arrow */ --slider-arrow-icon: ""; /* Slider arrow navigation */ --slider-arrow-icon-font: RemixIconsSystem; /* Font for Slider arrow navigation */ --slider-prev-arrow-icon: ""; /* Slider arrow navigation */ /* Title sizes */ --title-size-extrasmall: 1.125em; --title-size-small: 1.375em; --title-size-medium: 1.875em; --title-size-normal: 2.75em; --title-size-large: 3.5em; --title-size-extralarge: 4em; --title-size-huge: 4.5em; --title-size-extrahuge: 5.25em; } .editor-styles-wrapper { /* Main Gutenberg settings */ --accent-color: #005ce1; /* Main accent color */ --body-font: Inter; /* Main body font */ --heading-font: Inter Tight; /* Main heading font */ --heading-font-weight: 500; /* Main heading font weight */ --heading-text-transform: default; /* Main heading text transform */ --body-font-weight: 400; /* Body font weight */ --body-text-transform: default; /* Body text transform */ --body-font-style: none; /* Body font style */ --extrasmall-title-size: 1.125rem; /* Title size - Extra small */ --small-title-size: 1.375rem; /* Title size - Small */ --medium-title-size: 1.875rem; /* Title size - Medium */ --normal-title-size: 2.75rem; /* Title size - Normal */ --large-title-size: 3.5rem; /* Title size - Large */ --extralarge-title-size: 4rem; /* Title size - Extra large */ --huge-title-size: 4.5rem; /* Title size - Huge */ --extrahuge-title-size: 5.25rem; /* Title size - Extra huge */ --quote-icon: ""; /* Blockquote icon */ --quote-icon-font: RemixIconsEditor; } .page-header { --primary-color: var(--light-color); --secondary-color: var(--accent-color); } /* Media queries */ @media (max-width: 768px) { body { --nav-links-image-size: var(--bp768-nav-links-image-size); } } /* Base - Forms --------------------------------------------------- */ input[type=submit], button[type=submit], input[type=file]::file-selector-button { font-size: var(--normal-button-size); } input[type=submit]:hover, button[type=submit]:hover, input[type=file]::file-selector-button:hover { filter: contrast(1.1); color: var(--button-primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--button-secondary-color, var(--accent-color)) inset; } blockquote { font-size: var(--medium-title-size); font-style: italic; padding: .5em 0; margin-bottom: 1em; } blockquote:before { content: var(--quote-icon); font-family: var(--quote-icon-font); position: relative; color: var(--accent-color); opacity: 1; font-size: 3rem; line-height: 2; border-radius: 50%; width: 2em; height: 2em; padding-left: 1.5rem; margin-bottom: 2rem; box-shadow: 0 0 0 3em var(--light-color) inset, 0px 4px 5px 2px rgba(0, 0, 0, .1); font-style: normal; } .rtl blockquote:before { padding-right: 1.5rem; padding-left: 0; } cite { font-size: var(--small-title-size); margin-top: 1rem; display: block; } /* Layout */ .sidebar-headline-size-extrasmall .widget-area .sidebar-box h2, .sidebar-headline-size-extrasmall .widget-area .sidebar-box h3, .sidebar-headline-size-extrasmall .widget-area .sidebar-box h4, .default-headline-size-extrasmall .page-header .page-title, .blog-list-headline-size-extrasmall.blog .post .entry-header .entry-title, .blog-list-headline-size-extrasmall.archive .post .entry-header .entry-title, .blog-single-headline-size-extrasmall.single-post .entry-header .entry-title, .pf-list-headline-size-extrasmall .portfolio .entry-header .entry-title, .pf-single-headline-size-extrasmall.single-portfolio .entry-header .entry-title, .search-list-headline-size-extrasmall .search .entry-header .entry-title, .shop-list-headline-size-extrasmall.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extrasmall.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extrasmall.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-extrasmall.woocommerce .product .entry-header .page-title, .shop-single-headline-size-extrasmall.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-extrasmall .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-extrasmall .comments-area .comments-title { font-size: var(--title-size-extrasmall); } .default-headline-size-extrasmall .page-header .entry-meta, .default-headline-size-extrasmall .page-header .excerpt, .blog-list-headline-size-extrasmall.blog .post .entry-header .entry-meta, .blog-list-headline-size-extrasmall.archive .post .entry-header .entry-meta, .blog-single-headline-size-extrasmall.single-post .entry-header .entry-meta, .pf-list-headline-size-extrasmall .portfolio .entry-header .entry-meta, .pf-single-headline-size-extrasmall.single-portfolio .entry-header .entry-meta, .search-list-headline-size-extrasmall .search .entry-header .entry-meta, .shop-single-headline-size-extrasmall.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-extrasmall.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-extrasmall); } .woocommerce.shop-single-headline-size-extrasmall .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-extrasmall .upsells.products h2, .woocommerce.shop-single-headline-size-extrasmall .related.products h2, .blog-single-headline-size-extrasmall .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-extrasmall)); } .sidebar-headline-size-small .widget-area .sidebar-box h2, .sidebar-headline-size-small .widget-area .sidebar-box h3, .sidebar-headline-size-small .widget-area .sidebar-box h4, .default-headline-size-small .page-header .page-title, .blog-list-headline-size-small.blog .post .entry-header .entry-title, .blog-list-headline-size-small.archive .post .entry-header .entry-title, .blog-single-headline-size-small.single-post .entry-header .entry-title, .pf-list-headline-size-small .portfolio .entry-header .entry-title, .pf-single-headline-size-small.single-portfolio .entry-header .entry-title, .search-list-headline-size-small .search .entry-header .entry-title, .shop-list-headline-size-small.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-small.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-small.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-small.woocommerce .product .entry-header .page-title, .shop-single-headline-size-small.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-small .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-small .comments-area .comments-title { font-size: var(--title-size-small); } .default-headline-size-small .page-header .entry-meta, .default-headline-size-small .page-header .excerpt, .blog-list-headline-size-small.blog .post .entry-header .entry-meta, .blog-list-headline-size-small.archive .post .entry-header .entry-meta, .blog-single-headline-size-small.single-post .entry-header .entry-meta, .pf-list-headline-size-small .portfolio .entry-header .entry-meta, .pf-single-headline-size-small.single-portfolio .entry-header .entry-meta, .search-list-headline-size-small .search .entry-header .entry-meta, .shop-single-headline-size-small.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-small.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-small); } .woocommerce.shop-single-headline-size-small .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-small .upsells.products h2, .woocommerce.shop-single-headline-size-small .related.products h2, .blog-single-headline-size-small .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-small)); } .sidebar-headline-size-normal .widget-area .sidebar-box h2, .sidebar-headline-size-normal .widget-area .sidebar-box h3, .sidebar-headline-size-normal .widget-area .sidebar-box h4, .default-headline-size-normal .page-header .page-title, .blog-list-headline-size-normal.blog .post .entry-header .entry-title, .blog-list-headline-size-normal.archive .post .entry-header .entry-title, .blog-single-headline-size-normal.single-post .entry-header .entry-title, .pf-list-headline-size-normal .portfolio .entry-header .entry-title, .pf-single-headline-size-normal.single-portfolio .entry-header .entry-title, .search-list-headline-size-normal .search .entry-header .entry-title, .shop-list-headline-size-normal.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-normal.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-normal.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-normal.woocommerce .product .entry-header .page-title, .shop-single-headline-size-normal.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-normal .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-normal .comments-area .comments-title { font-size: var(--title-size-normal); } .default-headline-size-normal .page-header .entry-meta, .default-headline-size-normal .page-header .excerpt, .blog-list-headline-size-normal.blog .post .entry-header .entry-meta, .blog-list-headline-size-normal.archive .post .entry-header .entry-meta, .blog-single-headline-size-normal.single-post .entry-header .entry-meta, .pf-list-headline-size-normal .portfolio .entry-header .entry-meta, .pf-single-headline-size-normal.single-portfolio .entry-header .entry-meta, .search-list-headline-size-normal .search .entry-header .entry-meta, .shop-single-headline-size-normal.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-normal.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-normal); } .woocommerce.shop-single-headline-size-normal .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-normal .upsells.products h2, .woocommerce.shop-single-headline-size-normal .related.products h2, .blog-single-headline-size-normal .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-normal)); } .sidebar-headline-size-medium .widget-area .sidebar-box h2, .sidebar-headline-size-medium .widget-area .sidebar-box h3, .sidebar-headline-size-medium .widget-area .sidebar-box h4, .default-headline-size-medium .page-header .page-title, .blog-list-headline-size-medium.blog .post .entry-header .entry-title, .blog-list-headline-size-medium.archive .post .entry-header .entry-title, .blog-single-headline-size-medium.single-post .entry-header .entry-title, .pf-list-headline-size-medium .portfolio .entry-header .entry-title, .pf-single-headline-size-medium.single-portfolio .entry-header .entry-title, .search-list-headline-size-medium .search .entry-header .entry-title, .shop-list-headline-size-medium.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-medium.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-medium.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-medium.woocommerce .product .entry-header .page-title, .shop-single-headline-size-medium.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-medium .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-medium .comments-area .comments-title { font-size: var(--title-size-medium); } .default-headline-size-medium .page-header .entry-meta, .default-headline-size-medium .page-header .excerpt, .blog-list-headline-size-medium.blog .post .entry-header .entry-meta, .blog-list-headline-size-medium.archive .post .entry-header .entry-meta, .blog-single-headline-size-medium.single-post .entry-header .entry-meta, .pf-list-headline-size-medium .portfolio .entry-header .entry-meta, .pf-single-headline-size-medium.single-portfolio .entry-header .entry-meta, .search-list-headline-size-medium .search .entry-header .entry-meta, .shop-single-headline-size-medium.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-medium.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-medium); } .woocommerce.shop-single-headline-size-medium .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-medium .upsells.products h2, .woocommerce.shop-single-headline-size-medium .related.products h2, .blog-single-headline-size-medium .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-medium)); } .sidebar-headline-size-large .widget-area .sidebar-box h2, .sidebar-headline-size-large .widget-area .sidebar-box h3, .sidebar-headline-size-large .widget-area .sidebar-box h4, .default-headline-size-large .page-header .page-title, .blog-list-headline-size-large.blog .post .entry-header .entry-title, .blog-list-headline-size-large.archive .post .entry-header .entry-title, .blog-single-headline-size-large.single-post .entry-header .entry-title, .pf-list-headline-size-large .portfolio .entry-header .entry-title, .pf-single-headline-size-large.single-portfolio .entry-header .entry-title, .search-list-headline-size-large .search .entry-header .entry-title, .shop-list-headline-size-large.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-large.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-large.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-large.woocommerce .product .entry-header .page-title, .shop-single-headline-size-large.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-large .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-large .comments-area .comments-title { font-size: var(--title-size-large); } .default-headline-size-large .page-header .entry-meta, .default-headline-size-large .page-header .excerpt, .blog-list-headline-size-large.blog .post .entry-header .entry-meta, .blog-list-headline-size-large.archive .post .entry-header .entry-meta, .blog-single-headline-size-large.single-post .entry-header .entry-meta, .pf-list-headline-size-large .portfolio .entry-header .entry-meta, .pf-single-headline-size-large.single-portfolio .entry-header .entry-meta, .search-list-headline-size-large .search .entry-header .entry-meta, .shop-single-headline-size-large.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-large.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-large); } .woocommerce.shop-single-headline-size-large .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-large .upsells.products h2, .woocommerce.shop-single-headline-size-large .related.products h2, .blog-single-headline-size-large .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-large)); } .sidebar-headline-size-extralarge .widget-area .sidebar-box h2, .sidebar-headline-size-extralarge .widget-area .sidebar-box h3, .sidebar-headline-size-extralarge .widget-area .sidebar-box h4, .default-headline-size-extralarge .page-header .page-title, .blog-list-headline-size-extralarge.blog .post .entry-header .entry-title, .blog-list-headline-size-extralarge.archive .post .entry-header .entry-title, .blog-single-headline-size-extralarge.single-post .entry-header .entry-title, .pf-list-headline-size-extralarge .portfolio .entry-header .entry-title, .pf-single-headline-size-extralarge.single-portfolio .entry-header .entry-title, .search-list-headline-size-extralarge .search .entry-header .entry-title, .shop-list-headline-size-extralarge.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extralarge.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extralarge.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-extralarge.woocommerce .product .entry-header .page-title, .shop-single-headline-size-extralarge.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-extralarge .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-extralarge .comments-area .comments-title { font-size: var(--title-size-extralarge); } .default-headline-size-extralarge .page-header .entry-meta, .default-headline-size-extralarge .page-header .excerpt, .blog-list-headline-size-extralarge.blog .post .entry-header .entry-meta, .blog-list-headline-size-extralarge.archive .post .entry-header .entry-meta, .blog-single-headline-size-extralarge.single-post .entry-header .entry-meta, .pf-list-headline-size-extralarge .portfolio .entry-header .entry-meta, .pf-single-headline-size-extralarge.single-portfolio .entry-header .entry-meta, .search-list-headline-size-extralarge .search .entry-header .entry-meta, .shop-single-headline-size-extralarge.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-extralarge.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-extralarge); } .woocommerce.shop-single-headline-size-extralarge .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-extralarge .upsells.products h2, .woocommerce.shop-single-headline-size-extralarge .related.products h2, .blog-single-headline-size-extralarge .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-extralarge)); } .sidebar-headline-size-huge .widget-area .sidebar-box h2, .sidebar-headline-size-huge .widget-area .sidebar-box h3, .sidebar-headline-size-huge .widget-area .sidebar-box h4, .default-headline-size-huge .page-header .page-title, .blog-list-headline-size-huge.blog .post .entry-header .entry-title, .blog-list-headline-size-huge.archive .post .entry-header .entry-title, .blog-single-headline-size-huge.single-post .entry-header .entry-title, .pf-list-headline-size-huge .portfolio .entry-header .entry-title, .pf-single-headline-size-huge.single-portfolio .entry-header .entry-title, .search-list-headline-size-huge .search .entry-header .entry-title, .shop-list-headline-size-huge.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-huge.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-huge.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-huge.woocommerce .product .entry-header .page-title, .shop-single-headline-size-huge.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-huge .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-huge .comments-area .comments-title { font-size: var(--title-size-huge); } .default-headline-size-huge .page-header .entry-meta, .default-headline-size-huge .page-header .excerpt, .blog-list-headline-size-huge.blog .post .entry-header .entry-meta, .blog-list-headline-size-huge.archive .post .entry-header .entry-meta, .blog-single-headline-size-huge.single-post .entry-header .entry-meta, .pf-list-headline-size-huge .portfolio .entry-header .entry-meta, .pf-single-headline-size-huge.single-portfolio .entry-header .entry-meta, .search-list-headline-size-huge .search .entry-header .entry-meta, .shop-single-headline-size-huge.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-huge.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-huge); } .woocommerce.shop-single-headline-size-huge .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-huge .upsells.products h2, .woocommerce.shop-single-headline-size-huge .related.products h2, .blog-single-headline-size-huge .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-huge)); } .sidebar-headline-size-extrahuge .widget-area .sidebar-box h2, .sidebar-headline-size-extrahuge .widget-area .sidebar-box h3, .sidebar-headline-size-extrahuge .widget-area .sidebar-box h4, .default-headline-size-extrahuge .page-header .page-title, .blog-list-headline-size-extrahuge.blog .post .entry-header .entry-title, .blog-list-headline-size-extrahuge.archive .post .entry-header .entry-title, .blog-single-headline-size-extrahuge.single-post .entry-header .entry-title, .pf-list-headline-size-extrahuge .portfolio .entry-header .entry-title, .pf-single-headline-size-extrahuge.single-portfolio .entry-header .entry-title, .search-list-headline-size-extrahuge .search .entry-header .entry-title, .shop-list-headline-size-extrahuge.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extrahuge.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-extrahuge.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-extrahuge.woocommerce .product .entry-header .page-title, .shop-single-headline-size-extrahuge.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-extrahuge .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-extrahuge .comments-area .comments-title { font-size: var(--title-size-extrahuge); } .default-headline-size-extrahuge .page-header .entry-meta, .default-headline-size-extrahuge .page-header .excerpt, .blog-list-headline-size-extrahuge.blog .post .entry-header .entry-meta, .blog-list-headline-size-extrahuge.archive .post .entry-header .entry-meta, .blog-single-headline-size-extrahuge.single-post .entry-header .entry-meta, .pf-list-headline-size-extrahuge .portfolio .entry-header .entry-meta, .pf-single-headline-size-extrahuge.single-portfolio .entry-header .entry-meta, .search-list-headline-size-extrahuge .search .entry-header .entry-meta, .shop-single-headline-size-extrahuge.woocommerce .product .entry-header .entry-meta, .shop-single-headline-size-extrahuge.woocommerce-page .product .entry-header .entry-meta { font-size: var(--title-subtitle-size-extrahuge); } .woocommerce.shop-single-headline-size-extrahuge .woocommerce-Tabs-panel h2, .woocommerce.shop-single-headline-size-extrahuge .upsells.products h2, .woocommerce.shop-single-headline-size-extrahuge .related.products h2, .blog-single-headline-size-extrahuge .comments-area .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-extrahuge)); } footer .bt_bb_text a:hover { opacity: .7; color: inherit; } /* Widgets --------------------------------------------- */ /* Tags */ .sidebar-box.widget_tag_cloud, .sidebar-box.widget_tag_cloud .tagcloud, .widget_block .tagcloud, .widget_product_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; align-items: center; } .sidebar-box.widget_tag_cloud a, .sidebar-box.widget_tag_cloud .tagcloud a, .widget_block .tagcloud a, .widget_product_tag_cloud .tagcloud a { font-size: .875em !important; margin: 0 .6rem .4rem 0; } .sidebar-box.widget_tag_cloud a:before, .sidebar-box.widget_tag_cloud .tagcloud a:before, .widget_block .tagcloud a:before, .widget_product_tag_cloud .tagcloud a:before { line-height: 1; font-size: 1.438em; content: var(--post-tags-icon); font-family: var(--post-tags-icon-font); color: var(--accent-color); margin-right: .2em; } .rtl .sidebar-box.widget_tag_cloud a:before, .rtl .sidebar-box.widget_tag_cloud .tagcloud a:before, .rtl .widget_block .tagcloud a:before, .rtl .widget_product_tag_cloud .tagcloud a:before { margin-left: .2em; margin-right: 0; } .rtl .sidebar-box.widget_tag_cloud a, .rtl .sidebar-box.widget_tag_cloud .tagcloud a, .rtl .widget_block .tagcloud a, .rtl .widget_product_tag_cloud .tagcloud a { margin: 0 0 .4rem .6rem; } /* Service */ .widget_boldthemes_service_widget .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content .bt_bb_service_content_title { font-size: 1em; } .widget_boldthemes_service_widget .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content .bt_bb_service_content_text { font-size: .875em; } .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content { padding: 0 0 0 .7em; } .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title { padding-bottom: .15em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); color: var(--primary-color); } /* Sidebar --------------------------------------------- */ .sidebar-box ul li ul, .sidebar-box ol li ul { border-top: 1px solid var(--primary-20-color); } /* Button - Below logo */ .site-navigation-widgets .widget_boldthemes_button_widget:last-child .bt_bb_button.bt_bb_full_height { margin-right: -20px; } .site-navigation-widgets .widget_boldthemes_button_widget .bt_bb_button.bt_bb_full_height { min-height: var(--below-logo-menu-height); } .site-navigation-widgets .widget_boldthemes_button_widget .bt_bb_button.bt_bb_full_height a { min-height: var(--below-logo-menu-height); } .rtl .site-navigation-widgets .widget_boldthemes_button_widget:last-child .bt_bb_button.bt_bb_full_height { margin-right: 0px; margin-left: -20px; } .widget_boldthemes_button_widget .bt_bb_button.bt_bb_icon_position_left .bt_bb_icon_holder { margin-right: .8em; } .widget_boldthemes_button_widget .bt_bb_button .bt_bb_icon_holder:before { font-size: 1.3em; } .widget_boldthemes_button_widget .bt_bb_button .bt_bb_button_text { line-height: 1.255; } /* Call to action */ .site-navigation-widgets .widget_bt_call_to_action_widget:last-child .bt_bb_call_to_action.bt_bb_full_height { margin-right: -20px; } .rtl .site-navigation-widgets .widget_bt_call_to_action_widget:last-child .bt_bb_call_to_action.bt_bb_full_height { margin-left: -20px; margin-right: 0; } .site-navigation-widgets .widget_bt_call_to_action_widget .bt_bb_call_to_action .bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:before { color: inherit; } .site-navigation-widgets .widget_bt_call_to_action_widget .bt_bb_call_to_action .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); } .site-navigation-widgets .widget_bt_call_to_action_widget .bt_bb_call_to_action.bt_bb_full_height { min-height: var(--below-logo-menu-height); } .site-navigation-widgets .widget_bt_call_to_action_widget .bt_bb_call_to_action.bt_bb_full_height a { min-height: var(--below-logo-menu-height); } .widget_bt_call_to_action_widget .bt_bb_call_to_action.bt_bb_style_borderless .bt_bb_icon .bt_bb_icon_holder:before { color: var(--call-to-action-primary-color, var(--dark-color)); } .widget_bt_call_to_action_widget .bt_bb_call_to_action.bt_bb_style_borderless .bt_bb_call_to_action_supertitle { color: var(--call-to-action-secondary-color, var(--dark-color)); } /* Divider */ div.widget_boldthemes_divider_widget { line-height: inherit; margin: 0; pointer-events: none; position: relative; display: inline-flex; align-items: center; } div.widget_boldthemes_divider_widget:first-child span { margin-left: 0 !important; } div.widget_boldthemes_divider_widget > span { display: block; opacity: .2; line-height: inherit; height: 60px; min-height: max(var(--logo-height), var(--min-header-height)); } div.widget_boldthemes_divider_widget > span:after { content: ""; display: block; width: 1px; height: 100%; background: currentColor; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_extra_small { margin-left: .25rem; } .sidebar-position-right div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_extra_small, .btMenuVertical div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_extra_small { margin: 0; margin-top: .25rem; margin-bottom: .25rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_extra_small { margin-right: .25rem; } .sidebar-position-right div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_extra_small, .btMenuVertical div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_extra_small { margin: 0; margin-top: .25rem; margin-bottom: .25rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_small { margin-left: .5rem; } .sidebar-position-right div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_small, .btMenuVertical div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_small { margin: 0; margin-top: .5rem; margin-bottom: .5rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_small { margin-right: .5rem; } .sidebar-position-right div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_small, .btMenuVertical div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_small { margin: 0; margin-top: .5rem; margin-bottom: .5rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_normal { margin-left: 1rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_normal { margin-right: 1rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_medium { margin-left: 1.5rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_medium { margin-right: 1.5rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_large { margin-left: 2rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_large { margin-right: 2rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_extra_large { margin-left: 2.5rem; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_extra_large { margin-right: 2.5rem; } /* Divider */ div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_5px { margin-left: 5px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_5px { margin-right: 5px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_10px { margin-left: 10px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_10px { margin-right: 10px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_15px { margin-left: 15px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_15px { margin-right: 15px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_20px { margin-left: 20px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_20px { margin-right: 20px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_25px { margin-left: 25px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_25px { margin-right: 25px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_30px { margin-left: 30px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_30px { margin-right: 30px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_35px { margin-left: 35px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_35px { margin-right: 35px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_40px { margin-left: 40px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_40px { margin-right: 40px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_45px { margin-left: 45px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_45px { margin-right: 45px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_50px { margin-left: 50px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_50px { margin-right: 50px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_55px { margin-left: 55px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_55px { margin-right: 55px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_60px { margin-left: 60px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_60px { margin-right: 60px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_65px { margin-left: 65px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_65px { margin-right: 65px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_70px { margin-left: 70px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_70px { margin-right: 70px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_75px { margin-left: 75px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_75px { margin-right: 75px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_80px { margin-left: 80px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_80px { margin-right: 80px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_85px { margin-left: 85px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_85px { margin-right: 85px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_90px { margin-left: 90px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_90px { margin-right: 90px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_95px { margin-left: 95px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_95px { margin-right: 95px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_left_spacing_100px { margin-left: 100px !important; } div.widget_boldthemes_divider_widget > span.boldthemes_divider_widget_right_spacing_100px { margin-right: 100px !important; } .bt-header-responsive-inactive .site-header .site-header-top-bar .widget_boldthemes_divider_widget span { max-height: calc(var(--topbar-height) - .125rem); min-height: auto; } .bt-header-responsive-inactive.bt-sticky-header-active .main-navigation.main-navigation-logo-area .widget_boldthemes_divider_widget span { height: max(var(--sticky-logo-height), var(--min-header-sticky-height)); min-height: auto; } /* Sidebar */ .sidebar-box > h4 { margin-bottom: .8em; } .sidebar-box ul li, .sidebar-box ol li { border-bottom: 1px solid var(--primary-20-color); } /* Recent post */ .widget_bt_bb_recent_posts .btImageTextWidgetWraper .btImageTextWidget .btImageTextWidgetText .bt_bb_headline .bt_bb_headline_superheadline { margin-bottom: .25em; } /* Image + Text */ .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetText .bt_bb_headline .bt_bb_headline_content { max-height: 2.4em; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; width: 100%; } .woocommerce.widget_products ul.product_list_widget li { border: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; min-height: 5em; padding: 0 0 0 5em; } .woocommerce.widget_products ul.product_list_widget li a { width: calc(100% + 5em); font-weight: var(--heading-font-weight); padding-left: 5em; min-height: 2em; position: relative; display: flex; align-items: center; margin-left: -5em; } .rtl .woocommerce.widget_products ul.product_list_widget li a { padding-right: 5em; padding-left: 0; margin-left: 0; margin-right: -5em; } .woocommerce.widget_products ul.product_list_widget li a img { top: 0; transform: none; } .woocommerce.widget_products ul.product_list_widget li del { padding-right: .5em; margin-top: -2em; } .rtl .woocommerce.widget_products ul.product_list_widget li del { padding-right: 0; padding-left: .5em; } .woocommerce.widget_products ul.product_list_widget li ins { margin-top: -2em; } .woocommerce.widget_products ul.product_list_widget li .woocommerce-Price-amount.amount { font-size: .9375rem !important; font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); margin-top: -2em; } .woocommerce.widget_shopping_cart.button-shape-rounded .cart_list li a img { border-radius: 5px; } .woocommerce.widget_shopping_cart.button-shape-round .cart_list li a img { border-radius: 5px; } .woocommerce-page.button-shape-rounded .widget_shopping_cart .cart_list li a img { border-radius: 5px; } .woocommerce-page.button-shape-round .widget_shopping_cart .cart_list li a img { border-radius: 5px; } .woocommerce.button-shape-rounded .widget_shopping_cart .cart_list li a img { border-radius: 5px; } .woocommerce.button-shape-round .widget_shopping_cart .cart_list li a img { border-radius: 5px; } .button-shape-rounded .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: 5px; } .button-shape-round .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: 5px; } /* Search form */ .site-header .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close:before, .site-header-responsive .widget_search.bt-enable-fullscreen .bt-enable-fullscreen-close:before { color: var(--dark-color) !important; } .site-header .widget_search.bt-enable-fullscreen form.search-form .screen-reader-text, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form .screen-reader-text { color: var(--dark-color) !important; } .site-header .widget_search.bt-enable-fullscreen form.search-form > label input, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form > label input { color: var(--dark-color); background-color: var(--20-light-accent-color); } .site-header .widget_search.bt-enable-fullscreen form.search-form .search-submit, .site-header-responsive .widget_search.bt-enable-fullscreen form.search-form .search-submit { color: var(--dark-color) !important; } /* Desktop site header --------------------------------------------- */ /* Header */ .bt-header-responsive-inactive {} .bt-header-responsive-inactive.primary-menu-position-logo-center.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-header-top-bar[style*="--secondary-color:var(--transparent-color)"] { position: relative; } .bt-header-responsive-inactive.primary-menu-position-logo-center.header-position-above .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-header-top-bar[style*="--secondary-color:var(--transparent-color)"]:after { content: ""; display: block; height: 2px; width: 100%; background: currentColor; position: absolute; inset: auto 0 0 0; opacity: .1; } .bt-header-responsive-inactive.primary-menu-position-bottom-center.header-position-top .site-header .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner { position: relative; } .bt-header-responsive-inactive.primary-menu-position-bottom-center.header-position-top .site-header .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner:after { content: ""; display: block; height: 1px; width: 100%; background: currentColor; position: absolute; inset: auto 0 0 0; opacity: .1; } .bt-header-responsive-inactive.bt-sticky-header-active.bt-sticky-header-active-open .site-header { box-shadow: var(--sticky-menu-shadow); } .bt-sticky-header-active.bt-sticky-header-active-open.bt-header-responsive-active.bt-responsive-menu-visible .site-header-responsive { box-shadow: none !important; } /* Header Text */ .bt-header-text-box { display: flex; width: 100%; align-items: center; justify-content: center; padding: .8em; text-align: center; background-color: var(--light-color); z-index: 10; position: relative; } .bt-header-text-box:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; display: block; z-index: 0; background-color: var(--very-light-accent-color); } .bt-header-text-box .bt-header-icon, .bt-header-text-box .bt-header-button { z-index: 2; } .bt-header-text-box .bt_bb_button a { color: var(--accent-color) !important; } .bt-header-text-box .bt_bb_button a:hover { opacity: .7; color: var(--primary-color, var(--accent-color)); } .bt-header-text-box .bt_bb_button a .bt_bb_icon_holder { color: var(--accent-color) !important; } .bt-header-text-box .bt_bb_button a .bt_bb_icon_holder:before { font-size: 1.4em; } .bt-header-text-box .bt_bb_icon { padding: 0 !important; } .bt-header-text-box .bt_bb_icon .bt_bb_icon_holder { color: var(--accent-color) !important; } .bt-header-text-box .bt_bb_icon .bt_bb_icon_holder:before { font-size: 1.4em; width: 1em !important; height: 1em !important; } .bt-header-text-box .bt_bb_icon .bt_bb_icon_holder span { line-height: 1 !important; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu ul { transform: translateY(.5em); transform-origin: 0 0; transition: all 300ms ease; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu li.on > ul { transform: translateY(0); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu li.bt-wide-dropdown > ul { transform: translateX(-50%) translateY(.5em) !important; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu li.bt-wide-dropdown.on > ul { transform: translateX(-50%) translateY(0) !important; } .bt-header-responsive-inactive.rtl .main-navigation nav > ul > li.bt-wide-dropdown > ul { transform: translateX(50%) translateY(.5em); } .bt-header-responsive-inactive nav > ul > li.bt-wide-dropdown > ul > li { background-color: var(--dropdown-secondary-color); } .bt-header-responsive-inactive nav > ul > li.bt-wide-dropdown > ul { background-color: var(--dropdown-secondary-color); } /* Wide menu aligment depending on wide menu additional class (for user control) -------------------------------------- */ :not(.rtl).bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left > ul { transform: translateX(calc(-1 * var(--submenu-width) / 2)) translateY(.5em) !important; } :not(.rtl).bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left.on > ul { transform: translateX(calc(-1 * var(--submenu-width) / 2)) translateY(0) !important; } :not(.rtl).bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-right > ul { transform: translateX(calc(var(--submenu-width) / 2)) translateY(.5em) !important; } :not(.rtl).bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-right.on > ul { transform: translateX(calc(var(--submenu-width) / 2)) translateY(0) !important; } .rtl.bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left > ul { transform: translateX(calc(-1 * var(--submenu-width) / 2)) translateY(.5em) !important; } .rtl.bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left.on > ul { transform: translateX(calc(-1 * var(--submenu-width) / 2)) translateY(0) !important; } .rtl.bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-right > ul { transform: translateX(calc(var(--submenu-width) / 2)) translateY(.5em) !important; } .rtl.bt-header-responsive-inactive .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-right.on > ul { transform: translateX(calc(var(--submenu-width) / 2)) translateY(0) !important; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a:after { transition: 300ms ease all; } /* Header lines */ .bt-header-responsive-inactive.header-lines-show {} .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-left .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-right .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-center .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner { position: relative; } .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-left .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner:after, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-right .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner:after, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-center .site-header:has(.main-navigation[style*="--secondary-color:var(--transparent-color)"]) .site-branding[style*="--secondary-color:var(--transparent-color)"] .site-branding-inner:after { content: ""; display: block; height: 1px; width: 100%; background: currentColor; position: absolute; inset: auto 0 0 0; opacity: .2; } .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-left:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] .main-navigation-inner, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-right:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] .main-navigation-inner, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-center:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] .main-navigation-inner { position: relative; } .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-left:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] .main-navigation-inner:after, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-right:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] .main-navigation-inner:after, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-center:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] .main-navigation-inner:after { content: ""; display: block; height: 1px; width: 100%; background: currentColor; position: absolute; inset: auto 0 0 0; opacity: .2; } .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-left:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] nav > ul.main-navigation-menu li.on > ul, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-right:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] nav > ul.main-navigation-menu li.on > ul, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-center:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] nav > ul.main-navigation-menu li.on > ul { transform: translateY(3px); } .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-left:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] nav > ul.main-navigation-menu li.bt-wide-dropdown li.on > ul, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-right:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] nav > ul.main-navigation-menu li.bt-wide-dropdown li.on > ul, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-center:not(.bt-sticky-header-active) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"] nav > ul.main-navigation-menu li.bt-wide-dropdown li.on > ul { transform: translateY(0px); } .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-left:not(.bt-sticky-header-active):not(.rtl) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left.on > ul, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-right:not(.bt-sticky-header-active):not(.rtl) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left.on > ul, .bt-header-responsive-inactive.header-lines-show.primary-menu-position-bottom-center:not(.bt-sticky-header-active):not(.rtl) .site-header:has(.main-navigation[style*="--primary-color:var(--very-gray-dark-color);--secondary-color:var(--transparent-color)"]) .main-navigation nav > ul > li.bt-wide-dropdown.bt-wide-dropdown-align-left.on > ul { transform: translateX(calc(-1 * var(--submenu-width) / 2)) translateY(3px) !important; } /* Header shape */ .header-shape-round.bt-header-responsive-inactive.bt-sticky-header-inactive.header-position-above.header-width-boxed-boxed-1200 .site-header > .site-branding { border-radius: var(--section-soft-rounded); margin-top: 1em; } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header > .main-navigation .main-navigation-inner .site-navigation-widgets { max-height: var(--below-logo-menu-height); } .bt-header-responsive-inactive.primary-menu-position-bottom-center .site-header > .main-navigation .main-navigation-inner .site-navigation-widgets div.widget_boldthemes_divider_widget > span { max-height: var(--below-logo-menu-height); min-height: auto; } /* Current menu */ .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.menu-item-has-children .sub-menu li.current-menu-item.current_page_item, .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.menu-item-has-children .sub-menu li.current-menu-parent .sub-menu li.current-menu-item { color: var(--accent-color); } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.current-menu-item > a:before, .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor > a:before, .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.current-menu-ancestor > a:before { transform: scaleX(1); } /* Preloader */ .preloader-animation-circle #preloader .preloader-animation { margin-bottom: 2em; } /* Typography --------------------------------------------------- */ input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea, select { border: none; background-color: var(--primary-07-color); } input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, textarea:focus, select:focus { border: none; box-shadow: 0 0 100em var(--primary-10-color) inset; } input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea { padding: .8em 1.25em; min-height: 2.875em; } input[type=file] { padding: .75em 1.25em !important; } select { padding: .5em 2.5em .5em 1.25em; line-height: 1.5 !important; height: 2.875rem; } .rtl select { padding: .5em 1.25em .5em 2.5em; } select { -webkit-appearance: none; -moz-appearance: none; line-height: 1; transition: 200ms ease all; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSItMTAgMCA0NCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTAgMCA0NCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGZpbGw9IiMxODE4MTgiIGQ9Ik0xMiwxMy4xNzJsNC45NS00Ljk1bDEuNDEzLDEuNDE0TDEyLDE2TDUuNjM2LDkuNjM2TDcuMDUsOC4yMjJMMTIsMTMuMTcyeiIvPg0KPC9zdmc+DQo="); background-position: 98% 50%; background-repeat: no-repeat; background-size: 2em; } select.nitro-lazy { background-image: none !important; } .rtl select { background-position: 0% 50%; } select option { color: var(--page-primary-color); background: var(--page-secondary-color); } /* Post view --------------------------------------------------- */ .single article.post:not(:last-child), .single article.portfolio:not(:last-child) { margin-bottom: var(--post-single-inner-spacing); } .single article.post .entry-content, .single article.portfolio .entry-content { margin-bottom: 0; } .single article.post .entry-footer, .single article.portfolio .entry-footer { border-top-width: 1px; border-top-color: var(--primary-20-color); } /* Sticky post */ article.post.sticky .entry-header .entry-title a:after { content: ""; font-family: RemixIconsMap; } /* Entry meta */ .page-header .entry-meta > span a:hover, .page-header .entry-meta > div a:hover { color: inherit; opacity: .8; } .page-header .entry-meta > span.comments-number:before, .page-header .entry-meta > span.comments-link:before, .page-header .entry-meta > span.cat-links:before, .page-header .entry-meta > span.tags-links:before, .page-header .entry-meta > span.author-name:before, .page-header .entry-meta > span.posted-on:before, .page-header .entry-meta > div.comments-number:before, .page-header .entry-meta > div.comments-link:before, .page-header .entry-meta > div.cat-links:before, .page-header .entry-meta > div.tags-links:before, .page-header .entry-meta > div.author-name:before, .page-header .entry-meta > div.posted-on:before { color: inherit; } .entry-meta { display: flex; flex-wrap: wrap; align-items: center; } .entry-meta > span:not(:last-child):after, .entry-meta > div:not(:last-child):after { content: ""; padding: 0 .5em; display: block; width: 1.125em; } .entry-meta > span.comments-number, .entry-meta > span.comments-link, .entry-meta > span.cat-links, .entry-meta > span.tags-links, .entry-meta > span.author-name, .entry-meta > span.posted-on, .entry-meta > div.comments-number, .entry-meta > div.comments-link, .entry-meta > div.cat-links, .entry-meta > div.tags-links, .entry-meta > div.author-name, .entry-meta > div.posted-on { display: inline-flex; align-items: center; } .entry-meta > span.comments-number:before, .entry-meta > span.comments-link:before, .entry-meta > span.cat-links:before, .entry-meta > span.tags-links:before, .entry-meta > span.author-name:before, .entry-meta > span.posted-on:before, .entry-meta > div.comments-number:before, .entry-meta > div.comments-link:before, .entry-meta > div.cat-links:before, .entry-meta > div.tags-links:before, .entry-meta > div.author-name:before, .entry-meta > div.posted-on:before { font-size: 1.438em; font-weight: normal; font-style: normal; line-height: 1; display: block; margin-right: .2em; color: var(--accent-color); } .rtl .entry-meta > span.comments-number:before, .rtl .entry-meta > span.comments-link:before, .rtl .entry-meta > span.cat-links:before, .rtl .entry-meta > span.tags-links:before, .rtl .entry-meta > span.author-name:before, .rtl .entry-meta > span.posted-on:before, .rtl .entry-meta > div.comments-number:before, .rtl .entry-meta > div.comments-link:before, .rtl .entry-meta > div.cat-links:before, .rtl .entry-meta > div.tags-links:before, .rtl .entry-meta > div.author-name:before, .rtl .entry-meta > div.posted-on:before { margin-right: 0; margin-left: .2em; } .entry-meta > span.cat-links, .entry-meta > span.tags-links, .entry-meta > div.cat-links, .entry-meta > div.tags-links { flex-wrap: wrap; } .entry-meta > span.cat-links a:not(:first-child):before, .entry-meta > span.tags-links a:not(:first-child):before, .entry-meta > div.cat-links a:not(:first-child):before, .entry-meta > div.tags-links a:not(:first-child):before { content: ""; display: inline-block; width: .25em; } .entry-meta > span.comments-number a:after, .entry-meta > div.comments-number a:after { content: ""; display: inline-block; width: .25em; } .entry-meta > span.author-avatar, .entry-meta > div.author-avatar { display: inline-flex; align-items: center; } .entry-meta > span.comments-number:before, .entry-meta > div.comments-number:before { content: var(--post-comments-icon); font-family: var(--post-comments-icon-font); } .entry-meta > span.comments-link:before, .entry-meta > div.comments-link:before { content: var(--post-comment-link-icon); font-family: var(--post-comment-link-icon-font); } .entry-meta > span.cat-links:before, .entry-meta > div.cat-links:before { content: var(--post-category-icon); font-family: var(--post-category-icon-font); } .entry-meta > span.tags-links:before, .entry-meta > div.tags-links:before { content: var(--post-tags-icon); font-family: var(--post-tags-icon-font); } .entry-meta > span.author-name:before, .entry-meta > div.author-name:before { content: var(--post-author-icon); font-family: var(--post-author-icon-font); } .entry-meta > span.posted-on:before, .entry-meta > div.posted-on:before { content: var(--post-date-icon); font-family: var(--post-date-icon-font); } /* Paging */ .archive-pagination { padding-top: var(--pagination-inner-spacing); margin-top: var(--pagination-inner-spacing); border-top-width: 1px; border-color: var(--primary-20-color); } .archive-pagination .paging p a { font-size: var(--post-navigation-font-size); } .archive-pagination .paging p a:after { transition: 300ms ease all; } .archive-pagination .paging p a:hover:after { transform: var(--paging-arrow-hover-transform); box-shadow: var(--paging-arrow-hover-shadow); margin-left: var(--post-paging-arrow-hover-margin); } .rtl .archive-pagination .paging p a:hover:after { margin-left: 0; margin-right: var(--post-paging-arrow-hover-margin); } .archive-pagination .paging.paging-left a:hover:after { transform: scaleX(-1) var(--paging-arrow-hover-transform); margin-left: 0; margin-right: var(--post-paging-arrow-hover-margin); } .rtl .archive-pagination .paging.paging-left a:hover:after { margin-right: 0; margin-left: var(--post-paging-arrow-hover-margin); } /* Search paging */ .posts-navigation { padding-top: var(--pagination-inner-spacing); margin-top: var(--pagination-inner-spacing); border-top-width: 2px; } .posts-navigation .nav-links .nav-previous a, .posts-navigation .nav-links .nav-next a { font-size: var(--post-navigation-font-size); } .posts-navigation .nav-links .nav-previous a:after, .posts-navigation .nav-links .nav-next a:after { transition: 300ms ease all; } .posts-navigation .nav-links .nav-previous a:hover:after, .posts-navigation .nav-links .nav-next a:hover:after { transform: none; box-shadow: var(--paging-arrow-hover-shadow); margin-left: var(--post-paging-arrow-margin); } .rtl .posts-navigation .nav-links .nav-previous a:hover:after, .rtl .posts-navigation .nav-links .nav-next a:hover:after { margin-left: 0; margin-right: var(--post-paging-arrow-hover-margin); } .posts-navigation .nav-links .nav-next a:hover:after { margin-right: var(--post-paging-arrow-margin); transform: scaleX(-1); } .comment-navigation .nav-links .nav-previous .nav-text .nav-title, .comment-navigation .nav-links .nav-next .nav-text .nav-title, .post-navigation .nav-links .nav-previous .nav-text .nav-title, .post-navigation .nav-links .nav-next .nav-text .nav-title { text-transform: var(--heading-text-transform); letter-spacing: var(--heading-letter-spacing); } .comment-navigation .nav-links .nav-previous .nav-text .nav-supertitle, .comment-navigation .nav-links .nav-next .nav-text .nav-supertitle, .post-navigation .nav-links .nav-previous .nav-text .nav-supertitle, .post-navigation .nav-links .nav-next .nav-text .nav-supertitle { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); font-style: var(--supertitle-font-style); letter-spacing: var(--supertitle-letter-spacing); margin-bottom: .25em; color: var(--accent-color); } /* Media box */ .media-box.quote, .media-box.link { text-align: left; } .media-box.quote[style*=background-image]:before, .media-box.link[style*=background-image]:before { opacity: var(--post-overlay-opacity); mix-blend-mode: var(--post-overlay-effect); } .media-box.quote blockquote:before, .media-box.link blockquote:before { content: var(--quote-icon); } .media-box.quote blockquote:after, .media-box.link blockquote:after { display: none; } .media-box.quote blockquote:has(p:first-child), .media-box.link blockquote:has(p:first-child) { margin-top: var(--default-bottom-margin); } .media-box.quote blockquote:has(p:first-child) > p:first-child, .media-box.link blockquote:has(p:first-child) > p:first-child { display: block; } .media-box.quote blockquote:has(p:first-child) > p:first-child:before, .media-box.link blockquote:has(p:first-child) > p:first-child:before { font-size: 2em; color: var(--light-color); transform: none; position: unset; order: unset; margin-bottom: .3em; } .media-box.quote blockquote:has(p:first-child) > p:first-child:after, .media-box.link blockquote:has(p:first-child) > p:first-child:after { display: none; } .media-box.quote p, .media-box.link p { font-style: normal; font-size: var(--normal-title-size); font-style: italic; } .blog-list-view-columns .media-box.quote p, .blog-list-view-zig-zag .media-box.quote p, .blog-list-view-columns .media-box.link p, .blog-list-view-zig-zag .media-box.link p { font-size: var(--post-quote-columns-size); } .media-box.quote p:before, .media-box.link p:before { font-size: var(--post-media-icon-size); } .media-box.quote cite, .media-box.link cite { font-size: var(--small-title-size); font-family: var(--body-font); font-weight: var(--body-font-weight); margin-top: 0; padding-top: 1em; border-top: 0; display: flex; flex-direction: column; } .media-box.link p:before { content: var(--post-link-icon) !important; font-family: var(--post-link-icon-family) !important; } .media-box.link blockquote:before { content: var(--link-post-icon); } .media-box.quote p:before { content: var(--post-quote-icon) !important; font-family: var(--post-quote-icon-family) !important; } .media-box .bt_bb_slider:hover button.slick-arrow { opacity: 1; } .media-box .bt_bb_slider:hover button.slick-arrow:hover { border-color: var(--accent-color); background: var(--accent-color); } .media-box .bt_bb_slider button.slick-arrow { width: 3em; height: 3em; opacity: 0; border: 1px solid var(--light-color); border-radius: 50%; } .media-box .bt_bb_slider button.slick-arrow:before { font-size: 1.25em; line-height: 1; color: var(--light-color); } .rtl .media-box .bt_bb_slider button.slick-arrow.slick-next:before { content: var(--slider-arrow-icon); } .rtl .media-box .bt_bb_slider button.slick-arrow.slick-next { left: auto; right: 1em; } .rtl .media-box .bt_bb_slider button.slick-arrow.slick-prev:before { content: var(--slider-prev-arrow-icon); } .rtl .media-box .bt_bb_slider button.slick-arrow.slick-prev { right: auto; left: 1em; } .media-box .bt_bb_slider .slick-dots li { background: var(--30-light-color); } .media-box .bt_bb_slider .slick-dots li.slick-active:before { background: white; } .media-box .bt_bb_slider .slick-dots li:after { background: white; } @media (max-width: 780px) { .media-box.quote, .media-box.link { padding: 2em; } .media-box.quote p, .media-box.link p { font-size: 2rem; } } /* Paginated posts paging */ .entry-content .page-links span, .entry-content .page-links a { font-family: var(--button-font); font-weight: var(--button-font-weight); font-style: var(--button-font-style); font-size: .875em; min-width: 1.714em; } .entry-content .page-links a { transition: 200ms ease all; } .entry-content .page-links a:hover { transform: var(--post-pagination-arrow-hover-transform); box-shadow: var(--post-pagination-arrow-hover-shadow); } /* Meta data */ .posted-on time.updated:not(.published) { margin-left: .5em; display: none; } /* About author */ .bt-about-author.single-about-author-blog, .bt-about-author.single-about-author-pf { border: 2px solid var(--primary-10-color); } .button-shape-square .bt-about-author.single-about-author-blog, .button-shape-square .bt-about-author.single-about-author-pf { border-radius: 0; } .button-shape-rounded .bt-about-author.single-about-author-blog, .button-shape-rounded .bt-about-author.single-about-author-pf { border-radius: var(--soft-rounded); } .button-shape-round .bt-about-author.single-about-author-blog, .button-shape-round .bt-about-author.single-about-author-pf { border-radius: var(--hard-rounded-field); } .bt-about-author.single-about-author-blog .bt-author-content, .bt-about-author.single-about-author-pf .bt-author-content { padding: var(--post-author-padding); } /* Single portfolio - Standard */ @media (max-width: 768px) { .single-portfolio.pf-single-view-standard article.portfolio .entry-content .portfolio-meta { border-top-width: 2px; border-top-color: var(--primary-10-color); } } /* Single portfolio - Columns 1 */ .single-portfolio.pf-single-view-columns-1 article.portfolio .entry-content .portfolio-meta { border-top-width: 2px; border-top-color: var(--primary-10-color); } /* Single portfolio - Columns 2 */ @media (max-width: 768px) { .single-portfolio.pf-single-view-columns-2 article.portfolio .entry-content .portfolio-meta { border-top-width: 2px; border-top-color: var(--primary-10-color); } } /* Single portfolio - Columns 3 */ @media (max-width: 768px) { .single-portfolio.pf-single-view-columns-3 article.portfolio .entry-content .portfolio-meta { border-top-width: 2px; border-top-color: var(--primary-10-color); } } /* Lightbox gallery */ .mfp-gallery button.mfp-arrow { width: 3.75em; height: 3.75em; } .mfp-gallery button.mfp-arrow:before { font-size: 1.5em; line-height: 1 !important; display: block; color: var(--light-color); transition: all 300ms ease; border: 1px solid white; border-radius: 50%; padding: .8rem; } .mfp-gallery button.mfp-arrow:hover { opacity: 1; } .mfp-gallery button.mfp-arrow:hover:before { opacity: 1; border-color: var(--accent-color); background-color: var(--accent-color); } .mfp-gallery button.mfp-arrow.mfp-arrow-right { right: 1.5em; } /* Password Post */ .post-password-form input[type=submit] { padding: .8em 3em; line-height: 1.28rem; } /* Search page */ button.search-submit { padding: .938em 1.655em; } @media (max-width: 768px) { .single-portfolio.pf-single-view-standard article.portfolio .entry-content .portfolio-meta { margin-top: 2em; } } @media (max-width: 480px) { blockquote { padding: 1em 0 0 0em; } blockquote:before { font-size: 2em; position: relative; } .entry-footer .share-options:not(:only-child) { margin-left: 0 !important; margin-top: 1em; } } .archive-pagination .paging p a:after { width: 1.7rem; height: 1.7rem; border-radius: 50% !important; justify-content: center; } .archive-pagination .paging p a:hover::after { margin-left: .25em; } .archive-pagination .paging.paging-left a:hover:after { transform: scaleX(-1); margin-right: .25em; } /* Article archive */ article.article-list-item:not(:last-of-type), article.search:not(:last-of-type) { padding-bottom: var(--post-inner-spacing); border-bottom: 1px solid var(--primary-20-color); } /* Search results */ body.search-no-results .site .site-content { margin-top: var(--post-margin-top); margin-bottom: var(--post-margin-bottom); } /* Comments --------------------------------------------------- */ .comments-area h2.comments-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-large)) !important; } .comments-area > ol.comment-list { border-bottom: 1px solid var(--primary-20-color); } .comments-area .comment-list > li, .comments-area .comment-list > li.comment > .children > li.comment { border-top: 1px solid var(--primary-20-color); } .comments-area ol.comment-list li > article .comment-edit-link, .comments-area ol.comment-list li > article .comment-reply-link, .comments-area ol.comment-list li > article a time { display: inline-flex; align-items: center; } .comments-area ol.comment-list li > article .comment-edit-link:before, .comments-area ol.comment-list li > article .comment-reply-link:before, .comments-area ol.comment-list li > article a time:before { font-size: 1.438em; font-weight: normal; font-style: normal; display: block; margin-right: .2em; color: var(--accent-color); } .rtl .comments-area ol.comment-list li > article .comment-edit-link:before, .rtl .comments-area ol.comment-list li > article .comment-reply-link:before, .rtl .comments-area ol.comment-list li > article a time:before { margin-right: 0; margin-left: .2em; } .comments-area ol.comment-list li > article .comment-meta .comment-metadata a, .comments-area ol.comment-list li > article .reply a { text-decoration: none; } .comments-area ol.comment-list li > article a time:before { content: var(--post-comments-time-stamp); font-family: var(--post-comments-time-stamp-font); } .comments-area ol.comment-list li > article .comment-edit-link:before { content: var(--post-comments-edit); font-family: var(--post-comments-edit-font); } .comments-area ol.comment-list li > article .comment-reply-link:before { content: var(--post-comments-reply); font-family: var(--post-comments-reply-font); } .comments-area ol.comment-list li > article .reply:before { background: var(--primary-20-color); } .comments-area ol.comment-list li.pingback .comment-body, .comments-area ol.comment-list li.trackback .comment-body { display: flex; align-items: flex-start; } .comments-area ol.comment-list li.pingback .comment-body > a, .comments-area ol.comment-list li.trackback .comment-body > a { padding: 0 .5em; } .comments-area ol.comment-list li.pingback .comment-body .edit-link, .comments-area ol.comment-list li.trackback .comment-body .edit-link { margin-left: auto; } .rtl .comments-area ol.comment-list li.pingback .comment-body .edit-link, .rtl .comments-area ol.comment-list li.trackback .comment-body .edit-link { margin-left: 0; margin-right: auto; } .comments-area ol.comment-list li.pingback .comment-body .edit-link a, .comments-area ol.comment-list li.trackback .comment-body .edit-link a { display: inline-flex; align-items: center; text-decoration: none; } .comments-area ol.comment-list li.pingback .comment-body .edit-link a:before, .comments-area ol.comment-list li.trackback .comment-body .edit-link a:before { content: var(--post-comments-edit); font-family: var(--post-comments-edit-font); font-size: 1.438em; font-weight: normal; font-style: normal; display: block; margin-right: .2em; color: var(--accent-color); } .rtl .comments-area ol.comment-list li.pingback .comment-body .edit-link a:before, .rtl .comments-area ol.comment-list li.trackback .comment-body .edit-link a:before { margin-right: 0; margin-left: .2em; } .comments-area .comment-respond .comment-reply-title small { font-size: var(--normal-button-size); text-transform: var(--button-text-transform); } .comments-area .comment-respond .comment-reply-title small a { font-family: var(--button-font); font-weight: var(--button-font-weight); font-style: var(--button-font-style); letter-spacing: var(--button-letter-spacing); text-transform: var(--button-text-transform); padding: .84em 1.35em; display: flex; align-items: center; color: var(--button-primary-color, var(--light-color)); background: var(--button-secondary-color, var(--accent-color)); } .button-style-outline .comments-area .comment-respond .comment-reply-title small a { color: var(--button-primary-color, var(--accent-color)); background: transparent; box-shadow: 0 0 0 2px var(--button-primary-color, var(--accent-color)) inset; } .button-style-clean .comments-area .comment-respond .comment-reply-title small a { padding-left: 0; padding-right: 0; border-radius: 0 !important; color: var(--button-primary-color, var(--accent-color)); background: transparent; box-shadow: none; } .comments-area .comment-respond .comment-reply-title small a:hover { filter: saturate(.7); color: var(--button-primary-color, var(--light-color)); background: var(--button-secondary-color, var(--accent-color)); box-shadow: 0 0 0 3em var(--button-secondary-color, var(--accent-color)) inset; } .button-style-outline .comments-area .comment-respond .comment-reply-title small a:hover { color: var(--button-secondary-color, var(--light-color)); background: transparent; box-shadow: 0 0 0 3em var(--button-primary-color, var(--accent-color)) inset, 0px 10px 20px 0px rgba(0, 0, 0, .1); } .button-style-clean .comments-area .comment-respond .comment-reply-title small a:hover { color: var(--button-secondary-color, var(--accent-color)); background: transparent; box-shadow: none; } .comments-area .comment-respond .comment-reply-title small a:before { content: var(--post-comments-cancel-reply); font-family: var(--post-comments-cancel-reply-font); font-size: 1em; margin-right: .25em; } .rtl .comments-area .comment-respond .comment-reply-title small a:before { margin-right: 0; margin-left: .25em; } .button-shape-square .comments-area .comment-respond .comment-reply-title small a { border-radius: 0; } .button-shape-rounded .comments-area .comment-respond .comment-reply-title small a { border-radius: var(--soft-rounded); } .button-shape-round .comments-area .comment-respond .comment-reply-title small a { border-radius: var(--hard-rounded); } .comments-area .comment-respond .comment-form { display: block; } .comments-area .comment-respond .comment-form .logged-in-as, .comments-area .comment-respond .comment-form .comment-notes, .comments-area .comment-respond .comment-form .comment-form-cookies-consent, .comments-area .comment-respond .comment-form .form-submit { grid-column: 1/span 2; } .comments-area .comment-respond .comment-form .logged-in-as:last-of-type, .comments-area .comment-respond .comment-form .comment-notes:last-of-type, .comments-area .comment-respond .comment-form .comment-form-cookies-consent:last-of-type, .comments-area .comment-respond .comment-form .form-submit:last-of-type { margin-bottom: 0; } .comments-area .comment-respond .comment-form .comment-form-comment { grid-area: 2/1/5/1; } .comments-area .comment-respond .comment-form .logged-in-as + .comment-form-comment { grid-column: 1/span 2; } .comments-area .comment-respond .comment-form .submit { font-size: var(--normal-button-size); padding: .938em 1.655em; color: var(--button-primary-color, var(--light-color)); background: var(--button-secondary-color, var(--accent-color)); } .button-style-outline .comments-area .comment-respond .comment-form .submit { color: var(--button-primary-color, var(--accent-color)); background: transparent; box-shadow: 0 0 0 2px var(--button-primary-color, var(--accent-color)) inset; } .comments-area .comment-respond .comment-form .submit:hover { filter: saturate(.7); color: var(--button-primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--button-secondary-color, var(--accent-color)) inset; background: var(--button-secondary-color, var(--accent-color)); } .button-style-outline .comments-area .comment-respond .comment-form .submit:hover { color: var(--button-secondary-color, var(--light-color)); background: transparent; box-shadow: 0 0 0 3em var(--button-primary-color, var(--accent-color)) inset, 0px 10px 20px 0px rgba(0, 0, 0, .1); } .comments-area .no-comments { display: flex; align-items: center; justify-content: center; } .comments-area .no-comments:before, .comments-area .no-comments:after { content: ""; display: flex; flex: 1 1 auto; height: 2px; max-width: 10em; opacity: .07; background: currentColor; } .comments-area .no-comments:before { margin-right: 1em; } .rtl .comments-area .no-comments:before { margin-right: 0; margin-left: 1em; } .comments-area .no-comments:after { margin-left: 1em; } .rtl .comments-area .no-comments:after { margin-left: 0; margin-right: 1em; } .button-shape-square .comments-area .comment-respond .comment-form .submit { border-radius: 0; } @media (max-width: 768px) { .comments-area .comment-respond .comment-form { display: flex; flex-direction: column; width: 100%; } } /* Section --------------------------------------------------- */ .bt_bb_section {} .bt_bb_section.bt_bb_allow_content_outside_under > .bt_bb_port { z-index: 3; position: relative; } .bt_bb_section.bt_bb_shape_soft-rounded { overflow: hidden; } .bt_bb_section.bt_bb_shape_soft-rounded.bt_bb_top_left_shape_yes { border-top-left-radius: var(--section-soft-rounded); } .bt_bb_section.bt_bb_shape_soft-rounded.bt_bb_top_right_shape_yes { border-top-right-radius: var(--section-soft-rounded); } .bt_bb_section.bt_bb_shape_soft-rounded.bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--section-soft-rounded); } .bt_bb_section.bt_bb_shape_soft-rounded.bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--section-soft-rounded); } .bt_bb_section.bt_bb_shape_hard-rounded { overflow: hidden; } .bt_bb_section.bt_bb_shape_hard-rounded.bt_bb_top_left_shape_yes { border-top-left-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_shape_hard-rounded.bt_bb_top_right_shape_yes { border-top-right-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_shape_hard-rounded.bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_shape_hard-rounded.bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_background_overlay_accent_left_gradient:before { background: linear-gradient(to left, transparent 0%, transparent 20%, var(--accent-color) 70%, var(--accent-color) 100%); } .bt_bb_section.bt_bb_limit_1300 { max-width: 1340px; margin-right: auto; margin-left: auto; } .bt_bb_section.bt_bb_limit_1400 { max-width: 1440px; margin-right: auto; margin-left: auto; } .bt_bb_section.bt_bb_limit_1500 { max-width: 1540px; margin-right: auto; margin-left: auto; } .bt_bb_section.bt_bb_limit_1600 { max-width: 1640px; margin-right: auto; margin-left: auto; } .bt_bb_section.bt_bb_limit_1800 { max-width: 1840px; margin-right: auto; margin-left: auto; } /* Row --------------------------------------------------- */ .bt_bb_row {} .bt_bb_row .bt_bb_column.bt_bb_padding_text_indent .bt_bb_column_content { padding-left: 30px; padding-right: 30px; } .bt_bb_row .bt_bb_column.bt_bb_padding_text_indent .bt_bb_column_content .bt_bb_image { margin: 0 -30px; } .bt_bb_row.bt_bb_shape_soft-rounded { overflow: hidden; } .bt_bb_row.bt_bb_shape_soft-rounded.bt_bb_top_left_shape_yes { border-top-left-radius: var(--section-soft-rounded); } .bt_bb_row.bt_bb_shape_soft-rounded.bt_bb_top_right_shape_yes { border-top-right-radius: var(--section-soft-rounded); } .bt_bb_row.bt_bb_shape_soft-rounded.bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--section-soft-rounded); } .bt_bb_row.bt_bb_shape_soft-rounded.bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--section-soft-rounded); } .bt_bb_row.bt_bb_shape_hard-rounded { overflow: hidden; } .bt_bb_row.bt_bb_shape_hard-rounded.bt_bb_top_left_shape_yes { border-top-left-radius: var(--section-hard-rounded); } .bt_bb_row.bt_bb_shape_hard-rounded.bt_bb_top_right_shape_yes { border-top-right-radius: var(--section-hard-rounded); } .bt_bb_row.bt_bb_shape_hard-rounded.bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--section-hard-rounded); } .bt_bb_row.bt_bb_shape_hard-rounded.bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--section-hard-rounded); } .bt_bb_row.bt_bb_border_top_yes { border-top-width: 1px; border-top-style: solid; border-color: var(--accent-color); } .bt_bb_row.bt_bb_border_top_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row.bt_bb_border_top_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row.bt_bb_border_top_yes.bt_bb_border_color_lighter { border-color: rgba(255, 255, 255, .3); } .bt_bb_row.bt_bb_border_top_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_row.bt_bb_border_top_yes.bt_bb_border_color_gray { border-color: var(--light-20-color); } .bt_bb_row.bt_bb_border_bottom_yes { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--accent-color); } .bt_bb_row.bt_bb_border_bottom_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row.bt_bb_border_bottom_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row.bt_bb_border_bottom_yes.bt_bb_border_color_lighter { border-color: rgba(255, 255, 255, .3); } .bt_bb_row.bt_bb_border_bottom_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_row.bt_bb_border_bottom_yes.bt_bb_border_color_gray { border-color: var(--light-20-color); } .bt_bb_row.bt_bb_border_right_yes { border-right-width: 1px; border-right-style: solid; border-color: var(--accent-color); } .bt_bb_row.bt_bb_border_right_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row.bt_bb_border_right_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row.bt_bb_border_right_yes.bt_bb_border_color_lighter { border-color: rgba(255, 255, 255, .3); } .bt_bb_row.bt_bb_border_right_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_row.bt_bb_border_right_yes.bt_bb_border_color_gray { border-color: var(--light-20-color); } .bt_bb_row.bt_bb_border_left_yes { border-left-width: 1px; border-left-style: solid; border-color: var(--accent-color); } .bt_bb_row.bt_bb_border_left_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row.bt_bb_border_left_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row.bt_bb_border_left_yes.bt_bb_border_color_lighter { border-color: rgba(255, 255, 255, .3); } .bt_bb_row.bt_bb_border_left_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_row.bt_bb_border_left_yes.bt_bb_border_color_gray { border-color: var(--light-20-color); } /* Row & Section - Negative margin */ .bt_bb_negative_margin_extra_small.bt_bb_section { margin-top: -.5em; z-index: 1; } .bt_bb_negative_margin_extra_small.bt_bb_row { margin-top: -.5em; z-index: 2; position: relative; } .bt_bb_negative_margin_small.bt_bb_section { margin-top: -1em; z-index: 1; } .bt_bb_negative_margin_small.bt_bb_row { margin-top: -1em; z-index: 2; position: relative; } .bt_bb_negative_margin_normal.bt_bb_section { margin-top: -2em; z-index: 1; } .bt_bb_negative_margin_normal.bt_bb_row { margin-top: -2em; z-index: 2; position: relative; } .bt_bb_negative_margin_medium.bt_bb_section { margin-top: -4em; z-index: 1; } .bt_bb_negative_margin_medium.bt_bb_row { margin-top: -4em; z-index: 2; position: relative; } .bt_bb_negative_margin_large.bt_bb_section { margin-top: -8em; z-index: 1; } .bt_bb_negative_margin_large.bt_bb_row { margin-top: -8em; z-index: 2; position: relative; } .bt_bb_negative_margin_extra_large.bt_bb_section { margin-top: -16em; z-index: 1; } .bt_bb_negative_margin_extra_large.bt_bb_row { margin-top: -16em; z-index: 2; position: relative; } .bt_bb_negative_margin_huge.bt_bb_section { margin-top: -32em; z-index: 1; } .bt_bb_negative_margin_huge.bt_bb_row { margin-top: -32em; z-index: 2; position: relative; } /* Row & Section - Negative margin in px */ .bt_bb_section.bt_bb_negative_margin_5px { margin-top: -5px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_5px { margin-top: -5px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_10px { margin-top: -10px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_10px { margin-top: -10px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_15px { margin-top: -15px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_15px { margin-top: -15px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_20px { margin-top: -20px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_20px { margin-top: -20px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_25px { margin-top: -25px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_25px { margin-top: -25px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_30px { margin-top: -30px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_30px { margin-top: -30px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_35px { margin-top: -35px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_35px { margin-top: -35px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_40px { margin-top: -40px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_40px { margin-top: -40px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_45px { margin-top: -45px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_45px { margin-top: -45px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_50px { margin-top: -50px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_50px { margin-top: -50px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_55px { margin-top: -55px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_55px { margin-top: -55px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_60px { margin-top: -60px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_60px { margin-top: -60px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_65px { margin-top: -65px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_65px { margin-top: -65px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_70px { margin-top: -70px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_70px { margin-top: -70px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_75px { margin-top: -75px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_75px { margin-top: -75px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_80px { margin-top: -80px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_80px { margin-top: -80px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_85px { margin-top: -85px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_85px { margin-top: -85px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_90px { margin-top: -90px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_90px { margin-top: -90px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_95px { margin-top: -95px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_95px { margin-top: -95px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_100px { margin-top: -100px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_100px { margin-top: -100px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_105px { margin-top: -105px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_105px { margin-top: -105px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_110px { margin-top: -110px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_110px { margin-top: -110px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_115px { margin-top: -115px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_115px { margin-top: -115px; z-index: 2; position: relative; } .bt_bb_section.bt_bb_negative_margin_120px { margin-top: -120px; z-index: 2; position: relative; } .bt_bb_row.bt_bb_negative_margin_120px { margin-top: -120px; z-index: 2; position: relative; } /* Row --------------------------------------------------- */ .bt_bb_row_inner {} .bt_bb_row_inner.bt_bb_shape_soft-rounded { overflow: hidden; } .bt_bb_row_inner.bt_bb_shape_soft-rounded.bt_bb_top_left_shape_yes { border-top-left-radius: var(--section-soft-rounded); } .bt_bb_row_inner.bt_bb_shape_soft-rounded.bt_bb_top_right_shape_yes { border-top-right-radius: var(--section-soft-rounded); } .bt_bb_row_inner.bt_bb_shape_soft-rounded.bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--section-soft-rounded); } .bt_bb_row_inner.bt_bb_shape_soft-rounded.bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--section-soft-rounded); } .bt_bb_row_inner.bt_bb_shape_hard-rounded { overflow: hidden; } .bt_bb_row_inner.bt_bb_shape_hard-rounded.bt_bb_top_left_shape_yes { border-top-left-radius: var(--section-hard-rounded); } .bt_bb_row_inner.bt_bb_shape_hard-rounded.bt_bb_top_right_shape_yes { border-top-right-radius: var(--section-hard-rounded); } .bt_bb_row_inner.bt_bb_shape_hard-rounded.bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--section-hard-rounded); } .bt_bb_row_inner.bt_bb_shape_hard-rounded.bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--section-hard-rounded); } .bt_bb_row_inner.bt_bb_border_top_yes { border-top-width: 1px; border-top-style: solid; border-color: var(--accent-color); } .bt_bb_row_inner.bt_bb_border_top_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row_inner.bt_bb_border_top_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row_inner.bt_bb_border_top_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_row_inner.bt_bb_border_top_yes.bt_bb_border_color_gray { border-color: var(--light-20-color); } .bt_bb_row_inner.bt_bb_border_bottom_yes { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--accent-color); } .bt_bb_row_inner.bt_bb_border_bottom_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row_inner.bt_bb_border_bottom_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row_inner.bt_bb_border_bottom_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_row_inner.bt_bb_border_bottom_yes.bt_bb_border_color_gray { border-color: var(--light-20-color); } .bt_bb_row_inner.bt_bb_border_right_yes { border-right-width: 1px; border-right-style: solid; border-color: var(--accent-color); } .bt_bb_row_inner.bt_bb_border_right_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row_inner.bt_bb_border_right_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row_inner.bt_bb_border_right_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_row_inner.bt_bb_border_left_yes { border-left-width: 1px; border-left-style: solid; border-color: var(--accent-color); } .bt_bb_row_inner.bt_bb_border_left_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_row_inner.bt_bb_border_left_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_row_inner.bt_bb_border_left_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } /* Column --------------------------------------------------- */ .bt_bb_column {} .bt_bb_column.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner) { overflow: hidden; } .bt_bb_column.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_left_shape_yes { border-top-left-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_right_shape_yes { border-top-right-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner { border-top-left-radius: 0 !important; } .bt_bb_column.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner .bt_bb_column_content { overflow: hidden; } .bt_bb_column.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_top_left_shape_yes .bt_bb_column_content { border-top-left-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_top_right_shape_yes .bt_bb_column_content { border-top-right-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_bottom_right_shape_yes .bt_bb_column_content { border-bottom-right-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_bottom_left_shape_yes .bt_bb_column_content { border-bottom-left-radius: var(--column-soft-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner) { overflow: hidden; } .bt_bb_column.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_left_shape_yes { border-top-left-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_right_shape_yes { border-top-right-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner { border-top-left-radius: 0 !important; } .bt_bb_column.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner .bt_bb_column_content { overflow: hidden; } .bt_bb_column.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_top_left_shape_yes .bt_bb_column_content { border-top-left-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_top_right_shape_yes .bt_bb_column_content { border-top-right-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_bottom_right_shape_yes .bt_bb_column_content { border-bottom-right-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_bottom_left_shape_yes .bt_bb_column_content { border-bottom-left-radius: var(--column-hard-rounded); } .bt_bb_column.bt_bb_border_top_yes:not(.bt_bb_border_position_inner) { border-top-width: 1px; border-top-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_content { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_content { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_content { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_content { border-color: var(--gray-03-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_position_inner .bt_bb_column_content { border-top-width: 1px; border-top-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } .bt_bb_column.bt_bb_border_bottom_yes:not(.bt_bb_border_position_inner) { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_position_inner .bt_bb_column_content { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_content { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_content { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_content { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_content { border-color: var(--gray-03-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } .bt_bb_column.bt_bb_border_right_yes:not(.bt_bb_border_position_inner) { border-right-width: 1px; border-right-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_position_inner .bt_bb_column_content { border-right-width: 1px; border-right-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_content { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_content { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_content { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_content { border-color: var(--gray-03-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } .bt_bb_column.bt_bb_border_left_yes:not(.bt_bb_border_position_inner) { border-left-width: 1px; border-left-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_position_inner .bt_bb_column_content { border-left-width: 1px; border-left-style: solid; border-color: var(--accent-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_content { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_content { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_content { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_content { border-color: var(--gray-03-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } /* Border tickness */ .bt_bb_column.bt_bb_border_thickness_1px { border-width: 1px !important; } .bt_bb_column.bt_bb_border_position_inner.bt_bb_border_thickness_1px .bt_bb_column_content { border-width: 1px !important; } .bt_bb_column.bt_bb_border_thickness_2px { border-width: 2px !important; } .bt_bb_column.bt_bb_border_position_inner.bt_bb_border_thickness_2px .bt_bb_column_content { border-width: 2px !important; } .bt_bb_column.bt_bb_border_thickness_3px { border-width: 3px !important; } .bt_bb_column.bt_bb_border_position_inner.bt_bb_border_thickness_3px .bt_bb_column_content { border-width: 3px !important; } .bt_bb_column.bt_bb_border_thickness_4px { border-width: 4px !important; } .bt_bb_column.bt_bb_border_position_inner.bt_bb_border_thickness_4px .bt_bb_column_content { border-width: 4px !important; } .bt_bb_column.bt_bb_border_thickness_5px { border-width: 5px !important; } .bt_bb_column.bt_bb_border_position_inner.bt_bb_border_thickness_5px .bt_bb_column_content { border-width: 5px !important; } /* Column --------------------------------------------------- */ .bt_bb_column_inner {} .bt_bb_column_inner.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_left_shape_yes { border-top-left-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_right_shape_yes { border-top-right-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_soft-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner { border-top-left-radius: 0 !important; } .bt_bb_column_inner.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner .bt_bb_column_inner_content { overflow: hidden; } .bt_bb_column_inner.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_top_left_shape_yes .bt_bb_column_inner_content { border-top-left-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_top_right_shape_yes .bt_bb_column_inner_content { border-top-right-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_bottom_right_shape_yes .bt_bb_column_inner_content { border-bottom-right-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_soft-rounded.bt_bb_shape_position_inner.bt_bb_bottom_left_shape_yes .bt_bb_column_inner_content { border-bottom-left-radius: var(--column-soft-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_left_shape_yes { border-top-left-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_top_right_shape_yes { border-top-right-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_right_shape_yes { border-bottom-right-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded:not(.bt_bb_shape_position_inner).bt_bb_bottom_left_shape_yes { border-bottom-left-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner { border-top-left-radius: 0 !important; } .bt_bb_column_inner.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner .bt_bb_column_inner_content { overflow: hidden; } .bt_bb_column_inner.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_top_left_shape_yes .bt_bb_column_inner_content { border-top-left-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_top_right_shape_yes .bt_bb_column_inner_content { border-top-right-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_bottom_right_shape_yes .bt_bb_column_inner_content { border-bottom-right-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_shape_hard-rounded.bt_bb_shape_position_inner.bt_bb_bottom_left_shape_yes .bt_bb_column_inner_content { border-bottom-left-radius: var(--column-hard-rounded); } .bt_bb_column_inner.bt_bb_border_top_yes:not(.bt_bb_border_position_inner) { border-top-width: 1px; border-top-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_inner_content { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_inner_content { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_inner_content { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_inner_content { border-color: var(--gray-03-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_position_inner .bt_bb_column_inner_content { border-top-width: 1px; border-top-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes:not(.bt_bb_border_position_inner) { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_position_inner .bt_bb_column_inner_content { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_inner_content { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_inner_content { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_inner_content { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_inner_content { border-color: var(--gray-03-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } .bt_bb_column_inner.bt_bb_border_right_yes:not(.bt_bb_border_position_inner) { border-right-width: 1px; border-right-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_position_inner .bt_bb_column_inner_content { border-right-width: 1px; border-right-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_inner_content { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_inner_content { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_inner_content { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_inner_content { border-color: var(--gray-03-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } .bt_bb_column_inner.bt_bb_border_left_yes:not(.bt_bb_border_position_inner) { border-left-width: 1px; border-left-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_position_inner .bt_bb_column_inner_content { border-left-width: 1px; border-left-style: solid; border-color: var(--accent-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_alternate .bt_bb_column_inner_content { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_light .bt_bb_column_inner_content { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_dark .bt_bb_column_inner_content { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_gray .bt_bb_column_inner_content { border-color: var(--gray-03-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_color_gray { border-color: var(--gray-03-color); } /* Border tickness */ .bt_bb_column_inner.bt_bb_border_thickness_1px { border-width: 1px !important; } .bt_bb_column_inner.bt_bb_border_position_inner.bt_bb_border_thickness_1px .bt_bb_column_inner_content { border-width: 1px !important; } .bt_bb_column_inner.bt_bb_border_thickness_2px { border-width: 2px !important; } .bt_bb_column_inner.bt_bb_border_position_inner.bt_bb_border_thickness_2px .bt_bb_column_inner_content { border-width: 2px !important; } .bt_bb_column_inner.bt_bb_border_thickness_3px { border-width: 3px !important; } .bt_bb_column_inner.bt_bb_border_position_inner.bt_bb_border_thickness_3px .bt_bb_column_inner_content { border-width: 3px !important; } .bt_bb_column_inner.bt_bb_border_thickness_4px { border-width: 4px !important; } .bt_bb_column_inner.bt_bb_border_position_inner.bt_bb_border_thickness_4px .bt_bb_column_inner_content { border-width: 4px !important; } .bt_bb_column_inner.bt_bb_border_thickness_5px { border-width: 5px !important; } .bt_bb_column_inner.bt_bb_border_position_inner.bt_bb_border_thickness_5px .bt_bb_column_inner_content { border-width: 5px !important; } /* Separator --------------------------------------------------- */ .bt_bb_separator_v2.bt_bb_opacity_verysmall .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .1; } .bt_bb_separator_v2.bt_bb_opacity_extra_small .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .2; } .bt_bb_separator_v2.bt_bb_opacity_normal .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .4; } .bt_bb_separator_v2.bt_bb_opacity_medium .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .5; } .bt_bb_separator_v2.bt_bb_opacity_large .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .6; } .bt_bb_separator_v2.bt_bb_opacity_extra_large .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .7; } .bt_bb_separator_v2.bt_bb_opacity_huge .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .8; } .bt_bb_separator_v2.bt_bb_opacity_extra_huge .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: .9; } .bt_bb_separator_v2.bt_bb_opacity_full .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 1; } /* Headline --------------------------------------------------- */ .bt_bb_size_extrasmall.bt_bb_headline h1, .bt_bb_size_extrasmall.bt_bb_headline h2, .bt_bb_size_extrasmall.bt_bb_headline h3, .bt_bb_size_extrasmall.bt_bb_headline h4, .bt_bb_size_extrasmall.bt_bb_headline h5, .bt_bb_size_extrasmall.bt_bb_headline h6 { font-size: 1.125em; line-height: 1.2; } .bt_bb_size_extrasmall.bt_bb_headline .bt_bb_headline_superheadline { font-size: .875rem; margin-bottom: .7em; line-height: 1.2; } .bt_bb_size_extrasmall.bt_bb_headline .bt_bb_headline_subheadline { font-size: .9375rem; margin-top: .6em; line-height: 1.6; } .bt_bb_size_small.bt_bb_headline h1, .bt_bb_size_small.bt_bb_headline h2, .bt_bb_size_small.bt_bb_headline h3, .bt_bb_size_small.bt_bb_headline h4, .bt_bb_size_small.bt_bb_headline h5, .bt_bb_size_small.bt_bb_headline h6 { font-size: 1.375em; line-height: 1.2; } .bt_bb_size_small.bt_bb_headline .bt_bb_headline_superheadline { font-size: .875rem; margin-bottom: .6em; line-height: 1.2; } .bt_bb_size_small.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1rem; margin-top: .3em; line-height: 1.5; } .bt_bb_size_medium.bt_bb_headline h1, .bt_bb_size_medium.bt_bb_headline h2, .bt_bb_size_medium.bt_bb_headline h3, .bt_bb_size_medium.bt_bb_headline h4, .bt_bb_size_medium.bt_bb_headline h5, .bt_bb_size_medium.bt_bb_headline h6 { font-size: 1.875em; line-height: 1.2; } .bt_bb_size_medium.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1rem; margin-bottom: .8em; line-height: 1.2; } .bt_bb_size_medium.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.125rem; margin-top: .5em; line-height: 1.5; } .bt_bb_size_normal.bt_bb_headline h1, .bt_bb_size_normal.bt_bb_headline h2, .bt_bb_size_normal.bt_bb_headline h3, .bt_bb_size_normal.bt_bb_headline h4, .bt_bb_size_normal.bt_bb_headline h5, .bt_bb_size_normal.bt_bb_headline h6 { font-size: 2.75em; line-height: 1.2; } .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.125rem; margin-bottom: 1em; line-height: 1.2; } .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.25rem; margin-top: .9em; line-height: 1.6; } .bt_bb_size_large.bt_bb_headline h1, .bt_bb_size_large.bt_bb_headline h2, .bt_bb_size_large.bt_bb_headline h3, .bt_bb_size_large.bt_bb_headline h4, .bt_bb_size_large.bt_bb_headline h5, .bt_bb_size_large.bt_bb_headline h6 { font-size: 3.5em; line-height: 1.2; } .bt_bb_size_large.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.25rem; margin-bottom: 1em; line-height: 1.2; } .bt_bb_size_large.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.375rem; margin-top: .9em; line-height: 1.5; } .bt_bb_size_extralarge.bt_bb_headline h1, .bt_bb_size_extralarge.bt_bb_headline h2, .bt_bb_size_extralarge.bt_bb_headline h3, .bt_bb_size_extralarge.bt_bb_headline h4, .bt_bb_size_extralarge.bt_bb_headline h5, .bt_bb_size_extralarge.bt_bb_headline h6 { font-size: 4em; line-height: 1.17; } .bt_bb_size_extralarge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.375rem; margin-bottom: .9em; line-height: 1.2; } .bt_bb_size_extralarge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.4375rem; margin-top: .9em; line-height: 1.5; } .bt_bb_size_huge.bt_bb_headline h1, .bt_bb_size_huge.bt_bb_headline h2, .bt_bb_size_huge.bt_bb_headline h3, .bt_bb_size_huge.bt_bb_headline h4, .bt_bb_size_huge.bt_bb_headline h5, .bt_bb_size_huge.bt_bb_headline h6 { font-size: 4.5em; line-height: 1.15; } .bt_bb_size_huge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.4375rem; margin-bottom: 1em; line-height: 1.2; } .bt_bb_size_huge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.5rem; margin-top: 1em; line-height: 1.65; } .bt_bb_size_extrahuge.bt_bb_headline h1, .bt_bb_size_extrahuge.bt_bb_headline h2, .bt_bb_size_extrahuge.bt_bb_headline h3, .bt_bb_size_extrahuge.bt_bb_headline h4, .bt_bb_size_extrahuge.bt_bb_headline h5, .bt_bb_size_extrahuge.bt_bb_headline h6 { font-size: 5.25em; line-height: 1.18; } .bt_bb_size_extrahuge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.5rem; margin-bottom: .85em; line-height: 1.2; } .bt_bb_size_extrahuge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.625rem; margin-top: .8em; line-height: 1.5; } .bt_bb_headline.bt_bb_subtitle_opacity_tiny .bt_bb_headline_subheadline { opacity: .1; } .bt_bb_headline.bt_bb_subtitle_opacity_extra_small .bt_bb_headline_subheadline { opacity: .2; } .bt_bb_headline.bt_bb_subtitle_opacity_small .bt_bb_headline_subheadline { opacity: .3; } .bt_bb_headline.bt_bb_subtitle_opacity_normal .bt_bb_headline_subheadline { opacity: .4; } .bt_bb_headline.bt_bb_subtitle_opacity_medium .bt_bb_headline_subheadline { opacity: .5; } .bt_bb_headline.bt_bb_subtitle_opacity_large .bt_bb_headline_subheadline { opacity: .6; } .bt_bb_headline.bt_bb_subtitle_opacity_extra_large .bt_bb_headline_subheadline { opacity: .7; } .bt_bb_headline.bt_bb_subtitle_opacity_huge .bt_bb_headline_subheadline { opacity: .8; } .bt_bb_headline.bt_bb_subtitle_opacity_extra_huge .bt_bb_headline_subheadline { opacity: .9; } .bt_bb_headline {} .bt_bb_headline h1 strong, .bt_bb_headline h2 strong, .bt_bb_headline h3 strong, .bt_bb_headline h4 strong, .bt_bb_headline h5 strong, .bt_bb_headline h6 strong { color: var(--accent-color); font-weight: inherit; } .bt_bb_headline h1 b, .bt_bb_headline h2 b, .bt_bb_headline h3 b, .bt_bb_headline h4 b, .bt_bb_headline h5 b, .bt_bb_headline h6 b { font-weight: bold; } .bt_bb_headline h1 em, .bt_bb_headline h2 em, .bt_bb_headline h3 em, .bt_bb_headline h4 em, .bt_bb_headline h5 em, .bt_bb_headline h6 em { font-weight: 300; font-style: normal; } .bt_bb_headline .bt_bb_headline_superheadline { color: var(--secondary-color, var(--accent-color)); } .bt_bb_headline.btNoHeadline .bt_bb_headline_subheadline { margin-top: 0em !important; } .bt_bb_headline.btNoHeadline:not(.bt_bb_subheadline) .bt_bb_headline_superheadline { margin: 0; } .bt_bb_headline.bt_bb_supertitle_color_accent .bt_bb_headline_superheadline { color: var(--accent-color); } .bt_bb_headline.bt_bb_supertitle_color_alternate .bt_bb_headline_superheadline { color: var(--alternate-color); } .bt_bb_headline.bt_bb_supertitle_color_light .bt_bb_headline_superheadline { color: var(--light-color); } .bt_bb_headline.bt_bb_supertitle_color_dark .bt_bb_headline_superheadline { color: var(--dark-color); } .bt_bb_headline.bt_bb_subtitle_color_accent .bt_bb_headline_subheadline { color: var(--accent-color); } .bt_bb_headline.bt_bb_subtitle_color_alternate .bt_bb_headline_subheadline { color: var(--alternate-color); } .bt_bb_headline.bt_bb_subtitle_color_light .bt_bb_headline_subheadline { color: var(--light-color); } .bt_bb_headline.bt_bb_subtitle_color_dark .bt_bb_headline_subheadline { color: var(--dark-color); } /* Icon --------------------------------------------------- */ .bt_bb_icon {} .bt_bb_icon a:hover { color: inherit; } .bt_bb_icon .bt_bb_icon_holder span { line-height: 1.3; } .bt_bb_icon.bt_bb_with_text .bt_bb_icon_holder > span { line-height: 1.5; } .bt_bb_icon.bt_bb_align_content_top .bt_bb_icon_holder { align-items: flex-start; } .bt_bb_icon.bt_bb_align_content_bottom .bt_bb_icon_holder { align-items: flex-end; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_xsmall.bt_bb_style_borderless, .bt_bb_icon.bt_bb_size_xsmall.bt_bb_style_borderless.bt_bb_align_left, .bt_bb_align_right .bt_bb_icon.bt_bb_size_xsmall.bt_bb_style_borderless.bt_bb_align_left, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_xsmall.bt_bb_style_borderless, .bt_bb_align_center .bt_bb_icon.bt_bb_size_xsmall.bt_bb_style_borderless.bt_bb_align_left, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_xsmall.bt_bb_style_borderless { padding-right: .15em; } .bt_bb_icon.bt_bb_size_xsmall .bt_bb_icon_holder:before { font-size: 1em; width: 2em; height: 2em; } .bt_bb_icon.bt_bb_size_xsmall .bt_bb_icon_holder_inner svg { width: 2em; height: 2em; } .bt_bb_icon.bt_bb_size_small .bt_bb_icon_holder:before { font-size: 1.4em; width: 2.055em; height: 2.055em; } .bt_bb_icon.bt_bb_size_small .bt_bb_icon_holder_inner svg { width: 3em; height: 3em; } .bt_bb_icon.bt_bb_size_medium .bt_bb_icon_holder:before { font-size: 1.5em; width: 2.4em; height: 2.4em; } .bt_bb_icon.bt_bb_size_medium .bt_bb_icon_holder_inner svg { width: 3.5em; height: 3.5em; } .bt_bb_icon.bt_bb_size_normal .bt_bb_icon_holder:before { font-size: 1.9em; width: 2.1055em; height: 2.1055em; } .bt_bb_icon.bt_bb_size_normal .bt_bb_icon_holder_inner svg { width: 4em; height: 4em; } .bt_bb_icon.bt_bb_size_large .bt_bb_icon_holder_inner svg { width: 5em; height: 5em; } .bt_bb_icon.bt_bb_size_xlarge .bt_bb_icon_holder_inner svg { width: 6em; height: 6em; } .bt_bb_icon .bt_bb_icon_holder_inner { padding: 0 !important; } .bt_bb_icon .bt_bb_icon_holder_inner svg .cls-1 { opacity: 1; fill: var(--icon-colored-icon-secondary-color, var(--very-light-accent-color)); } .bt_bb_icon .bt_bb_icon_holder_inner svg .cls-2 { opacity: 1; fill: var(--icon-colored-icon-primary-color, var(--accent-color)); } .bt_bb_icon .bt_bb_icon_holder_inner svg line.cls-1, .bt_bb_icon .bt_bb_icon_holder_inner svg rect.cls-1 { fill: none !important; stroke: var(--icon-colored-icon-secondary-color, var(--very-light-accent-color)); } .bt_bb_icon .bt_bb_icon_holder_inner svg line.cls-2, .bt_bb_icon .bt_bb_icon_holder_inner svg rect.cls-2 { fill: none !important; stroke: var(--icon-colored-icon-primary-color, var(--accent-color)); } .bt_bb_icon.bt_bb_shape_circle .bt_bb_icon_holder .bt_bb_icon_holder_inner { border-radius: 50%; padding: .25em !important; } .bt_bb_icon.bt_bb_shape_round .bt_bb_icon_holder .bt_bb_icon_holder_inner { border-radius: var(--soft-rounded); padding: .25em !important; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline { padding-right: 1em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline { padding-right: 1em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline { padding-right: 1.5em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline { padding-right: 1.5em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline { padding-right: 1.5em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline { padding-left: 1em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline { padding-left: 1em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline { padding-left: 1.5em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline { padding-left: 1.5em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline { padding-left: 1.5em; } .bt_bb_icon.bt_bb_style_filled {} .bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder .bt_bb_icon_holder_inner { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 5em var(--secondary-color, var(--dark-color)) inset; } .bt_bb_icon.bt_bb_style_filled:hover span.bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_filled:hover span.bt_bb_icon_holder .bt_bb_icon_holder_inner { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 5em var(--secondary-color, var(--dark-color)) inset; } .bt_bb_icon.bt_bb_style_filled:hover a.bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_filled:hover a.bt_bb_icon_holder .bt_bb_icon_holder_inner { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 5em var(--secondary-color, var(--dark-color)) inset; filter: saturate(.7); background: transparent; } .bt_bb_icon.bt_bb_style_filled.bt_bb_shadow_show .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_filled.bt_bb_shadow_show .bt_bb_icon_holder .bt_bb_icon_holder_inner { box-shadow: 0 0 0 5em var(--secondary-color, var(--dark-color)) inset, 0px 4px 5px 2px rgba(0, 0, 0, .1); } .bt_bb_icon.bt_bb_style_filled.bt_bb_shadow_show span.bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_filled.bt_bb_shadow_show span.bt_bb_icon_holder .bt_bb_icon_holder_inner { box-shadow: 0 0 0 5em var(--secondary-color, var(--dark-color)) inset, 0px 4px 5px 2px rgba(0, 0, 0, .1); } .bt_bb_icon.bt_bb_style_filled.bt_bb_shadow_show a.bt_bb_icon_holder:hover:before, .bt_bb_icon.bt_bb_style_filled.bt_bb_shadow_show a.bt_bb_icon_holder:hover .bt_bb_icon_holder_inner { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 5em var(--secondary-color, var(--dark-color)) inset, 0px 4px 5px 2px rgba(0, 0, 0, .1); } .bt_bb_icon.bt_bb_style_outline {} .bt_bb_icon.bt_bb_style_outline .bt_bb_icon_holder .bt_bb_icon_holder_inner { color: var(--primary-color, var(--dark-color)); background-color: transparent; box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; } .bt_bb_icon.bt_bb_style_outline:hover span.bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_outline:hover span.bt_bb_icon_holder .bt_bb_icon_holder_inner { color: var(--primary-color, var(--dark-color)); background-color: transparent; box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; } .bt_bb_icon.bt_bb_style_outline:hover a.bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_outline:hover a.bt_bb_icon_holder .bt_bb_icon_holder_inner { color: var(--secondary-color, var(--light-color)); background-color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; } .bt_bb_icon.bt_bb_style_outline.bt_bb_shadow_show .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_outline.bt_bb_shadow_show .bt_bb_icon_holder .bt_bb_icon_holder_inner { box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset, 0px 4px 5px 2px rgba(0, 0, 0, .1); } .bt_bb_icon.bt_bb_style_outline.bt_bb_shadow_show:hover span.bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_style_outline.bt_bb_shadow_show:hover span.bt_bb_icon_holder .bt_bb_icon_holder_inner { box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset, 0px 4px 5px 2px rgba(0, 0, 0, .1); } .bt_bb_icon.bt_bb_style_outline.bt_bb_shadow_show a.bt_bb_icon_holder:hover:before, .bt_bb_icon.bt_bb_style_outline.bt_bb_shadow_show a.bt_bb_icon_holder:hover .bt_bb_icon_holder_inner { box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset, 0px 4px 5px 2px rgba(0, 0, 0, .1); } .bt_bb_icon.bt_bb_icon_animation_shake .bt_bb_icon_holder { transition: transform 450ms ease; } .bt_bb_icon.bt_bb_icon_animation_shake:hover .bt_bb_icon_holder { animation: IconShake .82s cubic-bezier(.36, .07, .19, .97) both; transform: translate3d(0, 0, 0); perspective: 1000px; } .bt_bb_icon.bt_bb_icon_animation_rotate:not(.bt_bb_icon_style_outline) .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_icon.bt_bb_icon_animation_rotate:hover .bt_bb_icon_holder { animation: IconRotate 3s cubic-bezier(.36, .07, .19, .97) both; } .bt_bb_icon.bt_bb_icon_animation_move_right .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_icon.bt_bb_icon_animation_move_right:hover .bt_bb_icon_holder { transform: translateX(2px); } .bt_bb_icon.bt_bb_icon_animation_move_left .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_icon.bt_bb_icon_animation_move_left:hover .bt_bb_icon_holder { transform: translateX(-2px); } .bt_bb_icon.bt_bb_icon_animation_move_top .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_icon.bt_bb_icon_animation_move_top:hover .bt_bb_icon_holder { transform: translateY(-2px); } .bt_bb_icon.bt_bb_icon_animation_move_bottom .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_icon.bt_bb_icon_animation_move_bottom:hover .bt_bb_icon_holder { transform: translateY(2px); } @keyframes IconShake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-1px, 0, 0); } 40%, 60% { transform: translate3d(1px, 0, 0); } } @keyframes IconRotate { 100% { transform: rotate(360deg); } } .bt_bb_top_negative_margin_extra_small.bt_bb_icon { margin-top: -.5em; } .bt_bb_bottom_negative_margin_extra_small.bt_bb_icon { margin-bottom: -.5em; } .bt_bb_right_negative_margin_extra_small.bt_bb_icon { margin-right: -.5em; } .bt_bb_left_negative_margin_extra_small.bt_bb_icon { margin-left: -.5em; } .bt_bb_top_negative_margin_small.bt_bb_icon { margin-top: -1em; } .bt_bb_bottom_negative_margin_small.bt_bb_icon { margin-bottom: -1em; } .bt_bb_right_negative_margin_small.bt_bb_icon { margin-right: -1em; } .bt_bb_left_negative_margin_small.bt_bb_icon { margin-left: -1em; } .bt_bb_top_negative_margin_normal.bt_bb_icon { margin-top: -2em; } .bt_bb_bottom_negative_margin_normal.bt_bb_icon { margin-bottom: -2em; } .bt_bb_right_negative_margin_normal.bt_bb_icon { margin-right: -2em; } .bt_bb_left_negative_margin_normal.bt_bb_icon { margin-left: -2em; } .bt_bb_top_negative_margin_medium.bt_bb_icon { margin-top: -4em; } .bt_bb_bottom_negative_margin_medium.bt_bb_icon { margin-bottom: -4em; } .bt_bb_right_negative_margin_medium.bt_bb_icon { margin-right: -4em; } .bt_bb_left_negative_margin_medium.bt_bb_icon { margin-left: -4em; } .bt_bb_top_negative_margin_large.bt_bb_icon { margin-top: -8em; } .bt_bb_bottom_negative_margin_large.bt_bb_icon { margin-bottom: -8em; } .bt_bb_right_negative_margin_large.bt_bb_icon { margin-right: -8em; } .bt_bb_left_negative_margin_large.bt_bb_icon { margin-left: -8em; } .bt_bb_top_negative_margin_extra_large.bt_bb_icon { margin-top: -16em; } .bt_bb_bottom_negative_margin_extra_large.bt_bb_icon { margin-bottom: -16em; } .bt_bb_right_negative_margin_extra_large.bt_bb_icon { margin-right: -16em; } .bt_bb_left_negative_margin_extra_large.bt_bb_icon { margin-left: -16em; } /* Icons negative in px */ .bt_bb_icon.bt_bb_top_negative_margin_5px { margin-top: -5px; } .bt_bb_icon.bt_bb_top_negative_margin_10px { margin-top: -10px; } .bt_bb_icon.bt_bb_top_negative_margin_15px { margin-top: -15px; } .bt_bb_icon.bt_bb_top_negative_margin_20px { margin-top: -20px; } .bt_bb_icon.bt_bb_top_negative_margin_25px { margin-top: -25px; } .bt_bb_icon.bt_bb_top_negative_margin_30px { margin-top: -30px; } .bt_bb_icon.bt_bb_top_negative_margin_35px { margin-top: -35px; } .bt_bb_icon.bt_bb_top_negative_margin_40px { margin-top: -40px; } .bt_bb_icon.bt_bb_top_negative_margin_45px { margin-top: -45px; } .bt_bb_icon.bt_bb_top_negative_margin_50px { margin-top: -50px; } .bt_bb_icon.bt_bb_top_negative_margin_55px { margin-top: -55px; } .bt_bb_icon.bt_bb_top_negative_margin_60px { margin-top: -60px; } .bt_bb_icon.bt_bb_top_negative_margin_65px { margin-top: -65px; } .bt_bb_icon.bt_bb_top_negative_margin_70px { margin-top: -70px; } .bt_bb_icon.bt_bb_top_negative_margin_75px { margin-top: -75px; } .bt_bb_icon.bt_bb_top_negative_margin_80px { margin-top: -80px; } .bt_bb_icon.bt_bb_top_negative_margin_85px { margin-top: -85px; } .bt_bb_icon.bt_bb_top_negative_margin_90px { margin-top: -90px; } .bt_bb_icon.bt_bb_top_negative_margin_95px { margin-top: -95px; } .bt_bb_icon.bt_bb_top_negative_margin_100px { margin-top: -100px; } /* Icon - Text size */ .bt_bb_icon.bt_bb_text_size_12px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_12px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 12px; } .bt_bb_icon.bt_bb_text_size_13px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_13px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 13px; } .bt_bb_icon.bt_bb_text_size_14px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_14px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 14px; } .bt_bb_icon.bt_bb_text_size_15px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_15px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 15px; } .bt_bb_icon.bt_bb_text_size_16px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_16px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 16px; } .bt_bb_icon.bt_bb_text_size_17px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_17px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 17px; } .bt_bb_icon.bt_bb_text_size_18px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_18px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 18px; } .bt_bb_icon.bt_bb_text_size_19px.bt_bb_no_colored_icon .bt_bb_icon_holder > span, .bt_bb_icon.bt_bb_text_size_19px .bt_bb_icon_holder span.bt_bb_icon_holder_text { font-size: 19px; } @media (max-width: 580px) { .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline { padding-right: .5em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline { padding-right: .5em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline { padding-right: 1em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline { padding-right: 1em; } .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_right .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_left.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_left .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline { padding-right: 1em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_small.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_small.bt_bb_style_outline { padding-left: .5em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_medium.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_medium.bt_bb_style_outline { padding-left: .5em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_normal.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_normal.bt_bb_style_outline { padding-left: 1em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_large.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_large.bt_bb_style_outline { padding-left: 1em; } .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_left .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_left .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_icon.bt_bb_align_right.bt_bb_size_xlarge.bt_bb_style_outline, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_filled, .bt_bb_align_center .bt_bb_align_right .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_outline { padding-left: 1em; } } /* Button --------------------------------------------------- */ .bt_bb_button {} .bt_bb_button.bt_bb_width_full .bt_bb_link { float: none; } .bt_bb_button.bt_bb_size_small { font-size: var(--small-button-size); } .bt_bb_button.bt_bb_size_small:not(.bt_bb_style_clean) { min-width: 8.5em; } .bt_bb_button.bt_bb_size_small a { padding: .786em 1.8em; } .bt_bb_button.bt_bb_size_medium { font-size: var(--small-button-size); } .bt_bb_button.bt_bb_size_medium:not(.bt_bb_style_clean) { min-width: 8.5em; } .bt_bb_button.bt_bb_size_medium a { padding: .786em 1.8em; } .bt_bb_button.bt_bb_size_normal { font-size: var(--normal-button-size); } .bt_bb_button.bt_bb_size_normal:not(.bt_bb_style_clean) { min-width: 9.5em; } .bt_bb_button.bt_bb_size_normal a { padding: .9378em 1.7em; } .bt_bb_button.bt_bb_size_large { font-size: var(--large-button-size); } .bt_bb_button.bt_bb_size_large:not(.bt_bb_style_clean) { min-width: 10em; } .bt_bb_button.bt_bb_size_large a { padding: 1.167em 2em; } .bt_bb_button.bt_bb_shape_square a.bt_bb_link { border-radius: 0; } .bt_bb_button.bt_bb_shape_rounded a.bt_bb_link { border-radius: var(--soft-rounded); } .bt_bb_button.bt_bb_shape_round.bt_bb_size_small a.bt_bb_link { border-radius: var(--small-button-full-radius); } .bt_bb_button.bt_bb_shape_round.bt_bb_size_medium a.bt_bb_link { border-radius: var(--medium-button-full-radius); } .bt_bb_button.bt_bb_shape_round.bt_bb_size_normal a.bt_bb_link { border-radius: var(--normal-button-full-radius); } .bt_bb_button.bt_bb_shape_round.bt_bb_size_large a.bt_bb_link { border-radius: var(--large-button-full-radius); } .bt_bb_button.bt_bb_style_filled a { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--dark-color)) inset; } .bt_bb_button.bt_bb_style_filled a .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--light-color))); } .bt_bb_button.bt_bb_style_filled a:hover { filter: saturate(.7); color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--dark-color)) inset; background-color: var(--secondary-color, var(--dark-color)); } .bt_bb_button.bt_bb_style_filled a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--primary-color, var(--light-color))); } .bt_bb_button.bt_bb_style_outline a { color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; } .bt_bb_button.bt_bb_style_outline a .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--dark-color))); } .bt_bb_button.bt_bb_style_outline a:hover { color: var(--secondary-color, var(--light-color)); background-color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; } .bt_bb_button.bt_bb_style_outline a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--light-color))); } .bt_bb_button.bt_bb_style_clean a { padding: 0; color: var(--primary-color, var(--dark-color)); } .bt_bb_button.bt_bb_style_clean a .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--dark-color))); } .bt_bb_button.bt_bb_style_clean a:hover { color: var(--secondary-color, var(--accent-color)); } .bt_bb_button.bt_bb_style_clean a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--accent-color))); } .bt_bb_button.bt_bb_icon_style_outline .bt_bb_icon_holder { border-radius: 50%; padding: .45rem; transition: box-shadow 300ms ease, transform 300ms ease; } .bt_bb_button.bt_bb_icon_style_outline.bt_bb_style_filled .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--light-color))); box-shadow: 0 0 0 1px var(--icon-primary-color, var(--primary-color, var(--light-color))) inset; } .bt_bb_button.bt_bb_icon_style_outline.bt_bb_style_filled a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--dark-color))); box-shadow: 0 0 0 3em var(--icon-primary-color, var(--primary-color, var(--light-color))) inset; } .bt_bb_button.bt_bb_icon_style_outline.bt_bb_style_clean .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--dark-color))); box-shadow: 0 0 0 1px var(--icon-primary-color, var(--primary-color, var(--dark-color))) inset; } .bt_bb_button.bt_bb_icon_style_outline.bt_bb_style_clean a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--light-color))); box-shadow: 0 0 0 3em var(--icon-primary-color, var(--primary-color, var(--dark-color))) inset; } .bt_bb_button.bt_bb_icon_style_outline.bt_bb_style_outline .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--dark-color))); box-shadow: 0 0 0 1px var(--icon-primary-color, var(--primary-color, var(--dark-color))) inset; } .bt_bb_button.bt_bb_icon_style_outline.bt_bb_style_outline a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--primary-color, var(--dark-color))); box-shadow: 0 0 0 3em var(--icon-primary-color, var(--secondary-color, var(--light-color))) inset; } .bt_bb_button.bt_bb_icon_animation_shake .bt_bb_icon_holder { transition: transform 450ms ease; } .bt_bb_button.bt_bb_icon_animation_shake:hover .bt_bb_icon_holder { animation: IconShake .82s cubic-bezier(.36, .07, .19, .97) both; transform: translate3d(0, 0, 0); perspective: 1000px; } .bt_bb_button.bt_bb_icon_animation_rotate:not(.bt_bb_icon_style_outline) .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_button.bt_bb_icon_animation_rotate:hover .bt_bb_icon_holder { animation: IconRotate 3s cubic-bezier(.36, .07, .19, .97) both; } .bt_bb_button.bt_bb_icon_animation_move_right .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_button.bt_bb_icon_animation_move_right:hover .bt_bb_icon_holder { transform: translateX(2px); } .bt_bb_button.bt_bb_icon_animation_move_left .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_button.bt_bb_icon_animation_move_left:hover .bt_bb_icon_holder { transform: translateX(-2px); } .bt_bb_button.bt_bb_icon_animation_move_top .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_button.bt_bb_icon_animation_move_top:hover .bt_bb_icon_holder { transform: translateY(-2px); } .bt_bb_button.bt_bb_icon_animation_move_bottom .bt_bb_icon_holder { transition: transform 300ms ease; } .bt_bb_button.bt_bb_icon_animation_move_bottom:hover .bt_bb_icon_holder { transform: translateY(2px); } @keyframes IconShake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-1px, 0, 0); } 40%, 60% { transform: translate3d(1px, 0, 0); } } @keyframes IconRotate { 100% { transform: rotate(360deg); } } /* Service --------------------------------------------------- */ .bt_bb_service {} .bt_bb_service a:hover { color: inherit; } .bt_bb_service .bt_bb_icon_holder { display: flex; align-items: center; justify-content: center; } .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title { font-family: var(--heading-font); font-weight: var(--heading-font-weight); line-height: 1.1; padding-bottom: .5em; color: inherit; } .bt_bb_service.btNoIcon .bt_bb_service_content { padding: 0 !important; } .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content_title { padding-bottom: 0; } .bt_bb_align_left .bt_bb_service .bt_bb_service_content, .bt_bb_service.bt_bb_align_left .bt_bb_service_content, .bt_bb_align_right .bt_bb_service.bt_bb_align_left .bt_bb_service_content, .bt_bb_align_right .bt_bb_align_left .bt_bb_service .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_left .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_left .bt_bb_service .bt_bb_service_content { padding: 0 0 0 1.5em; } .bt_bb_align_left .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_left .bt_bb_service.bt_bb_size_small .bt_bb_service_content, .bt_bb_service.bt_bb_align_left.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_service.bt_bb_align_left.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_right .bt_bb_service.bt_bb_align_left.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_right .bt_bb_service.bt_bb_align_left.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_right .bt_bb_align_left .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_right .bt_bb_align_left .bt_bb_service.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_left.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_left.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_left .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_left .bt_bb_service.bt_bb_size_small .bt_bb_service_content { padding: 0 0 0 1em; } .bt_bb_align_right .bt_bb_service .bt_bb_service_content, .bt_bb_service.bt_bb_align_right .bt_bb_service_content, .bt_bb_align_left .bt_bb_service.bt_bb_align_right .bt_bb_service_content, .bt_bb_align_left .bt_bb_align_right .bt_bb_service .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_right .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_right .bt_bb_service .bt_bb_service_content { padding: 0 1.5em 0 0; } .bt_bb_align_right .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_right .bt_bb_service.bt_bb_size_small .bt_bb_service_content, .bt_bb_service.bt_bb_align_right.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_service.bt_bb_align_right.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_left .bt_bb_service.bt_bb_align_right.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_left .bt_bb_service.bt_bb_align_right.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_left .bt_bb_align_right .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_left .bt_bb_align_right .bt_bb_service.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_right.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_right.bt_bb_size_small .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_right .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_right .bt_bb_service.bt_bb_size_small .bt_bb_service_content { padding: 0 1em 0 0; } .bt_bb_service.bt_bb_align_content_center { align-items: center; } .bt_bb_service.bt_bb_align_content_bottom { align-items: flex-end; } .bt_bb_service.bt_bb_size_xsmall.bt_bb_style_filled .bt_bb_icon_holder { font-size: 1em; width: 2.15em; height: 2.15em; } .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content .bt_bb_service_content_title { font-size: 1em; } .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content .bt_bb_service_content_text { font-size: .9375em; } .bt_bb_service.bt_bb_size_small .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.125em; } .bt_bb_service.bt_bb_size_small .bt_bb_service_content .bt_bb_service_content_text { font-size: 1em; } .bt_bb_service.bt_bb_size_small.bt_bb_style_filled .bt_bb_icon_holder { font-size: 1.15em; width: 2.4em; height: 2.4em; } .bt_bb_service.bt_bb_size_normal.bt_bb_style_borderless .bt_bb_icon_holder { font-size: 2.5em; } .bt_bb_service.bt_bb_size_normal .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.375em; } .bt_bb_service.bt_bb_size_normal .bt_bb_service_content .bt_bb_service_content_text { font-size: 1.125em; line-height: 1.7; } .bt_bb_service.bt_bb_size_normal.bt_bb_style_filled .bt_bb_icon_holder { font-size: 1.8em; width: 2.5em; height: 2.5em; } .bt_bb_service.bt_bb_size_large.bt_bb_style_borderless .bt_bb_icon_holder { font-size: 3em; } .bt_bb_service.bt_bb_size_large .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.875em; } .bt_bb_service.bt_bb_size_large .bt_bb_service_content .bt_bb_service_content_text { font-size: 1.375em; line-height: 1.7; } .bt_bb_service.bt_bb_size_large.bt_bb_style_filled .bt_bb_icon_holder { font-size: 1.5em; width: 3.5em; height: 3.5em; } .bt_bb_service.bt_bb_size_xlarge.bt_bb_style_borderless .bt_bb_icon_holder { font-size: 3.5em; } .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content .bt_bb_service_content_title { font-size: 2em; } .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content .bt_bb_service_content_text { font-size: 1.375em; line-height: 1.7; } .bt_bb_service.bt_bb_size_xlarge.bt_bb_style_filled .bt_bb_icon_holder { font-size: 1.7em; width: 3.5em; height: 3.5em; } .bt_bb_service.bt_bb_title_size_small .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.125em !important; } .bt_bb_service.bt_bb_title_size_normal .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.375em !important; } .bt_bb_service.bt_bb_title_size_large .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.875em !important; padding-bottom: .25em; } .bt_bb_service.bt_bb_style_borderless:hover span.bt_bb_icon_holder { color: var(--primary-color); } .bt_bb_service.bt_bb_style_borderless:hover a.bt_bb_icon_holder { color: var(--secondary-color); } .bt_bb_service.bt_bb_style_filled .bt_bb_icon_holder { box-shadow: 0 0 0 3em var(--secondary-color, var(--dark-color)) inset; } .bt_bb_service.bt_bb_style_filled:hover span.bt_bb_icon_holder { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--dark-color)) inset; } .bt_bb_service.bt_bb_style_filled:hover a.bt_bb_icon_holder { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--dark-color)) inset; background-color: transparent; filter: saturate(.7); } .bt_bb_service.bt_bb_style_outline:hover span.bt_bb_icon_holder { color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; background-color: transparent; } .bt_bb_service.bt_bb_style_outline:hover a.bt_bb_icon_holder { box-shadow: 0 0 0 3em var(--primary-color, var(--dark-color)) inset; background-color: transparent; color: var(--secondary-color, var(--light-color)); } .bt_bb_service.bt_bb_title_color_dark .bt_bb_service_content .bt_bb_service_content_title { color: var(--dark-color); } .bt_bb_service.bt_bb_title_color_light .bt_bb_service_content .bt_bb_service_content_title { color: var(--light-color); } .bt_bb_service.bt_bb_title_color_accent .bt_bb_service_content .bt_bb_service_content_title { color: var(--accent-color); } .bt_bb_service.bt_bb_title_color_alternate .bt_bb_service_content .bt_bb_service_content_title { color: var(--alternate-color); } .bt_bb_service + .bt_bb_service { padding-left: 2em; } @media (max-width: 780px) { .bt_bb_service.bt_bb_title_size_large .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.375em !important; } .bt_bb_service.bt_bb_size_normal .bt_bb_icon_holder, .bt_bb_service .bt_bb_size_large .bt_bb_icon_holder, .bt_bb_service .bt_bb_size_xlarge .bt_bb_icon_holder { font-size: 2em; } .bt_bb_align_left .bt_bb_service .bt_bb_service_content, .bt_bb_service.bt_bb_align_left .bt_bb_service_content, .bt_bb_align_right .bt_bb_service.bt_bb_align_left .bt_bb_service_content, .bt_bb_align_right .bt_bb_align_left .bt_bb_service .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_left .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_left .bt_bb_service .bt_bb_service_content { padding: 0 0 0 1em; } .bt_bb_align_right .bt_bb_service .bt_bb_service_content, .bt_bb_service.bt_bb_align_right .bt_bb_service_content, .bt_bb_align_left .bt_bb_service.bt_bb_align_right .bt_bb_service_content, .bt_bb_align_left .bt_bb_align_right .bt_bb_service .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_right .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_right .bt_bb_service .bt_bb_service_content { padding: 0 1em 0 0; } } .bt_bb_service.bt_bb_text_opacity_very_small .bt_bb_service_content .bt_bb_service_content_text { opacity: .1; } .bt_bb_service.bt_bb_text_opacity_extra_small .bt_bb_service_content .bt_bb_service_content_text { opacity: .2; } .bt_bb_service.bt_bb_text_opacity_small .bt_bb_service_content .bt_bb_service_content_text { opacity: .3; } .bt_bb_service.bt_bb_text_opacity_normal .bt_bb_service_content .bt_bb_service_content_text { opacity: .4; } .bt_bb_service.bt_bb_text_opacity_medium .bt_bb_service_content .bt_bb_service_content_text { opacity: .5; } .bt_bb_service.bt_bb_text_opacity_large .bt_bb_service_content .bt_bb_service_content_text { opacity: .6; } .bt_bb_service.bt_bb_text_opacity_extra_large .bt_bb_service_content .bt_bb_service_content_text { opacity: .7; } .bt_bb_service.bt_bb_text_opacity_huge .bt_bb_service_content .bt_bb_service_content_text { opacity: .8; } .bt_bb_service.bt_bb_text_opacity_extra_huge .bt_bb_service_content .bt_bb_service_content_text { opacity: .9; } /* Font weight */ .bt_bb_service.bt_bb_title_font_weight_normal .bt_bb_service_content .bt_bb_service_content_title { font-weight: normal; } .bt_bb_service.bt_bb_title_font_weight_bold .bt_bb_service_content .bt_bb_service_content_title { font-weight: bold; } .bt_bb_service.bt_bb_title_font_weight_bolder .bt_bb_service_content .bt_bb_service_content_title { font-weight: bolder; } .bt_bb_service.bt_bb_title_font_weight_lighter .bt_bb_service_content .bt_bb_service_content_title { font-weight: lighter; } .bt_bb_service.bt_bb_title_font_weight_light .bt_bb_service_content .bt_bb_service_content_title { font-weight: light; } .bt_bb_service.bt_bb_title_font_weight_thin .bt_bb_service_content .bt_bb_service_content_title { font-weight: thin; } .bt_bb_service.bt_bb_title_font_weight_100 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 100; } .bt_bb_service.bt_bb_title_font_weight_200 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 200; } .bt_bb_service.bt_bb_title_font_weight_300 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 300; } .bt_bb_service.bt_bb_title_font_weight_400 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 400; } .bt_bb_service.bt_bb_title_font_weight_500 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 500; } .bt_bb_service.bt_bb_title_font_weight_600 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 600; } .bt_bb_service.bt_bb_title_font_weight_700 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 700; } .bt_bb_service.bt_bb_title_font_weight_800 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 800; } .bt_bb_service.bt_bb_title_font_weight_900 .bt_bb_service_content .bt_bb_service_content_title { font-weight: 900; } /* Custom menu --------------------------------------------------- */ .bt_bb_custom_menu div ul { margin: 0; } .bt_bb_custom_menu div ul li { list-style: none; padding-bottom: .8em; line-height: 1.1; } .bt_bb_custom_menu div ul li:last-child { padding-bottom: 0em; } .bt_bb_custom_menu div ul a { font-size: 1rem; font-family: var(--menu-font); line-height: 1; color: var(--custom-menu-primary-color, inherit); transition: all 350ms ease; } .bt_bb_custom_menu div ul a:hover { color: var(--custom-menu-secondary-color, inherit); } .bt_bb_custom_menu div ul > li { margin-left: 0; } .bt_bb_custom_menu.bt_bb_direction_horizontal div > ul > li { padding: 0 1.5em; border-right: 1px solid var(--custom-menu-primary-color, currentColor); line-height: 1; } .bt_bb_custom_menu.bt_bb_direction_horizontal div > ul > li:first-child { padding-left: 0; } .bt_bb_custom_menu.bt_bb_direction_horizontal div > ul > li:last-child { padding-right: 0; border-right: none; } .bt_bb_custom_menu.bt_bb_direction_horizontal div > ul > li a { position: relative; } .bt_bb_align_right .bt_bb_custom_menu .menu-footer-menu-container, .bt_bb_custom_menu.bt_bb_align_right .menu-footer-menu-container, .bt_bb_align_left .bt_bb_custom_menu.bt_bb_align_right .menu-footer-menu-container, .bt_bb_align_left .bt_bb_align_right .bt_bb_custom_menu .menu-footer-menu-container, .bt_bb_align_center .bt_bb_custom_menu.bt_bb_align_right .menu-footer-menu-container, .bt_bb_align_center .bt_bb_align_right .bt_bb_custom_menu .menu-footer-menu-container { float: right; } .bt_bb_align_center .bt_bb_custom_menu > div, .bt_bb_custom_menu.bt_bb_align_center > div, .bt_bb_align_left .bt_bb_custom_menu.bt_bb_align_center > div, .bt_bb_align_left .bt_bb_align_center .bt_bb_custom_menu > div, .bt_bb_align_right .bt_bb_custom_menu.bt_bb_align_center > div, .bt_bb_align_right .bt_bb_align_center .bt_bb_custom_menu > div { justify-content: center; } .bt_bb_custom_menu.bt_bb_font_size_12px div ul li a { font-size: 12px; } .bt_bb_custom_menu.bt_bb_font_size_13px div ul li a { font-size: 13px; } .bt_bb_custom_menu.bt_bb_font_size_14px div ul li a { font-size: 14px; } .bt_bb_custom_menu.bt_bb_font_size_15px div ul li a { font-size: 15px; } .bt_bb_custom_menu.bt_bb_font_size_16px div ul li a { font-size: 16px; } .bt_bb_custom_menu.bt_bb_font_size_17px div ul li a { font-size: 17px; } .bt_bb_custom_menu.bt_bb_font_weight_normal div ul li a { font-weight: normal; } .bt_bb_custom_menu.bt_bb_font_weight_bold div ul li a { font-weight: bold; } .bt_bb_custom_menu.bt_bb_font_weight_bolder div ul li a { font-weight: bolder; } .bt_bb_custom_menu.bt_bb_font_weight_lighter div ul li a { font-weight: lighter; } .bt_bb_custom_menu.bt_bb_font_weight_light div ul li a { font-weight: light; } .bt_bb_custom_menu.bt_bb_font_weight_thin div ul li a { font-weight: thin; } .bt_bb_custom_menu.bt_bb_font_weight_100 div ul li a { font-weight: 100; } .bt_bb_custom_menu.bt_bb_font_weight_200 div ul li a { font-weight: 200; } .bt_bb_custom_menu.bt_bb_font_weight_300 div ul li a { font-weight: 300; } .bt_bb_custom_menu.bt_bb_font_weight_400 div ul li a { font-weight: 400; } .bt_bb_custom_menu.bt_bb_font_weight_500 div ul li a { font-weight: 500; } .bt_bb_custom_menu.bt_bb_font_weight_600 div ul li a { font-weight: 600; } .bt_bb_custom_menu.bt_bb_font_weight_700 div ul li a { font-weight: 700; } .bt_bb_custom_menu.bt_bb_font_weight_800 div ul li a { font-weight: 800; } .bt_bb_custom_menu.bt_bb_font_weight_900 div ul li a { font-weight: 900; } .bt_bb_custom_menu.bt_bb_opacity_very_small { opacity: .1; } .bt_bb_custom_menu.bt_bb_opacity_extra_small { opacity: .2; } .bt_bb_custom_menu.bt_bb_opacity_small { opacity: .3; } .bt_bb_custom_menu.bt_bb_opacity_normal { opacity: .4; } .bt_bb_custom_menu.bt_bb_opacity_medium { opacity: .5; } .bt_bb_custom_menu.bt_bb_opacity_large { opacity: .6; } .bt_bb_custom_menu.bt_bb_opacity_extra_large { opacity: .7; } .bt_bb_custom_menu.bt_bb_opacity_huge { opacity: .8; } .bt_bb_custom_menu.bt_bb_opacity_extra_huge { opacity: .9; } /* Text --------------------------------------------------- */ .bt_bb_text.bt_bb_font_size_12px p { font-size: 12px; } .bt_bb_text.bt_bb_font_size_13px p { font-size: 13px; } .bt_bb_text.bt_bb_font_size_14px p { font-size: 14px; } .bt_bb_text.bt_bb_font_size_15px p { font-size: 15px; } .bt_bb_text.bt_bb_font_size_16px p { font-size: 16px; } .bt_bb_text.bt_bb_font_size_17px p { font-size: 17px; } .bt_bb_text.bt_bb_font_size_18px p { font-size: 18px; } .bt_bb_text.bt_bb_font_size_19px p { font-size: 19px; } /* Counter --------------------------------------------------- */ .bt_bb_counter_holder { display: flex; flex-wrap: wrap; flex-flow: row nowrap; align-items: center; height: auto; font-variant-numeric: lining-nums; } .bt_bb_counter_holder.btNoIcon .bt_bb_counter_content { padding: 0; max-width: 100%; } .bt_bb_counter_holder.btNoIcon .bt_bb_counter_content .bt_bb_counter { flex: 1 0 auto; display: inline-flex; flex-wrap: wrap; width: auto; } .bt_bb_counter_holder.btNoIcon .bt_bb_counter_content .bt_bb_counter_text { flex: 1 0 100%; min-width: 100%; } .bt_bb_align_left .bt_bb_counter_holder, .bt_bb_counter_holder.bt_bb_align_left, .bt_bb_align_right .bt_bb_counter_holder.bt_bb_align_left, .bt_bb_align_right .bt_bb_align_left .bt_bb_counter_holder, .bt_bb_align_center .bt_bb_counter_holder.bt_bb_align_left, .bt_bb_align_center .bt_bb_align_left .bt_bb_counter_holder { justify-content: flex-start; align-items: flex-start; } .bt_bb_align_right .bt_bb_counter_holder, .bt_bb_counter_holder.bt_bb_align_right, .bt_bb_align_left .bt_bb_counter_holder.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_counter_holder, .bt_bb_align_center .bt_bb_counter_holder.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_counter_holder { justify-content: flex-start; flex-direction: row-reverse; } .bt_bb_align_center .bt_bb_counter_holder, .bt_bb_counter_holder.bt_bb_align_center, .bt_bb_align_left .bt_bb_counter_holder.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_counter_holder, .bt_bb_align_right .bt_bb_counter_holder.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_counter_holder { display: block; } .bt_bb_counter_holder .bt_bb_counter_colored_icon { padding-right: .5rem; } .rtl .bt_bb_counter_holder .bt_bb_counter_colored_icon { padding-left: .5em; padding-right: 0; } .bt_bb_counter_holder .bt_bb_counter_colored_icon span { display: flex; } .bt_bb_counter_holder .bt_bb_counter_colored_icon svg { pointer-events: none; width: 1.5em; height: 1.5em; } .bt_bb_counter_holder .bt_bb_counter_colored_icon svg .cls-1 { opacity: 1; fill: var(--counter-colored-icon-primary-color, var(--very-light-accent-color)); } .bt_bb_counter_holder .bt_bb_counter_colored_icon svg .cls-2 { opacity: 1; fill: var(--counter-colored-icon-secondary-color, var(--accent-color)); } .bt_bb_counter_holder .bt_bb_counter_colored_icon svg line.cls-1, .bt_bb_counter_holder .bt_bb_counter_colored_icon svg rect.cls-1 { fill: none; stroke: var(--counter-colored-icon-secondary-color, var(--accent-color)); } .bt_bb_counter_holder .bt_bb_counter_colored_icon svg line.cls-2, .bt_bb_counter_holder .bt_bb_counter_colored_icon svg rect.cls-2 { fill: none; stroke: inherit !important; } .bt_bb_counter_holder .bt_bb_counter_content { padding: 0 1rem; display: flex; flex-wrap: wrap; align-items: center; } .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content, .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_left, .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_left, .bt_bb_align_right .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content, .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_left, .bt_bb_align_center .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content { text-align: left; padding-right: 0em; } .rtl .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content, .rtl .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_left, .rtl .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_left, .rtl .bt_bb_align_right .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content, .rtl .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_left, .rtl .bt_bb_align_center .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content { padding-right: 1rem; padding-left: 0rem; text-align: right; } .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content, .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_right, .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content, .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content { text-align: right; padding-left: 0em; } .rtl .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content, .rtl .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_right, .rtl .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_right, .rtl .bt_bb_align_left .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content, .rtl .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_right, .rtl .bt_bb_align_center .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content { padding-left: 1rem; padding-right: 0rem; text-align: left; } .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content, .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_center, .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content, .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content { text-align: center; max-width: 100%; padding: 0; } .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter { font-size: 1em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); flex: 1 0 100%; line-height: 1; height: 1.1em; direction: ltr !important; color: var(--primary-color, inherit); } .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { height: 1.1em; } .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit span { height: 1.1em; } .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter, .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter.bt_bb_align_center, .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter, .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter { justify-content: center; } .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text { font-size: 1rem; padding-left: .2rem; font-family: var(--heading-font); color: var(--secondary-color, inherit); } .rtl .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text { padding-left: 0; padding-right: .2em; } .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text, .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text.bt_bb_align_center, .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text, .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text { padding-top: .125rem; margin: 0 auto; } .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text, .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text.bt_bb_align_right, .bt_bb_align_left .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text, .bt_bb_align_center .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text { margin-right: 0; margin-left: auto; } .bt_bb_counter_holder.bt_bb_size_small { font-size: var(--medium-title-size); } .bt_bb_counter_holder.bt_bb_size_normal { font-size: var(--normal-title-size); } .bt_bb_counter_holder.bt_bb_size_large { font-size: var(--large-title-size); } .bt_bb_counter_holder.bt_bb_size_huge { font-size: var(--extralarge-title-size); } .bt_bb_counter_holder.bt_bb_icon_style_filled .bt_bb_icon_holder { text-decoration: none !important; box-shadow: none !important; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; line-height: inherit; font-weight: normal; } .bt_bb_counter_holder.bt_bb_icon_style_filled .bt_bb_icon_holder:before { font-size: 2rem; width: 3.5rem; height: 3.5rem; color: var(--light-color); box-shadow: 0 0 0 5em var(--accent-color) inset; border-radius: 50%; text-align: center; line-height: 1.7; } .bt_bb_counter_holder.bt_bb_text_size_small .bt_bb_counter_content .bt_bb_counter_text { font-size: var(--extrasmall-title-size); } .bt_bb_counter_holder.bt_bb_text_size_normal .bt_bb_counter_content .bt_bb_counter_text { font-size: var(--small-title-size); } .bt_bb_counter_holder.bt_bb_text_size_large .bt_bb_counter_content .bt_bb_counter_text { font-size: var(--medium-title-size); } @media (max-width: 1199px) { .bt_bb_counter_holder.bt_bb_size_large { font-size: 3rem !important; } } @media (max-width: 780px) { .bt_bb_counter_holder .bt_bb_counter_content { max-width: 100%; } } @media (max-width: 580px) { .btNoIcon.bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text { flex: 1 0 100%; min-width: 100%; padding-left: 0em; padding-bottom: 1rem; } } /* Progress bar --------------------------------------------------- */ .bt_bb_progress_bar { overflow: visible; } .bt_bb_progress_bar .bt_bb_progress_bar_wrapper { display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: wrap; overflow: hidden; position: relative; } .bt_bb_progress_bar .bt_bb_progress_bar_wrapper .bt_bb_progress_bar_content { display: flex; justify-content: space-between; transition: transform 500ms ease; transform: translateY(-100%); opacity: 0; } .bt_bb_progress_bar .bt_bb_progress_bar_wrapper .bt_bb_progress_bar_content.animated { transform: translateX(0%); opacity: 1; } .bt_bb_progress_bar .bt_bb_progress_bar_wrapper .bt_bb_progress_bar_content .bt_bb_progress_bar_percent { color: currentColor; font-weight: bold; } .bt_bb_progress_bar .bt_bb_progress_bar_wrapper .bt_bb_progress_bar_content .bt_bb_progress_bar_text { padding-right: 1em; } .bt_bb_progress_bar .bt_bb_progress_bar_wrapper .bt_bb_progress_bar_inner { transform: scaleX(0); transform-origin: 0 0; } .bt_bb_progress_bar .bt_bb_progress_bar_wrapper .bt_bb_progress_bar_inner.animated { transform: scaleX(1); } .rtl .bt_bb_progress_bar .bt_bb_progress_bar_inner { transform: scaleX(0); transform-origin: 100% 0; } .bt_bb_progress_bar.bt_bb_size_small { font-size: .875em; } .bt_bb_progress_bar.bt_bb_size_small .bt_bb_progress_bar_inner { padding: 1em; } .bt_bb_progress_bar.bt_bb_size_normal { font-size: .9375em; } .bt_bb_progress_bar.bt_bb_size_large { font-size: .9375em; } .bt_bb_progress_bar.bt_bb_style_line {} .bt_bb_progress_bar.bt_bb_style_line .bt_bb_progress_bar_bg { top: auto; height: 2px; background: transparent !important; border-bottom: 2px solid var(--secondary-color, currentColor); opacity: .4; } .bt_bb_progress_bar.bt_bb_style_line .bt_bb_progress_bar_inner { padding: 0; border: none; background: var(--primary-color, var(--dark-color)); height: 2px; } .bt_bb_progress_bar.bt_bb_style_line .bt_bb_progress_bar_inner span { color: var(--secondary-color, var(--dark-color)); } .bt_bb_progress_bar.bt_bb_style_line.bt_bb_size_normal .bt_bb_progress_bar_bg { height: .4em; border-bottom: .4em solid var(--secondary-color, currentColor); } .bt_bb_progress_bar.bt_bb_style_line.bt_bb_size_normal .bt_bb_progress_bar_inner { height: .4em; } .bt_bb_progress_bar.bt_bb_style_line.bt_bb_size_large .bt_bb_progress_bar_bg { height: 1em; border-bottom: 1em solid var(--secondary-color, currentColor); } .bt_bb_progress_bar.bt_bb_style_line.bt_bb_size_large .bt_bb_progress_bar_inner { height: 1em; } .bt_bb_progress_bar.bt_bb_shape_rounded .bt_bb_progress_bar_inner, .bt_bb_progress_bar.bt_bb_shape_rounded .bt_bb_progress_bar_bg { border-radius: 50px; } /* Tabs --------------------------------------------------- */ .bt_bb_tabs {} .bt_bb_tabs ul.bt_bb_tabs_header { display: flex; width: 100%; flex-wrap: wrap; border-radius: 0 !important; } .bt_bb_tabs ul.bt_bb_tabs_header li { padding: 2em 3em; flex: 1 0 auto; display: flex; align-items: center; flex-wrap: wrap; float: left; } .rtl .bt_bb_tabs ul.bt_bb_tabs_header li { float: right; } .bt_bb_tabs ul.bt_bb_tabs_header li.btWithIcon span { padding: 0; } .bt_bb_tabs ul.bt_bb_tabs_header li span { padding: 0; } .bt_bb_tabs ul.bt_bb_tabs_header li .bt_bb_icon_holder { font-size: 2em; line-height: 1.5rem; padding: 0 .5em 0 0 !important; color: var(--tabs-secondary-color, var(--light-color)); transition: all 300ms ease; } .rtl .bt_bb_tabs ul.bt_bb_tabs_header li .bt_bb_icon_holder { padding: 0 0 0 .5em !important; } .bt_bb_tabs ul.bt_bb_tabs_header li .bt_bb_tab_title { font-size: var(--small-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); line-height: 2rem; color: var(--tabs-secondary-color, var(--light-color)); transition: all 300ms ease; cursor: pointer; } .bt_bb_tabs ul.bt_bb_tabs_header li.on .bt_bb_icon_holder, .bt_bb_tabs ul.bt_bb_tabs_header li.on .bt_bb_tab_title, .bt_bb_tabs ul.bt_bb_tabs_header li:hover .bt_bb_icon_holder, .bt_bb_tabs ul.bt_bb_tabs_header li:hover .bt_bb_tab_title { opacity: 1; color: var(--tabs-primary-color, var(--dark-color)); } .bt_bb_tabs ul.bt_bb_tabs_header li:hover .bt_bb_icon_holder { color: var(--icon-tab-secondary-color, var(--tabs-primary-color, var(--dark-color))); } .bt_bb_tabs .bt_bb_tabs_tabs { padding: 2em 3em; overflow: hidden; position: relative; z-index: 2; } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header { border: none !important; overflow: visible; background: var(--light-color); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li { border: none; position: relative; overflow: hidden; color: var(--tabs-secondary-color, var(--accent-color)); background: var(--tabs-primary-color, var(--10-light-accent-color)); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li .bt_bb_tab_title { color: var(--tabs-secondary-color, var(--accent-color)); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li .bt_bb_icon_holder { color: var(--icon-tab-secondary-color, var(--tabs-secondary-color, var(--accent-color))); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li:hover { color: var(--tabs-secondary-color, var(--accent-color)); background: var(--tabs-primary-color, var(--10-light-accent-color)); filter: saturate(.7); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li:hover .bt_bb_tab_title { color: var(--tabs-secondary-color, var(--accent-color)); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li:hover .bt_bb_icon_holder { color: var(--icon-tab-secondary-color, var(--tabs-secondary-color, var(--accent-color))); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li.on { background: var(--tabs-secondary-color, var(--light-color)); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li.on .bt_bb_tab_title { color: var(--tabs-primary-color, var(--accent-color)); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_header li.on .bt_bb_icon_holder { color: var(--icon-tab-primary-color, var(--tabs-primary-color, var(--accent-color))); } .bt_bb_tabs.bt_bb_style_filled .bt_bb_tabs_tabs { background: var(--tabs-secondary-color, var(--light-color)); } .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li { padding: 1.7em 4em 1.7em 0em; border-width: 3px; border-bottom: 3px solid var(--tabs-secondary-color, var(--20-light-accent-color)); color: var(--tabs-secondary-color, var(--primary-20-color)); border-radius: 0 !important; } .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li:first-child { border-width: 3px; } .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li .bt_bb_tab_title { padding: 0; color: var(--tabs-secondary-color, var(--dark-color)); } .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li .bt_bb_icon_holder { color: var(--icon-tab-primary-color, var(--tabs-primary-color, var(--accent-color))); } .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li.on, .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li:hover { border-width: 3px; border-color: var(--tabs-primary-color, var(--accent-color)); } .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li.on .bt_bb_icon_holder, .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li:hover .bt_bb_icon_holder { color: var(--tabs-primary-color, var(--accent-color)); } .rtl .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_header li { padding: 1.7em 0em 1.7em 4em; } .bt_bb_tabs.bt_bb_style_simple .bt_bb_tabs_tabs { padding: 2em 0em; border-radius: 0 !important; } .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header { border: none; } .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li { border: 2px solid var(--tabs-primary-color, var(--primary-20-color)); color: var(--tabs-primary-color, var(--primary-20-color)); background: transparent; } .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li:first-child { border: 2px solid var(--tabs-primary-color, var(--primary-20-color)); } .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li .bt_bb_icon_holder, .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li .bt_bb_tab_title { color: var(--tabs-secondary-color, var(--primary-20-color)); } .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li.on, .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li:hover { color: var(--tabs-primary-color, var(--dark-color)); border-color: var(--tabs-secondary-color, var(--light-color)); background: var(--tabs-secondary-color, var(--light-color)); } .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li.on .bt_bb_icon_holder, .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li.on .bt_bb_tab_title, .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li:hover .bt_bb_icon_holder, .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_header li:hover .bt_bb_tab_title { color: var(--tabs-primary-color, var(--accent-color)); } .bt_bb_tabs.bt_bb_style_outline .bt_bb_tabs_tabs { background: var(--tabs-secondary-color, var(--light-color)); } .bt_bb_tabs.bt_bb_shape_rounded:not(.bt_bb_style_simple) .bt_bb_tabs_header li { border-top-left-radius: var(--column-soft-rounded); border-top-right-radius: var(--column-soft-rounded); } .bt_bb_tabs.bt_bb_shape_rounded:not(.bt_bb_style_simple) .bt_bb_tabs_header li:last-child span { padding: 0; } .bt_bb_tabs.bt_bb_shape_rounded:not(.bt_bb_style_simple) .bt_bb_tabs_tabs { border-radius: var(--column-soft-rounded); } .bt_bb_tabs.bt_bb_shape_round:not(.bt_bb_style_simple) .bt_bb_tabs_header li { border-top-left-radius: var(--column-hard-rounded); border-top-right-radius: var(--column-hard-rounded); } .bt_bb_tabs.bt_bb_shape_round:not(.bt_bb_style_simple) .bt_bb_tabs_header li:first-child span { padding: 0; } .bt_bb_tabs.bt_bb_shape_round:not(.bt_bb_style_simple) .bt_bb_tabs_header li:last-child span { padding: 0; } .bt_bb_tabs.bt_bb_shape_round:not(.bt_bb_style_simple) .bt_bb_tabs_tabs { border-radius: var(--column-hard-rounded); } @media (max-width: 1200px) { .bt_bb_tabs:not(.bt_bb_style_simple) ul.bt_bb_tabs_header li { padding: 1em; } } .bt_bb_tab_title.bt_bb_font_weight_normal { font-weight: normal; } .bt_bb_tab_title.bt_bb_font_weight_bold { font-weight: bold; } .bt_bb_tab_title.bt_bb_font_weight_bolder { font-weight: bolder; } .bt_bb_tab_title.bt_bb_font_weight_lighter { font-weight: lighter; } .bt_bb_tab_title.bt_bb_font_weight_light { font-weight: light; } .bt_bb_tab_title.bt_bb_font_weight_thin { font-weight: thin; } .bt_bb_tab_title.bt_bb_font_weight_100 { font-weight: 100; } .bt_bb_tab_title.bt_bb_font_weight_200 { font-weight: 200; } .bt_bb_tab_title.bt_bb_font_weight_300 { font-weight: 300; } .bt_bb_tab_title.bt_bb_font_weight_400 { font-weight: 400; } .bt_bb_tab_title.bt_bb_font_weight_500 { font-weight: 500; } .bt_bb_tab_title.bt_bb_font_weight_600 { font-weight: 600; } .bt_bb_tab_title.bt_bb_font_weight_700 { font-weight: 700; } .bt_bb_tab_title.bt_bb_font_weight_800 { font-weight: 800; } .bt_bb_tab_title.bt_bb_font_weight_900 { font-weight: 900; } /* Latest post --------------------------------------------------- */ .bt_bb_latest_posts {} .button-shape-square .bt_bb_latest_posts .bt_bb_latest_posts_item:before { border-radius: 0; } .button-shape-square .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { border-radius: 0; } .button-shape-square .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner:before, .button-shape-square .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image { border-radius: 0; } .button-shape-rounded .bt_bb_latest_posts .bt_bb_latest_posts_item:before { border-radius: var(--latest-post-soft-rounded); } .button-shape-rounded .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { border-radius: var(--latest-post-soft-rounded); } .button-shape-rounded .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image, .button-shape-rounded .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image img { border-top-right-radius: var(--latest-post-soft-rounded); border-top-left-radius: var(--latest-post-soft-rounded); } .button-shape-round .bt_bb_latest_posts .bt_bb_latest_posts_item:before { border-radius: var(--latest-post-hard-rounded); } .button-shape-round .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { border-radius: var(--latest-post-hard-rounded); } .button-shape-round .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image, .button-shape-round .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image img { border-top-right-radius: var(--latest-post-hard-rounded); border-top-left-radius: var(--latest-post-hard-rounded); } .bt_bb_latest_posts.bt_bb_shape_square .bt_bb_latest_posts_item:before, .bt_bb_latest_posts.bt_bb_shape_square .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image, .bt_bb_latest_posts.bt_bb_shape_square .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { border-radius: 0 !important; } .bt_bb_latest_posts.bt_bb_shape_soft_rounded .bt_bb_latest_posts_item:before { border-radius: var(--latest-post-soft-rounded) !important; } .bt_bb_latest_posts.bt_bb_shape_soft_rounded .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { border-radius: var(--latest-post-soft-rounded) !important; } .bt_bb_latest_posts.bt_bb_shape_soft_rounded .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image, .bt_bb_latest_posts.bt_bb_shape_soft_rounded .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image img { border-top-right-radius: var(--latest-post-soft-rounded) !important; border-top-left-radius: var(--latest-post-soft-rounded) !important; } .bt_bb_latest_posts.bt_bb_shape_hard_rounded .bt_bb_latest_posts_item:before { border-radius: var(--latest-post-hard-rounded) !important; } .bt_bb_latest_posts.bt_bb_shape_hard_rounded .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { border-radius: var(--latest-post-hard-rounded) !important; } .bt_bb_latest_posts.bt_bb_shape_hard_rounded .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image, .bt_bb_latest_posts.bt_bb_shape_hard_rounded .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image img { border-top-right-radius: var(--latest-post-hard-rounded) !important; border-top-left-radius: var(--latest-post-hard-rounded) !important; } .bt_bb_latest_posts .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_inner { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_latest_posts.bt_bb_shadow_on_hover_zoom .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_inner { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_latest_posts.bt_bb_shadow_on_hover_zoom .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image img { transform: scale3d(1.03, 1.03, 1.03); } .bt_bb_latest_posts.bt_bb_shadow_move_up .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_inner { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); transform: translate(0px, -2px); } .bt_bb_latest_posts.bt_bb_shadow_move_up_zoom .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_inner { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); transform: translate(0px, -2px); } .bt_bb_latest_posts.bt_bb_shadow_move_up_zoom .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image img { transform: scale3d(1.03, 1.03, 1.03); } .bt_bb_latest_posts.bt_bb_shadow_hide .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_inner { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .bt_bb_latest_posts.bt_bb_title_size_normal .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta > span, .bt_bb_latest_posts.bt_bb_title_size_normal .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category .post-categories, .bt_bb_latest_posts.bt_bb_title_size_normal .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category .post-categories li a { font-size: 1rem !important; } .bt_bb_latest_posts.bt_bb_title_size_normal .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date .bt_bb_latest_posts_item_date_day { font-size: var(--normal-title-size) !important; } .bt_bb_latest_posts.bt_bb_title_size_normal .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date .bt_bb_latest_posts_item_date_month { font-size: var(--small-title-size) !important; } .bt_bb_latest_posts.bt_bb_title_size_normal .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_title { font-size: var(--small-title-size) !important; } .bt_bb_latest_posts.bt_bb_title_size_large .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta > span, .bt_bb_latest_posts.bt_bb_title_size_large .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category .post-categories, .bt_bb_latest_posts.bt_bb_title_size_large .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category .post-categories li a { font-size: 1rem !important; } .bt_bb_latest_posts.bt_bb_title_size_large .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date .bt_bb_latest_posts_item_date_day { font-size: var(--normal-title-size) !important; } .bt_bb_latest_posts.bt_bb_title_size_large .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date .bt_bb_latest_posts_item_date_month { font-size: var(--small-title-size) !important; } .bt_bb_latest_posts.bt_bb_title_size_large .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_title { font-size: var(--medium-title-size) !important; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { position: relative; overflow: hidden; color: var(--latest-post-primary-color, inherit); background-color: var(--latest-post-secondary-color, inherit); transition: all 650ms ease; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image { overflow: hidden; margin-bottom: 0; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_image img { pointer-events: none; transform: scale3d(1, 1, 1); transition: transform 650ms ease-in-out, filter 650ms ease-in-out; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content { padding: 1.25em 1.25em 1.5em 1.25em; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title { display: flex; justify-content: flex-start; align-items: flex-start; padding-bottom: 1.25rem; } .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title, .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right, .bt_bb_align_left .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title, .bt_bb_align_center .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title { flex-direction: row-reverse; } .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date, .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right .bt_bb_latest_posts_item_date, .bt_bb_align_left .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right .bt_bb_latest_posts_item_date, .bt_bb_align_left .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date, .bt_bb_align_center .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right .bt_bb_latest_posts_item_date, .bt_bb_align_center .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date { padding-left: 1.25em; padding-right: 0; } .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title, .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right, .bt_bb_align_left .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title, .bt_bb_align_center .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title { justify-content: center; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date { padding-right: 1.25em; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date .bt_bb_latest_posts_item_date_day, .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date .bt_bb_latest_posts_item_date_month { color: var(--accent-color); font-family: var(--heading-font); font-weight: var(--heading-font-weight); width: 100%; display: block; text-align: center; line-height: 1; text-transform: uppercase; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_date .bt_bb_latest_posts_item_date_day { font-size: 1.875rem; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_date_title .bt_bb_latest_posts_item_title { font-size: var(--extrasmall-title-size); font-weight: var(--heading-font-weight); padding: 0; margin: 0; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_excerpt { font-size: .875rem; margin-bottom: 1rem; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta { padding: 0; width: 100%; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta > span { font-size: .75rem; font-family: var(--supertitle-font); font-weight: 500; display: inline-flex; align-items: center; color: var(--accent-color); } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_author:before { font-size: 1rem; content: var(--latest-posts-author-icon); font-family: var(--latest-posts-author-icon-font); } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_comments:before { font-size: 1rem; content: var(--latest-posts-comments-icon); font-family: var(--latest-posts-comments-icon-font); } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category { padding: 0 1rem 0 0; display: inline-block; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category .post-categories { line-height: 1; display: inline-flex; align-items: center; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category .post-categories:before { content: var(--latest-posts-category-icon); font-family: var(--latest-posts-category-icon-font); font-size: 1rem; margin: 0 5px 0 0; color: var(--accent-color); } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category .post-categories li { margin: 0; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category .post-categories li a { font-size: .75rem; font-family: var(--supertitle-font); font-weight: 500; text-transform: capitalize; padding: 0; color: var(--accent-color); background-color: transparent; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_category .post-categories li:not(:last-child) a:after { content: ","; margin-right: 5px; } .bt_bb_latest_posts.bt_bb_detail_show .bt_bb_latest_posts_item, .bt_bb_latest_posts.bt_bb_detail_show_rotate .bt_bb_latest_posts_item, .bt_bb_latest_posts.bt_bb_detail_on_hover .bt_bb_latest_posts_item { overflow: visible; position: relative; } .bt_bb_latest_posts.bt_bb_detail_show .bt_bb_latest_posts_item:before, .bt_bb_latest_posts.bt_bb_detail_show_rotate .bt_bb_latest_posts_item:before, .bt_bb_latest_posts.bt_bb_detail_on_hover .bt_bb_latest_posts_item:before { content: ""; width: calc(100% - 3.5em); display: block; position: absolute; height: calc(100% - 2.5em); margin-left: 1.5em; margin-top: -.2em; transform: rotate(2deg); background-color: var(--accent-color); pointer-events: none; transition: all 650ms ease; } .bt_bb_latest_posts.bt_bb_detail_show .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner, .bt_bb_latest_posts.bt_bb_detail_show_rotate .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner, .bt_bb_latest_posts.bt_bb_detail_on_hover .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { z-index: 2; } .bt_bb_latest_posts.bt_bb_detail_on_hover .bt_bb_latest_posts_item:before { opacity: 0; } .bt_bb_latest_posts.bt_bb_detail_on_hover .bt_bb_latest_posts_item:hover:before { opacity: 1; } .bt_bb_latest_posts.bt_bb_detail_show_rotate .bt_bb_latest_posts_item:hover:before { transform: rotate(4deg); } /* Latest Post - Excerpt lines */ .bt_bb_latest_posts.bt_bb_excerpt_lines_1 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_excerpt { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_latest_posts.bt_bb_excerpt_lines_2 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_excerpt { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_latest_posts.bt_bb_excerpt_lines_3 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_excerpt { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } /* Latest Post - Title lines */ .bt_bb_latest_posts.bt_bb_title_lines_1 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_latest_posts.bt_bb_title_lines_2 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_latest_posts.bt_bb_title_lines_3 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_latest_posts.bt_bb_title_lines_4 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } @media (max-width: 780px) { .bt_bb_latest_posts.bt_bb_columns_3 .bt_bb_latest_posts_item { flex-basis: 100%; max-width: 100%; } .bt_bb_latest_posts.bt_bb_columns_5 .bt_bb_latest_posts_item { flex-basis: 100%; max-width: 100%; } .bt_bb_latest_posts.bt_bb_columns_6 .bt_bb_latest_posts_item { flex-basis: 50%; max-width: 50%; } } /* Accordion --------------------------------------------------- */ .bt_bb_accordion {} .button-shape-square .bt_bb_accordion .bt_bb_accordion_item:before, .button-shape-square .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_wrap { border-radius: 0; } .button-shape-rounded .bt_bb_accordion .bt_bb_accordion_item:before, .button-shape-rounded .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_wrap { border-radius: var(--card-soft-rounded); } .button-shape-round .bt_bb_accordion .bt_bb_accordion_item:before, .button-shape-round .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_wrap { border-radius: var(--card-soft-rounded); } .bt_bb_accordion.bt_bb_shape_square .bt_bb_accordion_item:before, .bt_bb_accordion.bt_bb_shape_square .bt_bb_accordion_item .bt_bb_accordion_item_wrap { border-radius: 0; } .bt_bb_accordion.bt_bb_shape_rounded .bt_bb_accordion_item:before, .bt_bb_accordion.bt_bb_shape_rounded .bt_bb_accordion_item .bt_bb_accordion_item_wrap { border-radius: var(--card-soft-rounded); } .bt_bb_accordion.bt_bb_shape_round .bt_bb_accordion_item:before, .bt_bb_accordion.bt_bb_shape_round .bt_bb_accordion_item .bt_bb_accordion_item_wrap { border-radius: var(--card-soft-rounded); } .bt_bb_accordion .bt_bb_accordion_item { position: relative; overflow: hidden; margin-bottom: .6em; cursor: pointer; display: flex; align-items: center; flex-wrap: wrap; transition: 300ms ease all; background-color: transparent !important; } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_wrap { pointer-events: all; cursor: pointer; z-index: 1; width: 100%; } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title { font-size: var(--small-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); line-height: 1.4; border: none !important; padding: 0; padding-right: 2em; width: calc(100% - 1.6em); z-index: 2; order: 1; background-color: transparent !important; } .bt_bb_align_right .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title, .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title.bt_bb_align_right, .bt_bb_align_left .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title, .bt_bb_align_center .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title { padding-right: 0; padding-left: 2em; } .bt_bb_accordion .bt_bb_accordion_item:after { content: var(--accordion-icon); font-family: var(--accordion-icon-font); display: inline-block; float: right; font-size: 1.8em; width: 1.6em; height: 1.6em; line-height: 1.6; text-align: center; border-radius: 50%; position: absolute; top: .6em; right: 1em; color: var(--trigger-primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--trigger-primary-color, var(--dark-color)) inset; transition: 350ms ease all; order: 2; z-index: 2; } .bt_bb_align_right .bt_bb_accordion .bt_bb_accordion_item:after, .bt_bb_accordion .bt_bb_accordion_item:after.bt_bb_align_right, .bt_bb_align_left .bt_bb_accordion .bt_bb_accordion_item:after.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_accordion .bt_bb_accordion_item:after, .bt_bb_align_center .bt_bb_accordion .bt_bb_accordion_item:after.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_accordion .bt_bb_accordion_item:after { right: auto; } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_content { padding: 0em 5em 0em 0em; display: block; overflow: hidden; height: 0; opacity: 0; order: 3; width: 100%; transition: 350ms ease all; z-index: 1; } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_content .bt_bb_text:first-child p:empty { display: none; } .bt_bb_accordion .bt_bb_accordion_item.on { min-height: 1px; max-height: 1000em; } .bt_bb_accordion .bt_bb_accordion_item.on:after { transform: rotate(45deg); } .bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_title_content { border: none; padding-bottom: 0em; } .bt_bb_style_outline .bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_title_content, .bt_bb_style_filled .bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_title_content { padding-bottom: .5em; } .bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_content { display: block; opacity: 1; height: auto; padding: .8em 5em 1em 0; } .bt_bb_accordion .bt_bb_accordion_item:hover:after, .bt_bb_accordion .bt_bb_accordion_item.on:after { color: var(--trigger-secondary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--trigger-primary-color, var(--dark-color)) inset; } .bt_bb_accordion .bt_bb_accordion_item.on:hover:after { box-shadow: 0 0 0 3em var(--trigger-primary-color, var(--dark-color)) inset; filter: saturate(.7); } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item { padding: 0; border: none; } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_wrap { padding: 1.45em 1.7em; background-color: var(--accordion-secondary-color, var(--gray-02-color)); } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_wrap .bt_bb_accordion_item_title { color: var(--accordion-primary-color, var(--dark-color)); background-color: transparent !important; } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item { padding: 0; margin-bottom: 0 !important; border: none; border-bottom: 1px solid; border-color: var(--accordion-secondary-color, rgba(0, 0, 0, .3)); } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item .bt_bb_accordion_item_wrap { padding: 1.25em 0em; } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item .bt_bb_accordion_item_wrap .bt_bb_accordion_item_title { color: var(--accordion-primary-color, var(--dark-color)); } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item:after { right: 0; top: .625em; } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item:first-child { border-top: 1px solid; border-color: var(--accordion-secondary-color, rgba(0, 0, 0, .3)); } .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item { padding: 0; } .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item:after { right: 0; top: 0; } .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item .bt_bb_accordion_item_wrap { border-radius: 0 !important; } .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item .bt_bb_accordion_item_wrap .bt_bb_accordion_item_title { padding: .4em 0; color: var(--accordion-primary-color, var(--dark-color)); } .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item .bt_bb_accordion_item_wrap .bt_bb_accordion_item_content { padding-right: 5em; } .bt_bb_accordion.bt_bb_detail_show.bt_bb_style_filled .bt_bb_accordion_item { position: relative; z-index: 2; overflow: visible; } .bt_bb_accordion.bt_bb_detail_show.bt_bb_style_filled .bt_bb_accordion_item:not(:last-child) { margin-bottom: 1.8em; } .bt_bb_accordion.bt_bb_detail_show.bt_bb_style_filled .bt_bb_accordion_item:before { content: ""; display: block; width: calc(100% - .5em); height: 80%; position: absolute; background-color: var(--accent-color); pointer-events: none; transform: translateY(0rem) translateX(0rem) rotate(0deg); transition: all 300ms ease; } .bt_bb_accordion.bt_bb_detail_show.bt_bb_style_filled .bt_bb_accordion_item.on:before { transform: translateY(-1.8rem) translateX(.7rem) rotate(.8deg); } .bt_bb_accordion.bt_bb_title_size_normal .bt_bb_accordion_item .bt_bb_accordion_item_title { font-size: var(--medium-title-size); } .bt_bb_accordion.bt_bb_title_size_large .bt_bb_accordion_item .bt_bb_accordion_item_title { font-size: var(--normal-title-size); } /* Font weight */ .bt_bb_accordion.bt_bb_title_font_weight_normal .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: normal; } .bt_bb_accordion.bt_bb_title_font_weight_bold .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: bold; } .bt_bb_accordion.bt_bb_title_font_weight_bolder .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: bolder; } .bt_bb_accordion.bt_bb_title_font_weight_lighter .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: lighter; } .bt_bb_accordion.bt_bb_title_font_weight_light .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: light; } .bt_bb_accordion.bt_bb_title_font_weight_thin .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: thin; } .bt_bb_accordion.bt_bb_title_font_weight_100 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 100; } .bt_bb_accordion.bt_bb_title_font_weight_200 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 200; } .bt_bb_accordion.bt_bb_title_font_weight_300 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 300; } .bt_bb_accordion.bt_bb_title_font_weight_400 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 400; } .bt_bb_accordion.bt_bb_title_font_weight_500 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 500; } .bt_bb_accordion.bt_bb_title_font_weight_600 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 600; } .bt_bb_accordion.bt_bb_title_font_weight_700 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 700; } .bt_bb_accordion.bt_bb_title_font_weight_800 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 800; } .bt_bb_accordion.bt_bb_title_font_weight_900 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 900; } @media (max-width: 780px) { .bt_bb_accordion.bt_bb_title_size_normal .bt_bb_accordion_item .bt_bb_accordion_item_title { font-size: var(--small-title-size); } .bt_bb_accordion.bt_bb_title_size_large .bt_bb_accordion_item .bt_bb_accordion_item_title { font-size: var(--small-title-size); } .bt_bb_accordion .bt_bb_accordion_item:after { font-size: 1.5em; line-height: 1.4; width: 1.4em; height: 1.4em; } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title { padding: 0px 0em 0px 0px; } .bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_content { padding: .8em 0em 1em 0; } } /* Post Grid --------------------------------------------------- */ .bt_bb_css_post_grid { --accent-color: inherit; --dark-color: inherit; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner { background-color: var(--post-grid-secondary-color, var(--light-color)); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_thumbnail a:before, .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_thumbnail a:after { display: none; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_thumbnail img { transition: transform 650ms ease-in-out; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_thumbnail a:hover img { transform: scale3d(1.03, 1.03, 1.03); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content { background-color: transparent; padding: 2em 1.5em 2.8em 1.5em; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta > span { font-weight: inherit; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline { padding-bottom: .5em; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline span { font-size: 1em; font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); letter-spacing: var(--supertitle-letter-spacing); font-style: var(--supertitle-font-style); color: var(--post-grid-primary-color, var(--accent-color)); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category { display: inline-block; padding-right: 1em; padding-bottom: 0; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category > a, .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category .post-categories li a { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); letter-spacing: var(--supertitle-letter-spacing); font-style: var(--supertitle-font-style); padding: 0; background-color: transparent; color: var(--post-grid-primary-color, var(--accent-color)); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category > a { font-size: 1em; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category > a:not(:last-child) { margin-right: .25rem; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category > a:not(:last-child):after { content: ","; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category .post-categories { line-height: 1; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta_superheadline .bt_bb_grid_item_category .post-categories li { margin: 0; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { font-size: var(--medium-title-size); color: var(--post-grid-primary-color, inherit); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta.bt_bb_grid_item_meta_subheadline { padding-top: 1em; padding-bottom: 0; font-size: 1rem; font-family: var(--heading-font); font-weight: var(--heading-font-weight); color: var(--accent-color); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta.bt_bb_grid_item_meta_subheadline .post-categories { font-size: 1em; text-transform: capitalize; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta.bt_bb_grid_item_meta_subheadline .post-categories:before { content: var(--post-category-icon); font-family: var(--post-category-icon-font); font-weight: normal; font-style: normal; line-height: 1; margin-right: .2em; color: var(--post-grid-primary-color, var(--accent-color)); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .post-categories { line-height: 1; font-size: 1em; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .post-categories li { margin: 0; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .post-categories li a { padding: 0; background-color: transparent; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .post-categories li:not(:last-child) a:after { content: ","; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_item_author:before { content: var(--post-author-icon); font-family: var(--post-author-icon-font); color: var(--post-grid-primary-color, var(--accent-color)); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_item_comments:before { content: var(--post-comments-icon); font-family: var(--post-comments-icon-font); color: var(--post-grid-primary-color, var(--accent-color)); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_date:before { content: var(--post-date-icon); font-family: var(--post-date-icon-font); color: var(--post-grid-primary-color, var(--accent-color)); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title + .bt_bb_grid_item_post_excerpt:not(:empty) { margin-top: .7em; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_share .bt_bb_icon.bt_bb_size_small { padding-right: .25em !important; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_share .bt_bb_icon.bt_bb_size_small .bt_bb_icon_holder:before { font-size: .8em; } .bt_bb_css_post_grid .bt_bb_post_grid_filter.bt_bb_css_post_grid_filter { padding: 1em 2em 2em 2em; } .bt_bb_css_post_grid .bt_bb_post_grid_filter.bt_bb_css_post_grid_filter .bt_bb_post_grid_filter_item { position: relative; padding: 1em 0; margin-right: var(--desktop-menu-gap); } .bt_bb_css_post_grid .bt_bb_post_grid_filter.bt_bb_css_post_grid_filter .bt_bb_post_grid_filter_item.active, .bt_bb_css_post_grid .bt_bb_post_grid_filter.bt_bb_css_post_grid_filter .bt_bb_post_grid_filter_item:hover { background-color: transparent; } .bt_bb_css_post_grid .bt_bb_post_grid_filter.bt_bb_css_post_grid_filter .bt_bb_post_grid_filter_item.active:before, .bt_bb_css_post_grid .bt_bb_post_grid_filter.bt_bb_css_post_grid_filter .bt_bb_post_grid_filter_item:hover:before { transform: scaleX(1); } .bt_bb_css_post_grid .bt_bb_post_grid_filter.bt_bb_css_post_grid_filter .bt_bb_post_grid_filter_item:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: var(--desktop-menu-selected-line-width); height: var(--desktop-menu-selected-line-thickness); background-color: var(--post-grid-primary-color, var(--accent-color)); opacity: 1; width: 100%; transform: scaleX(0); transform-origin: right; transition: 200ms ease transform; transform-origin: left center; z-index: -1; } .bt_bb_css_post_grid .bt_bb_post_grid_loader { border: 3px solid var(--very-light-accent-color); border-top: 3px solid var(--accent-color); } /* Post Grid - Excerpt lines */ .bt_bb_css_post_grid.bt_bb_excerpt_lines_1 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_excerpt { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_css_post_grid.bt_bb_excerpt_lines_2 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_excerpt { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_css_post_grid.bt_bb_excerpt_lines_3 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_excerpt { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } /* Latest Post - Title lines */ .bt_bb_css_post_grid.bt_bb_title_lines_1 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_css_post_grid.bt_bb_title_lines_2 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_css_post_grid.bt_bb_title_lines_3 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_css_post_grid.bt_bb_title_lines_4 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } @media (min-width: 768px) { .bt_bb_css_post_grid .bt_bb_grid_item.bt_bb_tile_format_21 .bt_bb_grid_item_inner .bt_bb_grid_item_post_content { background: var(--light-color); color: inherit; } } /* Price list --------------------------------------------------- */ .bt_bb_price_list { padding: 3em 2.5em; border: none; color: var(--primary-color, inherit); background-color: var(--secondary-color, var(--light-color)); box-shadow: 0px 4px 7px 0px rgba(0, 22, 53, .06); } .button-shape-square .bt_bb_price_list { border-radius: 0; } .button-shape-square .bt_bb_price_list .bt_bb_price_list_highlight_box { border-top-left-radius: 0; border-top-right-radius: 0; } .button-shape-rounded .bt_bb_price_list { border-radius: var(--card-soft-rounded); } .button-shape-rounded .bt_bb_price_list .bt_bb_price_list_highlight_box { border-top-left-radius: var(--card-soft-rounded); border-top-right-radius: var(--card-soft-rounded); } .button-shape-round .bt_bb_price_list { border-radius: var(--card-soft-rounded); } .button-shape-round .bt_bb_price_list .bt_bb_price_list_highlight_box { border-top-left-radius: var(--card-soft-rounded); border-top-right-radius: var(--card-soft-rounded); } .bt_bb_price_list.bt_bb_highlight_yes { z-index: 2; margin: 0 -.5em; } .bt_bb_price_list .bt_bb_price_list_highlight_box { padding: .6em; margin: -3em 0em 3em -2.5em; font-weight: 500; width: calc(100% + 5em); text-align: center; color: var(--highlight-primary-color, var(--light-color)); background: var(--highlight-secondary-color, var(--accent-color)); } .rtl .bt_bb_price_list .bt_bb_price_list_highlight_box { margin: -3em -2.5em 3em 0em; } .bt_bb_price_list .bt_bb_price_list_highlight_box .bt_bb_price_list_highlight_text:before { content: var(--price-list-icon-star); font-family: var(--price-list-icon-font); font-size: 1.2em; padding-right: .25em; } .rtl .bt_bb_price_list .bt_bb_price_list_highlight_box .bt_bb_price_list_highlight_text:before { padding-right: 0; padding-left: .25em; } .bt_bb_price_list .bt_bb_price_list_title { font-size: var(--small-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); line-height: 1.3; padding: 0; color: var(--primary-color, var(--dark-color)); background-color: transparent !important; } .bt_bb_price_list .bt_bb_price_list_price { width: 100%; margin: 1.75em 0 0; justify-content: flex-start; color: var(--primary-color, var(--accent-color)); } .bt_bb_price_list .bt_bb_price_list_price .bt_bb_price_list_currency { font-size: 1.5em; line-height: 1.2; margin-right: .5rem; flex: 0 0 auto; font-family: var(--heading-font); font-weight: var(--heading-font-weight); } .bt_bb_price_list .bt_bb_price_list_price .bt_bb_price_list_amount { flex: 0 0 auto; font-size: var(--normal-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); } .bt_bb_price_list .bt_bb_price_list_price .bt_bb_price_list_details { flex: 0 0 auto; align-self: flex-end; padding-left: 1em; font-weight: 500; } .rtl .bt_bb_price_list .bt_bb_price_list_price .bt_bb_price_list_details { padding-left: 0; padding-right: 1em; } .bt_bb_price_list .bt_bb_price_list_subtitle { margin: 0; } .bt_bb_price_list .bt_bb_price_list_price + .bt_bb_price_list_subtitle { margin-top: 1em; } .bt_bb_price_list ul { padding: 2em 0 0; } .bt_bb_price_list ul li { padding: 0 0 .5em 0; border: none; display: flex; align-items: center; flex-wrap: wrap; line-height: 1.1; } .bt_bb_price_list ul li:before { content: var(--price-list-icon); font-family: var(--price-list-icon-font); font-size: 1.2em; padding-right: .45em; } .rtl .bt_bb_price_list ul li:before { padding-left: .45em; padding-right: 0; } .bt_bb_price_list ul li:after { content: ""; display: block; margin: 1em 0 .5em; height: 1px; width: 100%; opacity: .2; background-color: var(--dark-color); } .bt_bb_price_list .bt_bb_price_list_content_inner { padding-top: 1em; display: flex; flex-wrap: wrap; } .bt_bb_price_list .bt_bb_price_list_content_inner .bt_bb_separator_v2_without_content { width: 100%; } .bt_bb_price_list.bt_bb_price_size_large .bt_bb_price_list_price .bt_bb_price_list_currency { font-size: 2.25em; } .bt_bb_price_list.bt_bb_price_size_large .bt_bb_price_list_price .bt_bb_price_list_amount { font-size: 4em; } .bt_bb_price_list.bt_bb_title_size_normal .bt_bb_price_list_title { font-size: var(--medium-title-size); } .bt_bb_price_list.bt_bb_title_size_large .bt_bb_price_list_title { font-size: var(--normal-title-size); } .bt_bb_price_list.bt_bb_title_color_dark .bt_bb_price_list_title { color: var(--dark-color); } .bt_bb_price_list.bt_bb_title_color_light .bt_bb_price_list_title { color: var(--light-color); } .bt_bb_price_list.bt_bb_title_color_accent .bt_bb_price_list_title { color: var(--accent-color); } .bt_bb_price_list.bt_bb_title_color_alternate .bt_bb_price_list_title { color: var(--alternate-color); } /* List --------------------------------------------------- */ .bt_bb_list { display: flex; align-items: center; justify-content: flex-start; } .bt_bb_list .bt_bb_list_text_container { display: flex; width: 100%; justify-content: space-between; } .bt_bb_list .bt_bb_list_text_container .bt_bb_list_text, .bt_bb_list .bt_bb_list_text_container .bt_bb_list_text_right { color: var(--list-secondary-color, var(--dark-color)); } /* Image - Shapes --------------------------------------------------- */ .bt_bb_image {} .bt_bb_image.bt_bb_shape_three-squares > span, .bt_bb_image.bt_bb_shape_three-squares > a, .bt_bb_image.bt_bb_shape_three-squares .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1ODMgNTU0LjAzIj48dGl0bGU+XzwvdGl0bGU+PHBhdGggZD0iTTM4NS4wOSw1MjAuMjZIMTk4LjE0YS44Mi44MiwwLDAsMS0uODEtLjgyTDE5Ny4xLjgyYS44Mi44MiwwLDAsMSwuODEtLjgyaDE4N2EuODIuODIsMCwwLDEsLjgxLjgybC4yMyw1MTguNjJBLjgyLjgyLDAsMCwxLDM4NS4wOSw1MjAuMjZaTTE4Ny43NSw1NTMuNzFWMzEuNTFhLjMyLjMyLDAsMCwwLS4zMi0uMzJILjMyYS4zMi4zMiwwLDAsMC0uMzIuMzJ2NTIyLjJhLjMyLjMyLDAsMCwwLC4zMi4zMkgxODcuNDNBLjMzLjMzLDAsMCwwLDE4Ny43NSw1NTMuNzFabTM5NS4yNSwwVjMxLjUxYS4zMi4zMiwwLDAsMC0uMzItLjMySDM5NS41N2EuMzIuMzIsMCwwLDAtLjMyLjMydjUyMi4yYS4zMy4zMywwLDAsMCwuMzIuMzJINTgyLjY4QS4zMi4zMiwwLDAsMCw1ODMsNTUzLjcxWiIvPjwvc3ZnPg=="); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; } .bt_bb_image.bt_bb_shape_three-squares > span.nitro-lazy, .bt_bb_image.bt_bb_shape_three-squares > a.nitro-lazy, .bt_bb_image.bt_bb_shape_three-squares .bt_bb_image_content.nitro-lazy { -webkit-mask-image: none !important; } .bt_bb_image.bt_bb_shape_three-squares-02 > span, .bt_bb_image.bt_bb_shape_three-squares-02 > a, .bt_bb_image.bt_bb_shape_three-squares-02 .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NjUgNjI1Ij48dGl0bGU+XzwvdGl0bGU+PHBhdGggZD0iTTQzOS4yNSw1ODYuOTFIMjI2YS45My45MywwLDAsMS0uOTMtLjkzTDIyNC44Mi45M2EuOTIuOTIsMCwwLDEsLjkzLS45M0g0MzlhLjkzLjkzLDAsMCwxLC45My45M0w0NDAuMTgsNTg2QS45My45MywwLDAsMSw0MzkuMjUsNTg2LjkxWm0tMjI1LjEsMzcuNzNWMzUuNTRhLjM2LjM2LDAsMCwwLS4zNi0uMzVILjM2YS4zNi4zNiwwLDAsMC0uMzYuMzV2NTg5LjFhLjM2LjM2LDAsMCwwLC4zNi4zNkgyMTMuNzlBLjM2LjM2LDAsMCwwLDIxNC4xNSw2MjQuNjRabTQ1MC44NSwwVjM1LjU0YS4zNi4zNiwwLDAsMC0uMzYtLjM1SDQ1MS4yMWEuMzYuMzYsMCwwLDAtLjM2LjM1djU4OS4xYS4zNi4zNiwwLDAsMCwuMzYuMzZINjY0LjY0QS4zNi4zNiwwLDAsMCw2NjUsNjI0LjY0WiIvPjwvc3ZnPg=="); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; } .bt_bb_image.bt_bb_shape_three-squares-02 > span.nitro-lazy, .bt_bb_image.bt_bb_shape_three-squares-02 > a.nitro-lazy, .bt_bb_image.bt_bb_shape_three-squares-02 .bt_bb_image_content.nitro-lazy { -webkit-mask-image: none !important; } .bt_bb_image.bt_bb_shape_three-squares-03 > span, .bt_bb_image.bt_bb_shape_three-squares-03 > a, .bt_bb_image.bt_bb_shape_three-squares-03 .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgaWQ9IkxheWVyXzEiCiAgIGRhdGEtbmFtZT0iTGF5ZXIgMSIKICAgdmlld0JveD0iMCAwIDgwNSA5MzMiCiAgIHZlcnNpb249IjEuMSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZG93bmxvYWQuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIgKGRjMmFlZGFmMDMsIDIwMjItMDUtMTUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyNSIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzIzIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuODcyNDU0NDUiCiAgICAgaW5rc2NhcGU6Y3g9IjIyNy41MTkwNCIKICAgICBpbmtzY2FwZTpjeT0iNDY2LjUiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkxheWVyXzEiIC8+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMTgiPl88L3RpdGxlPgogIDxwYXRoCiAgICAgZD0iTSA1MzAuODA4MDcsODE3LjczNjg3IEggMjc0LjUwOTk0IGEgMS4yMjIzNjAyLDEuMDU0NjYyMyAwIDAgMSAtMS4yMzIzLC0xLjA2MzIzIEwgMjcyLjk1OTYzLDY3LjU3MTgxIGEgMS4yNDIyMzYsMS4wNzE4MTEzIDAgMCAxIDEuMjMyMywtMS4wNzE4MTEgaCAyNTYuMjk4MTMgYSAxLjIzMjI5ODEsMS4wNjMyMzY4IDAgMCAxIDEuMjMyMywxLjA2MzIzNyBsIDAuMzE4MDEsNzQ5LjExMDQwNCBhIDEuMjMyMjk4MSwxLjA2MzIzNjggMCAwIDEgLTEuMjMyMywxLjA2MzIzIHogTSAyNjAuMTI5ODEsODY2LjA4ODQzIFYgMTExLjk0NDggYSAwLjQ3NzAxODYzLDAuNDExNTc1NTYgMCAwIDAgLTAuNDg2OTUsLTAuNDExNTggSCAyLjk3NzAxODYgQSAwLjQ3NzAxODYzLDAuNDExNTc1NTYgMCAwIDAgMi41LDExMS45NDQ4IFYgODY2LjA4ODQzIEEgMC40ODY5NTY1MiwwLjQyMDE1MDA1IDAgMCAwIDIuOTc3MDE4Niw4NjYuNSBIIDI1OS42NDI4NiBhIDAuNDg2OTU2NTIsMC40MjAxNTAwNSAwIDAgMCAwLjQ4Njk1LC0wLjQxMTU3IHogbSA1NDIuMzcwMTksMCBWIDExMS45NDQ4IGEgMC40NzcwMTg2MywwLjQxMTU3NTU2IDAgMCAwIC0wLjQ3NzAyLC0wLjQxMTU4IEggNTQ1LjM1NzE0IGEgMC40NzcwMTg2MywwLjQxMTU3NTU2IDAgMCAwIC0wLjQ4Njk1LDAuNDExNTggViA4NjYuMDg4NDMgQSAwLjQ4Njk1NjUyLDAuNDIwMTUwMDUgMCAwIDAgNTQ1LjM1NzE0LDg2Ni41IEggODAyLjAyMjk4IEEgMC40ODY5NTY1MiwwLjQyMDE1MDA1IDAgMCAwIDgwMi41LDg2Ni4wODg0MyBaIgogICAgIGlkPSJwYXRoMjAiCiAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjkyMzEwNSIgLz4KPC9zdmc+Cg=="); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; } .bt_bb_image.bt_bb_shape_three-squares-03 > span.nitro-lazy, .bt_bb_image.bt_bb_shape_three-squares-03 > a.nitro-lazy, .bt_bb_image.bt_bb_shape_three-squares-03 .bt_bb_image_content.nitro-lazy { -webkit-mask-image: none !important; } .bt_bb_image.bt_bb_shape_soft-rounded { border-radius: var(--column-hard-rounded); } .bt_bb_image.bt_bb_shape_soft-rounded img { border-radius: var(--column-hard-rounded); } .bt_bb_image.bt_bb_shape_soft-rounded .bt_bb_image_content { border-radius: var(--column-hard-rounded); } .bt_bb_image.bt_bb_shape_soft-rounded .bt_bb_image_content_flex { border-radius: var(--column-hard-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded { border-radius: var(--column-soft-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded img { border-radius: var(--column-soft-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded .bt_bb_image_content { border-radius: var(--column-soft-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded .bt_bb_image_content_flex { border-radius: var(--column-soft-rounded); } .bt_bb_image > span > img { pointer-events: none; } .bt_bb_image.bt_bb_shadow_show { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_image.bt_bb_shadow_show_hover { transition: all 600ms ease; } .bt_bb_image.bt_bb_shadow_show_hover:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_image.bt_bb_hover_style_zoom-in:hover img, .bt_bb_image.bt_bb_hover_style_zoom-in-to-grayscale:hover img, .bt_bb_image.bt_bb_hover_style_zoom-in-from-grayscale:hover img { transform: scale3d(1.03, 1.03, 1.03); } .bt_bb_top_negative_margin_extra_small.bt_bb_image { margin-top: -.5em; } .bt_bb_bottom_negative_margin_extra_small.bt_bb_image { margin-bottom: -.5em; } .bt_bb_right_negative_margin_extra_small.bt_bb_image { margin-right: -.5em; } .bt_bb_left_negative_margin_extra_small.bt_bb_image { margin-left: -.5em; } .bt_bb_top_negative_margin_small.bt_bb_image { margin-top: -1em; } .bt_bb_bottom_negative_margin_small.bt_bb_image { margin-bottom: -1em; } .bt_bb_right_negative_margin_small.bt_bb_image { margin-right: -1em; } .bt_bb_left_negative_margin_small.bt_bb_image { margin-left: -1em; } .bt_bb_top_negative_margin_normal.bt_bb_image { margin-top: -2em; } .bt_bb_bottom_negative_margin_normal.bt_bb_image { margin-bottom: -2em; } .bt_bb_right_negative_margin_normal.bt_bb_image { margin-right: -2em; } .bt_bb_left_negative_margin_normal.bt_bb_image { margin-left: -2em; } .bt_bb_top_negative_margin_medium.bt_bb_image { margin-top: -4em; } .bt_bb_bottom_negative_margin_medium.bt_bb_image { margin-bottom: -4em; } .bt_bb_right_negative_margin_medium.bt_bb_image { margin-right: -4em; } .bt_bb_left_negative_margin_medium.bt_bb_image { margin-left: -4em; } .bt_bb_top_negative_margin_large.bt_bb_image { margin-top: -8em; } .bt_bb_bottom_negative_margin_large.bt_bb_image { margin-bottom: -8em; } .bt_bb_right_negative_margin_large.bt_bb_image { margin-right: -8em; } .bt_bb_left_negative_margin_large.bt_bb_image { margin-left: -8em; } .bt_bb_top_negative_margin_extra_large.bt_bb_image { margin-top: -16em; } .bt_bb_bottom_negative_margin_extra_large.bt_bb_image { margin-bottom: -16em; } .bt_bb_right_negative_margin_extra_large.bt_bb_image { margin-right: -16em; } .bt_bb_left_negative_margin_extra_large.bt_bb_image { margin-left: -16em; } .bt_bb_top_negative_margin_huge.bt_bb_image { margin-top: -27em; } .bt_bb_bottom_negative_margin_huge.bt_bb_image { margin-bottom: -27em; } .bt_bb_right_negative_margin_huge.bt_bb_image { margin-right: -27em; } .bt_bb_left_negative_margin_huge.bt_bb_image { margin-left: -27em; } /* Slider --------------------------------------------------- */ /* Lines */ .slick-dots li { border: none; width: 7em; height: 4px; margin: 0; border-radius: 0; background: var(--30-dark-color); transition: all 600ms ease; } .slick-dots li button { color: var(--dark-color); } .slick-dots li:before, .slick-dots li:after { content: ""; height: 4px; width: 0%; display: block; position: absolute; bottom: 0; background: var(--dark-color); } .slick-dots li:before { left: 0; } .slick-dots li:after { right: 0; transition: width 600ms cubic-bezier(.22, .61, .36, 1); } .slick-dots li.slick-active { opacity: 1; background: var(--30-dark-color); } .slick-dots li.slick-active:before { width: 100% !important; left: 0; background: var(--dark-color); transition: width 600ms cubic-bezier(.22, .61, .36, 1); } .slick-dots li.slick-active:after { width: 100%; transition: 0s; } .slick-dots li:hover { opacity: 1; background: var(--30-dark-color); } /* Arrows */ button.slick-arrow { background-color: transparent; border: 1px solid var(--arrows-primary-color, var(--dark-color)); background: transparent; z-index: 7; transition: all 350ms ease; width: 4em; height: 4em; margin: 0 1em; } button.slick-arrow:hover { background: var(--arrows-primary-color, var(--dark-color)); } button.slick-arrow:hover:before { color: var(--arrows-secondary-color, var(--light-color)); } button.slick-arrow:before { font-family: var(--slider-arrow-icon-font); font-size: 1.7em; line-height: 1; color: var(--arrows-primary-color, var(--dark-color)); } button.slick-arrow.slick-prev:before { content: var(--slider-prev-arrow-icon); } .rtl button.slick-arrow.slick-prev:before { content: var(--slider-arrow-icon); } button.slick-arrow.slick-next:before { content: var(--slider-arrow-icon); } .rtl button.slick-arrow.slick-next:before { content: var(--slider-prev-arrow-icon); } /* Arrows size */ .bt_bb_arrows_size_small button.slick-arrow { width: 3em; height: 3em; } .bt_bb_arrows_size_small button.slick-arrow:before { font-size: 1.25em; line-height: 1; } .bt_bb_arrows_size_large button.slick-arrow { width: 4.5em; height: 4.5em; } .bt_bb_arrows_size_large button.slick-arrow:before { font-size: 2em; line-height: 1; } .bt_bb_arrows_size_no_arrows button.slick-arrow { display: none !important; } .bt_bb_content_slider {} .bt_bb_content_slider.bt_bb_show_numbers_yes .slick-slider ul.slick-dots li button { font-size: 1em; transform: none; line-height: 1; width: auto; height: auto; padding: 1em .5em; opacity: 0; transition: all 300ms ease; } .bt_bb_content_slider.bt_bb_show_numbers_yes .slick-slider ul.slick-dots li button:before { content: "0"; } .bt_bb_content_slider.bt_bb_show_numbers_yes .slick-slider ul.slick-dots li.slick-active button { opacity: 1; } .bt_bb_content_slider.bt_bb_show_numbers_yes.bt_bb_lines_position_side_left .slick-slider ul.slick-dots li button, .bt_bb_content_slider.bt_bb_show_numbers_yes.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li button { padding: 0 1em; } .bt_bb_content_slider.bt_bb_show_numbers_yes.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li { margin-right: 2em; } .bt_bb_content_slider.bt_bb_show_numbers_yes.bt_bb_lines_position_below .slick-slider ul.slick-dots li { margin-top: 3em; } .bt_bb_content_slider.bt_bb_show_numbers_yes.bt_bb_lines_position_below .slick-slider ul.slick-dots li button { margin-top: -2.5em; } .bt_bb_content_slider.bt_bb_arrows_position_outside, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover { margin: 0 10em; } .bt_bb_content_slider.bt_bb_arrows_position_outside.bt_bb_arrows_size_no_arrows, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover.bt_bb_arrows_size_no_arrows { margin: 0; } .bt_bb_content_slider.bt_bb_arrows_position_outside .slick-slider, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover .slick-slider { overflow: visible; } .bt_bb_content_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-prev, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover .slick-slider button.slick-arrow.slick-prev { left: -7em; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-prev, .rtl .bt_bb_content_slider.bt_bb_arrows_position_outside_hover .slick-slider button.slick-arrow.slick-prev { left: auto; right: -7em; } .bt_bb_content_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-next, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover .slick-slider button.slick-arrow.slick-next { right: -7em; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-next, .rtl .bt_bb_content_slider.bt_bb_arrows_position_outside_hover .slick-slider button.slick-arrow.slick-next { left: -7em; right: auto; } .bt_bb_content_slider.bt_bb_arrows_position_outside_hover .slick-slider button.slick-arrow, .bt_bb_content_slider.bt_bb_arrows_position_hover .slick-slider button.slick-arrow { opacity: 0; } .bt_bb_content_slider.bt_bb_arrows_position_outside_hover:hover .slick-slider button.slick-arrow, .bt_bb_content_slider.bt_bb_arrows_position_hover:hover .slick-slider button.slick-arrow { opacity: 1; } .bt_bb_content_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-prev { top: auto; bottom: 1em; right: auto; left: 0em; } .bt_bb_content_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-next { top: auto; bottom: 1em; right: auto; left: 5em; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_small button.slick-arrow.slick-next { left: 4em; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_large button.slick-arrow.slick-next { left: 6em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-prev { top: auto; bottom: 1em; left: auto; right: 6em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-next { top: auto; bottom: 1em; left: auto; right: 1em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_small button.slick-arrow.slick-prev { right: 5em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_large button.slick-arrow.slick-prev { right: 7em; } .bt_bb_content_slider.bt_bb_lines_position_below .slick-slider { overflow: initial; } .bt_bb_content_slider.bt_bb_lines_position_below .slick-slider ul.slick-dots { bottom: -2em; } .bt_bb_content_slider.bt_bb_lines_position_hide .slick-slider ul.slick-dots { display: none; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider .slick-list { margin-right: 7em; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots { top: 0; bottom: 0; left: 98%; right: auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; transform: none; width: 4px; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li { display: block; width: 100% !important; height: auto; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li:after, .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li:before { height: 0; width: 4px; bottom: auto; left: auto; right: auto; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li:before { top: 0; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li:after { bottom: 0; top: auto; transition: height 600ms cubic-bezier(.22, .61, .36, 1); } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots li.slick-active:after { top: 0; bottom: auto; height: 100% !important; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider ul.slick-dots button { transform: rotate(90deg); } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider button.slick-arrow { left: 0; right: auto !important; top: auto; bottom: 1em; } .bt_bb_content_slider.bt_bb_lines_position_side_right .slick-slider button.slick-arrow.slick-next { left: 5em !important; } .bt_bb_content_slider.bt_bb_lines_position_side_right.bt_bb_arrows_size_small button.slick-arrow.slick-next { left: 4em !important; } .bt_bb_content_slider.bt_bb_lines_position_side_right.bt_bb_arrows_size_large button.slick-arrow.slick-next { left: 6em !important; } .bt_bb_content_slider.bt_bb_lines_position_side_right.bt_bb_arrows_position_outside { margin: 0; } .bt_bb_content_slider.bt_bb_lines_position_side_right.bt_bb_arrows_position_outside .slick-slider button.slick-arrow { left: 0; } .bt_bb_content_slider.bt_bb_lines_position_side_right.bt_bb_show_numbers_yes .slick-slider ul.slick-dots li { margin-right: 2em; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider .slick-list .bt_bb_content_slider_item_content { margin-left: 5em; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots { top: 0; bottom: 0; left: 0; right: 98%; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; transform: none; width: 4px; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots li { display: block; width: 100% !important; height: auto; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots li:after, .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots li:before { height: 0; width: 4px; bottom: auto; left: auto; right: auto; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots li:before { top: 0; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots li:after { bottom: 0; top: auto; transition: height 600ms cubic-bezier(.22, .61, .36, 1); } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots li.slick-active:after { top: 0; bottom: auto; height: 100% !important; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots button { transform: rotate(90deg); } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider button.slick-arrow { left: auto !important; right: 0; top: auto; bottom: 1em; } .bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider button.slick-arrow.slick-prev { right: 5em !important; } .bt_bb_content_slider.bt_bb_lines_position_side_left.bt_bb_arrows_size_small button.slick-arrow.slick-prev { right: 4em !important; } .bt_bb_content_slider.bt_bb_lines_position_side_left.bt_bb_arrows_size_large button.slick-arrow.slick-prev { right: 6em !important; } .bt_bb_content_slider.bt_bb_lines_position_side_left.bt_bb_arrows_position_outside { margin: 0; } .bt_bb_content_slider.bt_bb_lines_position_side_left.bt_bb_arrows_position_outside .slick-slider button.slick-arrow { right: 0; } .bt_bb_content_slider.bt_bb_navigation_color_light .slick-dots li { background: var(--30-light-color) !important; } .bt_bb_content_slider.bt_bb_navigation_color_light .slick-dots li:after, .bt_bb_content_slider.bt_bb_navigation_color_light .slick-dots li:before { background: var(--light-color); } .bt_bb_content_slider.bt_bb_navigation_color_light.bt_bb_show_numbers_yes .slick-dots li button { color: var(--light-color); } .bt_bb_content_slider.bt_bb_navigation_color_accent .slick-dots li { background: var(--30-accent-color) !important; } .bt_bb_content_slider.bt_bb_navigation_color_accent .slick-dots li:after, .bt_bb_content_slider.bt_bb_navigation_color_accent .slick-dots li:before { background: var(--accent-color); } .bt_bb_content_slider.bt_bb_navigation_color_accent.bt_bb_show_numbers_yes .slick-dots li button { color: var(--accent-color); } .bt_bb_content_slider.bt_bb_navigation_color_alternate .slick-dots li { background: var(--30-alternate-color) !important; } .bt_bb_content_slider.bt_bb_navigation_color_alternate .slick-dots li:after, .bt_bb_content_slider.bt_bb_navigation_color_alternate .slick-dots li:before { background: var(--alternate-color); } .bt_bb_content_slider.bt_bb_navigation_color_alternate.bt_bb_show_numbers_yes .slick-dots li button { color: var(--alternate-color); } .bt_bb_content_slider.bt_bb_arrows_color_light button.slick-arrow { border-color: var(--light-color); } .bt_bb_content_slider.bt_bb_arrows_color_light button.slick-arrow:before { color: var(--light-color); } .bt_bb_content_slider.bt_bb_arrows_color_light button.slick-arrow:hover { background: var(--light-color); } .bt_bb_content_slider.bt_bb_arrows_color_light button.slick-arrow:hover:before { color: var(--dark-color); } .bt_bb_content_slider .bt_bb_content_slider_item.bt_bb_background_overlay_accent_left_gradient:before { background: linear-gradient(to left, transparent 0%, transparent 20%, var(--accent-color) 70%, var(--accent-color) 100%); } @media (max-width: 1400px) and (min-width: 1024px) { .bt_bb_content_slider.bt_bb_arrows_position_outside, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover { margin: 0px 2em; } .bt_bb_content_slider.bt_bb_multiple_slides .bt_bb_content_slider_item .bt_bb_content_slider_item_content .bt_bb_card_icon.bt_bb_shape_circle .bt_bb_card_icon_inner { min-width: 5em; min-height: 5em; width: 10em; height: 10em; padding: 1em !important; } .bt_bb_content_slider.bt_bb_multiple_slides .bt_bb_content_slider_item .bt_bb_content_slider_item_content .bt_bb_card_icon.bt_bb_shape_circle .bt_bb_card_icon_inner .bt_bb_card_icon_top { display: flex; } .bt_bb_content_slider.bt_bb_multiple_slides .bt_bb_content_slider_item .bt_bb_content_slider_item_content .bt_bb_card_icon.bt_bb_shape_circle .bt_bb_card_icon_inner .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg { width: 4em; height: 4em; } } /* Animation (General) --------------------------------------------------- */ .animate[class*=move_right] { transform: translate3d(-5%, 0, 0); } /* Google Maps --------------------------------------------------- */ .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper { padding: 4.1875em; /*width: 30%;*/ width: 27%; } .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper .bt_bb_map_location { padding: 20px; } .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper .bt_bb_map_location .bt_bb_image { margin: -20px -20px 0 -20px; } .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper .bt_bb_map_location .bt_bb_icon.bt_bb_with_text .bt_bb_icon_holder > span { line-height: 1.5; } .bt_bb_map .gm-style-mtc button { border-radius: 0 !important; } @media (max-width: 1700px) { .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper { width: 30%; } } @media (max-width: 1580px) { .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper { width: 35%; } } @media (max-width: 1300px) { .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper { width: 40%; } } @media (max-width: 1200px) { .bt_bb_map .bt_bb_map_content .bt_bb_map_content_wrapper { padding: 2em; } } @media (max-width: 992px) { .bt_bb_map.bt_bb_map_with_content:not(.bt_bb_map_type_static) .bt_bb_map_map { height: 600px !important; position: relative; } .bt_bb_map .bt_bb_map_content:not(.bt_bb_map_type_static) .bt_bb_map_content_wrapper { width: 100%; margin: 0; } } /* Masonry Post Grid --------------------------------------------------- */ .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title { font-size: var(--small-title-size); font-weight: var(--heading-font-weight); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category > a { font-size: .875em; color: var(--accent-color); font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); font-style: var(--supertitle-font-style); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category > a:before { font-size: 1rem; margin: 0 5px 0 0; content: var(--latest-posts-category-icon); font-family: var(--latest-posts-category-icon-font); color: var(--accent-color); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories { color: var(--accent-color); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories:before { font-size: 1rem; margin: 0 5px 0 0; content: var(--latest-posts-category-icon); font-family: var(--latest-posts-category-icon-font); color: var(--accent-color); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_category .post-categories li { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); font-style: var(--supertitle-font-style); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta > span { font-size: 1em; font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); font-style: var(--supertitle-font-style); color: var(--accent-color); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta > span:before { display: inline-block; margin: 0 5px 0 0; font-size: inherit; line-height: inherit; font-weight: 400; } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta .bt_bb_grid_item_date:before { content: var(--post-date-icon); font-family: var(--post-date-icon-font); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta .bt_bb_grid_item_item_author:before { content: var(--latest-posts-author-icon); font-family: var(--latest-posts-author-icon-font); } .bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta .bt_bb_grid_item_item_comments:before { content: var(--post-comments-icon); font-family: var(--post-comments-icon-font); } /* Timetable --------------------------------------------------- */ .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th { font-weight: 500; color: var(--accent-color); background-color: transparent !important; padding-bottom: 1rem; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody td { border: 4px solid var(--light-color); } .mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours { font-weight: 500; text-transform: uppercase; border: none !important; border-left: 1px solid var(--light-color) !important; border-bottom: 2px solid var(--gray-color) !important; background-color: transparent !important; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+2) { background-color: transparent !important; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container { font-size: .875rem; background-color: var(--gray-color) !important; transition: all 450ms ease; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title { transition: none; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot { font-size: .875rem; text-transform: uppercase; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .mptt-shortcode-additional-custom-link { padding: .5em 1rem; margin-top: 1em; display: inline-block; width: auto; border-radius: 5em; color: var(--light-color); background-color: var(--accent-color) !important; opacity: 0; transition: all 450ms ease; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:hover { color: var(--light-color); background-color: var(--accent-color) !important; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:hover .event-title { text-decoration: none; } .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:hover .mptt-shortcode-additional-custom-link { font-family: var(--button-font); font-weight: var(--button-font-weight); color: var(--accent-color); background-color: var(--light-color) !important; opacity: 1; } .mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event { border-left: 4px solid var(--accent-color); } /* Contact Form 7 --------------------------------------------------- */ .bt_bb_contact_form_7 { position: relative; } .bt_bb_contact_form_7 .wpcf7-submit { font-size: var(--normal-button-size); padding: .9378em 1.7em; line-height: 1; color: var(--primary-color, var(--light-color)); background: var(--secondary-color, var(--accent-color)); box-shadow: 0 0px 0px rgba(0, 0, 0, .1); border: none; min-height: 2.875rem; } .bt_bb_contact_form_7 .wpcf7-submit:hover { filter: saturate(.7); color: var(--primary-color, var(--light-color)); background: var(--secondary-color, var(--accent-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } .bt_bb_contact_form_7 input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7 select, .bt_bb_contact_form_7 .fancy-select .trigger { min-height: 2.875rem; height: 46px; } .bt_bb_contact_form_7 .wpcf7-date { max-height: 2.875rem; } .bt_bb_contact_form_7 button.wpcf7-submit { position: relative; display: flex; align-items: center; justify-content: center; } .bt_bb_contact_form_7 button.wpcf7-submit span { position: relative; width: 2em !important; height: 2em; display: inline-block; } .bt_bb_contact_form_7.bt_bb_button_style_outline .wpcf7-submit { color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; background: transparent; } .bt_bb_contact_form_7.bt_bb_button_style_outline .wpcf7-submit:hover { color: var(--primary-color, var(--dark-color)); background-color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--primary-color, var(--dark-color)) inset; } .bt_bb_contact_form_7.bt_bb_button_style_clean .wpcf7-submit { padding-left: 0; padding-right: 0; color: var(--primary-color, var(--dark-color)); box-shadow: none; background: transparent; border: none; } .bt_bb_contact_form_7.bt_bb_button_style_clean .wpcf7-submit:hover { color: var(--secondary-color, var(--accent-color)); box-shadow: none; } .bt_bb_contact_form_7.bt_bb_button_width_full .wpcf7-submit { width: 100%; } .bt_bb_contact_form_7.bt_bb_button_size_small .wpcf7-submit { font-size: var(--small-button-size); padding: .85em 1.8em; max-height: 37px; height: 37px; min-height: auto; } .bt_bb_contact_form_7.bt_bb_button_size_large .wpcf7-submit { font-size: var(--large-button-size); padding: 1.167em 2.5em; max-height: 60px; height: 60px; min-height: auto; } .bt_bb_contact_form_7.bt_bb_input_size_small input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7.bt_bb_input_size_small select, .bt_bb_contact_form_7.bt_bb_input_size_small .fancy-select .trigger { font-size: var(--small-button-size); min-height: 37px; height: 37px; padding: .5em .7em !important; } .bt_bb_contact_form_7.bt_bb_input_size_small textarea { font-size: var(--small-button-size); height: 7em; } .bt_bb_contact_form_7.bt_bb_input_size_small label { font-size: var(--small-button-size); } .bt_bb_contact_form_7.bt_bb_input_size_small input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7.bt_bb_input_size_small select, .bt_bb_contact_form_7.bt_bb_input_size_small .fancy-select .trigger { min-height: 37px; } .bt_bb_contact_form_7.bt_bb_input_size_small select { height: 37px; } .bt_bb_contact_form_7.bt_bb_input_size_small .wpcf7-date:before { height: 37px; } .bt_bb_contact_form_7.bt_bb_input_size_small .wpcf7-date:after { top: .4em; right: .5em; } .bt_bb_contact_form_7.bt_bb_input_size_small .bt_bb_cf7_form .bt_bb_cf7_row { margin-bottom: .25em; } .bt_bb_contact_form_7.bt_bb_input_size_large input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7.bt_bb_input_size_large select, .bt_bb_contact_form_7.bt_bb_input_size_large .fancy-select .trigger { font-size: var(--large-button-size); } .bt_bb_contact_form_7.bt_bb_input_size_large textarea { font-size: var(--large-button-size); } .bt_bb_contact_form_7.bt_bb_input_size_large label { font-size: var(--large-button-size); } .bt_bb_contact_form_7.bt_bb_input_size_large input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7.bt_bb_input_size_large select, .bt_bb_contact_form_7.bt_bb_input_size_large .fancy-select .trigger { min-height: 3.75rem; } .bt_bb_contact_form_7 input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7 textarea, .bt_bb_contact_form_7 select, .bt_bb_contact_form_7 .fancy-select .trigger { color: var(--input-primary-color, inherit); background-color: var(--input-secondary-color, var(--gray-02-color)); } .bt_bb_contact_form_7.bt_bb_input_style_underline input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7.bt_bb_input_style_underline select, .bt_bb_contact_form_7.bt_bb_input_style_underline .fancy-select .trigger { color: var(--input-primary-color, currentColor); background: transparent; border-radius: 0 !important; padding: .7em; border: none; border-bottom: 1px solid var(--input-primary-color, var(--gray-02-color)); } .bt_bb_contact_form_7.bt_bb_input_style_underline textarea { color: var(--primary-color, currentColor); border-radius: 0 !important; padding: .7em; border: none; background: transparent; border-bottom: 1px solid var(--input-primary-color, var(--gray-02-color)); } .bt_bb_contact_form_7.bt_bb_input_style_underline input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .bt_bb_contact_form_7.bt_bb_input_style_underline .fancy-select .trigger.open { border-bottom: 1px solid var(--input-secondary-color, var(--accent-color)); box-shadow: none; } .bt_bb_contact_form_7.bt_bb_input_style_underline textarea:focus { border-color: var(--input-secondary-color, var(--accent-color)); box-shadow: none; } .bt_bb_contact_form_7.bt_bb_input_style_outline input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7.bt_bb_input_style_outline select, .bt_bb_contact_form_7.bt_bb_input_style_outline .fancy-select .trigger { color: var(--input-primary-color, currentColor); background: transparent; border-radius: 0 !important; padding: .7em; border: 1px solid var(--input-primary-color, var(--gray-02-color)); } .bt_bb_contact_form_7.bt_bb_input_style_outline textarea { color: var(--primary-color, currentColor); border-radius: 0 !important; padding: .7em; background: transparent; border: 1px solid var(--input-primary-color, var(--gray-02-color)); } .bt_bb_contact_form_7.bt_bb_input_style_outline input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .bt_bb_contact_form_7.bt_bb_input_style_outline .fancy-select .trigger.open { border: 1px solid var(--input-secondary-color, var(--accent-color)); box-shadow: none; } .bt_bb_contact_form_7.bt_bb_input_style_outline textarea:focus { border-color: var(--input-secondary-color, var(--accent-color)); box-shadow: none; } .bt_bb_contact_form_7.bt_bb_input_style_outline .wpcf7-date:before { background: transparent !important; } .bt_bb_contact_form_7.bt_bb_placeholder_style_full ::-webkit-input-placeholder { opacity: 1; color: var(--input-primary-color, inherit); } .bt_bb_contact_form_7.bt_bb_placeholder_style_full .bt_bb_cf7_button .wpcf7-spinner { top: 0; left: auto; right: 1em; width: 2em; } .bt_bb_contact_form_7.bt_bb_placeholder_style_full .bt_bb_cf7_button .wpcf7-spinner:after { background: var(--30-light-color); } .bt_bb_contact_form_7.bt_bb_shape_square input:not([type=checkbox]):not([type=radio]):not([type=submit]), .bt_bb_contact_form_7.bt_bb_shape_square a.select2-choice, .bt_bb_contact_form_7.bt_bb_shape_square textarea, .bt_bb_contact_form_7.bt_bb_shape_square select { border-radius: 0 !important; } .bt_bb_contact_form_7.bt_bb_shape_soft_rounded input:not([type=checkbox]):not([type=radio]):not([type=submit]), .bt_bb_contact_form_7.bt_bb_shape_soft_rounded a.select2-choice, .bt_bb_contact_form_7.bt_bb_shape_soft_rounded textarea, .bt_bb_contact_form_7.bt_bb_shape_soft_rounded select { border-radius: var(--contact-soft-rounded) !important; } .bt_bb_contact_form_7.bt_bb_shape_hard_rounded input:not([type=checkbox]):not([type=radio]):not([type=submit]), .bt_bb_contact_form_7.bt_bb_shape_hard_rounded a.select2-choice, .bt_bb_contact_form_7.bt_bb_shape_hard_rounded select { border-radius: var(--contact-hard-rounded) !important; padding-left: 1.25em; padding-right: 1.25em; } .bt_bb_contact_form_7.bt_bb_shape_hard_rounded textarea { border-radius: 20px; } .bt_bb_contact_form_7.bt_bb_button_shape_square input[type=submit], .bt_bb_contact_form_7.bt_bb_button_shape_square button, .bt_bb_contact_form_7.bt_bb_button_shape_square input[type=file]::file-selector-button { border-radius: 0; } .bt_bb_contact_form_7.bt_bb_button_shape_soft_rounded input[type=submit], .bt_bb_contact_form_7.bt_bb_button_shape_soft_rounded button, .bt_bb_contact_form_7.bt_bb_button_shape_soft_rounded input[type=file]::file-selector-button { border-radius: var(--contact-soft-rounded); } .bt_bb_contact_form_7.bt_bb_button_shape_hard_rounded input[type=submit], .bt_bb_contact_form_7.bt_bb_button_shape_hard_rounded button, .bt_bb_contact_form_7.bt_bb_button_shape_hard_rounded input[type=file]::file-selector-button { border-radius: var(--contact-hard-rounded); } .button-shape-round input:not([type=checkbox]):not([type=radio]), .button-shape-rounded input:not([type=checkbox]):not([type=radio]) { overflow: hidden; } /* Placeholder */ ::-webkit-input-placeholder { opacity: .5; color: var(--input-primary-color, inherit); } .bt_bb_contact_form_7.bt_bb_placeholder_style_very_small::-webkit-input-placeholder { opacity: .1; } .bt_bb_contact_form_7.bt_bb_placeholder_style_extra_small::-webkit-input-placeholder { opacity: .2; } .bt_bb_contact_form_7.bt_bb_placeholder_style_small::-webkit-input-placeholder { opacity: .3; } .bt_bb_contact_form_7.bt_bb_placeholder_style_normal::-webkit-input-placeholder { opacity: .4; } .bt_bb_contact_form_7.bt_bb_placeholder_style_large::-webkit-input-placeholder { opacity: .6; } .bt_bb_contact_form_7.bt_bb_placeholder_style_extra_large::-webkit-input-placeholder { opacity: .7; } .bt_bb_contact_form_7.bt_bb_placeholder_style_huge::-webkit-input-placeholder { opacity: .8; } .bt_bb_contact_form_7.bt_bb_placeholder_style_extra_huge::-webkit-input-placeholder { opacity: .9; } /* Acceptance*/ .wpcf7-acceptance .wpcf7-list-item { margin: 1em 0 0 1em; } .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] { font-size: .8em; margin-right: .25em; } /* Loader */ .wpcf7 {} .wpcf7 p { width: 100%; } .wpcf7 .wpcf7-spinner { position: absolute; inset: 0; margin: 0; height: 100%; width: 100%; border-radius: 0; pointer-events: none; visibility: visible; opacity: 0; transition: 200ms ease all; background: transparent; width: 2em; height: 2em; right: 0; left: auto; } .wpcf7 .wpcf7-spinner:before { left: calc(50% - 8px); top: calc(50% - 8px); background: var(--light-color); z-index: 2; } .wpcf7 .wpcf7-spinner:after { content: ""; display: block; width: 26px; height: 26px; position: absolute; left: calc(50% - 13px); top: calc(50% - 13px); background: rgba(0, 0, 0, .2); z-index: 1; border-radius: 50%; } .wpcf7 label { float: left; width: 100%; display: block; padding-bottom: .5em; } .wpcf7 form .wpcf7-response-output { margin: 2em 0em 1em; } .wpcf7 form.submitting .wpcf7-spinner { opacity: 1; pointer-events: initial; } .wpcf7 .wpcf7-date { position: relative; padding: 1em 1.25em !important; } .wpcf7 .wpcf7-date::-webkit-datetime-edit-fields-wrapper { opacity: 0; } .wpcf7 .wpcf7-date:focus::-webkit-datetime-edit-fields-wrapper, .wpcf7 .wpcf7-date.bt-input-has-value::-webkit-datetime-edit-fields-wrapper { opacity: 1; } .wpcf7 .wpcf7-date:before { display: none; line-height: 3; position: absolute; top: 0; left: 0; right: 2.563em; display: block; padding: 0 1.25em; width: auto !important; height: 2.875rem; overflow: hidden; text-overflow: ellipsis; color: inherit; background: transparent; transition: 200ms ease all; transform: translateY(0); transform-origin: top; pointer-events: none; transform-origin: left top; } .rtl .wpcf7 .wpcf7-date:before { transform-origin: right top; } .bt_bb_input_style_outline .wpcf7 .wpcf7-date:before { left: .58em; right: .58em; } .wpcf7 .wpcf7-date:hover:before { content: attr(placeholder); } .wpcf7 .wpcf7-date:focus:before, .wpcf7 .wpcf7-date.bt-input-has-value:before { transform: translateY(-60%); opacity: 0 !important; } .wpcf7 .wpcf7-date:after { content: var(--cf7-date-icon); font-family: var(--cf7-date-icon-font); display: block; font-size: 1.5em; right: .66em; position: absolute; pointer-events: none; opacity: 1; transition: 200ms ease opacity; } .wpcf7 input::-webkit-calendar-picker-indicator { width: 100%; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: transparent; color: transparent; } /* Required field */ .bt_bb_required { position: relative; } .bt_bb_required:after { content: "*"; font-size: 1em; font-weight: 700; display: inline-block; margin: -5px 0 0 .5em; position: absolute; color: var(--accent-color) !important; } .rtl .bt_bb_required:after { margin: -5px .5em 0 0; } .required { font-weight: 700; margin: 0 0 0 .5em; color: var(--accent-color) !important; } .rtl .required { margin: 0 .5em 0 0; } .wpcf7-not-valid-tip { color: inherit; opacity: .8; display: inline-flex; margin-top: 1em; } .wpcf7-not-valid-tip:before { content: var(--bt-cf7-not-valid); font-family: var(--bt-cf7-not-valid-font); margin: 0 .3em 0 0; } .rtl .wpcf7-not-valid-tip:before { margin: 0 0 0 .3em; } .bt_bb_cf7_form .bt_bb_cf7_row { margin-bottom: 1em; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; position: relative; } .bt_bb_cf7_form .bt_bb_cf7_row span:not(.wpcf7-spinner) { width: 100%; } .bt_bb_cf7_form .bt_bb_cf7_row span.wpcf7-not-valid-tip { display: block; } .bt_bb_cf7_form .bt_bb_cf7_row:only-child { margin-bottom: 0; } .bt_bb_cf7_form .bt_bb_cf7_row textarea { height: 9.5em; } .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 100%; flex-basis: 100%; } .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element:first-child { padding-right: .8em; } .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element:only-child { padding-right: 0em; } .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element label .fancy-select { padding-top: 1rem; } .bt_bb_cf7_form .bt_bb_cf7_row.bt_bb_cf7_textarea_height textarea { height: 6.5em; } .bt_bb_cf7_form .bt_bb_cf7_row.bt_bb_short_textarea textarea { height: 3em; } .bt_bb_cf7_form .bt_bb_cf7_button { position: relative; } .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_align_right .wpcf7-submit { margin-right: 0; margin-left: auto; } .bt_bb_cf7_form .bt_bb_cf7_button .wpcf7-spinner { position: absolute; right: 50%; bottom: 25%; } .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_width_full .wpcf7-submit { display: block; width: 100%; } .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_element { padding-right: 6em !important; } .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button { margin-left: -9em !important; } .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button .wpcf7-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; } .bt_bb_cf7_form.bt_bb_cf7_onecol_form.bt_bb_no_gap.bt_bb_negative_margin .bt_bb_cf7_row { flex-wrap: nowrap; } .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 50%; flex-basis: 50%; } .bt_bb_cf7_form.bt_bb_cf7_threecol_form { display: flex; flex-wrap: wrap; } .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 33.33%; flex-basis: 33.33%; } .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_button { align-self: center; margin: 0 auto; margin-top: 1em; } .bt_bb_cf7_form.bt_bb_cf7_fourcol_form { display: flex; flex-wrap: wrap; } .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 25%; flex-basis: 25%; padding-right: 1.2em; } .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_button { flex: 1 1 20%; flex-basis: 20%; } .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_button .wpcf7-submit { width: 100%; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form { display: flex; flex-wrap: wrap; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 16%; flex-basis: 16%; padding-right: 1.2em; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_button { flex: 1 1 16%; flex-basis: 16%; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight { margin-bottom: 0; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight:before { content: ""; width: calc(100% + 2em); height: calc(100% + 2em); position: absolute; top: -1em; left: -1em; background: rgba(255, 255, 255, .4); } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight .bt_bb_cf7_element { background: white; padding-top: 1em; padding-bottom: 1em; padding-right: 0 !important; position: relative; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight .bt_bb_cf7_element.btWithLine:after { content: ""; position: absolute; right: 0; display: block; width: 1px; height: 70%; top: 1em; background: #d1d1d1; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_button { margin-left: 0 !important; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_button .wpcf7-submit { width: 100%; height: 5em; } .bt_bb_cf7_form label { float: left; width: 100%; display: block; padding-bottom: .5em; } .bt_bb_cf7_form form .wpcf7-response-output { margin: 2em 0em 1em; } .bt_bb_cf7_form .wpcf7-date { position: relative; line-height: 1.185 !important; } .bt_bb_cf7_form .wpcf7-date:before { display: block; position: absolute; top: 0; left: 0; right: 2.7em; width: auto !important; padding: 0 1.25em; height: 2.875rem; overflow: hidden; text-overflow: ellipsis; line-height: 3; color: inherit; background: var(--input-secondary-color, var(--gray-02-color)); transform: translateY(0); transition: 200ms ease all; } .bt_bb_cf7_form .wpcf7-date:hover:before { content: attr(placeholder); } .bt_bb_cf7_form .wpcf7-date:focus:before { opacity: 0; pointer-events: none; transform: translateY(-50%); } .bt_bb_cf7_form .wpcf7-date:after { content: ""; font-family: RemixIconsBusiness; font-size: 1.3rem; position: absolute; top: .6em; right: 1.125em; display: block; opacity: 1; pointer-events: none; transition: 200ms ease opacity; } .bt_bb_cf7_form .wpcf7-date:focus:after { opacity: 1; } .bt_bb_cf7_form .wpcf7-date.bt-date-input-has-value:before { opacity: 0; display: block; } .bt_bb_cf7_form input::-webkit-calendar-picker-indicator { background: transparent; color: transparent; width: 100%; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; left: 0; } @media (max-width: 1200px) { .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_element { padding-right: 0 !important; } .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button { margin-top: 1em !important; margin-left: 0em !important; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_onecol_form.bt_bb_no_gap.bt_bb_negative_margin .bt_bb_cf7_row { flex-wrap: wrap; } } @media (max-width: 991px) { .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 50%; flex-basis: 50%; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element:nth-child(3), .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element:nth-child(4), .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_element:nth-child(3), .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_element:nth-child(4) { margin-top: 1em; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element:nth-child(2), .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_element:nth-child(2) { padding-right: 0; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_button, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_button { margin-top: 1em; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight .bt_bb_cf7_element { margin-top: 1em !important; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight .bt_bb_cf7_element.btWithLine:nth-child(2):after, .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight .bt_bb_cf7_element.btWithLine:nth-child(4):after { display: none; } .button-shape-round .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button input:not([type=checkbox]):not([type=radio]) { border-radius: var(--hard-rounded) !important; } .button-shape-rounded .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button input:not([type=checkbox]):not([type=radio]) { border-radius: var(--soft-rounded) !important; } } @media (max-width: 780px) { .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_button, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_element, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_button, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_row .bt_bb_cf7_element, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_row .bt_bb_cf7_button { flex: 1 1 100%; flex-basis: 100%; padding-right: 0; padding-left: 0; margin-top: 1em; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element:first-child, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_button:first-child, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_element:first-child, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_button:first-child, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_row .bt_bb_cf7_element:first-child, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_row .bt_bb_cf7_button:first-child { margin-top: 0em; } .bt_bb_cf7_form.bt_bb_cf7_fivecol_form.bt_bb_no_gap .bt_bb_cf7_row.btHightlight .bt_bb_cf7_element.btWithLine:after { display: none; } } @media (max-width: 580px) { .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_element, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_row .bt_bb_cf7_element, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 100%; flex-basis: 100%; margin-top: 1em; padding-right: 0; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_button, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_row .bt_bb_cf7_button, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_row .bt_bb_cf7_button, .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_button { margin-top: 1em; } } .wpcf7 form .wpcf7-response-output { padding: .5em 1em; } .button-shape-square .wpcf7 form .wpcf7-response-output { border-radius: 0; } .button-shape-rounded .wpcf7 form .wpcf7-response-output { border-radius: var(--contact-oft-rounded); } .button-shape-round .wpcf7 form .wpcf7-response-output { border-radius: var(--contact-hard-rounded-field); } .wpcf7 form.sent .wpcf7-response-output { border-color: var(--accent-color); } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: inherit; } .wpcf7 form.spam .wpcf7-response-output { border-color: var(--primary-20-color); } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: var(--accent-color); } /* Acceptance */ .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label { font-size: .85em; } /* WooCommerce --------------------------------------------------- */ /* On Sale */ .woocommerce span.onsale { font-family: var(--button-font); font-weight: var(--button-font-weight); line-height: 1; margin: var(--woo-sale-tag-x-spacing); border-radius: 0 !important; height: 1.5rem; top: 2em; width: 4.5em; left: 0 !important; right: auto; background: var(--10-light-accent-color); color: var(--accent-color); pointer-events: none; transition: all 650ms ease; transform: none !important; transform-origin: center bottom; } .woocommerce ul.products li.product span.onsale { margin: var(--woo-sale-tag-x-spacing) !important; margin-top: 1.5rem !important; } .woocommerce.rtl ul.products li.product span.onsale, .rtl .woocommerce ul.products li.product span.onsale { right: auto; left: 0; } /* Shape - Customizer */ .button-shape-square.woocommerce-page .products ul li.product:before, .button-shape-square.woocommerce-page ul.products li.product:before, .button-shape-square .woocommerce .products ul li.product:before, .button-shape-square .woocommerce ul.products li.product:before { border-radius: 0; } .button-shape-square.woocommerce-page .products ul li.product .woocommerce-loop-product__link img, .button-shape-square.woocommerce-page ul.products li.product .woocommerce-loop-product__link img, .button-shape-square .woocommerce .products ul li.product .woocommerce-loop-product__link img, .button-shape-square .woocommerce ul.products li.product .woocommerce-loop-product__link img { border-radius: 0; } .button-shape-rounded.woocommerce-page .products ul li.product:before, .button-shape-rounded.woocommerce-page ul.products li.product:before, .button-shape-rounded .woocommerce .products ul li.product:before, .button-shape-rounded .woocommerce ul.products li.product:before { border-radius: var(--card-soft-rounded); } .button-shape-rounded.woocommerce-page .products ul li.product .woocommerce-loop-product__link img, .button-shape-rounded.woocommerce-page ul.products li.product .woocommerce-loop-product__link img, .button-shape-rounded .woocommerce .products ul li.product .woocommerce-loop-product__link img, .button-shape-rounded .woocommerce ul.products li.product .woocommerce-loop-product__link img { border-radius: var(--card-soft-rounded) var(--card-soft-rounded) 0 0; } .button-shape-round.woocommerce-page .products ul li.product:before, .button-shape-round.woocommerce-page ul.products li.product:before, .button-shape-round .woocommerce .products ul li.product:before, .button-shape-round .woocommerce ul.products li.product:before { border-radius: var(--card-hard-rounded); } .button-shape-round.woocommerce-page .products ul li.product .woocommerce-loop-product__link img, .button-shape-round.woocommerce-page ul.products li.product .woocommerce-loop-product__link img, .button-shape-round .woocommerce .products ul li.product .woocommerce-loop-product__link img, .button-shape-round .woocommerce ul.products li.product .woocommerce-loop-product__link img { border-radius: var(--card-hard-rounded) var(--card-hard-rounded) 0 0; } /* Products */ .woocommerce-page .products ul li.product, .woocommerce-page ul.products li.product, .woocommerce .products ul li.product, .woocommerce ul.products li.product { transition: all 650ms ease 0s; } .woocommerce-page .products ul li.product:before, .woocommerce-page ul.products li.product:before, .woocommerce .products ul li.product:before, .woocommerce ul.products li.product:before { border: 1px solid var(--primary-10-color); border-radius: var(--woo-products-border-radius); transition: all 650ms ease; } .woocommerce-page .products ul li.product:after, .woocommerce-page ul.products li.product:after, .woocommerce .products ul li.product:after, .woocommerce ul.products li.product:after { border-radius: var(--woo-products-border-radius); } .woocommerce-page .products ul li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce .products ul li.product:hover, .woocommerce ul.products li.product:hover { transform: translate(0px, -2px); } .woocommerce-page .products ul li.product:hover:before, .woocommerce-page ul.products li.product:hover:before, .woocommerce .products ul li.product:hover:before, .woocommerce ul.products li.product:hover:before { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1); } .woocommerce-page .products ul li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce .products ul li.product .price, .woocommerce ul.products li.product .price { font-size: .9375rem !important; font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); margin-bottom: 1.5em !important; } .woocommerce-page .products ul li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce .products ul li.product .price ins, .woocommerce ul.products li.product .price ins { font-weight: inherit; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link, .woocommerce-page ul.products li.product .woocommerce-loop-product__link, .woocommerce .products ul li.product .woocommerce-loop-product__link, .woocommerce ul.products li.product .woocommerce-loop-product__link { overflow: hidden; border-top-left-radius: var(--woo-products-border-radius); border-top-right-radius: var(--woo-products-border-radius); z-index: 1; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link img, .woocommerce-page ul.products li.product .woocommerce-loop-product__link img, .woocommerce .products ul li.product .woocommerce-loop-product__link img, .woocommerce ul.products li.product .woocommerce-loop-product__link img { border-radius: var(--woo-products-border-radius) var(--woo-products-border-radius) 0 0; transform-origin: bottom; transition: 650ms ease all; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce .products ul li.product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title { transition: 200ms ease all; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link:hover, .woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover, .woocommerce .products ul li.product .woocommerce-loop-product__link:hover, .woocommerce ul.products li.product .woocommerce-loop-product__link:hover { color: currentColor; } .woocommerce-page .products ul li.product .woocommerce-loop-product__link:hover .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .woocommerce-loop-product__title, .woocommerce .products ul li.product .woocommerce-loop-product__link:hover .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__link:hover .woocommerce-loop-product__title { color: var(--woocommerce); } .woocommerce-page .products ul li.product .woocommerce-loop-product-after .excerpt, .woocommerce-page ul.products li.product .woocommerce-loop-product-after .excerpt, .woocommerce .products ul li.product .woocommerce-loop-product-after .excerpt, .woocommerce ul.products li.product .woocommerce-loop-product-after .excerpt { border-top-width: 2px; border-color: var(--primary-10-color); } .woocommerce-page .products ul li.product .woocommerce-loop-product-after .entry-meta, .woocommerce-page ul.products li.product .woocommerce-loop-product-after .entry-meta, .woocommerce .products ul li.product .woocommerce-loop-product-after .entry-meta, .woocommerce ul.products li.product .woocommerce-loop-product-after .entry-meta { border-color: var(--primary-10-color); } .woocommerce-page .products ul li.product .button, .woocommerce-page ul.products li.product .button, .woocommerce .products ul li.product .button, .woocommerce ul.products li.product .button { font-size: var(--normal-button-size); text-transform: var(--button-text-transform); } .woocommerce-page .products ul li.product .added_to_cart, .woocommerce-page ul.products li.product .added_to_cart, .woocommerce .products ul li.product .added_to_cart, .woocommerce ul.products li.product .added_to_cart { display: inline-flex; margin: 0em var(--woo-product-content-padding) 1rem var(--woo-product-content-padding); text-transform: var(--button-text-transform); } .woocommerce-page .products ul li.product .added_to_cart:before, .woocommerce-page ul.products li.product .added_to_cart:before, .woocommerce .products ul li.product .added_to_cart:before, .woocommerce ul.products li.product .added_to_cart:before { content: var(--woo-icons-added-to-cart); font-family: var(--woo-icons-added-to-cart-font); font-size: 1.2em; font-weight: normal; margin: 0 .2em; color: var(--woocommerce); } .woocommerce-page ins, .woocommerce ins { font-weight: inherit; } /* Product details */ .woocommerce div.product div.summary form.cart { border-top-width: 1px; border-top-color: var(--primary-20-color); } .woocommerce div.product div.summary form.cart table { margin-bottom: 2em; } .woocommerce div.product div.summary form.cart .reset_variations { display: inline-flex; font-size: .875em; line-height: 1; align-items: center; } .woocommerce div.product div.summary form.cart .reset_variations:before { content: var(--woo-icons-reset-variations); font-family: var(--woo-icons-reset-variations-font); font-size: 1.438em; font-weight: normal; font-style: normal; line-height: 1; display: block; margin-right: .2em; color: var(--accent-color); } .woocommerce div.product div.summary form.cart .quantity input:not([type=submit]):not([type=checkbox]):not([type=radio]) { min-height: 2.4em; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button { line-height: 1 !important; } .woocommerce div.product div.summary form.variations_form .woocommerce-variation-price .price { font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); } .woocommerce div.product p.price { font-size: 1.375rem !important; font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); margin-bottom: 1.5em !important; } .woocommerce.rtl div.product div.summary form.cart .reset_variations:before, .rtl .woocommerce div.product div.summary form.cart .reset_variations:before { margin-right: 0; margin-left: .2em; } /* Product gallery */ .woocommerce p.price ins, .woocommerce span.price ins { font-weight: inherit !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { transition: 200ms ease all; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover { box-shadow: var(--woo-magnify-button-hover-shadow); transform: var(--woo-magnify-button-hover-transform); color: var(--accent-color); } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a { position: relative; overflow: hidden; display: block; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a:after { content: ""; inset: 0; display: block; position: absolute; opacity: 0; pointer-events: none; background: var(--dark-color); transition: 650ms ease all; z-index: 2; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a:before { content: var(--bt-zoomin-icon); font-family: var(--bt-zoomin-icon-font); font-size: 1.5em; inset: 0; position: absolute; display: flex; align-items: center; justify-content: center; transition: 650ms ease all; color: var(--light-color); opacity: 0; z-index: 3; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a img { z-index: 1; transition: 650ms ease all; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a:hover:after { opacity: .5; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a:hover:before { opacity: 1; transition-delay: 100ms; opacity: 1; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a:hover img { transform: scale(1.035); } .woocommerce.button-shape-rounded div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { border-radius: var(--card-soft-rounded); overflow: hidden; } .woocommerce.button-shape-round div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { border-radius: var(--card-soft-rounded); overflow: hidden; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { font-size: 0; position: absolute; right: 40px; top: 40px; font-size: 0; line-height: 0; z-index: 1; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { text-indent: 0; border-radius: 50%; width: 1em; height: 1em; line-height: 1; border-radius: 50%; padding: 10px; color: var(--accent-color); background-color: var(--very-light-accent-color); } /* Related */ .woocommerce div.product .related.products h2 { padding-bottom: .5em; } /* Overlay gallery */ .pswp { display: block; position: fixed; opacity: 0; pointer-events: none; transition: 500ms linear opacity; } .pswp .pswp__container { opacity: 0; transition: 300ms linear opacity, 750ms ease transform; } .pswp .pswp__top-bar .pswp__button.pswp__button--fs:before { font-family: var(--woo-gallery-topbar-fullscreen-font); } .pswp.pswp--open { opacity: 1; pointer-events: initial; } .pswp.pswp--open .pswp__container { opacity: 1; } .pswp .pswp__bg { background-color: var(--post-image-gallery-overlay); } .pswp button.pswp__button:before { border: 1px solid white; border-radius: 50%; padding: .8rem; } .pswp button.pswp__button:hover { opacity: 1; } .pswp button.pswp__button:hover:before { opacity: 1; border-color: var(--accent-color); background-color: var(--accent-color) !important; } /* Product tabs */ .woocommerce div.product .woocommerce-tabs { margin-top: 2em; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding-bottom: 0; border-radius: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; overflow: hidden; background-color: transparent !important; flex: 1 0 auto; color: var(--dark-color); border-radius: 0; border: 0; border-bottom: 3px solid var(--20-light-accent-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-of-type a { padding-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0 2em 1em 2em; font-size: var(--small-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { color: var(--accent-color); border-color: var(--accent-color); } .woocommerce.shop-button-shape-round div.product .woocommerce-tabs ul.tabs li { border-radius: calc(var(--soft-rounded) * 3) calc(var(--soft-rounded) * 3) 0 0; } /* Comments */ .woocommerce #reviews #comments ol.commentlist { border-bottom-color: var(--primary-10-color); } .woocommerce #reviews #comments ol.commentlist li { border-top-color: var(--primary-10-color); } .woocommerce #reviews #comments ol.commentlist li .comment-text { align-items: baseline; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash { font-size: 0; margin: 0 .5rem; align-items: center; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { display: inline-flex; align-items: center; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time:before { content: var(--woo-icons-reviews-time); font-family: var(--woo-icons-reviews-time-font); font-size: 1.438em; font-weight: normal; font-style: normal; line-height: 1; display: block; margin-right: .2em; color: var(--accent-color); } .woocommerce.rtl #reviews #comments ol.commentlist li .comment-text { align-items: baseline; } .woocommerce.rtl #reviews #comments ol.commentlist li .comment-text p.meta time:before { margin-right: 0; margin-left: .2em; } /* Button effects */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt { font-size: var(--normal-button-size); text-transform: var(--button-text-transform); } .woocommerce #respond input#submit.loading, .woocommerce #respond input#submit.added, .woocommerce a.button.loading, .woocommerce a.button.added, .woocommerce a.button.alt.loading, .woocommerce a.button.alt.added, .woocommerce button.button.loading, .woocommerce button.button.added, .woocommerce button.button.alt.loading, .woocommerce button.button.alt.added, .woocommerce input.button.loading, .woocommerce input.button.added, .woocommerce input.button.alt.loading, .woocommerce input.button.alt.added { padding-right: 2.5em; } .woocommerce #respond input#submit.loading:after, .woocommerce #respond input#submit.added:after, .woocommerce a.button.loading:after, .woocommerce a.button.added:after, .woocommerce a.button.alt.loading:after, .woocommerce a.button.alt.added:after, .woocommerce button.button.loading:after, .woocommerce button.button.added:after, .woocommerce button.button.alt.loading:after, .woocommerce button.button.alt.added:after, .woocommerce input.button.loading:after, .woocommerce input.button.added:after, .woocommerce input.button.alt.loading:after, .woocommerce input.button.alt.added:after { font-family: var(--woo-icons-loading-font); font-size: 1.1em; margin-top: -.5em; margin-left: unset; vertical-align: unset; position: absolute; right: 1em; left: unset; top: 50%; } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce a.button.alt.loading, .woocommerce button.button.loading, .woocommerce button.button.alt.loading, .woocommerce input.button.loading, .woocommerce input.button.alt.loading { pointer-events: none; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce a.button.alt.loading:after, .woocommerce button.button.loading:after, .woocommerce button.button.alt.loading:after, .woocommerce input.button.loading:after, .woocommerce input.button.alt.loading:after { content: var(--woo-icons-loading); } .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce a.button.alt.added:after, .woocommerce button.button.added:after, .woocommerce button.button.alt.added:after, .woocommerce input.button.added:after, .woocommerce input.button.alt.added:after { content: var(--woo-icons-loading-added); } .rtl.woocommerce #respond input#submit.loading, .rtl.woocommerce #respond input#submit.added, .rtl.woocommerce a.button.loading, .rtl.woocommerce a.button.added, .rtl.woocommerce a.button.alt.loading, .rtl.woocommerce a.button.alt.added, .rtl.woocommerce button.button.loading, .rtl.woocommerce button.button.added, .rtl.woocommerce button.button.alt.loading, .rtl.woocommerce button.button.alt.added, .rtl.woocommerce input.button.loading, .rtl.woocommerce input.button.added, .rtl.woocommerce input.button.alt.loading, .rtl.woocommerce input.button.alt.added { padding-right: 1.5em; padding-left: 2.5em; } .rtl.woocommerce #respond input#submit.loading:after, .rtl.woocommerce #respond input#submit.added:after, .rtl.woocommerce a.button.loading:after, .rtl.woocommerce a.button.added:after, .rtl.woocommerce a.button.alt.loading:after, .rtl.woocommerce a.button.alt.added:after, .rtl.woocommerce button.button.loading:after, .rtl.woocommerce button.button.added:after, .rtl.woocommerce button.button.alt.loading:after, .rtl.woocommerce button.button.alt.added:after, .rtl.woocommerce input.button.loading:after, .rtl.woocommerce input.button.added:after, .rtl.woocommerce input.button.alt.loading:after, .rtl.woocommerce input.button.alt.added:after { left: 1em; right: unset; } /* Buttons */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page input.button, .woocommerce-page input.button.alt { padding: .938em 1.655em; color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce input.button.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce-page input.button.alt:hover { transform: translateY(0px) !important; color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); filter: saturate(.7); } .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled, .woocommerce-page #respond input#submit:disabled, .woocommerce-page #respond input#submit:disabled[disabled], .woocommerce-page #respond input#submit.disabled, .woocommerce-page a.button:disabled, .woocommerce-page a.button:disabled[disabled], .woocommerce-page a.button.disabled, .woocommerce-page a.button.alt:disabled, .woocommerce-page a.button.alt:disabled[disabled], .woocommerce-page a.button.alt.disabled, .woocommerce-page button.button:disabled, .woocommerce-page button.button:disabled[disabled], .woocommerce-page button.button.disabled, .woocommerce-page button.button.alt:disabled, .woocommerce-page button.button.alt:disabled[disabled], .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button:disabled, .woocommerce-page input.button:disabled[disabled], .woocommerce-page input.button.disabled, .woocommerce-page input.button.alt:disabled, .woocommerce-page input.button.alt:disabled[disabled], .woocommerce-page input.button.alt.disabled { padding: .938em 1.655em; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button { line-height: 2; } /* Review form */ .woocommerce #review_form #respond { margin: var(--comments-top-spacing) 0 0; } .woocommerce #review_form #respond .comment-reply-title { font-size: calc(var(--title-size-decreaser) * var(--title-size-normal)); font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); text-transform: var(--heading-text-transform); padding: 0 0 .2em 0; line-height: 1.2; margin: 0; } .woocommerce #review_form .comment-form { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; } .woocommerce #review_form textarea { min-height: 12.5em; height: 12.5em; } /* Styles & hovers */ .woocommerce.shop-button-style-filled #respond input#submit:disabled, .woocommerce.shop-button-style-filled #respond input#submit:disabled[disabled], .woocommerce.shop-button-style-filled #respond input#submit.disabled, .woocommerce.shop-button-style-filled a.button:disabled, .woocommerce.shop-button-style-filled a.button:disabled[disabled], .woocommerce.shop-button-style-filled a.button.disabled, .woocommerce.shop-button-style-filled a.button.alt:disabled, .woocommerce.shop-button-style-filled a.button.alt:disabled[disabled], .woocommerce.shop-button-style-filled a.button.alt.disabled, .woocommerce.shop-button-style-filled button.button:disabled, .woocommerce.shop-button-style-filled button.button:disabled[disabled], .woocommerce.shop-button-style-filled button.button.disabled, .woocommerce.shop-button-style-filled button.button.alt:disabled, .woocommerce.shop-button-style-filled button.button.alt:disabled[disabled], .woocommerce.shop-button-style-filled button.button.alt.disabled, .woocommerce.shop-button-style-filled input.button:disabled, .woocommerce.shop-button-style-filled input.button:disabled[disabled], .woocommerce.shop-button-style-filled input.button.disabled, .woocommerce.shop-button-style-filled input.button.alt:disabled, .woocommerce.shop-button-style-filled input.button.alt:disabled[disabled], .woocommerce.shop-button-style-filled input.button.alt.disabled, .shop-button-style-filled .woocommerce #respond input#submit:disabled, .shop-button-style-filled .woocommerce #respond input#submit:disabled[disabled], .shop-button-style-filled .woocommerce #respond input#submit.disabled, .shop-button-style-filled .woocommerce a.button:disabled, .shop-button-style-filled .woocommerce a.button:disabled[disabled], .shop-button-style-filled .woocommerce a.button.disabled, .shop-button-style-filled .woocommerce a.button.alt:disabled, .shop-button-style-filled .woocommerce a.button.alt:disabled[disabled], .shop-button-style-filled .woocommerce a.button.alt.disabled, .shop-button-style-filled .woocommerce button.button:disabled, .shop-button-style-filled .woocommerce button.button:disabled[disabled], .shop-button-style-filled .woocommerce button.button.disabled, .shop-button-style-filled .woocommerce button.button.alt:disabled, .shop-button-style-filled .woocommerce button.button.alt:disabled[disabled], .shop-button-style-filled .woocommerce button.button.alt.disabled, .shop-button-style-filled .woocommerce input.button:disabled, .shop-button-style-filled .woocommerce input.button:disabled[disabled], .shop-button-style-filled .woocommerce input.button.disabled, .shop-button-style-filled .woocommerce input.button.alt:disabled, .shop-button-style-filled .woocommerce input.button.alt:disabled[disabled], .shop-button-style-filled .woocommerce input.button.alt.disabled, .woocommerce-page.shop-button-style-filled #respond input#submit:disabled, .woocommerce-page.shop-button-style-filled #respond input#submit:disabled[disabled], .woocommerce-page.shop-button-style-filled #respond input#submit.disabled, .woocommerce-page.shop-button-style-filled a.button:disabled, .woocommerce-page.shop-button-style-filled a.button:disabled[disabled], .woocommerce-page.shop-button-style-filled a.button.disabled, .woocommerce-page.shop-button-style-filled a.button.alt:disabled, .woocommerce-page.shop-button-style-filled a.button.alt:disabled[disabled], .woocommerce-page.shop-button-style-filled a.button.alt.disabled, .woocommerce-page.shop-button-style-filled button.button:disabled, .woocommerce-page.shop-button-style-filled button.button:disabled[disabled], .woocommerce-page.shop-button-style-filled button.button.disabled, .woocommerce-page.shop-button-style-filled button.button.alt:disabled, .woocommerce-page.shop-button-style-filled button.button.alt:disabled[disabled], .woocommerce-page.shop-button-style-filled button.button.alt.disabled, .woocommerce-page.shop-button-style-filled input.button:disabled, .woocommerce-page.shop-button-style-filled input.button:disabled[disabled], .woocommerce-page.shop-button-style-filled input.button.disabled, .woocommerce-page.shop-button-style-filled input.button.alt:disabled, .woocommerce-page.shop-button-style-filled input.button.alt:disabled[disabled], .woocommerce-page.shop-button-style-filled input.button.alt.disabled, .shop-button-style-filled .woocommerce-page #respond input#submit:disabled, .shop-button-style-filled .woocommerce-page #respond input#submit:disabled[disabled], .shop-button-style-filled .woocommerce-page #respond input#submit.disabled, .shop-button-style-filled .woocommerce-page a.button:disabled, .shop-button-style-filled .woocommerce-page a.button:disabled[disabled], .shop-button-style-filled .woocommerce-page a.button.disabled, .shop-button-style-filled .woocommerce-page a.button.alt:disabled, .shop-button-style-filled .woocommerce-page a.button.alt:disabled[disabled], .shop-button-style-filled .woocommerce-page a.button.alt.disabled, .shop-button-style-filled .woocommerce-page button.button:disabled, .shop-button-style-filled .woocommerce-page button.button:disabled[disabled], .shop-button-style-filled .woocommerce-page button.button.disabled, .shop-button-style-filled .woocommerce-page button.button.alt:disabled, .shop-button-style-filled .woocommerce-page button.button.alt:disabled[disabled], .shop-button-style-filled .woocommerce-page button.button.alt.disabled, .shop-button-style-filled .woocommerce-page input.button:disabled, .shop-button-style-filled .woocommerce-page input.button:disabled[disabled], .shop-button-style-filled .woocommerce-page input.button.disabled, .shop-button-style-filled .woocommerce-page input.button.alt:disabled, .shop-button-style-filled .woocommerce-page input.button.alt:disabled[disabled], .shop-button-style-filled .woocommerce-page input.button.alt.disabled { color: rgba(255, 255, 255, .3); background: var(--shop-button-secondary-color, var(--accent-color)); } .woocommerce.shop-button-style-outline #respond input#submit, .woocommerce.shop-button-style-outline a.button, .woocommerce.shop-button-style-outline a.button.alt, .woocommerce.shop-button-style-outline button.button, .woocommerce.shop-button-style-outline button.button.alt, .woocommerce.shop-button-style-outline input.button, .woocommerce.shop-button-style-outline input.button.alt, .shop-button-style-outline .woocommerce #respond input#submit, .shop-button-style-outline .woocommerce a.button, .shop-button-style-outline .woocommerce a.button.alt, .shop-button-style-outline .woocommerce button.button, .shop-button-style-outline .woocommerce button.button.alt, .shop-button-style-outline .woocommerce input.button, .shop-button-style-outline .woocommerce input.button.alt, .woocommerce-page.shop-button-style-outline #respond input#submit, .woocommerce-page.shop-button-style-outline a.button, .woocommerce-page.shop-button-style-outline a.button.alt, .woocommerce-page.shop-button-style-outline button.button, .woocommerce-page.shop-button-style-outline button.button.alt, .woocommerce-page.shop-button-style-outline input.button, .woocommerce-page.shop-button-style-outline input.button.alt, .shop-button-style-outline .woocommerce-page #respond input#submit, .shop-button-style-outline .woocommerce-page a.button, .shop-button-style-outline .woocommerce-page a.button.alt, .shop-button-style-outline .woocommerce-page button.button, .shop-button-style-outline .woocommerce-page button.button.alt, .shop-button-style-outline .woocommerce-page input.button, .shop-button-style-outline .woocommerce-page input.button.alt { color: var(--shop-button-primary-color, var(--accent-color)); background: transparent; box-shadow: 0 0 0 2px var(--shop-button-primary-color, var(--accent-color)) inset; } .woocommerce.shop-button-style-outline #respond input#submit:hover, .woocommerce.shop-button-style-outline a.button:hover, .woocommerce.shop-button-style-outline a.button.alt:hover, .woocommerce.shop-button-style-outline button.button:hover, .woocommerce.shop-button-style-outline button.button.alt:hover, .woocommerce.shop-button-style-outline input.button:hover, .woocommerce.shop-button-style-outline input.button.alt:hover, .shop-button-style-outline .woocommerce #respond input#submit:hover, .shop-button-style-outline .woocommerce a.button:hover, .shop-button-style-outline .woocommerce a.button.alt:hover, .shop-button-style-outline .woocommerce button.button:hover, .shop-button-style-outline .woocommerce button.button.alt:hover, .shop-button-style-outline .woocommerce input.button:hover, .shop-button-style-outline .woocommerce input.button.alt:hover, .woocommerce-page.shop-button-style-outline #respond input#submit:hover, .woocommerce-page.shop-button-style-outline a.button:hover, .woocommerce-page.shop-button-style-outline a.button.alt:hover, .woocommerce-page.shop-button-style-outline button.button:hover, .woocommerce-page.shop-button-style-outline button.button.alt:hover, .woocommerce-page.shop-button-style-outline input.button:hover, .woocommerce-page.shop-button-style-outline input.button.alt:hover, .shop-button-style-outline .woocommerce-page #respond input#submit:hover, .shop-button-style-outline .woocommerce-page a.button:hover, .shop-button-style-outline .woocommerce-page a.button.alt:hover, .shop-button-style-outline .woocommerce-page button.button:hover, .shop-button-style-outline .woocommerce-page button.button.alt:hover, .shop-button-style-outline .woocommerce-page input.button:hover, .shop-button-style-outline .woocommerce-page input.button.alt:hover { color: var(--shop-button-secondary-color, var(--light-color)); background: transparent; box-shadow: 0 0 0 3em var(--shop-button-primary-color, var(--accent-color)) inset; } /* My Account column sets */ .woocommerce .col2-set .col-1 .title, .woocommerce .col2-set .col-2 .title, .woocommerce-page .col2-set .col-1 .title, .woocommerce-page .col2-set .col-2 .title { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 2px solid var(--primary-10-color); } .woocommerce .col2-set .col-1 .title h3, .woocommerce .col2-set .col-2 .title h3, .woocommerce-page .col2-set .col-1 .title h3, .woocommerce-page .col2-set .col-2 .title h3 { padding-bottom: 0; } .woocommerce .col2-set .col-1 .title:before, .woocommerce .col2-set .col-1 .title:after, .woocommerce .col2-set .col-2 .title:before, .woocommerce .col2-set .col-2 .title:after, .woocommerce-page .col2-set .col-1 .title:before, .woocommerce-page .col2-set .col-1 .title:after, .woocommerce-page .col2-set .col-2 .title:before, .woocommerce-page .col2-set .col-2 .title:after { display: none; } .woocommerce fieldset, .woocommerce-page fieldset { border-top: 2px solid var(--primary-10-color); } .rtl.woocommerce .col2-set .col-1 .title a:before, .rtl.woocommerce .col2-set .col-2 .title a:before, .rtl.woocommerce-page .col2-set .col-1 .title a:before, .rtl.woocommerce-page .col2-set .col-2 .title a:before { margin-right: 0; margin-left: .2em; } /* Select 2 dropdown */ .select2-container .select2-selection { padding: 0 1.25em !important; } .select2-container .select2-selection .select2-selection__rendered { padding: .815em 2em .815em 0 !important; } .rtl .select2-container .select2-selection .select2-selection__rendered { padding: .815em 0 .815em 2em !important; } .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { font-size: 0; } .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:after { content: var(--woo-icons-clear-selection) !important; font-family: var(--woo-icons-clear-selection-font) !important; font-size: 1.5rem !important; font-weight: normal; margin-top: -2px; margin-bottom: -3px; color: var(--woocommerce); } .select2-container .select2-selection .select2-selection__arrow b { display: none !important; } .select2-container .select2-selection .select2-selection__arrow:after { content: var(--woo-icons-select-arrow) !important; font-family: var(--woo-icons-select-arrow-font) !important; font-size: 1.5em !important; margin: 0 .25em !important; } .select2-container .select2-dropdown .select2-search { display: flex; flex-wrap: nowrap; align-items: center; } .select2-container .select2-dropdown .select2-search input { border-bottom: 2px solid var(--primary-10-color) !important; } .select2-container .select2-dropdown .select2-search:before { content: var(--search-widget-icon-search); font-family: var(--search-widget-icon-search-font); font-size: 1.5em; line-height: 1; margin-right: .5em; } .rtl .select2-container .select2-dropdown .select2-search:before { margin-right: 0; margin-left: .5em; } .woocommerce table.shop_attributes td { padding: 0 0 0 1em; } /* My Account */ .woocommerce-account .woocommerce-MyAccount-navigation ul { padding-bottom: var(--default-bottom-margin); border-bottom: 2px solid var(--primary-10-color); } .rtl .woocommerce-account .woocommerce-MyAccount-navigation ul { padding-left: 0; padding-right: calc(var(--desktop-menu-gap) / 2); } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { left: 0; opacity: 1; width: 2em; transform: scaleX(0); transform-origin: right; transition: 200ms ease transform; transform-origin: left center; } .rtl .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { left: auto; right: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:after { display: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { transform: scaleX(1); } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { transform: scaleX(1); } .woocommerce-account fieldset { border-top-width: 2px; position: relative; padding-top: 5em; margin-top: 2em; } .woocommerce-account fieldset legend { position: absolute; top: .75em; } /* Info boxes */ .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { font-family: var(--woo-icons-messages-font); } .woocommerce-error:before { content: var(--woo-icons-error); } .woocommerce-info:before { content: var(--woo-icons-info); } .woocommerce-message:before { content: var(--woo-icons-message); } .woocommerce-error { box-shadow: 0 0 0 3px var(--wc-red) inset; } /* Pagination */ .woocommerce nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { border-top-width: 2px; border-top-color: var(--primary-10-color); } .woocommerce nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { display: flex; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { overflow: visible; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span { font-family: var(--button-font); font-weight: var(--button-font-weight); font-style: var(--button-font-style); font-size: .875em; line-height: 1.2; min-width: 2.25em; padding: .5em .1em; } .woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover, .woocommerce-page nav.woocommerce-pagination ul li a.page-numbers:hover { transform: var(--post-pagination-arrow-hover-transform); box-shadow: var(--post-pagination-arrow-hover-shadow); } .woocommerce nav.woocommerce-pagination ul .next:hover, .woocommerce nav.woocommerce-pagination ul .prev:hover, .woocommerce-page nav.woocommerce-pagination ul .next:hover, .woocommerce-page nav.woocommerce-pagination ul .prev:hover { background: transparent; transform: var(--woo-pagination-arrow-hover-transform); box-shadow: var(--woo-pagination-arrow-hover-shadow); } .woocommerce nav.woocommerce-pagination ul li:has(a.next), .woocommerce-page nav.woocommerce-pagination ul li:has(a.next) { margin-left: auto; margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li:has(a.prev), .woocommerce-page nav.woocommerce-pagination ul li:has(a.prev) { margin-right: auto; margin-left: 0; } .woocommerce.rtl nav.woocommerce-pagination ul li:has(a.next), .rtl .woocommerce nav.woocommerce-pagination ul li:has(a.next), .woocommerce-page.rtl nav.woocommerce-pagination ul li:has(a.next), .rtl .woocommerce-page nav.woocommerce-pagination ul li:has(a.next) { margin-right: auto; margin-left: 0; } .woocommerce.rtl nav.woocommerce-pagination ul li:has(a.prev), .rtl .woocommerce nav.woocommerce-pagination ul li:has(a.prev), .woocommerce-page.rtl nav.woocommerce-pagination ul li:has(a.prev), .rtl .woocommerce-page nav.woocommerce-pagination ul li:has(a.prev) { margin-left: auto; margin-right: 0; } nav.woocommerce-pagination ul:not(:has(a.prev)):before, nav.woocommerce-pagination ul:not(:has(a.next)):after { content: "" !important; font-family: Icon7Stroke; font-size: var(--woo-paging-arrow-size); font-weight: normal; line-height: 1; display: flex; align-items: center; justify-items: center; margin-right: auto; width: 1em; height: 1em; color: inherit; background: var(--primary-07-color); } .button-shape-square nav.woocommerce-pagination ul:not(:has(a.prev)):before, .button-shape-square nav.woocommerce-pagination ul:not(:has(a.next)):after { border-radius: 0; } .button-shape-rounded nav.woocommerce-pagination ul:not(:has(a.prev)):before, .button-shape-rounded nav.woocommerce-pagination ul:not(:has(a.next)):after { border-radius: var(--soft-rounded); } .button-shape-round nav.woocommerce-pagination ul:not(:has(a.prev)):before, .button-shape-round nav.woocommerce-pagination ul:not(:has(a.next)):after { border-radius: var(--hard-rounded); } nav.woocommerce-pagination ul:not(:has(a.next)):after { content: "" !important; margin-right: 0; margin-left: auto; } nav.woocommerce-pagination ul:has(a.prev):before { display: none; } nav.woocommerce-pagination ul:has(a.next):after { display: none; } .rtl.woocommerce nav.woocommerce-pagination, .rtl.woocommerce-page nav.woocommerce-pagination { border-top-width: 2px; } .rtl.woocommerce nav.woocommerce-pagination ul .next, .rtl.woocommerce-page nav.woocommerce-pagination ul .next { margin-left: 0; margin-right: 1rem; } .rtl.woocommerce nav.woocommerce-pagination ul .prev, .rtl.woocommerce-page nav.woocommerce-pagination ul .prev { margin-right: 0; margin-left: 1rem; } /* Star rating */ .woocommerce .star-rating { width: 5.2em; } .woocommerce .star-rating span:before { color: var(--accent-color); } /* Cart */ .woocommerce table.shop_table.cart tbody tr td, .woocommerce-page table.shop_table.cart tbody tr td { border-bottom-color: var(--primary-10-color); } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a { position: relative; overflow: hidden; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a:after, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a:after { content: ""; inset: 0; position: absolute; display: block; opacity: 0; pointer-events: none; background: var(--woocommerce); transition: 650ms ease all; z-index: 2; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a:before, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a:before { content: var(--bt-zoomin-icon); font-family: var(--bt-zoomin-icon-font); font-size: 1.2em; display: flex; align-items: center; justify-content: center; inset: 0; position: absolute; transform: translateY(-75%); transition: 650ms ease all; color: var(--light-color); opacity: 0; z-index: 3; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a img, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a img { z-index: 1; transition: 200ms ease all; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a:hover:after, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a:hover:after { opacity: .5; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a:hover:before, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a:hover:before { opacity: 1; transform: translateY(0); transition-delay: 100ms; } .woocommerce table.shop_table.cart tbody tr .product-thumbnail a:hover img, .woocommerce-page table.shop_table.cart tbody tr .product-thumbnail a:hover img { transform: scale(1.03); } .woocommerce table.shop_table.cart tbody tr .remove:hover:after, .woocommerce-page table.shop_table.cart tbody tr .remove:hover:after { transform: var(--post-pagination-arrow-hover-transform); box-shadow: var(--post-pagination-arrow-hover-shadow); } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { border-top-color: var(--primary-10-color); } /* Checkout */ .woocommerce .checkout .woocommerce-checkout-review-order-table tbody tr td, .woocommerce-page .checkout .woocommerce-checkout-review-order-table tbody tr td { border-bottom-color: var(--primary-10-color); } /* Login, Registration, Coupon form */ .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce form.checkout_coupon { border-width: 2px; border-color: var(--primary-10-color); } /* Payments */ #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom-width: 2px; border-color: var(--primary-10-color); } /* Terms and conditions */ .woocommerce-terms-and-conditions { border-width: 2px; border-color: var(--primary-10-color); } /* Widgets */ /* Product search */ .widget_product_search .woocommerce-product-search input[type=search] { padding-right: 3em !important; } .rtl .widget_product_search .woocommerce-product-search input[type=search] { padding-right: 1.25em !important; padding-left: 3em !important; } .widget_product_search .woocommerce-product-search button[type=submit]:after { content: var(--search-widget-icon-search); font-family: var(--search-widget-icon-search-font); font-size: 1rem; } .woocommerce, .woocommerce-page {} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { transition: 200ms ease all; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { transition: 200ms ease all; background: var(--primary-10-color); } /* Cart */ .woocommerce.widget_shopping_cart .cart_list li, .woocommerce-page .widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li { padding: .5em 2em 1em calc(var(--woo-cart-widget-image-size) + 1.2em); margin-bottom: .25em; } .rtl .woocommerce.widget_shopping_cart .cart_list li, .rtl .woocommerce-page .widget_shopping_cart .cart_list li, .rtl .woocommerce .widget_shopping_cart .cart_list li { padding: .5em calc(var(--woo-cart-widget-image-size) + 1.2em) 1em 2em; } .woocommerce.widget_shopping_cart .cart_list li a, .woocommerce-page .widget_shopping_cart .cart_list li a, .woocommerce .widget_shopping_cart .cart_list li a { font-size: 1rem; } .woocommerce.widget_shopping_cart .cart_list li a.remove:after, .woocommerce-page .widget_shopping_cart .cart_list li a.remove:after, .woocommerce .widget_shopping_cart .cart_list li a.remove:after { transition: 200ms ease all; width: 1.25em; height: 1.25em; } .woocommerce.widget_shopping_cart .cart_list li a.remove:hover:after, .woocommerce-page .widget_shopping_cart .cart_list li a.remove:hover:after, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover:after { transform: var(--post-pagination-arrow-hover-transform); box-shadow: var(--post-pagination-arrow-hover-shadow); } .woocommerce.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top-width: 2px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: .5em; } .woocommerce.widget_shopping_cart .total strong, .woocommerce-page .widget_shopping_cart .total strong, .woocommerce .widget_shopping_cart .total strong { margin-right: 5px; } .rtl .woocommerce.widget_shopping_cart .total strong, .rtl .woocommerce-page .widget_shopping_cart .total strong, .rtl .woocommerce .widget_shopping_cart .total strong { magin-right: 0; margin-left: 5px; } .woocommerce.widget_shopping_cart .total .amount, .woocommerce-page .widget_shopping_cart .total .amount, .woocommerce .widget_shopping_cart .total .amount { marign-left: 5px; } .rtl .woocommerce.widget_shopping_cart .total .amount, .rtl .woocommerce-page .widget_shopping_cart .total .amount, .rtl .woocommerce .widget_shopping_cart .total .amount { magin-left: 0; margin-right: 5px; } .woocommerce .widget_top_rated_products .product_list_widget li, .woocommerce .widget_products .product_list_widget li, .woocommerce .widget_recent_reviews .product_list_widget li, .woocommerce-page .widget_top_rated_products .product_list_widget li, .woocommerce-page .widget_products .product_list_widget li, .woocommerce-page .widget_recent_reviews .product_list_widget li { padding-left: 4.5em; } .rtl .woocommerce .widget_top_rated_products .product_list_widget li, .rtl .woocommerce .widget_products .product_list_widget li, .rtl .woocommerce .widget_recent_reviews .product_list_widget li, .rtl .woocommerce-page .widget_top_rated_products .product_list_widget li, .rtl .woocommerce-page .widget_products .product_list_widget li, .rtl .woocommerce-page .widget_recent_reviews .product_list_widget li { padding-right: 4.5em; } .woocommerce .widget_top_rated_products .product_list_widget li a img, .woocommerce .widget_products .product_list_widget li a img, .woocommerce .widget_recent_reviews .product_list_widget li a img, .woocommerce-page .widget_top_rated_products .product_list_widget li a img, .woocommerce-page .widget_products .product_list_widget li a img, .woocommerce-page .widget_recent_reviews .product_list_widget li a img { width: 4em; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { top: 1px; } @media (max-width: 780px) { .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { width: 100%; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; } .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { flex-wrap: wrap; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input { width: 100%; flex: 1 0 100%; margin: 0 0 1em 0; } .woocommerce .widget_top_rated_products .product_list_widget li:first-child, .woocommerce .widget_products .product_list_widget li:first-child, .woocommerce .widget_recent_reviews .product_list_widget li:first-child, .woocommerce-page .widget_top_rated_products .product_list_widget li:first-child, .woocommerce-page .widget_products .product_list_widget li:first-child, .woocommerce-page .widget_recent_reviews .product_list_widget li:first-child { margin-bottom: .5em; padding-bottom: 1em; padding-top: 1em; } } .rtl nav.woocommerce-pagination ul:not(:has(a.prev)):before { margin-left: auto; margin-right: 0; transform: rotate(180deg); } .rtl nav.woocommerce-pagination ul:not(:has(a.next)):after { margin-right: auto; margin-left: 0; transform: rotate(180deg); } .woocommerce.widget_shopping_cart .cart_list li .quantity, .woocommerce-page .widget_shopping_cart .cart_list li .quantity, .woocommerce .widget_shopping_cart .cart_list li .quantity { font-size: .9375rem; font-family: var(--subtitle-font); font-weight: var(--subtitle-font-weight); text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button, .woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button { flex: 0 0 auto; } /* Screens ------------------------------------------- */ @media (max-width: 1399px) { /* Typography breakpoint start 1400 */ .bt_bb_headline.bt_bb_size_extrahuge h1, .bt_bb_headline.bt_bb_size_extrahuge h2, .bt_bb_headline.bt_bb_size_extrahuge h3, .bt_bb_headline.bt_bb_size_extrahuge h4, .bt_bb_headline.bt_bb_size_extrahuge h5, .bt_bb_headline.bt_bb_size_extrahuge h6 { font-size: 4.5rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extrahuge .bt_bb_headline_superheadline { font-size: 1.4375rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extrahuge .bt_bb_headline_subheadline { font-size: 1.5rem !important; } } @media (max-width: 1199px) { /* Typography breakpoint start 1200 */ .bt_bb_headline.bt_bb_size_extrahuge h1, .bt_bb_headline.bt_bb_size_extrahuge h2, .bt_bb_headline.bt_bb_size_extrahuge h3, .bt_bb_headline.bt_bb_size_extrahuge h4, .bt_bb_headline.bt_bb_size_extrahuge h5, .bt_bb_headline.bt_bb_size_extrahuge h6 { font-size: 4rem !important; } .bt_bb_headline.bt_bb_size_huge h1, .bt_bb_headline.bt_bb_size_huge h2, .bt_bb_headline.bt_bb_size_huge h3, .bt_bb_headline.bt_bb_size_huge h4, .bt_bb_headline.bt_bb_size_huge h5, .bt_bb_headline.bt_bb_size_huge h6 { font-size: 4rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extrahuge .bt_bb_headline_superheadline { font-size: 1.375rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extrahuge .bt_bb_headline_subheadline { font-size: 1.4375rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline { font-size: 1.375rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_huge .bt_bb_headline_subheadline { font-size: 1.4375rem !important; } body { font-size: 15px !important; } } @media (max-width: 480px) { /* Typography breakpoint start 480 */ .bt_bb_headline.bt_bb_size_extrahuge h1, .bt_bb_headline.bt_bb_size_extrahuge h2, .bt_bb_headline.bt_bb_size_extrahuge h3, .bt_bb_headline.bt_bb_size_extrahuge h4, .bt_bb_headline.bt_bb_size_extrahuge h5, .bt_bb_headline.bt_bb_size_extrahuge h6 { font-size: 3.5rem !important; } .bt_bb_headline.bt_bb_size_huge h1, .bt_bb_headline.bt_bb_size_huge h2, .bt_bb_headline.bt_bb_size_huge h3, .bt_bb_headline.bt_bb_size_huge h4, .bt_bb_headline.bt_bb_size_huge h5, .bt_bb_headline.bt_bb_size_huge h6 { font-size: 3.5rem !important; } .bt_bb_headline.bt_bb_size_extralarge h1, .bt_bb_headline.bt_bb_size_extralarge h2, .bt_bb_headline.bt_bb_size_extralarge h3, .bt_bb_headline.bt_bb_size_extralarge h4, .bt_bb_headline.bt_bb_size_extralarge h5, .bt_bb_headline.bt_bb_size_extralarge h6 { font-size: 3rem !important; } .bt_bb_headline.bt_bb_size_large h1, .bt_bb_headline.bt_bb_size_large h2, .bt_bb_headline.bt_bb_size_large h3, .bt_bb_headline.bt_bb_size_large h4, .bt_bb_headline.bt_bb_size_large h5, .bt_bb_headline.bt_bb_size_large h6 { font-size: 2.75rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extrahuge .bt_bb_headline_superheadline { font-size: 1.25rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extrahuge .bt_bb_headline_subheadline { font-size: 1.375rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline { font-size: 1.25rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_huge .bt_bb_headline_subheadline { font-size: 1.375rem !important; } .blog-list-headline-size-large.blog .post .entry-header .entry-title, .pf-list-headline-size-large .portfolio .entry-header .entry-title { font-size: 2.75rem !important; } } /* CUSTOM CSS --------------------------------------------------- */ /* Unit test (no BB) button fix */ .read-more .bt_bb_button { font-size: var(--medium-button-size); } .read-more .bt_bb_button a { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } .read-more .bt_bb_button a:hover { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } /* Image - Custom Class */ .bt_bb_image.bt_bb_doctor_image { position: absolute; bottom: 0; right: 0; } @media (max-width: 1620px) { .bt_bb_image.bt_bb_doctor_image { right: -10em; } } @media (max-width: 1400px) { .bt_bb_image.bt_bb_doctor_image { right: -15em; } } @media (max-width: 992px) { .bt_bb_image.bt_bb_doctor_image { right: auto; bottom: auto; position: relative; } } /* Heart beat animation Preloader */ .loading { padding-bottom: 1.5em; width: 270px; } .loading svg polyline { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .loading svg polyline#back { stroke: var(--preloader-text-color, var(--primary-color)); opacity: .3; } .loading svg polyline#front { stroke: var(--preloader-text-color, var(--primary-color)); stroke-dasharray: 12, 36; stroke-dashoffset: 48; animation: dash 1s linear infinite; } @keyframes dash { 100% { stroke-dashoffset: 0; } } /* Custom SLider */ .bt_bb_special_slider.bt_bb_content_slider .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content { margin: 0 auto !important; padding: 14em 200px 16.5em 80px !important; z-index: 2; } .bt_bb_special_slider.bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots { left: 20px; right: auto; max-height: 21.5em; top: 26.5%; } .bt_bb_special_slider.bt_bb_content_slider.bt_bb_lines_position_below .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content { padding-right: 20px !important; padding-left: 20px !important; } .bt_bb_special_slider.bt_bb_content_slider.bt_bb_lines_position_below .slick-slider ul.slick-dots { bottom: 10em; } @media (min-width: 1280px) { .bt_bb_special_slider.bt_bb_content_slider .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content { padding-right: 400px !important; padding-left: calc(50% - 610px + 7em) !important; } .bt_bb_special_slider.bt_bb_content_slider.bt_bb_lines_position_side_left .slick-slider ul.slick-dots { left: calc(50% - 610px); right: auto; max-height: 21.5em; top: 26.5%; } } /* Full cost calculator --------------------------------------------------- */ .btQuoteBooking .btQuoteBookingForm .btContactNext { font-size: var(--normal-button-size) !important; padding: .9378em 1.7em; margin: 0 0 0 1em; line-height: 1; font-family: var(--button-font); text-transform: var(--button-text-transform); font-weight: var(--button-font-weight); font-style: var(--button-font-style); letter-spacing: var(--button-letter-spacing); border: none; color: var(--primary-color, var(--light-color)); background: var(--secondary-color, var(--accent-color)); } .btQuoteBooking .btQuoteBookingForm .btContactNext:hover { filter: saturate(.7); color: var(--primary-color, var(--light-color)); background: var(--secondary-color, var(--accent-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn { flex: 0 0 100px; width: 100px; max-width: 100px; } .btQuoteBooking .btQuoteTotalText { font-size: var(--normal-button-size); font-family: var(--button-font); text-transform: var(--button-text-transform); font-weight: var(--button-font-weight); font-style: var(--button-font-style); letter-spacing: var(--button-letter-spacing); } .btQuoteBooking .btQuoteTotalCalc, .btQuoteBooking .btQuoteTotalCurrency { font-size: var(--large-button-size); font-family: var(--button-font); text-transform: var(--button-text-transform); font-weight: var(--button-font-weight); font-style: var(--button-font-style); letter-spacing: var(--button-letter-spacing); } .btQuoteBooking .btContactSubmit { font-size: var(--normal-button-size); padding: .9378em 1.7em; margin: 0 0 0 1em; line-height: 1; font-family: var(--button-font); text-transform: var(--button-text-transform); font-weight: var(--button-font-weight); font-style: var(--button-font-style); letter-spacing: var(--button-letter-spacing); border: none; color: var(--primary-color, var(--light-color)); background: var(--secondary-color, var(--accent-color)); } .btQuoteBooking .btContactSubmit:hover { filter: saturate(.7); opacity: 1; color: var(--primary-color, var(--light-color)); background: var(--secondary-color, var(--accent-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } .btQuoteBooking .btTotalQuoteContactGroup.btActive { margin-top: 2em; } .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem input:not([type=submit]):not([type=checkbox]):not([type=radio]), .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem textarea, .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem select { min-height: 46px; padding: .8em 1.25em; border: none; box-shadow: none; background-color: var(--primary-07-color); } .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus, .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem textarea:focus, .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem select:focus { box-shadow: 0 0 100em var(--primary-10-color) inset; } .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem.btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText { border: 1px solid var(--accent-color); background-color: var(--primary-07-color); box-shadow: none; max-height: 46px; padding: .377em 0em; } .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .boldBtn button { font-size: var(--normal-button-size); border-radius: 0 !important; font-family: var(--button-font); text-transform: var(--button-text-transform); font-weight: var(--button-font-weight); font-style: var(--button-font-style); letter-spacing: var(--button-letter-spacing); border: none; color: var(--light-color); margin-left: 1em; padding: .782rem 2rem; } .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .boldBtn button:hover { filter: contrast(1.1); color: var(--light-color); box-shadow: 0 0 0 3em var(--accent-color) inset; text-shadow: none; } .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText { min-height: 46px; border: none; box-shadow: none; background-color: var(--primary-07-color); } .button-shape-square .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem input:not([type=submit]):not([type=checkbox]):not([type=radio]), .button-shape-square .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem textarea, .button-shape-square .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem select { border-radius: 0; } .button-shape-square .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: 0; } .button-shape-square .btQuoteBooking .btQuoteBookingForm .btContactNext { border-radius: 0; } .button-shape-square .btQuoteBooking .btQuoteTotalCalc, .button-shape-square .btQuoteBooking .btQuoteTotalCurrency { border-radius: 0; } .button-shape-rounded .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem input:not([type=submit]):not([type=checkbox]):not([type=radio]), .button-shape-rounded .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem textarea, .button-shape-rounded .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem select { border-radius: var(--soft-rounded); } .button-shape-rounded .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem input:not([type=submit]):not([type=checkbox]):not([type=radio]), .button-shape-round .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem select { border-radius: var(--hard-rounded); } .button-shape-round .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem textarea { border-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btTotalQuoteContactGroup .btQuoteContact .btQuoteItem.btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText { border-radius: var(--hard-rounded); } .button-shape-round .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: var(--hard-rounded); } .bt_bb_cost_calculator .bt_bb_cost_calculator_item .bt_bb_widget_select_selected > div:first-child { font-weight: inherit; } .bt_bb_cost_calculator .bt_bb_cost_calculator_item .bt_bb_widget_select_selected { padding: .61em .9em; line-height: 1.1; border: none; box-shadow: none; background-color: var(--primary-07-color); } /* Responsive header --------------------------------------------- */ .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { background-color: var(--accent-color); opacity: .5; } .bt-header-responsive-active .main-navigation ul.main-navigation-menu.left-nav li:after { content: ""; display: block; width: 100%; height: 1px; background-color: currentColor; opacity: .2; } .bt-header-responsive-active .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo a img { width: fit-content; margin-left: 0; } @media (max-width: 780px) { .responsive-logo-position-center.responsive-trigger-position-right .site-header-responsive-inner .site-header-responsive-widgets .hidden_xs, .responsive-logo-position-center.responsive-trigger-position-right .site-header-responsive-inner .site-header-responsive-widgets .hidden_ms, .responsive-logo-position-center.responsive-trigger-position-right .site-header-responsive-inner .site-header-responsive-widgets .hidden_sm { display: none; } } /* Dropdown --------------------------------------------------- */ .bt_bb_dropdown { display: flex; width: 100%; align-items: flex-end; justify-content: flex-start; padding: .8em; overflow: hidden; background: var(--secondary-color, var(--light-color)); transition: all 650ms ease; } .bt_bb_dropdown template.bt_bb_fe_before { z-index: 6; } .button-shape-rounded .bt_bb_dropdown { border-radius: 10px; } .button-shape-round .bt_bb_dropdown { border-radius: 10px; } .bt_bb_dropdown.bt_bb_shape_square { border-radius: 0 !important; } .bt_bb_dropdown.bt_bb_shape_soft_rounded { border-radius: 10px !important; } .bt_bb_dropdown.bt_bb_shadow_on_hover:hover { box-shadow: 0px 4px 7px 0px rgba(0, 22, 53, .06); } .bt_bb_dropdown.bt_bb_shadow_show { box-shadow: 0px 4px 7px 0px rgba(0, 22, 53, .06); } .bt_bb_dropdown.bt_bb_image_shape_square .bt_bb_dropdown_image .bt_bb_image { border-radius: 0; } .bt_bb_dropdown.bt_bb_image_shape_square .bt_bb_dropdown_image .bt_bb_image img { border-radius: 0; } .bt_bb_dropdown .bt_bb_dropdown_title { padding-bottom: .5em; } .bt_bb_dropdown .bt_bb_dropdown_image { max-width: 75px; margin-right: 1.5em; flex-shrink: 0; } .rtl .bt_bb_dropdown .bt_bb_dropdown_image { margin-right: 0em; margin-left: .8125em; } .bt_bb_dropdown .bt_bb_dropdown_image .bt_bb_image { max-width: 75px; flex-shrink: 0; margin: 0 !important; } .bt_bb_dropdown .bt_bb_dropdown_list { flex: 1 1 auto; margin-right: 1.5em; } .rtl .bt_bb_dropdown .bt_bb_dropdown_list { margin-right: 0; margin-left: 1.5em; } .bt_bb_dropdown .bt_bb_dropdown_list:after { content: ""; display: block; width: 100%; height: 2px; margin: .15em 0 0; opacity: .2; background: var(--primary-color, currentColor); } .bt_bb_dropdown.bt_bb_field_color_dark .bt_bb_dropdown_list .bt_bb_dropdown_select select { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSItMTAgMCA0NCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTAgMCA0NCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGZpbGw9IiMxODE4MTgiIGQ9Ik0xMiwxMy4xNzJsNC45NS00Ljk1bDEuNDEzLDEuNDE0TDEyLDE2TDUuNjM2LDkuNjM2TDcuMDUsOC4yMjJMMTIsMTMuMTcyeiIvPg0KPC9zdmc+DQo="); } .bt_bb_dropdown.bt_bb_field_color_dark .bt_bb_dropdown_list .bt_bb_dropdown_select select.nitro-lazy { background-image: none !important; } .bt_bb_dropdown.bt_bb_field_color_light .bt_bb_dropdown_list .bt_bb_dropdown_select select { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSItMTAgMCA0NCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTAgMCA0NCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMiwxMy4xNzJsNC45NS00Ljk1bDEuNDEzLDEuNDE0TDEyLDE2TDUuNjM2LDkuNjM2TDcuMDUsOC4yMjJMMTIsMTMuMTcyeiIvPg0KPC9zdmc+DQo="); } .bt_bb_dropdown.bt_bb_field_color_light .bt_bb_dropdown_list .bt_bb_dropdown_select select.nitro-lazy { background-image: none !important; } .bt_bb_dropdown .bt_bb_dropdown_list {} .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_title span { font-size: 1rem; line-height: 1; font-weight: 500; color: var(--primary-color, var(--accent-color)); } .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select { font-size: 1.4375em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); width: 100%; padding: 0; cursor: pointer; } .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select select { color: var(--primary-color, var(--dark-color)); background-color: transparent; background-position: 100% 50%; background-size: 1.5em; } .rtl .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select select { background-position: 0% 50%; } .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select select:focus { box-shadow: none; } .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select .btDropdownSelect { height: 1.4em; line-height: 1.2 !important; text-overflow: ellipsis; padding: 0 1.5em 0 .15em; border: none; border-radius: 0 !important; } .rtl .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select .btDropdownSelect { padding: 0 0 0 1.5em; } .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select .btDropdownSelect option { color: var(--primary-color, var(--dark-color)); background: var(--secondary-color, var(--light-color)); } .bt_bb_dropdown.bt_bb_title_color_dark .bt_bb_dropdown_list .bt_bb_dropdown_title span { color: var(--dark-color) !important; } .bt_bb_dropdown.bt_bb_title_color_light .bt_bb_dropdown_list .bt_bb_dropdown_title span { color: var(--light-color) !important; } .bt_bb_dropdown.bt_bb_title_color_accent .bt_bb_dropdown_list .bt_bb_dropdown_title span { color: var(--accent-color) !important; } .bt_bb_dropdown.bt_bb_title_color_alternate .bt_bb_dropdown_list .bt_bb_dropdown_title span { color: var(--alternate-color) !important; } .bt_bb_dropdown .bt_bb_dropdown_button { min-width: 6em; align-self: stretch; display: none; align-items: center; justify-content: center; height: auto; margin: -1em -1em -1em 0; color: var(--secondary-color, var(--light-color)); background: var(--primary-color, var(--accent-color)); opacity: 0; visibility: hidden; } .rtl .bt_bb_dropdown .bt_bb_dropdown_button { margin: -1em 0 -1em -1em; } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button { font-size: .9em; margin: 0; min-width: 6em; max-height: 8em; display: flex; align-items: center; justify-content: center; align-self: inherit; } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a { overflow: hidden; padding: 1.25em 2em; transition: all 300ms ease; border-radius: 0 !important; color: var(--secondary-color, var(--light-color)); background: var(--primary-color, var(--accent-color)); } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a span { line-height: 1; white-space: nowrap; } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a span:empty { box-shadow: none; padding: 0; background-color: transparent; } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:hover { color: var(--secondary-color, var(--light-color)); background: var(--primary-color, var(--accent-color)); } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:has(span:empty) { padding: 1em; } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a[href=""], .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a[href="#"] { display: none; } .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:not([href=""]) span:empty:before, .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:not([href="#"]) span:empty:before { content: var(--bt-dropdown-icon); font-family: var(--bt-dropdown-icon-font); font-size: 2.5em; display: flex; justify-content: center; align-items: center; font-weight: normal; } .bt_bb_dropdown:not(.bt_bb_no_link) .bt_bb_dropdown_button { opacity: 1; display: flex; visibility: visible; overflow: hidden; } @media (max-width: 768px) { .bt_bb_dropdown { flex-wrap: wrap; } .bt_bb_dropdown .bt_bb_dropdown_list .bt_bb_dropdown_select { font-size: 1rem; } .bt_bb_dropdown .bt_bb_dropdown_button:not(:has(.bt_bb_button a span:empty)) { flex: 1 0 auto; width: 100%; padding-top: 1em; padding-left: calc(60px + .8125em); } .rtl .bt_bb_dropdown .bt_bb_dropdown_button:not(:has(.bt_bb_button a span:empty)) { padding-left: 0; padding-right: calc(60px + .8125em); } .bt_bb_dropdown .bt_bb_dropdown_button:not(:has(.bt_bb_button a span:empty)) .bt_bb_button { margin: 0 !important; } } @media (max-width: 580px) { .bt_bb_dropdown:not([data-button-text=""]) .bt_bb_dropdown_image { margin: 0 0 .75em 0; } .bt_bb_dropdown:not([data-button-text=""]) .bt_bb_dropdown_list { flex: 1 0 100%; margin: 0 0 1em 0; } .bt_bb_dropdown:not([data-button-text=""]) .bt_bb_dropdown_list .bt_bb_dropdown_select select { background-position: 100% 50%; } .bt_bb_dropdown:not([data-button-text=""]) .bt_bb_dropdown_button { padding: 0 !important; margin: .5em 0; } .button-shape-round .bt_bb_dropdown .bt_bb_dropdown_button, .button-shape-rounded .bt_bb_dropdown .bt_bb_dropdown_button { border-radius: 50%; width: 3em; height: 3em; min-width: 3em; } .button-shape-round .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:not([href=""]) span:empty:before, .button-shape-round .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:not([href="#"]) span:empty:before, .button-shape-rounded .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:not([href=""]) span:empty:before, .button-shape-rounded .bt_bb_dropdown .bt_bb_dropdown_button .bt_bb_button a:not([href="#"]) span:empty:before { font-size: 1.5em; } } /* Search --------------------------------------------------- */ .bt_bb_search { container-type: inline-size; padding: .5em 1em; background-color: var(--secondary-color, inherit); } .bt_bb_search .search-form { display: flex; flex-direction: row; align-items: center; } .bt_bb_search .search-form label { width: 100%; } .bt_bb_search .search-form button.search-submit { display: flex; align-items: center; padding: 0 .5em 0 0; border: none; color: var(--primary-color, inherit); background: transparent; box-shadow: none !important; transition: all 300ms ease; } .bt_bb_search .search-form button.search-submit:hover { opacity: .8; } .bt_bb_search .search-form button.search-submit .bt_bb_icon_holder { font-size: 2.625em; font-weight: normal; display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; } .bt_bb_search.bt_bb_submit_position_right .search-form { flex-direction: row-reverse; justify-content: flex-end; } .bt_bb_search.bt_bb_submit_position_right input:not([type=submit]):not([type=checkbox]):not([type=radio]) { padding: 0; } .bt_bb_search input:not([type=submit]):not([type=checkbox]):not([type=radio]) { font-size: 1.5em; padding: 0 0 0 .575em; border: none !important; min-height: 2em; box-shadow: none; border-radius: 0 !important; color: var(--primary-color, currentColor); background-color: transparent; } .bt_bb_search input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus { box-shadow: none; } .bt_bb_search.bt_bb_placeholder_style_full ::-webkit-input-placeholder { opacity: 1; color: var(--primary-color, inherit); } .bt_bb_search:not(.bt_bb_placeholder_style_full) ::-webkit-input-placeholder { opacity: .8; color: var(--primary-color, inherit); } .bt_bb_search.bt_bb_shape_soft_rounded { border-radius: var(--section-soft-rounded); padding-left: 1.75em; padding-right: 1.75em; } .bt_bb_search.bt_bb_shape_hard_rounded { border-radius: 50px; padding-left: 1.75em; padding-right: 1.75em; } .bt_bb_search.bt_bb_placeholder_size_small input:not([type=submit]):not([type=checkbox]):not([type=radio]) { font-size: 1rem; } .bt_bb_search.bt_bb_placeholder_size_normal input:not([type=submit]):not([type=checkbox]):not([type=radio]) { font-size: 1.125rem; } .bt_bb_search.bt_bb_placeholder_color_dark input:not([type=submit]):not([type=checkbox]):not([type=radio]) { color: var(--dark-color); } .bt_bb_search.bt_bb_placeholder_color_dark ::-webkit-input-placeholder { color: var(--dark-color); } .bt_bb_search.bt_bb_placeholder_color_light input:not([type=submit]):not([type=checkbox]):not([type=radio]) { color: var(--light-color); } .bt_bb_search.bt_bb_placeholder_color_light ::-webkit-input-placeholder { color: var(--light-color); } .bt_bb_search.bt_bb_placeholder_color_accent input:not([type=submit]):not([type=checkbox]):not([type=radio]) { color: var(--accent-color); } .bt_bb_search.bt_bb_placeholder_color_accent ::-webkit-input-placeholder { color: var(--accent-color); } .bt_bb_search.bt_bb_placeholder_color_alternate input:not([type=submit]):not([type=checkbox]):not([type=radio]) { color: var(--alternate-color); } .bt_bb_search.bt_bb_placeholder_color_alternate ::-webkit-input-placeholder { color: var(--alternate-color); } .bt_bb_search[style*="--secondary-color:var(--transparent-color)"] { padding: 0 !important; } @container (max-width: 36em) { .bt_bb_search .search-form { flex-direction: column; align-items: center; } .bt_bb_search .search-form label { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0em; width: 100%; } .bt_bb_search[style*="--secondary-color:var(--transparent-color)"] .search-form label { margin-bottom: 1em !important; } } .bt_bb_search.bt_bb_placeholder_style_very_small ::-webkit-input-placeholder { opacity: .1; } .bt_bb_search.bt_bb_placeholder_style_extra_small ::-webkit-input-placeholder { opacity: .2; } .bt_bb_search.bt_bb_placeholder_style_small ::-webkit-input-placeholder { opacity: .3; } .bt_bb_search.bt_bb_placeholder_style_normal ::-webkit-input-placeholder { opacity: .4; } .bt_bb_search.bt_bb_placeholder_style_medium ::-webkit-input-placeholder { opacity: .5; } .bt_bb_search.bt_bb_placeholder_style_large ::-webkit-input-placeholder { opacity: .6; } .bt_bb_search.bt_bb_placeholder_style_extra_large ::-webkit-input-placeholder { opacity: .7; } .bt_bb_search.bt_bb_placeholder_style_extra_huge ::-webkit-input-placeholder { opacity: .9; } @media (max-width: 780px) { .bt_bb_search .search-form button.search-submit { padding: 0; } .bt_bb_search .search-form button.search-submit .bt_bb_icon_holder { font-size: 1.5em; } .bt_bb_search.bt_bb_placeholder_size_normal input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_search input:not([type=submit]):not([type=checkbox]):not([type=radio]) { font-size: .75rem; } } /* Call to action --------------------------------------------------- */ .bt_bb_call_to_action { display: inline-flex; align-items: center; margin-right: 1em; color: inherit; position: relative; transition: all 300ms ease; padding: 1em 1.5em; box-shadow: 0 0 0 1px var(--call-to-action-primary-color, var(--dark-color)) inset; } .button-shape-rounded .bt_bb_call_to_action { border-radius: var(--soft-rounded); } .button-shape-round .bt_bb_call_to_action { border-radius: var(--hard-rounded); } .bt_bb_call_to_action.bt_bb_shape_square { border-radius: 0 !important; } .bt_bb_call_to_action.bt_bb_shape_soft_rounded { border-radius: var(--card-soft-rounded) !important; } .bt_bb_call_to_action.bt_bb_shape_hard_rounded { border-radius: var(--card-hard-rounded) !important; } .bt_bb_call_to_action.bt_bb_align_center { text-align: center; } .bt_bb_call_to_action.bt_bb_align_left { text-align: left; } .bt_bb_call_to_action.bt_bb_align_right { text-align: right; } .bt_bb_call_to_action.bt_bb_call_to_action_widget { font-size: .875em; margin-right: 0; padding-right: 0; } .bt_bb_call_to_action .btLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .bt_bb_call_to_action .bt_bb_icon { padding-right: .8em !important; padding-left: 0 !important; color: var(--call-to-action-primary-color, inherit); } .rtl .bt_bb_call_to_action .bt_bb_icon { padding-right: 0 !important; padding-left: .8em !important; } .bt_bb_call_to_action .bt_bb_call_to_action_content { padding-right: .85em; float: left; font-variant-numeric: lining-nums; } .rtl .bt_bb_call_to_action .bt_bb_call_to_action_content { padding-left: .85em; } .bt_bb_call_to_action .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle { font-size: 1em; line-height: 1.2; padding-bottom: .25em; font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); color: var(--call-to-action-primary-color, inherit); transition: all 300ms ease; flex: 1 0 100%; } .bt_bb_call_to_action .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-size: 1.875em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); line-height: 1.2; color: var(--call-to-action-primary-color, inherit); transition: all 300ms ease; } .bt_bb_call_to_action.btWithLink:hover { box-shadow: 0 0 0 1px var(--call-to-action-primary-color, var(--dark-color)) inset; background-color: var(--call-to-action-primary-color, var(--dark-color)); } .bt_bb_call_to_action.btWithLink:hover .bt_bb_icon { color: var(--call-to-action-secondary-color, var(--light-color)); } .bt_bb_call_to_action.btWithLink:hover .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle { color: var(--call-to-action-secondary-color, var(--light-color)); } .bt_bb_call_to_action.btWithLink:hover .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { color: var(--call-to-action-secondary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_style_filled { box-shadow: 0 0 0 5em var(--call-to-action-secondary-color, var(--dark-color)) inset; } .bt_bb_call_to_action.bt_bb_style_filled .bt_bb_call_to_action_supertitle { color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_style_filled .bt_bb_call_to_action_content_title { color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_style_filled .bt_bb_icon { color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_style_filled.btWithLink:hover { filter: saturate(.7); box-shadow: 0 0 0 5em var(--call-to-action-secondary-color, var(--dark-color)) inset; background-color: var(--call-to-action-secondary-color, var(--dark-color)); } .bt_bb_call_to_action.bt_bb_style_filled.btWithLink:hover .bt_bb_call_to_action_supertitle { color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_style_filled.btWithLink:hover .bt_bb_call_to_action_content_title { color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_style_filled.btWithLink:hover .bt_bb_icon { color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_style_borderless { box-shadow: none; } .bt_bb_call_to_action.bt_bb_style_borderless .bt_bb_call_to_action_supertitle { color: var(--call-to-action-primary-color, var(--dark-color)); } .bt_bb_call_to_action.bt_bb_style_borderless .bt_bb_call_to_action_content_title { color: var(--call-to-action-primary-color, var(--dark-color)); } .bt_bb_call_to_action.bt_bb_style_borderless .bt_bb_icon { color: var(--call-to-action-primary-color, var(--dark-color)); } .bt_bb_call_to_action.bt_bb_style_borderless.btWithLink:hover { opacity: .8; box-shadow: none; background-color: transparent; } .bt_bb_call_to_action.bt_bb_style_borderless.btWithLink:hover .bt_bb_call_to_action_supertitle { color: var(--call-to-action-secondary-color, var(--accent-color)); } .bt_bb_call_to_action.bt_bb_style_borderless.btWithLink:hover .bt_bb_call_to_action_content_title { color: var(--call-to-action-secondary-color, var(--accent-color)); } .bt_bb_call_to_action.bt_bb_style_borderless.btWithLink:hover .bt_bb_icon { color: var(--call-to-action-secondary-color, var(--accent-color)); } .bt_bb_call_to_action.bt_bb_border_show .bt_bb_call_to_action_content { border-left: 1px solid var(--call-to-action-primary-color, var(--dark-color)); padding-left: 1em; transition: 300ms ease all; } .rtl .bt_bb_call_to_action.bt_bb_border_show .bt_bb_call_to_action_content { padding-left: 0; padding-right: 1em; border-left: none; border-right: 1px solid var(--call-to-action-primary-color, var(--dark-color)); } .bt_bb_call_to_action.bt_bb_border_show.btWithLink:hover .bt_bb_call_to_action_content { border-color: var(--call-to-action-secondary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_border_show.bt_bb_style_filled .bt_bb_call_to_action_content { border-color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_border_show.bt_bb_style_filled.btWithLink:hover .bt_bb_call_to_action_content { border-color: var(--call-to-action-primary-color, var(--light-color)); } .bt_bb_call_to_action.bt_bb_border_show.bt_bb_style_borderless .bt_bb_call_to_action_content { border-color: var(--call-to-action-primary-color, var(--dark-color)); } .bt_bb_call_to_action.bt_bb_border_show.bt_bb_style_borderless.btWithLink:hover .bt_bb_call_to_action_content { border-color: var(--call-to-action-secondary-color, var(--accent-color)); } .bt_bb_call_to_action.bt_bb_size_small { padding: .8em 1.4em; } .bt_bb_call_to_action.bt_bb_size_small .bt_bb_icon.bt_bb_size_small .bt_bb_icon_holder:before { font-size: 1.7em; } .bt_bb_call_to_action.bt_bb_size_small .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle { font-size: .685em; } .bt_bb_call_to_action.bt_bb_size_small .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-size: .875em; } .bt_bb_call_to_action.bt_bb_size_normal .bt_bb_icon.bt_bb_size_normal .bt_bb_icon_holder:before { font-size: 2.5em; } .bt_bb_call_to_action.bt_bb_size_normal .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle { font-size: .875em; } .bt_bb_call_to_action.bt_bb_size_normal .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-size: 1.375em; } .bt_bb_call_to_action.bt_bb_font_weight_normal .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_normal .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: normal; } .bt_bb_call_to_action.bt_bb_font_weight_bold .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_bold .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: bold; } .bt_bb_call_to_action.bt_bb_font_weight_bolder .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_bolder .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: bolder; } .bt_bb_call_to_action.bt_bb_font_weight_lighter .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_lighter .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: lighter; } .bt_bb_call_to_action.bt_bb_font_weight_light .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_light .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: light; } .bt_bb_call_to_action.bt_bb_font_weight_thin .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_thin .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: thin; } .bt_bb_call_to_action.bt_bb_font_weight_100 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_100 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 100; } .bt_bb_call_to_action.bt_bb_font_weight_200 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_200 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 200; } .bt_bb_call_to_action.bt_bb_font_weight_300 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_300 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 300; } .bt_bb_call_to_action.bt_bb_font_weight_400 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_400 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 400; } .bt_bb_call_to_action.bt_bb_font_weight_500 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_500 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 500; } .bt_bb_call_to_action.bt_bb_font_weight_600 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_600 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 600; } .bt_bb_call_to_action.bt_bb_font_weight_700 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_700 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 700; } .bt_bb_call_to_action.bt_bb_font_weight_800 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_800 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 800; } .bt_bb_call_to_action.bt_bb_font_weight_900 .bt_bb_call_to_action_content .bt_bb_call_to_action_supertitle, .bt_bb_call_to_action.bt_bb_font_weight_900 .bt_bb_call_to_action_content .bt_bb_call_to_action_content_title { font-weight: 900; } /* Card Image --------------------------------------------------- */ .bt_bb_card_image { position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; color: var(--card-image-primary-color, inherit); background-color: var(--card-image-secondary-color, transparent); overflow: hidden; z-index: 2; transition: all 650ms ease; } .button-shape-square .bt_bb_card_image { border-radius: 0; } .button-shape-square .bt_bb_card_image:before { border-radius: 0; } .button-shape-square .bt_bb_card_image .bt_bb_card_image_image { border-radius: 0; } .button-shape-square .bt_bb_card_image .bt_bb_card_image_text_box { border-radius: 0; } .button-shape-square .bt_bb_card_image.bt_bb_image_position_background .bt_bb_card_image_text_box { border-radius: 0; } .button-shape-rounded .bt_bb_card_image { border-radius: var(--card-soft-rounded); } .button-shape-rounded .bt_bb_card_image:before { border-radius: var(--card-soft-rounded); } .button-shape-rounded .bt_bb_card_image .bt_bb_card_image_image { border-top-left-radius: var(--card-soft-rounded); border-top-right-radius: var(--card-soft-rounded); } .button-shape-rounded .bt_bb_card_image .bt_bb_card_image_text_box { border-bottom-left-radius: var(--card-soft-rounded); border-bottom-right-radius: var(--card-soft-rounded); } .button-shape-rounded .bt_bb_card_image.bt_bb_image_position_background .bt_bb_card_image_text_box { border-radius: var(--card-soft-rounded); } .button-shape-round .bt_bb_card_image { border-radius: var(--card-hard-rounded); } .button-shape-round .bt_bb_card_image:before { border-radius: var(--card-hard-rounded); } .button-shape-round .bt_bb_card_image .bt_bb_card_image_image { border-top-left-radius: var(--card-hard-rounded); border-top-right-radius: var(--card-hard-rounded); } .button-shape-round .bt_bb_card_image .bt_bb_card_image_text_box { border-bottom-left-radius: var(--card-hard-rounded); border-bottom-right-radius: var(--card-hard-rounded); } .button-shape-round .bt_bb_card_image.bt_bb_image_position_background .bt_bb_card_image_text_box { border-radius: var(--card-hard-rounded); } .bt_bb_card_image.bt_bb_shape_square { border-radius: 0; } .bt_bb_card_image.bt_bb_shape_square:before { border-radius: 0; } .bt_bb_card_image.bt_bb_shape_square .bt_bb_card_image_image { border-radius: 0; } .bt_bb_card_image.bt_bb_shape_square .bt_bb_card_image_text_box { border-radius: 0; } .bt_bb_card_image.bt_bb_shape_square.bt_bb_image_position_background .bt_bb_card_image_text_box { border-radius: 0; } .bt_bb_card_image.bt_bb_shape_soft-rounded { border-radius: var(--card-soft-rounded); } .bt_bb_card_image.bt_bb_shape_soft-rounded:before { border-radius: var(--card-soft-rounded); } .bt_bb_card_image.bt_bb_shape_soft-rounded .bt_bb_card_image_image { border-top-left-radius: var(--card-soft-rounded); border-top-right-radius: var(--card-soft-rounded); } .bt_bb_card_image.bt_bb_shape_soft-rounded .bt_bb_card_image_text_box { border-bottom-left-radius: var(--card-soft-rounded); border-bottom-right-radius: var(--card-soft-rounded); } .bt_bb_card_image.bt_bb_shape_soft-rounded.bt_bb_image_position_background .bt_bb_card_image_text_box { border-radius: var(--card-soft-rounded); } .bt_bb_card_image.bt_bb_shape_hard-rounded { border-radius: var(--card-hard-rounded); } .bt_bb_card_image.bt_bb_shape_hard-rounded:before { border-radius: var(--card-hard-rounded); } .bt_bb_card_image.bt_bb_shape_hard-rounded .bt_bb_card_image_image { border-top-left-radius: var(--card-hard-rounded); border-top-right-radius: var(--card-hard-rounded); } .bt_bb_card_image.bt_bb_shape_hard-rounded .bt_bb_card_image_text_box { border-bottom-left-radius: var(--card-hard-rounded); border-bottom-right-radius: var(--card-hard-rounded); } .bt_bb_card_image.bt_bb_shape_hard-rounded.bt_bb_image_position_background .bt_bb_card_image_text_box { border-radius: var(--card-hard-rounded); } .bt_bb_card_image.bt_bb_shadow_show { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_card_image.bt_bb_shadow_visible_move { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_card_image.bt_bb_shadow_visible_move:hover { transform: translate(0px, -2px); } .bt_bb_card_image.bt_bb_shadow_on_hover:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_card_image.bt_bb_shadow_on_hover_zoom:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_card_image.bt_bb_shadow_on_hover_zoom:hover .bt_bb_card_image_image .bt_bb_image img { transform: scale3d(1.03, 1.03, 1.03); } .bt_bb_card_image.bt_bb_shadow_move_up:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); transform: translate(0px, -2px); } .bt_bb_card_image.bt_bb_shadow_move_up_zoom:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); transform: translate(0px, -2px); } .bt_bb_card_image.bt_bb_shadow_move_up_zoom:hover .bt_bb_card_image_image .bt_bb_image img { transform: scale3d(1.03, 1.03, 1.03); } .bt_bb_card_image .bt_bb_card_image_image { overflow: hidden; } .bt_bb_card_image .bt_bb_card_image_image .bt_bb_image { float: none; } .bt_bb_card_image .bt_bb_card_image_image .bt_bb_image img { transform: scale3d(1, 1, 1); transition: transform 650ms ease-in-out, filter 650ms ease-in-out; } .bt_bb_card_image.bt_bb_image_position_background .bt_bb_card_image_text_box { position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); z-index: 2; } .bt_bb_card_image.bt_bb_show_content_hover .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { display: none; } .bt_bb_card_image.bt_no_title:not(.bt_bb_image_position_background).bt_bb_show_content_hover .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title:not(.bt_bb_image_position_background).bt_bb_show_content_hover .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 20px; } .bt_bb_card_image .bt_bb_card_image_text_box { width: 100%; display: flex; flex-wrap: wrap; padding: 20px; background-color: var(--card-image-secondary-color, transparent); pointer-events: all; z-index: 1; } .bt_bb_card_image .bt_bb_card_image_text_box .bt_bb_card_image_title { width: 100%; display: block; } .bt_bb_card_image .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { display: block; position: relative; width: 100%; z-index: 4; pointer-events: none; } .bt_bb_card_image .bt_bb_card_image_text_box .bt_bb_card_image_content_inner .bt_bb_button { pointer-events: all; } .bt_bb_card_image .bt_bb_card_image_text_box .bt_bb_card_image_content_inner .bt_bb_icon { pointer-events: all; } .bt_bb_card_image .bt_bb_card_image_text_box .bt_bb_card_image_content_inner .bt_bb_icon + .bt_bb_button.bt_bb_style_clean .bt_bb_link { padding-top: .8em !important; padding-bottom: 0 !important; } .bt_bb_card_image .bt_bb_card_image_text_box .bt_bb_card_image_content_inner .bt_bb_icon + .bt_bb_button { float: right; } .bt_bb_card_image .btCardLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .bt_bb_card_image.bt_bb_detail_show, .bt_bb_card_image.bt_bb_detail_show_rotate, .bt_bb_card_image.bt_bb_detail_show_on_hover { overflow: visible; } .bt_bb_card_image.bt_bb_detail_show:before, .bt_bb_card_image.bt_bb_detail_show_rotate:before, .bt_bb_card_image.bt_bb_detail_show_on_hover:before { content: ""; position: absolute; display: block; width: calc(100% - .5em); height: calc(100% - .5em); margin-left: .7em; margin-top: -.35em; transform: rotate(2deg); background-color: var(--accent-color); pointer-events: none; transition: all 650ms ease; } .bt_bb_card_image.bt_bb_detail_show .bt_bb_card_image_image, .bt_bb_card_image.bt_bb_detail_show_rotate .bt_bb_card_image_image, .bt_bb_card_image.bt_bb_detail_show_on_hover .bt_bb_card_image_image { z-index: 2; } .bt_bb_card_image.bt_bb_detail_show_rotate:hover:before { transform: rotate(4deg); } .bt_bb_card_image.bt_bb_detail_show_on_hover:before { opacity: 0; } .bt_bb_card_image.bt_bb_detail_show_on_hover:hover:before { opacity: 1; } .bt_bb_card_image.bt_bb_title_color_dark .bt_bb_card_image_text_box .bt_bb_card_image_title { color: var(--dark-color); } .bt_bb_card_image.bt_bb_title_color_light .bt_bb_card_image_text_box .bt_bb_card_image_title { color: var(--light-color); } .bt_bb_card_image.bt_bb_title_color_accent .bt_bb_card_image_text_box .bt_bb_card_image_title { color: var(--accent-color); } .bt_bb_card_image.bt_bb_title_color_alternate .bt_bb_card_image_text_box .bt_bb_card_image_title { color: var(--alternate-color); } @media (max-width: 780px) { .bt_bb_card_image.bt_bb_image_position_background:not(.bt_bb_show_content_hover) .bt_bb_card_image_text_box { position: relative; bottom: auto; left: auto; width: 100%; z-index: 2; } .bt_bb_card_image.bt_bb_show_content_hover .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { display: block !important; height: 100% !important; opacity: 1 !important; } } @media (max-width: 580px) { .bt_bb_card_image .bt_bb_card_image_text_box .bt_bb_card_image_content_inner .bt_bb_icon + .bt_bb_button { float: left; padding-top: .8em; display: flex; width: 100%; } } /* Padding */ .bt_bb_card_image.bt_bb_padding_0px .bt_bb_card_image_text_box { padding: 0px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_0px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_0px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 0px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_0px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 0px; left: 0px; width: calc(100% - 0px); } .bt_bb_card_image.bt_bb_padding_5px .bt_bb_card_image_text_box { padding: 5px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_5px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_5px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 5px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_5px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 5px; left: 5px; width: calc(100% - 10px); } .bt_bb_card_image.bt_bb_padding_10px .bt_bb_card_image_text_box { padding: 10px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_10px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_10px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 10px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_10px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 10px; left: 10px; width: calc(100% - 20px); } .bt_bb_card_image.bt_bb_padding_15px .bt_bb_card_image_text_box { padding: 15px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_15px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_15px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 15px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_15px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 15px; left: 15px; width: calc(100% - 30px); } .bt_bb_card_image.bt_bb_padding_20px .bt_bb_card_image_text_box { padding: 20px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_20px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_20px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 20px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_20px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 20px; left: 20px; width: calc(100% - 40px); } .bt_bb_card_image.bt_bb_padding_25px .bt_bb_card_image_text_box { padding: 25px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_25px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_25px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 25px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_25px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 25px; left: 25px; width: calc(100% - 50px); } .bt_bb_card_image.bt_bb_padding_30px .bt_bb_card_image_text_box { padding: 30px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_30px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_30px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 30px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_30px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 30px; left: 30px; width: calc(100% - 60px); } .bt_bb_card_image.bt_bb_padding_35px .bt_bb_card_image_text_box { padding: 35px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_35px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_35px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 35px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_35px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 35px; left: 35px; width: calc(100% - 70px); } .bt_bb_card_image.bt_bb_padding_40px .bt_bb_card_image_text_box { padding: 40px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_40px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_40px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 40px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_40px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 40px; left: 40px; width: calc(100% - 80px); } .bt_bb_card_image.bt_bb_padding_45px .bt_bb_card_image_text_box { padding: 45px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_45px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_45px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 45px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_45px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 45px; left: 45px; width: calc(100% - 90px); } .bt_bb_card_image.bt_bb_padding_50px .bt_bb_card_image_text_box { padding: 50px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_50px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_50px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 50px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_50px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 50px; left: 50px; width: calc(100% - 100px); } .bt_bb_card_image.bt_bb_padding_55px .bt_bb_card_image_text_box { padding: 55px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_55px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_55px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 55px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_55px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 55px; left: 55px; width: calc(100% - 110px); } .bt_bb_card_image.bt_bb_padding_60px .bt_bb_card_image_text_box { padding: 60px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_60px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_60px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 60px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_60px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 60px; left: 60px; width: calc(100% - 120px); } .bt_bb_card_image.bt_bb_padding_65px .bt_bb_card_image_text_box { padding: 65px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_65px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_65px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 65px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_65px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 65px; left: 65px; width: calc(100% - 130px); } .bt_bb_card_image.bt_bb_padding_70px .bt_bb_card_image_text_box { padding: 70px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_70px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_70px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 70px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_70px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 70px; left: 70px; width: calc(100% - 140px); } .bt_bb_card_image.bt_bb_padding_75px .bt_bb_card_image_text_box { padding: 75px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_75px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_75px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 75px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_75px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 75px; left: 75px; width: calc(100% - 150px); } .bt_bb_card_image.bt_bb_padding_80px .bt_bb_card_image_text_box { padding: 80px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_80px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_80px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 80px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_80px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 80px; left: 80px; width: calc(100% - 160px); } .bt_bb_card_image.bt_bb_padding_85px .bt_bb_card_image_text_box { padding: 85px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_85px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_85px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 85px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_85px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 85px; left: 85px; width: calc(100% - 170px); } .bt_bb_card_image.bt_bb_padding_90px .bt_bb_card_image_text_box { padding: 90px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_90px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_90px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 90px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_90px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 90px; left: 90px; width: calc(100% - 180px); } .bt_bb_card_image.bt_bb_padding_95px .bt_bb_card_image_text_box { padding: 95px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_95px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_95px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 95px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_95px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 95px; left: 95px; width: calc(100% - 190px); } .bt_bb_card_image.bt_bb_padding_100px .bt_bb_card_image_text_box { padding: 100px; } .bt_bb_card_image.bt_no_title.bt_bb_padding_100px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box { padding: 0; } .bt_bb_card_image.bt_no_title.bt_bb_padding_100px:not(.bt_bb_image_position_background) .bt_bb_card_image_text_box .bt_bb_card_image_content_inner { padding: 100px; } .bt_bb_card_image.bt_bb_image_position_background.bt_bb_padding_100px.bt_bb_show_content_hover .bt_bb_card_image_text_box { bottom: 100px; left: 100px; width: calc(100% - 200px); } /* Card Icon --------------------------------------------------- */ .bt_bb_card_icon { display: inline-block; position: relative; overflow: hidden; background-color: var(--card-secondary-color, transparent); transition: all 650ms ease; } .bt_bb_card_icon.bt_bb_padding_none .bt_bb_card_icon_inner { padding: 0; } .bt_bb_card_icon .bt_bb_card_icon_inner { position: relative; z-index: 2; padding: 1.75em; background-color: var(--card-secondary-color, transparent); } .button-shape-square .bt_bb_card_icon { border-radius: 0; } .button-shape-square .bt_bb_card_icon:before, .button-shape-square .bt_bb_card_icon .bt_bb_card_icon_inner { border-radius: 0; } .button-shape-rounded .bt_bb_card_icon { border-radius: var(--card-soft-rounded); } .button-shape-rounded .bt_bb_card_icon:before, .button-shape-rounded .bt_bb_card_icon .bt_bb_card_icon_inner { border-radius: var(--card-soft-rounded); } .button-shape-round .bt_bb_card_icon { border-radius: var(--card-hard-rounded); } .button-shape-round .bt_bb_card_icon:before, .button-shape-round .bt_bb_card_icon .bt_bb_card_icon_inner { border-radius: var(--card-hard-rounded); } .bt_bb_card_icon.bt_bb_shape_square { border-radius: 0; } .bt_bb_card_icon.bt_bb_shape_square:before { border-radius: 0; } .bt_bb_card_icon.bt_bb_shape_soft_rounded { border-radius: var(--card-soft-rounded); } .bt_bb_card_icon.bt_bb_shape_soft_rounded:before, .bt_bb_card_icon.bt_bb_shape_soft_rounded .bt_bb_card_icon_inner { border-radius: var(--card-soft-rounded); } .bt_bb_card_icon.bt_bb_shape_hard_rounded { border-radius: var(--card-hard-rounded); } .bt_bb_card_icon.bt_bb_shape_hard_rounded:before, .bt_bb_card_icon.bt_bb_shape_hard_rounded .bt_bb_card_icon_inner { border-radius: var(--card-hard-rounded); } .bt_bb_card_icon.bt_bb_shape_circle { border-radius: 50%; } .bt_bb_card_icon.bt_bb_shape_circle:before, .bt_bb_card_icon.bt_bb_shape_circle .bt_bb_card_icon_inner { border-radius: 50%; } .bt_bb_card_icon.bt_bb_shape_circle .bt_bb_card_icon_inner { min-width: 12em; min-height: 12em; flex-wrap: wrap; display: inline-flex; justify-content: center; width: min-content; } .bt_bb_card_icon.bt_bb_shadow_on_hover:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_card_icon.bt_bb_shadow_show { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_card_icon.bt_bb_shadow_move_up:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); transform: translate(0px, -2px); } .bt_bb_card_icon.bt_bb_shadow_show_move { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } .bt_bb_card_icon.bt_bb_shadow_show_move:hover { transform: translate(0px, -2px); } .bt_bb_card_icon .btCardLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .bt_bb_card_icon .bt_bb_card_icon_top { display: flex; align-content: center; flex-wrap: wrap; width: 100%; align-items: center; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon { display: flex; z-index: 1; position: relative; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon .bt_bb_icon { padding: 0 !important; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon .bt_bb_icon .bt_bb_icon_holder:before { color: var(--icon-primary-color, var(--card-primary-color, var(--primary-color, inherit))); } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon span { display: flex; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg { pointer-events: none; width: 6.5em; height: 6.5em; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg .cls-1 { opacity: 1; fill: var(--card-colored-icon-primary-color, var(--very-light-accent-color)); } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg .cls-2 { opacity: 1; fill: var(--card-colored-icon-secondary-color, var(--accent-color)); } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg line.cls-1, .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg rect.cls-1 { fill: none; stroke: var(--card-colored-icon-secondary-color, var(--accent-color)); } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg line.cls-2, .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg rect.cls-2 { fill: none; stroke: inherit !important; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg rect.cls-4b { opacity: 1; fill: var(--card-colored-icon-primary-color, var(--very-light-accent-color)); } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_title { z-index: 1; position: relative; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_title .bt_bb_headline { color: var(--title-primary-color, var(--card-primary-color, var(--primary-color, inherit))); } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title { padding-left: 1.5em; } .rtl .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .rtl .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title { padding-right: 1.5em; padding-left: 0; } .bt_bb_align_center .bt_bb_card_icon .bt_bb_card_icon_content_inner, .bt_bb_card_icon.bt_bb_align_center .bt_bb_card_icon_content_inner, .bt_bb_align_left .bt_bb_card_icon.bt_bb_align_center .bt_bb_card_icon_content_inner, .bt_bb_align_left .bt_bb_align_center .bt_bb_card_icon .bt_bb_card_icon_content_inner, .bt_bb_align_right .bt_bb_card_icon.bt_bb_align_center .bt_bb_card_icon_content_inner, .bt_bb_align_right .bt_bb_align_center .bt_bb_card_icon .bt_bb_card_icon_content_inner { justify-content: center; } .bt_bb_align_center .bt_bb_card_icon .bt_bb_card_icon_top, .bt_bb_card_icon.bt_bb_align_center .bt_bb_card_icon_top, .bt_bb_align_left .bt_bb_card_icon.bt_bb_align_center .bt_bb_card_icon_top, .bt_bb_align_left .bt_bb_align_center .bt_bb_card_icon .bt_bb_card_icon_top, .bt_bb_align_right .bt_bb_card_icon.bt_bb_align_center .bt_bb_card_icon_top, .bt_bb_align_right .bt_bb_align_center .bt_bb_card_icon .bt_bb_card_icon_top { justify-content: center; } .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_content_inner, .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_content_inner, .bt_bb_align_left .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_content_inner, .bt_bb_align_left .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_content_inner, .bt_bb_align_center .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_content_inner, .bt_bb_align_center .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_content_inner { justify-content: end; } .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top, .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top, .bt_bb_align_left .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top, .bt_bb_align_left .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top, .bt_bb_align_center .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top, .bt_bb_align_center .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top { justify-content: end; flex-direction: row-reverse; } .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title, .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title, .bt_bb_align_left .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_align_left .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title, .bt_bb_align_left .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_align_left .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title, .bt_bb_align_center .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_align_center .bt_bb_card_icon.bt_bb_align_right .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title, .bt_bb_align_center .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_align_center .bt_bb_align_right .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title { padding-left: 0; padding-right: 1.5em; } .bt_bb_card_icon.bt_bb_detail_show, .bt_bb_card_icon.bt_bb_detail_show_rotate, .bt_bb_card_icon.bt_bb_detail_show_on_hover { overflow: visible; } .bt_bb_card_icon.bt_bb_detail_show:before, .bt_bb_card_icon.bt_bb_detail_show_rotate:before, .bt_bb_card_icon.bt_bb_detail_show_on_hover:before { content: ""; display: block; width: calc(100% - .5em); position: absolute; height: calc(100% - .5em); margin-left: .5em; margin-top: -.35em; transform: rotate(2deg); background-color: var(--accent-color); pointer-events: none; transition: all 650ms ease; } .bt_bb_card_icon.bt_bb_detail_show_rotate:hover:before { transform: rotate(4deg); } .bt_bb_card_icon.bt_bb_detail_show_on_hover:before { opacity: 0; } .bt_bb_card_icon.bt_bb_detail_show_on_hover:hover:before { opacity: 1; } .bt_bb_card_icon .bt_bb_card_icon_content_inner { display: flex; flex-wrap: wrap; z-index: 4; position: relative; pointer-events: none; } .bt_bb_card_icon .bt_bb_card_icon_content_inner .bt_bb_button { pointer-events: all; } .bt_bb_card_icon .bt_bb_card_icon_content_inner .bt_bb_separator_v2 { width: 100%; } .bt_bb_card_icon .bt_bb_card_icon_content_inner .bt_bb_button { margin: 0; } .bt_bb_card_icon .bt_bb_card_icon_content_inner .bt_bb_button.bt_bb_style_clean a { padding-top: 0 !important; padding-bottom: 0 !important; } .slick-list .slick-slide .content .bt_bb_card_icon.bt_bb_shape_circle { margin: 0 1rem; } /* Padding */ .bt_bb_card_icon.bt_bb_padding_5px .bt_bb_card_icon_inner { padding: 5px; } .bt_bb_card_icon.bt_bb_padding_10px .bt_bb_card_icon_inner { padding: 10px; } .bt_bb_card_icon.bt_bb_padding_15px .bt_bb_card_icon_inner { padding: 15px; } .bt_bb_card_icon.bt_bb_padding_20px .bt_bb_card_icon_inner { padding: 20px; } .bt_bb_card_icon.bt_bb_padding_25px .bt_bb_card_icon_inner { padding: 25px; } .bt_bb_card_icon.bt_bb_padding_30px .bt_bb_card_icon_inner { padding: 30px; } .bt_bb_card_icon.bt_bb_padding_35px .bt_bb_card_icon_inner { padding: 35px; } .bt_bb_card_icon.bt_bb_padding_40px .bt_bb_card_icon_inner { padding: 40px; } .bt_bb_card_icon.bt_bb_padding_45px .bt_bb_card_icon_inner { padding: 45px; } .bt_bb_card_icon.bt_bb_padding_50px .bt_bb_card_icon_inner { padding: 50px; } .bt_bb_card_icon.bt_bb_padding_55px .bt_bb_card_icon_inner { padding: 55px; } .bt_bb_card_icon.bt_bb_padding_60px .bt_bb_card_icon_inner { padding: 60px; } .bt_bb_card_icon.bt_bb_padding_65px .bt_bb_card_icon_inner { padding: 65px; } .bt_bb_card_icon.bt_bb_padding_70px .bt_bb_card_icon_inner { padding: 70px; } .bt_bb_card_icon.bt_bb_padding_75px .bt_bb_card_icon_inner { padding: 75px; } .bt_bb_card_icon.bt_bb_padding_80px .bt_bb_card_icon_inner { padding: 80px; } .bt_bb_card_icon.bt_bb_padding_85px .bt_bb_card_icon_inner { padding: 85px; } .bt_bb_card_icon.bt_bb_padding_90px .bt_bb_card_icon_inner { padding: 90px; } .bt_bb_card_icon.bt_bb_padding_95px .bt_bb_card_icon_inner { padding: 95px; } .bt_bb_card_icon.bt_bb_padding_100px .bt_bb_card_icon_inner { padding: 100px; } @media (max-width: 1480px) { .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg { width: 5.25em; height: 5.25em; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg.bt_bb_prosthesis { width: 5em; height: 5em; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_icon + .bt_bb_card_icon_title, .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon + .bt_bb_card_icon_title { padding-left: .5em; } } @media (max-width: 1280px) { .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg { width: 5em; height: 5em; } .bt_bb_card_icon .bt_bb_card_icon_top .bt_bb_card_icon_colored_icon svg.bt_bb_prosthesis { width: 4.5em; height: 4.5em; } } @media (max-width: 780px) { .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_top { display: block; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_top .bt_bb_card_icon_title { padding-left: 0em; padding-top: 1em; } } @media (max-width: 480px) { .bt_bb_card_icon .bt_bb_card_icon_title .bt_bb_headline .bt_bb_headline_tag { font-size: 1.5rem !important; } } .bt_bb_working_hours { transition: all 650ms ease; } .bt_bb_working_hours .bt_bb_working_hours_info { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; } .bt_bb_working_hours .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-size: var(--medium-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); opacity: 0; } .bt_bb_working_hours .bt_bb_working_hours_info .bt_bb_working_hours_open_title { opacity: 0; display: none; } .bt_bb_working_hours .bt_bb_working_hours_info .bt_bb_working_hours_circle { opacity: 0; display: flex; position: relative; width: 3em; height: 3em; align-items: center; justify-content: center; } .bt_bb_working_hours .bt_bb_working_hours_info .bt_bb_working_hours_circle:before { content: ""; width: 2em; height: 2em; display: inline-block; border-radius: 50%; background: var(--50-light-accent-color); box-shadow: 0 0 0px 5px var(--20-light-accent-color); position: absolute; } .bt_bb_working_hours .bt_bb_working_hours_info .bt_bb_working_hours_circle:after { content: ""; width: 1.25em; height: 1.25em; display: inline-block; border-radius: 50%; background: var(--accent-color); position: absolute; } .bt_bb_working_hours.bt_bb_opened .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_opened .bt_bb_working_hours_circle { opacity: 1; } .bt_bb_working_hours.bt_bb_opened .bt_bb_working_hours_open_title { display: block; } .bt_bb_working_hours.bt_bb_opened .bt_bb_working_hours_circle:before { animation: pulsate 2s ease-out; animation-iteration-count: infinite; } .bt_bb_working_hours.bt_bb_opened .bt_bb_working_hours_circle:after { animation: pulsate 1.2s ease-out; animation-iteration-count: infinite; } .bt_bb_working_hours.bt_bb_closed .bt_bb_working_hours_closed_title { opacity: 1; } .bt_bb_working_hours.bt_bb_hide_indication .bt_bb_working_hours_circle { display: none; } .bt_bb_working_hours.bt_bb_indication_color_alternate .bt_bb_working_hours_info .bt_bb_working_hours_circle:before { background: var(--50-light-alternate-color); box-shadow: 0 0 0px 5px var(--20-light-alternate-color); } .bt_bb_working_hours.bt_bb_indication_color_alternate .bt_bb_working_hours_info .bt_bb_working_hours_circle:after { background: var(--alternate-color); } .bt_bb_working_hours.bt_bb_indication_color_dark .bt_bb_working_hours_info .bt_bb_working_hours_circle:before { background: var(--50-light-dark-color); box-shadow: 0 0 0px 5px var(--20-light-dark-color); } .bt_bb_working_hours.bt_bb_indication_color_dark .bt_bb_working_hours_info .bt_bb_working_hours_circle:after { background: var(--dark-color); } .bt_bb_working_hours.bt_bb_indication_color_light .bt_bb_working_hours_info .bt_bb_working_hours_circle:before { background: var(--50-light-light-color); box-shadow: 0 0 0px 5px var(--20-light-light-color); } .bt_bb_working_hours.bt_bb_indication_color_light .bt_bb_working_hours_info .bt_bb_working_hours_circle:after { background: var(--light-color); } .bt_bb_working_hours.bt_bb_title_size_small .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_title_size_small .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-size: var(--small-title-size); } .bt_bb_working_hours.bt_bb_title_size_large .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_title_size_large .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-size: var(--normal-title-size); } .bt_bb_working_hours.bt_bb_title_color_dark .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_title_color_dark .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { color: var(--dark-color); } .bt_bb_working_hours.bt_bb_title_color_light .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_title_color_light .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { color: var(--light-color); } .bt_bb_working_hours.bt_bb_title_color_accent .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_title_color_accent .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { color: var(--accent-color); } .bt_bb_working_hours.bt_bb_title_color_alternate .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_title_color_alternate .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { color: var(--alternate-color); } .bt_bb_working_hours .bt_bb_working_hours_inner { display: flex; justify-content: space-between; align-items: center; padding: .5em .8em; } .bt_bb_working_hours .bt_bb_working_hours_inner:not(:last-child) { padding: .5em .8em; } .bt_bb_working_hours .bt_bb_working_hours_inner:last-child { padding-bottom: 0em; } .bt_bb_working_hours .bt_bb_working_hours_inner:first-child { padding-top: 0em !important; } .bt_bb_working_hours .bt_bb_working_hours_inner.btCurrrentDay { padding: .5em .8em !important; color: var(--current-day-primary-color, var(--accent-color)); background-color: var(--current-day-secondary-color, var(--very-light-accent-color)); } .bt_bb_working_hours .bt_bb_working_hours_inner.btCurrrentDay .bt_bb_working_hours_inner_day:before { content: var(--working-hours-icon); font-family: var(--working-hours-icon-font); color: var(--current-day-primary-color, var(--accent-color)); padding-right: .35rem; } .bt_bb_working_hours .bt_bb_working_hours_inner .bt_bb_working_hours_inner_day, .bt_bb_working_hours .bt_bb_working_hours_inner .bt_bb_working_hours_inner_time { font-size: 1em; } .bt_bb_working_hours .bt_bb_working_hours_inner .bt_bb_working_hours_inner_time { padding-left: 1em; } .bt_bb_working_hours .bt_bb_working_hours_inner .bt_bb_working_hours_inner_button { padding-left: 1em; } .bt_bb_working_hours .bt_bb_working_hours_inner .bt_bb_working_hours_inner_button .bt_bb_button { margin: 0; min-width: auto; font-size: .75em; } .bt_bb_working_hours .bt_bb_working_hours_inner .bt_bb_working_hours_inner_button .bt_bb_button a { padding: .786em 1.6em; } .bt_bb_working_hours .bt_bb_working_hours_inner.bt_bb_with_link .bt_bb_working_hours_inner_day { flex: 1 0 40%; } .bt_bb_working_hours.bt_bb_style_filled .bt_bb_working_hours_info { padding: 1.75em 2.25em; color: var(--light-color); background-color: var(--accent-color); } .bt_bb_working_hours.bt_bb_style_filled .bt_bb_working_hours_content { padding: 1.5em; } .bt_bb_working_hours.bt_bb_shadow_show { box-shadow: 0px 10px 10px rgba(0, 0, 0, .07); } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(.1, .1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0; } } .bt_bb_working_hours.bt_bb_font_weight_normal .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_normal .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: normal; } .bt_bb_working_hours.bt_bb_font_weight_bold .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_bold .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: bold; } .bt_bb_working_hours.bt_bb_font_weight_bolder .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_bolder .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: bolder; } .bt_bb_working_hours.bt_bb_font_weight_lighter .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_lighter .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: lighter; } .bt_bb_working_hours.bt_bb_font_weight_light .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_light .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: light; } .bt_bb_working_hours.bt_bb_font_weight_thin .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_thin .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: thin; } .bt_bb_working_hours.bt_bb_font_weight_100 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_100 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 100; } .bt_bb_working_hours.bt_bb_font_weight_200 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_200 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 200; } .bt_bb_working_hours.bt_bb_font_weight_300 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_300 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 300; } .bt_bb_working_hours.bt_bb_font_weight_400 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_400 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 400; } .bt_bb_working_hours.bt_bb_font_weight_500 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_500 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 500; } .bt_bb_working_hours.bt_bb_font_weight_600 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_600 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 600; } .bt_bb_working_hours.bt_bb_font_weight_700 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_700 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 700; } .bt_bb_working_hours.bt_bb_font_weight_800 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_800 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 800; } .bt_bb_working_hours.bt_bb_font_weight_900 .bt_bb_working_hours_info .bt_bb_working_hours_open_title, .bt_bb_working_hours.bt_bb_font_weight_900 .bt_bb_working_hours_info .bt_bb_working_hours_closed_title { font-weight: 900; } /* Credential --------------------------------------------------- */ .bt_bb_credential { display: flex; flex-wrap: wrap; align-items: center; } .bt_bb_credential .bt_bb_credential_image { padding-right: 1em; } .rtl .bt_bb_credential .bt_bb_credential_image { padding-left: 1em; padding-right: 0em; } .bt_bb_credential .bt_bb_credential_inner .bt_bb_credential_name { font-size: 1em; font-family: var(--supertitle-font); font-weight: 600; color: var(--credential-primary-color, var(--accent-color)); } .bt_bb_credential .bt_bb_credential_inner .bt_bb_credential_details { color: var(--credential-primary-color, inherit); } /* Before & After --------------------------------------------------- */ .bt_bb_before_after_image { position: relative; } .bt_bb_before_after_image:has(.bt_bb_before_after_image_before_txt_holder) .bt_bb_before_after_image-horizontal, .bt_bb_before_after_image:has(.bt_bb_before_after_image_after_txt_holder) .bt_bb_before_after_image-horizontal { padding-top: 2em; } .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle { height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; margin-left: -19px; margin-top: -19px; background: var(--accent-color); border-radius: 100%; box-shadow: 0px 0px 12px rgba(0, 0, 0, .2); border: 4px solid var(--light-color); z-index: 40; cursor: pointer; transition: 150ms ease background; } .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle:before, .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle:after { content: " "; display: block; position: absolute; left: 50%; width: 4px; height: 9999px; transform: translateX(-50%); background: var(--light-color); box-shadow: 0px 0px 12px rgba(0, 0, 0, .2); z-index: 30; } .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle:before { bottom: 50%; margin-bottom: 20px; } .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle:after { top: 50%; margin-top: 20px; } .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle .bt_bb_before_after_image-left-arrow { display: block; text-align: center; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border-radius: 100%; background: var(--accent-color); transition: all 200ms ease; } .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle .bt_bb_before_after_image-left-arrow:before { content: var(--bt-before-after-icon); font-family: var(--bt-before-after-icon-font); font-size: 1.4em; line-height: 1.25; color: var(--light-color); } .bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle:hover .bt_bb_before_after_image-left-arrow { background: var(--accent-color); box-shadow: 0 2px 10px rgba(0, 0, 0, .4); } .bt_bb_before_after_image .bt_bb_before_after_image-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .bt_bb_before_after_image .bt_bb_before_after_image-container img { max-width: 100%; position: absolute; top: 0; display: block; pointer-events: none; } .bt_bb_before_after_image .bt_bb_before_after_image-container.active .bt_bb_before_after_image-handle { background: var(--accent-color); } .bt_bb_before_after_image .bt_bb_before_after_image-container.active .bt_bb_before_after_image-handle .bt_bb_before_after_image-left-arrow { background: var(--accent-color); opacity: 1; } .bt_bb_before_after_image .bt_bb_before_after_image-container * { box-sizing: content-box; } .bt_bb_before_after_image .bt_bb_before_after_image-before { z-index: 20; } .bt_bb_before_after_image .bt_bb_before_after_image-after { z-index: 10; } .bt_bb_before_after_image .bt_bb_before_after_image_block { position: absolute; left: 0; bottom: 0; padding: 2em 3em; text-align: center; max-width: 40%; pointer-events: none; color: var(--light-color); background: var(--accent-color); } .bt_bb_before_after_image .bt_bb_before_after_image_block .bt_bb_before_after_image_headline { font-size: 1.375em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); display: block; line-height: 1; } .bt_bb_before_after_image .bt_bb_before_after_image_block .bt_bb_before_after_image_subheadline { font-size: .875em; display: block; font-family: var(--supertitle-font); line-height: 1.25; } .bt_bb_before_after_image .bt_bb_before_after_image_block .bt_bb_before_after_image_text { display: block; font-size: 1em; line-height: 1.25; } .bt_bb_before_after_image .bt_bb_before_after_image_before_txt_holder, .bt_bb_before_after_image .bt_bb_before_after_image_after_txt_holder { font-size: 1em; position: absolute; top: 0; padding-bottom: .5em; pointer-events: none; color: currentColor; } .bt_bb_before_after_image .bt_bb_before_after_image_before_txt_holder { left: 0; padding-right: 1.25em; } .bt_bb_before_after_image .bt_bb_before_after_image_after_txt_holder { right: 0; padding-left: 1.25em; } @media (max-width: 992px) { .bt_bb_before_after_image .bt_bb_before_after_image_block .bt_bb_before_after_image_headline { font-size: 25px; } .bt_bb_before_after_image .bt_bb_before_after_image_block .bt_bb_before_after_image_subheadline { font-size: 17px; } .bt_bb_before_after_image .bt_bb_before_after_image_block .bt_bb_before_after_image_smaler_subheadline { font-size: 17px; } } @media (max-width: 768px) { .bt_bb_before_after_image .bt_bb_before_after_image_block { max-width: 100%; position: relative; } .bt_bb_before_after_image .bt_bb_before_after_image_before_txt_holder, .bt_bb_before_after_image .bt_bb_before_after_image_after_txt_holder { bottom: auto; top: 0; font-size: 14px; } } /* Link --------------------------------------------------- */ .bt_bb_link_element { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; transition: all 500ms ease; } .bt_bb_align_center .bt_bb_link_element .bt_bb_link_content, .bt_bb_link_element.bt_bb_align_center .bt_bb_link_content, .bt_bb_align_left .bt_bb_link_element.bt_bb_align_center .bt_bb_link_content, .bt_bb_align_left .bt_bb_align_center .bt_bb_link_element .bt_bb_link_content, .bt_bb_align_right .bt_bb_link_element.bt_bb_align_center .bt_bb_link_content, .bt_bb_align_right .bt_bb_align_center .bt_bb_link_element .bt_bb_link_content { flex-direction: row-reverse; } .bt_bb_align_right .bt_bb_link_element, .bt_bb_link_element.bt_bb_align_right, .bt_bb_align_left .bt_bb_link_element.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_element, .bt_bb_align_center .bt_bb_link_element.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_element { margin: 0; float: right; padding-left: .5em; } .bt_bb_align_right .bt_bb_link_element .bt_bb_link_content, .bt_bb_link_element.bt_bb_align_right .bt_bb_link_content, .bt_bb_align_left .bt_bb_link_element.bt_bb_align_right .bt_bb_link_content, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_element .bt_bb_link_content, .bt_bb_align_center .bt_bb_link_element.bt_bb_align_right .bt_bb_link_content, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_element .bt_bb_link_content { flex-direction: column; } .bt_bb_align_left .bt_bb_link_element, .bt_bb_link_element.bt_bb_align_left, .bt_bb_align_right .bt_bb_link_element.bt_bb_align_left, .bt_bb_align_right .bt_bb_align_left .bt_bb_link_element, .bt_bb_align_center .bt_bb_link_element.bt_bb_align_left, .bt_bb_align_center .bt_bb_align_left .bt_bb_link_element { margin: 0; float: left; padding-right: .5em; } .bt_bb_link_element .bt_bb_link_text { font-size: var(--medium-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); position: relative; padding-right: .15em; color: var(--link-primary-color, currentcolor); transition: all 250ms ease; } .rtl .bt_bb_link_element .bt_bb_link_text { padding-left: .15em; padding-right: 0; } .bt_bb_link_element .bt_bb_link_icon { position: relative; display: flex; margin-left: 1em; transition: all 250ms ease; } .rtl .bt_bb_link_element .bt_bb_link_icon { transform: rotate(180deg); } .bt_bb_link_element .bt_bb_link_icon:after { content: var(--link-arrow-icon); font-family: var(--link-arrow-icon-font); font-size: 2.5em; line-height: 1; font-weight: 400; font-style: normal; display: inline-block; vertical-align: middle; color: var(--link-secondary-color, var(--accent-color)); transition: all 250ms ease; } .bt_bb_link_element.bt_bb_arrow_style_02 .bt_bb_link_icon:after { content: var(--link-02-arrow-icon); font-family: var(--link-02-arrow-icon-font); } .bt_bb_link_element.bt_bb_arrow_visibility_show_hover .bt_bb_link_icon { opacity: 0; } .bt_bb_link_element.bt_bb_arrow_visibility_show_hover:hover .bt_bb_link_icon { opacity: 1; } .bt_bb_link_element.bt_bb_arrow_visibility_hide .bt_bb_link_icon { display: none; } .bt_bb_link_element .bt_bb_link_content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .bt_bb_link_element.btWithLink:hover .bt_bb_link_text { color: var(--link-secondary-color, var(--accent-color)); } .bt_bb_link_element.btWithLink:hover .bt_bb_link_icon { transform: translate3d(.5em, 0, 0); } .rtl .bt_bb_link_element.btWithLink:hover .bt_bb_link_icon { transform: rotate(180deg) translate3d(.5em, 0px, 0px); } @media (max-width: 580px) { .bt_bb_icon + .bt_bb_link { padding-top: 1em; display: flex; width: 100%; } } /* Floating image --------------------------------------------------- */ .bt_bb_floating_image { position: absolute; user-select: none; } .bt_bb_floating_image.bt_bb_floating_image_vertical_position_top { top: 0px; } .bt_bb_floating_image.bt_bb_floating_image_vertical_position_middle { top: 50%; bottom: auto; transform: translateY(-50%); } .bt_bb_floating_image.bt_bb_floating_image_vertical_position_bottom { bottom: 0px; } .bt_bb_floating_image.bt_bb_floating_image_horizontal_position_left { left: 0px; } .bt_bb_floating_image.bt_bb_floating_image_horizontal_position_center { margin-left: auto; margin-right: auto; left: 0; right: 0; } .bt_bb_floating_image.bt_bb_floating_image_horizontal_position_right { right: 0px; } .bt_bb_floating_image.bt_bb_floating_image_animation_style_ease_out .bt_bb_floating_image_image { transition: transform 1200ms ease-out; } .bt_bb_floating_image.bt_bb_floating_image_animation_style_ease_out_sine .bt_bb_floating_image_image { transition: transform 1200ms ease-out-sine; } .bt_bb_floating_image.bt_bb_floating_image_animation_style_ease_in .bt_bb_floating_image_image { transition: transform 1200ms ease-in; } .bt_bb_floating_image.bt_bb_floating_image_animation_style_ease_in_sine .bt_bb_floating_image_image { transition: transform 1200ms ease-in-sine; } .bt_bb_floating_image.bt_bb_floating_image_animation_style_ease_in_out .bt_bb_floating_image_image { transition: transform 1200ms ease-in-out; } .bt_bb_floating_image.bt_bb_floating_image_animation_style_ease_in_out_sine .bt_bb_floating_image_image { transition: transform 1200ms ease-in-out-sine; } .bt_bb_floating_image.bt_bb_floating_image_animation_style_ease_in_out_back .bt_bb_floating_image_image { transition: transform 1200ms ease-in-out-back; } .bt_bb_floating_image .bt_bb_floating_image_image { transform: translateY(0px); transition: transform 1200ms ease-out; } .bt_bb_floating_image .bt_bb_floating_image_image:nth-of-type(5n + 2) { transition-duration: 1400ms; } .bt_bb_floating_image .bt_bb_floating_image_image:nth-of-type(5n + 3) { transition-duration: 1600ms; } .bt_bb_floating_image .bt_bb_floating_image_image:nth-of-type(5n + 4) { transition-duration: 1800ms; } /* Animation duration */ .bt_bb_floating_image_animation_duration_0.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 0ms; } .bt_bb_floating_image_animation_duration_100.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 100ms; } .bt_bb_floating_image_animation_duration_200.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 200ms; } .bt_bb_floating_image_animation_duration_300.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 300ms; } .bt_bb_floating_image_animation_duration_400.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 400ms; } .bt_bb_floating_image_animation_duration_500.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 500ms; } .bt_bb_floating_image_animation_duration_600.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 600ms; } .bt_bb_floating_image_animation_duration_700.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 700ms; } .bt_bb_floating_image_animation_duration_800.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 800ms; } .bt_bb_floating_image_animation_duration_900.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 900ms; } .bt_bb_floating_image_animation_duration_100.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 100ms; } .bt_bb_floating_image_animation_duration_1100.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1100ms; } .bt_bb_floating_image_animation_duration_1200.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1200ms; } .bt_bb_floating_image_animation_duration_1300.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1300ms; } .bt_bb_floating_image_animation_duration_1400.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1400ms; } .bt_bb_floating_image_animation_duration_1500.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1500ms; } .bt_bb_floating_image_animation_duration_1600.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1600ms; } .bt_bb_floating_image_animation_duration_1700.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1700ms; } .bt_bb_floating_image_animation_duration_1800.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1800ms; } .bt_bb_floating_image_animation_duration_1900.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 1900ms; } .bt_bb_floating_image_animation_duration_2000.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 2000ms; } .bt_bb_floating_image_animation_duration_2500.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 2500ms; } .bt_bb_floating_image_animation_duration_3000.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 3000ms; } .bt_bb_floating_image_animation_duration_3500.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 3500ms; } .bt_bb_floating_image_animation_duration_4000.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 4000ms; } .bt_bb_floating_image_animation_duration_5000.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 5000ms; } .bt_bb_floating_image_animation_duration_6000.bt_bb_floating_image .bt_bb_floating_image_image { transition-duration: 6000ms; } /* Animation delay */ .bt_bb_floating_image_animation_delay_0.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 0ms; } .bt_bb_floating_image_animation_delay_100.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 100ms; } .bt_bb_floating_image_animation_delay_200.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 200ms; } .bt_bb_floating_image_animation_delay_300.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 300ms; } .bt_bb_floating_image_animation_delay_400.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 400ms; } .bt_bb_floating_image_animation_delay_500.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 500ms; } .bt_bb_floating_image_animation_delay_600.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 600ms; } .bt_bb_floating_image_animation_delay_700.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 700ms; } .bt_bb_floating_image_animation_delay_800.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 800ms; } .bt_bb_floating_image_animation_delay_900.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 900ms; } .bt_bb_floating_image_animation_delay_1000.bt_bb_floating_image .bt_bb_floating_image_image { transition-delay: 1000ms; } /* Step ---------------------------------------------------- */ .bt_bb_steps { display: flex; } .bt_bb_steps .bt_bb_inner_step { position: relative; padding: 0 4em; } .bt_bb_steps .bt_bb_inner_step:last-child { padding-right: 0; } .bt_bb_steps .bt_bb_inner_step:first-child { padding-left: 0; } .bt_bb_steps .bt_bb_inner_step.animate.move_right { transform: translate3d(-10%, 0, 0); } .bt_bb_steps .bt_bb_inner_step.animate.move_right.animated { transform: translate3d(0, 0, 0); } .bt_bb_steps .bt_bb_inner_step:after { content: ""; display: block; position: absolute; top: 5em; left: auto; right: -3.5em; width: 7.5em; height: 1px; z-index: 2; background-color: var(--steps-secondary-color, var(--dark-color)); } .rtl .bt_bb_steps .bt_bb_inner_step:after { left: -3.5em; right: auto; } .bt_bb_steps .bt_bb_inner_step:last-child:after { display: none; } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_title { font-size: 1.25em; font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: var(--supertitle-text-transform); letter-spacing: var(--supertitle-letter-spacing); line-height: 1.1; flex: 1 0 100%; padding-top: 1.35em; color: var(--steps-primary-color, var(--accent-color)); } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_subtitle { font-size: 1em; line-height: 1.4; padding-top: .8em; flex: 1 0 100%; } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_progress_bar { padding: 0 1em; } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_progress_bar .bt_bb_progress_bar_advanced .container .bt_bb_progress_bar_advanced_bar_text { color: var(--steps-primary-color, var(--accent-color)); } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_progress_bar .bt_bb_progress_bar_advanced .container svg { width: 9.5em !important; } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_progress_bar .bt_bb_progress_bar_advanced .container svg path { stroke-width: 1px; } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_progress_bar .bt_bb_progress_bar_advanced .container svg path:first-child { stroke: transparent; } .bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_progress_bar .bt_bb_progress_bar_advanced .container svg path:last-child { stroke: var(--steps-primary-color, var(--accent-color)); } @media (max-width: 1200px) { .bt_bb_steps { flex-wrap: wrap; } .bt_bb_steps .bt_bb_inner_step { padding-bottom: 1em; max-width: 33.33%; } } @media (max-width: 991px) { .bt_bb_steps { flex-wrap: wrap; } .bt_bb_steps .bt_bb_inner_step { padding-bottom: 1em; max-width: 50%; } } @media (max-width: 780px) { .bt_bb_steps { flex-wrap: wrap; } .bt_bb_steps .bt_bb_inner_step { max-width: 100%; padding: 0 0 10em 0; flex: 1 0 100%; } .bt_bb_steps .bt_bb_inner_step:last-child { padding-bottom: 0; } .bt_bb_steps .bt_bb_inner_step.animate.move_right { transform: translate3d(0, -10%, 0); } .bt_bb_steps .bt_bb_inner_step.animate.move_right.animated { transform: translate3d(0, 0, 0); } .bt_bb_steps .bt_bb_inner_step:after { width: 1px; height: 7.5em; top: auto; bottom: 1em; right: 50%; left: auto; } } /* Advanced progress bar --------------------------------------------------- */ .bt_bb_progress_bar_advanced { display: flex; flex-wrap: wrap; } .bt_bb_progress_bar_advanced a { color: inherit; } .bt_bb_progress_bar_advanced > p { width: 100%; padding-top: .5em; } .bt_bb_align_center .bt_bb_progress_bar_advanced p, .bt_bb_progress_bar_advanced.bt_bb_align_center p, .bt_bb_align_left .bt_bb_progress_bar_advanced.bt_bb_align_center p, .bt_bb_align_left .bt_bb_align_center .bt_bb_progress_bar_advanced p, .bt_bb_align_right .bt_bb_progress_bar_advanced.bt_bb_align_center p, .bt_bb_align_right .bt_bb_align_center .bt_bb_progress_bar_advanced p { text-align: center; } .bt_bb_progress_bar_advanced.bt_bb_size_normal { max-width: 16em; margin: 0 auto; } .bt_bb_progress_bar_advanced .container { width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .bt_bb_progress_bar_advanced .container .container_inner { position: absolute; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; width: 100%; height: 100%; } .bt_bb_progress_bar_advanced .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { font-size: 3.5em; line-height: 1.1; font-family: var(--heading-font); font-weight: var(--heading-font-weight); } .bt_bb_progress_bar_advanced .container .container_inner .bt_bb_icon_holder { font-size: 7em; font-weight: inherit; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_color_gray .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { color: var(--gray-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_text_color_accent .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { color: var(--accent-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_text_color_alternate .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { color: var(--alternate-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_text_color_light .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { color: var(--light-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_text_color_dark .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { color: var(--dark-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_icon_color_gray .container .container_inner .bt_bb_icon_holder { color: var(--gray-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_icon_color_accent .container .container_inner .bt_bb_icon_holder { color: var(--accent-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_icon_color_alternate .container .container_inner .bt_bb_icon_holder { color: var(--alternate-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_icon_color_light .container .container_inner .bt_bb_icon_holder { color: var(--light-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_icon_color_dark .container .container_inner .bt_bb_icon_holder { color: var(--dark-color); } .bt_bb_progress_bar_advanced.bt_bb_progress_text_size_medium .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { font-size: 4rem; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_size_large .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { font-size: 4.5rem; } /* Gutenberg --------------------------------------------------- */ .wp-block-pullquote blockquote { font-size: var(--medium-title-size); } .wp-block-pullquote p { font-size: 1em; }