/** * Classified Platform - Generated Design CSS * * This file is automatically generated from Elementor Global Design settings. * Manual edits to this file will be overwritten when the generator is run. * * Generated by: NativeDesignSystemService * Related Tasks: 500.03, 500.04-500.08, 500.09, 500.10, 500.18, 500.21, 500.32 * Source: Elementor active kit settings and Classified semantic design mappings * Generated At: 2026-07-10 09:45:34 UTC */ /* ========================================================== Global Design Variables Derived from Elementor Global Design settings and semantic defaults. ========================================================== */ :root { --cls-colour-primary: #522E91; --cls-colour-secondary: #584473; --cls-colour-text: #464646; --cls-colour-accent: #9D6DBC; --cls-colour-background: #F8F5FA; --cls-colour-surface: #FFFFFF; --cls-colour-border: #EDE1F5; --cls-colour-heading: #584473; --cls-colour-link: #522E91; --cls-colour-link-hover: #9D6DBC; --cls-colour-success: #529214; --cls-colour-warning: #CC6600; --cls-colour-error: #FF0000; --cls-colour-information: #EDE1F5; --cls-colour-info: #EDE1F5; --cls-colour-surface-border: #EDE1F5; --cls-colour-surface-soft: #F8F5FA; --cls-colour-brand-text: #2A0076; --cls-colour-active-accent: #8A56AD; --cls-colour-surface-white: #FFFFFF; --cls-colour-surface-grey: #D2D2D2; --cls-colour-surface-black: #000000; --cls-color-primary: #522E91; --cls-color-secondary: #584473; --cls-color-text: #464646; --cls-color-background: #F8F5FA; --cls-color-surface: #FFFFFF; --cls-color-surface-muted: #F8F5FA; --cls-color-border: #EDE1F5; --cls-color-link: #522E91; --cls-color-muted: #464646; --cls-color-information: #EDE1F5; --cls-color-info: #EDE1F5; --cls-font-body-family: Inter, Sans-serif; --cls-font-body-weight: 400; --cls-font-body-size: 1em; --cls-font-body-size-tablet: 1em; --cls-font-body-size-mobile: 1em; --cls-font-body-line-height: 1.5em; --cls-font-body-line-height-tablet: 1.5em; --cls-font-body-line-height-mobile: 1.5em; --cls-font-body-letter-spacing: normal; --cls-font-body-word-spacing: normal; --cls-font-body-transform: none; --cls-font-body-style: normal; --cls-font-body-decoration: none; --cls-font-body-strong-weight: 600; --cls-font-heading-family: Inter, Sans-serif; --cls-font-heading-weight: 700; --cls-font-heading-line-height: 1.25em; --cls-font-heading-letter-spacing: normal; --cls-font-heading-word-spacing: normal; --cls-font-heading-transform: none; --cls-font-heading-style: normal; --cls-font-heading-decoration: none; --cls-font-accent-family: Inter, Sans-serif; --cls-font-accent-weight: 400; --cls-font-accent-size: 1em; --cls-font-accent-line-height: 1.5em; --cls-font-base-size: 1em; --cls-font-base-size-tablet: 1em; --cls-font-base-size-mobile: 1em; --cls-line-height: 1.5em; --cls-line-height-tablet: 1.5em; --cls-line-height-mobile: 1.5em; --cls-paragraph-spacing: 1rem; --cls-font-small-size: 0.875rem; --cls-font-meta-size: 0.85rem; --cls-font-lede-size: 1.02rem; --cls-font-ui-size: 0.92rem; --cls-font-ui-weight: 500; --cls-font-ui-strong-weight: 600; --cls-font-h1-family: Inter, Sans-serif; --cls-font-h1-weight: 700; --cls-font-h1-size: 9.5em; --cls-font-h1-line-height: 1.25em; --cls-font-h1-letter-spacing: normal; --cls-font-h1-word-spacing: normal; --cls-font-h1-transform: none; --cls-font-h1-style: normal; --cls-font-h1-decoration: none; --cls-font-h1-colour: #522E91; --cls-font-h1-size-tablet: 9.5em; --cls-font-h1-size-mobile: 9.5em; --cls-font-h1-line-height-tablet: 1.25em; --cls-font-h1-line-height-mobile: 1.2em; --cls-font-h2-family: Inter, Sans-serif; --cls-font-h2-weight: 700; --cls-font-h2-size: 4em; --cls-font-h2-line-height: 1.3em; --cls-font-h2-letter-spacing: normal; --cls-font-h2-word-spacing: normal; --cls-font-h2-transform: none; --cls-font-h2-style: normal; --cls-font-h2-decoration: none; --cls-font-h2-colour: #584473; --cls-font-h2-size-tablet: 4em; --cls-font-h2-size-mobile: 4em; --cls-font-h2-line-height-tablet: 1.3em; --cls-font-h2-line-height-mobile: 1.2em; --cls-font-h3-family: Inter, Sans-serif; --cls-font-h3-weight: 700; --cls-font-h3-size: 3em; --cls-font-h3-line-height: 1.4em; --cls-font-h3-letter-spacing: normal; --cls-font-h3-word-spacing: normal; --cls-font-h3-transform: none; --cls-font-h3-style: italic; --cls-font-h3-decoration: none; --cls-font-h3-colour: #584473; --cls-font-h3-size-tablet: 3em; --cls-font-h3-size-mobile: 3em; --cls-font-h3-line-height-tablet: 1.4em; --cls-font-h3-line-height-mobile: 1.4em; --cls-font-h4-family: Inter, Sans-serif; --cls-font-h4-weight: 700; --cls-font-h4-size: 2em; --cls-font-h4-line-height: 1.5em; --cls-font-h4-letter-spacing: normal; --cls-font-h4-word-spacing: normal; --cls-font-h4-transform: none; --cls-font-h4-style: italic; --cls-font-h4-decoration: none; --cls-font-h4-colour: #2A0076; --cls-font-h4-size-tablet: 2em; --cls-font-h4-size-mobile: 2em; --cls-font-h4-line-height-tablet: 1.5em; --cls-font-h4-line-height-mobile: 1.5em; --cls-font-h5-family: Inter, Sans-serif; --cls-font-h5-weight: 600; --cls-font-h5-size: 1.25em; --cls-font-h5-line-height: 1.6em; --cls-font-h5-letter-spacing: normal; --cls-font-h5-word-spacing: normal; --cls-font-h5-transform: none; --cls-font-h5-style: italic; --cls-font-h5-decoration: none; --cls-font-h5-colour: #2A0076; --cls-font-h5-size-tablet: 1.25em; --cls-font-h5-size-mobile: 1.25em; --cls-font-h5-line-height-tablet: 1.6em; --cls-font-h5-line-height-mobile: 1.6em; --cls-font-h6-family: Inter, Sans-serif; --cls-font-h6-weight: 600; --cls-font-h6-size: 1em; --cls-font-h6-line-height: 1.5em; --cls-font-h6-letter-spacing: normal; --cls-font-h6-word-spacing: normal; --cls-font-h6-transform: none; --cls-font-h6-style: italic; --cls-font-h6-decoration: none; --cls-font-h6-colour: #2A0076; --cls-font-h6-size-tablet: 1em; --cls-font-h6-size-mobile: 1em; --cls-font-h6-line-height-tablet: 1.5em; --cls-font-h6-line-height-mobile: 1.5em; --cls-layout-page-title-font-family: var(--cls-font-h3-family, var(--cls-font-heading-family)); --cls-layout-page-title-font-size: var(--cls-font-h3-size, var(--cls-font-base-size)); --cls-layout-page-title-font-weight: var(--cls-font-h3-weight, var(--cls-font-heading-weight)); --cls-layout-page-title-line-height: var(--cls-font-h3-line-height, var(--cls-font-heading-line-height)); --cls-layout-page-title-letter-spacing: var(--cls-font-h3-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-page-title-text-transform: var(--cls-font-h3-transform, var(--cls-font-heading-transform)); --cls-layout-page-title-font-style: var(--cls-font-h3-style, var(--cls-font-heading-style)); --cls-layout-page-title-text-decoration: var(--cls-font-h3-decoration, var(--cls-font-heading-decoration)); --cls-layout-page-title-colour: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-page-title-color: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-page-subtitle-font-family: var(--cls-font-body-family); --cls-layout-page-subtitle-font-size: var(--cls-font-lede-size, var(--cls-font-base-size)); --cls-layout-page-subtitle-font-weight: var(--cls-font-body-weight); --cls-layout-page-subtitle-line-height: var(--cls-line-height); --cls-layout-page-subtitle-letter-spacing: var(--cls-font-body-letter-spacing); --cls-layout-page-subtitle-text-transform: var(--cls-font-body-transform); --cls-layout-page-subtitle-font-style: var(--cls-font-body-style); --cls-layout-page-subtitle-text-decoration: var(--cls-font-body-decoration); --cls-layout-page-subtitle-colour: var(--cls-colour-text); --cls-layout-page-subtitle-color: var(--cls-colour-text); --cls-layout-section-heading-font-family: var(--cls-font-h3-family, var(--cls-font-heading-family)); --cls-layout-section-heading-font-size: var(--cls-font-h3-size, var(--cls-font-base-size)); --cls-layout-section-heading-font-weight: var(--cls-font-h3-weight, var(--cls-font-heading-weight)); --cls-layout-section-heading-line-height: var(--cls-font-h3-line-height, var(--cls-font-heading-line-height)); --cls-layout-section-heading-letter-spacing: var(--cls-font-h3-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-section-heading-text-transform: var(--cls-font-h3-transform, var(--cls-font-heading-transform)); --cls-layout-section-heading-font-style: var(--cls-font-h3-style, var(--cls-font-heading-style)); --cls-layout-section-heading-text-decoration: var(--cls-font-h3-decoration, var(--cls-font-heading-decoration)); --cls-layout-section-heading-colour: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-section-heading-color: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-card-heading-font-family: var(--cls-font-h5-family, var(--cls-font-heading-family)); --cls-layout-card-heading-font-size: var(--cls-font-h5-size, var(--cls-font-base-size)); --cls-layout-card-heading-font-weight: var(--cls-font-h5-weight, var(--cls-font-heading-weight)); --cls-layout-card-heading-line-height: var(--cls-font-h5-line-height, var(--cls-font-heading-line-height)); --cls-layout-card-heading-letter-spacing: var(--cls-font-h5-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-card-heading-text-transform: var(--cls-font-h5-transform, var(--cls-font-heading-transform)); --cls-layout-card-heading-font-style: var(--cls-font-h5-style, var(--cls-font-heading-style)); --cls-layout-card-heading-text-decoration: var(--cls-font-h5-decoration, var(--cls-font-heading-decoration)); --cls-layout-card-heading-colour: var(--cls-font-h5-colour, var(--cls-colour-heading)); --cls-layout-card-heading-color: var(--cls-font-h5-colour, var(--cls-colour-heading)); --cls-layout-card-subtitle-font-family: var(--cls-font-body-family); --cls-layout-card-subtitle-font-size: var(--cls-font-lede-size, var(--cls-font-base-size)); --cls-layout-card-subtitle-font-weight: var(--cls-font-body-weight); --cls-layout-card-subtitle-line-height: var(--cls-line-height); --cls-layout-card-subtitle-letter-spacing: var(--cls-font-body-letter-spacing); --cls-layout-card-subtitle-text-transform: var(--cls-font-body-transform); --cls-layout-card-subtitle-font-style: var(--cls-font-body-style); --cls-layout-card-subtitle-text-decoration: var(--cls-font-body-decoration); --cls-layout-card-subtitle-colour: var(--cls-colour-text); --cls-layout-card-subtitle-color: var(--cls-colour-text); --cls-layout-form-section-heading-font-family: var(--cls-font-h3-family, var(--cls-font-heading-family)); --cls-layout-form-section-heading-font-size: var(--cls-font-h3-size, var(--cls-font-base-size)); --cls-layout-form-section-heading-font-weight: var(--cls-font-h3-weight, var(--cls-font-heading-weight)); --cls-layout-form-section-heading-line-height: var(--cls-font-h3-line-height, var(--cls-font-heading-line-height)); --cls-layout-form-section-heading-letter-spacing: var(--cls-font-h3-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-form-section-heading-text-transform: var(--cls-font-h3-transform, var(--cls-font-heading-transform)); --cls-layout-form-section-heading-font-style: var(--cls-font-h3-style, var(--cls-font-heading-style)); --cls-layout-form-section-heading-text-decoration: var(--cls-font-h3-decoration, var(--cls-font-heading-decoration)); --cls-layout-form-section-heading-colour: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-form-section-heading-color: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-listing-card-title-font-family: var(--cls-font-h5-family, var(--cls-font-heading-family)); --cls-layout-listing-card-title-font-size: var(--cls-font-h5-size, var(--cls-font-base-size)); --cls-layout-listing-card-title-font-weight: var(--cls-font-h5-weight, var(--cls-font-heading-weight)); --cls-layout-listing-card-title-line-height: var(--cls-font-h5-line-height, var(--cls-font-heading-line-height)); --cls-layout-listing-card-title-letter-spacing: var(--cls-font-h5-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-listing-card-title-text-transform: var(--cls-font-h5-transform, var(--cls-font-heading-transform)); --cls-layout-listing-card-title-font-style: var(--cls-font-h5-style, var(--cls-font-heading-style)); --cls-layout-listing-card-title-text-decoration: var(--cls-font-h5-decoration, var(--cls-font-heading-decoration)); --cls-layout-listing-card-title-colour: var(--cls-font-h5-colour, var(--cls-colour-heading)); --cls-layout-listing-card-title-color: var(--cls-font-h5-colour, var(--cls-colour-heading)); --cls-layout-listing-preview-title-font-family: var(--cls-font-h4-family, var(--cls-font-heading-family)); --cls-layout-listing-preview-title-font-size: var(--cls-font-h4-size, var(--cls-font-base-size)); --cls-layout-listing-preview-title-font-weight: var(--cls-font-h4-weight, var(--cls-font-heading-weight)); --cls-layout-listing-preview-title-line-height: var(--cls-font-h4-line-height, var(--cls-font-heading-line-height)); --cls-layout-listing-preview-title-letter-spacing: var(--cls-font-h4-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-listing-preview-title-text-transform: var(--cls-font-h4-transform, var(--cls-font-heading-transform)); --cls-layout-listing-preview-title-font-style: var(--cls-font-h4-style, var(--cls-font-heading-style)); --cls-layout-listing-preview-title-text-decoration: var(--cls-font-h4-decoration, var(--cls-font-heading-decoration)); --cls-layout-listing-preview-title-colour: var(--cls-font-h4-colour, var(--cls-colour-heading)); --cls-layout-listing-preview-title-color: var(--cls-font-h4-colour, var(--cls-colour-heading)); --cls-layout-empty-state-title-font-family: var(--cls-font-h3-family, var(--cls-font-heading-family)); --cls-layout-empty-state-title-font-size: var(--cls-font-h3-size, var(--cls-font-base-size)); --cls-layout-empty-state-title-font-weight: var(--cls-font-h3-weight, var(--cls-font-heading-weight)); --cls-layout-empty-state-title-line-height: var(--cls-font-h3-line-height, var(--cls-font-heading-line-height)); --cls-layout-empty-state-title-letter-spacing: var(--cls-font-h3-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-empty-state-title-text-transform: var(--cls-font-h3-transform, var(--cls-font-heading-transform)); --cls-layout-empty-state-title-font-style: var(--cls-font-h3-style, var(--cls-font-heading-style)); --cls-layout-empty-state-title-text-decoration: var(--cls-font-h3-decoration, var(--cls-font-heading-decoration)); --cls-layout-empty-state-title-colour: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-empty-state-title-color: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-dashboard-widget-title-font-family: var(--cls-font-h3-family, var(--cls-font-heading-family)); --cls-layout-dashboard-widget-title-font-size: var(--cls-font-h3-size, var(--cls-font-base-size)); --cls-layout-dashboard-widget-title-font-weight: var(--cls-font-h3-weight, var(--cls-font-heading-weight)); --cls-layout-dashboard-widget-title-line-height: var(--cls-font-h3-line-height, var(--cls-font-heading-line-height)); --cls-layout-dashboard-widget-title-letter-spacing: var(--cls-font-h3-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-dashboard-widget-title-text-transform: var(--cls-font-h3-transform, var(--cls-font-heading-transform)); --cls-layout-dashboard-widget-title-font-style: var(--cls-font-h3-style, var(--cls-font-heading-style)); --cls-layout-dashboard-widget-title-text-decoration: var(--cls-font-h3-decoration, var(--cls-font-heading-decoration)); --cls-layout-dashboard-widget-title-colour: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-dashboard-widget-title-color: var(--cls-font-h3-colour, var(--cls-colour-heading)); --cls-layout-account-navigation-title-font-family: var(--cls-font-h4-family, var(--cls-font-heading-family)); --cls-layout-account-navigation-title-font-size: var(--cls-font-h4-size, var(--cls-font-base-size)); --cls-layout-account-navigation-title-font-weight: var(--cls-font-h4-weight, var(--cls-font-heading-weight)); --cls-layout-account-navigation-title-line-height: var(--cls-font-h4-line-height, var(--cls-font-heading-line-height)); --cls-layout-account-navigation-title-letter-spacing: var(--cls-font-h4-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-account-navigation-title-text-transform: var(--cls-font-h4-transform, var(--cls-font-heading-transform)); --cls-layout-account-navigation-title-font-style: var(--cls-font-h4-style, var(--cls-font-heading-style)); --cls-layout-account-navigation-title-text-decoration: var(--cls-font-h4-decoration, var(--cls-font-heading-decoration)); --cls-layout-account-navigation-title-colour: var(--cls-font-h4-colour, var(--cls-colour-heading)); --cls-layout-account-navigation-title-color: var(--cls-font-h4-colour, var(--cls-colour-heading)); --cls-layout-admin-page-title-font-family: var(--cls-font-h1-family, var(--cls-font-heading-family)); --cls-layout-admin-page-title-font-size: var(--cls-font-h1-size, var(--cls-font-base-size)); --cls-layout-admin-page-title-font-weight: var(--cls-font-h1-weight, var(--cls-font-heading-weight)); --cls-layout-admin-page-title-line-height: var(--cls-font-h1-line-height, var(--cls-font-heading-line-height)); --cls-layout-admin-page-title-letter-spacing: var(--cls-font-h1-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-admin-page-title-text-transform: var(--cls-font-h1-transform, var(--cls-font-heading-transform)); --cls-layout-admin-page-title-font-style: var(--cls-font-h1-style, var(--cls-font-heading-style)); --cls-layout-admin-page-title-text-decoration: var(--cls-font-h1-decoration, var(--cls-font-heading-decoration)); --cls-layout-admin-page-title-colour: var(--cls-font-h1-colour, var(--cls-colour-heading)); --cls-layout-admin-page-title-color: var(--cls-font-h1-colour, var(--cls-colour-heading)); --cls-layout-admin-panel-heading-font-family: var(--cls-font-h2-family, var(--cls-font-heading-family)); --cls-layout-admin-panel-heading-font-size: var(--cls-font-h2-size, var(--cls-font-base-size)); --cls-layout-admin-panel-heading-font-weight: var(--cls-font-h2-weight, var(--cls-font-heading-weight)); --cls-layout-admin-panel-heading-line-height: var(--cls-font-h2-line-height, var(--cls-font-heading-line-height)); --cls-layout-admin-panel-heading-letter-spacing: var(--cls-font-h2-letter-spacing, var(--cls-font-heading-letter-spacing)); --cls-layout-admin-panel-heading-text-transform: var(--cls-font-h2-transform, var(--cls-font-heading-transform)); --cls-layout-admin-panel-heading-font-style: var(--cls-font-h2-style, var(--cls-font-heading-style)); --cls-layout-admin-panel-heading-text-decoration: var(--cls-font-h2-decoration, var(--cls-font-heading-decoration)); --cls-layout-admin-panel-heading-colour: var(--cls-font-h2-colour, var(--cls-colour-heading)); --cls-layout-admin-panel-heading-color: var(--cls-font-h2-colour, var(--cls-colour-heading)); --cls-layout-table-heading-font-family: var(--cls-font-body-family); --cls-layout-table-heading-font-size: var(--cls-font-ui-size, var(--cls-font-base-size)); --cls-layout-table-heading-font-weight: var(--cls-font-ui-weight, var(--cls-font-body-weight)); --cls-layout-table-heading-line-height: var(--cls-line-height); --cls-layout-table-heading-letter-spacing: var(--cls-font-body-letter-spacing); --cls-layout-table-heading-text-transform: var(--cls-font-body-transform); --cls-layout-table-heading-font-style: var(--cls-font-body-style); --cls-layout-table-heading-text-decoration: var(--cls-font-body-decoration); --cls-layout-table-heading-colour: var(--cls-colour-text); --cls-layout-table-heading-color: var(--cls-colour-text); --cls-layout-message-text-font-family: var(--cls-font-body-family); --cls-layout-message-text-font-size: var(--cls-font-base-size); --cls-layout-message-text-font-weight: var(--cls-font-body-weight); --cls-layout-message-text-line-height: var(--cls-line-height); --cls-layout-message-text-letter-spacing: var(--cls-font-body-letter-spacing); --cls-layout-message-text-text-transform: var(--cls-font-body-transform); --cls-layout-message-text-font-style: var(--cls-font-body-style); --cls-layout-message-text-text-decoration: var(--cls-font-body-decoration); --cls-layout-message-text-colour: var(--cls-colour-text); --cls-layout-message-text-color: var(--cls-colour-text); --cls-layout-meta-text-font-family: var(--cls-font-body-family); --cls-layout-meta-text-font-size: var(--cls-font-meta-size, var(--cls-font-base-size)); --cls-layout-meta-text-font-weight: var(--cls-font-body-weight); --cls-layout-meta-text-line-height: var(--cls-line-height); --cls-layout-meta-text-letter-spacing: var(--cls-font-body-letter-spacing); --cls-layout-meta-text-text-transform: var(--cls-font-body-transform); --cls-layout-meta-text-font-style: var(--cls-font-body-style); --cls-layout-meta-text-text-decoration: var(--cls-font-body-decoration); --cls-layout-meta-text-colour: var(--cls-colour-text); --cls-layout-meta-text-color: var(--cls-colour-text); --cls-button-text-colour: #FFFFFF; --cls-button-background-colour: #9D6DBC; --cls-button-hover-text-colour: #9D6DBC; --cls-button-hover-background-colour: #522E91; --cls-button-border-colour: #464646; --cls-button-border-radius: 15px; --cls-button-border-width: 2px; --cls-button-padding-y: 12px; --cls-button-padding-x: 24px; --cls-button-padding: 5px; --cls-button-font-family: Inter, Sans-serif; --cls-button-font-size: 1em; --cls-button-font-weight: 400; --cls-button-line-height: 1.5em; --cls-button-letter-spacing: normal; --cls-button-text-transform: none; --cls-button-text-decoration: none; --cls-button-box-shadow: none; --cls-button-hover-box-shadow: none; --cls-form-label-colour: #464646; --cls-form-label-font-family: Inter, Sans-serif; --cls-form-label-font-size: 1em; --cls-form-label-font-weight: 400; --cls-form-label-line-height: 1.5em; --cls-form-field-text-colour: #464646; --cls-form-field-background-colour: #FFFFFF; --cls-form-field-border-colour: #9D6DBC; --cls-form-field-focus-border-colour: #9D6DBC; --cls-form-field-border-radius: 5px; --cls-form-field-border-width: 2px; --cls-form-field-padding-y: 10px; --cls-form-field-padding-x: 12px; --cls-form-field-padding: 5px; --cls-form-field-font-family: Inter, Sans-serif; --cls-form-field-font-size: 1em; --cls-form-field-font-weight: 400; --cls-form-field-line-height: 1.5em; --cls-form-field-placeholder-colour: #6B7280; --cls-image-border-radius: 20px; --cls-image-opacity: 1; --cls-image-hover-opacity: 1; --cls-image-transition-duration: 0.3s; --cls-image-box-shadow: none; --cls-image-hover-box-shadow: none; --cls-background-body-colour: #F8F5FA; --cls-background-surface-colour: #FFFFFF; --cls-background-mobile-browser-colour: #F8F5FA; --cls-overscroll-behaviour: auto; --cls-layout-content-width: 1140px; --cls-layout-container-padding: 10px; --cls-layout-container-padding-y: 0px; --cls-layout-container-padding-x: 10px; --cls-layout-space-between-widgets: 20px; --cls-layout-space-xs: 0.5rem; --cls-layout-space-sm: 0.75rem; --cls-layout-space-md: 1rem; --cls-layout-space-lg: 1.5rem; --cls-layout-space-xl: 2rem; --cls-layout-section-padding-y: clamp(24px, 4vw, 48px); --cls-layout-card-padding: clamp(18px, 3vw, 28px); --cls-breakpoint-mobile: 768px; --cls-breakpoint-tablet: 1025px; --cls-interaction-icon-size: 16px; --cls-table-header-background: #F8F5FA; --cls-table-header-text-colour: #584473; --cls-table-row-background: #FFFFFF; --cls-table-row-hover-background: color-mix(in srgb, #522E91 7%, transparent); --cls-table-striped-row-background: color-mix(in srgb, #522E91 4%, #FFFFFF); --cls-table-border-colour: #EDE1F5; --cls-table-cell-padding-y: 0.75rem; --cls-table-cell-padding-x: 1rem; --cls-table-compact-padding-y: 0.5rem; --cls-table-compact-padding-x: 0.75rem; --cls-table-radius: 5px; --cls-table-font-family: Inter, Sans-serif; --cls-table-font-size: 0.92rem; --cls-table-action-spacing: 0.5rem; --cls-custom-colour-surface-border: #EDE1F5; --cls-custom-colour-surface-soft: #F8F5FA; --cls-custom-colour-brand-text: #2A0076; --cls-custom-colour-active-accent: #8A56AD; --cls-custom-colour-success: #529214; --cls-custom-colour-warning: #CC6600; --cls-custom-colour-error: #FF0000; --cls-custom-colour-surface-white: #FFFFFF; --cls-custom-colour-surface-grey: #D2D2D2; --cls-custom-colour-surface-black: #000000; --cls-custom-colour-information: #EDE1F5; --cls-custom-typography-h3-family: Inter, Sans-serif; --cls-custom-typography-h3-weight: 700; --cls-custom-typography-h3-size: 3em; --cls-custom-typography-h3-line_height: 1.4em; --cls-custom-typography-h3-font_style: italic; --cls-custom-typography-h3-line_height_tablet: 1.4em; --cls-custom-typography-h3-line_height_mobile: 1.4em; --cls-custom-typography-h4-family: Inter, Sans-serif; --cls-custom-typography-h4-weight: 700; --cls-custom-typography-h4-size: 2em; --cls-custom-typography-h4-line_height: 1.5em; --cls-custom-typography-h4-font_style: italic; --cls-custom-typography-h4-line_height_tablet: 1.5em; --cls-custom-typography-h4-line_height_mobile: 1.5em; --cls-custom-typography-h5-family: Inter, Sans-serif; --cls-custom-typography-h5-weight: 600; --cls-custom-typography-h5-size: 1.25em; --cls-custom-typography-h5-line_height: 1.6em; --cls-custom-typography-h5-font_style: italic; --cls-custom-typography-h5-line_height_tablet: 1.6em; --cls-custom-typography-h5-line_height_mobile: 1.6em; --cls-custom-typography-h6-family: Inter, Sans-serif; --cls-custom-typography-h6-weight: 600; --cls-custom-typography-h6-size: 1em; --cls-custom-typography-h6-line_height: 1.5em; --cls-custom-typography-h6-font_style: italic; --cls-custom-typography-h6-line_height_tablet: 1.5em; --cls-custom-typography-h6-line_height_mobile: 1.5em; --cls-elementor-space_between_widgets: 0px; --cls-elementor-system_colors-0-id: primary; --cls-elementor-system_colors-0-title: Primary; --cls-elementor-system_colors-0-color: #522E91; --cls-elementor-system_colors-1-id: secondary; --cls-elementor-system_colors-1-title: Secondary; --cls-elementor-system_colors-1-color: #584473; --cls-elementor-system_colors-2-id: text; --cls-elementor-system_colors-2-title: Text; --cls-elementor-system_colors-2-color: #464646; --cls-elementor-system_colors-3-id: accent; --cls-elementor-system_colors-3-title: Accent; --cls-elementor-system_colors-3-color: #9D6DBC; --cls-elementor-custom_colors-0-id: 4c4ff96e; --cls-elementor-custom_colors-0-title: Surface Border; --cls-elementor-custom_colors-0-color: #EDE1F5; --cls-elementor-custom_colors-1-id: eff8b0b; --cls-elementor-custom_colors-1-title: Surface Soft; --cls-elementor-custom_colors-1-color: #F8F5FA; --cls-elementor-custom_colors-2-id: 67eace6d; --cls-elementor-custom_colors-2-title: Brand Text; --cls-elementor-custom_colors-2-color: #2A0076; --cls-elementor-custom_colors-3-id: 2bcad12f; --cls-elementor-custom_colors-3-title: Active Accent; --cls-elementor-custom_colors-3-color: #8A56AD; --cls-elementor-custom_colors-4-id: fe378b5; --cls-elementor-custom_colors-4-title: Success; --cls-elementor-custom_colors-4-color: #529214; --cls-elementor-custom_colors-5-id: 360c4cb; --cls-elementor-custom_colors-5-title: Warning; --cls-elementor-custom_colors-5-color: #CC6600; --cls-elementor-custom_colors-6-id: 1361535; --cls-elementor-custom_colors-6-title: Error; --cls-elementor-custom_colors-6-color: #FF0000; --cls-elementor-custom_colors-7-id: e12cb00; --cls-elementor-custom_colors-7-title: Surface White; --cls-elementor-custom_colors-7-color: #FFFFFF; --cls-elementor-custom_colors-8-id: 1a9dece; --cls-elementor-custom_colors-8-title: Surface Grey; --cls-elementor-custom_colors-8-color: #D2D2D2; --cls-elementor-custom_colors-9-id: 290079e; --cls-elementor-custom_colors-9-title: Surface Black; --cls-elementor-custom_colors-9-color: #000000; --cls-elementor-custom_colors-10-id: 0f8c9cc; --cls-elementor-custom_colors-10-title: Information; --cls-elementor-custom_colors-10-color: #EDE1F5; --cls-elementor-system_typography-0-id: primary; --cls-elementor-system_typography-0-title: H1; --cls-elementor-system_typography-0-typography_typography: custom; --cls-elementor-system_typography-0-typography_font_family: Inter; --cls-elementor-system_typography-0-typography_font_weight: 700; --cls-elementor-system_typography-0-typography_font_size: 9.5em; --cls-elementor-system_typography-0-typography_line_height: 1.25em; --cls-elementor-system_typography-0-typography_font_size_mobile: 7.5em; --cls-elementor-system_typography-0-typography_line_height_mobile: 1.2em; --cls-elementor-system_typography-1-id: secondary; --cls-elementor-system_typography-1-title: H2; --cls-elementor-system_typography-1-typography_typography: custom; --cls-elementor-system_typography-1-typography_font_family: Inter; --cls-elementor-system_typography-1-typography_font_weight: 700; --cls-elementor-system_typography-1-typography_font_size: 4em; --cls-elementor-system_typography-1-typography_line_height: 1.3em; --cls-elementor-system_typography-1-typography_font_size_tablet: 3.75em; --cls-elementor-system_typography-1-typography_font_size_mobile: 3.5em; --cls-elementor-system_typography-2-id: text; --cls-elementor-system_typography-2-title: Text; --cls-elementor-system_typography-2-typography_typography: custom; --cls-elementor-system_typography-2-typography_font_family: Inter; --cls-elementor-system_typography-2-typography_font_weight: 400; --cls-elementor-system_typography-2-typography_font_size: 1em; --cls-elementor-system_typography-2-typography_line_height: 1.5em; --cls-elementor-system_typography-2-typography_font_size_tablet: 0.93em; --cls-elementor-system_typography-2-typography_font_size_mobile: 0.87em; --cls-elementor-system_typography-3-id: accent; --cls-elementor-system_typography-3-title: Accent; --cls-elementor-system_typography-3-typography_typography: custom; --cls-elementor-system_typography-3-typography_font_family: Inter; --cls-elementor-system_typography-3-typography_font_weight: 400; --cls-elementor-system_typography-3-typography_font_size: 1em; --cls-elementor-system_typography-3-typography_line_height: 1.5em; --cls-elementor-system_typography-3-typography_font_size_tablet: 0.93em; --cls-elementor-system_typography-3-typography_font_size_mobile: 0.87em; --cls-elementor-custom_typography-0-id: 4396d0a; --cls-elementor-custom_typography-0-title: H3; --cls-elementor-custom_typography-0-typography_typography: custom; --cls-elementor-custom_typography-0-typography_font_family: Inter; --cls-elementor-custom_typography-0-typography_font_size: 3em; --cls-elementor-custom_typography-0-typography_font_size_tablet: 2.75em; --cls-elementor-custom_typography-0-typography_font_size_mobile: 2.5em; --cls-elementor-custom_typography-0-typography_font_weight: 700; --cls-elementor-custom_typography-0-typography_font_style: italic; --cls-elementor-custom_typography-0-typography_line_height: 1.4em; --cls-elementor-custom_typography-0-typography_line_height_tablet: 1.4em; --cls-elementor-custom_typography-0-typography_line_height_mobile: 1.4em; --cls-elementor-custom_typography-1-id: 48e114c; --cls-elementor-custom_typography-1-title: H4; --cls-elementor-custom_typography-1-typography_typography: custom; --cls-elementor-custom_typography-1-typography_font_family: Inter; --cls-elementor-custom_typography-1-typography_font_size: 2em; --cls-elementor-custom_typography-1-typography_font_size_tablet: 1.75em; --cls-elementor-custom_typography-1-typography_font_size_mobile: 1.5em; --cls-elementor-custom_typography-1-typography_font_weight: 700; --cls-elementor-custom_typography-1-typography_font_style: italic; --cls-elementor-custom_typography-1-typography_line_height: 1.5em; --cls-elementor-custom_typography-1-typography_line_height_tablet: 1.5em; --cls-elementor-custom_typography-1-typography_line_height_mobile: 1.5em; --cls-elementor-custom_typography-2-id: 722234e; --cls-elementor-custom_typography-2-title: H5; --cls-elementor-custom_typography-2-typography_typography: custom; --cls-elementor-custom_typography-2-typography_font_family: Inter; --cls-elementor-custom_typography-2-typography_font_size: 1.25em; --cls-elementor-custom_typography-2-typography_font_size_tablet: 1.12em; --cls-elementor-custom_typography-2-typography_font_size_mobile: 1px; --cls-elementor-custom_typography-2-typography_font_weight: 600; --cls-elementor-custom_typography-2-typography_font_style: italic; --cls-elementor-custom_typography-2-typography_line_height: 1.6em; --cls-elementor-custom_typography-2-typography_line_height_tablet: 1.6em; --cls-elementor-custom_typography-2-typography_line_height_mobile: 1.6em; --cls-elementor-custom_typography-3-id: 83ed454; --cls-elementor-custom_typography-3-title: H6; --cls-elementor-custom_typography-3-typography_typography: custom; --cls-elementor-custom_typography-3-typography_font_family: Inter; --cls-elementor-custom_typography-3-typography_font_size: 1em; --cls-elementor-custom_typography-3-typography_font_size_tablet: 0.93em; --cls-elementor-custom_typography-3-typography_font_size_mobile: 0.87em; --cls-elementor-custom_typography-3-typography_font_weight: 600; --cls-elementor-custom_typography-3-typography_font_style: italic; --cls-elementor-custom_typography-3-typography_line_height: 1.5em; --cls-elementor-custom_typography-3-typography_line_height_tablet: 1.5em; --cls-elementor-custom_typography-3-typography_line_height_mobile: 1.5em; --cls-elementor-default_generic_fonts: Sans-serif; --cls-elementor-site_name: The Classified; --cls-elementor-site_description: Just another WordPress site; --cls-elementor-site_logo-url: https://illuceo.net/wp-content/uploads/2023/05/illuceo-logo-50x24px.png; --cls-elementor-site_logo-id: 90; --cls-elementor-site_logo-source: library; --cls-elementor-page_title_selector: h1.entry-title; --cls-elementor-viewport_md: 768; --cls-elementor-viewport_lg: 1025; --cls-elementor-colors_enable_styleguide_preview: yes; --cls-elementor-button_border_radius: 15px; --cls-elementor-activeitemindex: 1; --cls-elementor-typography_enable_styleguide_preview: yes; --cls-elementor-button_border_border: solid; --cls-elementor-button_border_width: 2px; --cls-elementor-button_hover_border_border: solid; --cls-elementor-button_hover_border_width: 2px; --cls-elementor-button_hover_border_radius: 15px; --cls-elementor-button_padding: 5px; --cls-elementor-image_border_radius: 20px; --cls-elementor-image_box_shadow_box_shadow_type: yes; --cls-elementor-image_box_shadow_box_shadow-horizontal: 10; --cls-elementor-image_box_shadow_box_shadow-vertical: 10; --cls-elementor-image_box_shadow_box_shadow-blur: 10; --cls-elementor-image_box_shadow_box_shadow-spread: 0; --cls-elementor-image_box_shadow_box_shadow-color: rgba(0, 0, 0, 0.5019607843137255); --cls-elementor-form_field_border_border: solid; --cls-elementor-form_field_border_width: 2px; --cls-elementor-form_field_border_radius: 5px; --cls-elementor-form_field_focus_border_border: solid; --cls-elementor-form_field_focus_border_width: 2px; --cls-elementor-form_field_focus_border_radius: 5px; --cls-elementor-form_field_padding: 5px; --cls-elementor-body_background_background: classic; --cls-elementor-container_width: 1280px; --cls-elementor-lightbox_title_src: caption; --cls-elementor-globals-body_color: globals/colors?id=text; --cls-elementor-globals-body_typography_typography: globals/typography?id=text; --cls-elementor-globals-link_normal_color: globals/colors?id=secondary; --cls-elementor-globals-link_normal_typography_typography: globals/typography?id=text; --cls-elementor-globals-link_hover_color: globals/colors?id=text; --cls-elementor-globals-link_hover_typography_typography: globals/typography?id=text; --cls-elementor-globals-h1_color: globals/colors?id=primary; --cls-elementor-globals-h1_typography_typography: globals/typography?id=primary; --cls-elementor-globals-h2_color: globals/colors?id=secondary; --cls-elementor-globals-h2_typography_typography: globals/typography?id=secondary; --cls-elementor-globals-h3_color: globals/colors?id=secondary; --cls-elementor-globals-h3_typography_typography: globals/typography?id=4396d0a; --cls-elementor-globals-h4_color: globals/colors?id=67eace6d; --cls-elementor-globals-h4_typography_typography: globals/typography?id=48e114c; --cls-elementor-globals-h5_color: globals/colors?id=67eace6d; --cls-elementor-globals-h5_typography_typography: globals/typography?id=722234e; --cls-elementor-globals-h6_color: globals/colors?id=67eace6d; --cls-elementor-globals-h6_typography_typography: globals/typography?id=83ed454; --cls-elementor-globals-button_typography_typography: globals/typography?id=text; --cls-elementor-globals-button_text_color: globals/colors?id=e12cb00; --cls-elementor-globals-button_background_color: globals/colors?id=accent; --cls-elementor-globals-button_border_color: globals/colors?id=text; --cls-elementor-globals-button_hover_text_color: globals/colors?id=accent; --cls-elementor-globals-button_hover_background_color: globals/colors?id=primary; --cls-elementor-globals-button_hover_border_color: globals/colors?id=accent; --cls-elementor-globals-form_label_color: globals/colors?id=text; --cls-elementor-globals-form_label_typography_typography: globals/typography?id=text; --cls-elementor-globals-form_field_typography_typography: globals/typography?id=text; --cls-elementor-globals-form_field_text_color: globals/colors?id=text; --cls-elementor-globals-form_field_accent_color: globals/colors?id=accent; --cls-elementor-globals-form_field_background_color: globals/colors?id=e12cb00; --cls-elementor-globals-form_field_focus_text_color: globals/colors?id=accent; --cls-elementor-globals-form_field_focus_background_color: globals/colors?id=eff8b0b; --cls-elementor-globals-form_field_focus_border_color: globals/colors?id=accent; --cls-elementor-globals-form_field_border_color: globals/colors?id=accent; --cls-elementor-globals-body_background_color: globals/colors?id=eff8b0b; } /* ========================================================== Base Page Styling Applies generated background and base surface values. ========================================================== */ body { background: var(--cls-colour-background); } /* ========================================================== Application Typography Supplies global application text defaults outside Elementor rendering. ========================================================== */ .classified-platform, .classified-shortcode, .classified-registration { color: var(--cls-colour-text); font-family: var(--cls-font-body-family); font-size: var(--cls-font-base-size); line-height: var(--cls-line-height); } .classified-platform h1, .classified-platform h2, .classified-platform h3, .classified-shortcode h1, .classified-shortcode h2, .classified-shortcode h3 { color: var(--cls-colour-heading); font-family: var(--cls-font-heading-family); font-weight: var(--cls-font-heading-weight); } .classified-platform a, .classified-shortcode a { color: var(--cls-colour-link); } .classified-platform a:hover, .classified-shortcode a:hover { color: var(--cls-colour-link-hover); } /* ========================================================== Layout Typography Roles Semantic layout classes mapped to generated typography tokens. ========================================================== */ .classified-layout-page-title { color: var(--cls-layout-page-title-color); font-family: var(--cls-layout-page-title-font-family); font-size: var(--cls-layout-page-title-font-size); font-weight: var(--cls-layout-page-title-font-weight); line-height: var(--cls-layout-page-title-line-height); letter-spacing: var(--cls-layout-page-title-letter-spacing); text-transform: var(--cls-layout-page-title-text-transform); font-style: var(--cls-layout-page-title-font-style); text-decoration: var(--cls-layout-page-title-text-decoration); } .classified-layout-page-subtitle { color: var(--cls-layout-page-subtitle-color); font-family: var(--cls-layout-page-subtitle-font-family); font-size: var(--cls-layout-page-subtitle-font-size); font-weight: var(--cls-layout-page-subtitle-font-weight); line-height: var(--cls-layout-page-subtitle-line-height); letter-spacing: var(--cls-layout-page-subtitle-letter-spacing); text-transform: var(--cls-layout-page-subtitle-text-transform); font-style: var(--cls-layout-page-subtitle-font-style); text-decoration: var(--cls-layout-page-subtitle-text-decoration); } .classified-layout-section-heading { color: var(--cls-layout-section-heading-color); font-family: var(--cls-layout-section-heading-font-family); font-size: var(--cls-layout-section-heading-font-size); font-weight: var(--cls-layout-section-heading-font-weight); line-height: var(--cls-layout-section-heading-line-height); letter-spacing: var(--cls-layout-section-heading-letter-spacing); text-transform: var(--cls-layout-section-heading-text-transform); font-style: var(--cls-layout-section-heading-font-style); text-decoration: var(--cls-layout-section-heading-text-decoration); } .classified-layout-card-heading { color: var(--cls-layout-card-heading-color); font-family: var(--cls-layout-card-heading-font-family); font-size: var(--cls-layout-card-heading-font-size); font-weight: var(--cls-layout-card-heading-font-weight); line-height: var(--cls-layout-card-heading-line-height); letter-spacing: var(--cls-layout-card-heading-letter-spacing); text-transform: var(--cls-layout-card-heading-text-transform); font-style: var(--cls-layout-card-heading-font-style); text-decoration: var(--cls-layout-card-heading-text-decoration); } .classified-layout-card-subtitle { color: var(--cls-layout-card-subtitle-color); font-family: var(--cls-layout-card-subtitle-font-family); font-size: var(--cls-layout-card-subtitle-font-size); font-weight: var(--cls-layout-card-subtitle-font-weight); line-height: var(--cls-layout-card-subtitle-line-height); letter-spacing: var(--cls-layout-card-subtitle-letter-spacing); text-transform: var(--cls-layout-card-subtitle-text-transform); font-style: var(--cls-layout-card-subtitle-font-style); text-decoration: var(--cls-layout-card-subtitle-text-decoration); } .classified-layout-form-section-heading { color: var(--cls-layout-form-section-heading-color); font-family: var(--cls-layout-form-section-heading-font-family); font-size: var(--cls-layout-form-section-heading-font-size); font-weight: var(--cls-layout-form-section-heading-font-weight); line-height: var(--cls-layout-form-section-heading-line-height); letter-spacing: var(--cls-layout-form-section-heading-letter-spacing); text-transform: var(--cls-layout-form-section-heading-text-transform); font-style: var(--cls-layout-form-section-heading-font-style); text-decoration: var(--cls-layout-form-section-heading-text-decoration); } .classified-layout-listing-card-title { color: var(--cls-layout-listing-card-title-color); font-family: var(--cls-layout-listing-card-title-font-family); font-size: var(--cls-layout-listing-card-title-font-size); font-weight: var(--cls-layout-listing-card-title-font-weight); line-height: var(--cls-layout-listing-card-title-line-height); letter-spacing: var(--cls-layout-listing-card-title-letter-spacing); text-transform: var(--cls-layout-listing-card-title-text-transform); font-style: var(--cls-layout-listing-card-title-font-style); text-decoration: var(--cls-layout-listing-card-title-text-decoration); } .classified-layout-listing-preview-title { color: var(--cls-layout-listing-preview-title-color); font-family: var(--cls-layout-listing-preview-title-font-family); font-size: var(--cls-layout-listing-preview-title-font-size); font-weight: var(--cls-layout-listing-preview-title-font-weight); line-height: var(--cls-layout-listing-preview-title-line-height); letter-spacing: var(--cls-layout-listing-preview-title-letter-spacing); text-transform: var(--cls-layout-listing-preview-title-text-transform); font-style: var(--cls-layout-listing-preview-title-font-style); text-decoration: var(--cls-layout-listing-preview-title-text-decoration); } .classified-layout-empty-state-title { color: var(--cls-layout-empty-state-title-color); font-family: var(--cls-layout-empty-state-title-font-family); font-size: var(--cls-layout-empty-state-title-font-size); font-weight: var(--cls-layout-empty-state-title-font-weight); line-height: var(--cls-layout-empty-state-title-line-height); letter-spacing: var(--cls-layout-empty-state-title-letter-spacing); text-transform: var(--cls-layout-empty-state-title-text-transform); font-style: var(--cls-layout-empty-state-title-font-style); text-decoration: var(--cls-layout-empty-state-title-text-decoration); } .classified-layout-dashboard-widget-title { color: var(--cls-layout-dashboard-widget-title-color); font-family: var(--cls-layout-dashboard-widget-title-font-family); font-size: var(--cls-layout-dashboard-widget-title-font-size); font-weight: var(--cls-layout-dashboard-widget-title-font-weight); line-height: var(--cls-layout-dashboard-widget-title-line-height); letter-spacing: var(--cls-layout-dashboard-widget-title-letter-spacing); text-transform: var(--cls-layout-dashboard-widget-title-text-transform); font-style: var(--cls-layout-dashboard-widget-title-font-style); text-decoration: var(--cls-layout-dashboard-widget-title-text-decoration); } .classified-layout-account-navigation-title { color: var(--cls-layout-account-navigation-title-color); font-family: var(--cls-layout-account-navigation-title-font-family); font-size: var(--cls-layout-account-navigation-title-font-size); font-weight: var(--cls-layout-account-navigation-title-font-weight); line-height: var(--cls-layout-account-navigation-title-line-height); letter-spacing: var(--cls-layout-account-navigation-title-letter-spacing); text-transform: var(--cls-layout-account-navigation-title-text-transform); font-style: var(--cls-layout-account-navigation-title-font-style); text-decoration: var(--cls-layout-account-navigation-title-text-decoration); } .classified-layout-admin-page-title { color: var(--cls-layout-admin-page-title-color); font-family: var(--cls-layout-admin-page-title-font-family); font-size: var(--cls-layout-admin-page-title-font-size); font-weight: var(--cls-layout-admin-page-title-font-weight); line-height: var(--cls-layout-admin-page-title-line-height); letter-spacing: var(--cls-layout-admin-page-title-letter-spacing); text-transform: var(--cls-layout-admin-page-title-text-transform); font-style: var(--cls-layout-admin-page-title-font-style); text-decoration: var(--cls-layout-admin-page-title-text-decoration); } .classified-layout-admin-panel-heading { color: var(--cls-layout-admin-panel-heading-color); font-family: var(--cls-layout-admin-panel-heading-font-family); font-size: var(--cls-layout-admin-panel-heading-font-size); font-weight: var(--cls-layout-admin-panel-heading-font-weight); line-height: var(--cls-layout-admin-panel-heading-line-height); letter-spacing: var(--cls-layout-admin-panel-heading-letter-spacing); text-transform: var(--cls-layout-admin-panel-heading-text-transform); font-style: var(--cls-layout-admin-panel-heading-font-style); text-decoration: var(--cls-layout-admin-panel-heading-text-decoration); } .classified-layout-table-heading { color: var(--cls-layout-table-heading-color); font-family: var(--cls-layout-table-heading-font-family); font-size: var(--cls-layout-table-heading-font-size); font-weight: var(--cls-layout-table-heading-font-weight); line-height: var(--cls-layout-table-heading-line-height); letter-spacing: var(--cls-layout-table-heading-letter-spacing); text-transform: var(--cls-layout-table-heading-text-transform); font-style: var(--cls-layout-table-heading-font-style); text-decoration: var(--cls-layout-table-heading-text-decoration); } .classified-layout-message-text { color: var(--cls-layout-message-text-color); font-family: var(--cls-layout-message-text-font-family); font-size: var(--cls-layout-message-text-font-size); font-weight: var(--cls-layout-message-text-font-weight); line-height: var(--cls-layout-message-text-line-height); letter-spacing: var(--cls-layout-message-text-letter-spacing); text-transform: var(--cls-layout-message-text-text-transform); font-style: var(--cls-layout-message-text-font-style); text-decoration: var(--cls-layout-message-text-text-decoration); } .classified-layout-meta-text { color: var(--cls-layout-meta-text-color); font-family: var(--cls-layout-meta-text-font-family); font-size: var(--cls-layout-meta-text-font-size); font-weight: var(--cls-layout-meta-text-font-weight); line-height: var(--cls-layout-meta-text-line-height); letter-spacing: var(--cls-layout-meta-text-letter-spacing); text-transform: var(--cls-layout-meta-text-text-transform); font-style: var(--cls-layout-meta-text-font-style); text-decoration: var(--cls-layout-meta-text-text-decoration); } /* ========================================================== Button Styles Synced with generated Elementor button design tokens. ========================================================== */ .classified-button, .classified-registration button, .classified-registration input[type="submit"] { color: var(--cls-button-text-colour); background: var(--cls-button-background-colour); border: 1px solid var(--cls-button-border-colour); border-radius: var(--cls-button-border-radius); padding: var(--cls-button-padding-y) var(--cls-button-padding-x); font-weight: var(--cls-button-font-weight); } .classified-button:hover, .classified-registration button:hover, .classified-registration input[type="submit"]:hover { color: var(--cls-button-hover-text-colour); background: var(--cls-button-hover-background-colour); } /* ========================================================== Form Components Applies generated form-field design tokens to application forms. ========================================================== */ .classified-registration label { color: var(--cls-form-label-colour); } .classified-registration input, .classified-registration select, .classified-registration textarea { color: var(--cls-form-field-text-colour); background: var(--cls-form-field-background-colour); border-color: var(--cls-form-field-border-colour); border-radius: var(--cls-form-field-border-radius); padding: var(--cls-form-field-padding-y) var(--cls-form-field-padding-x); } .classified-registration input:focus, .classified-registration select:focus, .classified-registration textarea:focus { border-color: var(--cls-form-field-focus-border-colour); outline: 2px solid color-mix(in srgb, var(--cls-form-field-focus-border-colour) 35%, transparent); } /* ========================================================== Image Styles Applies generated image radius, opacity and transition tokens. ========================================================== */ .classified-platform img, .classified-shortcode img { border-radius: var(--cls-image-border-radius); opacity: var(--cls-image-opacity); transition: opacity var(--cls-image-transition-duration) ease; } .classified-platform img:hover, .classified-shortcode img:hover { opacity: var(--cls-image-hover-opacity); } /* ========================================================== Accessibility Motion Safeguard Respects reduced-motion preference for application-rendered UI. ========================================================== */ @media (prefers-reduced-motion: reduce) { .classified-platform *, .classified-shortcode * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }