/** * Lubinik Plugin - CSS Variables * * This file contains all CSS variables used throughout the plugin's frontend. * These variables ensure consistent styling and easy customization. * * IMPORTANT: These variables are aligned with the Lubinik theme variables. * The theme variables take precedence over plugin variables. */ :root { --lubinik-white-color: #ffffff; --lubinik-container-width: 1200px; --lubinik-container-width-lg: 1600px; /*************************************************** /* Plugin-Specific Variables for services*/ /**************************************************/ --lubinik-plugin-services-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-services-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-services-check-icon-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-services-title-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-services-title-after-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-services-link-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-services-link-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-services-card-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-services-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-services-icon-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-services-font-size: var(--lubinik-font-size-md); --lubinik-plugin-services-icon-size: var(--lubinik-font-size-md); /*************************************************** /* Plugin-Specific Variables for list-grid*/ /**************************************************/ --lubinik-plugin-list-grid-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-grid-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-grid-title-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-grid-title-after-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-grid-subtitle-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-grid-skills-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-grid-skills-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-grid-skills-tag-bg-primary-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-grid-skills-tag-text-primary-color: var(--lubinik-white-color); --lubinik-plugin-list-grid-skills-tag-bg-secondary-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-grid-skills-tag-text-secondary-color: var(--lubinik-white-color); --lubinik-plugin-list-grid-view-detail-text-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-grid-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-grid-link-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-grid-link-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-grid-card-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-grid-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-grid-icon-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-grid-font-size: var(--lubinik-font-size-md); --lubinik-plugin-list-grid-icon-size: var(--lubinik-font-size-md); --lubinik-plugin-list-grid-no-image-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-grid-no-image-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-grid-type-bg-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-grid-type-text-color: var(--lubinik-white-color); --lubinik-plugin-list-grid-type-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-grid-footer-bg-color: var(--lubinik-plugin-secondary-color); /*************************************************** /* Plugin-Specific Variables for list-masonry*/ /**************************************************/ --lubinik-plugin-list-masonry-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-masonry-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-masonry-title-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-masonry-title-after-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-masonry-subtitle-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-masonry-skills-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-masonry-skills-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-masonry-skills-tag-bg-primary-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-masonry-skills-tag-text-primary-color: var(--lubinik-white-color); --lubinik-plugin-list-masonry-skills-tag-bg-secondary-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-masonry-skills-tag-text-secondary-color: var(--lubinik-white-color); --lubinik-plugin-list-masonry-view-detail-text-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-masonry-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-masonry-link-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-masonry-link-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-masonry-card-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-masonry-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-masonry-shadow-color: var(--lubinik-shadow-color-medium); --lubinik-plugin-list-masonry-shadow-hover-color: var(--lubinik-shadow-color-dark); --lubinik-plugin-list-masonry-icon-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-masonry-font-size: var(--lubinik-font-size-md); --lubinik-plugin-list-masonry-icon-size: var(--lubinik-font-size-md); --lubinik-plugin-list-masonry-no-image-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-masonry-no-image-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-masonry-type-bg-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-masonry-type-text-color: var(--lubinik-white-color); --lubinik-plugin-list-masonry-type-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-masonry-overlay-bg-color: rgba(0, 0, 0, 0.5); --lubinik-plugin-list-masonry-overlay-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-masonry-footer-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-masonry-footer-border-color: var(--lubinik-plugin-secondary-color); /*************************************************** /* Plugin-Specific Variables for list-magazine*/ /**************************************************/ --lubinik-plugin-list-magazine-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-magazine-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-title-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-title-after-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-subtitle-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-skills-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-skills-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-magazine-skills-tag-bg-primary-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-skills-tag-text-primary-color: var(--lubinik-white-color); --lubinik-plugin-list-magazine-skills-tag-bg-secondary-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-skills-tag-text-secondary-color: var(--lubinik-white-color); --lubinik-plugin-list-magazine-view-detail-text-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-link-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-link-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-card-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-magazine-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-magazine-shadow-color: var(--lubinik-shadow-color-medium); --lubinik-plugin-list-magazine-shadow-hover-color: var(--lubinik-shadow-color-dark); --lubinik-plugin-list-magazine-icon-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-font-size: var(--lubinik-font-size-md); --lubinik-plugin-list-magazine-icon-size: var(--lubinik-font-size-md); --lubinik-plugin-list-magazine-no-image-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-no-image-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-magazine-type-bg-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-type-text-color: var(--lubinik-white-color); --lubinik-plugin-list-magazine-type-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-magazine-price-bg-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-price-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-magazine-filter-bg-color: var(--lubinik-plugin-quinary-color); --lubinik-plugin-list-magazine-filter-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-filter-active-bg-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-magazine-filter-active-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-magazine-excerpt-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-magazine-footer-border-color: var(--lubinik-plugin-primary-color); /*************************************************** /* Plugin-Specific Variables for list-slider*/ /**************************************************/ --lubinik-plugin-list-slider-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-slider-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-text-more-color: var(--lubinik-white-color); --lubinik-plugin-list-slider-title-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-title-after-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-subtitle-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-skills-text-color: var(--lubinik-white-color); --lubinik-plugin-list-slider-skills-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-skills-tag-bg-primary-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-skills-tag-text-primary-color: var(--lubinik-white-color); --lubinik-plugin-list-slider-skills-tag-bg-secondary-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-skills-tag-text-secondary-color: var(--lubinik-white-color); --lubinik-plugin-list-slider-view-detail-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-view-detail-text-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-view-detail-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-view-detail-bg-hover-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-view-detail-border-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-link-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-link-hover-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-card-bg-color: var(--lubinik-plugin-background-card-primary); --lubinik-plugin-list-slider-border-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-shadow-color: var(--lubinik-shadow-color-medium); --lubinik-plugin-list-slider-shadow-hover-color: var(--lubinik-shadow-color-dark); --lubinik-plugin-list-slider-icon-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-font-size: var(--lubinik-font-size-md); --lubinik-plugin-list-slider-icon-size: var(--lubinik-font-size-md); --lubinik-plugin-list-slider-no-image-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-no-image-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-type-bg-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-type-text-color: var(--lubinik-white-color); --lubinik-plugin-list-slider-type-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-slider-price-bg-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-price-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-filter-bg-color: var(--lubinik-plugin-quinary-color); --lubinik-plugin-list-slider-filter-text-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-filter-border-color: var(--lubinik-plugin-quaternary-color); --lubinik-plugin-list-slider-filter-focus-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-nav-bg-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-nav-text-color: var(--lubinik-white-color); --lubinik-plugin-list-slider-nav-hover-bg-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-nav-hover-text-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-dot-bg-color: var(--lubinik-plugin-primary-color); --lubinik-plugin-list-slider-dot-active-bg-color: var(--lubinik-plugin-tertiary-color); --lubinik-plugin-list-slider-excerpt-color: var(--lubinik-plugin-secondary-color); --lubinik-plugin-list-slider-footer-border-color: var(--lubinik-plugin-quinary-color); /******************************************************** /* Theme-Specific Variables for attraction */ /********************************************************/ --lubinik-attraction-primary-section-bg-color : var(--lubinik-plugin-primary-color); --lubinik-attraction-secondary-section-bg-color : var(--lubinik-plugin-tertiary-color); --lubinik-attraction-tertiary-section-bg-color : var(--lubinik-plugin-primary-color); --lubinik-attraction-primary-section-text-color : var(--lubinik-plugin-tertiary-color); --lubinik-attraction-secondary-section-text-color : var(--lubinik-plugin-primary-color); --lubinik-attraction-tertiary-section-text-color : var(--lubinik-plugin-tertiary-color); --lubinik-attraction-primary-section-title-color : var(--lubinik-plugin-tertiary-color); --lubinik-attraction-secondary-section-title-color : var(--lubinik-plugin-primary-color); --lubinik-attraction-tertiary-section-title-color : var(--lubinik-plugin-tertiary-color); --lubinik-attraction-about-detail-bg-color :var(--lubinik-plugin-secondary-color); --lubinik-attraction-calendar-bg-color :var(--lubinik-plugin-primary-color); --lubinik-attraction-tab-bg-color :var(--lubinik-plugin-primary-color); --lubinik-attraction-tab-text-color :var(--lubinik-plugin-tertiary-color); --lubinik-attraction-tab-border-color :var(--lubinik-plugin-tertiary-color); --lubinik-attraction-tab-hover-bg-color :var(--lubinik-plugin-secondary-color); --lubinik-attraction-tab-hover-text-color :var(--lubinik-plugin-primary-color); --lubinik-attraction-active-tab-bg-color :var(--lubinik-plugin-tertiary-color); --lubinik-attraction-active-tab-text-color :var(--lubinik-plugin-primary-color); --lubinik-attraction-active-tab-border-color :var(--lubinik-plugin-primary-color); --lubinik-attraction-active-tab-hover-bg-color :var(--lubinik-plugin-primary-color); --lubinik-attraction-active-tab-hover-text-color :var(--lubinik-plugin-tertiary-color); --lubinik-attraction-distance-color :var(--lubinik-plugin-tertiary-color); --lubinik-attraction-distance-text-color :var(--lubinik-plugin-primary-color); --lubinik-attraction-title-color :var(--lubinik-plugin-secondary-color); --lubinik-attraction-title-hover-color :var(--lubinik-plugin-tertiary-color); --lubinik-attraction-description-color :var(--lubinik-plugin-secondary-color); --lubinik-attraction-link-color :var(--lubinik-plugin-tertiary-color); --lubinik-attraction-link-hover-color :var(--lubinik-plugin-secondary-color); --lubinik-attraction-attraction-text-color :var(--lubinik-plugin-secondary-color); /***************************************** /* Theme-Specific Variables for food */ /*****************************************/ --lubinik-food-title-color :var(--lubinik-plugin-secondary-color); --lubinik-food-title-hover-color :var(--lubinik-plugin-tertiary-color); --lubinik-food-heading-color :var(--lubinik-plugin-secondary-color); --lubinik-food-description-color :var(--lubinik-plugin-secondary-color); --lubinik-food-link-color :var(--lubinik-plugin-tertiary-color); --lubinik-food-link-hover-color :var(--lubinik-plugin-secondary-color); --lubinik-food-attraction-text-color :var(--lubinik-plugin-secondary-color); --lubinik-food-bg-color :var(--lubinik-plugin-primary-color); --lubinik-food-sidebar-bg-color :var(--lubinik-plugin-primary-color); /***************************************** /* Theme-Specific Variables single page */ /*****************************************/ --lubinik-single-page-post-navigation-bg-color : var(--lubinik-plugin-tertiary-color); --lubinik-single-page-post-navigation-bg-hover-color : var(--lubinik-plugin-secondary-color); --lubinik-single-page-post-navigation-text-color : var(--lubinik-plugin-secondary-color); --lubinik-single-page-post-navigation-border-color : var(--lubinik-plugin-primary-color); --lubinik-single-page-post-navigation-text-muted-color : var(--lubinik-plugin-primary-color); --lubinik-single-page-post-navigation-title-color : var(--lubinik-plugin-primary-color); --lubinik-single-page-post-navigation-title-hover-color : var(--lubinik-plugin-secondary-color); --lubinik-single-page-post-navigation-link-color : var(--lubinik-plugin-tertiary-color); --lubinik-single-page-post-navigation-link-hover-color : var(--lubinik-plugin-secondary-color); --lubinik-single-page-post-navigation-icon-color : var(--lubinik-plugin-tertiary-color); --lubinik-single-page-post-navigation-read-more-color : var(--lubinik-plugin-tertiary-color); --lubinik-single-page-post-navigation-read-more-hover-color : var(--lubinik-plugin-secondary-color); } .lubinik_freelance-container { width: 100%; max-width: 80%; margin: 0 auto; }