/* Theme Name: Codi 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: codi 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 Codi 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: #ffffff; --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: 0.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: 0.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: 0.5rem; /* Meta value margin, when you need to space out share and continue reading */ --post-header-content-margin: 0.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: rgb(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: rgb(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; /* WP admin bar thickness on desktop */ } /*-------------------------------------------------------------- # 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: 0.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: -0.25em; } sup { top: -0.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: 0.35em 0.75em 0.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 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: 0.1; } blockquote:after { content: ""; display: table; width: 100%; clear: both; } blockquote p { margin-bottom: 0; } cite { opacity: 0.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, 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 0.5em; padding: 0; } .rtl li { margin: 0 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: 0.9em; margin: 0.1em 0 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: 0.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 { /* Shapes */ } .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: 0.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; /* Styles */ /* Hovers */ } .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: 0.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: #bb0000; 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="); } /* 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: #55555501; } /* 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; /* Regular sticky sidebar */ /* Sticky sidebar with admin bar */ } .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: 0.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: 0.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 { /* Alignment */ } .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: 0.1; } .default-headline-overlay-light-10 .page-header:before { background-color: white; opacity: 0.1; } .default-headline-overlay-dark-20 .page-header:before { background-color: black; opacity: 0.2; } .default-headline-overlay-light-20 .page-header:before { background-color: white; opacity: 0.2; } .default-headline-overlay-dark-30 .page-header:before { background-color: black; opacity: 0.3; } .default-headline-overlay-light-30 .page-header:before { background-color: white; opacity: 0.3; } .default-headline-overlay-dark-40 .page-header:before { background-color: black; opacity: 0.4; } .default-headline-overlay-light-40 .page-header:before { background-color: white; opacity: 0.4; } .default-headline-overlay-dark-50 .page-header:before { background-color: black; opacity: 0.5; } .default-headline-overlay-light-50 .page-header:before { background-color: white; opacity: 0.5; } .default-headline-overlay-dark-60 .page-header:before { background-color: black; opacity: 0.6; } .default-headline-overlay-light-60 .page-header:before { background-color: white; opacity: 0.6; } .default-headline-overlay-dark-70 .page-header:before { background-color: black; opacity: 0.7; } .default-headline-overlay-light-70 .page-header:before { background-color: white; opacity: 0.7; } .default-headline-overlay-dark-80 .page-header:before { background-color: black; opacity: 0.8; } .default-headline-overlay-light-80 .page-header:before { background-color: white; opacity: 0.8; } .default-headline-overlay-dark-90 .page-header:before { background-color: black; opacity: 0.9; } .default-headline-overlay-light-90 .page-header:before { background-color: white; opacity: 0.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; /* Before init */ } /* 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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.65rem solid transparent; align-items: center; justify-content: flex-end; position: absolute; opacity: 0.4; right: 0; z-index: 5; box-sizing: content-box; } .bt-header-responsive-active .sub-toggler { border-width: 0.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: 0.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) - 0.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; /* Sticky header styles - FIX AND SHRINK */ /* Sticky header styles - SHOW ON SCROLL UP */ } .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)*0.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 { /* Boxed */ /* Wide boxed */ } .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 { /* Boxed */ } .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 { /* Boxed */ /* Wide boxed */ } .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 { /* Boxed */ } .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 { /* Boxed */ /* Wide boxed */ } .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 { /* Boxed */ } .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 { /* Boxed */ /* Wide boxed */ } .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 { /* Boxed */ } .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; /* Using pseudo element to properly align trigger and logo depeneding on the trigger size */ } .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; /* Trigger icon */ } .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; /* Ordering the logo depending on the trigger */ } .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: 0.5em; } .rtl .site-header-responsive-logo-text .site-header-responsive-logo + .site-header-responsive-branding-text { margin-left: 0; margin-right: 0.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 { /* Responsive menu positioning */ } .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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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 { /* Menu below logo + content behind header + transparent logo and menu area - header get's a small line */ } .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: 0.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: 0.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: 0.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; /* Menu below logo */ /* Next to logo */ /* Sticky situation */ } .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 { /* Menu below logo */ /* Next to logo */ /* Set line height when next to logo and sticky */ } .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); /* Menu below logo */ /* Next to logo */ /* Sticky situation */ } .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; /* Menu below logo */ /* Next to logo */ /* Sticky situation */ } .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); /* height: auto; */ } .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 .rtl & {*/ } .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) * 0.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: 0.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 { /* Handle top bar */ /* Handle logo area and site branding */ } .bt-header-responsive-inactive.sticky-style-shrink .site-header { position: fixed; left: 0; right: 0; margin: auto; z-index: 10; transform: none !important; /* Regular fix and shrink sticky style defaults */ } .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 { /* Activated, waiting */ /* In process of transform */ /* Transformed */ /* Going back to normal */ } .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)*0.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 { /* Transformed */ /* Scrolled up */ } .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: 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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) * 0.3 * -1 - 0.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 */ /* Header width / boxed */ /* Sticky header width / wide */ /* Sticky header width / boxed */ /* Sticky header fix and shrink width / boxed */ } .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 fix and shrink width / boxed */ } .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 */ /* Header width / boxed */ /* Sticky header width / wide */ /* Sticky header width / boxed */ /* Sticky header fix and shrink width / boxed */ } .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 fix and shrink width / boxed */ } .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 */ /* Header width / boxed */ /* Sticky header width / wide */ /* Sticky header width / boxed */ /* Sticky header fix and shrink width / boxed */ } .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 fix and shrink width / boxed */ } .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 */ /* Header width / boxed */ /* Sticky header width / wide */ /* Sticky header width / boxed */ /* Sticky header fix and shrink width / boxed */ } .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 fix and shrink width / boxed */ } .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 0.3s ease, opacity 0.3s ease; text-align: center; overflow: hidden; user-select: none; /* Square preloader styling */ /* Dots preloader styling */ /* Circle preloader styling */ /* Dots square preloader styling */ /* Classic preloader styling */ /* Line preloader styling */ /* Multiline preloader styling */ } #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: 0.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 0.6s infinite; } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-2 { left: 0; animation: preloader-dots-two 0.6s infinite; } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-3 { left: 2em; animation: preloader-dots-two 0.6s infinite; } .preloader-animation-dots #preloader .preloader-animation .preloader-animation-element-4 { left: 4em; animation: preloader-dots-three 0.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(0.5, 0, 0.5, 1) infinite; border-color: currentColor transparent transparent transparent; } .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-1 { animation-delay: -0.45s; } .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-2 { animation-delay: -0.3s; } .preloader-animation-circle #preloader .preloader-animation .preloader-animation-element-3 { animation-delay: -0.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: 0.7em; height: 0.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: 0.125em; left: 0.125em; animation-delay: 0s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-2 { top: 0.125em; left: 1.625em; animation-delay: -0.4s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-3 { top: 0.125em; left: 3.125em; animation-delay: -0.8s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-4 { top: 1.625em; left: 0.125em; animation-delay: -0.4s; } .preloader-animation-dots-square #preloader .preloader-animation .preloader-animation-element-5 { top: 1.625em; left: 1.625em; animation-delay: -0.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: 0.125em; animation-delay: -0.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: 0.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: -0.9s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-4 { transform: rotate(135deg); animation-delay: -0.75s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-5 { transform: rotate(180deg); animation-delay: -0.6s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-6 { transform: rotate(225deg); animation-delay: -0.45s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-7 { transform: rotate(270deg); animation-delay: -0.3s; } .preloader-animation-classic #preloader .preloader-animation .preloader-animation-element-8 { transform: rotate(315deg); animation-delay: -0.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: 0.1; } .preloader-animation-line #preloader > div .preloader-animation .preloader-animation-element-2 { opacity: 1; animation: preloader-line 2s cubic-bezier(0.5, 0, 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: 0.25; } } /* Classic preloader animation --------------------------------------------- */ @keyframes preloader-classic { 0% { opacity: 1; } 100% { opacity: 0; } } /* Multiline preloader animation --------------------------------------------- */ @keyframes preloader-multiline { 0% { opacity: 0.15; width: 0%; } 20% { width: 100%; } 39% { opacity: 0.15; } 40% { opacity: 0.05; width: 0%; } 60% { width: 100%; } 80% { width: 0%; } 100% { opacity: 0.05; width: 0%; } } @keyframes loaderAlt { 0% { opacity: 0.07; width: 100%; } 19% { opacity: 0.07; } 20% { opacity: 0.1; width: 0%; } 40% { width: 100%; } 59% { opacity: 0.1; } 60% { opacity: 0.07; width: 0; } 80% { width: 100%; } 100% { opacity: 0.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 { /* Post title */ /* Post Media */ /* Post Content */ /* Footer and Read more */ } 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; /* Inherit shape from Typography settings */ /* Force it's own button shape */ /* Inherit color scheme from Typography settings */ } 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: 0.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: 0.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; /* Post title */ /* Post Media */ /* Post Content */ /* Footer and Read more */ } .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: 0.7em; font-family: Icon7Stroke; display: block; float: left; margin-right: 0.4em; padding-top: 0.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: 0.5em; } .share-options .share-options-title { padding-right: 0.25em; } .rtl .share-options .share-options-title { padding-right: 0; padding-left: 0.25em; } .share-options .bt_bb_icon { padding-right: 0.25em; } .rtl .share-options .bt_bb_icon { padding-right: 0; padding-left: 0.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: 0.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: 0.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: 0.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 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: 0.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: 0.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: 0.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: 0.25em 1em; background: rgba(255, 255, 255, 0.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 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: 0.5em; } .rtl .entry-content .page-links span:first-child, .rtl .entry-content .page-links a:first-child { margin-left: 0; margin-right: 0.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: 0.125em 0.25em; } .entry-content .page-links a { background: var(--accent-color); color: var(--light-color); padding: 0.125em 0.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: 0.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: -0.5em; margin-top: -0.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(0.5em, 0.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: 0.1; transition: 300ms ease all; line-height: 1; } .mfp-gallery .mfp-close:hover:before { color: var(--light-color); opacity: 0.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: 0.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: 0.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: 0.875em; line-height: 1.5; } .mfp-gallery .mfp-bottom-bar .mfp-counter { color: var(--light-color); font-size: 0.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: 0.75em; font-weight: bold; } .rtl article.portfolio .entry-content .portfolio-meta dl dt { padding-right: 0; padding-left: 0.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 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, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.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 { /* Everything that should be 100% width */ /* Button widget */ /* Service and time widget - goes into column, instead of row */ /* Icon without text, cart and search that only has an icon */ } .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: 0.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: 0.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: 0.5em; padding-bottom: 0em; display: inline-block; width: 100%; } .sidebar-box h5 { font-size: 1.4em; margin-bottom: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.6; } .widget_rss li cite { font-size: 0.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: 0.5em; display: block; opacity: 0.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 0.4rem 0.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 0.4rem 0.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: 0.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: 0.8em !important; padding-left: 6em !important; } .widget_search input[type=submit], .widget_block input[type=submit] { font-size: 0.75em; position: absolute; right: 0.6em; top: 0.6em; padding-right: 1.5em; padding-left: 1.5em; } .rtl .widget_search input[type=submit], .rtl .widget_block input[type=submit] { right: auto; left: 0.7rem; } .widget_search button[type=submit], .widget_block button[type=submit] { border: 0; padding: 0; margin: 0; position: absolute; right: 0.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 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: 0.6; transform: none; } .rtl .widget_search button[type=submit], .rtl .widget_block button[type=submit] { right: auto; left: 0.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 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 { /* Main search icon size */ /* Below menu search icon size */ /* Topbar icon size */ /* Responsive search icon size */ /* Responsive menu search icon size */ } .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: 0.6; } /* Text widget ----------------------------------------------*/ .btImageTextWidgetWraper ul li .btImageTextWidget { display: flex; align-items: center; } .btImageTextWidgetWraper ul li .btImageTextWidget:not(:last-child) { margin-bottom: 0.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; /* Icon size variations */ /* Below menu search icon size */ /* Topbar icon size */ /* Responsive search icon size */ } .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 0.5em; display: block; } .rtl .btIconWidget[id*=time] .btIconWidgetContent { padding: 0 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: 0.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: 0.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: 0.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] { /* Responsive menu search icon size */ } .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: 0.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: 0.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 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 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 { /* Main icon cart size */ /* Below menu cart icon size */ /* Topbar icon size */ /* Responsive cart icon size */ /* Responsive menu cart icon size */ } .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: 0.6em 1em 0.4em; /* copied from base */ } .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: 0.875em; width: 4em; height: 4em; line-height: 1; min-width: unset; min-height: unset; padding: 0.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 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: 0.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: 0.75em; padding: 0; margin: 1em var(--woo-product-content-padding) 0 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 0.5em; } .woocommerce-page del, .woocommerce del { opacity: 0.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: 0.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 0.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: 0.5em; } .woocommerce div.product div.summary p.price .del, .woocommerce div.product div.summary span.price .del { opacity: 0.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: 0.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: 0.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: 0.5em; padding-bottom: 0.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: 0.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: -0.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: 0.5em; padding-bottom: 0.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 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: 0.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: 0.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: 0.875em; padding: 0.875em; line-height: 1.5; } .pswp .pswp__counter { color: var(--light-color); font-size: 0.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 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: 0.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: 0.2em; } .rtl .woocommerce-Reviews .comment-respond .comment-form .comment-form-rating .stars > span a { margin-right: 0; margin-left: 0.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: 0.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; /* Styles */ /* Hovers */ /* Shapes */ } .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: 0.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: 0.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: 0.6; font-size: 0.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 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: 0.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: 0.8em 2em 0.8em 0 !important; color: inherit !important; } .rtl .select2-container .select2-selection .select2-selection__rendered { padding: 0.8em 0 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: 0.7em !important; } .rtl .select2-container .select2-selection .select2-selection__arrow { left: 0.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: 0.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: 0.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: 0.6; font-size: 0.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 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: 0.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: 0.8em 1.5em; pointer-events: none; opacity: 0.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: 0.25em; font-size: 2em; } .rtl .woocommerce-error:before, .rtl .woocommerce-info:before, .rtl .woocommerce-message:before { margin-right: 0; margin-left: 0.25em; right: auto; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { order: 1000; margin-left: auto !important; font-size: 0.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: 0.5em; margin-right: 0.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 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: 0.25em 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.8em !important; padding-left: 3em !important; } .widget_product_search .woocommerce-product-search button[type=submit] { border: 0; padding: 0; position: absolute; right: 0.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 0.25em; text-indent: 0; } .widget_product_search .woocommerce-product-search button[type=submit]:hover { opacity: 0.6; transform: none; background: transparent; box-shadow: none; color: inherit; } .woocommerce, .woocommerce-page { /* Layered nav */ /* Product categories */ /* Filter price widget */ /* Rating */ /* Top rated, products, recent reviews */ } .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: 0.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: 0.5; } .woocommerce .widget_product_categories ul li .count, .woocommerce-page .widget_product_categories ul li .count { float: right; opacity: 0.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: 0.75em; margin-bottom: 0.5em; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { font-size: 0.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: 0.5em 1em 0.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: -0.5em; margin-bottom: -0.5em; } .woocommerce.widget_shopping_cart .cart_list li, .woocommerce-page .widget_shopping_cart .cart_list li, .woocommerce .widget_shopping_cart .cart_list li { padding: 0.5em 2em 0.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: 0.5em calc(var(--woo-cart-widget-image-size) + .5em) 0.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: 0.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: 0.5em; padding-top: 0.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: 0.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 { /* Product search */ /* Cart */ /* Product categories */ /* Filter price widget */ /* Top rated, products, recent reviews */ } .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: 0.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: 0.7rem; } .rtl.woocommerce .widget_shopping_cart .cart_list li, .rtl.woocommerce-page .widget_shopping_cart .cart_list li { padding: 0.5em 3.5em 0.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(0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.5em; } .rtl .comments-area ol.comment-list li > article .comment-meta .comment-metadata .comment-edit-link { margin-left: 0; margin-right: 0.5em; } .comments-area ol.comment-list li > article .reply { font-size: 0.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: 0.75em 0 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: 0.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: 0.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; /* Styles */ /* Hovers */ /* Shapes */ } .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 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: 0.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: 0.875em; margin: 0 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 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: 0.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: 0.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: 0.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: 0.9em; font-weight: 500; padding: 0.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: 0.8; } .wp-block-button { margin-bottom: 0.5em; } .wp-block-button .wp-block-button__link { font-size: 0.9em; font-weight: 500; padding: 0.8em 2.2em; color: var(--light-color) !important; } .wp-block-button .wp-block-button__link:hover { opacity: 0.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: 0.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: 0.8125em !important; box-shadow: 0 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 0.8em 0.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: 0.5em; } .rtl .site-content .wp-block-tag-cloud a:before { padding-left: 0.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: 40px; /* 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: 0.65rem; --submenu-width: 280px; --menu-font-size: 18px; /* 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: 0.85rem; /* Top and bottom padding for responsive menu items */ --responsive-menu-max-width: 300px; /* 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: 0.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: 0.75em; /* Spacing between icon widgets in the header */ --widgets-button-spacing-header: 1em; /* Spacing between button widgets in the header */ --widgets-icon-spacing-header: 1em; /* 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: 3.2em; /* Single post inner spacing */ --post-meta-margin: 1rem; /* Margin value for posts, blog and portfolio */ /* Nav links */ --nav-links-image-size: 6rem; /* Image size for previous/next */ --nav-links-supertitle-size: 0.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: 20px; /* Left and right spacing between elements */ --woo-product-y-spacing: 1em; /* 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-next-icon: ""; /* Next icon */ --woo-gallery-previous-icon: ""; /* Previous icon */ --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(--alternate-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: 0.313em; /* Extra small grid gallery gap */ --grid-gallery-gap-small: 0.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: 0.313em; /* Small post / portflio grid gallery gap */ --post-pf-grid-gap-normal: 0.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: 0.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.335em; /* 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-next-icon: ""; /* Grid gallery next icon */ --mfp-gallery-previous-icon: ""; /* Grid gallery previous icon */ /* Contact form 7 */ --cf7-arrow-icon: ""; /* Icon for button */ --cf7-arrow-icon-font: RemixIconsSystem; /* Font family for the icon */ /* Post margins */ --post-margin-top: 6.4em; /* Top margin */ --post-margin-bottom: 6.4em; /* Bottom margin */ --page-header-regular-top: 6.4em; /* Page header margin top */ --page-header-regular-bottom: 6.4em; /* Page header margin bottom */ --columns-list-width-media: 50%; --woo-cart-widget-icon-size: 1.7em; --woo-cart-widget-icon: ""; --woo-cart-widget-icon-font: RemixIconsFinance; --woo-cart-widget-width: 360px; --portfolio-columns-meta-max-width: 30%; --portfolio-columns-3-media-width: 60%; /* Theme related variables, new variables used throughout the theme -----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Colors */ --gray-color: #F2F2F2; /* Gray color */ --card-gray-color: #F2F2F2; /* Gray color used in Cards */ --service-gray-color: #808080; /* Gray color used in Service */ --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% */ --inputs-outline: rgb(16 16 16 / 20%); /* Color for outline Inputs */ --blur-icons-background: rgb(16 16 16 / 20%); /* Color for Icon style Blur */ --pink-color: #DB33D5; /* Pink color used in gradient Button */ --dark-gray-color: #E0E0E0; /* Dark gray color */ --dark-10-color: rgb(16 16 16 / 10%); /* Dark transparent color used in header style */ --light-30-color: rgba(255 255 255 / 30%); /* Light transparent color used in Button outline */ --light-20-color: rgba(255 255 255 / 20%); /* Light transparent color used in Border Column */ --light-60-color: rgba(255 255 255 / 60%); /* Light semi color 60% */ --dark-60-color: rgba(16 16 16 / 60%); /* Dark semi color 60% */ /* Card Image rounded shapes */ --card-soft-rounded: 16px; /* Soft rounded shape, eg. Card image */ --card-hard-rounded: 20px; /* Hard rounded shape, eg. Card image */ --card-very-rounded: 32px; /* Very rounded shape, eg. Card image */ /* Section rounded shapes */ --section-soft-rounded: 16px; /* Soft rounded shape, eg. Section */ --section-hard-rounded: 96px; /* Hard rounded shape, eg. Section */ /* Body font */ --body-font-size: 18px; /* Body font size */ /* 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.34em; /* Title size - Extra small */ --small-title-size: 1.78em; /* Title size - Small */ --medium-title-size: 2.23em; /* Title size - Medium */ --normal-title-size: 3.12em; /* Title size - Normal */ --large-title-size: 4em; /* Title size - Large */ --extralarge-title-size: 5.34em; /* Title size - Extra large */ --huge-title-size: 6.67em; /* Title size - Huge */ --extrahuge-title-size: 8.89em; /* Title size - Extra Huge */ /* Button sizes */ --small-button-size: 0.88rem; /* Button size - Small */ --medium-button-size: 1rem; /* Button size - Medium */ --normal-button-size: 1.125rem; /* Button size - Normal */ --large-button-size: 1.25rem; /* 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 */ /* Image rounded shapes */ --image-small-rounded: 8px; /* Small rounded shape */ --image-soft-rounded: 16px; /* Soft rounded shape */ --image-softer-rounded: 32px; /* Hard rounded shape */ --image-very-rounded: 54px; /* Very rounded shape */ /* Latest post Image shape */ --latest-post-soft-rounded: 8px; /* Soft rounded shape */ /* Slider arrows navigation */ --slider-arrows-icon-prev: "<"; /* Arrows navigation */ --slider-arrows-icon-next: ">"; /* Arrows navigation */ --slider-arrows-icon-font: RemixIconsSystem; /* Arrows navigation font */ /* 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 */ --bt-cf7-arrow-icon: ""; --bt-cf7-arrow-icon-font: RemixIconsSystem; --post-image-gallery-overlay: rgb(0 0 0 / 70%); /* Lightbox overlay */ --sticky-menu-shadow: 0px 10px 10px rgba(0, 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 */ /* Accordion */ --accordion-icon: "+"; /* Accordion icon */ --accordion-icon-font: RemixIconsSystem; /* Font for Accordion icon */ /* Columns gap */ --column-gap-extra_small: 0.25rem; --column-gap-small: 0.5rem; --column-gap-normal: 1rem; --column-gap-medium: 2rem; --column-gap-large: 4rem; --price-table-icon: ""; /* Price table icon in the list */ --price-table-icon-font: RemixIconsSystem; /* Price table icon font in the list */ --button-arrow-icon: ""; /* Link icon */ --button-arrow-reverse-icon: ""; /* Link icon */ --button-arrow-icon-font: RemixIconsSystem; /* Link icon font */ /* Title sizes */ --title-size-extrasmall: 1.34em; --title-size-small: 1.78em; --title-size-medium: 2.23em; --title-size-normal: 3.12em; --title-size-large: 4em; --title-size-extralarge: 5.34em; --title-size-huge: 6.67em; --title-size-extrahuge: 8.89em; } .editor-styles-wrapper { /* Main Gutenberg settings */ --accent-color: #FFBF31; /* Main accent color */ --body-font: Inter; /* Main body font */ --heading-font: Plus Jakarta Sans; /* Main heading font */ --heading-font-weight: 400; /* 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.34rem; /* Title size - Extra small */ --small-title-size: 1.78rem; /* Title size - Small */ --medium-title-size: 2.23rem; /* Title size - Medium */ --normal-title-size: 3.12rem; /* Title size - Normal */ --large-title-size: 4rem; /* Title size - Large */ --extralarge-title-size: 5.34rem; /* Title size - Extra large */ --huge-title-size: 6.67rem; /* Title size - Huge */ --extrahuge-title-size: 8.89rem; /* Title size - Extra huge */ --quote-icon: ""; /* Blockquote icon */ --quote-icon-font: RemixIconsEditor; /* Blockquote icon font */ } .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 --------------------------------------------------- */ /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { font-size: var(--body-font-size); line-height: 1.56; } /* Forms */ input[type=submit], button[type=submit], input[type=file]::file-selector-button { font-size: var(--normal-button-size); color: var(--button-primary-color, var(--dark-color)); padding: 0.945em 1.5em; /* Hovers */ } input[type=submit]:hover, button[type=submit]:hover, input[type=file]::file-selector-button:hover { filter: saturate(0.7); color: var(--button-primary-color, var(--dark-color)); box-shadow: 0 0 0 3em var(--button-secondary-color, var(--accent-color)) inset; } blockquote { font-size: var(--medium-title-size); font-style: normal; padding: 0; margin-bottom: 1em; } blockquote:before { content: var(--quote-icon); font-family: var(--quote-icon-font); position: relative; color: inherit; font-size: 4rem; opacity: 0.2; line-height: 1; border-radius: 0; width: auto; height: auto; padding-left: 0; margin-bottom: 0; font-style: normal; } cite { font-size: 1.78rem; 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) ); } /* 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: 0.875em !important; margin: 0 0.6rem 0.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: 0.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: 0.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 0.4rem 0.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: 0.875em; } .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content { padding: 0 0 0 0.7em; } .widget_boldthemes_service_widget .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title { padding-bottom: 0.15em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); color: var(--primary-color); } .site-header .site-header-top-bar .bt_bb_service.bt_bb_size_xsmall .bt_bb_icon_holder { font-size: 0.9em; } .site-header .site-header-top-bar .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content { padding: 0px 0px 0px 0.4em; } .rtl .site-header .site-header-top-bar .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content { padding: 0 0.4em 0 0; } .site-header .site-header-top-bar .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content .bt_bb_service_content_title { font-size: 12px; } .site-header .site-header-top-bar .bt_bb_service.bt_bb_size_xsmall .bt_bb_service_content .bt_bb_service_content_text { font-size: 12px; } .site-header .site-header-top-bar .bt_bb_service .bt_bb_service_content { display: block; } .site-header .site-header-top-bar .bt_bb_service .bt_bb_service_content .bt_bb_service_content_title { float: left; padding-right: 0.5em; color: var(--primary-color); font-family: var(--body-font); font-weight: var(--body-font-weight); } .site-header .site-header-top-bar .bt_bb_service .bt_bb_service_content .bt_bb_service_content_text { float: left; color: var(--secondary-color); opacity: 1; } /* Button */ .widget_boldthemes_button_widget .bt_bb_button.bt_bb_icon_position_left .bt_bb_icon_holder { margin-right: 0.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_accent_icon .bt_bb_icon_holder { color: var(--accent-color) !important; } .widget_boldthemes_button_widget .bt_bb_button.bt_accent_light .bt_bb_icon_holder { color: var(--light-color) !important; } .bt-sticky-header-active.bt-sticky-header-active-open .site-header .widget_boldthemes_button_widget .bt_bb_button.bt_sticky_dark .bt_bb_icon_holder { color: var(--dark-color) !important; } /* Sidebar */ .sidebar-box > h4 { margin-bottom: 0.8em; } /* Text image widget */ .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_superheadline { margin-bottom: 0.25em; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; opacity: 0.6; font-size: 0.7em; } .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetText .bt_bb_headline_tag { font-size: 1.23rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .site-header .site-header-top-bar .widget_text { padding-right: var(--widgets-icon-spacing-header); } .rtl .site-header .site-header-top-bar .widget_text { padding-left: var(--widgets-icon-spacing-header); } .site-header-top-bar .widget_text { font-size: 12px; } /* Settings for the icon widget */ .site-header .site-header-top-bar .widget_boldthemes_icon_widget, .site-header-responsive-widgets .site-header-top-bar .widget_boldthemes_icon_widget { padding-right: 0.56em; } .rtl .site-header .site-header-top-bar .widget_boldthemes_icon_widget, .rtl .site-header-responsive-widgets .site-header-top-bar .widget_boldthemes_icon_widget { padding-left: 0.56em; } .site-navigation-widgets .widget_search + .widget_boldthemes_button_widget { padding-left: 1.2em; } .rtl .site-navigation-widgets .widget_search + .widget_boldthemes_button_widget { padding-right: 1.2em; padding-left: 0; } .site-navigation-widgets .widget_boldthemes_icon_widget + .widget_boldthemes_button_widget { padding-left: 1.2em; } .rtl .site-navigation-widgets .widget_boldthemes_icon_widget + .widget_boldthemes_button_widget { padding-right: 1.2em; padding-left: 0; } .site-navigation-widgets .woocommerce.widget_shopping_cart + .widget_boldthemes_button_widget { padding-left: 1.2em; } .rtl .site-navigation-widgets .woocommerce.widget_shopping_cart + .widget_boldthemes_button_widget { padding-right: 1.2em; padding-left: 0; } .site-navigation-widgets .widget_boldthemes_icon_widget .bt_bb_icon.bt_bb_size_small.bt_bb_style_borderless .bt_bb_icon_holder:before { font-size: 1.5rem; } /* Desktop site header --------------------------------------------- */ /* Header */ .bt-header-responsive-inactive { /* Shadow sticky header */ } .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 line */ .bt-header-responsive-inactive.header-lines-show:not(.bt-sticky-header-active) .site-header:has(.main-navigation) .site-branding-inner { position: relative; } .bt-header-responsive-inactive.header-lines-show:not(.bt-sticky-header-active) .site-header:has(.main-navigation) .site-branding-inner:after { content: ""; display: block; height: 1px; width: 100%; background: currentColor; position: absolute; inset: auto 0 0 0; } .bt-header-responsive-inactive.header-lines-show:not(.bt-sticky-header-active).header-width-wide-boxed-1600 .site-header:has(.main-navigation) .site-branding-inner { max-width: calc(1600px - var(--content-padding)); padding: 0; } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 1; } .bt-header-responsive-inactive.lines-opacity-verysmall .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.1; } .bt-header-responsive-inactive.lines-opacity-verysmall .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.1; } .bt-header-responsive-inactive.lines-opacity-extra-small .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.2; } .bt-header-responsive-inactive.lines-opacity-extra-small .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.2; } .bt-header-responsive-inactive.lines-opacity-small .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.3; } .bt-header-responsive-inactive.lines-opacity-small .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.3; } .bt-header-responsive-inactive.lines-opacity-normal .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.4; } .bt-header-responsive-inactive.lines-opacity-normal .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.4; } .bt-header-responsive-inactive.lines-opacity-medium .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.5; } .bt-header-responsive-inactive.lines-opacity-medium .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.5; } .bt-header-responsive-inactive.lines-opacity-large .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.6; } .bt-header-responsive-inactive.lines-opacity-large .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.6; } .bt-header-responsive-inactive.lines-opacity-extra-large .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.7; } .bt-header-responsive-inactive.lines-opacity-extra-large .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.7; } .bt-header-responsive-inactive.lines-opacity-huge .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.8; } .bt-header-responsive-inactive.lines-opacity-huge .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.8; } .bt-header-responsive-inactive.lines-opacity-extra-huge .site-header:has(.main-navigation) .site-branding-inner:after { opacity: 0.9; } .bt-header-responsive-inactive.lines-opacity-extra-huge .main-navigation ul.main-navigation-menu > li.bt-wide-dropdown > ul ul:before { opacity: 0.9; } /* Blur */ .bt-header-responsive-inactive.blur-show:not(.bt-sticky-header-active) .site-header .site-branding { position: relative; } .bt-header-responsive-inactive.blur-show:not(.bt-sticky-header-active) .site-header .site-branding:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: -1; } /* 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(0.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(0.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(0.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(0.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; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li > a:before { background-color: var(--primary-color); } /* Sub menu */ .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu ul { transform: translateY(0.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(0.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(0.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); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li a:hover { color: var(--dropdown-hover-primary-color, var(--accent-color)); } /* Switch Wide menu position */ :not(.rtl).bt-header-responsive-inactive.primary-menu-position-logo-left .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; transform: translateX(calc(-1 * var(--submenu-width)/2)) !important; left: 0; right: auto; } /* Dropdown hover */ .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu li:not(.bt-wide-dropdown) ul.sub-menu li.on a { color: var(--dropdown-hover-primary-color); background-color: var(--dropdown-hover-secondary-color); } .bt-header-responsive-inactive .main-navigation ul.main-navigation-menu ul li:not(:last-child):after { color: var(--dropdown-primary-color) !important; background-color: currentColor !important; } /* 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); } /* Header line */ .bt-header-responsive-inactive:not(.bt-sticky-header-active) .main-navigation.main-navigation-logo-area nav > ul > li > a:before { bottom: calc(max(var(--logo-height), var(--min-header-height))/2 - 27px); background: var(--site-branding-bar-color, var(--primary-color)); } .bt-header-responsive-inactive:not(.bt-sticky-header-active) .main-navigation.main-navigation-logo-area nav > ul > li > a { line-height: 1; display: flex; align-items: center; height: auto; padding: calc(max(var(--logo-height), var(--min-header-height))/2 - 9px) 0; } .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.current-menu-item > a:before, .bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.current-menu-parent > a:before { transform: scaleX(1); } .current-menu-line-color-light:not(.bt-sticky-header-active).bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--light-color); } .current-menu-line-color-dark:not(.bt-sticky-header-active).bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--dark-color); } .current-menu-line-color-accent:not(.bt-sticky-header-active).bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--accent-color); } .current-menu-line-color-alternate:not(.bt-sticky-header-active).bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--alternate-color); } /* Sticky header - Current menu */ .sticky-current-menu-line-color-light.bt-sticky-header-active.bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--light-color); } .sticky-current-menu-line-color-dark.bt-sticky-header-active.bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--dark-color); } .sticky-current-menu-line-color-accent.bt-sticky-header-active.bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--accent-color); } .sticky-current-menu-line-color-alternate.bt-sticky-header-active.bt-header-responsive-inactive .main-navigation.main-navigation-logo-area nav > ul > li > a:before { background: var(--alternate-color); } /* Sticky header blur */ .bt-header-responsive-inactive.sticky-blur-show.bt-sticky-header-active .site-header { backdrop-filter: blur(10px); } /* Typography --------------------------------------------------- */ input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea, select { border: 1px solid var(--inputs-outline); background-color: transparent; } input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, textarea:focus, select:focus { border-color: var(--accent-color); } input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea { padding: 0.8em 1.25em; min-height: 52px; } input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea { min-height: 52px; } input[type=file] { padding: 0.75em 1.25em !important; } select { padding: 0.5em 2.5em 0.5em 1.25em; line-height: 1.5 !important; height: 52px; } .rtl select { padding: 0.5em 1.25em 0.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; } .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: 2px; border-top-color: var(--primary-10-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: 0.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 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: 0.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: 0.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: 0.25em; } .entry-meta > span.comments-number a:after, .entry-meta > div.comments-number a:after { content: ""; display: inline-block; width: 0.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: 2px; } .archive-pagination .paging p a { font-size: var(--post-navigation-font-size); } .archive-pagination .paging p a:after { color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); 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: var(--paging-arrow-hover-transform); box-shadow: var(--paging-arrow-hover-shadow); margin-left: var(--post-paging-arrow-hover-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 { transform: scaleX(-1) var(--paging-arrow-hover-transform); margin-left: 0; margin-right: var(--post-paging-arrow-hover-margin); } .rtl .posts-navigation .nav-links .nav-next a:hover:after { margin-right: 0; margin-left: var(--post-paging-arrow-hover-margin); } .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); font-style: var(--supertitle-font-style); letter-spacing: 0; margin-bottom: 0.25em; color: inherit; text-transform: uppercase; opacity: 0.4; font-size: 0.75em; } /* Media box */ .media-box.quote, .media-box.link { /* Remove blockquote theme special styling */ } .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, .media-box.link blockquote { font-size: var(--small-title-size); } .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: 0.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; } .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: 1.5rem; font-family: var(--body-font); font-weight: var(--body-font-weight); margin-top: 0; padding-top: 0; border-top: 0; display: flex; flex-direction: column; align-items: center; } .media-box.quote cite:before, .media-box.link cite:before { content: ""; width: 2px; height: 2em; display: block; margin-top: 0.5em; margin-bottom: 0.5em; background: currentColor; } .media-box.link p:before { content: var(--post-link-icon) !important; font-family: var(--post-link-icon-family) !important; } .media-box.quote p:before { content: var(--post-quote-icon) !important; font-family: var(--post-quote-icon-family) !important; } .media-box .bt_bb_slider button.slick-arrow.slick-next { right: 1.5em; } .rtl .media-box .bt_bb_slider button.slick-arrow.slick-next { left: auto; right: 1em; } .media-box .bt_bb_slider button.slick-arrow.slick-prev { left: 1.5em; } .rtl .media-box .bt_bb_slider button.slick-arrow.slick-prev { right: auto; left: 1em; } .media-box img { width: 100%; } @media (max-width: 780px) { .media-box.quote, .media-box.link { padding: 2em; } .media-box.quote p, .media-box.link p { font-size: 2rem; } } /* Blog image shape */ .blog-image-shape-square .post .article-media, .blog-image-shape-square .post .media-box { border-radius: 0 !important; overflow: hidden; } .blog-image-shape-square .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: 0 !important; } .blog-image-shape-square .comment-navigation .nav-links .nav-previous .nav-image, .blog-image-shape-square .comment-navigation .nav-links .nav-next .nav-image, .blog-image-shape-square .post-navigation .nav-links .nav-previous .nav-image, .blog-image-shape-square .post-navigation .nav-links .nav-next .nav-image { border-radius: 0 !important; } .blog-image-shape-soft-rounded .post .article-media, .blog-image-shape-soft-rounded .post .media-box { border-radius: var(--image-small-rounded) !important; overflow: hidden; } .blog-image-shape-soft-rounded .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: var(--image-small-rounded) !important; } .blog-image-shape-soft-rounded .comment-navigation .nav-links .nav-previous .nav-image, .blog-image-shape-soft-rounded .comment-navigation .nav-links .nav-next .nav-image, .blog-image-shape-soft-rounded .post-navigation .nav-links .nav-previous .nav-image, .blog-image-shape-soft-rounded .post-navigation .nav-links .nav-next .nav-image { border-radius: var(--image-small-rounded) !important; } .blog-image-shape-hard-rounded .post .article-media, .blog-image-shape-hard-rounded .post .media-box { border-radius: var(--card-very-rounded) !important; overflow: hidden; } .blog-image-shape-hard-rounded .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: var(--image-small-rounded) !important; } .blog-image-shape-hard-rounded .comment-navigation .nav-links .nav-previous .nav-image, .blog-image-shape-hard-rounded .comment-navigation .nav-links .nav-next .nav-image, .blog-image-shape-hard-rounded .post-navigation .nav-links .nav-previous .nav-image, .blog-image-shape-hard-rounded .post-navigation .nav-links .nav-next .nav-image { border-radius: var(--image-small-rounded) !important; } /* Portfolio image shape */ .pf-image-shape-square .portfolio .article-media, .pf-image-shape-square .portfolio .media-box { border-radius: 0 !important; overflow: hidden; } .pf-image-shape-square .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: 0 !important; } .pf-image-shape-square .comment-navigation .nav-links .nav-previous .nav-image, .pf-image-shape-square .comment-navigation .nav-links .nav-next .nav-image, .pf-image-shape-square .post-navigation .nav-links .nav-previous .nav-image, .pf-image-shape-square .post-navigation .nav-links .nav-next .nav-image { border-radius: 0 !important; } .pf-image-shape-soft-rounded .portfolio .article-media, .pf-image-shape-soft-rounded .portfolio .media-box { border-radius: var(--image-small-rounded) !important; overflow: hidden; } .pf-image-shape-soft-rounded .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: var(--image-small-rounded) !important; } .pf-image-shape-soft-rounded .comment-navigation .nav-links .nav-previous .nav-image, .pf-image-shape-soft-rounded .comment-navigation .nav-links .nav-next .nav-image, .pf-image-shape-soft-rounded .post-navigation .nav-links .nav-previous .nav-image, .pf-image-shape-soft-rounded .post-navigation .nav-links .nav-next .nav-image { border-radius: var(--image-small-rounded) !important; } .pf-image-shape-hard-rounded .portfolio .article-media, .pf-image-shape-hard-rounded .portfolio .media-box { border-radius: var(--card-very-rounded) !important; overflow: hidden; } .pf-image-shape-hard-rounded .btImageTextWidgetWraper ul li .btImageTextWidget .btImageTextWidgetImage a img { border-radius: var(--image-small-rounded) !important; } .pf-image-shape-hard-rounded .comment-navigation .nav-links .nav-previous .nav-image, .pf-image-shape-hard-rounded .comment-navigation .nav-links .nav-next .nav-image, .pf-image-shape-hard-rounded .post-navigation .nav-links .nav-previous .nav-image, .pf-image-shape-hard-rounded .post-navigation .nav-links .nav-next .nav-image { border-radius: var(--image-small-rounded) !important; } /* 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: 0.875em; min-width: 1.714em; } .entry-content .page-links a { transition: 200ms ease all; color: var(--button-primary-color, var(--dark-color)); background: var(--button-secondary-color, var(--accent-color)); } .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: 0.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 { content: var(--slider-arrow-icon) !important; font-family: var(--slider-arrow-icon-font); font-size: 2.25em; line-height: 1 !important; display: block; color: var(--light-02-gray-color); transition: all 300ms ease; } .mfp-gallery button.mfp-arrow:after { content: var(--slider-circle-icon) !important; font-family: var(--slider-arrow-icon-font); font-size: 1.2em; line-height: 1 !important; position: absolute; top: 1.1em; right: 2.1em; margin: 0 !important; width: auto; height: auto; display: block; color: var(--light-02-gray-color); opacity: 0.1; transition: all 300ms ease 0s; transform: translate3d(0, 0, 0); border: none !important; } .mfp-gallery button.mfp-arrow:hover { opacity: 1; } .mfp-gallery button.mfp-arrow:hover:before { opacity: 1; } .mfp-gallery button.mfp-arrow:hover:after { opacity: 1; transform: translate3d(1.5em, 0, 0); } .mfp-gallery button.mfp-arrow.mfp-arrow-right { right: 1.5em; } .rtl .mfp-gallery button.mfp-arrow.mfp-arrow-right { transform: rotate(180deg); } .rtl .mfp-gallery button.mfp-arrow.mfp-arrow-right:after { right: 1.5em; } .mfp-gallery button.mfp-arrow.mfp-arrow-left:after { right: -0.9em; transform: rotate(180deg) translate3d(0, 0, 0); } .mfp-gallery button.mfp-arrow.mfp-arrow-left:hover:after { transform: rotate(180deg) translate3d(1.5em, 0, 0); } .rtl .mfp-gallery button.mfp-arrow.mfp-arrow-left { transform: rotate(180deg); } /* Password Post */ .post-password-form input[type=submit] { padding: 0.8em 3em; line-height: 1.655em; } /* Search page */ button.search-submit { padding: 0.945em 1.5em; } @media (max-width: 768px) { .single-portfolio.pf-single-view-standard article.portfolio .entry-content .portfolio-meta { margin-top: 2em; } } @media (max-width: 480px) { .blog-list-headline-size-large.blog .post .entry-header .entry-title { font-size: 2.25rem !important; } 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; } } /* Meta data */ .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; } .archive-pagination .paging p a:hover::after { margin-left: 0.25em; } .archive-pagination .paging.paging-left a:hover:after { transform: scaleX(-1); margin-right: 0.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(--gray-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 > ol.comment-list { border-bottom: 2px solid var(--primary-10-color); } .comments-area .comment-list > li, .comments-area .comment-list > li.comment > .children > li.comment { border-top: 2px solid var(--primary-10-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: 0.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: 0.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.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 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: 0.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: 0.2em; } .comments-area .comment-respond .comment-reply-title small { font-size: var(--medium-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: 1.155em 1.8em; display: flex; align-items: center; color: var(--button-primary-color, var(--dark-color)); background: var(--button-secondary-color, var(--accent-color)); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); /* Styles */ /* Hovers */ } .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 { transform: translateY(0px); filter: saturate(0.7); color: var(--button-primary-color, var(--dark-color)); background: var(--button-secondary-color, var(--accent-color)); box-shadow: none; } .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; } .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: 0.25em; } .rtl .comments-area .comment-respond .comment-reply-title small a:before { margin-right: 0; margin-left: 0.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: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto auto; column-gap: 2em; } .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 { padding: 1.155em 1.8em; transform: translateY(0); color: var(--button-primary-color, var(--dark-color)); background: var(--button-secondary-color, var(--accent-color)); box-shadow: none; /* Styles */ /* Hovers */ } .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(0.7); transform: translateY(0px); color: var(--button-primary-color, var(--dark-color)); background: var(--button-secondary-color, var(--accent-color)); box-shadow: none; } .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; } .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: 0.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 { /* Allow content outside */ /* Shape */ /* Overlay */ } .bt_bb_section.bt_bb_mix_blend_mode .bt_bb_background_image_holder_wrapper .bt_bb_background_image_holder { mix-blend-mode: overlay; background-repeat: repeat; } .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 { border-top-left-radius: var(--section-soft-rounded); } .bt_bb_section.bt_bb_shape_soft-rounded.bt_bb_top_right_shape { border-top-right-radius: var(--section-soft-rounded); } .bt_bb_section.bt_bb_shape_soft-rounded.bt_bb_bottom_right_shape { border-bottom-right-radius: var(--section-soft-rounded); } .bt_bb_section.bt_bb_shape_soft-rounded.bt_bb_bottom_left_shape { 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 { border-top-left-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_shape_hard-rounded.bt_bb_top_right_shape { border-top-right-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_shape_hard-rounded.bt_bb_bottom_right_shape { border-bottom-right-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_shape_hard-rounded.bt_bb_bottom_left_shape { border-bottom-left-radius: var(--section-hard-rounded); } .bt_bb_section.bt_bb_background_overlay_accent_top_gradient:before { background: linear-gradient(0deg, transparent 0%, var(--accent-color) 100%); } .bt_bb_section.bt_bb_background_overlay_accent_top_right_gradient:before { background: linear-gradient(233deg, var(--accent-color) 0%, transparent 30%, transparent 100%); } .bt_bb_section.bt_bb_background_overlay_accent_top_left_gradient:before { background: linear-gradient(155deg, var(--accent-color) 0%, transparent 30%, transparent 100%); } .bt_bb_section.bt_bb_background_overlay_accent_bottom_gradient:before { background: linear-gradient(180deg, transparent 0%, var(--accent-color) 100%); } .bt_bb_section.bt_bb_background_overlay_pink_top_left_gradient:before { background: linear-gradient(155deg, #ae1a8a 0%, transparent 30%, transparent 100%); } .bt_bb_section.bt_bb_background_overlay_pink_bottom_right_gradient:before { background: linear-gradient(311deg, #bd38a3 0%, transparent 30%, transparent 100%); } .bt_bb_section.bt_bb_background_overlay_blue_bottom_gradient:before { background: linear-gradient(180deg, transparent 0%, #040189 100%); } .bt_bb_section.bt_bb_background_overlay_alternate_top_gradient:before { background: linear-gradient(0deg, transparent 0%, var(--alternate-color) 100%); } .bt_bb_section.bt_bb_background_overlay_alternate_bottom_gradient:before { background: linear-gradient(180deg, transparent 0%, var(--alternate-color) 100%); } .bt_bb_section.bt_bb_background_overlay_dark_top_gradient:before { background: linear-gradient(0deg, transparent 0%, var(--dark-color) 100%); } .bt_bb_section.bt_bb_background_overlay_dark_bottom_gradient:before { background: linear-gradient(180deg, transparent 0%, rgba(25, 25, 25, 0.1) 50%, var(--dark-color) 100%); } .bt_bb_section.bt_bb_background_overlay_light_top_gradient:before { background: linear-gradient(0deg, transparent 0%, var(--light-color) 100%); } .bt_bb_section.bt_bb_background_overlay_light_bottom_gradient:before { background: linear-gradient(180deg, transparent 0%, var(--light-color) 100%); } .bt_bb_section.bt_bb_background_overlay_dark_gradient:before { background: linear-gradient(to bottom, var(--dark-color) 0%, transparent 25%, transparent 75%, var(--dark-color) 100%); } .bt_bb_section.bt_bb_top_spacing_extra_small > .bt_bb_port { padding-top: 0.4em; } .bt_bb_section.bt_bb_top_spacing_small > .bt_bb_port { padding-top: 0.8em; } .bt_bb_section.bt_bb_top_spacing_normal > .bt_bb_port { padding-top: 1.6em; } .bt_bb_section.bt_bb_top_spacing_medium > .bt_bb_port { padding-top: 3.2em; } .bt_bb_section.bt_bb_top_spacing_large > .bt_bb_port { padding-top: 6.4em; } .bt_bb_section.bt_bb_top_spacing_extra_large > .bt_bb_port { padding-top: 12.8em; } .bt_bb_section.bt_bb_bottom_spacing_extra_small > .bt_bb_port { padding-bottom: 0.4em; } .bt_bb_section.bt_bb_bottom_spacing_small > .bt_bb_port { padding-bottom: 0.8em; } .bt_bb_section.bt_bb_bottom_spacing_normal > .bt_bb_port { padding-bottom: 1.6em; } .bt_bb_section.bt_bb_bottom_spacing_medium > .bt_bb_port { padding-bottom: 3.2em; } .bt_bb_section.bt_bb_bottom_spacing_large > .bt_bb_port { padding-bottom: 6.4em; } .bt_bb_section.bt_bb_bottom_spacing_extra_large > .bt_bb_port { padding-bottom: 12.8em; } /* FE and video */ body:not(.bt_bb_fe_preview_toggle) .bt_bb_video.bt_bb_fe_edit_box > .bt_bb_fe_before, body:not(.bt_bb_fe_preview_toggle) .bt_bb_video.bt_bb_fe_editing_box > .bt_bb_fe_before { z-index: 1 !important; } /* Section, Row, Inner row - Negative margin */ .bt_bb_negative_margin_extra_small.bt_bb_section { margin-top: -0.4em; z-index: 1; } .bt_bb_negative_margin_extra_small.bt_bb_row { margin-top: -0.4em; z-index: 4; position: relative; } .bt_bb_negative_margin_extra_small.bt_bb_row_inner { margin-top: -0.4em; z-index: 2; position: relative; } .bt_bb_negative_margin_small.bt_bb_section { margin-top: -0.8em; z-index: 1; } .bt_bb_negative_margin_small.bt_bb_row { margin-top: -0.8em; z-index: 4; position: relative; } .bt_bb_negative_margin_small.bt_bb_row_inner { margin-top: -0.8em; z-index: 2; position: relative; } .bt_bb_negative_margin_normal.bt_bb_section { margin-top: -1.6em; z-index: 1; } .bt_bb_negative_margin_normal.bt_bb_row { margin-top: -1.6em; z-index: 4; position: relative; } .bt_bb_negative_margin_normal.bt_bb_row_inner { margin-top: -1.6em; z-index: 2; position: relative; } .bt_bb_negative_margin_medium.bt_bb_section { margin-top: -3.2em; z-index: 1; } .bt_bb_negative_margin_medium.bt_bb_row { margin-top: -3.2em; z-index: 4; position: relative; } .bt_bb_negative_margin_medium.bt_bb_row_inner { margin-top: -3.2em; z-index: 2; position: relative; } .bt_bb_negative_margin_large.bt_bb_section { margin-top: -6.4em; z-index: 1; } .bt_bb_negative_margin_large.bt_bb_row { margin-top: -6.4em; z-index: 4; position: relative; } .bt_bb_negative_margin_large.bt_bb_row_inner { margin-top: -6.4em; z-index: 2; position: relative; } .bt_bb_negative_margin_extra_large.bt_bb_section { margin-top: -12.8em; z-index: 1; } .bt_bb_negative_margin_extra_large.bt_bb_row { margin-top: -12.8em; z-index: 4; position: relative; } .bt_bb_negative_margin_extra_large.bt_bb_row_inner { margin-top: -12.8em; z-index: 2; position: relative; } .bt_bb_negative_margin_huge.bt_bb_section { margin-top: -25.6em; z-index: 1; } .bt_bb_negative_margin_huge.bt_bb_row { margin-top: -25.6em; z-index: 4; position: relative; } .bt_bb_negative_margin_huge.bt_bb_row_inner { margin-top: -25.6em; z-index: 2; position: relative; } /* Section, Row, Inner row - 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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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_row_inner.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; } .bt_bb_row_inner.bt_bb_negative_margin_120px { margin-top: -120px; z-index: 2; position: relative; } /* Row --------------------------------------------------- */ .bt_bb_row { /* Text indent */ /* Shape */ /* Blur */ /* Border */ } .bt_bb_row .bt_bb_column.bt_bb_padding_text_indent .bt_bb_column_content { padding-left: 32px; padding-right: 32px; } .bt_bb_row .bt_bb_column.bt_bb_padding_text_indent .bt_bb_column_content .bt_bb_image { margin: 0 -32px; } .bt_bb_row.bt_bb_shape_soft-rounded { overflow: hidden; border-radius: var(--card-soft-rounded); } .bt_bb_row.bt_bb_shape_hard-rounded { overflow: hidden; border-radius: var(--card-very-rounded); } .bt_bb_row.bt_bb_blur_show { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .bt_bb_row.bt_bb_border_light { border: 1px solid var(--light-color); } /* Inner row --------------------------------------------------- */ .bt_bb_row_inner { /* Shape */ /* Blur */ /* Border */ } .bt_bb_row_inner.bt_bb_shape_soft-rounded { overflow: hidden; border-radius: var(--card-soft-rounded); } .bt_bb_row_inner.bt_bb_shape_hard-rounded { overflow: hidden; border-radius: var(--card-very-rounded); } .bt_bb_row_inner.bt_bb_blur_show { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .bt_bb_row_inner.bt_bb_border_light { border: 1px solid var(--light-color); } /* Column --------------------------------------------------- */ .bt_bb_column { /* Border Top */ /* Border Bottom */ /* Border Right */ /* Border Left */ } .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(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_content { 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_lighter .bt_bb_column_content { border-color: var(--light-20-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_color_accent { 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_lighter { border-color: var(--light-20-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_bottom_yes:not(.bt_bb_border_position_inner) { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_content { 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_lighter .bt_bb_column_content { border-color: var(--light-20-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_color_accent { border-color: var(--accent-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_lighter { border-color: var(--light-20-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_right_yes:not(.bt_bb_border_position_inner) { border-right-width: 1px; border-right-style: solid; border-color: var(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_content { 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_lighter .bt_bb_column_content { border-color: var(--light-20-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_color_accent { border-color: var(--accent-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_lighter { border-color: var(--light-20-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_left_yes:not(.bt_bb_border_position_inner) { border-left-width: 1px; border-left-style: solid; border-color: var(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_content { 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_lighter .bt_bb_column_content { border-color: var(--light-20-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_color_accent { border-color: var(--accent-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_lighter { border-color: var(--light-20-color); } .bt_bb_column.bt_bb_border_left_yes.bt_bb_border_color_dark { border-color: var(--dark-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 { /* Border Top */ /* Border Bottom */ /* Border Right */ /* Border Left */ } .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(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column_inner.bt_bb_border_top_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_inner_content { 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_lighter .bt_bb_column_inner_content { border-color: var(--light-20-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_color_accent { 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_lighter { border-color: var(--light-20-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_bottom_yes:not(.bt_bb_border_position_inner) { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column_inner.bt_bb_border_bottom_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_inner_content { 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_lighter .bt_bb_column_inner_content { border-color: var(--light-20-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_color_accent { border-color: var(--accent-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_lighter { border-color: var(--light-20-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_right_yes:not(.bt_bb_border_position_inner) { border-right-width: 1px; border-right-style: solid; border-color: var(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column_inner.bt_bb_border_right_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_inner_content { 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_lighter .bt_bb_column_inner_content { border-color: var(--light-20-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_color_accent { border-color: var(--accent-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_lighter { border-color: var(--light-20-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_left_yes:not(.bt_bb_border_position_inner) { border-left-width: 1px; border-left-style: solid; border-color: var(--inputs-outline); } .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(--inputs-outline); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_position_inner.bt_bb_border_color_accent .bt_bb_column_inner_content { 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_lighter .bt_bb_column_inner_content { border-color: var(--light-20-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_color_accent { border-color: var(--accent-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_lighter { border-color: var(--light-20-color); } .bt_bb_column_inner.bt_bb_border_left_yes.bt_bb_border_color_dark { border-color: var(--dark-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; } /* 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.34em; line-height: 1.4167; } .bt_bb_size_extrasmall.bt_bb_headline .bt_bb_headline_superheadline { font-size: 0.89rem; margin-bottom: 0.4em; line-height: 1.5; } .bt_bb_size_extrasmall.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1rem; margin-top: 0.5em; line-height: 1.56; } .bt_bb_size_extrasmall.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_extrasmall.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 6px; height: 6px; } .bt_bb_size_extrasmall.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_extrasmall.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 6px; } .rtl .bt_bb_size_extrasmall.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_extrasmall.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 6px; } .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.3em; line-height: 1.3125; } .bt_bb_size_small.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1rem; margin-bottom: 0.5em; line-height: 1.5; } .bt_bb_size_small.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.12rem; margin-top: 0.5em; line-height: 1.5; } .bt_bb_size_small.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_small.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 8px; height: 8px; } .bt_bb_size_small.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_small.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 8px; } .rtl .bt_bb_size_small.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_small.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 8px; } .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: 2.23em; line-height: 1.25; } .bt_bb_size_medium.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.12rem; margin-bottom: 0.6em; line-height: 1.5; } .bt_bb_size_medium.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.23rem; margin-top: 0.5em; line-height: 1.45; } .bt_bb_size_medium.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_medium.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 10px; height: 10px; } .bt_bb_size_medium.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_medium.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 10px; } .rtl .bt_bb_size_medium.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_medium.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 10px; } .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: 3.12em; line-height: 1.1786; } .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.23rem; margin-bottom: 0.6em; line-height: 1.5; } .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.34rem; margin-top: 0.7em; line-height: 1.5; } .bt_bb_size_normal.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_normal.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 10px; height: 10px; } .bt_bb_size_normal.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_normal.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 10px; } .rtl .bt_bb_size_normal.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_normal.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 10px; } .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: 4em; line-height: 1.1389; } .bt_bb_size_large.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.34rem; margin-bottom: 0.5em; line-height: 1.5; } .bt_bb_size_large.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.45rem; margin-top: 0.9em; line-height: 1.38; } .bt_bb_size_large.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_large.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 12px; height: 12px; } .bt_bb_size_large.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_large.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 12px; } .rtl .bt_bb_size_large.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_large.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 12px; } .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: 4.34em; line-height: 1.104; } .bt_bb_size_extralarge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.45rem; margin-bottom: 0.5em; line-height: 1.5; } .bt_bb_size_extralarge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.56rem; margin-top: 0.9em; line-height: 1.35; } .bt_bb_size_extralarge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_extralarge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 13px; height: 13px; } .bt_bb_size_extralarge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_extralarge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 13px; } .rtl .bt_bb_size_extralarge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_extralarge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 13px; } .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: 6.67em; line-height: 1.0834; } .bt_bb_size_huge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.56rem; margin-bottom: 0.4em; line-height: 1.5; } .bt_bb_size_huge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.67rem; margin-top: 0.8em; line-height: 1.33; } .bt_bb_size_huge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_huge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 14px; height: 14px; } .bt_bb_size_huge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_huge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 14px; } .rtl .bt_bb_size_huge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_huge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 14px; } .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: 8.89em; line-height: 1.0625; } .bt_bb_size_extrahuge.bt_bb_headline .bt_bb_headline_superheadline { font-size: 1.67rem; margin-bottom: 0.4em; line-height: 1.5; } .bt_bb_size_extrahuge.bt_bb_headline .bt_bb_headline_subheadline { font-size: 1.78rem; margin-top: 0.8em; line-height: 1.3125; } .bt_bb_size_extrahuge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before, .bt_bb_size_extrahuge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline:before { width: 15px; height: 15px; } .bt_bb_size_extrahuge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_size_extrahuge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 15px; } .rtl .bt_bb_size_extrahuge.bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .rtl .bt_bb_size_extrahuge.bt_bb_headline.bt_bb_dash_top_bottom .bt_bb_headline_superheadline { padding-left: 0; padding-right: 15px; } .bt_bb_headline { /* No Headline */ /* Style - Gradient */ /* Dash */ /* Dash color */ } .bt_bb_headline .bt_bb_headline_tag { display: flex; flex-wrap: wrap; } .bt_bb_align_right .bt_bb_headline .bt_bb_headline_tag, .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_right, .bt_bb_align_left .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_headline .bt_bb_headline_tag, .bt_bb_align_center .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_headline .bt_bb_headline_tag { justify-content: flex-end; } .rtl .bt_bb_align_right .bt_bb_headline .bt_bb_headline_tag, .rtl .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_right, .rtl .bt_bb_align_left .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_right, .rtl .bt_bb_align_left .bt_bb_align_right .bt_bb_headline .bt_bb_headline_tag, .rtl .bt_bb_align_center .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_right, .rtl .bt_bb_align_center .bt_bb_align_right .bt_bb_headline .bt_bb_headline_tag { justify-content: flex-start; } .bt_bb_align_center .bt_bb_headline .bt_bb_headline_tag, .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_center, .bt_bb_align_left .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_headline .bt_bb_headline_tag, .bt_bb_align_right .bt_bb_headline .bt_bb_headline_tag.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_headline .bt_bb_headline_tag { justify-content: center; } .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 { width: 100%; color: var(--secondary-color, inherit); } .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_style_gradient .bt_bb_headline_tag { background: linear-gradient(90.05deg, var(--primary-color, var(--accent-color)) 1.2%, var(--secondary-color, var(--alternate-color)) 84.58%), linear-gradient(90.13deg, var(--primary-color, var(--accent-color)) 8.03%, var(--secondary-color, var(--alternate-color)) 91.76%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .bt_bb_headline.bt_bb_style_shadow .bt_bb_headline_tag { background: radial-gradient(circle, white 0%, rgba(255, 255, 255, 0.1) 85%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bt_bb_headline.bt_bb_style_shadow_02 .bt_bb_headline_tag { background: linear-gradient(87deg, #FFF 0%, rgba(255, 255, 255, 0.2) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bt_bb_align_right .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_right .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_headline.bt_bb_align_right.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_headline.bt_bb_align_right.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_headline.bt_bb_align_right.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_headline.bt_bb_align_right.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_align_right .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_align_right .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_center .bt_bb_headline.bt_bb_align_right.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_center .bt_bb_headline.bt_bb_align_right.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_center .bt_bb_align_right .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_center .bt_bb_align_right .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline { justify-content: flex-end; padding: 0; } .bt_bb_align_center .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_center .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_headline.bt_bb_align_center.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_headline.bt_bb_align_center.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_headline.bt_bb_align_center.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_headline.bt_bb_align_center.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_align_center .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_left .bt_bb_align_center .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_right .bt_bb_headline.bt_bb_align_center.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_right .bt_bb_headline.bt_bb_align_center.bt_bb_dash_bottom .bt_bb_headline_superheadline, .bt_bb_align_right .bt_bb_align_center .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline, .bt_bb_align_right .bt_bb_align_center .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline { justify-content: center; padding: 0; } .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_content:before { display: none; } .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline { display: inline-flex; align-items: center; } .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: -0.5em; margin-right: 0.5em; border: none; background-color: var(--secondary-color, var(--dark-color)); border-radius: 50%; } .rtl .bt_bb_headline.bt_bb_dash_top .bt_bb_headline_superheadline:before { margin-left: 0.5em; margin-right: -0.5em; } .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_content:after { display: none; } .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline { margin-left: 1em; } .rtl .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline { margin-left: 0; margin-right: 1em; } .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: -0.5em; margin-right: 0.5em; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid var(--secondary-color, var(--dark-color)); } .rtl .bt_bb_headline.bt_bb_dash_bottom .bt_bb_headline_superheadline:before { margin-left: 0.5em; margin-right: -0.5em; } .bt_bb_headline.bt_bb_dash_color_accent.bt_bb_dash_top .bt_bb_headline_superheadline:before { background-color: var(--accent-color); } .bt_bb_headline.bt_bb_dash_color_accent.bt_bb_dash_bottom .bt_bb_headline_superheadline:before { border-left: 16px solid var(--accent-color); } .bt_bb_headline.bt_bb_dash_color_accent.bt_bb_dash_top_bottom .bt_bb_headline_content:after, .bt_bb_headline.bt_bb_dash_color_accent.bt_bb_dash_top_bottom .bt_bb_headline_content:before { border-color: var(--accent-color); } .bt_bb_headline.bt_bb_dash_color_alternate.bt_bb_dash_top .bt_bb_headline_superheadline:before { background-color: var(--alternate-color); } .bt_bb_headline.bt_bb_dash_color_alternate.bt_bb_dash_bottom .bt_bb_headline_superheadline:before { border-left: 16px solid var(--alternate-color); } .bt_bb_headline.bt_bb_dash_color_alternate.bt_bb_dash_top_bottom .bt_bb_headline_content:after, .bt_bb_headline.bt_bb_dash_color_alternate.bt_bb_dash_top_bottom .bt_bb_headline_content:before { border-color: var(--alternate-color); } .bt_bb_headline.bt_bb_dash_color_light.bt_bb_dash_top .bt_bb_headline_superheadline:before { background-color: var(--light-color); } .bt_bb_headline.bt_bb_dash_color_light.bt_bb_dash_bottom .bt_bb_headline_superheadline:before { border-left: 16px solid var(--light-color); } .bt_bb_headline.bt_bb_dash_color_light.bt_bb_dash_top_bottom .bt_bb_headline_content:after, .bt_bb_headline.bt_bb_dash_color_light.bt_bb_dash_top_bottom .bt_bb_headline_content:before { border-color: var(--light-color); } .bt_bb_headline.bt_bb_dash_color_dark.bt_bb_dash_top .bt_bb_headline_superheadline:before { background-color: var(--dark-color); } .bt_bb_headline.bt_bb_dash_color_dark.bt_bb_dash_bottom .bt_bb_headline_superheadline:before { border-left: 16px solid var(--dark-color); } .bt_bb_headline.bt_bb_dash_color_dark.bt_bb_dash_top_bottom .bt_bb_headline_content:after, .bt_bb_headline.bt_bb_dash_color_dark.bt_bb_dash_top_bottom .bt_bb_headline_content:before { border-color: var(--dark-color); } .bt_bb_headline.bt_bb_dash_color_gray.bt_bb_dash_top .bt_bb_headline_superheadline:before { background-color: var(--gray-color); } .bt_bb_headline.bt_bb_dash_color_gray.bt_bb_dash_bottom .bt_bb_headline_superheadline:before { border-left: 16px solid var(--gray-color); } .bt_bb_headline.bt_bb_dash_color_gray.bt_bb_dash_top_bottom .bt_bb_headline_content:after, .bt_bb_headline.bt_bb_dash_color_gray.bt_bb_dash_top_bottom .bt_bb_headline_content:before { border-color: var(--gray-color); } .bt_bb_headline.bt_bb_heading_letter_spacing_0px .bt_bb_headline_tag { letter-spacing: 0px; } .bt_bb_headline.bt_bb_heading_letter_spacing_1px .bt_bb_headline_tag { letter-spacing: 1px; } .bt_bb_headline.bt_bb_heading_letter_spacing_2px .bt_bb_headline_tag { letter-spacing: 2px; } .bt_bb_headline.bt_bb_heading_letter_spacing_3px .bt_bb_headline_tag { letter-spacing: 3px; } .bt_bb_headline.bt_bb_heading_letter_spacing_4px .bt_bb_headline_tag { letter-spacing: 4px; } .bt_bb_headline.bt_bb_heading_letter_spacing_5px .bt_bb_headline_tag { letter-spacing: 5px; } .bt_bb_headline.bt_bb_supertitle_letter_spacing_0px .bt_bb_headline_superheadline { letter-spacing: 0px; } .bt_bb_headline.bt_bb_supertitle_letter_spacing_1px .bt_bb_headline_superheadline { letter-spacing: 1px; } .bt_bb_headline.bt_bb_supertitle_letter_spacing_2px .bt_bb_headline_superheadline { letter-spacing: 2px; } .bt_bb_headline.bt_bb_supertitle_letter_spacing_3px .bt_bb_headline_superheadline { letter-spacing: 3px; } .bt_bb_headline.bt_bb_supertitle_letter_spacing_4px .bt_bb_headline_superheadline { letter-spacing: 4px; } .bt_bb_headline.bt_bb_supertitle_letter_spacing_5px .bt_bb_headline_superheadline { letter-spacing: 5px; } /* Button --------------------------------------------------- */ .bt_bb_button { /* Size */ /* Shape */ /* Style */ /* Icon animation */ } .bt_bb_button .bt_bb_button_text { line-height: 1.2; } .bt_bb_button.bt_bb_width_full .bt_bb_link { float: none; } .bt_bb_button .bt_bb_icon_holder:before { font-size: 1.3em; } .bt_bb_button.bt_bb_size_small { font-size: var(--small-button-size); } .bt_bb_button.bt_bb_size_small a { padding: 1.1055em 1.6em; } .bt_bb_button.bt_bb_size_medium { font-size: var(--medium-button-size); } .bt_bb_button.bt_bb_size_medium a { padding: 1.155em 1.8em; } .bt_bb_button.bt_bb_size_normal { font-size: var(--normal-button-size); } .bt_bb_button.bt_bb_size_normal a { padding: 1.18em 1.7em; } .bt_bb_button.bt_bb_size_large { font-size: var(--large-button-size); } .bt_bb_button.bt_bb_size_large a { padding: 1.15em 1.8em; } .bt_bb_align_left .bt_bb_button.bt_bb_size_medium, .bt_bb_button.bt_bb_align_left.bt_bb_size_medium, .bt_bb_align_right .bt_bb_button.bt_bb_align_left.bt_bb_size_medium, .bt_bb_align_right .bt_bb_align_left .bt_bb_button.bt_bb_size_medium, .bt_bb_align_center .bt_bb_button.bt_bb_align_left.bt_bb_size_medium, .bt_bb_align_center .bt_bb_align_left .bt_bb_button.bt_bb_size_medium { margin-right: 1.2rem; } .bt_bb_align_left .bt_bb_button.bt_bb_size_large, .bt_bb_button.bt_bb_align_left.bt_bb_size_large, .bt_bb_align_right .bt_bb_button.bt_bb_align_left.bt_bb_size_large, .bt_bb_align_right .bt_bb_align_left .bt_bb_button.bt_bb_size_large, .bt_bb_align_center .bt_bb_button.bt_bb_align_left.bt_bb_size_large, .bt_bb_align_center .bt_bb_align_left .bt_bb_button.bt_bb_size_large { margin-right: 2rem; } .bt_bb_align_right .bt_bb_button.bt_bb_size_medium, .bt_bb_button.bt_bb_align_right.bt_bb_size_medium, .bt_bb_align_left .bt_bb_button.bt_bb_align_right.bt_bb_size_medium, .bt_bb_align_left .bt_bb_align_right .bt_bb_button.bt_bb_size_medium, .bt_bb_align_center .bt_bb_button.bt_bb_align_right.bt_bb_size_medium, .bt_bb_align_center .bt_bb_align_right .bt_bb_button.bt_bb_size_medium { margin-left: 1.2rem; } .bt_bb_align_right .bt_bb_button.bt_bb_size_large, .bt_bb_button.bt_bb_align_right.bt_bb_size_large, .bt_bb_align_left .bt_bb_button.bt_bb_align_right.bt_bb_size_large, .bt_bb_align_left .bt_bb_align_right .bt_bb_button.bt_bb_size_large, .bt_bb_align_center .bt_bb_button.bt_bb_align_right.bt_bb_size_large, .bt_bb_align_center .bt_bb_align_right .bt_bb_button.bt_bb_size_large { margin-left: 2rem; } .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_rounded.bt_bb_style_outline_gradient a.bt_bb_link:before { 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_small.bt_bb_style_outline_gradient a.bt_bb_link:before { 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_medium.bt_bb_style_outline_gradient a.bt_bb_link:before { 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_normal.bt_bb_style_outline_gradient a.bt_bb_link:before { 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_shape_round.bt_bb_size_large.bt_bb_style_outline_gradient a.bt_bb_link:before { 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(0.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_filled_blur a { color: var(--primary-color, var(--light-color)); box-shadow: none; position: relative; overflow: hidden; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } .bt_bb_button.bt_bb_style_filled_blur a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; z-index: 2; transition: all 300ms ease; box-shadow: 0 0 0 3em var(--secondary-color, var(--dark-color)) inset; } .bt_bb_button.bt_bb_style_filled_blur a .bt_bb_button_text { z-index: 3; } .bt_bb_button.bt_bb_style_filled_blur a .bt_bb_icon_holder { z-index: 3; color: var(--icon-primary-color, var(--primary-color, var(--light-color))); } .bt_bb_button.bt_bb_style_filled_blur a:hover { color: var(--primary-color, var(--light-color)); } .bt_bb_button.bt_bb_style_filled_blur a:hover:before { opacity: 1; } .bt_bb_button.bt_bb_style_filled_gradient[style*="--secondary-color:var(--light-color)"] a, .bt_bb_button.bt_bb_style_filled_gradient[style*="--primary-color:var(--light-color)"] a { color: var(--dark-color); } .bt_bb_button.bt_bb_style_filled_gradient[style*="--secondary-color:var(--light-color)"] a:hover, .bt_bb_button.bt_bb_style_filled_gradient[style*="--primary-color:var(--light-color)"] a:hover { color: var(--dark-color); } .bt_bb_button.bt_bb_style_filled_gradient a { color: var(--light-color); background-image: linear-gradient(85.15deg, var(--primary-color, var(--accent-color)) 0.17%, var(--secondary-color, var(--alternate-color)) 97.42%); background-size: 100% auto; transition: 0.5s; } .bt_bb_button.bt_bb_style_filled_gradient a .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--light-color))); } .bt_bb_button.bt_bb_style_filled_gradient a .bt_bb_button_text { z-index: 2; } .bt_bb_button.bt_bb_style_filled_gradient a:hover { color: var(--light-color); background-size: 200% auto; background-position: right center; } .bt_bb_button.bt_bb_style_filled_gradient 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_outline_two a { color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--secondary-color, var(--accent-color)) inset; } .bt_bb_button.bt_bb_style_outline_two a .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--dark-color))); } .bt_bb_button.bt_bb_style_outline_two a:hover { color: var(--primary-color, var(--dark-color)); background-color: var(--secondary-color, var(--accent-color)); box-shadow: 0 0 0 1px var(--secondary-color, var(--accent-color)) inset; } .bt_bb_button.bt_bb_style_outline_two a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--accent-color))); } .bt_bb_button.bt_bb_style_outline_gradient a { color: var(--light-color); position: relative; } .bt_bb_button.bt_bb_style_outline_gradient a:before { content: ""; position: absolute; inset: 0; border: 2px solid transparent; background: linear-gradient(45deg, var(--primary-color, var(--accent-color)) 10%, var(--secondary-color, var(--alternate-color)) 90%); background-origin: border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: clear; background-size: 110% auto; } .button-shape-rounded .bt_bb_button.bt_bb_style_outline_gradient a:before { border-radius: var(--soft-rounded); } .button-shape-round .bt_bb_button.bt_bb_style_outline_gradient a:before { border-radius: var(--hard-rounded); } .bt_bb_button.bt_bb_style_outline_gradient a .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--dark-color))); } .bt_bb_button.bt_bb_style_outline_gradient a .bt_bb_button_text { z-index: 2; } .bt_bb_button.bt_bb_style_outline_gradient a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--accent-color))); } .bt_bb_button.bt_bb_style_underline a { padding: 0 0 0.25em 0; position: relative; color: var(--primary-color, var(--dark-color)); } .bt_bb_button.bt_bb_style_underline a .bt_bb_icon_holder { color: var(--icon-primary-color, var(--primary-color, var(--dark-color))); } .bt_bb_button.bt_bb_style_underline a:after { content: ""; font-size: 1em; height: 1px; width: 100%; position: absolute; bottom: 0; transform-origin: left; animation: underline 0.4s ease-in-out forwards; transition: transform 0.4s ease-in-out; background-color: var(--primary-color, var(--dark-color)); } .bt_bb_button.bt_bb_style_underline a:hover { color: var(--secondary-color, var(--accent-color)); } .bt_bb_button.bt_bb_style_underline a:hover:after { transform: scaleX(0); transform-origin: left; animation: underlineHover 0.4s ease-in-out forwards; animation: none; } .bt_bb_button.bt_bb_style_underline a:hover .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--accent-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_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 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.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(0.36, 0.07, 0.19, 0.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); } } @keyframes underlineHover { 0% { transform: scaleX(0); transform-origin: right; } 100% { transform: scaleX(1); transform-origin: right; } } /* Firefox - Outline gradient button */ @-moz-document url-prefix() { .bt_bb_button.bt_bb_style_outline_gradient a:before { -webkit-mask-composite: exclude !important; } } /* Icon --------------------------------------------------- */ .bt_bb_icon { /* Align content */ /* Shape */ /* Size */ /* Style */ /* Text color */ } .bt_bb_icon a:hover { color: inherit; } .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_icon.bt_bb_shape_hard-round .bt_bb_icon_holder:before { border-radius: var(--section-soft-rounded); } .bt_bb_icon.bt_bb_size_xsmall.bt_bb_style_blur .bt_bb_icon_holder:after { font-size: 0.9em; width: 1.8em; height: 1.8em; } .bt_bb_icon.bt_bb_size_small .bt_bb_icon_holder:before { font-size: 1.335rem; width: 1.8em; height: 1.8em; } .bt_bb_icon.bt_bb_size_small .bt_bb_icon_holder > span { font-size: 0.89em; } .bt_bb_icon.bt_bb_size_small.bt_bb_style_borderless .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_size_small.bt_bb_style_borderless_gradient .bt_bb_icon_holder:before { width: auto; height: auto; } .bt_bb_icon.bt_bb_size_small.bt_bb_style_blur .bt_bb_icon_holder:after { font-size: 1.335rem; width: 1.8em; height: 1.8em; } .bt_bb_icon.bt_bb_size_medium .bt_bb_icon_holder:before { font-size: 1.5rem; width: 2em; height: 2em; } .bt_bb_icon.bt_bb_size_medium .bt_bb_icon_holder > span { font-size: 0.89em; } .bt_bb_icon.bt_bb_size_medium.bt_bb_style_borderless .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_size_medium.bt_bb_style_borderless_gradient .bt_bb_icon_holder:before { width: auto; height: auto; } .bt_bb_icon.bt_bb_size_medium.bt_bb_style_blur .bt_bb_icon_holder:after { font-size: 1.5rem; width: 2em; height: 2em; } .bt_bb_icon.bt_bb_size_normal .bt_bb_icon_holder:before { width: 2.4em; height: 2.4em; } .bt_bb_icon.bt_bb_size_normal.bt_bb_style_borderless .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_size_normal.bt_bb_style_borderless_gradient .bt_bb_icon_holder:before { width: auto; height: auto; } .bt_bb_icon.bt_bb_size_normal.bt_bb_style_blur .bt_bb_icon_holder:after { font-size: 1.6em; width: 2.4em; height: 2.4em; } .bt_bb_icon.bt_bb_size_large.bt_bb_style_borderless .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_size_large.bt_bb_style_borderless_gradient .bt_bb_icon_holder:before { width: auto; height: auto; } .bt_bb_icon.bt_bb_size_large.bt_bb_style_blur .bt_bb_icon_holder:after { font-size: 3em; width: 2em; height: 2em; min-height: 2em; min-width: 2em; } .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_borderless .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_borderless_gradient .bt_bb_icon_holder:before { width: auto; height: auto; } .bt_bb_icon.bt_bb_size_xlarge.bt_bb_style_blur .bt_bb_icon_holder:after { font-size: 4em; width: 2em; height: 2em; min-height: 2em; min-width: 2em; } .bt_bb_icon.bt_bb_size_huge .bt_bb_icon_holder:before { font-size: 5.5rem; width: 2em; height: 2em; min-height: 2em; min-width: 2em; } .bt_bb_icon.bt_bb_size_huge .bt_bb_icon_holder > span { font-size: 1.6em; } .bt_bb_icon.bt_bb_size_huge.bt_bb_style_borderless .bt_bb_icon_holder:before, .bt_bb_icon.bt_bb_size_huge.bt_bb_style_borderless_gradient .bt_bb_icon_holder:before { width: auto; height: auto; min-width: auto; min-height: auto; } .bt_bb_icon.bt_bb_size_huge.bt_bb_style_blur .bt_bb_icon_holder:after { font-size: 5.5rem; width: 2em; height: 2em; min-height: 2em; min-width: 2em; } .bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before { 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 { 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 { color: var(--primary-color, var(--light-color)); box-shadow: 0 0 0 5em var(--secondary-color, var(--dark-color)) inset; filter: saturate(0.7); background: transparent; } .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 { 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 { 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_borderless_gradient .bt_bb_icon_holder:before { background: linear-gradient(50deg, var(--primary-color, var(--accent-color)) 33%, var(--secondary-color, var(--alternate-color)) 66%); color: var(--accent-color); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; border-radius: 0 !important; width: auto; height: auto; } .bt_bb_icon.bt_bb_style_blur .bt_bb_icon_holder { position: relative; } .bt_bb_icon.bt_bb_style_blur .bt_bb_icon_holder:before { color: var(--primary-color, var(--light-color)); background: transparent; z-index: 2; } .bt_bb_icon.bt_bb_style_blur .bt_bb_icon_holder:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--secondary-color, var(--blur-icons-background)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 1; transition: all 300ms ease; } .bt_bb_icon.bt_bb_style_blur.bt_bb_shape_circle .bt_bb_icon_holder:after { border-radius: 50%; } .bt_bb_icon.bt_bb_style_blur:hover a.bt_bb_icon_holder:after { background: var(--secondary-color, var(--dark-color)); } .bt_bb_icon.bt_bb_text_color_dark .bt_bb_icon_holder > span { color: var(--dark-color); } .bt_bb_icon.bt_bb_text_color_light .bt_bb_icon_holder > span { color: var(--light-color); } .bt_bb_icon.bt_bb_text_color_accent .bt_bb_icon_holder > span { color: var(--accent-color); } .bt_bb_icon.bt_bb_text_color_alternate .bt_bb_icon_holder > span { color: var(--alternate-color); } .bt_bb_icon.bt_bb_text_color_gray .bt_bb_icon_holder > span { color: var(--service-gray-color); } /* Icon - Text size */ .bt_bb_icon.bt_bb_text_size_12px .bt_bb_icon_holder > span { font-size: 12px; } .bt_bb_icon.bt_bb_text_size_13px .bt_bb_icon_holder > span { font-size: 13px; } .bt_bb_icon.bt_bb_text_size_14px .bt_bb_icon_holder > span { font-size: 14px; } .bt_bb_icon.bt_bb_text_size_15px .bt_bb_icon_holder > span { font-size: 15px; } .bt_bb_icon.bt_bb_text_size_16px .bt_bb_icon_holder > span { font-size: 16px; } .bt_bb_icon.bt_bb_text_size_17px .bt_bb_icon_holder > span { font-size: 17px; } .bt_bb_icon.bt_bb_text_size_18px .bt_bb_icon_holder > span { font-size: 18px; } .bt_bb_icon.bt_bb_text_size_19px .bt_bb_icon_holder > span { font-size: 19px; } /* Service --------------------------------------------------- */ .bt_bb_service { /* Align content */ /* Size */ /* Style */ /* Text color */ } .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: 0.5em; color: inherit; } .bt_bb_service .bt_bb_service_content .bt_bb_service_content_text { font-size: var(--medium-button-size); } .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content_title { padding-bottom: 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_normal .bt_bb_service_content .bt_bb_service_content_title, .bt_bb_service.bt_bb_size_large .bt_bb_service_content .bt_bb_service_content_title { font-size: var(--extrasmall-title-size); } .bt_bb_service.bt_bb_size_xlarge.bt_bb_style_borderless .bt_bb_icon_holder { font-size: 4.89em; } .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content .bt_bb_service_content_title { font-size: var(--extrasmall-title-size); } .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(0.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_align_left .bt_bb_service.bt_bb_size_xlarge .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_xlarge .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_xlarge .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_xlarge .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_xlarge .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_xlarge .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 2em; } .bt_bb_align_left .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_service.bt_bb_align_left.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_right .bt_bb_service.bt_bb_align_left.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_right .bt_bb_align_left .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_left.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_left .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content { padding: 0 0 0 0.5em; } .bt_bb_align_right .bt_bb_service.bt_bb_size_xlarge .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_xlarge .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_xlarge .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_xlarge .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_xlarge .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_xlarge .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 2em 0 0; } .bt_bb_align_right .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_service.bt_bb_align_right.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_left .bt_bb_service.bt_bb_align_right.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_left .bt_bb_align_right .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_right.btNoText:not(.btNoTitle) .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_right .bt_bb_service.btNoText:not(.btNoTitle) .bt_bb_service_content { padding: 0 0.5em 0 0; } .bt_bb_service.bt_bb_text_color_gray .bt_bb_service_content .bt_bb_service_content_text { color: var(--service-gray-color); } .bt_bb_service.bt_bb_text_color_light .bt_bb_service_content .bt_bb_service_content_text { color: var(--light-color); } .bt_bb_service.bt_bb_text_color_dark .bt_bb_service_content .bt_bb_service_content_text { color: var(--dark-color); } .bt_bb_service.bt_bb_text_color_accent .bt_bb_service_content .bt_bb_service_content_text { color: var(--accent-color); } .bt_bb_service.bt_bb_text_color_alternate .bt_bb_service_content .bt_bb_service_content_text { color: var(--alternate-color); } @media (max-width: 780px) { .bt_bb_service.bt_bb_size_xlarge .bt_bb_icon_holder { font-size: 2.5em; } .bt_bb_service.bt_bb_size_xlarge.bt_bb_style_borderless .bt_bb_icon_holder { font-size: 3.8em; } .bt_bb_align_left .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_service.bt_bb_align_left.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_right .bt_bb_service.bt_bb_align_left.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_right .bt_bb_align_left .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_left.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_left .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content { padding: 0 0 0 1em; } .bt_bb_align_right .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_service.bt_bb_align_right.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_left .bt_bb_service.bt_bb_align_right.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_left .bt_bb_align_right .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_center .bt_bb_service.bt_bb_align_right.bt_bb_size_xlarge .bt_bb_service_content, .bt_bb_align_center .bt_bb_align_right .bt_bb_service.bt_bb_size_xlarge .bt_bb_service_content { padding: 0 1em 0 0; } } /* Service 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; } /* Service title size */ .bt_bb_service.bt_bb_title_size_extrasmall .bt_bb_service_content .bt_bb_service_content_title { font-size: 0.89em; } .bt_bb_service.bt_bb_title_size_small .bt_bb_service_content .bt_bb_service_content_title { font-size: 1em; } .bt_bb_service.bt_bb_title_size_normal .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.12em; } .bt_bb_service.bt_bb_title_size_large .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.23em; } .bt_bb_service.bt_bb_title_size_extralarge .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.34em; } .bt_bb_service.bt_bb_title_size_huge .bt_bb_service_content .bt_bb_service_content_title { font-size: 1.45em; } .bt_bb_service.bt_bb_letter_spacing_1px .bt_bb_service_content .bt_bb_service_content_title { letter-spacing: 1px; } .bt_bb_service.bt_bb_letter_spacing_2px .bt_bb_service_content .bt_bb_service_content_title { letter-spacing: 2px; } .bt_bb_service.bt_bb_letter_spacing_3px .bt_bb_service_content .bt_bb_service_content_title { letter-spacing: 3px; } .bt_bb_service.bt_bb_letter_spacing_4px .bt_bb_service_content .bt_bb_service_content_title { letter-spacing: 4px; } .bt_bb_service.bt_bb_letter_spacing_5px .bt_bb_service_content .bt_bb_service_content_title { letter-spacing: 5px; } .bt_bb_service.bt_bb_letter_spacing_6px .bt_bb_service_content .bt_bb_service_content_title { letter-spacing: 6px; } /* Separator --------------------------------------------------- */ .bt_bb_separator_v2.bt_bb_bottom_spacing_extra_small { padding-bottom: 0.4em; } .bt_bb_separator_v2.bt_bb_bottom_spacing_small { padding-bottom: 0.8em; } .bt_bb_separator_v2.bt_bb_bottom_spacing_normal { padding-bottom: 1.6em; } .bt_bb_separator_v2.bt_bb_bottom_spacing_medium { padding-bottom: 3.2em; } .bt_bb_separator_v2.bt_bb_bottom_spacing_large { padding-bottom: 6.4em; } .bt_bb_separator_v2.bt_bb_bottom_spacing_extra_large { padding-bottom: 12.8em; } .bt_bb_separator_v2.bt_bb_top_spacing_extra_small { padding-top: 0.4em; } .bt_bb_separator_v2.bt_bb_top_spacing_small { padding-top: 0.8em; } .bt_bb_separator_v2.bt_bb_top_spacing_normal { padding-top: 1.6em; } .bt_bb_separator_v2.bt_bb_top_spacing_medium { padding-top: 3.2em; } .bt_bb_separator_v2.bt_bb_top_spacing_large { padding-top: 6.4em; } .bt_bb_separator_v2.bt_bb_top_spacing_extra_large { padding-top: 12.8em; } .bt_bb_separator_v2.bt_bb_opacity_verysmall .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.1; } .bt_bb_separator_v2.bt_bb_opacity_extra_small .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.2; } .bt_bb_separator_v2.bt_bb_opacity_normal .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.4; } .bt_bb_separator_v2.bt_bb_opacity_medium .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.5; } .bt_bb_separator_v2.bt_bb_opacity_large .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.6; } .bt_bb_separator_v2.bt_bb_opacity_extra_large .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.7; } .bt_bb_separator_v2.bt_bb_opacity_huge .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.8; } .bt_bb_separator_v2.bt_bb_opacity_extra_huge .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 0.9; } .bt_bb_separator_v2.bt_bb_opacity_full .bt_bb_separator_v2_inner .bt_bb_separator_v2_inner_before { opacity: 1; } /* 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; } /* Font weight */ .bt_bb_text.bt_bb_font_weight_normal p { font-weight: normal; } .bt_bb_text.bt_bb_font_weight_bold p { font-weight: bold; } .bt_bb_text.bt_bb_font_weight_bolder p { font-weight: bolder; } .bt_bb_text.bt_bb_font_weight_lighter p { font-weight: lighter; } .bt_bb_text.bt_bb_font_weight_light p { font-weight: light; } .bt_bb_text.bt_bb_font_weight_thin p { font-weight: thin; } .bt_bb_text.bt_bb_font_weight_100 p { font-weight: 100; } .bt_bb_text.bt_bb_font_weight_200 p { font-weight: 200; } .bt_bb_text.bt_bb_font_weight_300 p { font-weight: 300; } .bt_bb_text.bt_bb_font_weight_400 p { font-weight: 400; } .bt_bb_text.bt_bb_font_weight_500 p { font-weight: 500; } .bt_bb_text.bt_bb_font_weight_600 p { font-weight: 600; } .bt_bb_text.bt_bb_font_weight_700 p { font-weight: 700; } .bt_bb_text.bt_bb_font_weight_800 p { font-weight: 800; } .bt_bb_text.bt_bb_font_weight_900 p { font-weight: 900; } /* Image --------------------------------------------------- */ .bt_bb_image { /* Shape */ /* Zoom */ /* Align */ } .bt_bb_image.bt_bb_shape_small-rounded { border-radius: var(--image-small-rounded); } .bt_bb_image.bt_bb_shape_small-rounded img { border-radius: var(--image-small-rounded); } .bt_bb_image.bt_bb_shape_small-rounded .bt_bb_image_content { border-radius: var(--image-small-rounded); } .bt_bb_image.bt_bb_shape_small-rounded .bt_bb_image_content_flex { border-radius: var(--image-small-rounded); } .bt_bb_image.bt_bb_shape_soft-rounded { border-radius: var(--image-soft-rounded); } .bt_bb_image.bt_bb_shape_soft-rounded img { border-radius: var(--image-soft-rounded); } .bt_bb_image.bt_bb_shape_soft-rounded .bt_bb_image_content { border-radius: var(--image-soft-rounded); } .bt_bb_image.bt_bb_shape_soft-rounded .bt_bb_image_content_flex { border-radius: var(--image-soft-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded { border-radius: var(--image-softer-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded img { border-radius: var(--image-softer-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded .bt_bb_image_content { border-radius: var(--image-softer-rounded); } .bt_bb_image.bt_bb_shape_softer-rounded .bt_bb_image_content_flex { border-radius: var(--image-softer-rounded); } .bt_bb_image.bt_bb_shape_very-rounded { border-radius: var(--image-very-rounded); } .bt_bb_image.bt_bb_shape_very-rounded img { border-radius: var(--image-very-rounded); } .bt_bb_image.bt_bb_shape_very-rounded .bt_bb_image_content { border-radius: var(--image-very-rounded); } .bt_bb_image.bt_bb_shape_very-rounded .bt_bb_image_content_flex { border-radius: var(--image-very-rounded); } .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.025, 1.025, 1.025); } .bt_bb_image.bt_bb_align_center.bt_bb_content_exists .bt_bb_image_content .bt_bb_image_content_flex { text-align: center; } .bt_bb_image + .bt_bb_text { margin-left: 1em; margin-top: 0.5em; float: left; } .bt_bb_align_center .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content .bt_bb_image, .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content.bt_bb_align_center .bt_bb_image, .bt_bb_align_left .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content.bt_bb_align_center .bt_bb_image, .bt_bb_align_left .bt_bb_align_center .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content .bt_bb_image, .bt_bb_align_right .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content.bt_bb_align_center .bt_bb_image, .bt_bb_align_right .bt_bb_align_center .slick-slider .slick-list .slick-slide .bt_bb_content_slider_item_content .bt_bb_image { display: inline-block; clear: none; } .bt_bb_top_negative_margin_extra_small.bt_bb_image { margin-top: -0.5em; } .bt_bb_bottom_negative_margin_extra_small.bt_bb_image { margin-bottom: -0.5em; } .bt_bb_right_negative_margin_extra_small.bt_bb_image { margin-right: -0.5em !important; } .bt_bb_left_negative_margin_extra_small.bt_bb_image { margin-left: -0.5em !important; } .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 !important; } .bt_bb_left_negative_margin_small.bt_bb_image { margin-left: -1em !important; } .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 !important; } .bt_bb_left_negative_margin_normal.bt_bb_image { margin-left: -2em !important; } .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 !important; } .bt_bb_left_negative_margin_medium.bt_bb_image { margin-left: -4em !important; } .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 !important; } .bt_bb_left_negative_margin_large.bt_bb_image { margin-left: -8em !important; } .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 !important; } .bt_bb_left_negative_margin_extra_large.bt_bb_image { margin-left: -16em !important; } /* Image - Shapes --------------------------------------------------- */ .bt_bb_image { /* Rounded rectangle (top right & bottom left) */ /* Rounded rectangle (top left & bottom right) */ /* Rounded square (top right) */ /* Rounded square (top left) */ /* Rounded square (bottom right) */ /* Rounded square (bottom left) */ } .bt_bb_image.bt_bb_shape_rounded_rectangle > span, .bt_bb_image.bt_bb_shape_rounded_rectangle > a, .bt_bb_image.bt_bb_shape_rounded_rectangle .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgwIiBoZWlnaHQ9IjkwNiIgdmlld0JveD0iMCAwIDY4MCA5MDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCA2NEMwIDI4LjY1MzggMjguNjUzOCAwIDY0IDBIMzYwQzM4NC4wNjkgMC43NzEwOTggNDA4LjE4IDMuODk4MzMgNDMyLjc2MiAyOC40NDVDNDYwLjM0MyA1Ni4wMzMxIDQ2MC44OTkgODMuMDc1MSA0NjEuNDU2IDExMC4xMTdDNDYyLjAxMyAxMzcuMTU5IDQ2Mi41NyAxNjQuMjAxIDQ5MC4xNSAxOTEuNzg5QzUxNy43MyAyMTkuMzc3IDU0NC43NjQgMjE5LjkzNCA1NzEuNzk5IDIyMC40OTFDNTk4LjgzMyAyMjEuMDQ4IDYyNS44NjcgMjIxLjYwNSA2NTMuNDQ4IDI0OS4xOTNDNjcwLjUzNSAyNjYuMjg2IDY3Ny4yMTYgMjgzLjIwNyA2ODAgMzAwVjg0MkM2ODAgODc3LjM0NiA2NTEuMzQ2IDkwNiA2MTYgOTA2SDMyMEMyOTUuOTMxIDkwNS4yMjkgMjcxLjgyIDkwMi4xMDIgMjQ3LjIzOCA4NzcuNTU1QzIxOS42NTcgODQ5Ljk2NyAyMTkuMTAxIDgyMi45MjUgMjE4LjU0NCA3OTUuODgzQzIxNy45ODcgNzY4Ljg0MSAyMTcuNDMgNzQxLjc5OSAxODkuODUgNzE0LjIxMUMxNjIuMjcgNjg2LjYyMyAxMzUuMjM2IDY4Ni4wNjYgMTA4LjIwMSA2ODUuNTA5QzgxLjE2NyA2ODQuOTUyIDU0LjEzMjggNjg0LjM5NSAyNi41NTI1IDY1Ni44MDdDOS40NjQ2NyA2MzkuNzE0IDIuNzgzNzMgNjIyLjc5MyAwIDYwNlY2NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo="); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_image.bt_bb_shape_rounded_rectangle_02 > span, .bt_bb_image.bt_bb_shape_rounded_rectangle_02 > a, .bt_bb_image.bt_bb_shape_rounded_rectangle_02 .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjY4MCIKICAgaGVpZ2h0PSI5MDYiCiAgIHZpZXdCb3g9IjAgMCA2ODAgOTA2IgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxMiIKICAgc29kaXBvZGk6ZG9jbmFtZT0icm91bmRlZF9yZWN0YW5nbGVfMDIuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIgKGRjMmFlZGFmMDMsIDIwMjItMDUtMTUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxNiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzE0IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuOTIzODQxMDYiCiAgICAgaW5rc2NhcGU6Y3g9IjM0MC40MjY1MiIKICAgICBpbmtzY2FwZTpjeT0iNDUzLjU0MTIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxMiIgLz4KICA8cGF0aAogICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZD0iTSA2ODAsNjQgQyA2ODAsMjguNjUzOCA2NTEuMzQ2MiwwIDYxNiwwIEggMzIwIGMgLTI0LjA2OSwwLjc3MTA5OCAtNDguMTgsMy44OTgzMyAtNzIuNzYyLDI4LjQ0NSAtMjcuNTgxLDI3LjU4ODEgLTI4LjEzNyw1NC42MzAxIC0yOC42OTQsODEuNjcyIC0wLjU1NywyNy4wNDIgLTEuMTE0LDU0LjA4NCAtMjguNjk0LDgxLjY3MiAtMjcuNTgsMjcuNTg4IC01NC42MTQsMjguMTQ1IC04MS42NDksMjguNzAyIC0yNy4wMzQsMC41NTcgLTU0LjA2OCwxLjExNCAtODEuNjQ5LDI4LjcwMiBDIDkuNDY1LDI2Ni4yODYgMi43ODQsMjgzLjIwNyAwLDMwMCB2IDU0MiBjIDAsMzUuMzQ2IDI4LjY1NCw2NCA2NCw2NCBoIDI5NiBjIDI0LjA2OSwtMC43NzEgNDguMTgsLTMuODk4IDcyLjc2MiwtMjguNDQ1IDI3LjU4MSwtMjcuNTg4IDI4LjEzNywtNTQuNjMgMjguNjk0LC04MS42NzIgMC41NTcsLTI3LjA0MiAxLjExNCwtNTQuMDg0IDI4LjY5NCwtODEuNjcyIDI3LjU4LC0yNy41ODggNTQuNjE0LC0yOC4xNDUgODEuNjQ5LC0yOC43MDIgMjcuMDM0LC0wLjU1NyA1NC4wNjgyLC0xLjExNCA4MS42NDg1LC0yOC43MDIgQyA2NzAuNTM1MzMsNjM5LjcxNCA2NzcuMjE2MjcsNjIyLjc5MyA2ODAsNjA2IFoiCiAgICAgZmlsbD0iIzAwMDAwMCIKICAgICBpZD0icGF0aDEwIiAvPgo8L3N2Zz4K"); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_image.bt_bb_shape_rounded_square > span, .bt_bb_image.bt_bb_shape_rounded_square > a, .bt_bb_image.bt_bb_shape_rounded_square .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgwIiBoZWlnaHQ9IjY4MCIgdmlld0JveD0iMCAwIDY4MCA2ODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjQgMEMyOC42NTM4IDAgMCAyOC42NTM4IDAgNjRWNjE2QzAgNjUxLjM0NiAyOC42NTM4IDY4MCA2NCA2ODBINjE2QzY1MS4zNDYgNjgwIDY4MCA2NTEuMzQ2IDY4MCA2MTZWMzAwQzY3Ny4yMTYgMjgzLjIwNyA2NzAuNTM1IDI2Ni4yODYgNjUzLjQ0OCAyNDkuMTkzQzYyNS44NjcgMjIxLjYwNSA1OTguODMzIDIyMS4wNDggNTcxLjc5OSAyMjAuNDkxQzU0NC43NjQgMjE5LjkzNCA1MTcuNzMgMjE5LjM3NyA0OTAuMTUgMTkxLjc4OUM0NjIuNTcgMTY0LjIwMSA0NjIuMDEzIDEzNy4xNTkgNDYxLjQ1NiAxMTAuMTE3QzQ2MC44OTkgODMuMDc1MSA0NjAuMzQzIDU2LjAzMzEgNDMyLjc2MiAyOC40NDVDNDA4LjE4IDMuODk4MzMgMzg0LjA2OSAwLjc3MTA5OCAzNjAgMEg2NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo="); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_image.bt_bb_shape_rounded_square_02 > span, .bt_bb_image.bt_bb_shape_rounded_square_02 > a, .bt_bb_image.bt_bb_shape_rounded_square_02 .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjY4MCIKICAgaGVpZ2h0PSI2ODAiCiAgIHZpZXdCb3g9IjAgMCA2ODAgNjgwIgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0ic3F1YXJlX3RvcF9sZWZ0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yIChkYzJhZWRhZjAzLCAyMDIyLTA1LTE1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMjMiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcyMSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjE5NzA1ODgiCiAgICAgaW5rc2NhcGU6Y3g9IjM0MC40MTc3IgogICAgIGlua3NjYXBlOmN5PSIzNDAuMDAwMDEiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzE5IiAvPgogIDxwYXRoCiAgICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICBkPSJtIDYxNiwwIGMgMzUuMzQ2MiwwIDY0LDI4LjY1MzggNjQsNjQgdiA1NTIgYyAwLDM1LjM0NiAtMjguNjUzOCw2NCAtNjQsNjQgSCA2NCBDIDI4LjY1NCw2ODAgMCw2NTEuMzQ2IDAsNjE2IFYgMzAwIGMgMi43ODQsLTE2Ljc5MyA5LjQ2NSwtMzMuNzE0IDI2LjU1MiwtNTAuODA3IDI3LjU4MSwtMjcuNTg4IDU0LjYxNSwtMjguMTQ1IDgxLjY0OSwtMjguNzAyIDI3LjAzNSwtMC41NTcgNTQuMDY5LC0xLjExNCA4MS42NDksLTI4LjcwMiAyNy41OCwtMjcuNTg4IDI4LjEzNywtNTQuNjMgMjguNjk0LC04MS42NzIgMC41NTcsLTI3LjA0MTkgMS4xMTMsLTU0LjA4MzkgMjguNjk0LC04MS42NzIgQyAyNzEuODIsMy44OTgzMyAyOTUuOTMxLDAuNzcxMSAzMjAsMCBaIgogICAgIGZpbGw9IiMwMDAwMDAiCiAgICAgaWQ9InBhdGgxNyIgLz4KPC9zdmc+Cg=="); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_image.bt_bb_shape_rounded_square_03 > span, .bt_bb_image.bt_bb_shape_rounded_square_03 > a, .bt_bb_image.bt_bb_shape_rounded_square_03 .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjY4MCIKICAgaGVpZ2h0PSI2ODAiCiAgIHZpZXdCb3g9IjAgMCA2ODAgNjgwIgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0ibGF0ZXN0X3NxYXJlLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yIChkYzJhZWRhZjAzLCAyMDIyLTA1LTE1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMjMiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcyMSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjE5NzA1ODgiCiAgICAgaW5rc2NhcGU6Y3g9IjMzOS41ODIzMSIKICAgICBpbmtzY2FwZTpjeT0iMzQwIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxOSIgLz4KICA8cGF0aAogICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZD0iTSA2NCw2ODAgQyAyOC42NTM4LDY4MCAwLDY1MS4zNDYyIDAsNjE2IFYgNjQgQyAwLDI4LjY1NCAyOC42NTM4LDAgNjQsMCBoIDU1MiBjIDM1LjM0NiwwIDY0LDI4LjY1NCA2NCw2NCB2IDMxNiBjIC0yLjc4NCwxNi43OTMgLTkuNDY1LDMzLjcxNCAtMjYuNTUyLDUwLjgwNyAtMjcuNTgxLDI3LjU4OCAtNTQuNjE1LDI4LjE0NSAtODEuNjQ5LDI4LjcwMiAtMjcuMDM1LDAuNTU3IC01NC4wNjksMS4xMTQgLTgxLjY0OSwyOC43MDIgLTI3LjU4LDI3LjU4OCAtMjguMTM3LDU0LjYzIC0yOC42OTQsODEuNjcyIC0wLjU1NywyNy4wNDE5IC0xLjExMyw1NC4wODM5IC0yOC42OTQsODEuNjcyIEMgNDA4LjE4LDY3Ni4xMDE2NyAzODQuMDY5LDY3OS4yMjg5IDM2MCw2ODAgWiIKICAgICBmaWxsPSIjMDAwMDAwIgogICAgIGlkPSJwYXRoMTciIC8+Cjwvc3ZnPgo="); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_image.bt_bb_shape_rounded_square_04 > span, .bt_bb_image.bt_bb_shape_rounded_square_04 > a, .bt_bb_image.bt_bb_shape_rounded_square_04 .bt_bb_image_content { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjY4MCIKICAgaGVpZ2h0PSI2ODAiCiAgIHZpZXdCb3g9IjAgMCA2ODAgNjgwIgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0ic3F1YXJlX2JvdHRvbV9sZWZ0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yIChkYzJhZWRhZjAzLCAyMDIyLTA1LTE1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMjMiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcyMSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjE5NzA1ODgiCiAgICAgaW5rc2NhcGU6Y3g9IjM0MC40MTc3IgogICAgIGlua3NjYXBlOmN5PSIzNDAuMDAwMDEiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzE5IiAvPgogIDxwYXRoCiAgICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICBkPSJtIDYxNiw2ODAgYyAzNS4zNDYyLDAgNjQsLTI4LjY1MzggNjQsLTY0IFYgNjQgQyA2ODAsMjguNjU0IDY1MS4zNDYyLDAgNjE2LDAgSCA2NCBDIDI4LjY1NCwwIDAsMjguNjU0IDAsNjQgdiAzMTYgYyAyLjc4NCwxNi43OTMgOS40NjUsMzMuNzE0IDI2LjU1Miw1MC44MDcgMjcuNTgxLDI3LjU4OCA1NC42MTUsMjguMTQ1IDgxLjY0OSwyOC43MDIgMjcuMDM1LDAuNTU3IDU0LjA2OSwxLjExNCA4MS42NDksMjguNzAyIDI3LjU4LDI3LjU4OCAyOC4xMzcsNTQuNjMgMjguNjk0LDgxLjY3MiAwLjU1NywyNy4wNDE5IDEuMTEzLDU0LjA4MzkgMjguNjk0LDgxLjY3MiBDIDI3MS44Miw2NzYuMTAxNjcgMjk1LjkzMSw2NzkuMjI4OSAzMjAsNjgwIFoiCiAgICAgZmlsbD0iIzAwMDAwMCIKICAgICBpZD0icGF0aDE3IiAvPgo8L3N2Zz4K"); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_image > span > img { pointer-events: none; } /* Post Grid --------------------------------------------------- */ .bt_bb_css_post_grid { --accent-color: inherit; --dark-color: inherit; /* Shape */ } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item { transition: all 300ms ease; } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner { color: var(--post-grid-primary-color, inherit); background-color: var(--post-grid-secondary-color, var(--gray-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_content { background-color: transparent; padding: 2.35em; } .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(--small-title-size); } .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: 0.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:after { content: ""; margin-top: 0.5em; display: block; width: 100%; height: 2px; opacity: 0.5; background-color: currentColor; } .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: uppercase; letter-spacing: var(--supertitle-letter-spacing); font-style: var(--supertitle-font-style); 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_superheadline span.bt_bb_grid_item_date:before { 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_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: uppercase; letter-spacing: var(--supertitle-letter-spacing); font-style: var(--supertitle-font-style); padding: 0; background-color: transparent; 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_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: 0.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_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: 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 .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: 0.2em; color: var(--post-grid-primary-color, inherit); } .rtl .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 { margin-left: 0.2em; margin-right: 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 { 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, 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_item_comments:before { content: var(--post-comments-icon); font-family: var(--post-comments-icon-font); 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_date:before { content: var(--post-date-icon); font-family: var(--post-date-icon-font); color: var(--post-grid-primary-color, inherit); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); } .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item:hover .bt_bb_grid_item_post_thumbnail img { transform: scale3d(1.03, 1.03, 1.03); } .bt_bb_css_post_grid.bt_bb_shape_rounded .bt_bb_grid_item { border-radius: var(--card-soft-rounded); } .bt_bb_css_post_grid.bt_bb_shape_round .bt_bb_grid_item { border-radius: var(--card-very-rounded); } .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item { background-color: transparent; position: relative; padding: 0 0 0.5em 0; margin: 0 0.5em; font-size: 1em; font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: uppercase; letter-spacing: var(--supertitle-letter-spacing); font-style: var(--supertitle-font-style); } .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:hover, .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item.active { background-color: transparent; } .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:hover:before, .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item.active:before { opacity: 1; width: 100%; } .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:before { content: ""; display: block; height: 2px; width: 0; position: absolute; bottom: 0; left: 0; background: var(--gray-color); opacity: 0; transition: 300ms all ease; } /* 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%; } /* 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%; } /* Font weight */ .bt_bb_css_post_grid.bt_bb_title_font_weight_normal .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-weight: normal; } .bt_bb_css_post_grid.bt_bb_title_font_weight_bold .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-weight: bold; } .bt_bb_css_post_grid.bt_bb_title_font_weight_bolder .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-weight: bolder; } .bt_bb_css_post_grid.bt_bb_title_font_weight_lighter .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-weight: lighter; } .bt_bb_css_post_grid.bt_bb_title_font_weight_light .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-weight: light; } .bt_bb_css_post_grid.bt_bb_title_font_weight_thin .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-weight: thin; } .bt_bb_css_post_grid.bt_bb_title_font_weight_100 .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-weight: 100; } .bt_bb_css_post_grid.bt_bb_title_font_weight_200 .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-weight: 200; } .bt_bb_css_post_grid.bt_bb_title_font_weight_300 .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-weight: 300; } .bt_bb_css_post_grid.bt_bb_title_font_weight_400 .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-weight: 400; } .bt_bb_css_post_grid.bt_bb_title_font_weight_500 .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-weight: 500; } .bt_bb_css_post_grid.bt_bb_title_font_weight_600 .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-weight: 600; } .bt_bb_css_post_grid.bt_bb_title_font_weight_700 .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-weight: 700; } .bt_bb_css_post_grid.bt_bb_title_font_weight_800 .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-weight: 800; } .bt_bb_css_post_grid.bt_bb_title_font_weight_900 .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-weight: 900; } /* 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_category { padding-bottom: 0.5em; } .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: 1em; font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); text-transform: uppercase; letter-spacing: var(--supertitle-letter-spacing); 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:after { content: ""; margin-top: 0.5em; display: block; width: 100%; height: 2px; opacity: 0.5; background-color: currentColor; } .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: uppercase; letter-spacing: var(--supertitle-letter-spacing); font-style: var(--supertitle-font-style); padding-right: 0.6em; } .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: "/"; display: inline-block; opacity: 0.3; width: 1em; padding-right: 0; } .bt_bb_masonry_post_grid .bt_bb_post_grid_filter { margin-bottom: 1em; } .bt_bb_masonry_post_grid .bt_bb_post_grid_filter .bt_bb_post_grid_filter_item:before { left: 0; background: var(--gray-color); } /* Counter --------------------------------------------------- */ .bt_bb_counter_holder { display: inline-block; height: inherit; } .bt_bb_counter_holder .bt_bb_counter { height: 1.2em; } .rtl .bt_bb_counter_holder .bt_bb_counter { direction: ltr; } .bt_bb_counter_holder .bt_bb_counter span.onedigit { height: 1.2em; font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); } .bt_bb_counter_holder .bt_bb_counter span.onedigit span { height: 1.2em; } .bt_bb_counter_holder .bt_bb_counter_text { font-size: 1rem; line-height: 1.6; padding-top: 1em; } .bt_bb_counter_holder.bt_bb_size_large { font-size: var(--large-title-size); } .bt_bb_counter_holder.bt_bb_size_xlarge { font-size: var(--extralarge-title-size); } .bt_bb_progress_bar_advanced + .bt_bb_counter { float: left; padding-top: 1em; } /* Font weight */ .bt_bb_counter_holder.bt_bb_font_weight_normal .bt_bb_counter span.onedigit { font-weight: normal; } .bt_bb_counter_holder.bt_bb_font_weight_bold .bt_bb_counter span.onedigit { font-weight: bold; } .bt_bb_counter_holder.bt_bb_font_weight_bolder .bt_bb_counter span.onedigit { font-weight: bolder; } .bt_bb_counter_holder.bt_bb_font_weight_lighter .bt_bb_counter span.onedigit { font-weight: lighter; } .bt_bb_counter_holder.bt_bb_font_weight_light .bt_bb_counter span.onedigit { font-weight: light; } .bt_bb_counter_holder.bt_bb_font_weight_thin .bt_bb_counter span.onedigit { font-weight: thin; } .bt_bb_counter_holder.bt_bb_font_weight_100 .bt_bb_counter span.onedigit { font-weight: 100; } .bt_bb_counter_holder.bt_bb_font_weight_200 .bt_bb_counter span.onedigit { font-weight: 200; } .bt_bb_counter_holder.bt_bb_font_weight_300 .bt_bb_counter span.onedigit { font-weight: 300; } .bt_bb_counter_holder.bt_bb_font_weight_400 .bt_bb_counter span.onedigit { font-weight: 400; } .bt_bb_counter_holder.bt_bb_font_weight_500 .bt_bb_counter span.onedigit { font-weight: 500; } .bt_bb_counter_holder.bt_bb_font_weight_600 .bt_bb_counter span.onedigit { font-weight: 600; } .bt_bb_counter_holder.bt_bb_font_weight_700 .bt_bb_counter span.onedigit { font-weight: 700; } .bt_bb_counter_holder.bt_bb_font_weight_800 .bt_bb_counter span.onedigit { font-weight: 800; } .bt_bb_counter_holder.bt_bb_font_weight_900 .bt_bb_counter span.onedigit { font-weight: 900; } /* Countdown --------------------------------------------------- */ .bt_bb_countdown.btCounterHolder { font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-size: 3.12rem; } .rtl .bt_bb_countdown.btCounterHolder .btCountdownHolder { direction: ltr; } .bt_bb_countdown.btCounterHolder .btCountdownHolder span[class$=_text] { font-size: 18px; font-weight: 600; text-align: center; padding-top: 0; } .bt_bb_align_left .bt_bb_countdown.btCounterHolder .btCountdownHolder, .bt_bb_countdown.btCounterHolder .btCountdownHolder.bt_bb_align_left, .bt_bb_align_right .bt_bb_countdown.btCounterHolder .btCountdownHolder.bt_bb_align_left, .bt_bb_align_right .bt_bb_align_left .bt_bb_countdown.btCounterHolder .btCountdownHolder, .bt_bb_align_center .bt_bb_countdown.btCounterHolder .btCountdownHolder.bt_bb_align_left, .bt_bb_align_center .bt_bb_align_left .bt_bb_countdown.btCounterHolder .btCountdownHolder { padding-left: 0; } .bt_bb_align_right .bt_bb_countdown.btCounterHolder .btCountdownHolder, .bt_bb_countdown.btCounterHolder .btCountdownHolder.bt_bb_align_right, .bt_bb_align_left .bt_bb_countdown.btCounterHolder .btCountdownHolder.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_countdown.btCounterHolder .btCountdownHolder, .bt_bb_align_center .bt_bb_countdown.btCounterHolder .btCountdownHolder.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_countdown.btCounterHolder .btCountdownHolder { padding-right: 0; } .bt_bb_countdown.btCounterHolder .days, .bt_bb_countdown.btCounterHolder .hours, .bt_bb_countdown.btCounterHolder .minutes, .bt_bb_countdown.btCounterHolder .seconds { width: auto; padding-right: 3rem; } .bt_bb_align_right .bt_bb_countdown.btCounterHolder .days, .bt_bb_countdown.btCounterHolder .days.bt_bb_align_right, .bt_bb_align_left .bt_bb_countdown.btCounterHolder .days.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_countdown.btCounterHolder .days, .bt_bb_align_center .bt_bb_countdown.btCounterHolder .days.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_countdown.btCounterHolder .days, .bt_bb_align_right .bt_bb_countdown.btCounterHolder .hours, .bt_bb_countdown.btCounterHolder .hours.bt_bb_align_right, .bt_bb_align_left .bt_bb_countdown.btCounterHolder .hours.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_countdown.btCounterHolder .hours, .bt_bb_align_center .bt_bb_countdown.btCounterHolder .hours.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_countdown.btCounterHolder .hours, .bt_bb_align_right .bt_bb_countdown.btCounterHolder .minutes, .bt_bb_countdown.btCounterHolder .minutes.bt_bb_align_right, .bt_bb_align_left .bt_bb_countdown.btCounterHolder .minutes.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_countdown.btCounterHolder .minutes, .bt_bb_align_center .bt_bb_countdown.btCounterHolder .minutes.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_countdown.btCounterHolder .minutes, .bt_bb_align_right .bt_bb_countdown.btCounterHolder .seconds, .bt_bb_countdown.btCounterHolder .seconds.bt_bb_align_right, .bt_bb_align_left .bt_bb_countdown.btCounterHolder .seconds.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_countdown.btCounterHolder .seconds, .bt_bb_align_center .bt_bb_countdown.btCounterHolder .seconds.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_countdown.btCounterHolder .seconds { padding-right: 0rem; padding-left: 3rem; } .btCounterHolder.btCounterLargeSize, .btCounterHolder.bt_bb_size_large { font-size: var(--extralarge-title-size); font-weight: inherit; } .btCounterHolder.btCounterLargeSize .btCountdownHolder, .btCounterHolder.bt_bb_size_large .btCountdownHolder { padding: 0; } .btCounterHolder.btCounterLargeSize .btCounter, .btCounterHolder.bt_bb_size_large .btCounter { height: 5.4rem; } .btCounterHolder.btCounterLargeSize span.onedigit, .btCounterHolder.bt_bb_size_large span.onedigit { height: 5.4rem; } .btCounterHolder.btCounterLargeSize span.onedigit span, .btCounterHolder.bt_bb_size_large span.onedigit span { height: 5.4rem; } .btCounterHolder.btCounterLargeSize .btCountdownHolder > span > span > span, .btCounterHolder.bt_bb_size_large .btCountdownHolder > span > span > span { transform: translateY(-6rem); height: 6rem; text-align: center; } .btCounterHolder.btCounterLargeSize .btCountdownHolder span[class^=n], .btCounterHolder.btCounterLargeSize .btCountdownHolder .days span:first-child, .btCounterHolder.btCounterLargeSize .btCountdownHolder .days span:nth-child(2), .btCounterHolder.btCounterLargeSize .btCountdownHolder .days span:nth-child(3), .btCounterHolder.bt_bb_size_large .btCountdownHolder span[class^=n], .btCounterHolder.bt_bb_size_large .btCountdownHolder .days span:first-child, .btCounterHolder.bt_bb_size_large .btCountdownHolder .days span:nth-child(2), .btCounterHolder.bt_bb_size_large .btCountdownHolder .days span:nth-child(3) { height: 6rem; } /* Slider --------------------------------------------------- */ /* Dots */ .slick-dots li { width: 8px; height: 8px; border: none; background: var(--dark-color) !important; opacity: 0.2; margin: 0 10px; } .slick-dots li.slick-active, .slick-dots li:hover { opacity: 1; } .bt_bb_align_left .slick-dots, .slick-dots.bt_bb_align_left, .bt_bb_align_right .slick-dots.bt_bb_align_left, .bt_bb_align_right .bt_bb_align_left .slick-dots, .bt_bb_align_center .slick-dots.bt_bb_align_left, .bt_bb_align_center .bt_bb_align_left .slick-dots { text-align: left; } .bt_bb_align_right .slick-dots, .slick-dots.bt_bb_align_right, .bt_bb_align_left .slick-dots.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .slick-dots, .bt_bb_align_center .slick-dots.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .slick-dots { text-align: right; } .bt_bb_align_center .slick-dots, .slick-dots.bt_bb_align_center, .bt_bb_align_left .slick-dots.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .slick-dots, .bt_bb_align_right .slick-dots.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .slick-dots { text-align: center; } /* Arrows */ button.slick-arrow { width: 3.1112em; height: 3.1112em; border-radius: 50%; border: 1px solid var(--arrows-primary-color, var(--primary-10-color)); background: transparent; z-index: 9; transition: all 450ms ease; } button.slick-arrow:before { font-size: 1.5em; font-family: var(--slider-arrows-icon-font); line-height: 56px; color: var(--arrows-primary-color, var(--dark-color)); transition: all 450ms ease; } button.slick-arrow:hover { background: var(--arrows-primary-color, var(--primary-10-color)); } button.slick-arrow:hover:before { color: var(--arrows-secondary-color, var(--dark-color)); } button.slick-arrow.slick-next:before { content: var(--slider-arrows-icon-next); } .rtl button.slick-arrow.slick-next:before { content: var(--slider-arrows-icon-prev); } button.slick-arrow.slick-prev:before { content: var(--slider-arrows-icon-prev); } .rtl button.slick-arrow.slick-prev:before { content: var(--slider-arrows-icon-next); } .bt_bb_arrows_size_small button.slick-arrow { width: 34px; height: 34px; margin-top: -17px; } .bt_bb_arrows_size_small button.slick-arrow:before { font-size: 1.2em; line-height: 34px; } .bt_bb_arrows_size_large button.slick-arrow { width: 4em; height: 4em; margin-top: -32px; } .bt_bb_arrows_size_large button.slick-arrow:before { font-size: 1.5em; line-height: 2.667em; } .bt_bb_content_slider, .bt_bb_post_slider { /* Dots color */ /* Arrows position */ /* Dots alignment */ } .bt_bb_content_slider.bt_bb_dots_color_light .slick-dots li, .bt_bb_post_slider.bt_bb_dots_color_light .slick-dots li { background: var(--light-color) !important; } .bt_bb_content_slider.bt_bb_dots_color_accent .slick-dots li, .bt_bb_post_slider.bt_bb_dots_color_accent .slick-dots li { background: var(--accent-color) !important; } .bt_bb_content_slider.bt_bb_dots_color_alternate .slick-dots li, .bt_bb_post_slider.bt_bb_dots_color_alternate .slick-dots li { background: var(--alternate-color) !important; } .bt_bb_content_slider.bt_bb_arrows_position_outside, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover, .bt_bb_post_slider.bt_bb_arrows_position_outside, .bt_bb_post_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, .bt_bb_post_slider.bt_bb_arrows_position_outside.bt_bb_arrows_size_no_arrows, .bt_bb_post_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, .bt_bb_post_slider.bt_bb_arrows_position_outside .slick-slider, .bt_bb_post_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, .bt_bb_post_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_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, .rtl .bt_bb_post_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-prev, .rtl .bt_bb_post_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, .bt_bb_post_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-next, .bt_bb_post_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, .rtl .bt_bb_post_slider.bt_bb_arrows_position_outside .slick-slider button.slick-arrow.slick-next, .rtl .bt_bb_post_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, .bt_bb_post_slider.bt_bb_arrows_position_outside_hover .slick-slider button.slick-arrow, .bt_bb_post_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, .bt_bb_post_slider.bt_bb_arrows_position_outside_hover:hover .slick-slider button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_hover:hover .slick-slider button.slick-arrow { opacity: 1; } .bt_bb_content_slider.bt_bb_arrows_position_on_side.bt_bb_show_dots_below .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_on_side.bt_bb_show_dots_bottom .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_hover.bt_bb_show_dots_below .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_hover.bt_bb_show_dots_bottom .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_outside.bt_bb_show_dots_below .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_outside.bt_bb_show_dots_bottom .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover.bt_bb_show_dots_below .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_outside_hover.bt_bb_show_dots_bottom .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_on_side.bt_bb_show_dots_below .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_on_side.bt_bb_show_dots_bottom .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_hover.bt_bb_show_dots_below .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_hover.bt_bb_show_dots_bottom .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_outside.bt_bb_show_dots_below .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_outside.bt_bb_show_dots_bottom .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_outside_hover.bt_bb_show_dots_below .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_outside_hover.bt_bb_show_dots_bottom .slick-dots { text-align: center !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center, .bt_bb_post_slider.bt_bb_arrows_position_below_center { padding-bottom: 5em; } .bt_bb_content_slider.bt_bb_arrows_position_below_center .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_center .slick-slider { overflow: visible; } .bt_bb_content_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-prev { top: auto; bottom: -5em; left: calc(50% - 3.5em) !important; right: auto !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-prev, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-prev { right: calc(50% - 3.5em) !important; left: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-next { top: auto; bottom: -5em; right: calc(50% - 3.5em) !important; left: auto !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-next, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_center .slick-slider button.slick-arrow.slick-next { left: calc(50% - 3.5em) !important; right: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow { bottom: -3em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-prev { left: calc(50% - 2.5em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-prev, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-prev { right: calc(50% - 2.5em) !important; left: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-next { right: calc(50% - 2.5em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-next, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_small button.slick-arrow.slick-next { left: calc(50% - 2.5em) !important; right: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-prev { left: calc(50% - 4.7em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-prev, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-prev { right: calc(50% - 4.7em) !important; left: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-next { right: calc(50% - 4.7em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-next, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_arrows_size_large button.slick-arrow.slick-next { left: calc(50% - 4.7em) !important; right: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below, .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom { padding-bottom: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider, .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider .slick-list, .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-list { order: 1; width: 100%; margin-bottom: 2em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-prev, .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-prev { position: relative !important; inset: auto !important; order: 2; margin-top: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-dots { position: relative !important; inset: auto !important; order: 3; display: inline-flex; width: auto; align-items: center; margin: 0 1em; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-next, .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-next { position: relative !important; inset: auto !important; order: 4; margin-top: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-list { margin-bottom: 0em; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider button.slick-arrow { margin-top: -5em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom .slick-slider .slick-dots { margin-top: -7em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_small button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_small button.slick-arrow { margin-top: -3em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_small .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_small .slick-dots { margin-top: -4em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_large button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_large button.slick-arrow { margin-top: -7em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_large .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_center.bt_bb_show_dots_bottom.bt_bb_arrows_size_large .slick-dots { margin-top: -9.5em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left, .bt_bb_post_slider.bt_bb_arrows_position_below_left { padding-bottom: 5em; } .bt_bb_content_slider.bt_bb_arrows_position_below_left .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_left .slick-slider { overflow: visible; } .bt_bb_content_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-prev { top: auto; bottom: -5em; left: 0 !important; right: auto !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-prev, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-prev { right: 0 !important; left: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-next { top: auto; bottom: -5em; right: auto !important; left: calc(0% + 4em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-next, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_left .slick-slider button.slick-arrow.slick-next { right: calc(0% + 4em) !important; left: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_small button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_small button.slick-arrow { bottom: -3em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_small button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_small button.slick-arrow.slick-next { right: auto !important; left: calc(0% + 2.5em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_small button.slick-arrow.slick-next, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_small button.slick-arrow.slick-next { left: auto !important; right: calc(0% + 2.5em) !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_large button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_large button.slick-arrow.slick-next { right: auto !important; left: calc(0% + 5em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_large button.slick-arrow.slick-next, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_arrows_size_large button.slick-arrow.slick-next { left: auto !important; right: calc(0% + 5em) !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below, .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom { padding-bottom: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider, .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider { display: flex; width: 100%; flex-wrap: wrap; justify-content: start; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider .slick-list, .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-list { order: 1; width: 100%; margin-bottom: 2em; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-prev, .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-prev { position: relative !important; inset: auto !important; order: 2; margin-top: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-dots { position: relative !important; inset: auto !important; order: 3; display: inline-flex; width: auto; align-items: center; margin: 0 1em; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-next, .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-next { position: relative !important; inset: auto !important; order: 4; margin-top: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-list { margin-bottom: 0em; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider button.slick-arrow { margin-top: -5em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom .slick-slider .slick-dots { margin-top: -7em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_small button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_small button.slick-arrow { margin-top: -3em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_small .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_small .slick-dots { margin-top: -4em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_large button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_large button.slick-arrow { margin-top: -7em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_large .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_left.bt_bb_show_dots_bottom.bt_bb_arrows_size_large .slick-dots { margin-top: -9.5em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right, .bt_bb_post_slider.bt_bb_arrows_position_below_right { padding-bottom: 5em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_right .slick-slider { overflow: visible; } .bt_bb_content_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-prev { top: auto; bottom: -5em; left: auto !important; right: calc(0% + 3.5em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-prev, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-prev { right: auto !important; left: calc(0% + 3.5em) !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-next { top: auto; bottom: -5em; right: 0 !important; left: auto !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-next, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_right .slick-slider button.slick-arrow.slick-next { left: 0 !important; right: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_small button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_small button.slick-arrow { bottom: -3em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_small button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_small button.slick-arrow.slick-prev { right: calc(0% + 2.5em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_small button.slick-arrow.slick-prev, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_small button.slick-arrow.slick-prev { left: calc(0% + 2.5em) !important; right: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_large button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_large button.slick-arrow.slick-prev { right: calc(0% + 4.7em) !important; } .rtl .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_large button.slick-arrow.slick-prev, .rtl .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_arrows_size_large button.slick-arrow.slick-prev { left: calc(0% + 4.7em) !important; right: auto !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below, .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom { padding-bottom: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider, .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider { display: flex; width: 100%; flex-wrap: wrap; justify-content: end; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider .slick-list, .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-list { order: 1; width: 100%; margin-bottom: 2em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-prev, .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-prev, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-prev { position: relative !important; inset: auto !important; order: 2; margin-top: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider .slick-dots, .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-dots { position: relative !important; inset: auto !important; order: 3; display: inline-flex; width: auto; align-items: center; margin: 0 1em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-next, .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_below .slick-slider button.slick-arrow.slick-next, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider button.slick-arrow.slick-next { position: relative !important; inset: auto !important; order: 4; margin-top: 0; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-list, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-list { margin-bottom: 0em; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider button.slick-arrow { margin-top: -5em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom .slick-slider .slick-dots { margin-top: -7em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_small button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_small button.slick-arrow { margin-top: -3em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_small .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_small .slick-dots { margin-top: -4em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_large button.slick-arrow, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_large button.slick-arrow { margin-top: -7em !important; } .bt_bb_content_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_large .slick-dots, .bt_bb_post_slider.bt_bb_arrows_position_below_right.bt_bb_show_dots_bottom.bt_bb_arrows_size_large .slick-dots { margin-top: -9.5em !important; } .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below .slick-dots, .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom .slick-dots { margin: 0 auto !important; } .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_arrows_position_below_left .slick-dots, .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_arrows_position_below_right .slick-dots, .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_arrows_position_below_center .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_arrows_position_below_left .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_arrows_position_below_right .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_arrows_position_below_center .slick-dots { margin-top: -4em !important; } .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_left .slick-dots, .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_left .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_left .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_left .slick-dots { text-align: left !important; } .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_left .slick-dots li:first-child, .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_left .slick-dots li:first-child, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_left .slick-dots li:first-child, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_left .slick-dots li:first-child { margin-left: 0; } .rtl .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_left .slick-dots li:first-child, .rtl .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_left .slick-dots li:first-child, .rtl .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_left .slick-dots li:first-child, .rtl .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_left .slick-dots li:first-child { margin-left: 10px; margin-right: 0; } .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_right .slick-dots, .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_right .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_right .slick-dots, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_right .slick-dots { text-align: right !important; } .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_right .slick-dots li:last-child, .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_right .slick-dots li:last-child, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_right .slick-dots li:last-child, .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_right .slick-dots li:last-child { margin-right: 0; } .rtl .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_right .slick-dots li:last-child, .rtl .bt_bb_content_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_right .slick-dots li:last-child, .rtl .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_below.bt_bb_dots_alignment_right .slick-dots li:last-child, .rtl .bt_bb_post_slider.bt_bb_arrows_size_no_arrows.bt_bb_show_dots_bottom.bt_bb_dots_alignment_right .slick-dots li:last-child { margin-right: 10px; margin-left: 0; } @media (max-width: 1200px) { .slick-slider .slick-list { padding: 0 !important; } .bt_bb_gap_small .slick-list { margin: 0 0.25rem !important; } .bt_bb_gap_small .slick-list .slick-slide .content { padding: 0 0.25rem !important; } .bt_bb_gap_normal .slick-list { margin: 0 0.5rem !important; } .bt_bb_gap_normal .slick-list .slick-slide .content { padding: 0 0.5rem !important; } .bt_bb_gap_large .slick-list { margin: 0 1rem !important; } .bt_bb_gap_large .slick-list .slick-slide .content { padding: 0 1rem !important; } } /* Latest Post --------------------------------------------------- */ .bt_bb_latest_posts .bt_bb_latest_posts_item { display: flex; flex-wrap: wrap; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_date { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); font-style: var(--supertitle-font-style); letter-spacing: var(--supertitle-letter-spacing); text-transform: uppercase; line-height: 1; display: block; margin-bottom: 2rem; order: 1; width: 100%; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_date:after { content: ""; margin-top: 1em; display: block; width: 100%; height: 2px; opacity: 0.5; background-color: currentColor; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { margin: 0 0 2em; order: 2; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content { order: 3; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-size: var(--small-title-size); font-weight: var(--heading-font-weight); line-height: 42px; margin: 0; padding-bottom: 0; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_excerpt { margin-top: 0.6em; line-height: 26px; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_meta { padding: 1rem 0 0 0; width: 100%; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_meta > span { font-size: 1rem; font-weight: inherit; display: inline-flex; align-items: center; } .bt_bb_latest_posts .bt_bb_latest_posts_item .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_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_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_meta .bt_bb_latest_posts_item_category .post-categories { line-height: 1; display: inline-flex; align-items: center; font-size: 1rem; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_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); } .bt_bb_latest_posts .bt_bb_latest_posts_item .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_meta .bt_bb_latest_posts_item_category .post-categories li a { padding: 0; background-color: transparent !important; } .bt_bb_latest_posts .bt_bb_latest_posts_item .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_image_shape_rounded .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { border-radius: var(--latest-post-soft-rounded); } .bt_bb_latest_posts.bt_bb_image_shape_rounded_square .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjY4MCIKICAgaGVpZ2h0PSI2ODAiCiAgIHZpZXdCb3g9IjAgMCA2ODAgNjgwIgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0ibGF0ZXN0X3NxYXJlLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yIChkYzJhZWRhZjAzLCAyMDIyLTA1LTE1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMjMiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcyMSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjE5NzA1ODgiCiAgICAgaW5rc2NhcGU6Y3g9IjMzOS41ODIzMSIKICAgICBpbmtzY2FwZTpjeT0iMzQwIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxOSIgLz4KICA8cGF0aAogICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZD0iTSA2NCw2ODAgQyAyOC42NTM4LDY4MCAwLDY1MS4zNDYyIDAsNjE2IFYgNjQgQyAwLDI4LjY1NCAyOC42NTM4LDAgNjQsMCBoIDU1MiBjIDM1LjM0NiwwIDY0LDI4LjY1NCA2NCw2NCB2IDMxNiBjIC0yLjc4NCwxNi43OTMgLTkuNDY1LDMzLjcxNCAtMjYuNTUyLDUwLjgwNyAtMjcuNTgxLDI3LjU4OCAtNTQuNjE1LDI4LjE0NSAtODEuNjQ5LDI4LjcwMiAtMjcuMDM1LDAuNTU3IC01NC4wNjksMS4xMTQgLTgxLjY0OSwyOC43MDIgLTI3LjU4LDI3LjU4OCAtMjguMTM3LDU0LjYzIC0yOC42OTQsODEuNjcyIC0wLjU1NywyNy4wNDE5IC0xLjExMyw1NC4wODM5IC0yOC42OTQsODEuNjcyIEMgNDA4LjE4LDY3Ni4xMDE2NyAzODQuMDY5LDY3OS4yMjg5IDM2MCw2ODAgWiIKICAgICBmaWxsPSIjMDAwMDAwIgogICAgIGlkPSJwYXRoMTciIC8+Cjwvc3ZnPgo="); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_latest_posts.bt_bb_show_date_show_date_below .bt_bb_latest_posts_item .bt_bb_latest_posts_item_date { order: 2; } .bt_bb_latest_posts.bt_bb_show_date_show_date_below .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { order: 1; } /* 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%; } /* Font weight */ .bt_bb_latest_posts.bt_bb_title_font_weight_normal .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: normal; } .bt_bb_latest_posts.bt_bb_title_font_weight_bold .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: bold; } .bt_bb_latest_posts.bt_bb_title_font_weight_bolder .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: bolder; } .bt_bb_latest_posts.bt_bb_title_font_weight_lighter .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: lighter; } .bt_bb_latest_posts.bt_bb_title_font_weight_light .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: light; } .bt_bb_latest_posts.bt_bb_title_font_weight_thin .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: thin; } .bt_bb_latest_posts.bt_bb_title_font_weight_100 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 100; } .bt_bb_latest_posts.bt_bb_title_font_weight_200 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 200; } .bt_bb_latest_posts.bt_bb_title_font_weight_300 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 300; } .bt_bb_latest_posts.bt_bb_title_font_weight_400 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 400; } .bt_bb_latest_posts.bt_bb_title_font_weight_500 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 500; } .bt_bb_latest_posts.bt_bb_title_font_weight_600 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 600; } .bt_bb_latest_posts.bt_bb_title_font_weight_700 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 700; } .bt_bb_latest_posts.bt_bb_title_font_weight_800 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 800; } .bt_bb_latest_posts.bt_bb_title_font_weight_900 .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-weight: 900; } /* Accordion --------------------------------------------------- */ .bt_bb_accordion { /* Title size */ /* Trigger color */ } .bt_bb_accordion .bt_bb_accordion_item { position: relative; overflow: hidden; margin-bottom: 0.6em; cursor: pointer; display: flex; align-items: center; flex-wrap: wrap; transition: 300ms ease all; /* Title */ /* Plus - Minus */ } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title { font-size: var(--extrasmall-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); line-height: 1.4; padding-right: 2em; width: 100%; padding-right: 1.5em !important; z-index: 2; order: 1; } .bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title strong { font-weight: 500; } .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: 1em; height: 1em; line-height: 1; text-align: center; position: absolute; top: 0.6em; right: 0; color: var(--accordion-primary-color, var(--dark-color)); transition: 350ms ease all; order: 2; z-index: 0; } .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 0em 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_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_content { display: block; opacity: 1; height: auto; padding: 1em 0em; } .bt_bb_accordion .bt_bb_accordion_item:hover:after, .bt_bb_accordion .bt_bb_accordion_item.on:after { color: var(--accordion-secondary-color, var(--accent-color)); } .bt_bb_accordion .bt_bb_accordion_item.on:hover:after { color: var(--accordion-secondary-color, var(--accent-color)); } .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item { margin-bottom: 0.3em; } .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item .bt_bb_accordion_item_title:hover, .bt_bb_accordion.bt_bb_style_simple .bt_bb_accordion_item.on .bt_bb_accordion_item_title { color: var(--accordion-secondary-color, var(--accent-color)); border-color: var(--accordion-primary-color, var(--dark-color)); } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item { border: 1px solid var(--accordion-primary-color, var(--dark-color)); } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item:after { right: 1rem; } .bt_bb_accordion.bt_bb_style_outline .bt_bb_accordion_item .bt_bb_accordion_item_content { padding-right: 1.5rem; padding-left: 1.5rem; } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item { border: none; color: var(--accordion-primary-color, var(--dark-color)); background-color: var(--accordion-secondary-color, var(--card-gray-color)); } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item:after { right: 1rem; color: var(--accordion-primary-color, var(--dark-color)); } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_title { color: var(--accordion-primary-color, var(--dark-color)); background-color: var(--accordion-secondary-color, var(--card-gray-color)); border-color: var(--accordion-primary-color, #d5d5d5); } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_title:hover { color: var(--accordion-primary-color, var(--dark-color)); background-color: var(--accordion-secondary-color, var(--card-gray-color)); } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_content { padding-right: 1.5rem; padding-left: 1.5rem; } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item:hover:after, .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item.on:after { color: var(--accordion-primary-color, var(--dark-color)); } .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item:hover .bt_bb_accordion_item_title:hover, .bt_bb_accordion.bt_bb_style_filled .bt_bb_accordion_item.on .bt_bb_accordion_item_title:hover { color: var(--accordion-primary-color, var(--dark-color)); background-color: var(--accordion-secondary-color, var(--card-gray-color)); } .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_trigger_color_accent .bt_bb_accordion_item:after { color: var(--accent-color) !important; } .bt_bb_accordion.bt_bb_trigger_color_alternate .bt_bb_accordion_item:after { color: var(--alternate-color) !important; } .bt_bb_accordion.bt_bb_trigger_color_light .bt_bb_accordion_item:after { color: var(--light-color) !important; } .bt_bb_accordion.bt_bb_trigger_color_dark .bt_bb_accordion_item:after { color: var(--dark-color) !important; } /* Font weight */ .bt_bb_accordion.bt_bb_font_weight_normal .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: normal; } .bt_bb_accordion.bt_bb_font_weight_bold .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: bold; } .bt_bb_accordion.bt_bb_font_weight_bolder .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: bolder; } .bt_bb_accordion.bt_bb_font_weight_lighter .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: lighter; } .bt_bb_accordion.bt_bb_font_weight_light .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: light; } .bt_bb_accordion.bt_bb_font_weight_thin .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: thin; } .bt_bb_accordion.bt_bb_font_weight_100 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 100; } .bt_bb_accordion.bt_bb_font_weight_200 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 200; } .bt_bb_accordion.bt_bb_font_weight_300 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 300; } .bt_bb_accordion.bt_bb_font_weight_400 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 400; } .bt_bb_accordion.bt_bb_font_weight_500 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 500; } .bt_bb_accordion.bt_bb_font_weight_600 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 600; } .bt_bb_accordion.bt_bb_font_weight_700 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 700; } .bt_bb_accordion.bt_bb_font_weight_800 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 800; } .bt_bb_accordion.bt_bb_font_weight_900 .bt_bb_accordion_item .bt_bb_accordion_item_title { font-weight: 900; } /* Custom menu --------------------------------------------------- */ .bt_bb_custom_menu[class*=bt_bb_color_scheme]:hover div ul a:hover { opacity: 1; color: var(--custom-menu-secondary-color, inherit); } .bt_bb_custom_menu div ul { margin: 0; } .bt_bb_align_center .bt_bb_custom_menu div ul, .bt_bb_custom_menu div ul.bt_bb_align_center, .bt_bb_align_left .bt_bb_custom_menu div ul.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_custom_menu div ul, .bt_bb_align_right .bt_bb_custom_menu div ul.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_custom_menu div ul { text-align: center; } .bt_bb_custom_menu div ul li { list-style: none; padding-bottom: 0.125em; } .bt_bb_custom_menu div ul li:last-child { padding-bottom: 0em; } .bt_bb_align_center .bt_bb_custom_menu div ul li, .bt_bb_custom_menu div ul li.bt_bb_align_center, .bt_bb_align_left .bt_bb_custom_menu div ul li.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_custom_menu div ul li, .bt_bb_align_right .bt_bb_custom_menu div ul li.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_custom_menu div ul li { text-align: center; } .bt_bb_align_right .bt_bb_custom_menu div ul li, .bt_bb_custom_menu div ul li.bt_bb_align_right, .bt_bb_align_left .bt_bb_custom_menu div ul li.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_custom_menu div ul li, .bt_bb_align_center .bt_bb_custom_menu div ul li.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_custom_menu div ul li { text-align: right; } .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 { opacity: 0.8; color: inherit; } .bt_bb_custom_menu div ul > li { margin-left: 0; line-height: 1.45; } .bt_bb_custom_menu.bt_bb_direction_horizontal div > ul > li { padding: 0 0.7em; } .bt_bb_custom_menu.bt_bb_direction_horizontal div > ul > li a { position: relative; } .bt_bb_custom_menu.bt_bb_style_underline div ul a:after { content: ""; font-size: 1em; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; transform-origin: left; animation: underline 0.4s ease-in-out forwards; transition: transform 0.4s ease-in-out; background-color: var(--custom-menu-primary-color, currentColor); } .bt_bb_custom_menu.bt_bb_style_underline div ul a:hover { color: var(--custom-menu-secondary-color, inherit); } .bt_bb_custom_menu.bt_bb_style_underline div ul a:hover:after { transform: scaleX(0); transform-origin: left; animation: underlineHover 0.4s ease-in-out forwards; animation: none; } .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; } @keyframes underlineHover { 0% { transform: scaleX(0); transform-origin: right; } 100% { transform: scaleX(1); transform-origin: right; } } .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; } @media (max-width: 580px) { .bt_bb_custom_menu.bt_bb_direction_horizontal div > ul > li { width: 100%; } } /* Price list --------------------------------------------------- */ .bt_bb_price_list { padding: 2.6rem 0 4.5rem 0; border: none; color: var(--primary-color, var(--dark-color)); background-color: var(--secondary-color, var(--card-gray-color)); transition: all 650ms ease; overflow: hidden; /* Hover color scheme */ /* Style */ /* Shape - Customizer */ /* Shape */ /* Shadow */ /* Icons color */ /* Font */ /* Hover button color scheme */ } .bt_bb_price_list[class*=bt_bb_hover_color_scheme]:hover { color: var(--hover-price-primary-color, var(--primary-color, var(--dark-color))) !important; background-color: var(--hover-price-secondary-color, var(--secondary-color, var(--card-gray-color))) !important; } .bt_bb_price_list.bt_bb_style_outline { background-color: transparent !important; border: 1px solid #D9D9D9; } .bt_bb_price_list.bt_bb_style_outline .bt_bb_card_icon_inner { background-color: transparent !important; } .bt_bb_price_list.bt_bb_style_filled_outline { border: 1px solid #D9D9D9; background-color: var(--secondary-color, var(--card-gray-color)); } .bt_bb_price_list.bt_bb_style_filled_gradient { border: none; background-color: transparent; color: var(--light-color); background: linear-gradient(46deg, var(--primary-color, var(--accent-color)) 0%, var(--secondary-color, var(--alternate-color)) 100%); } .bt_bb_price_list.bt_bb_style_filled_gradient[class*=bt_bb_hover_color_scheme]:hover { background: var(--hover-price-secondary-color) !important; } .button-shape-square .bt_bb_price_list { border-radius: 0; } .button-shape-rounded .bt_bb_price_list { border-radius: var(--card-soft-rounded); } .button-shape-round .bt_bb_price_list { border-radius: var(--card-hard-rounded); } .bt_bb_price_list.bt_bb_shape_square { border-radius: 0; } .bt_bb_price_list.bt_bb_shape_soft_rounded { border-radius: var(--card-soft-rounded); } .bt_bb_price_list.bt_bb_shape_hard_rounded { border-radius: var(--card-hard-rounded); } .bt_bb_price_list.bt_bb_shape_very_rounded { border-radius: var(--card-very-rounded); } .bt_bb_price_list.bt_bb_shadow_on_hover:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); } .bt_bb_price_list.bt_bb_shadow_show { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); } .bt_bb_price_list.bt_bb_shadow_move_up:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); transform: translate(0px, -2px); } .bt_bb_price_list.bt_bb_shadow_show_move { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); } .bt_bb_price_list.bt_bb_shadow_show_move:hover { transform: translate(0px, -2px); } .bt_bb_price_list .bt_bb_price_list_inner { padding: 0 1.78em 1.78em 1.78em; display: flex; flex-wrap: wrap; align-items: center; text-align: center; border-bottom: 1px solid #D9D9D9; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_title { font-size: var(--small-title-size); font-family: var(--heading-font); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); padding: 0 0 1.5rem; width: 100%; color: inherit; background-color: transparent; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_subtitle { margin: 0; width: 100%; 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); } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_price { width: 100%; margin: 0; justify-content: center; padding-bottom: 1rem; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_price .bt_bb_price_list_currency { font-size: 3.34em; flex: none; line-height: 1.2em; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_price .bt_bb_price_list_amount { font-size: 3.34em; flex: none; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { transition: transform 1s ease 0s; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_text { font-size: 0.889em; font-weight: 500; width: 100%; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_button { padding-top: 2rem; width: 100%; } .bt_bb_price_list .bt_bb_price_list_inner .bt_bb_price_list_button .bt_bb_button .bt_bb_link { padding: 0.66rem 1.8rem; } .bt_bb_price_list ul { padding: 1.78em 1.78em 0 1.78em; } .bt_bb_price_list ul li { padding: 0; border: none; font-size: 1rem; font-weight: 500; display: flex; align-items: center; } .bt_bb_price_list ul li:before { content: var(--price-table-icon); font-family: var(--price-table-icon-font); font-size: 1.3em; padding-right: 0.4em; } .bt_bb_align_right .bt_bb_price_list ul li, .bt_bb_price_list.bt_bb_align_right ul li, .bt_bb_align_left .bt_bb_price_list.bt_bb_align_right ul li, .bt_bb_align_left .bt_bb_align_right .bt_bb_price_list ul li, .bt_bb_align_center .bt_bb_price_list.bt_bb_align_right ul li, .bt_bb_align_center .bt_bb_align_right .bt_bb_price_list ul li { flex-flow: row-reverse; } .bt_bb_align_right .bt_bb_price_list ul li:before, .bt_bb_price_list.bt_bb_align_right ul li:before, .bt_bb_align_left .bt_bb_price_list.bt_bb_align_right ul li:before, .bt_bb_align_left .bt_bb_align_right .bt_bb_price_list ul li:before, .bt_bb_align_center .bt_bb_price_list.bt_bb_align_right ul li:before, .bt_bb_align_center .bt_bb_align_right .bt_bb_price_list ul li:before { padding-right: 0; padding-left: 0.4em; } .rtl .bt_bb_price_list ul li { flex-flow: row-reverse; } .rtl .bt_bb_price_list ul li:before { padding-right: 0; padding-left: 0.4em; } .bt_bb_price_list.bt_bb_icons_color_accent ul li:before { color: var(--accent-color); } .bt_bb_price_list.bt_bb_icons_color_alternate ul li:before { color: var(--alternate-color); } .bt_bb_price_list.bt_bb_icons_color_light ul li:before { color: var(--light-color); } .bt_bb_price_list.bt_bb_icons_color_dark ul li:before { color: var(--dark-color); } .bt_bb_price_list.bt_bb_has_font .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-family: inherit; } .bt_bb_price_list[class*=bt_bb_hover_button_color_scheme]:hover .bt_bb_price_list_inner .bt_bb_price_list_button .bt_bb_button.bt_bb_style_filled a { color: var(--hover-button-primary-color) !important; box-shadow: 0 0 0 3em var(--hover-button-secondary-color) inset !important; } /* Font weight */ .bt_bb_price_list.bt_bb_font_weight_normal .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_normal .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_normal .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_normal .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: normal; } .bt_bb_price_list.bt_bb_font_weight_bold .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_bold .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_bold .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_bold .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: bold; } .bt_bb_price_list.bt_bb_font_weight_bolder .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_bolder .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_bolder .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_bolder .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: bolder; } .bt_bb_price_list.bt_bb_font_weight_lighter .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_lighter .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_lighter .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_lighter .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: lighter; } .bt_bb_price_list.bt_bb_font_weight_light .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_light .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_light .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_light .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: light; } .bt_bb_price_list.bt_bb_font_weight_thin .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_thin .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_thin .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_thin .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: thin; } .bt_bb_price_list.bt_bb_font_weight_100 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_100 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_100 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_100 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 100; } .bt_bb_price_list.bt_bb_font_weight_200 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_200 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_200 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_200 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 200; } .bt_bb_price_list.bt_bb_font_weight_300 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_300 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_300 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_300 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 300; } .bt_bb_price_list.bt_bb_font_weight_400 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_400 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_400 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_400 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 400; } .bt_bb_price_list.bt_bb_font_weight_500 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_500 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_500 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_500 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 500; } .bt_bb_price_list.bt_bb_font_weight_600 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_600 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_600 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_600 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 600; } .bt_bb_price_list.bt_bb_font_weight_700 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_700 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_700 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_700 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 700; } .bt_bb_price_list.bt_bb_font_weight_800 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_800 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_800 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_800 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 800; } .bt_bb_price_list.bt_bb_font_weight_900 .bt_bb_price_list_inner .bt_bb_price_list_title, .bt_bb_price_list.bt_bb_font_weight_900 .bt_bb_price_list_inner .bt_bb_price_list_subtitle, .bt_bb_price_list.bt_bb_font_weight_900 .bt_bb_price_list_inner .bt_bb_price_list_currency, .bt_bb_price_list.bt_bb_font_weight_900 .bt_bb_price_list_price .bt_bb_price_list_amount .bt_bb_counter_holder .bt_bb_counter span.onedigit { font-weight: 900; } /* Google map --------------------------------------------------- */ .bt_bb_google_maps .bt_bb_map_content { max-width: 1200px; margin: 0 auto; } .bt_bb_google_maps .bt_bb_map_content .bt_bb_map_content_wrapper { margin-right: 0; margin-left: auto; width: 62.7%; } .bt_bb_google_maps .bt_bb_map_content .bt_bb_map_content_wrapper .bt_bb_map_location { padding-bottom: 6.4em; padding-top: 6.4em; background: transparent; } /* Tabs --------------------------------------------------- */ .bt_bb_tabs ul.bt_bb_tabs_header li span b { font-weight: 700; color: var(--alternate-color); } .bt_bb_tabs.bt_bb_style_filled ul.bt_bb_tabs_header { padding: 0.5em; border: none !important; background-color: var(--tabs-secondary-color, var(--gray-color)); } .bt_bb_tabs.bt_bb_style_filled ul.bt_bb_tabs_header li { font-weight: 700; border: none !important; color: var(--tabs-primary-color, var(--dark-color)); background-color: transparent; } .bt_bb_tabs.bt_bb_style_filled ul.bt_bb_tabs_header li.on { color: var(--tabs-secondary-color, var(--dark-color)); background-color: var(--tabs-primary-color, var(--light-color)); } .bt_bb_tabs.bt_bb_style_filled ul.bt_bb_tabs_header li span { padding: 0.75em 2em; } .bt_bb_tabs.bt_bb_style_filled.bt_bb_shape_rounded ul.bt_bb_tabs_header { border-radius: var(--card-soft-rounded); } .bt_bb_tabs.bt_bb_style_filled.bt_bb_shape_rounded ul.bt_bb_tabs_header li, .bt_bb_tabs.bt_bb_style_filled.bt_bb_shape_rounded ul.bt_bb_tabs_header li span { border-radius: var(--card-soft-rounded); } .bt_bb_tabs.bt_bb_style_filled.bt_bb_shape_round ul.bt_bb_tabs_header { border-radius: 50px; } .bt_bb_tabs.bt_bb_style_filled.bt_bb_shape_round ul.bt_bb_tabs_header li, .bt_bb_tabs.bt_bb_style_filled.bt_bb_shape_round ul.bt_bb_tabs_header li span { border-radius: 50px; } .bt_bb_tabs.bt_bb_style_outline ul.bt_bb_tabs_header { padding: 0.5em; border-color: var(--tabs-secondary-color, var(--gray-color)); } .bt_bb_tabs.bt_bb_style_outline ul.bt_bb_tabs_header li { font-weight: 700; border: none !important; color: var(--tabs-primary-color, var(--dark-color)); background-color: transparent; } .bt_bb_tabs.bt_bb_style_outline ul.bt_bb_tabs_header li.on { color: var(--tabs-secondary-color, var(--dark-color)); background-color: var(--tabs-primary-color, var(--gray-color)); } .bt_bb_tabs.bt_bb_style_outline ul.bt_bb_tabs_header li.on:hover { color: var(--tabs-secondary-color, var(--dark-color)); background-color: var(--tabs-primary-color, var(--gray-color)); } .bt_bb_tabs.bt_bb_style_outline ul.bt_bb_tabs_header li:hover { color: var(--tabs-primary-color, var(--dark-color)); background-color: transparent; } .bt_bb_tabs.bt_bb_style_outline ul.bt_bb_tabs_header li span { padding: 0.75em 2em; } .bt_bb_tabs.bt_bb_style_outline.bt_bb_shape_rounded ul.bt_bb_tabs_header { border-radius: var(--card-soft-rounded); } .bt_bb_tabs.bt_bb_style_outline.bt_bb_shape_rounded ul.bt_bb_tabs_header li, .bt_bb_tabs.bt_bb_style_outline.bt_bb_shape_rounded ul.bt_bb_tabs_header li span { border-radius: var(--card-soft-rounded); } .bt_bb_tabs.bt_bb_style_outline.bt_bb_shape_round ul.bt_bb_tabs_header { border-radius: 50px; } .bt_bb_tabs.bt_bb_style_outline.bt_bb_shape_round ul.bt_bb_tabs_header li, .bt_bb_tabs.bt_bb_style_outline.bt_bb_shape_round ul.bt_bb_tabs_header li span { border-radius: 50px; } .bt_bb_tabs.bt_bb_style_simple ul.bt_bb_tabs_header li { font-weight: 700; margin-right: 2em; color: var(--tabs-secondary-color, var(--dark-color)); opacity: 0.3; } .bt_bb_tabs.bt_bb_style_simple ul.bt_bb_tabs_header li.on { opacity: 1; border-color: var(--tabs-primary-color, var(--dark-color)); } .bt_bb_tabs.bt_bb_style_simple ul.bt_bb_tabs_header li span { padding: 0.75em 0em; } .bt_bb_tabs.bt_bb_style_simple.bt_bb_shape_rounded ul.bt_bb_tabs_header { border-radius: 0; } .bt_bb_tabs.bt_bb_style_simple.bt_bb_shape_rounded ul.bt_bb_tabs_header li, .bt_bb_tabs.bt_bb_style_simple.bt_bb_shape_rounded ul.bt_bb_tabs_header li span { border-radius: 0; } .bt_bb_tabs.bt_bb_style_simple.bt_bb_shape_round ul.bt_bb_tabs_header { border-radius: 0; } .bt_bb_tabs.bt_bb_style_simple.bt_bb_shape_round ul.bt_bb_tabs_header li, .bt_bb_tabs.bt_bb_style_simple.bt_bb_shape_round ul.bt_bb_tabs_header li span { border-radius: 0; } @media (max-width: 580px) { ul.bt_bb_tabs_header li { float: none; } .bt_bb_tabs.bt_bb_style_filled ul.bt_bb_tabs_header li { background-color: transparent !important; } .bt_bb_tabs.bt_bb_style_filled ul.bt_bb_tabs_header li.on { background-color: transparent !important; } .bt_bb_tabs.bt_bb_style_filled ul.bt_bb_tabs_header li.on span { background-color: var(--tabs-primary-color, var(--light-color)); } } /* Timeline --------------------------------------------------------- */ .bold_timeline_container { /* Light skin */ } .bold_timeline_container .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_inner .bold_timeline_group_header { border-radius: 50%; height: 4em; width: 4em; color: var(--dark-color); } .bold_timeline_container .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_inner .bold_timeline_group_header .bold_timeline_group_header_title { font-weight: 700; } .bold_timeline_container .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_content .bold_timeline_item .bold_timeline_item_header .bold_timeline_item_header_title { font-size: 1.78em; font-weight: 500; } .bold_timeline_container .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_content .bold_timeline_item .bold_timeline_item_inner .bold_timeline_item_content { padding: 0 2.235em 2.235em; } .bold_timeline_container .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_content .bold_timeline_item .bold_timeline_item_inner .bold_timeline_item_header { padding: 2.35em 2.35em 1em 2.35em; } .bold_timeline_container.bt_bb_light_skin .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_inner .bold_timeline_group_header { color: var(--light-color) !important; } .bold_timeline_container.bt_bb_light_skin .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_inner .bold_timeline_group_header .bold_timeline_group_header_title { font-weight: var(--heading-font-weight) !important; } .bold_timeline_container.bt_bb_light_skin .bold_timeline_container_content .bold_timeline_group .bold_timeline_group_content .bold_timeline_item .bold_timeline_item_header .bold_timeline_item_header_title { font-weight: var(--heading-font-weight) !important; } /* Contact Form 7 --------------------------------------------------- */ /* Default Button Style */ .wpcf7-submit { font-size: var(--normal-button-size) !important; padding: 0.9378em 1.7em; line-height: 1; color: var(--primary-color, var(--dark-color)); background: var(--secondary-color, var(--accent-color)); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); border: none; min-height: 2.875rem; } .wpcf7-submit:hover { filter: saturate(0.7); color: var(--primary-color, var(--dark-color)); background: var(--secondary-color, var(--accent-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } .wpcf7-date { max-height: 52px; } /* Button ---------------------------------------------- */ button.wpcf7-submit { position: relative; display: flex; align-items: center; justify-content: center; } button.wpcf7-submit span { position: relative; width: 2em !important; height: 2em; display: inline-block; } .bt_bb_contact_form_7 { position: relative; /* Button style */ /* Width */ /* Button shape */ /* Input ---------------------------------------------- */ /* Input style */ /* Default - Outline */ /* Input shape */ /* Placeholder style */ } .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: 52px; } .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(--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_contact_form_7.bt_bb_button_style_outline_two .wpcf7-submit { color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 1px var(--secondary-color, var(--accent-color)) inset; background: transparent; } .bt_bb_contact_form_7.bt_bb_button_style_outline_two .wpcf7-submit:hover { color: var(--primary-color, var(--dark-color)); background-color: var(--secondary-color, var(--accent-color)); box-shadow: 0 0 0 1px var(--secondary-color, var(--accent-color)) inset; } .bt_bb_contact_form_7.bt_bb_button_style_filled_gradient .wpcf7-submit { color: var(--light-color); background-image: linear-gradient(85.15deg, var(--primary-color, var(--accent-color)) 0.17%, var(--secondary-color, var(--alternate-color)) 97.42%); background-size: 100% auto; transition: 0.5s; box-shadow: none; } .bt_bb_contact_form_7.bt_bb_button_style_filled_gradient .wpcf7-submit:hover { color: var(--light-color); background-size: 200% auto; background-position: right center; } .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_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(--soft-rounded) !important; } .bt_bb_contact_form_7.bt_bb_button_shape_softer_rounded input[type=submit], .bt_bb_contact_form_7.bt_bb_button_shape_softer_rounded button, .bt_bb_contact_form_7.bt_bb_button_shape_softer_rounded input[type=file]::file-selector-button { border-radius: var(--card-soft-rounded) !important; } .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(--hard-rounded) !important; } .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_filled input:not([type=submit]):not([type=checkbox]):not([type=radio]), .bt_bb_contact_form_7.bt_bb_input_style_filled select, .bt_bb_contact_form_7.bt_bb_input_style_filled .fancy-select .trigger, .bt_bb_contact_form_7.bt_bb_input_style_filled textarea { color: var(--input-primary-color, currentColor); background: var(--input-secondary-color, var(--card-gray-color)); border: 1px solid var(--input-secondary-color, var(--card-gray-color)); border: none; } .bt_bb_contact_form_7.bt_bb_input_style_filled input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .bt_bb_contact_form_7.bt_bb_input_style_filled .fancy-select .trigger.open { box-shadow: none; } .bt_bb_contact_form_7.bt_bb_input_style_filled textarea:focus { box-shadow: none; } .button-shape-rounded .bt_bb_contact_form_7 input:not([type=checkbox]):not([type=radio]), .button-shape-rounded .bt_bb_contact_form_7 a.select2-choice, .button-shape-rounded .bt_bb_contact_form_7 textarea, .button-shape-rounded .bt_bb_contact_form_7 select { border-radius: var(--soft-rounded); } .button-shape-round .bt_bb_contact_form_7 input:not([type=checkbox]):not([type=radio]), .button-shape-round .bt_bb_contact_form_7 a.select2-choice, .button-shape-round .bt_bb_contact_form_7 textarea, .button-shape-round .bt_bb_contact_form_7 select { border-radius: var(--hard-rounded); padding-left: 1.5em; padding-right: 1.5em; } .button-shape-round .bt_bb_contact_form_7 textarea { border-radius: var(--hard-rounded-field); } .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(--card-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(--hard-rounded) !important; padding-left: 1.5em; padding-right: 1.5em; } .bt_bb_contact_form_7.bt_bb_shape_hard_rounded textarea { border-radius: 20px; } .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: 2.5em; left: auto; right: 0; width: 2em; } .button-shape-round input:not([type=checkbox]):not([type=radio]), .button-shape-rounded input:not([type=checkbox]):not([type=radio]) { overflow: hidden; } @keyframes underlineHover { 0% { transform: scaleX(0); transform-origin: right; } 100% { transform: scaleX(1); transform-origin: right; } } /* Placeholder */ ::-webkit-input-placeholder { opacity: 0.2; color: var(--input-primary-color, inherit); } .bt_bb_contact_form_7.bt_bb_placeholder_style_very_small::-webkit-input-placeholder { opacity: 0.1; } .bt_bb_contact_form_7.bt_bb_placeholder_style_extra_small::-webkit-input-placeholder { opacity: 0.2; } .bt_bb_contact_form_7.bt_bb_placeholder_style_small::-webkit-input-placeholder { opacity: 0.3; } .bt_bb_contact_form_7.bt_bb_placeholder_style_normal::-webkit-input-placeholder { opacity: 0.4; } .bt_bb_contact_form_7.bt_bb_placeholder_style_large::-webkit-input-placeholder { opacity: 0.5; } .bt_bb_contact_form_7.bt_bb_placeholder_style_extra_large::-webkit-input-placeholder { opacity: 0.6; } .bt_bb_contact_form_7.bt_bb_placeholder_style_huge::-webkit-input-placeholder { opacity: 0.7; } .bt_bb_contact_form_7.bt_bb_placeholder_style_extra_huge::-webkit-input-placeholder { opacity: 0.9; } /* Acceptance*/ .wpcf7-acceptance .wpcf7-list-item { margin: 1em 0 0 0; } .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] { font-size: 0.8em; margin-right: 0.25em; } .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label { font-size: var(--medium-button-size); } .wpcf7-acceptance .wpcf7-list-item span a { text-decoration: underline; } .wpcf7-acceptance .wpcf7-list-item span a:hover { color: inherit; opacity: 0.8; } /* Loader */ .wpcf7 { /* Date input */ } .wpcf7 .wpcf7-spinner { position: absolute; inset: 0; margin: 0; height: 100%; width: 2em; left: auto !important; border-radius: 0; pointer-events: none; visibility: visible; opacity: 0; transition: 200ms ease all; background: transparent; } .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: 30px; height: 30px; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); background: rgba(0, 0, 0, 0.5); z-index: 1; border-radius: 50%; } .wpcf7 label { float: left; width: 100%; display: block; font-weight: 500; padding-bottom: 0.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; /* Real placeholder */ /* Animated placeholder */ /* Calendar icon */ } .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: 0.58em; right: 0.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: 0.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 0.5em; position: absolute; color: var(--accent-color) !important; } .rtl .bt_bb_required:after { margin: -5px 0.5em 0 0; } .required { font-weight: 700; margin: 0 0 0 0.5em; color: var(--accent-color) !important; } .rtl .required { margin: 0 0.5em 0 0; } .wpcf7-not-valid-tip { color: inherit; opacity: 0.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 0.3em 0 0; } .rtl .wpcf7-not-valid-tip:before { margin: 0 0 0 0.3em; } .wpcf7 p { width: 100%; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row { margin-bottom: 1em; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; position: relative; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row span:not(.wpcf7-spinner) { width: 100%; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row:only-child { margin-bottom: 0; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row textarea { height: 9.5em; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 100%; flex-basis: 100%; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element:first-child { padding-right: 0.8em; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element:only-child { padding-right: 0em; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row .bt_bb_cf7_element label .fancy-select { padding-top: 1rem; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row.bt_bb_cf7_textarea_height textarea { height: 6.5em; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row.bt_bb_short_textarea textarea { height: 3em; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button { position: relative; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_align_right .wpcf7-submit { margin-right: 0; margin-left: auto; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button .wpcf7-spinner { position: absolute; bottom: 25%; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_width_full .wpcf7-submit { display: block; width: 100%; } .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_with_icon button#submit:after { content: var(--bt-cf7-arrow-icon); font-family: var(--bt-cf7-arrow-icon-font); font-size: 1em; line-height: 1; font-weight: 100; display: inline-block; margin-left: 0.5em; transition: transform 500ms ease-in-out; } .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_element input:not([type=submit]):not([type=checkbox]):not([type=radio]), .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_element select, .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_element .fancy-select .trigger { min-height: 4.235rem; } .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button { margin-top: 0.5rem; margin-left: -10em !important; } .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button.bt_bb_with_icon { margin-left: -11.9em !important; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_twocol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 50%; flex-basis: 50%; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form { display: flex; flex-wrap: wrap; } .wpcf7 .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%; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_threecol_form .bt_bb_cf7_button { align-self: center; margin: 0 auto; margin-top: 1em; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form { display: flex; flex-wrap: wrap; } .wpcf7 .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; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_button { flex: 1 1 20%; flex-basis: 20%; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fourcol_form .bt_bb_cf7_button .wpcf7-submit { width: 100%; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form { display: flex; flex-wrap: wrap; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_row .bt_bb_cf7_element { flex: 1 1 20%; flex-basis: 20%; padding-right: 1.2em; } .wpcf7 .bt_bb_cf7_form.bt_bb_cf7_fivecol_form .bt_bb_cf7_button { flex: 1 1 20%; flex-basis: 20%; } .wpcf7 label { float: left; width: 100%; display: block; padding-bottom: 0.5em; } .wpcf7 form .wpcf7-response-output { margin: 2em 0em 1em; } .wpcf7 .wpcf7-date { position: relative; line-height: 1.185 !important; } .wpcf7 .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; } .wpcf7 .wpcf7-date:hover:before { content: attr(placeholder); } .wpcf7 .wpcf7-date:focus:before { opacity: 0; pointer-events: none; transform: translateY(-50%); } .wpcf7 .wpcf7-date:after { content: ""; font-family: RemixIconsBusiness; font-size: 1.3rem; position: absolute; top: 0.6em; right: 1.125em; display: block; opacity: 1; pointer-events: none; transition: 200ms ease opacity; } .wpcf7 .wpcf7-date:focus:after { opacity: 1; } .wpcf7 .wpcf7-date.bt-date-input-has-value:before { opacity: 0; display: block; } .wpcf7 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, .wpcf7 .bt_bb_cf7_form.bt_bb_no_gap .bt_bb_cf7_button.bt_bb_with_icon { margin-top: 1em !important; margin-left: 0em !important; } } @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; } } @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; } } @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: 0.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); } /* WooCommerce --------------------------------------------------- */ /* On Sale */ .woocommerce span.onsale { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; line-height: 1; top: 1em; left: 1em; width: 4.5em; height: 4.5em; margin: var(--woo-sale-tag-x-spacing); pointer-events: none; transition: all 650ms ease; transform: none !important; border-radius: 50% !important; transform-origin: center bottom; color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .shop-button-style-outline .woocommerce span.onsale { color: var(--shop-button-secondary-color, var(--light-color)); background: var(--shop-button-primary-color, var(--accent-color)); } .woocommerce ul.products li.product span.onsale { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; right: 1em; top: 1em; width: 4.5em; height: 4.5em; padding: 0; margin: 0 !important; border-radius: 50% !important; color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .shop-button-style-outline .woocommerce ul.products li.product span.onsale { color: var(--shop-button-secondary-color, var(--light-color)); background: var(--shop-button-primary-color, var(--accent-color)); } .woocommerce.rtl ul.products li.product span.onsale, .rtl .woocommerce ul.products li.product span.onsale { right: auto; left: 0; } .woocommerce-page.shop-button-style-outline ul.products li.product span.onsale, .woocommerce-page.shop-button-style-outline nav.woocommerce-pagination ul li a.page-numbers, .woocommerce-page.shop-button-style-outline nav.woocommerce-pagination ul .next:after, .woocommerce-page.shop-button-style-outline nav.woocommerce-pagination ul .prev:after, .woocommerce-page.shop-button-style-outline .widget_shopping_cart li a.remove:after, .woocommerce.shop-button-style-outline ul.products li.product span.onsale, .woocommerce.shop-button-style-outline nav.woocommerce-pagination ul li a.page-numbers, .woocommerce.shop-button-style-outline nav.woocommerce-pagination ul .next:after, .woocommerce.shop-button-style-outline nav.woocommerce-pagination ul .prev:after, .woocommerce.shop-button-style-outline .widget_shopping_cart li a.remove:after { color: var(--shop-button-secondary-color, var(--light-color)) !important; background: var(--shop-button-primary-color, var(--accent-color)) !important; } /* 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 { display: 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 { border-radius: var(--woo-products-border-radius); } .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: var(--title-size-small) !important; font-family: var(--subtitle-font); font-weight: 600; text-transform: var(--subtitle-text-transform); font-style: var(--subtitle-font-style); margin-bottom: 3rem !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; padding-left: 0; padding-right: 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 { overflow: hidden; margin: 0 0 2rem 0; width: 100%; } .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-bottom: 1rem; 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: 1px; border-color: var(--gray-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(--gray-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(--medium-button-size); text-transform: var(--button-text-transform); width: 100%; margin-left: 0; text-align: center; } .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-size: var(--medium-button-size); 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.5em; font-weight: normal; margin: 0 0.2em; color: var(--woocommerce); } .woocommerce-page.button-shape-rounded .products ul li.product .woocommerce-loop-product__link img, .woocommerce-page.button-shape-rounded ul.products li.product .woocommerce-loop-product__link img, .woocommerce.button-shape-rounded .products ul li.product .woocommerce-loop-product__link img, .woocommerce.button-shape-rounded ul.products li.product .woocommerce-loop-product__link img { border-radius: var(--image-small-rounded); } .woocommerce-page.button-shape-rounded div.product div.images .woocommerce-product-gallery__image, .woocommerce.button-shape-rounded div.product div.images .woocommerce-product-gallery__image { border-radius: var(--image-small-rounded); overflow: hidden; } .woocommerce-page.button-shape-round .products ul li.product .woocommerce-loop-product__link img, .woocommerce-page.button-shape-round ul.products li.product .woocommerce-loop-product__link img, .woocommerce.button-shape-round .products ul li.product .woocommerce-loop-product__link img, .woocommerce.button-shape-round ul.products li.product .woocommerce-loop-product__link img { border-radius: var(--card-hard-rounded); } .woocommerce-page.button-shape-round div.product div.images .woocommerce-product-gallery__image, .woocommerce.button-shape-round div.product div.images .woocommerce-product-gallery__image { border-radius: var(--card-hard-rounded); overflow: hidden; } /* Shop image shape */ .woocommerce-page.shop-image-shape-square .products ul li.product .woocommerce-loop-product__link img, .woocommerce-page.shop-image-shape-square ul.products li.product .woocommerce-loop-product__link img, .woocommerce-js.shop-image-shape-square .products ul li.product .woocommerce-loop-product__link img, .woocommerce-js.shop-image-shape-square ul.products li.product .woocommerce-loop-product__link img { border-radius: 0 !important; } .woocommerce-page.shop-image-shape-square div.product div.images .woocommerce-product-gallery__image, .woocommerce-js.shop-image-shape-square div.product div.images .woocommerce-product-gallery__image { border-radius: 0 !important; } .woocommerce-page.shop-image-shape-soft-rounded .products ul li.product .woocommerce-loop-product__link img, .woocommerce-page.shop-image-shape-soft-rounded ul.products li.product .woocommerce-loop-product__link img, .woocommerce-js.shop-image-shape-soft-rounded .products ul li.product .woocommerce-loop-product__link img, .woocommerce-js.shop-image-shape-soft-rounded ul.products li.product .woocommerce-loop-product__link img { border-radius: var(--image-small-rounded) !important; } .woocommerce-page.shop-image-shape-soft-rounded div.product div.images .woocommerce-product-gallery__image, .woocommerce-js.shop-image-shape-soft-rounded div.product div.images .woocommerce-product-gallery__image { border-radius: var(--image-small-rounded) !important; } .woocommerce-page.shop-image-shape-hard-rounded .products ul li.product .woocommerce-loop-product__link img, .woocommerce-page.shop-image-shape-hard-rounded ul.products li.product .woocommerce-loop-product__link img, .woocommerce-js.shop-image-shape-hard-rounded .products ul li.product .woocommerce-loop-product__link img, .woocommerce-js.shop-image-shape-hard-rounded ul.products li.product .woocommerce-loop-product__link img { border-radius: var(--card-very-rounded) !important; } .woocommerce-page.shop-image-shape-hard-rounded div.product div.images .woocommerce-product-gallery__image, .woocommerce-js.shop-image-shape-hard-rounded div.product div.images .woocommerce-product-gallery__image { border-radius: var(--card-very-rounded) !important; } .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(--gray-color); } .woocommerce div.product div.summary form.cart .reset_variations { display: inline-flex; font-size: 0.875em; line-height: 1; align-items: center; padding-top: 0.5em; } .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: 0.2em; color: var(--accent-color); } .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: 0.2em; } .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 auto; } /* 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; 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(--dark-color); background-color: var(--light-color); } .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: 0.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); } /* Related */ .woocommerce div.product .related.products h2 { padding-bottom: 0.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); } /* Product tabs */ .woocommerce div.product .woocommerce-tabs { margin-top: 2em; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0.5em; display: inline-flex; border: none !important; background-color: var(--gray-color); } .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { font-weight: 700; margin: 0; overflow: hidden; flex: 1 0 auto; border: none !important; color: var(--dark-color); background-color: transparent; } .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.75em 2em !important; font-family: var(--body-font); font-weight: 700; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { color: var(--accent-color); border-color: var(--accent-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { color: var(--dark-color); background-color: var(--light-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; } .woocommerce.shop-button-shape-rounded div.product .woocommerce-tabs ul.tabs li { border-radius: calc(var(--hard-rounded) * 3) calc(var(--hard-rounded) * 3) 0 0; } .woocommerce.button-shape-rounded div.product .woocommerce-tabs ul.tabs, .woocommerce.button-shape-rounded div.product .woocommerce-tabs ul.tabs li { border-radius: var(--soft-rounded); } .woocommerce.button-shape-round div.product .woocommerce-tabs ul.tabs, .woocommerce.button-shape-round div.product .woocommerce-tabs ul.tabs li { border-radius: var(--hard-rounded); } /* Comments */ .woocommerce #reviews #comments ol.commentlist { border-bottom-color: var(--gray-color); } .woocommerce #reviews #comments ol.commentlist li { border-top-color: var(--gray-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 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: 0.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: 0.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(--medium-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: 4em; } .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.5em; margin-top: -0.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: 4em; } .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: 1.375em 2.5em; transform: translateY(0); 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: contrast(1.1); } .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: 1.375em 2.5em; } .woocommerce div.product div.summary form.cart.variations_form .variations td { padding-right: 0; } .woocommerce div.product div.summary form.cart input.input-text.qty { min-height: 60px; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button { line-height: 1; } /* 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-large) ); 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 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; } /* Button effects */ .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-left: 2.5em; } .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: 2.5em; } /* 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: 1.375em 2.5em; transform: translateY(0); 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(-3px); color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .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: 1.375em 2.5em; color: var(--shop-button-primary-color, var(--accent-color)); } /* 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 { 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: 1px solid var(--gray-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: 1px solid var(--gray-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: 0.2em; } /* Select 2 dropdown */ .select2-container .select2-selection { padding: 0 1.25em !important; background: transparent !important; border: 1px solid var(--inputs-outline) !important; } .select2-container .select2-selection .select2-selection__rendered { padding: 0.86em 2em 0.86em 0 !important; } .rtl .select2-container .select2-selection .select2-selection__rendered { padding: 0.86em 0 0.86em 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 0.25em !important; } .select2-container .select2-dropdown .select2-search { display: flex; flex-wrap: nowrap; align-items: center; } .select2-container .select2-dropdown .select2-search input { padding: 0.5em 1.25em !important; border-bottom: 2px solid var(--primary-10-color) !important; } .select2-container .select2-dropdown .select2-search input:focus { border-width: 1px !important; border-color: var(--accent-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: 0.5em; } .rtl .select2-container .select2-dropdown .select2-search:before { margin-right: 0; margin-left: 0.5em; } .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(--dark-color); } /* My Account */ .woocommerce-account .woocommerce-MyAccount-navigation ul { padding-bottom: var(--default-bottom-margin); border-bottom: 1px solid var(--gray-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: 1px; position: relative; padding-top: 5em; margin-top: 2em; } .woocommerce-account fieldset legend { position: absolute; top: 0.75em; } /* Info boxes */ .woocommerce-error, .woocommerce-info, .woocommerce-message { line-height: 1.4; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { font-family: var(--woo-icons-messages-font); font-size: 1.4em; line-height: 1; top: -0.6rem; margin-right: 0.5em; } .woocommerce-error:before { content: var(--woo-icons-error); } .woocommerce-info:before { content: var(--woo-icons-info); top: 0; } .cart-empty.woocommerce-info:before { top: 0; } .woocommerce-message:before { content: var(--woo-icons-message); } .woocommerce-error { box-shadow: 0 0 0 3px var(--wc-red) inset; } .woocommerce-form-coupon-toggle .woocommerce-info:before { top: 0; } /* Pagination */ .woocommerce nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { border-top-width: 1px; border-top-color: var(--gray-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: 0.875em; line-height: 1.2; min-width: 2.25em; padding: 0.5em 0.1em; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current { background-color: var(--gray-color); } .woocommerce nav.woocommerce-pagination ul li a.page-numbers, .woocommerce-page nav.woocommerce-pagination ul li a.page-numbers { color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover, .woocommerce-page nav.woocommerce-pagination ul li a.page-numbers:hover { filter: saturate(0.7); } .woocommerce nav.woocommerce-pagination ul .next:after, .woocommerce nav.woocommerce-pagination ul .prev:after, .woocommerce-page nav.woocommerce-pagination ul .next:after, .woocommerce-page nav.woocommerce-pagination ul .prev:after { color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .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 { filter: saturate(0.7); } .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(--gray-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; opacity: 0.3; } 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: 1px; } .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 thead tr th, .woocommerce-page table.shop_table.cart thead tr th { color: var(--shop-button-primary-color, var(--dark-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .woocommerce table.shop_table.cart tbody tr td, .woocommerce-page table.shop_table.cart tbody tr td { border-bottom-color: var(--gray-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.5em; 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: 0.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.15); } .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(--gray-color); } .woocommerce.shop-button-style-outline table.shop_table.cart thead tr th, .woocommerce-page.shop-button-style-outline table.shop_table.cart thead tr th { color: var(--shop-button-secondary-color, var(--light-color)); background: var(--shop-button-primary-color, var(--accent-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 .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 .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, .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 { color: var(--shop-button-primary-color, var(--dark-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .woocommerce .checkout .woocommerce-checkout-review-order-table thead tr th, .woocommerce-page .checkout .woocommerce-checkout-review-order-table thead tr th { color: var(--shop-button-primary-color, var(--dark-color)); background: var(--shop-button-secondary-color, var(--accent-color)); } .woocommerce.shop-button-style-outline .cart-collaterals .cart_totals table.shop_table tbody tr.order-total th, .woocommerce.shop-button-style-outline .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td, .woocommerce.shop-button-style-outline .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th, .woocommerce.shop-button-style-outline .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td, .woocommerce-page.shop-button-style-outline .cart-collaterals .cart_totals table.shop_table tbody tr.order-total th, .woocommerce-page.shop-button-style-outline .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td, .woocommerce-page.shop-button-style-outline .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th, .woocommerce-page.shop-button-style-outline .checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td { color: var(--shop-button-secondary-color, var(--light-color)); background: var(--shop-button-primary-color, var(--accent-color)); } .woocommerce.shop-button-style-outline .checkout .woocommerce-checkout-review-order-table thead tr th, .woocommerce-page.shop-button-style-outline .checkout .woocommerce-checkout-review-order-table thead tr th { color: var(--shop-button-secondary-color, var(--light-color)); background: var(--shop-button-primary-color, var(--accent-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(--gray-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: 1px; border-color: var(--inputs-outline); } #coupon_code { margin-right: 1em; min-height: 3.35em; border: 1px solid var(--inputs-outline); } /* Payments */ #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom-width: 1px; border-color: var(--gray-color); } /* Terms and conditions */ .woocommerce-terms-and-conditions { border-width: 1px; border-color: var(--gray-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 { /* Filter price widget */ } .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(--gray-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: 0.5em 2em 0.5em calc(var(--woo-cart-widget-image-size) + 1.2em); } .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: 0.5em calc(var(--woo-cart-widget-image-size) + 1.2em) 0.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 { font-size: 1.125em; } .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 { color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-color, var(--accent-color)); transition: 200ms ease all; } .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 .cart_list li .quantity span, .woocommerce-page .widget_shopping_cart .cart_list li .quantity span, .woocommerce .widget_shopping_cart .cart_list li .quantity span { font-weight: 600; } .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; } .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; font-weight: 600; } .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 table.shop_table.cart tbody tr .remove::after, .woocommerce-page table.shop_table.cart tbody tr .remove::after { color: var(--shop-button-primary-color, var(--light-color)); background: var(--shop-button-secondary-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 { 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) { .bt_bb_button.bt_bb_size_large a { padding: 0.8rem 1.8em !important; } .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: 3rem !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: 2rem !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: 3rem !important; } .bt_bb_headline.bt_bb_size_normal h1, .bt_bb_headline.bt_bb_size_normal h2, .bt_bb_headline.bt_bb_size_normal h3, .bt_bb_headline.bt_bb_size_normal h4, .bt_bb_headline.bt_bb_size_normal h5, .bt_bb_headline.bt_bb_size_normal h6 { font-size: 2.5rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extrahuge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extrahuge .bt_bb_headline_subheadline { font-size: 1.45rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_huge .bt_bb_headline_subheadline { font-size: 1.45rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extralarge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extralarge .bt_bb_headline_subheadline { font-size: 1.45rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_large .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_large .bt_bb_headline_subheadline { font-size: 1.45rem !important; } body { --section-hard-rounded: 36px; } .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: 0.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); } /* Borders */ .woocommerce.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top-width: 1px; border-color: var(--gray-color); } .woocommerce div.product div.summary form.cart { border-top-width: 1px; border-color: var(--gray-color); } .woocommerce #reviews #comments ol.commentlist li { border-top-width: 1px; border-color: var(--gray-color); } .woocommerce #reviews #comments ol.commentlist { border-bottom-color: var(--gray-color); } .woocommerce #reviews #comments ol.commentlist { border-width: 1px; } .woocommerce table.shop_attributes td { padding: 0 1em; } /* 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: 6rem !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: 5rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extrahuge .bt_bb_headline_superheadline { font-size: 1.56rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline { font-size: 1.45rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extrahuge .bt_bb_headline_subheadline { font-size: 1.67rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline { font-size: 1.56rem !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_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_superheadline.bt_bb_size_extrahuge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extrahuge .bt_bb_headline_subheadline { font-size: 1.56rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_huge .bt_bb_headline_subheadline { font-size: 1.56rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extralarge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extralarge .bt_bb_headline_subheadline { font-size: 1.56rem !important; } body { font-size: 15px !important; } } @media (max-width: 480px) { /* Typography breakpoint start 480 */ .bt_bb_button.bt_bb_size_large a { padding: 0.8rem 1.8em !important; } .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: 3rem !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: 2rem !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: 2rem !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: 3rem !important; } .bt_bb_headline.bt_bb_size_normal h1, .bt_bb_headline.bt_bb_size_normal h2, .bt_bb_headline.bt_bb_size_normal h3, .bt_bb_headline.bt_bb_size_normal h4, .bt_bb_headline.bt_bb_size_normal h5, .bt_bb_headline.bt_bb_size_normal h6 { font-size: 2.5rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extrahuge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extrahuge .bt_bb_headline_subheadline { font-size: 1.45rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_huge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_huge .bt_bb_headline_subheadline { font-size: 1.45rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_extralarge .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_extralarge .bt_bb_headline_subheadline { font-size: 1.45rem !important; } .bt_bb_headline.bt_bb_superheadline.bt_bb_size_large .bt_bb_headline_superheadline { font-size: 1.34rem !important; } .bt_bb_headline.bt_bb_subheadline.bt_bb_size_large .bt_bb_headline_subheadline { font-size: 1.45rem !important; } body { --section-hard-rounded: 36px; } } /* CUSTOM CSS --------------------------------------------------- */ /* Unit test (no BB) button fix */ .read-more .bt_bb_button.bt_bb_style_filled { font-size: var(--normal-button-size); } .read-more .bt_bb_button.bt_bb_style_filled a { color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } .read-more .bt_bb_button.bt_bb_style_filled a:hover { color: var(--primary-color, var(--dark-color)); box-shadow: 0 0 0 3em var(--secondary-color, var(--accent-color)) inset; } /* Custom Class Icon */ .bt_bb_icon.bt_bb_jobs { float: left; margin-left: 0.7em; margin-right: auto; border-left: 1px solid rgba(16, 16, 16, 0.2); padding-left: 0.7em; } /* Page header */ body:not(.bt_bb_plugin_active) .page-header[style*=background-image] { color: var(--light-color) !important; } /* Full cost calculator --------------------------------------------------- */ .btQuoteBooking { margin-bottom: 0em; /* Custom Class */ } .btQuoteBooking .btQuoteSliderValue { color: var(--dark-color); } .btQuoteBooking .ddTitle .arrow:before { content: var(--select-icon); font-family: var(--select-icon-font); border: none; font-size: 0.7rem; opacity: 1; padding-right: 1rem; margin-top: 0.5rem; } .rtl .btQuoteBooking .ddTitle .arrow:before { padding-left: 1rem; padding-right: 0rem; } .btQuoteBooking .btQuoteItem { padding: 0; margin-bottom: 1em; } .btQuoteBooking .btQuoteItem label { margin: 0 0 0.5em; font-size: var(--small-button-size); } .btQuoteBooking .btQuoteBookingForm { margin-bottom: 0em; } .button-shape-rounded .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: var(--hard-rounded); } .button-shape-square .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { border-radius: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn { flex: 0 0 130px !important; width: 130px !important; max-width: 130px !important; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { border: none !important; background: transparent !important; color: var(--dark-color); box-shadow: 0 0 0 3em var(--accent-color) inset; font-size: var(--medium-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); } .button-shape-rounded .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { border-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { border-radius: var(--hard-rounded); } .button-shape-square .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { border-radius: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext:hover { filter: contrast(1.1); color: var(--dark-color); box-shadow: 0 0 0 3em var(--accent-color) inset; } .button-shape-rounded .btQuoteBooking .btTotalNextWrapper .btPayPalButton { border-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btTotalNextWrapper .btPayPalButton { border-radius: var(--hard-rounded); } .button-shape-square .btQuoteBooking .btTotalNextWrapper .btPayPalButton { border-radius: 0; } .btQuoteBooking .btTotalNextWrapper .btQuoteTotal { /* Currency after */ } .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalText { font-size: var(--medium-button-size); font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); color: var(--dark-color); } .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCurrency, .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCalc { font-size: var(--large-button-size); font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); color: var(--dark-color); background: rgba(0, 0, 0, 0.1); } .button-shape-rounded .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCurrency { border-top-left-radius: var(--soft-rounded); border-bottom-left-radius: var(--soft-rounded); } .button-shape-rounded.rtl .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCurrency { border-radius: 0 var(--soft-rounded) var(--soft-rounded) 0; } .button-shape-round .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCurrency { border-top-left-radius: var(--hard-rounded); border-bottom-left-radius: var(--hard-rounded); } .button-shape-round.rtl .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCurrency { border-radius: 0 var(--hard-rounded) var(--hard-rounded) 0; } .button-shape-square .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCurrency { border-radius: 0; } .button-shape-rounded .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCalc { border-top-right-radius: var(--soft-rounded); border-bottom-right-radius: var(--soft-rounded); } .button-shape-rounded.rtl .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCalc { border-radius: 0 var(--soft-rounded) var(--soft-rounded) 0; } .button-shape-round .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCalc { border-top-right-radius: var(--hard-rounded); border-bottom-right-radius: var(--hard-rounded); } .button-shape-round.rtl .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCalc { border-radius: 0 var(--hard-rounded) var(--hard-rounded) 0; } .button-shape-square .btQuoteBooking .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCalc { border-radius: 0; } .button-shape-rounded .btQuoteBooking .btTotalNextWrapper .btQuoteTotal.currencyAfter .btQuoteTotalCurrency { border-radius: none; border-top-right-radius: var(--soft-rounded); border-bottom-right-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btTotalNextWrapper .btQuoteTotal.currencyAfter .btQuoteTotalCurrency { border-radius: none; border-top-right-radius: var(--hard-rounded); border-bottom-right-radius: var(--hard-rounded); } .button-shape-square .btQuoteBooking .btTotalNextWrapper .btQuoteTotal.currencyAfter .btQuoteTotalCurrency { border-radius: 0; } .button-shape-rounded .btQuoteBooking .btTotalNextWrapper .btQuoteTotal.currencyAfter .btQuoteTotalCalc { border-radius: none; border-top-left-radius: var(--soft-rounded); border-bottom-left-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btTotalNextWrapper .btQuoteTotal.currencyAfter .btQuoteTotalCalc { border-radius: none; border-top-left-radius: var(--hard-rounded); border-bottom-left-radius: var(--hard-rounded); } .button-shape-square .btQuoteBooking .btTotalNextWrapper .btQuoteTotal.currencyAfter .btQuoteTotalCalc { border-radius: 0; } .btQuoteBooking .btQuoteContact:not(.btQuoteContactForm7) { margin: 2em 0 0; } .btQuoteBooking .btQuoteContact .boldBtn { margin: 0px 0 0 10px; } .btQuoteBooking .btQuoteContact .boldBtn button { padding: 0.8em 1.5em; font-size: var(--medium-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); border: none !important; background: transparent !important; color: var(--dark-color); box-shadow: 0 0 0 3em var(--accent-color) inset; } .button-shape-rounded .btQuoteBooking .btQuoteContact .boldBtn button { border-radius: var(--soft-rounded); } .button-shape-round .btQuoteBooking .btQuoteContact .boldBtn button { border-radius: var(--hard-rounded); } .button-shape-square .btQuoteBooking .btQuoteContact .boldBtn button { border-radius: 0; } .btQuoteBooking .btQuoteContact .boldBtn button:hover { filter: contrast(1.1); color: var(--dark-color); text-shadow: none; opacity: 1; box-shadow: 0 0 0 3em var(--accent-color) inset; } .btQuoteBooking .btQuoteContact .ddTitle .arrow:before { margin-top: -0.5rem; } .btQuoteBooking .btContactFieldMandatory input, .btQuoteBooking .btContactFieldMandatory textarea { border-width: 2px !important; box-shadow: none; } .btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText { min-height: 52px; background-color: transparent; border: 1px solid var(--inputs-outline); padding: 0 37px 0 0; } .btQuoteBooking.bt_bb_light_font .btQuoteSliderValue, .btQuoteBooking.bt_bb_light_font .btTotalNextWrapper .btQuoteTotal { color: var(--light-color) !important; } .btQuoteBooking.bt_bb_light_font .btQuoteSliderValue .btQuoteTotalText, .btQuoteBooking.bt_bb_light_font .btQuoteSliderValue .btQuoteTotalCurrency, .btQuoteBooking.bt_bb_light_font .btQuoteSliderValue .btQuoteTotalCalc, .btQuoteBooking.bt_bb_light_font .btTotalNextWrapper .btQuoteTotal .btQuoteTotalText, .btQuoteBooking.bt_bb_light_font .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCurrency, .btQuoteBooking.bt_bb_light_font .btTotalNextWrapper .btQuoteTotal .btQuoteTotalCalc { color: var(--light-color) !important; } /* Advanced progress bar --------------------------------------------------- */ .bt_bb_progress_bar_advanced { display: inline-flex; flex-wrap: wrap; /* Size */ /* Progress shape */ /* Container */ /* Title position */ /* Title font */ /* Title color */ /* Text color */ } .bt_bb_progress_bar_advanced a { color: inherit; } .bt_bb_progress_bar_advanced > p { width: 100%; padding-top: 0.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_small svg { max-width: 3.56em; } .bt_bb_progress_bar_advanced.bt_bb_size_small:not(.bt_bb_progress_text_position_next) .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder { font-size: 1em; } .bt_bb_progress_bar_advanced.bt_bb_size_normal svg { max-width: 7em; } .bt_bb_progress_bar_advanced.bt_bb_size_normal:not(.bt_bb_progress_text_position_next) .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder { font-size: 2em; } .bt_bb_progress_bar_advanced.bt_bb_size_medium svg { max-width: 10em; } .bt_bb_progress_bar_advanced.bt_bb_size_large svg { max-width: 14.8em; } .bt_bb_progress_bar_advanced.bt_bb_progress_shape_rounded svg path { stroke-linecap: round; } .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%; /* Text */ } .bt_bb_progress_bar_advanced .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { font-size: var(--medium-button-size); width: 100%; margin-top: -0.5em; text-align: center; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_position_next .container { align-items: flex-start; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_position_next .container svg { order: 1; padding-top: 0.9em; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_position_next .container .container_inner { position: relative; padding-left: 1.4em; order: 2; } .rtl .bt_bb_progress_bar_advanced.bt_bb_progress_text_position_next .container .container_inner { padding-right: 1.4em; padding-left: 0; text-align: right; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_position_next .container .container_inner .bt_bb_progress_bar_advanced_bar_text { width: 100%; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_position_next .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { text-align: left; margin-top: 0.2em; padding-top: 0; } .rtl .bt_bb_progress_bar_advanced.bt_bb_progress_text_position_next .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { text-align: right; } .bt_bb_progress_bar_advanced.bt_bb_has_font .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-family: inherit !important; } .bt_bb_progress_bar_advanced.bt_bb_progress_text_color_gray .container .container_inner .bt_bb_progress_bar_advanced_bar_text span { color: var(--service-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_text_below_color_gray .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { color: var(--service-gray-color); } .bt_bb_progress_bar_advanced.bt_bb_text_below_color_accent .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { color: var(--accent-color); } .bt_bb_progress_bar_advanced.bt_bb_text_below_color_alternate .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { color: var(--alternate-color); } .bt_bb_progress_bar_advanced.bt_bb_text_below_color_light .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { color: var(--light-color); } .bt_bb_progress_bar_advanced.bt_bb_text_below_color_dark .container .container_inner .bt_bb_progress_bar_advanced_bar_container_text { color: var(--dark-color); } .bt_bb_progress_bar_advanced.bt_bb_type_semi-circle { display: block; } /* Font weight */ .bt_bb_progress_bar_advanced.bt_bb_font_weight_normal .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: normal !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_bold .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: bold !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_bolder .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: bolder !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_lighter .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: lighter !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_light .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: light !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_thin .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: thin !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_100 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 100 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_200 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 200 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_300 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 300 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_400 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 400 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_500 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 500 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_600 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 600 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_700 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 700 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_800 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 800 !important; } .bt_bb_progress_bar_advanced.bt_bb_font_weight_900 .container .container_inner .bt_bb_progress_bar_advanced_bar_text .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter span.onedigit { font-weight: 900 !important; } /* Floating image --------------------------------------------------- */ .bt_bb_floating_image { position: absolute; user-select: none; /* Position */ } .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; } /* Responsive header --------------------------------------------- */ /* Card Icon --------------------------------------------------- */ .bt_bb_card_icon { display: inline-block; width: 100%; position: relative; overflow: hidden; background-color: var(--card-secondary-color, var(--card-gray-color)); transition: all 300ms ease; /* Hover color scheme */ /* Style */ /* Shape - Customizer */ /* Shape */ /* Shadow */ /* Blur */ /* Border color */ /* Link */ } .bt_bb_card_icon[class*=bt_bb_hover_color_scheme]:hover { color: var(--hover-card-primary-color, var(--card-primary-color, inherit)) !important; background-color: var(--hover-card-secondary-color, var(--card-secondary-color, var(--card-gray-color))) !important; } .bt_bb_card_icon[class*=bt_bb_hover_color_scheme]:hover .bt_bb_card_icon_inner .bt_bb_card_icon_icon .bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:before { color: var(--secondary-color, var(--hover-card-primary-color, inherit)); } .bt_bb_card_icon[class*=bt_bb_hover_color_scheme]:hover .bt_bb_card_icon_inner .bt_bb_card_icon_title .bt_bb_headline { color: var(--hover-card-primary-color, var(--card-primary-color, inherit)); } .bt_bb_card_icon[class*=bt_bb_hover_color_scheme]:hover .bt_bb_card_icon_inner .bt_bb_card_icon_text { color: var(--hover-card-primary-color, var(--card-primary-color, inherit)); } .bt_bb_card_icon.btWithLink:hover .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_button.bt_bb_style_clean a { color: var(--secondary-color, var(--accent-color)); } .bt_bb_card_icon.btWithLink:hover .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_button.bt_bb_style_clean a .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--accent-color))); } .bt_bb_card_icon.btWithLink:hover .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_button.bt_bb_style_underline a { color: var(--secondary-color, var(--accent-color)); } .bt_bb_card_icon.btWithLink:hover .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_button.bt_bb_style_underline a:after { transform: scaleX(0); transform-origin: left; animation: underlineHover 0.4s ease-in-out forwards; animation: none; } .bt_bb_card_icon.btWithLink:hover .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_button.bt_bb_style_underline a .bt_bb_icon_holder { color: var(--icon-secondary-color, var(--secondary-color, var(--accent-color))); } .bt_bb_card_icon.bt_bb_padding_none .bt_bb_card_icon_inner { padding: 0; } .bt_bb_card_icon.bt_bb_style_outline { background-color: transparent !important; border: 1px solid var(--card-secondary-color, rgba(16, 16, 16, 0.1)); } .bt_bb_card_icon.bt_bb_style_filled_outline { border: 1px solid rgba(255, 255, 255, 0.1); background-color: var(--card-secondary-color, var(--card-gray-color)); } .bt_bb_card_icon.bt_bb_no_text .bt_bb_card_icon_inner .bt_bb_card_icon_icon { padding-bottom: 40px; } .button-shape-square .bt_bb_card_icon { border-radius: 0; } .button-shape-rounded .bt_bb_card_icon { border-radius: var(--card-soft-rounded); } .button-shape-round .bt_bb_card_icon { border-radius: var(--card-hard-rounded); } .bt_bb_card_icon.bt_bb_shape_square { 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_hard_rounded { border-radius: var(--card-hard-rounded); } .bt_bb_card_icon.bt_bb_shape_very_rounded { border-radius: var(--card-very-rounded); } .bt_bb_card_icon.bt_bb_shadow_on_hover:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); } .bt_bb_card_icon.bt_bb_shadow_show { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); } .bt_bb_card_icon.bt_bb_shadow_move_up:hover { box-shadow: 0px 10px 10px rgba(0, 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, 0.07); } .bt_bb_card_icon.bt_bb_shadow_show_move:hover { transform: translate(0px, -2px); } .bt_bb_card_icon.bt_bb_blur_show { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .bt_bb_card_icon.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_card_icon.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_card_icon.bt_bb_border_color_accent { border-color: var(--accent-color); } .bt_bb_card_icon.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_card_icon.bt_bb_border_color_dark_gray { border-color: var(--dark-gray-color); } .bt_bb_card_icon .btCardLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .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_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_card_icon .bt_bb_card_icon_inner { position: relative; z-index: 2; padding: 2.235em; /* Icon */ /* Title */ /* Text */ /* Inner */ } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_icon { display: flex; z-index: 1; position: relative; padding-bottom: 3.75em; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_icon .bt_bb_icon { padding: 0 !important; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_icon .bt_bb_icon.bt_bb_size_normal .bt_bb_icon_holder:before { font-size: 2.65em; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_icon .bt_bb_icon.bt_bb_style_borderless_gradient { background: rgba(255, 255, 255, 0.02); } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_icon .bt_bb_icon.bt_bb_style_borderless_gradient .bt_bb_icon_holder:before { width: 1.85em; height: 1.85em; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_icon .bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:before { color: var(--primary-color, var(--card-primary-color, inherit)); } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_title { z-index: 1; position: relative; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_title .bt_bb_headline { color: var(--card-primary-color, inherit); } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_text { padding-top: 3.35em; color: var(--card-primary-color, inherit); } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_text p { font-weight: 500; line-height: 1.5; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner { display: flex; flex-wrap: wrap; z-index: 4; position: relative; pointer-events: none; padding-top: 1.25em; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_separator_v2 { width: 100%; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_button { margin: 0; pointer-events: all; } .bt_bb_card_icon .bt_bb_card_icon_inner .bt_bb_card_icon_content_inner .bt_bb_button.bt_bb_style_clean a { padding: 0 !important; } .bt_bb_card_icon.bt_bb_has_font .bt_bb_card_icon_inner .bt_bb_card_icon_title .bt_bb_headline .bt_bb_headline_tag { font-family: inherit !important; } /* 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; } /* Font weight */ .bt_bb_card_icon.bt_bb_title_font_weight_normal .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: normal; } .bt_bb_card_icon.bt_bb_title_font_weight_bold .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: bold; } .bt_bb_card_icon.bt_bb_title_font_weight_bolder .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: bolder; } .bt_bb_card_icon.bt_bb_title_font_weight_lighter .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: lighter; } .bt_bb_card_icon.bt_bb_title_font_weight_light .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: light; } .bt_bb_card_icon.bt_bb_title_font_weight_thin .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: thin; } .bt_bb_card_icon.bt_bb_title_font_weight_100 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 100; } .bt_bb_card_icon.bt_bb_title_font_weight_200 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 200; } .bt_bb_card_icon.bt_bb_title_font_weight_300 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 300; } .bt_bb_card_icon.bt_bb_title_font_weight_400 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 400; } .bt_bb_card_icon.bt_bb_title_font_weight_500 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 500; } .bt_bb_card_icon.bt_bb_title_font_weight_600 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 600; } .bt_bb_card_icon.bt_bb_title_font_weight_700 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 700; } .bt_bb_card_icon.bt_bb_title_font_weight_800 .bt_bb_card_icon_inner .bt_bb_card_icon_title { font-weight: 800; } .bt_bb_card_icon.bt_bb_title_font_weight_900 .bt_bb_card_icon_inner .bt_bb_card_icon_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, var(--card-gray-color)); overflow: hidden; z-index: 2; transition: all 450ms ease; /* Shape - Customizer */ /* Shape */ /* Hover color scheme */ /* Shadow */ /* Style */ /* Blur */ /* Border color */ /* Image */ /* Inner content */ /* Link */ } .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-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-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); } .bt_bb_card_image.bt_bb_shape_square { 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_soft-rounded { 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_hard-rounded { 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[class*=bt_bb_hover_color_scheme]:hover { color: var(--hover-card-image-primary-color, var(--card-image-primary-color, inherit)) !important; background-color: var(--hover-card-image-secondary-color, var(--card-image-secondary-color, var(--card-gray-color))) !important; } .bt_bb_card_image[class*=bt_bb_hover_color_scheme]:hover .bt_bb_card_image_text_box { background-color: var(--hover-card-image-secondary-color, var(--card-image-secondary-color, var(--card-gray-color))) !important; } .bt_bb_card_image[class*=bt_bb_hover_color_scheme].bt_bb_hover_style_gradient:hover { color: var(--light-color, inherit) !important; background-color: transparent !important; background: linear-gradient(90deg, var(--hover-card-image-primary-color, var(--accent-color)) 0%, var(--hover-card-image-secondary-color, var(--pink-color)) 100%) !important; } .bt_bb_card_image[class*=bt_bb_hover_color_scheme].bt_bb_hover_style_gradient:hover .bt_bb_card_image_text_box { background-color: transparent !important; background: linear-gradient(90deg, var(--hover-card-image-primary-color, var(--card-image-primary-color, var(--accent-color))) 0%, var(--hover-card-image-secondary-color, var(--card-image-secondary-color, var(--pink-color))) 100%) !important; } .bt_bb_card_image.bt_bb_shadow_show { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07); } .bt_bb_card_image.bt_bb_shadow_visible_move { box-shadow: 0px 10px 10px rgba(0, 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, 0.07); } .bt_bb_card_image.bt_bb_shadow_on_hover_zoom:hover { box-shadow: 0px 10px 10px rgba(0, 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, 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, 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_style_outline { background-color: transparent !important; border: 1px solid var(--card-image-secondary-color, rgba(16, 16, 16, 0.1)); } .bt_bb_card_image.bt_bb_blur_show { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .bt_bb_card_image.bt_bb_border_color_light { border-color: var(--light-color); } .bt_bb_card_image.bt_bb_border_color_dark { border-color: var(--dark-color); } .bt_bb_card_image.bt_bb_border_color_accent { border-color: var(--accent-color); } .bt_bb_card_image.bt_bb_border_color_alternate { border-color: var(--alternate-color); } .bt_bb_card_image.bt_bb_border_color_dark_gray { border-color: var(--dark-gray-color); } .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_padding_text_indent .bt_bb_card_image_text_box { padding-left: 32px; padding-right: 32px; } .bt_bb_card_image.bt_bb_padding_text_indent .bt_bb_card_image_text_box .bt_bb_image { margin: -32px -32px 0 -32px; } .bt_bb_card_image .bt_bb_card_image_text_box { width: 100%; display: flex; flex-wrap: wrap; padding: 32px; pointer-events: all; z-index: 1; } .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 .btCardLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } @media (max-width: 780px) { .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: 0.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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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; } /* Link --------------------------------------------------- */ .bt_bb_link_arrow { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; transition: all 450ms ease; overflow: hidden; color: var(--link-primary-color, currentcolor); /* Arrow color */ } .bt_bb_align_center .bt_bb_link_arrow, .bt_bb_link_arrow.bt_bb_align_center, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_link_arrow, .bt_bb_align_right .bt_bb_link_arrow.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_link_arrow { flex-direction: row-reverse; } .bt_bb_align_right .bt_bb_link_arrow, .bt_bb_link_arrow.bt_bb_align_right, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow, .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow { flex-direction: row-reverse; } .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text, .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text, .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text { flex-direction: row-reverse; } .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text:before, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text:before, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text:before, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text:before { opacity: 0; } .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text:after, .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text:after, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text:after, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text:after, .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right .bt_bb_link_text:after, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow .bt_bb_link_text:after { opacity: 1; padding-right: 0; padding-left: 1.34rem; } .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text, .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text, .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(0); } .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before, .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:before, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:before, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before, .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:before, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { opacity: 1; } .rtl .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before, .rtl .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:before, .rtl .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:before, .rtl .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before, .rtl .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:before, .rtl .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { opacity: 0; } .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:after, .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:after, .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:after, .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:after, .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:after, .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:after { opacity: 0; } .rtl .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:after, .rtl .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:after, .rtl .bt_bb_align_left .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:after, .rtl .bt_bb_align_left .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:after, .rtl .bt_bb_align_center .bt_bb_link_arrow.bt_bb_align_right.btWithLink:hover .bt_bb_link_text:after, .rtl .bt_bb_align_center .bt_bb_align_right .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:after { opacity: 1; } .bt_bb_link_arrow .bt_bb_link_text { position: relative; display: flex; transition: all 450ms ease; padding-right: 7em; overflow: hidden; /* Arrow */ } .rtl .bt_bb_link_arrow .bt_bb_link_text { padding-left: 7em; padding-right: 0; } .bt_bb_link_arrow .bt_bb_link_text .bt_bb_headline .bt_bb_headline_tag { line-height: 1.3 !important; } .bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_link_arrow .bt_bb_link_text:after { content: var(--button-arrow-icon); font-family: var(--button-arrow-icon-font); font-size: 7.5em; line-height: 1.4; display: inline-block; vertical-align: middle; color: var(--link-primary-color, currentcolor); transition: opacity 600ms ease-out 0s, transform 450ms cubic-bezier(0.15, 0, 0, 1) 0s; } .bt_bb_link_arrow .bt_bb_link_text:before { padding-right: 1.34rem; } .rtl .bt_bb_link_arrow .bt_bb_link_text:before { content: var(--button-arrow-reverse-icon); } .bt_bb_link_arrow .bt_bb_link_text:after { opacity: 0; padding-left: 1.34rem; } .rtl .bt_bb_link_arrow .bt_bb_link_text:after { content: var(--button-arrow-reverse-icon); } .bt_bb_link_arrow .bt_bb_link_content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { opacity: 0; } .rtl .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { opacity: 1; transform: translateX(0); } .bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:after { opacity: 1; transform: translateX(0); } .bt_bb_link_arrow.bt_bb_arrow_color_light .bt_bb_link_text:before, .bt_bb_link_arrow.bt_bb_arrow_color_light .bt_bb_link_text:after { color: var(--light-color); } .bt_bb_link_arrow.bt_bb_arrow_color_dark .bt_bb_link_text:before, .bt_bb_link_arrow.bt_bb_arrow_color_dark .bt_bb_link_text:after { color: var(--dark-color); } .bt_bb_link_arrow.bt_bb_arrow_color_accent .bt_bb_link_text:before, .bt_bb_link_arrow.bt_bb_arrow_color_accent .bt_bb_link_text:after { color: var(--accent-color); } .bt_bb_link_arrow.bt_bb_arrow_color_alternate .bt_bb_link_text:before, .bt_bb_link_arrow.bt_bb_arrow_color_alternate .bt_bb_link_text:after { color: var(--alternate-color); } /* Sizes */ .bt_bb_size_extrasmall.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_extrasmall.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 1.7rem; } .bt_bb_size_extrasmall.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(1.7rem); } .bt_bb_size_extrasmall.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-1.7rem); } .rtl .bt_bb_size_extrasmall.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(1.7rem); } .bt_bb_size_extrasmall.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-1.7rem); } .rtl .bt_bb_size_extrasmall.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(1.7rem); } .bt_bb_size_small.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_small.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 2rem; } .bt_bb_size_small.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(2rem); } .bt_bb_size_small.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-2rem); } .rtl .bt_bb_size_small.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(2rem); } .bt_bb_size_small.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-2rem); } .rtl .bt_bb_size_small.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(2rem); } .bt_bb_size_medium.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_medium.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 2.6rem; } .bt_bb_size_medium.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(2.6rem); } .bt_bb_size_medium.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-2.6rem); } .rtl .bt_bb_size_medium.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(2.6rem); } .bt_bb_size_medium.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-2.6rem); } .rtl .bt_bb_size_medium.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(2.6rem); } .bt_bb_size_normal.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_normal.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 3.5rem; } .bt_bb_size_normal.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(3.5rem); } .bt_bb_size_normal.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-3.5rem); } .rtl .bt_bb_size_normal.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(3.5rem); } .bt_bb_size_normal.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-3.5rem); } .rtl .bt_bb_size_normal.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(3.5rem); } .bt_bb_size_large.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_large.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 4.2rem; } .bt_bb_size_large.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(4.2rem); } .bt_bb_size_large.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-4.2rem); } .rtl .bt_bb_size_large.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(4.2rem); } .bt_bb_size_large.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-4.2rem); } .rtl .bt_bb_size_large.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(4.2rem); } .bt_bb_size_extralarge.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_extralarge.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 5.5rem; } .bt_bb_size_extralarge.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(6rem); } .bt_bb_size_extralarge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-6rem); } .rtl .bt_bb_size_extralarge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(6rem); } .bt_bb_size_extralarge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-6rem); } .rtl .bt_bb_size_extralarge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(6rem); } .bt_bb_size_huge.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_huge.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 7.5rem; } .bt_bb_size_huge.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(7.5rem); } .bt_bb_size_huge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-7.5rem); } .rtl .bt_bb_size_huge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(7.5rem); } .bt_bb_size_huge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-7.5rem); } .rtl .bt_bb_size_huge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(7.5rem); } .bt_bb_size_extrahuge.bt_bb_link_arrow .bt_bb_link_text:before, .bt_bb_size_extrahuge.bt_bb_link_arrow .bt_bb_link_text:after { font-size: 8.6rem; } .bt_bb_size_extrahuge.bt_bb_link_arrow .bt_bb_link_text:after { transform: translateX(9.5rem); } .bt_bb_size_extrahuge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(-9.5rem); } .rtl .bt_bb_size_extrahuge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text { transform: translateX(9.5rem); } .bt_bb_size_extrahuge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(-9.5rem); } .rtl .bt_bb_size_extrahuge.bt_bb_link_arrow.btWithLink:hover .bt_bb_link_text:before { transform: translateX(9.5rem); } @media (max-width: 780px) { .bt_bb_link_arrow .bt_bb_link_text { padding-right: 0em; } } /* Post slider --------------------------------- */ /*.slick-slider { user-select: initial; .slick-dots { user-select: none; } }*/ .bt_bb_post_slider { /* Date position */ } .bt_bb_post_slider.bt_bb_height_keep-height .slick-slider .slick-slide { align-items: stretch; } .bt_bb_post_slider .slick-track { display: flex; } .bt_bb_post_slider .bt_bb_post_slider_item { height: inherit; display: flex; flex-wrap: wrap; position: relative; margin-bottom: 1em; /* Date */ } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_inner { position: relative; height: inherit; overflow: hidden; border: none; display: flex; flex-wrap: wrap; align-content: flex-start; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_date { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); font-style: var(--supertitle-font-style); letter-spacing: var(--supertitle-letter-spacing); text-transform: uppercase; line-height: 1; display: block; margin-bottom: 2rem; order: 1; width: 100%; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_date:after { content: ""; margin-top: 1em; display: block; width: 100%; height: 2px; opacity: 0.5; background-color: currentColor; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_image { overflow: hidden; flex: 1 0 100%; width: auto; height: fit-content; position: relative; margin: 0 0 2em; order: 2; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_image a { display: block; position: relative; overflow: hidden; width: auto; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_image a img { display: block; width: 100%; transition: 400ms ease all; transform-origin: center bottom; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content { order: 3; /* Category */ /* Title */ /* Read more */ } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category { font-family: var(--supertitle-font); font-weight: var(--supertitle-font-weight); font-style: var(--supertitle-font-style); letter-spacing: var(--supertitle-letter-spacing); text-transform: uppercase; line-height: 1; display: block; margin-bottom: 2rem; order: 1; width: 100%; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category ul.post-categories { margin: 0; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category ul.post-categories li::marker { display: none; font-size: 0; content: ""; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category ul.post-categories li { margin: 0; display: inline-block; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category ul.post-categories li a { display: inline; background: transparent; padding: 0; line-height: 1; color: inherit; box-shadow: none; text-decoration: none; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category ul.post-categories li a:hover { opacity: 0.8; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category ul.post-categories li:not(:last-child) a:after { content: ","; margin-right: 5px; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_category:after { content: ""; margin-top: 1em; display: block; width: 100%; height: 2px; opacity: 0.5; background-color: currentColor; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-size: var(--small-title-size); font-weight: var(--heading-font-weight); line-height: 42px; margin-bottom: 0.5em; width: 100%; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title a { color: inherit; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title a:hover { opacity: 0.8; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_excerpt { line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; width: 100%; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta { padding: 0; margin-top: 1em; width: 100%; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta > span { font-size: 1rem; font-weight: inherit; display: inline-flex; align-items: center; padding-right: 1em; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta > span:before { display: inline-block; margin: 0 5px 0 0; line-height: inherit; font-weight: 400; } .rtl .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta > span:before { margin: 0 0 0 5px; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category { padding-bottom: 0em; padding-right: 1em; display: inline-block; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category ul.post-categories { line-height: 1; display: inline-flex; align-items: center; font-size: 1rem; margin: 0; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category ul.post-categories li::marker { display: none; font-size: 0; content: ""; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category ul.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); } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category ul.post-categories li { margin: 0; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category ul.post-categories li a { display: inline; background: transparent; padding: 0; line-height: 1; text-transform: capitalize; color: inherit; box-shadow: none; text-decoration: none; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category ul.post-categories li a:hover { opacity: 0.8; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_category ul.post-categories li:not(:last-child) a:after { content: ","; margin-right: 5px; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_author:before { font-size: 1rem; content: var(--latest-posts-author-icon); font-family: var(--latest-posts-author-icon-font); } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_author a { display: inline-flex; flex-wrap: nowrap; color: inherit; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_author a:hover { opacity: 0.8; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_author a:before { content: ""; display: block; width: 0.3em; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta .bt_bb_post_slider_item_comments:before { font-size: 1rem; content: var(--latest-posts-comments-icon); font-family: var(--latest-posts-comments-icon-font); } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_read_more { margin-top: 2em; width: 100%; display: flex; } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_read_more .bt_bb_button a { color: var(--primary-color, inherit); } .bt_bb_post_slider .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_read_more .bt_bb_button a:after { background-color: currentColor; } .bt_bb_post_slider.bt_bb_image_shape_rounded .bt_bb_post_slider_item .bt_bb_post_slider_item_image { border-radius: var(--latest-post-soft-rounded); } .bt_bb_post_slider.bt_bb_image_shape_rounded_square .bt_bb_post_slider_item .bt_bb_post_slider_item_image { -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjY4MCIKICAgaGVpZ2h0PSI2ODAiCiAgIHZpZXdCb3g9IjAgMCA2ODAgNjgwIgogICBmaWxsPSJub25lIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0ibGF0ZXN0X3NxYXJlLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4yIChkYzJhZWRhZjAzLCAyMDIyLTA1LTE1KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMjMiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcyMSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjE5NzA1ODgiCiAgICAgaW5rc2NhcGU6Y3g9IjMzOS41ODIzMSIKICAgICBpbmtzY2FwZTpjeT0iMzQwIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxOSIgLz4KICA8cGF0aAogICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZD0iTSA2NCw2ODAgQyAyOC42NTM4LDY4MCAwLDY1MS4zNDYyIDAsNjE2IFYgNjQgQyAwLDI4LjY1NCAyOC42NTM4LDAgNjQsMCBoIDU1MiBjIDM1LjM0NiwwIDY0LDI4LjY1NCA2NCw2NCB2IDMxNiBjIC0yLjc4NCwxNi43OTMgLTkuNDY1LDMzLjcxNCAtMjYuNTUyLDUwLjgwNyAtMjcuNTgxLDI3LjU4OCAtNTQuNjE1LDI4LjE0NSAtODEuNjQ5LDI4LjcwMiAtMjcuMDM1LDAuNTU3IC01NC4wNjksMS4xMTQgLTgxLjY0OSwyOC43MDIgLTI3LjU4LDI3LjU4OCAtMjguMTM3LDU0LjYzIC0yOC42OTQsODEuNjcyIC0wLjU1NywyNy4wNDE5IC0xLjExMyw1NC4wODM5IC0yOC42OTQsODEuNjcyIEMgNDA4LjE4LDY3Ni4xMDE2NyAzODQuMDY5LDY3OS4yMjg5IDM2MCw2ODAgWiIKICAgICBmaWxsPSIjMDAwMDAwIgogICAgIGlkPSJwYXRoMTciIC8+Cjwvc3ZnPgo="); -webkit-mask-position: left; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .bt_bb_post_slider.bt_bb_show_date_below_image .bt_bb_post_slider_item .bt_bb_post_slider_item_date { order: 2; } .bt_bb_post_slider.bt_bb_show_date_below_image .bt_bb_post_slider_item .bt_bb_post_slider_item_image { order: 1; } .bt_bb_post_slider { padding-bottom: 2em; } .bt_bb_post_slider .slick-slider { overflow: visible; } .bt_bb_post_slider .slick-slider button.slick-arrow.slick-prev { left: -5em; } .rtl .bt_bb_post_slider .slick-slider button.slick-arrow.slick-prev { left: auto; right: -5em; } .bt_bb_post_slider .slick-slider button.slick-arrow.slick-next { right: -5em; } .rtl .bt_bb_post_slider .slick-slider button.slick-arrow.slick-next { left: -5em; right: auto; } .bt_bb_post_slider .slick-list { margin: 0 -0.625em; } .bt_bb_post_slider .slick-list .bt_bb_post_slider_item { padding: 0 0.625em; } .bt_bb_post_slider.bt_bb_gap_small .slick-list { margin: 0 -0.3125em; } .bt_bb_post_slider.bt_bb_gap_small .slick-list .bt_bb_post_slider_item { padding: 0 0.3125em; } .bt_bb_post_slider.bt_bb_gap_no_gap .slick-list { margin: 0; } .bt_bb_post_slider.bt_bb_gap_no_gap .slick-list .bt_bb_post_slider_item { padding: 0; } .bt_bb_post_slider.bt_bb_gap_large .slick-list { margin: 0 -1.25em; } .bt_bb_post_slider.bt_bb_gap_large .slick-list .bt_bb_post_slider_item { padding: 0 1.25em; } .bt_bb_post_slider .slick-dots { bottom: -3em; } @media (max-width: 1399px) { .bt_bb_post_slider .slick-list { margin-bottom: 6em; } .bt_bb_post_slider button.slick-arrow.slick-prev { top: auto; left: 1em; bottom: -4.5em; } .bt_bb_post_slider button.slick-arrow.slick-next { top: auto; right: 1em; bottom: -4.5em; } .bt_bb_post_slider .slick-slider button.slick-arrow.slick-prev { left: 1em; } .bt_bb_post_slider .slick-slider button.slick-arrow.slick-next { right: 1em; } } /* Excerpt lines */ .bt_bb_post_slider.bt_bb_excerpt_lines_1 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_excerpt { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_post_slider.bt_bb_excerpt_lines_2 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_excerpt { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_post_slider.bt_bb_excerpt_lines_3 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_excerpt { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } /* Title lines */ .bt_bb_post_slider.bt_bb_title_lines_1 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_post_slider.bt_bb_title_lines_2 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } .bt_bb_post_slider.bt_bb_title_lines_3 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; width: 100%; } /* Font weight */ .bt_bb_post_slider.bt_bb_title_font_weight_normal .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: normal; } .bt_bb_post_slider.bt_bb_title_font_weight_bold .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: bold; } .bt_bb_post_slider.bt_bb_title_font_weight_bolder .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: bolder; } .bt_bb_post_slider.bt_bb_title_font_weight_lighter .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: lighter; } .bt_bb_post_slider.bt_bb_title_font_weight_light .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: light; } .bt_bb_post_slider.bt_bb_title_font_weight_thin .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: thin; } .bt_bb_post_slider.bt_bb_title_font_weight_100 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 100; } .bt_bb_post_slider.bt_bb_title_font_weight_200 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 200; } .bt_bb_post_slider.bt_bb_title_font_weight_300 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 300; } .bt_bb_post_slider.bt_bb_title_font_weight_400 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 400; } .bt_bb_post_slider.bt_bb_title_font_weight_500 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 500; } .bt_bb_post_slider.bt_bb_title_font_weight_600 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 600; } .bt_bb_post_slider.bt_bb_title_font_weight_700 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 700; } .bt_bb_post_slider.bt_bb_title_font_weight_800 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 800; } .bt_bb_post_slider.bt_bb_title_font_weight_900 .bt_bb_post_slider_item .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title { font-weight: 900; } /* Credential --------------------------------------------------- */ .bt_bb_credential { display: flex; flex-wrap: wrap; align-items: stretch; /* Align */ } .bt_bb_credential .bt_bb_credential_image { padding-right: 1em; display: flex; align-items: center; } .rtl .bt_bb_credential .bt_bb_credential_image { padding-left: 1em; padding-right: 0em; } .bt_bb_credential .bt_bb_credential_inner { padding: 0.25em 0; display: grid; align-items: center; } .bt_bb_credential .bt_bb_credential_inner .bt_bb_credential_name { font-size: 1em; font-family: var(--body-font); } .bt_bb_credential .bt_bb_credential_inner .bt_bb_credential_details { font-size: var(--medium-button-size); } .bt_bb_credential .bt_bb_credential_logo { margin-left: 1em; display: flex; align-items: center; } .rtl .bt_bb_credential .bt_bb_credential_logo { margin-left: 0; margin-right: 1em; } .bt_bb_credential .bt_bb_credential_logo:before { content: ""; display: block; width: 2px; height: 100%; background: currentColor; opacity: 0.2; margin-right: 1.5em; } .rtl .bt_bb_credential .bt_bb_credential_logo:before { margin-left: 1.5em; margin-right: 0; } .bt_bb_align_center .bt_bb_credential, .bt_bb_credential.bt_bb_align_center, .bt_bb_align_left .bt_bb_credential.bt_bb_align_center, .bt_bb_align_left .bt_bb_align_center .bt_bb_credential, .bt_bb_align_right .bt_bb_credential.bt_bb_align_center, .bt_bb_align_right .bt_bb_align_center .bt_bb_credential { display: block; } .bt_bb_align_center .bt_bb_credential .bt_bb_credential_image .bt_bb_image, .bt_bb_credential.bt_bb_align_center .bt_bb_credential_image .bt_bb_image, .bt_bb_align_left .bt_bb_credential.bt_bb_align_center .bt_bb_credential_image .bt_bb_image, .bt_bb_align_left .bt_bb_align_center .bt_bb_credential .bt_bb_credential_image .bt_bb_image, .bt_bb_align_right .bt_bb_credential.bt_bb_align_center .bt_bb_credential_image .bt_bb_image, .bt_bb_align_right .bt_bb_align_center .bt_bb_credential .bt_bb_credential_image .bt_bb_image { margin: 0 auto 0.5em auto; } .bt_bb_align_center .bt_bb_credential .bt_bb_credential_logo, .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo, .bt_bb_align_left .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo, .bt_bb_align_left .bt_bb_align_center .bt_bb_credential .bt_bb_credential_logo, .bt_bb_align_right .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo, .bt_bb_align_right .bt_bb_align_center .bt_bb_credential .bt_bb_credential_logo { margin-top: 1em; margin-left: 0; display: block; } .bt_bb_align_center .bt_bb_credential .bt_bb_credential_logo:before, .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo:before, .bt_bb_align_left .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo:before, .bt_bb_align_left .bt_bb_align_center .bt_bb_credential .bt_bb_credential_logo:before, .bt_bb_align_right .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo:before, .bt_bb_align_right .bt_bb_align_center .bt_bb_credential .bt_bb_credential_logo:before { width: 100%; height: 2px; margin-bottom: 1.5em; margin-right: 0; } .bt_bb_align_right .bt_bb_credential, .bt_bb_credential.bt_bb_align_right, .bt_bb_align_left .bt_bb_credential.bt_bb_align_right, .bt_bb_align_left .bt_bb_align_right .bt_bb_credential, .bt_bb_align_center .bt_bb_credential.bt_bb_align_right, .bt_bb_align_center .bt_bb_align_right .bt_bb_credential { flex-direction: row-reverse; } .rtl .bt_bb_align_right .bt_bb_credential, .rtl .bt_bb_credential.bt_bb_align_right, .rtl .bt_bb_align_left .bt_bb_credential.bt_bb_align_right, .rtl .bt_bb_align_left .bt_bb_align_right .bt_bb_credential, .rtl .bt_bb_align_center .bt_bb_credential.bt_bb_align_right, .rtl .bt_bb_align_center .bt_bb_align_right .bt_bb_credential { flex-direction: row; } .bt_bb_align_right .bt_bb_credential .bt_bb_credential_image, .bt_bb_credential.bt_bb_align_right .bt_bb_credential_image, .bt_bb_align_left .bt_bb_credential.bt_bb_align_right .bt_bb_credential_image, .bt_bb_align_left .bt_bb_align_right .bt_bb_credential .bt_bb_credential_image, .bt_bb_align_center .bt_bb_credential.bt_bb_align_right .bt_bb_credential_image, .bt_bb_align_center .bt_bb_align_right .bt_bb_credential .bt_bb_credential_image { padding-left: 1em; padding-right: 0em; } .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo, .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo, .bt_bb_align_left .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo, .bt_bb_align_left .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo, .bt_bb_align_center .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo, .bt_bb_align_center .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo { margin-left: 0; margin-right: 1em; flex-direction: row-reverse; } .rtl .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo, .rtl .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo, .rtl .bt_bb_align_left .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo, .rtl .bt_bb_align_left .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo, .rtl .bt_bb_align_center .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo, .rtl .bt_bb_align_center .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo { margin-left: 1em; margin-right: 0; } .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo:before, .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo:before, .bt_bb_align_left .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo:before, .bt_bb_align_left .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo:before, .bt_bb_align_center .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo:before, .bt_bb_align_center .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo:before { margin-right: 0; margin-left: 1.5em; } .rtl .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo:before, .rtl .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo:before, .rtl .bt_bb_align_left .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo:before, .rtl .bt_bb_align_left .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo:before, .rtl .bt_bb_align_center .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo:before, .rtl .bt_bb_align_center .bt_bb_align_right .bt_bb_credential .bt_bb_credential_logo:before { margin-right: 1.5em; margin-left: 0; } .bt_bb_credential.bt_bb_align_left { display: flex !important; flex-direction: row !important; text-align: left !important; } .bt_bb_credential.bt_bb_align_left .bt_bb_credential_image { padding-left: 0em !important; padding-right: 1em !important; } .bt_bb_credential.bt_bb_align_left .bt_bb_credential_logo { margin-left: 1em !important; margin-right: 0 !important; flex-direction: row !important; display: flex !important; margin-top: 0em; } .bt_bb_credential.bt_bb_align_left .bt_bb_credential_logo:before { margin-right: 1.5em !important; margin-left: 0 !important; width: 2px !important; height: 100% !important; margin-bottom: 0 !important; } .bt_bb_credential.bt_bb_align_right { display: flex !important; flex-direction: row-reverse !important; text-align: right !important; } .bt_bb_credential.bt_bb_align_right .bt_bb_credential_image { padding-left: 0 !important; padding-right: 1em !important; } .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo { margin-left: 1em !important; margin-right: 0 !important; flex-direction: row-reverse !important; display: flex !important; margin-top: 0em; } .bt_bb_credential.bt_bb_align_right .bt_bb_credential_logo:before { margin-right: 1.5em !important; margin-left: 0 !important; } .bt_bb_credential.bt_bb_align_center { display: block !important; } .bt_bb_credential.bt_bb_align_center .bt_bb_credential_image .bt_bb_image { margin: 0 auto 0.5em auto !important; } .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo { margin-top: 1em !important; margin-left: 0 !important; display: block !important; } .bt_bb_credential.bt_bb_align_center .bt_bb_credential_logo:before { width: 100% !important; height: 2px !important; margin-bottom: 1.5em !important; margin-right: 0 !important; } @media (max-width: 991px) { .bt_bb_credential .bt_bb_credential_logo { margin-left: 0em; margin-top: 1em; width: 100%; } } /* Gutenberg --------------------------------------------------- */ .wp-block-pullquote blockquote { font-size: var(--medium-title-size); } .wp-block-pullquote p { font-size: 1em; } /*# sourceMappingURL=style.css.map */