/* Theme Name: Lubinik Theme URI: https://yourwebsite.com/lubinik Author: Your Name Author URI: https://yourwebsite.com Description: A custom WordPress theme working with lubinik plugin, lubinik addon , lubinik translate Version: 1.0.0 Requires at least: 5.6 Tested up to: 6.4 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: lubinik Tags: custom-colors, custom-logo, custom-menu, featured-images, translation-ready */ /* This is the main stylesheet for the Lubinik theme. The actual styles are loaded from the /assets/css/ directory. */ /* CSS Variables */ :root { /* ----------------------------------------------------------------------------------------- /* GLOBAL Variables /* ----------------------------------------------------------------------------------------- */ /* colors variables */ --lubinik-theme-primary-color: var(--lubinik-primary-color); /* user for main page color aka background...*/ --lubinik-theme-secondary-color: var(--lubinik-secondary-color); /* opposite color to primary */ --lubinik-theme-tertiary-color: var(--lubinik-tertiary-color); /* accent color */ --lubinik-theme-quaternary-color: var(--lubinik-quaternary-color); /* another accent color */ --lubinik-theme-quinary-color: var(--lubinik-quinary-color); /* quinary color */ --lubinik-theme-sextary-color: var(--lubinik-sextary-color); /* sextary color */ --lubinik-theme-background-card-primary: var(--lubinik-background-card-primary); --lubinik-theme-background-card-secondary: var(--lubinik-background-card-secondary); --lubinik-theme-background-card-tertiary: var(--lubinik-background-card-tertiary); /* ----------------------------------------------------------------------------------------- /* Theme-Specific Variables /* ----------------------------------------------------------------------------------------- */ /* logo sizes */ --lubinik-logo-max-size-desktop : 120px; --lubinik-logo-max-size-mobile : 100px; --lubinik-logo-max-size-tablet : 100px; --lubinik-logo-max-size-hero : 200px; /* Z-Index Variables */ --lubinik-z-index-dropdown: 900; --lubinik-z-index-header: 1000; --lubinik-z-index-modal: 1100; --lubinik-z-index-overlay: 1200; /* Specific for menu-above-hero */ --lubinik-z-index-hero-gradient-bottom: 3; --lubinik-z-index-hero-gradient-top: 5; --lubinik-z-index-hero-content: 6; --lubinik-z-index-hero-slider-nav: 10; --lubinik-z-index-hero-slider-pagination: 20; --lubinik-z-index-hamburger-menu: 4000; --lubinik-z-index-hamburger-toggle: 5000; --lubinik-z-index-mobile-menu: 1000; /* Effects */ --lubinik-blur-radius-sm: 4px; /* Transitions */ --lubinik-transition-duration: 0.3s; --lubinik-transition-timing: ease; /* Layout container width */ /*--lubinik-container-width: var(--lubinik-container-width-lg);*/ --lubinik-container-width: 65%; --lubinik-container-width-narrow: 90%; /* For top bar */ --lubinik-container-padding: var(--lubinik-spacing-md); /* Hamburger Menu Specific Layout */ --lubinik-hamburger-toggle-size: 70px; --lubinik-hamburger-icon-width: 60px; --lubinik-hamburger-icon-height: 8px; --lubinik-hamburger-menu-width: 350px; --lubinik-mobile-hamburger-icon-width: 25px; --lubinik-mobile-hamburger-icon-height: 3px; --lubinik-mobile-hamburger-icon-spacing: 8px; /* global variables */ --lubinik-theme-global-link-color : var(--lubinik-theme-tertiary-color); --lubinik-theme-global-link-hover-color : var(--lubinik-theme-secondary-color); --lubinik-theme-global-text-color : var(--lubinik-theme-secondary-color); --lubinik-theme-global-text-light-color : var(--lubinik-theme-primary-color); --lubinik-theme-global-text-accent-color : var(--lubinik-theme-tertiary-color); --lubinik-theme-global-text-primary-color : var(--lubinik-theme-primary-color); --lubinik-theme-global-text-secondary-color : var(--lubinik-theme-secondary-color); --lubinik-theme-global-title-color : var(--lubinik-theme-secondary-color); --lubinik-theme-global-title-light-color : var(--lubinik-theme-primary-color); --lubinik-theme-global-title-accent-color : var(--lubinik-theme-tertiary-color); --lubinik-theme-global-title-primary-color : var(--lubinik-theme-primary-color); --lubinik-theme-global-title-secondary-color : var(--lubinik-theme-secondary-color); --lubinik-theme-global-heading-color : var(--lubinik-theme-tertiary-color); --lubinik-theme-global-background-primary-color : var(--lubinik-theme-primary-color); --lubinik-theme-global-background-secondary-color : var(--lubinik-theme-secondary-color); --lubinik-theme-global-background-accent-color : var(--lubinik-theme-tertiary-color); --lubinik-theme-global-border-color : var(--lubinik-theme-tertiary-color); /* Additional Colors - legacy */ --lubinik-light-text-color-bright: var(--lubinik-theme-primary-color); --lubinik-content-bg-color: var(--lubinik-theme-primary-color); --lubinik-border-light-color: var(--lubinik-theme-primary-color); --lubinik-border-light-color: var(--lubinik-theme-primary-color); /***************************************** /* Theme-Specific Variables for shadow */ /*****************************************/ --lubinik-content-overlay-bg-color: var(--lubinik-shadow-color-subtle); --lubinik-overlay-bg-color: var(--lubinik-shadow-color-darkest-09); --lubinik-dot-active-shadow-color: var(--lubinik-shadow-color-darkest-07); --lubinik-menu-scrolled-bg: var(--lubinik-shadow-color-darkest-07); --lubinik-menu-mobile-bg: var(--lubinik-shadow-color-darkest-07); --lubinik-dot-shadow-color: var(--lubinik-shadow-color-subtle); /***************************************** /* Theme-Specific Variables for section */ /*****************************************/ --lubinik-section-title-color : var(--lubinik-theme-secondary-color); --lubinik-section-title-after-color : var(--lubinik-theme-tertiary-color); --lubinik-section-subtitle-color : var(--lubinik-theme-tertiary-color); --lubinik-section-alt-bg-color : var(--lubinik-theme-secondary-color); /***************************************** /* Theme-Specific Variables for header */ /*****************************************/ --lubinik-header-primary-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-header-secondary-bg-color : var(--lubinik-theme-primary-color); --lubinik-header-primary-shadow-color : var(--lubinik-shadow-color-light); --lubinik-header-secondary-shadow-color : var(--lubinik-shadow-color-subtle); --lubinik-header-primary-link-color : var(--lubinik-theme-tertiary-color); --lubinik-header-primary-link-hover-color : var(--lubinik-theme-primary-color); --lubinik-header-secondary-link-color : var(--lubinik-theme-primary-color); --lubinik-header-secondary-link-hover-color : var(--lubinik-theme-secondary-color); --lubinik-header-primary-text-color : var(--lubinik-theme-primary-color); --lubinik-header-secondary-text-color : var(--lubinik-theme-quaternary-color); --lubinik-header-primary-title-color : var(--lubinik-theme-secondary-color); --lubinik-header-secondary-title-color : var(--lubinik-theme-primary-color); --lubinik-header-primary-heading-color : var(--lubinik-theme-primary-color); --lubinik-header-secondary-heading-color : var(--lubinik-theme-quaternary-color); --lubinik-header-primary-border-color : var(--lubinik-theme-tertiary-color); --lubinik-header-secondary-border-color : var(--lubinik-theme-quaternary-color); --lubinik-header-primary-social-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-header-secondary-social-bg-color : var(--lubinik-theme-primary-color); --lubinik-header-primary-social-text-color : var(--lubinik-theme-primary-color); --lubinik-header-secondary-social-text-color : var(--lubinik-theme-tertiary-color); --lubinik-header-primary-contact-text-color : var(--lubinik-theme-primary-color); --lubinik-header-secondary-contact-text-color : var(--lubinik-theme-tertiary-color); --lubinik-header-logo-max-size : var(--lubinik-logo-max-size-desktop); --lubinik-header-logo-max-size-mobile : var(--lubinik-logo-max-size-mobile); /************************************************* /* Theme-Specific Variables for hamburger menu */ /***********************************************/ --lubinik-hamburger-primary-icon-color : var(--lubinik-theme-primary-color); --lubinik-hamburger-primary-icon-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-hamburger-primary-menu-bg-color : var(--lubinik-theme-primary-color); --lubinik-hamburger-primary-menu-text-color : var(--lubinik-theme-secondary-color); --lubinik-hamburger-primary-menu-text-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-hamburger-secondary-menu-bg-color : var(--lubinik-theme-secondary-color); --lubinik-hamburger-secondary-menu-text-color : var(--lubinik-theme-primary-color); --lubinik-hamburger-secondary-menu-text-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-hamburger-primary-menu-link-color : var(--lubinik-theme-primary-color); --lubinik-hamburger-primary-menu-link-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-hamburger-secondary-menu-link-color : var(--lubinik-theme-primary-color); --lubinik-hamburger-secondary-menu-link-hover-color : var(--lubinik-theme-tertiary-color); /****************************************************************** /* Theme-Specific Variables for hamburger menu above hero desktop */ /******************************************************************/ --lubinik-hamburger-menu-above-hero-primary-icon-color : var(--lubinik-theme-primary-color); --lubinik-hamburger-menu-above-hero-primary-icon-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-hamburger-menu-above-hero-secondary-icon-color : var(--lubinik-theme-secondary-color); --lubinik-hamburger-menu-above-hero-secondary-icon-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-hamburger-menu-above-hero-icon-size : 120px; --lubinik-hamburger-menu-above-hero-content-overlay-bg-color: var(--lubinik-shadow-color-darkest-06); --lubinik-hamburger-menu-above-hero-icon-width: 60px; --lubinik-hamburger-menu-above-hero-icon-height: 5px; --lubinik-hamburger-menu-above-hero-toggle-text-color: var(--lubinik-theme-primary-color); --lubinik-hamburger-menu-above-hero-toggle-bg-color: var(--lubinik-theme-secondary-color); --lubinik-hamburger-menu-above-hero-toggle-border-color: var(--lubinik-theme-tertiary-color); --lubinik-hamburger-menu-above-hero-menu-toggle-button-zindex-mobile: 1000; --lubinik-hamburger-menu-above-hero-menu-toggle-menu-zindex-mobile: 9999; --lubinik-hamburger-menu-above-hero-menu-toggle-menu-overlay-zindex-mobile: 5; --lubinik-hamburger-menu-above-hero-icon-size-mobile : 40px; /******************************************************** /* Theme-Specific Variables for vertical menu */ /********************************************************/ --lubinik-vertical-menu-item-bg-color: var(--lubinik-shadow-color-darkest-06); --lubinik-vertical-menu-item-border-color: var(--lubinik-theme-tertiary-color); --lubinik-vertical-menu-item-shadow-color: var(--lubinik-shadow-color-dark); --lubinik-vertical-menu-item-active-bg-color: rgba(var(--lubinik-secondary-color-rgb), 0.8); --lubinik-vertical-menu-item-active-border-color: rgba(var(--lubinik-primary-color-rgb), 0.4); --lubinik-vertical-menu-item-other-bg-color: rgba(var(--lubinik-primary-color-rgb), 0.5); --lubinik-vertical-menu-item-other-border-color: rgba(var(--lubinik-primary-color-rgb), 0.05); --lubinik-vertical-menu-item-other-text-shadow-color: rgba(var(--lubinik-secondary-color-rgb), 0.2); --lubinik-vertical-menu-item-decoration-color: var(--lubinik-theme-primary-color); --lubinik-vertical-menu-item-decoration-content: '\2022'; --lubinik-vertical-menu-item-primary-link-color: var(--lubinik-theme-primary-color); --lubinik-vertical-menu-item-primary-link-hover-color: var(--lubinik-theme-tertiary-color); --lubinik-vertical-menu-item-secondary-link-color: var(--lubinik-theme-secondary-color); --lubinik-vertical-menu-item-secondary-link-hover-color: var(--lubinik-theme-tertiary-color); /******************************************************** /* Theme-Specific Variables for horizontal menu */ /********************************************************/ --lubinik-horizontal-menu-item-bg-color: var(--lubinik-shadow-color-darkest-06); --lubinik-horizontal-menu-item-border-color: var(--lubinik-theme-tertiary-color); --lubinik-horizontal-menu-item-shadow-color: var(--lubinik-shadow-color-dark); --lubinik-horizontal-menu-item-active-bg-color: rgba(var(--lubinik-secondary-color-rgb), 0.8); --lubinik-horizontal-menu-item-active-border-color: rgba(var(--lubinik-primary-color-rgb), 0.4); --lubinik-horizontal-menu-item-other-bg-color: rgba(var(--lubinik-primary-color-rgb), 0.5); --lubinik-horizontal-menu-item-other-border-color: rgba(var(--lubinik-primary-color-rgb), 0.05); --lubinik-horizontal-menu-item-other-text-shadow-color: rgba(var(--lubinik-secondary-color-rgb), 0.2); --lubinik-horizontal-menu-item-decoration-color: var(--lubinik-theme-primary-color); --lubinik-horizontal-menu-item-decoration-content: '\2022'; --lubinik-horizontal-menu-item-primary-link-color: var(--lubinik-theme-primary-color); --lubinik-horizontal-menu-item-primary-link-hover-color: var(--lubinik-theme-tertiary-color); --lubinik-horizontal-menu-item-secondary-link-color: var(--lubinik-theme-secondary-color); --lubinik-horizontal-menu-item-secondary-link-hover-color: var(--lubinik-theme-tertiary-color); /****************************************************************** /* Theme-Specific Variables for hero */ /******************************************************************/ --lubinik-hero-primary-bg-color : var(--lubinik-theme-secondary-color); --lubinik-hero-secondary-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-primary-shadow-color : var(--lubinik-shadow-color-light); --lubinik-hero-secondary-shadow-color : var(--lubinik-shadow-color-light); --lubinik-hero-primary-link-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-primary-link-hover-color : var(--lubinik-theme-primary-color); --lubinik-hero-secondary-link-color : var(--lubinik-theme-primary-color); --lubinik-hero-secondary-link-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-primary-heading-color : var(--lubinik-theme-primary-color); --lubinik-hero-secondary-heading-color : var(--lubinik-theme-secondary-color); --lubinik-hero-primary-title-color : var(--lubinik-theme-primary-color); --lubinik-hero-secondary-title-color : var(--lubinik-theme-secondary-color); --lubinik-hero-primary-subtitle-color : var(--lubinik-theme-primary-color); --lubinik-hero-secondary-subtitle-color : var(--lubinik-theme-secondary-color); --lubinik-hero-primary-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-secondary-text-color : var(--lubinik-theme-secondary-color); --lubinik-hero-primary-text-shadow : var(--lubinik-shadow-color-darker); --lubinik-hero-secondary-text-shadow : var(--lubinik-shadow-color-darker); --lubinik-hero-primary-border-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-secondary-border-color : var(--lubinik-theme-secondary-color); /******************************************************** /* Theme-Specific Variables for Hero Slider buttons */ /********************************************************/ --lubinik-hero-button-primary-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-button-primary-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-primary-border-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-primary-hover-bg-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-primary-hover-text-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-button-primary-hover-border-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-button-secondary-bg-color : var(--lubinik-theme-secondary-color); --lubinik-hero-button-secondary-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-secondary-border-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-secondary-hover-bg-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-secondary-hover-text-color : var(--lubinik-theme-secondary-color); --lubinik-hero-button-secondary-hover-border-color : var(--lubinik-theme-secondary-color); --lubinik-hero-button-outline-bg-color : var(--lubinik-theme-secondary-color); --lubinik-hero-button-outline-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-outline-border-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-outline-hover-bg-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-outline-hover-text-color : var(--lubinik-theme-secondary-color); --lubinik-hero-button-outline-hover-border-color : var(--lubinik-theme-secondary-color); --lubinik-hero-button-white-bg-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-white-text-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-button-white-border-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-button-white-hover-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-button-white-hover-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-button-white-hover-border-color : var(--lubinik-theme-primary-color); /******************************************************** /* Theme-Specific Variables for Hero Slider social */ /********************************************************/ --lubinik-hero-primary-social-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-secondary-social-bg-color : var(--lubinik-theme-primary-color); --lubinik-hero-primary-social-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-secondary-social-text-color : var(--lubinik-theme-tertiary-color); /* Hero Slider arrows */ --lubinik-hero-slider-prev-bg-color : var(--lubinik-shadow-color-darkest-05); --lubinik-hero-slider-prev-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-slider-prev-hover-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-slider-prev-hover-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-slider-prev-hover-border-color : var(--lubinik-theme-primary-color); --lubinik-hero-slider-next-bg-color : var(--lubinik-shadow-color-darkest-05); --lubinik-hero-slider-next-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-slider-next-hover-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-hero-slider-next-hover-text-color : var(--lubinik-theme-primary-color); --lubinik-hero-slider-next-hover-border-color : var(--lubinik-theme-primary-color); --lubinik-hero-slider-arrow-size: 50px; --lubinik-hero-slider-arrow-size-mobile: 40px; /* Hero Slider dots */ --lubinik-hero-slider-dot-size: 12px; --lubinik-hero-slider-dot-active-size: 12px; --lubinik-hero-slider-dot-active-color: var(--lubinik-theme-tertiary-color); --lubinik-hero-slider-dot-color: var(--lubinik-theme-primary-color); /* Hero Slider shadows & overlay */ --lubinik-hero-bottom-gradient-end: var(--lubinik-shadow-color-null); --lubinik-hero-top-gradient-middle: var(--lubinik-shadow-color-subtle); --lubinik-hero-bottom-gradient-middle: var(--lubinik-shadow-color-subtle); --lubinik-hero-top-gradient-end: var(--lubinik-shadow-color-dark); --lubinik-hero-bottom-gradient-start: var(--lubinik-shadow-color-darkest-05); --lubinik-hero-top-gradient-start: var(--lubinik-shadow-color-darkest-07); --lubinik-hero-slide-overlay-bg-color: var(--lubinik-shadow-color-darkest-05); --lubinik-hero-slide-content-bg-color: var(--lubinik-shadow-color-darker); --lubinik-hero-overlay-bg-color: var(--lubinik-shadow-color-subtle); /******************************************************** /* Theme-Specific Variables for footer */ /********************************************************/ --lubinik-footer-primary-bg-color : var(--lubinik-theme-secondary-color); --lubinik-footer-secondary-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-primary-shadow-color : var(--lubinik-shadow-color-light); --lubinik-footer-secondary-shadow-color : var(--lubinik-shadow-color-light); --lubinik-footer-primary-link-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-primary-link-hover-color : var(--lubinik-theme-primary-color); --lubinik-footer-secondary-link-color : var(--lubinik-theme-primary-color); --lubinik-footer-secondary-link-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-primary-text-color : var(--lubinik-theme-primary-color); --lubinik-footer-secondary-text-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-primary-heading-color : var(--lubinik-theme-primary-color); --lubinik-footer-secondary-heading-color : var(--lubinik-theme-secondary-color); --lubinik-footer-primary-border-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-secondary-border-color : var(--lubinik-theme-secondary-color); --lubinik-footer-primary-social-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-secondary-social-bg-color : var(--lubinik-theme-primary-color); --lubinik-footer-primary-social-text-color : var(--lubinik-theme-primary-color); --lubinik-footer-secondary-social-text-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-back-to-top-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-back-to-top-text-color : var(--lubinik-theme-primary-color); --lubinik-footer-back-to-top-hover-bg-color : var(--lubinik-theme-primary-color); --lubinik-footer-back-to-top-hover-text-color : var(--lubinik-theme-tertiary-color); --lubinik-footer-back-to-top-font-size : 1.25rem; /******************************************************** /* Theme-Specific Variables for button */ /********************************************************/ --lubinik-button-primary-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-button-primary-text-color : var(--lubinik-theme-primary-color); --lubinik-button-primary-hover-bg-color : var(--lubinik-theme-primary-color); --lubinik-button-primary-hover-text-color : var(--lubinik-theme-tertiary-color); --lubinik-button-primary-border-color : var(--lubinik-theme-primary-color); --lubinik-button-secondary-bg-color : var(--lubinik-theme-primary-color); --lubinik-button-secondary-text-color : var(--lubinik-theme-tertiary-color); --lubinik-button-secondary-hover-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-button-secondary-hover-text-color : var(--lubinik-theme-primary-color); --lubinik-button-primary-outline-bg-color : var(--lubinik-theme-primary-color); --lubinik-button-primary-outline-text-color : var(--lubinik-theme-tertiary-color); --lubinik-button-primary-outline-hover-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-button-primary-outline-hover-text-color : var(--lubinik-theme-primary-color); --lubinik-button-secondary-outline-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-button-secondary-outline-text-color : var(--lubinik-theme-primary-color); --lubinik-button-secondary-outline-hover-bg-color : var(--lubinik-theme-primary-color); --lubinik-button-secondary-outline-hover-text-color : var(--lubinik-theme-tertiary-color); --lubinik-button-white-bg-color : var(--lubinik-theme-primary-color); --lubinik-button-white-text-color : var(--lubinik-theme-tertiary-color); --lubinik-button-white-hover-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-button-white-hover-text-color : var(--lubinik-theme-primary-color); /******************************************************** /* Theme-Specific Variables for shortcode */ /********************************************************/ --lubinik-shortcode-primary-section-bg-color : var(--lubinik-theme-primary-color); --lubinik-shortcode-secondary-section-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-shortcode-tertiary-section-bg-color : var(--lubinik-theme-primary-color); --lubinik-shortcode-primary-section-text-color : var(--lubinik-theme-tertiary-color); --lubinik-shortcode-secondary-section-text-color : var(--lubinik-theme-primary-color); --lubinik-shortcode-tertiary-section-text-color : var(--lubinik-theme-tertiary-color); --lubinik-shortcode-primary-section-title-color : var(--lubinik-theme-tertiary-color); --lubinik-shortcode-secondary-section-title-color : var(--lubinik-theme-primary-color); --lubinik-shortcode-tertiary-section-title-color : var(--lubinik-theme-tertiary-color); --lubinik-shortcode-about-detail-bg-color :var(--lubinik-theme-secondary-color); --lubinik-shortcode-calendar-bg-color :var(--lubinik-theme-primary-color); --lubinik-shortcode-tab-bg-color :var(--lubinik-theme-primary-color); --lubinik-shortcode-tab-text-color :var(--lubinik-theme-tertiary-color); --lubinik-shortcode-tab-border-color :var(--lubinik-theme-tertiary-color); --lubinik-shortcode-tab-hover-bg-color :var(--lubinik-theme-secondary-color); --lubinik-shortcode-tab-hover-text-color :var(--lubinik-theme-primary-color); --lubinik-shortcode-active-tab-bg-color :var(--lubinik-theme-tertiary-color); --lubinik-shortcode-active-tab-text-color :var(--lubinik-theme-primary-color); --lubinik-shortcode-active-tab-border-color :var(--lubinik-theme-primary-color); --lubinik-shortcode-active-tab-hover-bg-color :var(--lubinik-theme-primary-color); --lubinik-shortcode-active-tab-hover-text-color :var(--lubinik-theme-tertiary-color); --lubinik-shortcode-distance-color :var(--lubinik-theme-tertiary-color); --lubinik-shortcode-distance-text-color :var(--lubinik-theme-primary-color); --lubinik-shortcode-attraction-title-color :var(--lubinik-theme-secondary-color); --lubinik-shortcode-attraction-title-hover-color :var(--lubinik-theme-tertiary-color); --lubinik-shortcode-attraction-description-color :var(--lubinik-theme-secondary-color); --lubinik-shortcode-attraction-link-color :var(--lubinik-theme-tertiary-color); --lubinik-shortcode-attraction-link-hover-color :var(--lubinik-theme-secondary-color); --lubinik-shortcode-attraction-text-color :var(--lubinik-theme-secondary-color); /******************************************************** /* Theme-Specific Variables for amenities */ /********************************************************/ --lubinik-amenities-primary-section-bg-color : var(--lubinik-theme-secondary-color); --lubinik-amenities-secondary-section-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-amenities-tertiary-section-bg-color : var(--lubinik-theme-primary-color); --lubinik-amenities-primary-section-text-color : var(--lubinik-theme-tertiary-color); --lubinik-amenities-secondary-section-text-color : var(--lubinik-theme-primary-color); --lubinik-amenities-tertiary-section-text-color : var(--lubinik-theme-tertiary-color); --lubinik-amenities-primary-section-title-color : var(--lubinik-theme-tertiary-color); --lubinik-amenities-secondary-section-title-color : var(--lubinik-theme-primary-color); --lubinik-amenities-tertiary-section-title-color : var(--lubinik-theme-tertiary-color); /***************************************** /* Theme-Specific Variables for cards */ /*****************************************/ --lubinik-card-primary-section-bg-color : var(--lubinik-theme-background-card-primary); --lubinik-card-secondary-section-bg-color : var(--lubinik-theme-background-card-secondary); --lubinik-card-tertiary-section-bg-color : var(--lubinik-theme-background-card-tertiary); --lubinik-card-primary-section-text-color : var(--lubinik-theme-primary-color); --lubinik-card-secondary-section-text-color : var(--lubinik-theme-secondary-color); --lubinik-card-tertiary-section-text-color : var(--lubinik-theme-tertiary-color); --lubinik-card-primary-section-description-color : var(--lubinik-theme-secondary-color); --lubinik-card-secondary-section-description-color : var(--lubinik-theme-secondary-color); --lubinik-card-tertiary-section-description-color : var(--lubinik-theme-tertiary-color); --lubinik-card-primary-section-title-color : var(--lubinik-theme-secondary-color); --lubinik-card-primary-section-title-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-card-secondary-section-title-color : var(--lubinik-theme-primary-color); --lubinik-card-secondary-section-title-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-card-tertiary-section-title-color : var(--lubinik-theme-tertiary-color); --lubinik-card-tertiary-section-title-hover-color : var(--lubinik-theme-primary-color); /***************************************** /* Theme-Specific Variables for gallery */ /*****************************************/ --lubinik-gallery-caption-bg-color : var(--lubinik-theme-secondary-color); --lubinik-gallery-caption-text-color : var(--lubinik-theme-primary-color); --lubinik-gallery-scrollbar-primary-color : var(--lubinik-theme-tertiary-color); --lubinik-gallery-scrollbar-secondary-color : var(--lubinik-theme-secondary-color); /***************************************** /* Theme-Specific Variables for map */ /*****************************************/ --lubinik-map-overlay-bg-color : var(--lubinik-theme-secondary-color); --lubinik-map-overlay-text-color : var(--lubinik-theme-primary-color); --lubinik-map-overlay-text-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-map-info-title-color : var(--lubinik-theme-secondary-color); --lubinik-map-info-address-color : var(--lubinik-theme-primary-color); --lubinik-map-info-link-color : var(--lubinik-theme-tertiary-color); /***************************************** /* Theme-Specific Variables for rss-events */ /*****************************************/ --lubinik-rss-events-section-bg-color : var(--lubinik-theme-primary-color); --lubinik-rss-events-section-bg-hover-color : var(--lubinik-theme-quinary-color); --lubinik-rss-events-section-border-color : var(--lubinik-theme-quaternary-color); --lubinik-rss-events-section-text-color : var(--lubinik-theme-secondary-color); --lubinik-rss-events-section-title-color : var(--lubinik-theme-tertiary-color); --lubinik-rss-events-section-title-hover-color : var(--lubinik-theme-secondary-color); --lubinik-rss-events-section-text-muted-color : var(--lubinik-theme-quaternary-color); --lubinik-rss-events-item-border : var(--lubinik-theme-quaternary-color); /***************************************** /* Theme-Specific Variables for testimonials */ /*****************************************/ --lubinik-testimonials-section-max-width : 900px; --lubinik-testimonials-section-bg-color : var(--lubinik-theme-primary-color); --lubinik-testimonials-section-bg-before-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-section-bg-after-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-section-bg-hover-color : var(--lubinik-theme-quinary-color); --lubinik-testimonials-single-section-bg-color : var(--lubinik-theme-quinary-color); --lubinik-testimonials-single-section-bg-before-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-single-section-bg-after-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-single-section-bg-hover-color : var(--lubinik-theme-quinary-color); --lubinik-testimonials-section-border-color : var(--lubinik-theme-quaternary-color); --lubinik-testimonials-section-text-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-section-title-color : var(--lubinik-theme-tertiary-color); --lubinik-testimonials-section-title-after-color : var(--lubinik-theme-tertiary-color); --lubinik-testimonials-section-title-hover-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-section-text-muted-color : var(--lubinik-theme-quaternary-color); --lubinik-testimonials-stars-color : var(--lubinik-theme-quaternary-color); --lubinik-testimonials-stars-color-filled : var(--lubinik-theme-tertiary-color); --lubinik-testimonials-image-border : var(--lubinik-theme-quaternary-color); --lubinik-testimonials-author-name-color : var(--lubinik-theme-tertiary-color); --lubinik-testimonials-author-location-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-item-border : var(--lubinik-theme-quaternary-color); --lubinik-testimonials-arrow-color : var(--lubinik-theme-secondary-color); --lubinik-testimonials-arrow-hover-color : var(--lubinik-theme-tertiary-color); --lubinik-testimonials-arrow-bg-color : var(--lubinik-theme-primary-color); --lubinik-testimonials-arrow-height : 40px; --lubinik-testimonials-arrow-width : 40px; --lubinik-testimonials-content-bg-color : var(--lubinik-theme-primary-color); /***************************************** /* Theme-Specific Variables for blog posts */ /*****************************************/ --lubinik-blog-posts-section-bg-color : var(--lubinik-theme-primary-color); --lubinik-blog-posts-section-bg-hover-color : var(--lubinik-theme-quinary-color); --lubinik-blog-posts-section-border-color : var(--lubinik-theme-quaternary-color); --lubinik-blog-posts-section-text-color : var(--lubinik-theme-secondary-color); --lubinik-blog-posts-section-title-color : var(--lubinik-theme-tertiary-color); --lubinik-blog-posts-section-title-hover-color : var(--lubinik-theme-secondary-color); --lubinik-blog-posts-section-text-muted-color : var(--lubinik-theme-quaternary-color); --lubinik-blog-posts-section-title-after-color : var(--lubinik-theme-tertiary-color); --lubinik-blog-posts-item-border : var(--lubinik-theme-quaternary-color); --lubinik-blog-posts-section-card-bg-color : var(--lubinik-theme-background-card-secondary); --lubinik-blog-posts-section-card-text-color : var(--lubinik-theme-secondary-color); --lubinik-blog-posts-section-card-text-muted-color : var(--lubinik-theme-quaternary-color); --lubinik-blog-posts-section-card-title-color : var(--lubinik-theme-tertiary-color); --lubinik-blog-posts-section-card-title-hover-color : var(--lubinik-theme-secondary-color); --lubinik-blog-posts-section-card-link-color : var(--lubinik-theme-tertiary-color); --lubinik-blog-posts-section-card-link-hover-color : var(--lubinik-theme-secondary-color); --lubinik-blog-posts-section-card-icon-color : var(--lubinik-theme-tertiary-color); --lubinik-blog-posts-section-card-read-more-color : var(--lubinik-theme-tertiary-color); --lubinik-blog-posts-section-card-read-more-hover-color : var(--lubinik-theme-secondary-color); /***************************************** /* Theme-Specific Variables single page */ /*****************************************/ --lubinik-single-page-post-navigation-bg-color : var(--lubinik-theme-tertiary-color); --lubinik-single-page-post-navigation-bg-hover-color : var(--lubinik-theme-secondary-color); --lubinik-single-page-post-navigation-text-color : var(--lubinik-theme-secondary-color); --lubinik-single-page-post-navigation-border-color : var(--lubinik-theme-primary-color); --lubinik-single-page-post-navigation-text-muted-color : var(--lubinik-theme-primary-color); --lubinik-single-page-post-navigation-title-color : var(--lubinik-theme-primary-color); --lubinik-single-page-post-navigation-title-hover-color : var(--lubinik-theme-secondary-color); --lubinik-single-page-post-navigation-link-color : var(--lubinik-theme-tertiary-color); --lubinik-single-page-post-navigation-link-hover-color : var(--lubinik-theme-secondary-color); --lubinik-single-page-post-navigation-icon-color : var(--lubinik-theme-tertiary-color); --lubinik-single-page-post-navigation-read-more-color : var(--lubinik-theme-tertiary-color); --lubinik-single-page-post-navigation-read-more-hover-color : var(--lubinik-theme-secondary-color); /***************************************** /* Theme Specific Variables for tabs */ /*****************************************/ --lubinik-theme-tab-nav-border-color: var(--lubinik-theme-quaternary-color); --lubinik-theme-tab-nav-content-border-color: var(--lubinik-theme-quaternary-color); --lubinik-theme-tab-nav-color: var(--lubinik-theme-quaternary-color); --lubinik-theme-tab-nav-text-color: var(--lubinik-theme-primary-color); --lubinik-theme-tab-nav-active-color: var(--lubinik-theme-tertiary-color); --lubinik-theme-tab-nav-active-text-color: var(--lubinik-theme-primary-color); --lubinik-theme-tab-nav-hover-color: var(--lubinik-theme-secondary-color); --lubinik-theme-tab-nav-hover-text-color: var(--lubinik-theme-primary-color); --lubinik-theme-tab-nav-heading-color: var(--lubinik-theme-secondary-color); --lubinik-theme-tab-nav-img-bg-color: var(--lubinik-theme-quaternary-color); --lubinik-theme-tab-nav-logo-bg-color: var(--lubinik-theme-tertiary-color); --lubinik-theme-tab-nav-logo-text-color: var(--lubinik-theme-primary-color); /***************************************** /* Theme Specific Variables for faqs */ /*****************************************/ --lubinik-theme-faq-title-color : var(--lubinik-theme-secondary-color); --lubinik-theme-faq-title-hover-color : var(--lubinik-theme-quinary-color); --lubinik-theme-faq-font-family : var(--lubinik-font-family-secondary); } /* Higher specificity selector to override plugin variables */ /* Basic Reset */ * { margin: 0; padding: 0; box-sizing: border-box; }