/*! * CSS+JS FRAMEWORK (https://www.candycss.com/) * Copyright created at ease * For licenses contact:info@atease.lt */
/* Main variables ========================================================================== */
:root{
/*Variables Start*/
/*Group 1. General settings*/
/*Group 1.1. A.I.*/
/*Group 1.2. Theme defaults*/
/*info | Options in "Theme defaults" are the main building material for the more specific settings.
*/
/*Group 1.2.1. Colors*/
/*info | Primary colors. Used to style other elements like buttons, links boxes or backgrounds.
*/
/*comment | i This is demo comment with link to Header Search.
*/
/*rgba | Main accent color | Main accent color of the website. Used for buttons backgrounds etc.*/
--main-accent: #000000; /*#52a4f9;*/
/*rgba | Secondary accent color | Secondary accent color of the website. Sometimes useful for styling purposes.*/
--second-accent: #666666; /*#4283c7*/
/*rgba | Third accent color | Third accent color of the website. Sometimes useful for styling purposes.*/
--third-accent: #999999;
/*rgba | Fourth accent color | Fourth accent color of the website. Sometimes useful for styling purposes.*/
--fourth-accent: #214264;
/*-*/
/*rgba | Main dark color | Main dark color of the website. Used for main font etc.*/
--main-dark: #000000;
/*rgba | Secondary dark color | Secondary dark color of the website. Sometimes useful for styling purposes.*/
--second-dark: #333333;
/*rgba | Third dark color | third dark color of the website. Sometimes useful for styling purposes.*/
--third-dark: #666666;
/*-*/
/*rgba | Secondary gray color | Secondary gray color of the website. Sometimes useful for borders or styling purposes*/
--second-gray:#767676;
/*rgba | Main gray color | Main gray color of the website. Used for borders or styling purposes*/
--main-gray:#cccccc;
/*-*/
/*rgba | Third light color | third light color of the website. Sometimes useful for styling purposes.*/
--third-light: #f2f2f2;
/*rgba | Secondary light color | Secondary light color of the website. Sometimes useful for styling purposes.*/
--second-light: #fafafa;
/*rgba | Main light color | Main light color of the website. Used for main background etc.*/
--main-light: #ffffff;
/*info |
Aditional colors. Usualy optional.
*/
/*rgba | Info | Info*/
--info-color:rgba(25,160,180,1);
/*rgba | Info alpha | Info*/
--info-color-bg:rgba(217,242,246,1);
/*rgba | Success | Success*/
--success-color:rgba(100,145,35,1);
/*rgba | Success alpha | Success alpha*/
--success-color-bg: rgba(232,245,212,1);
/*rgba | Warning | Warning*/
--warning-color:rgba(255,190,5,1);
/*rgba | Warning alpha | Warning*/
--warning-color-bg:rgba(253,249,239,1);
/*rgba | Danger | Danger */
--danger-color:rgba(220,53,69,1);
/*rgba | Danger alpha | Danger alpha*/
--danger-color-bg: rgba(250,231,233,1);
/*rgba | White | White*/
--white-color:#ffffff;
/*rgba | Black | Black*/
--black-color:#000000;
/*rgba | Light | Light*/
--light-color:#f8f9fb;
/*rgba | Dark | Dark*/
--dark-color:#343a41;
/*rgba | Gray | Gray*/
--gray-color:#6c757e;
/*rgba | Gray dark | Gray dark*/
--gray-dark-color:#343a41;
/*rgba | Blue | Blue*/
--blue-color:#007bfe;
/*rgba | Indigo | Indigo*/
--indigo-color:#6610f3;
/*rgba | Purple | Purple*/
--purple-color:#6f42c2;
/*rgba | Pink | Pink*/
--pink-color:#e83e8d;
/*rgba | Red | Red*/
--red-color:#dc3544;
/*rgba | Orange | Orange*/
--orange-color:#fd7e15;
/*rgba | Yellow | Yellow*/
--yellow-color:#ffc106;
/*rgba | Green | Green*/
--green-color:#28a744;
/*rgba | Teal | Teal*/
--teal-color:#20c996;
/*rgba | Cyan | Cyan*/
--cyan-color:#17a2b7;
/*Group 1.2.2. Sizes*/
/*info | Various default sizes, from fonts to paddings, used as default values in more specific settings (can be overwritten there).
*/
/*sizeValue+cssValues | Main font size | Main font size of the website. Used for body text.*/
--main-font-size: 1rem;
/*sizeValue+cssValues | Small font size | Small font size of the website. Sometimes useful for styling purposes.*/
--small-font-size: 0.9rem;
/*sizeValue+cssValues | Smaller font size | Smaller font size of the website. Sometimes useful for styling purposes.*/
--smaller-font-size: 0.75rem;
/*sizeValue+cssValues | Big font size | Big font size of the website. Sometimes useful for styling purposes.*/
--big-font-size: 1.1rem;
/*sizeValue+cssValues | Bigger font size | Bigger font size of the website. Sometimes useful for styling purposes.*/
--bigger-font-size: 1.25rem;
/*-*/
/*sizeValue+cssValues | Default font weight of website | Useful for styling purposes.*/
--main-font-weight: 300;
/*sizeValue+cssValues | Default bold font weight of website | Useful for styling purposes.*/
--main-font-bold-weight: 700;
/*-*/
/*sizeValue+cssValues | Default line height of website | Sometimes useful for styling purposes.*/
--line-height: 1.15;
/*-*/
/*sizeValue+cssValues | Bigger padding value | Bigger padding variable of the website, usualy horizontal on one side */
--big-padding: 1rem;
/*sizeValue+cssValues | Small padding value | Small padding variable of the website, usualy vertical on one side*/
--small-padding: 0.375rem;
/*-*/
/*sizeValue+cssValues | Common buttons, inputs and first lvl. menu height | Can be overwritten in particular settings.*/
--inputs-line-height: 2rem;
--inputs-line-height-plus-2xborder: calc(var(--inputs-line-height) + calc(var(--border-width) * 2));
/*/*freeInput | Common buttons and inputs border size | Can be overwritten in particular settings.*//*--border-width: 1px 1px 1px 1px;*/
/*sizeValue+cssValues | Common buttons and inputs border size (one value) | Can be overwritten in particular settings.*/
--border-width: 1px;
/*Group 1.2.3. Font faces & Plugins*/
/*info | Default font faces, from native to plugins, used as default values in more specific settings (can be overwritten there).
*/
/*font-family | Main font family | Main font family of the website. Used for body text.*/
--main-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/*font-family | Second font family | Second font family of the website. Sometimes useful for styling purposes i.e. headings.*/
--second-font-family: serif;
/*font-family | Third font family | Third font family of the website. Sometimes useful for styling purposes i.e. information tips.*/
--third-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/*font-family | Custom font family | Add links to HEAD then add here family names.*/
--custom-font-family: "Open Sans", sans-serif;
/*-*/
/*font-family | Plugin font family | Plugin font family of the website. Useful for styling purposes i.e. icon fonts.*/
--icon-plugin-font-family: "icomoon";
/*comment | i When changing this setting, be sure to change the individual settings i.e. By Component > Header > Languages
Try "icomoon", "Font Awesome 5 Free" or your custom font.*/
/*sizeValue+cssValues | Plugin font icon weight | Font plugin font icon weight.*/
--icon-plugin-font-weight:400;
/*sizeValue+cssValues | Plugin font icon size | Font plugin font icon size.*/
--icon-font-size: 1.2rem;
/*comment | i When changing this setting, be sure to change the individual settings, different fonts needs different weights and sizes*/
/*Group 1.2.4. Style and transitions*/
/*info | Various appearance settings and transition effects used as default values in more specific settings (can be overwritten there).
*/
/*sizeValue+cssValues | Common rounded corners value (one value) | Make corners rounded on website elements - buttons, blocks, menus etc.*/
--border-radius: 0;
/*-*/
/*multiple-transition | Transition effect template 1 | Apply transition to elements. WARNING: avoid ALL, it slows down the website*/
--transition-effect-1:
height /*what propery to animate*/
0.2s /*transition lenght*/
ease /*transition easing*/
0s; /*transition delay*/
/*multiple-transition | Transition effect template 2 | Apply transition to elements. WARNING: avoid ALL, it slows down the website*/
--transition-effect-2:
opacity /*what propery to animate*/
0.2s /*transition lenght*/
ease /*transition easing*/
0s; /*transition delay*/
/*multiple-transition | Transition effect template 3 | Apply transition to elements. WARNING: avoid ALL, it slows down the website*/
--transition-effect-3:
top /*what propery to animate*/
0.2s /*transition lenght*/
ease /*transition easing*/
0s; /*transition delay*/
/*multiple-transition | Transition effect template 4 | Apply transition to elements. WARNING: avoid ALL, it slows down the website*/
--transition-effect-4:
transform /*what propery to animate*/
0.2s /*transition lenght*/
ease /*transition easing*/
0s; /*transition delay*/
/*Group 1.2.5. Logos*/
/*info | Main logos of website. Header
*/
/*multiple-background | Header logo | Main logo of the website. Inherited to inner pages if not set otherwise.*/
--head-logo:
none /* image */
center center / 6rem auto /* position / size including css values */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
transparent; /* color */
/*helper | #header-logo*/
/*selectList | Invert logo colors | Invert logo colors | invert(0)#Leave original colors;invert(1)#Invert colors*/
--headlogo-invert-colors: invert(0);
/*selectList | Desaturate logo colors | Make logo colors in gray and BW | grayscale(0)#Leave original colors;grayscale(1)#Make colors gray*/
--headlogo-desaturate-colors: grayscale(0);
/*sizeValue+cssValues | Logo maximum width | Maximum width of logo (Header).*/
--logo-max-width: unset;
/*info | Main logos of website. Footer
*/
/*sizeValue+cssValues | Footer logo visibiliy (display) | Footer logo visibiliy (display:X)*/
--footlogo-visibility: flex;
/*multiple-background | Footer logo | Footer logo of the website. Inherited to inner pages if not set otherwise.*/
--foot-logo:
none /* image */
center center / 6rem auto /* position / size including css values */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
transparent; /* color */
/*helper | #footer-logo*/
/*selectList | Invert footer logo colors | Invert logo colors | invert(0)#Leave original colors;invert(1)#Invert colors*/
--footlogo-invert-colors: invert(1);
/*selectList | Desaturate footer logo colors | Make logo colors in gray and BW | grayscale(0)#Leave original colors;grayscale(1)#Make colors gray*/
--footlogo-desaturate-colors: grayscale(1);
/*Group 1.3. Backgrounds*/
/*multiple-background | Main body background | Main background of the website. Inherited to inner pages if not set otherwise.*/
--main-body-background:
none /* image */
top center / 100vw 100vh /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
var(--main-light); /* color */
/*multiple-background | Secondary body background | Sometimes useful for styling purposes i.e. inner pages.*/
--secondary-body-background:
none /* image */
top center / 100vw 100vh /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
var(--second-light); /* color */
/*Group 1.4. Fonts and typography*/
/*info | Body font and links
*/
/*multiple-font | Body font setup | Main font setup of the website. Values are inherited to inner pages if not set otherwise.*/
--body-font:
normal /* font-style */
normal /* font-variant */
var(--main-font-weight) /* font-weight */
var(--main-font-size)/var(--line-height) /* font-size/line-height */
var(--main-font-family); /* font-family */
--body-font-color: var(--main-dark);
--body-text-decoration:none;
--body-text-transform:none;
--body-letter-spacing:normal;
--body-text-shadow:none;
--body-text-align:left;
/*multiple-font | Large body font setup | Large body font setup of the website. Values are inherited to inner pages if not set otherwise.*/
--big-body-font:
normal /* font-style */
normal /* font-variant */
var(--main-font-weight) /* font-weight */
var(--bigger-font-size)/var(--line-height) /* font-size/line-height */
var(--main-font-family); /* font-family */
--body-font-color: var(--main-dark);
--body-text-decoration:none;
--body-text-transform:none;
--body-letter-spacing:normal;
--body-text-shadow:none;
--body-text-align:left;
/*multiple-font | Links setup | Links setup of the website. Values are inherited to inner pages if not set otherwise.*/
--link-font:
inherit/* font-style */
inherit/* font-variant */
inherit /*font-weight */
inherit/inherit/* font-size/line-height */
inherit;/* font-family */
--link-font-color: var(--main-accent);
--link-text-decoration:underline;
--link-text-transform:none;
--link-letter-spacing:normal;
--link-text-shadow:none;
--link-text-align:left;
/*multiple-font | Links on mouse over setup | Links setup of the website. Values are inherited to inner pages if not set otherwise.*/
--link-hover-font:
inherit/* font-style */
inherit/* font-variant */
inherit /*font-weight */
inherit/inherit/* font-size/line-height */
inherit;/* font-family */
--link-hover-font-color: var(--third-accent);
--link-hover-text-decoration:none;
--link-hover-text-transform:none;
--link-hover-letter-spacing:normal;
--link-hover-text-shadow:none;
--link-hover-text-align:left;
/*info | Headlines
*/
/*sizeValue+cssValues | H1 size | Heading 1 (h1) font size.*/
--h1-font-size: 2.5rem;
/*font-family | H1 font family | Font family for the headline.*/
--h1-font-family: var(--main-font-family);
/*sizeValue+cssValues | H1 font weight | H1 font weight.*/
--h1-font-weight: var(--main-font-weight);
/*rgba | H1 color | H1 color*/
--h1-color: inherit;
/*selectList | H1 text transform | H1 text transform. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--h1-text-transform: none;
/*selectList | H1 font decoration | Underline or not. | underline#Underline;none#No decoration*/
--h1-text-decoration: none;
/*-*/
/*sizeValue+cssValues | H2 size | Heading 2 (h2) font size.*/
--h2-font-size: 2rem;
/*font-family | H2 font family | Font family for the headline.*/
--h2-font-family: var(--main-font-family);
/*sizeValue+cssValues | H2 font weight | H2 font weight.*/
--h2-font-weight: var(--main-font-weight);
/*rgba | H2 color | H2 color*/
--h2-color: inherit;
/*selectList | H2 text transform | H2 text transform. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--h2-text-transform: none;
/*selectList | H2 font decoration | Underline or not. | underline#Underline;none#No decoration*/
--h2-text-decoration: none;
/*-*/
/*sizeValue+cssValues | H3 size | Heading 3 (h3) font size.*/
--h3-font-size: 1.75rem;
/*font-family | H3 font family | Font family for the headline.*/
--h3-font-family: var(--main-font-family);
/*sizeValue+cssValues | H3 font weight | H3 font weight.*/
--h3-font-weight: var(--main-font-weight);
/*rgba | H3 color | H3 color*/
--h3-color: inherit;
/*selectList | H3 text transform | H3 text transform. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--h3-text-transform: none;
/*selectList | H3 font decoration | Underline or not. | underline#Underline;none#No decoration*/
--h3-text-decoration: none;
/*-*/
/*sizeValue+cssValues | H4 size | Heading 4 (h4) font size.*/
--h4-font-size: 1.5rem;
/*font-family | H4 font family | Font family for the headline.*/
--h4-font-family: var(--main-font-family);
/*sizeValue+cssValues | H4 font weight | H4 font weight.*/
--h4-font-weight: var(--main-font-weight);
/*rgba | H4 color | H4 color*/
--h4-color: inherit;
/*selectList | H4 text transform | H4 text transform. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--h4-text-transform: none;
/*selectList | H4 font decoration | Underline or not. | underline#Underline;none#No decoration*/
--h4-text-decoration: none;
/*-*/
/*sizeValue+cssValues | H5 size | Heading 5 (h5) font size.*/
--h5-font-size: 1.25rem;
/*font-family | H5 font family | Font family for the headline.*/
--h5-font-family: var(--main-font-family);
/*sizeValue+cssValues | H5 font weight | H5 font weight.*/
--h5-font-weight: var(--main-font-weight);
/*rgba | H5 color | H5 color*/
--h5-color: inherit;
/*selectList | H5 text transform | H5 text transform. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--h5-text-transform: none;
/*selectList | H5 font decoration | Underline or not. | underline#Underline;none#No decoration*/
--h5-text-decoration: none;
/*-*/
/*sizeValue+cssValues | H6 size | Heading 6 (h6) font size.*/
--h6-font-size: 1rem;
/*font-family | H6 font family | Font family for the headline.*/
--h6-font-family: var(--main-font-family);
/*sizeValue+cssValues | H6 font weight | H6 font weight.*/
--h6-font-weight: var(--main-font-weight);
/*rgba | H6 color | H6 color*/
--h6-color: inherit;
/*selectList | H6 text transform | H6 text transform. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--h6-text-transform: none;
/*selectList | H6 font decoration | Underline or not. | underline#Underline;none#No decoration*/
--h6-text-decoration: none;
/*-*/
/*sizeValue+cssValues | H1-H6 bottom margin | H1-H6 bottom margin.*/
--h-bottom-margin: 1rem;
/*Group 1.5. Buttons*/
/*Group 1.5.1. Common button properties*/
/*font-family | Buttons font family | Font family for all buttons.*/
--main-button-font-family: var(--main-font-family);
/*sizeValue+cssValues | Buttons height | Buttons height. Use carefully, can affect inputs.*/
--main-button-height: var(--inputs-line-height);
/*sizeValue+cssValues | Button border width | Button border width. Use carefully, can affect inputs.*/
--main-button-border-width: var(--border-width);
/*freeInput | Button border styles | Button border styles.*/
--main-button-border-style:solid solid solid solid;
/*sizeValue+cssValues | Button paddings | Button paddings.*/
--main-button-padding: .375rem var(--big-padding) .375rem var(--big-padding);
/*sizeValue+cssValues | Button font size | Button font size.*/
--main-button-font-size: var(--small-font-size);
/*sizeValue+cssValues | Button font weight | Button font weight.*/
--main-button-font-weight: bold;
/*sizeValue+cssValues | Button border radiuses | Button border radiuses.*/
--main-button-border-radius: var(--border-radius);
/*selectList | Button letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default;unset#Default*/
--main-button-letter-case: uppercase;
/*box-shadow | Button on hover style | Button on hover modifier by box-shadow property - "inset" for color, other for drop shadow.*/
--main-button-hover: inset 0 0 6.25rem 0 rgba(211, 211, 211, 0.15);
/*box-shadow | Button on press (active) style| Button on press modifier by box-shadow property - "inset" for color, other for drop shadow.*/
--main-button-active: inset 0 0 6.25rem 0 rgba(0, 0, 0, 0.10);
/*Group 1.5.2. Button color styles*/
/*info | Main button*/
/*gradient | Main button bg color | Main button background color.*/
--main-button-bg-color: linear-gradient(var(--main-accent), var(--main-accent));
/*rgba | Main button text color | Main button text color.*/
--main-button-txt-color: var(--main-light);
/*freeInput | Main button border colors | Main button border colors.*/
--main-button-border-color: var(--main-accent) var(--main-accent) var(--main-accent) var(--main-accent);
/*info | Secondary button*/
/*gradient | Secondary button bg color | Secondary button background color.*/
--secondary-button-bg-color: linear-gradient(var(--third-dark), var(--third-dark));
/*rgba | Secondary button text color | Secondary button text color.*/
--secondary-button-txt-color: var(--main-light);
/*freeInput | Secondary button border colors | Secondary button border colors.*/
--secondary-button-border-color: var(--third-dark) var(--third-dark) var(--third-dark) var(--third-dark);
/*info | Inverted button*/
/*gradient | Inverted button bg color | Inverted button background color.*/
--inverted-button-bg-color: linear-gradient(transparent, transparent);
/*rgba | Inverted button text color | Inverted button text color.*/
--inverted-button-txt-color: var(--main-accent);
/*freeInput | Inverted button border colors | Inverted button border colors.*/
--inverted-button-border-color: var(--main-accent) var(--main-accent) var(--main-accent) var(--main-accent);
/*info | Disabled button*/
/*gradient | Disabled button bg color | Disabled button background color.*/
--disabled-button-bg-color: linear-gradient(var(--main-gray), var(--main-gray));
/*rgba | Disabled button text color | Disabled button text color.*/
--disabled-button-txt-color: var(--third-light);
/*freeInput | Disabled button border colors | Disabled button border colors.*/
--disabled-button-border-color: var(--main-gray) var(--main-gray) var(--main-gray) var(--main-gray);
/*-*/
/*Group 1.6. Inputs and form elements*/
/*Group 1.6.1. Common inputs properties*/
/*sizeValue+cssValues | Input height | Input height. Use carefully, can affect buttons.*/
--main-input-height: var(--inputs-line-height);
/*sizeValue+cssValues | Input border width | Input border width. Use carefully, can affect buttons.*/
--main-input-border-width: var(--border-width);
/*freeInput | Input border styles | Input border styles.*/
--main-input-border-style:solid solid solid solid;
/*sizeValue+cssValues | Input paddings | Input paddings.*/
--main-input-padding: 0 var(--small-padding) 0 var(--small-padding);
/*sizeValue+cssValues | Input font size | Input font size.*/
--main-input-font-size: var(--small-font-size);
/*sizeValue+cssValues | Input font weight | Input font weight.*/
--main-input-font-weight: var(--main-font-weight);
/*sizeValue+cssValues | Input border radiuses | Input border radiuses.*/
--main-input-border-radius: var(--border-radius);
/*selectList | Input letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--main-input-letter-case: none;
/*box-shadow | Input on hover style | Input on hover modifier by box-shadow property - "inset" for color, other for drop shadow.*/
--main-input-hover: inset 0 0 6.25rem 0 rgba(211, 211, 211, 0.15);
/*box-shadow | Input on focus (focus) style| Input on press modifier by box-shadow property - "inset" for color, other for drop shadow.*/
--main-input-active: inset 0 0 6.25rem 0 rgba(0, 0, 0, 0.15);
/*Group 1.6.2. Inputs color styles*/
/*rgba | Main input font color | Main input font color of the website.*/
--main-input-color: var(--third-dark);
/*rgba | Main input bg color | Main input background color of the website.*/
--main-input-bg-color: var(--main-light);
/*rgba | Main input border color | Main input border color of the website.*/
--main-input-border-color: var(--main-gray);
/*Group 1.7. Common boxes and containers*/
/*info | There are 2 types of boxes (and their classes). Please, see documentation
*/
/*rgba | Background color | Background color for gray boxes*/
--main-box-bg-color: transparent;
/*sizeValue+cssValues | Border width (bordered boxes) | Border width for for all bordered boxes*/
--main-box-border-width: var(--border-width);
/*rgba | Border color (bordered boxes) | Border color for for all bordered boxes*/
--main-box-border-color: var(--main-gray);
/*freeInput | Border style (bordered boxes) | Border width for for all bordered boxes*/
--main-box-border-style: solid solid solid solid;
/*sizeValue+cssValues | Border radius (all .box classes) | Border radius for for all .box classes*/
--main-box-border-radius: var(--border-radius);
/*freeInput | Padding (all .box classes) | Padding for all .box classes */
--main-box-padding: 1rem;
/*Group 1.8. CSS GRID*/
/*sizeValue+cssValues | Default grid column gap | Default grid column gap.*/
--grid-column-gap: 0.65rem;
/*sizeValue+cssValues | Default grid row gap | Default grid row gap.*/
--grid-row-gap: 0.65rem;
/*Group 1.9. Notifications and alerts*/
/*Group 1.10. Website preloader*/
/*Group 1.11. Additional images - FB, emails, etc.*/
/*multiple-background | Default image for FB sharing | Default image for FB sharing.*/
--fb-default-image:
none /* image */
top center / 100vw 100vh /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
var(--second-light); /* color */
/*comment | i For image sizes, please visit Facebook dev center*/
/*-*/
/*multiple-background | Default image for emails decoaration | Default image for emails decoaration. Recomended image size: 600x100.*/
--email-default-image:
none /* image */
top center / 100vw 100vh /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
var(--second-light); /* color */
/*comment | i Recomended image size: 600x100. JPG file, compressed as much as possible*/
/*Group 2. Layout*/
/*Group 2.1. General layout settings*/
/*sizeValue+cssValues | Layout grid column gap | Default layout grid column gap.*/
--layout-grid-column-gap:0;
/*sizeValue+cssValues | Layout grid row gap | Default layout grid row gap.*/
--layout-grid-row-gap:0;
/*Group 2.2. Header*/
/*sizeValue+cssValues | Height | Desktop header height, also the size of padding compensating header height if needed. Note: "auto" can ruin sticky behavior of side menu.*/
--header-height: 5rem;
/*selectList | Positioning | Positioning of desktop header | sticky#Header sticks to top (sticky);relative#Header scrolls with website (relative)*/
/*comment | i Comment: See also Mobile header - has to link*/
--header-positioning: sticky;
/*sizeValue+cssValues | Z index | Position of header in Z axis*/
--header-z-index: 44444;
/*multiple-background | Background | Header colors and backgrounds of the website. Inherited to inner pages if not set otherwise.*/
--header-background:
none /* image */
center center / 6rem auto /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
var(--main-light); /* color */
/*box-shadow | Shadow | Desktop header shadow*/
--header-shadow: 0 0.8rem 2rem rgba(0,0,0,0.1);
/*Group 2.3. Main content zone*/
/*selectList | Centering | Main content centering | 0 auto#Centered;0#Unset*/
--main-cont-centering: 0 auto;
/*sizeValue+cssValues | Max width | Main content max width*/
--main-cont-maxwidth: 1600px;
/*sizeValue+cssValues | Column count | Column count*/
--columns-count: 12;
/*Group 2.4. Left column*/
/*toggle | Visibility | Visibility of left column | Block#Visible;none#Not visible*/
--left-cont-visibility: block;
/*sizeValue+cssValues | Width | Left column width*/
--left-cont-width: 100%;
/*sizeValue+cssValues | Height | Left column height*/
--left-cont-height: 100%;
/*sizeValue+cssValues | Maximum width of left column | Maximum width of left column*/
--left-cont-maxwidth: 17rem;
/*sizeValue+cssValues | Minimum width of left column | Minimum width of left column*/
--left-cont-minwidth: 17rem;
/*selectList | Positioning | Positioning of left column | sticky#Column sticks to top (sticky);relative#Column scrolls with website (relative)*/
--left-cont-positioning: relative;
/*comment | i Use sticky only if your fully expaded menu fits the height of the smallest screen (~600px).*/
/*sizeValue+cssValues | Top position (for sticky) | Left column top position (for sticky)*/
--left-cont-top-pos: 0;
/*comment | i Use var(--header-height) if using sticky.*/
/*multiple-background | Background | Left column background*/
--left-cont-bg:
none /* image */
center center / 6rem auto /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
transparent; /* color */
/*toggle-end*/
/*Group 2.5. Right column*/
/*toggle | Visibility | Visibility of right column | Block#Visible;none#Not visible*/
--right-cont-visibility: block;
/*sizeValue+cssValues | Width | Right column width*/
--right-cont-width: 100%;
/*sizeValue+cssValues | Height | Right column Height*/
--right-cont-height: 100%;
/*sizeValue+cssValues | Maximum width of right column | Maximum width of right column*/
--right-cont-maxwidth: 17rem;
/*sizeValue+cssValues | Minimum width of right column | Minimum width of right column*/
--right-cont-minwidth: 17rem;
/*selectList | Positioning| Positioning of right column | sticky#Column sticks to top (sticky);relative#Column scrolls with website (relative)*/
--right-cont-positioning: relative;
/*comment | i Use sticky only if your fully expaded content fits the height of the smallest screen (~600px).*/
/*sizeValue+cssValues | Top position (for sticky) | Right column top position (for sticky)*/
--right-cont-top-pos: 0;
/*comment | i Use var(--header-height) if using sticky.*/
/*multiple-background | Background | Left column background*/
--right-cont-bg:
none /* image */
center center / 6rem auto /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
transparent; /* color */
/*toggle-end*/
/*Group 2.6. Footer*/
/*sizeValue+cssValues | Desktop footer height | Desktop footer height, also the size of padding compensating header height if needed.*/
--footer-height: auto;
/*rgba | Default footer text color | Default footer text color if not overwritten by other settings*/
--footer-txt-color: var(--main-light);
/*multiple-background | Footer colors and backgrounds | Footer colors and backgrounds of the website. Inherited to inner pages if not set otherwise.*/
--footer-background:
none /* image */
center center / 6rem auto /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
var(--main-dark); /* color */
/*box-shadow | Desktop footer shadow | Desktop footer shadow*/
--footer-shadow: 0 0.6rem 1.25rem rgba(0,0,0,0.2);
/*selectList | Positioning of footer | Positioning of desktop footer. | sticky#Footer sticks to bottom (sticky);relative#Header scrolls with website (relative)*/
--footer-positioning: relative;
/*sizeValue+cssValues | Desktop footer Z index | Position of footer in Z axis*/
--footer-z-index: 44442;
/*sizeValue+cssValues | Desktop footer padding | Desktop footer padding*/
--footer-padding: 1rem 1rem 1rem 1rem;
/*Group 3. Navigation*/
/*Group 3.1. Top menu*/
/*Group 3.1.1. Top menu general settings*/
/*helper | header .horizontal-navigation*/
/*sizeValue+cssValues | Menu block z-index | Menu block z-index.*/
--menu01-block-zindex: 20;
/*toggle | Animation of dropdown | Enable or disable animated dropdown | transform 0.15s ease-out 0.15s#Animated menu dropdown;unset#No animation*/
--menu01-animated: transform 0.15s ease-out 0.15s;
/*selectList | Align menu block | Alignement of menu block | right#To right;center#Center;left#To left*/
--menu01-block-align: center;
/*-*/
/*toggle | Submenu visibility | Enable or disable submenu. | block#Visible;none#Hidden*/
--menu01-visibility: block;
/*toggle-end*/
/*sizeValue+cssValues | Submenu width | Width of dropdown submenu.*/
--menu01-sub-width: 12rem;
/*rgba | Submenu side border color | Color of border of submenu.*/
--menu01-sub-border-color: var(--main-accent);
/*-*/
/*freeInput | "Has children" menu item icon | Icon for items that has multilevel structure*/
--menu01-has-children-icon: "\f74a";
/*font-family | Plugin font family for "has children" icon | Plugin font family for icon. */
--menu01-has-children-font-family:var(--icon-plugin-font-family);
/*sizeValue+cssValues | "Has children" icon weight | "Has children" icon weight.*/
--menu01-has-children-font-weight:bold;
/*rgba | "Has children" top level icon color | Has children top level icon color .*/
--menu01-has-children-icon-color: var(--main-accent);
/*rgba | "Has children" sub level icon color | Has children sub level icon color.*/
--menu01-sub-has-children-icon-color: var(--main-light);
/*sizeValue+cssValues | "Has children" icon size | Has children icon size*/
--menu01-has-children-icon-size: 0.4rem;
/*Group 3.1.2. Top menu sizes, typography and style*/
/*font-family | Menu font family | Choose a font family for menu items.*/
--menu01-font-family: var(--main-font-family);
/*sizeValue+cssValues | First level menu font size | First level menu font size.*/
--menu01-first-lvl-font-size: 1rem;
/*sizeValue+cssValues | First level menu font weight | First level menu font weight.*/
--menu01-first-lvl-font-weight: var(--main-font-weight);
/*sizeValue+cssValues | First level active menu font weight | First level active menu font weight.*/
--menu01-first-lvl-active-font-weight: inherit;
/*selectList | First level menu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu01-first-lvl-letter-case: uppercase;
/*sizeValue+cssValues | First level menu item height | First level menu item height*/
--menu01-first-lvl-menu-height: var(--inputs-line-height);
/*sizeValue+cssValues | First level menu item border radius (one value) | First level menu item border radius */
--menu01-first-lvl-menu-border-radius: var(--border-radius);
/*-*/
/*font-family | Submenu font family | Choose a font family for submenu items.*/
--menu01-sub-lvl-font-family: var(--main-font-family);
/*sizeValue+cssValues | Submenu font size | Submenu font size.*/
--menu01-sub-lvl-font-size: var(--smaller-font-size);
/*sizeValue+cssValues | Submenu font weight | Submenu font weight.*/
--menu01-sub-lvl-font-weight: var(--main-font-weight);
/*selectList | Submenu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default;unset#Default*/
--menu01-sub-lvl-letter-case: uppercase;
/*Group 3.1.3. Top menu colors - first level*/
/*rgba | Dropdown list container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu01-parent-bg-color: transparent;
/*rgba | Menu item text | Color of main menu item (not active or hover).*/
--menu01-txt-color: var(--main-dark);
/*rgba | Menu item background | Background color of main menu item (not active or hover).*/
--menu01-item-bg-color: transparent;
/*rgba | Hover menu item text | Color of hovered menu item.*/
--menu01-hover-txt-color: var(--main-light);
/*rgba | Hover menu item background | Background color of hovered menu item.*/
--menu01-hover-item-bg-color: var(--main-dark);
/*rgba | Active menu item text | Color of active menu item.*/
--menu01-active-txt-color: var(--main-gray);
/*rgba | Active menu item background | Background color of active menu item.*/
--menu01-active-item-bg-color: transparent;
/*rgba | Active menu on hover item text | Color of active menu item on hover.*/
--menu01-active-hover-txt-color: var(--main-light);
/*rgba | Active menu on hover item background | Background color of active menu item on hover.*/
--menu01-active-hover-item-bg-color: var(--main-dark);
/*Group 3.1.4. Top menu colors - submenu*/
/*rgba | Dropdown list container background color | Background color of main submenu container. If menu items has their own colors, this can be covered by them.*/
--menu01-sub-container-bg-color: transparent;
/*rgba | Submenu item text | Color of submenu item (not active or hover).*/
--menu01-sub-txt-color: var(--main-light);
/*rgba | Submenu item background | Background color of submenu item (not active or hover).*/
--menu01-sub-item-bg-color: var(--main-dark);
/*rgba | Hover submenu item text | Color of hovered submenu item.*/
--menu01-sub-hover-txt-color: var(--second-light);
/*rgba | Hover submenu item background | Background color of hovered submenu item.*/
--menu01-sub-hover-item-bg-color: var(--third-accent);
/*rgba | Active submenu item text | Color of active submenu item.*/
--menu01-sub-active-txt-color: var(--main-light);
/*rgba | Active submenu item background | Background color of active submenu item.*/
--menu01-sub-active-item-bg-color:var(--second-accent);
/*rgba | Active submenu on hover item text | Color of active submenu item on hover.*/
--menu01-sub-active-hover-txt-color: var(--second-light);
/*rgba | Active submenu on hover item background | Background color of active submenu item on hover.*/
--menu01-sub-active-hover-item-bg-color: var(--third-accent);
/*Group 3.2. Side menu*/
/*Group 3.2.1. Side menu general settings*/
/*selectList | Animation on expand | Enable or disable animated dropdown on menu expand | transform 0.15s ease#Animated menu dropdown;unset#No animation*/
--menu02-animated: unset;
/*hidden | selectList - Align menu block | Alignement of menu block | right#To right;center#Center;left#To left*/
--menu02-block-align: left;
/*hidden | rgba - Submenu side border color | Color of border of submenu.*/
--menu02-sub1-border-color: transparent;
/*freeInput | Expanded menu item icon | Expanded menu item icon*/
--menu02-expanded-icon: "\f74a"; /*"\f078"*/
/*freeInput | Collapsed menu item icon | Collapsed menu item icon*/
--menu02-collapsed-icon: "\faab";/*"\f054"*/
/*font-family | Plugin font family for expand/collapse icon | Plugin font family for icon. */
--menu02-icons-font-family:var(--icon-plugin-font-family);
/*sizeValue+cssValues | Expand/collapse icon weight | Expand/collapse icon weight.*/
--menu02-icons-font-weight:700;
/*-*/
/*rgba | Expanded icon color | Expanded icon color.*/
--menu02-expanded-icons-color: var(--main-accent);
/*rgba | Collapsed icon color | Collapsed icon color.*/
--menu02-collapsed-icons-color: var(--main-accent);
/*rgba | Expanded icon background color | Expanded icon background color.*/
--menu02-expanded-icons-bg-color: var(--main-light);
/*rgba | Collapsed icon background color | Collapsed icon background color.*/
--menu02-collapsed-icons-bg-color: transparent;
/*rgba | Expand/collapse icon border color | Expand/collapse icon border color.*/
--menu02-icons-border-color: transparent;
/*-*/
/*sizeValue+cssValues | Expand/collapse icon font size | Expand/collapse icon font size.*/
--menu02-icons-size: 1rem;
/*sizeValue+cssValues | XXX cia gali buti tik skaiciai be rem XXX Expand/collapse icon scale size | Expand/collapse icon scale size.*/
--menu02-icons-scale-size: 0.6;
/*Group 3.2.2. Side menu sizes, typography and style*/
/*font-family | Menu font family | Choose a font family for menu items*/
--menu02-font-family: var(--main-font-family);
/*sizeValue+cssValues | First level menu font size | First level menu font size.*/
--menu02-first-lvl-font-size: var(--small-font-size);
/*sizeValue+cssValues | First level menu font weight | First level menu font weight.*/
--menu02-first-lvl-font-weight: var(--menu01-first-lvl-font-weight);
/*sizeValue+cssValues | First level active menu font weight | First level active menu font weight.*/
--menu02-first-lvl-active-font-weight: var(--menu01-first-lvl-active-font-weight);
/*selectList | First level menu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu02-first-lvl-letter-case: uppercase;
/*sizeValue+cssValues | First level menu item height | First level menu item height*/
--menu02-first-lvl-menu-height: var(--inputs-line-height);
/*sizeValue+cssValues | First level menu item border radius (one value) | First level menu item border radius */
--menu02-first-lvl-menu-border-radius: var(--border-radius);
/*-*/
/*font-family | Submenu font family | Choose a font family for submenu items*/
--menu02-sub-lvl-font-family: var(--main-font-family);
/*sizeValue+cssValues | Submenu font size | Submenu font size.*/
--menu02-sub1-lvl-font-size: var(--smaller-font-size);
/*sizeValue+cssValues | Submenu font weight | Submenu font weight.*/
--menu02-sub1-lvl-font-weight: var(--main-font-weight);
/*selectList | Submenu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu02-sub1-lvl-letter-case: uppercase;
/*Group 3.2.3. Colors - common for all levels*/
/*rgba | Background of active parents, of selected active item | Background of active parents, of selected active item.*/
--menu02-parentofactive-bg-color: #ececec;
/*rgba | Text color of active parents, of selected active item | Text color of active parents, of selected active item.*/
--menu02-parentofactive-txt-color: #000000;
/*Group 3.2.4. Side menu colors - first level*/
/*rgba | Side menu container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu02-parent-bg-color: transparent;
/*rgba | Menu item text | Color of main menu item (not active or hover).*/
--menu02-txt-color: var(--main-dark);
/*rgba | Menu item background | Background color of main menu item (not active or hover).*/
--menu02-item-bg-color: rgba(255,255,255,0);
/*rgba | Hover menu item text | Color of hovered menu item.*/
--menu02-hover-txt-color: var(--second-light);
/*rgba | Hover menu item background | Background color of hovered menu item.*/
--menu02-hover-item-bg-color: var(--third-dark);
/*rgba | Active menu item text | Color of active menu item.*/
--menu02-active-txt-color: var(--main-light);
/*rgba | Active menu item background | Background color of active menu item.*/
--menu02-active-item-bg-color: var(--main-accent);
/*rgba | Active menu on hover item text | Color of active menu item on hover.*/
--menu02-active-hover-txt-color: var(--second-light);
/*rgba | Active menu on hover item background | Background color of active menu item on hover.*/
--menu02-active-hover-item-bg-color: var(--third-dark);
/*Group 3.2.5. Second level submenu colors*/
/*rgba | Side submenu container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu02-sub1-container-bg-color: var(--main-light);
/*rgba | Submenu item text | Color of submenu item (not active or hover).*/
--menu02-sub1-txt-color: var(--second-dark);
/*rgba | Submenu item background | Background color of submenu item (not active or hover).*/
--menu02-sub1-item-bg-color: transparent;
/*rgba | Hover submenu item text | Color of hovered submenu item.*/
--menu02-sub1-hover-txt-color: var(--second-light);
/*rgba | Hover submenu item background | Background color of hovered submenu item.*/
--menu02-sub1-hover-item-bg-color: var(--third-dark);
/*rgba | Active submenu item text | Color of active submenu item.*/
--menu02-sub1-active-txt-color: var(--main-light);
/*rgba | Active submenu item background | Background color of active submenu item.*/
--menu02-sub1-active-item-bg-color:var(--second-accent);
/*rgba | Active submenu on hover item text | Color of active submenu item on hover.*/
--menu02-sub1-active-hover-txt-color: var(--second-light);
/*rgba | Active submenu on hover item background | Background color of active submenu item on hover.*/
--menu02-sub1-active-hover-item-bg-color: var(--third-dark);
/*Group 3.2.6. Third level submenu colors*/
/*rgba | Side submenu container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu02-sub2-container-bg-color: var(--second-light);
/*rgba | Submenu item text | Color of submenu item (not active or hover).*/
--menu02-sub2-txt-color: var(--second-dark);
/*rgba | Submenu item background | Background color of submenu item (not active or hover).*/
--menu02-sub2-item-bg-color: transparent;
/*rgba | Hover submenu item text | Color of hovered submenu item.*/
--menu02-sub2-hover-txt-color: var(--second-light);
/*rgba | Hover submenu item background | Background color of hovered submenu item.*/
--menu02-sub2-hover-item-bg-color: var(--third-dark);
/*rgba | Active submenu item text | Color of active submenu item.*/
--menu02-sub2-active-txt-color: var(--main-light);
/*rgba | Active submenu item background | Background color of active submenu item.*/
--menu02-sub2-active-item-bg-color:var(--third-accent);
/*rgba | Active submenu on hover item text | Color of active submenu item on hover.*/
--menu02-sub2-active-hover-txt-color: var(--second-light);
/*rgba | Active submenu on hover item background | Background color of active submenu item on hover.*/
--menu02-sub2-active-hover-item-bg-color: var(--third-dark);
/*Group 3.3. Footer menu*/
/*Group 3.3.1. Footer menu general settings*/
/*helper | footer nav.footer-menu*/
/*hidden | Animation of dropdown | Enable or disable animated dropdown | transform 0.15s ease-out 0.15s#Animated menu dropdown;unset#No animation*/
--menu03-animated: transform 0.15s ease-out 0.15s;
/*selectList | Align menu block | Alignement of menu block | right#To right;center#Center;left#To left*/
--menu03-block-align: center;
/*-*/
/*toggle | Submenu visibility | Enable or disable submenu. | block#Visible;none#Hidden*/
--menu03-visibility: block;
/*toggle-end*/
/*sizeValue+cssValues | Menu width | Width of menu.*/
--menu03-sub-width: 10rem;
/*hidden | Submenu side border color | Color of border of submenu.*/
--menu03-sub-border-color: var(--main-accent);
/*-*/
/*hidden | "Has children" menu item icon | "Has children" menu item icon*/
--menu03-has-children-icon: "";
/*hidden | Plugin font family for "has children" icon | Plugin font family for icon. */
--menu03-has-children-font-family:var(--icon-plugin-font-family);
/*hidden | "Has children" icon weight | "Has children" icon weight.*/
--menu03-has-children-font-weight:var(--icon-plugin-font-weight);
/*hidden | "Has children" icon color | Has children icon color.*/
--menu03-has-children-icon-color: var(--main-accent);
/*hidden | "Has children" icon size | Has children icon size*/
--menu03-has-children-icon-size: 0.5rem;
/*Group 3.3.2. Footer menu sizes, typography and style*/
/*font-family | Menu font family | Choose a font family for menu items*/
--menu03-font-family: var(--main-font-family);
/*sizeValue+cssValues | First level menu font size | First level menu font size.*/
--menu03-first-lvl-font-size: var(--big-font-size);
/*sizeValue+cssValues | First level menu font weight | First level menu font weight.*/
--menu03-first-lvl-font-weight: var(--menu01-first-lvl-font-weight);
/*sizeValue+cssValues | First level active menu font weight | First level active menu font weight.*/
--menu03-first-lvl-active-font-weight: var(--menu01-first-lvl-active-font-weight);
/*selectList | First level menu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu03-first-lvl-letter-case: uppercase;
/*sizeValue+cssValues | First level menu item height | First level menu item height*/
--menu03-first-lvl-menu-height: var(--inputs-line-height);
/*sizeValue+cssValues | First level menu item border radius (one value) | First level menu item border radius */
--menu03-first-lvl-menu-border-radius: var(--border-radius);
/*-*/
/*font-family | Submenu font family | Choose a font family for submenu items*/
--menu03-sub-lvl-font-family: var(--main-font-family);
/*sizeValue+cssValues | Submenu font size | Submenu font size.*/
--menu03-sub-lvl-font-size: 0.8rem;
/*sizeValue+cssValues | Submenu font weight | Submenu font weight.*/
--menu03-sub-lvl-font-weight: var(--main-font-weight);
/*selectList | Submenu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu03-sub-lvl-letter-case: uppercase;
/*Group 3.3.3. Footer menu colors - first level*/
/*rgba | Dropdown list container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu03-parent-bg-color: transparent;
/*rgba | Menu item text | Color of main menu item (not active or hover).*/
--menu03-txt-color: var(--main-light);
/*rgba | Menu item background | Background color of main menu item (not active or hover).*/
--menu03-item-bg-color: transparent;
/*rgba | Hover menu item text | Color of hovered menu item.*/
--menu03-hover-txt-color: var(--main-light);
/*rgba | Hover menu item background | Background color of hovered menu item.*/
--menu03-hover-item-bg-color: transparent;
/*rgba | Active menu item text | Color of active menu item.*/
--menu03-active-txt-color: var(--main-accent);
/*rgba | Active menu item background | Background color of active menu item.*/
--menu03-active-item-bg-color: transparent;
/*rgba | Active menu on hover item text | Color of active menu item on hover.*/
--menu03-active-hover-txt-color: var(--main-accent);
/*rgba | Active menu on hover item background | Background color of active menu item on hover.*/
--menu03-active-hover-item-bg-color: transparent;
/*Group 3.3.4. Footer menu colors - submenu*/
/*rgba | Dropdown list container background color | Background color of main submenu container. If menu items has their own colors, this can be covered by them.*/
--menu03-sub-container-bg-color: transparent;
/*rgba | Submenu item text | Color of submenu item (not active or hover).*/
--menu03-sub-txt-color: var(--main-light);
/*rgba | Submenu item background | Background color of submenu item (not active or hover).*/
--menu03-sub-item-bg-color: transparent;
/*rgba | Hover submenu item text | Color of hovered submenu item.*/
--menu03-sub-hover-txt-color: var(--second-light);
/*rgba | Hover submenu item background | Background color of hovered submenu item.*/
--menu03-sub-hover-item-bg-color: rgba(255,255,255,0.1);
/*rgba | Active submenu item text | Color of active submenu item.*/
--menu03-sub-active-txt-color: var(--main-accent);
/*rgba | Active submenu item background | Background color of active submenu item.*/
--menu03-sub-active-item-bg-color:transparent;
/*rgba | Active submenu on hover item text | Color of active submenu item on hover.*/
--menu03-sub-active-hover-txt-color: var(--main-light);
/*rgba | Active submenu on hover item background | Background color of active submenu item on hover.*/
--menu03-sub-active-hover-item-bg-color: var(--main-accent);
/*Group 3.4. Small dropdowns*/
/*Group 3.4.1. General settings*/
/*selectList | Animation of dropdown | Enable or disable animated dropdown | transform 0.15s ease-out 0.15s#Animated menu dropdown;unset#No animation*/
--menu04-animated: transform 0.2s ease, opacity 0.2s ease;
/*selectList | Align menu block | Alignement of menu block | right#To right;center#Center;left#To left*/
--menu04-block-align: center;
/*-*/
/*toggle | Submenu visibility | Enable or disable submenu. | block#Visible;none#Hidden*/
--menu04-visibility: block;
/*toggle-end*/
/*sizeValue+cssValues | Submenu width | Width of dropdown submenu.*/
--menu04-sub-width: 12rem;
/*rgba | Submenu side border color | Color of border of submenu.*/
--menu04-sub-border-color: var(--main-accent);
/*-*/
/*box-shadow | Small drop down menu shadow | Small drop down menu shadow*/
--menu04-shadow: 0 1rem 1.5rem rgba(0,0,0,0.1);
/*-*/
/*freeInput | "Has children" menu item icon | "Has children" menu item icon*/
--menu04-has-children-icon: "\f067";
/*font-family | Plugin font family for "has children" icon | Plugin font family for icon. */
--menu04-has-children-font-family:var(--icon-plugin-font-family);
/*sizeValue+cssValues | "Has children" icon weight | "Has children" icon weight.*/
--menu04-has-children-font-weight:var(--icon-plugin-font-weight);
/*rgba | "Has children" icon color | Has children icon color.*/
--menu04-has-children-icon-color: var(--main-accent);
/*sizeValue+cssValues | "Has children" icon size | Has children icon size*/
--menu04-has-children-icon-size: 0.5rem;
/*Group 3.4.2. Sizes, typography and style*/
/*font-family| Menu font family | Choose a font family for menu items*/
--menu04-font-family: var(--main-font-family);
/*sizeValue+cssValues | First level menu font size | First level menu font size.*/
--menu04-first-lvl-font-size: var(--main-font-size);
/*sizeValue+cssValues | First level menu font weight | First level menu font weight.*/
--menu04-first-lvl-font-weight: var(--menu01-first-lvl-font-weight);
/*sizeValue+cssValues | First level active menu font weight | First level active menu font weight.*/
--menu04-first-lvl-active-font-weight: var(--menu01-first-lvl-active-font-weight);
/*selectList | First level menu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu04-first-lvl-letter-case: uppercase;
/*sizeValue+cssValues | First level menu item height | First level menu item height*/
--menu04-first-lvl-menu-height: var(--inputs-line-height);
/*sizeValue+cssValues | First level menu item border radius (one value) | First level menu item border radius */
--menu04-first-lvl-menu-border-radius: 0;
/*-*/
/*font-family| Menu font family | Choose a font family for menu items*/
--menu04-sub-lvl-font-family: var(--main-font-family);
/*sizeValue+cssValues | Submenu font size | Submenu font size.*/
--menu04-sub-lvl-font-size: var(--small-font-size);
/*sizeValue+cssValues | Submenu font weight | Submenu font weight.*/
--menu04-sub-lvl-font-weight: var(--main-font-weight);
/*selectList | Submenu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu04-sub-lvl-letter-case: uppercase;
/*Group 3.4.3. "HTML items" style*/
/*rgba | Dropdown list HTML container background color | Background color of HTML menu container in small drop down.*/
--menu04-html-bg-color: var(--main-light);
/*sizeValue+cssValues | Line height of HTML container | Line height of HTML container.*/
--menu04-html-line-height: var(--line-height);
/*selectList | Dropdown list HTML container links letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--menu04-html-letter-case: none;
/*Group 3.4.4. Colors - first level*/
/*rgba | Dropdown list container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu04-parent-bg-color: transparent;
/*rgba | Menu item text | Color of main menu item (not active or hover).*/
--menu04-txt-color: var(--second-dark);
/*rgba | Menu item background | Background color of main menu item (not active or hover).*/
--menu04-item-bg-color: transparent;
/*rgba | Hover menu item text | Color of hovered menu item.*/
--menu04-hover-txt-color: var(--main-dark);
/*rgba | Hover menu item background | Background color of hovered menu item.*/
--menu04-hover-item-bg-color: var(--second-light);
/*rgba | Active menu item text | Color of active menu item.*/
--menu04-active-txt-color: var(--main-light);
/*rgba | Active menu item background | Background color of active menu item.*/
--menu04-active-item-bg-color: var(--main-accent);
/*rgba | Active menu on hover item text | Color of active menu item on hover.*/
--menu04-active-hover-txt-color: var(--main-light);
/*rgba | Active menu on hover item background | Background color of active menu item on hover.*/
--menu04-active-hover-item-bg-color: var(--main-dark);
/*Group 3.4.5. Colors - submenu*/
/*rgba | Dropdown list container background color | Background color of main submenu container. If menu items has their own colors, this can be covered by them.*/
--menu04-sub-container-bg-color: transparent;
/*rgba | Submenu item text | Color of submenu item (not active or hover).*/
--menu04-sub-txt-color: var(--main-dark);
/*rgba | Submenu item background | Background color of submenu item (not active or hover).*/
--menu04-sub-item-bg-color: var(--second-light);
/*rgba | Hover submenu item text | Color of hovered submenu item.*/
--menu04-sub-hover-txt-color: var(--second-light);
/*rgba | Hover submenu item background | Background color of hovered submenu item.*/
--menu04-sub-hover-item-bg-color: var(--third-dark);
/*rgba | Active submenu item text | Color of active submenu item.*/
--menu04-sub-active-txt-color: var(--main-light);
/*rgba | Active submenu item background | Background color of active submenu item.*/
--menu04-sub-active-item-bg-color:var(--main-accent);
/*rgba | Active submenu on hover item text | Color of active submenu item on hover.*/
--menu04-sub-active-hover-txt-color: var(--main-light);
/*rgba | Active submenu on hover item background | Background color of active submenu item on hover.*/
--menu04-sub-active-hover-item-bg-color: var(--main-accent);
/*Group 3.5. Bradcrumbs ??*/
/*Group 4. By component*/
/*Group 4.1. Search*/
/*Group 4.1.1. Header search*/
/*helper | header .search*/
/*info | Search button icon*/
/*toggle | Show/hide search icon | Enable or disable icon. | inline-block#Visible;none#Hidden*/
--search-button-icon-visibility: inline-flex;
/*selectList | Icon position | Position of the icon. | -1#Only icon;0#Icon on the left;3#Icon on the right*/
--search-button-icon-pos:-1;
/*sizeValue+cssValues | Icon margins | Button icon margins.*/
--search-button-icon-margin:0 0 0 0;
/*comment | i For icon on the left: 0 0.5rem 0 0
For icon on the right: 0 0 0 0.5rem */
/*selectList | Font family or file | Font family of file of the icon. | var(--icon-plugin-font-family)#Theme default;"icomoon"#Icon54 / icomoon;"Font Awesome 5 Free"#Font Awesome Free; #Custom font; #Icon library; #Browse file*/
--search-icon-font-family:var(--icon-plugin-font-family);
/*comment | i You can choose Custom to add custom webfont or Browse to add a file.*/
/*freeInput | Search button icon code| Search button icon.*/
--search-button-icon:"\ec0c";
/*comment | i Try "\ec0c" if using icon54, "\f002" - Font Awesome.*/
/*sizeValue+cssValues | Search button icon weight | Search button icon weight.*/
--search-icon-font-weight:var(--icon-plugin-font-weight);
/*comment | i Try 400 if using icon54, 900 or 400 - Font Awesome*/
/*rgba | Search button icon color | Search button icon color.*/
--search-button-icon-color: var(--main-dark);
/*sizeValue+cssValues | Search button icon size | Search button icon size.*/
--search-button-icon-size: var(--main-font-size);
/*toggle-end*/
/*info | Button text*/
/*toggle | Show/hide search button text | Show/hide search button text | inline#Visible;none#Hidden*/
--search-button-txt-visibility: none;
/*rgba | Search button text color | Search button text color.*/
--search-button-txt-color: inherit;
/*selectList | Search button text letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--search-button-txt-letter-case: uppercase;
/*toggle-end*/
/*info | Button style*/
/*rgba | Button background color | I.e. you can show/hide button background leaving only icon.*/
--search-button-bg-color: var(--main-light);
/*comment | i Default: var(--main-button-bg-color)*/
/*rgba | Button border color | I.e. you can show/hide button border.*/
--search-button-border-color: var(--main-input-border-color);
/*comment | i Default: var(--main-input-border-color)*/
/*sizeValue+cssValues | Search button paddings | Search button paddings.*/
--search-button-paddings: 0 var(--small-padding);
/*comment | i For "only text" button variant use: 0 var(--big-padding)*/
/*info | Search input*/
/*rgba | Input background color | I.e. you can show/hide input background leaving only text.*/
--search-input-bg-color: var(--main-input-bg-color);
/*comment | i Default: var(--main-input-bg-color)*/
/*rgba | Input border color | I.e. you can show/hide input border.*/
--search-input-border-color: var(--main-input-border-color);
/*comment | i Default: var(--main-button-border-color)*/
/*Group 4.1.2. Footer search*/
/*helper | footer .search*/
/*Group 4.2. Languages*/
/*Group 4.2.1. Header languages*/
/*helper | header .languages*/
/*info | Display icon*/
/*toggle | Show/hide languages icon | Enable or disable icon. | inline-block#Visible;none#Hidden*/
--head-lang-icon-visibility: inline-block;
/*selectList | Icon position | Position of the icon. | 0#On the left;3#On the right*/
--head-lang-icon-pos:0;
/*selectList | Font family or file | Font family of file of the icon. | var(--icon-plugin-font-family)#Theme default;"icomoon"#Icon54 / icomoon;"Font Awesome 5 Free"#Font Awesome Free; #Custom font; #Icon library; #Browse file*/
--head-lang-icon-font-family:var(--icon-plugin-font-family);
/*comment | i You can choose Custom to add custom webfont or Browse to add a file.*/
/*freeInput | Languages icon code| Languages icon code.*/
--head-lang-icon:"\ea44";
/*comment | i Try "\f837" as alternative from icon54, "\f7a2" - Font Awesome.*/
/*sizeValue+cssValues | Languages icon weight | Languages icon weight.*/
--head-lang-icon-font-weight:var(--icon-plugin-font-weight);
/*comment | i Try 400 if using icon54, 900 or 400 - Font Awesome*/
/*rgba | Languages icon color | Languages icon color.*/
--head-lang-icon-color: inherit;
/*sizeValue+cssValues | Languages icon size | Languages icon size.*/
--head-lang-icon-size: var(--icon-font-size);
/*toggle-end*/
/*-*/
/*toggle | Show/hide search button text | Show/hide search button text | inline#Visible;none#Hidden*/
--search-button-txt-visibility: none;
/*toggle-end*/
/*info | Display text*/
/*toggle | Show/hide languages display text | Show/hide languages display text | inline#Visible;none#Hidden*/
--head-lang-txt-visibility: inline;
/*sizeValue+cssValues | Header languages font size | Header languages font size.*/
--head-lang-txt-font-size: var(--small-font-size);
/*sizeValue+cssValues | Header languages font weight | Header languages font weight.*/
--head-lang-txt-font-weight: var(--main-font-weight);
/*selectList | Header languages letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize*/
--head-lang-txt-letter-case: none;
/*toggle-end*/
/*Group 4.2.2. Footer languages*/
/*helper | footer .languages*/
/*Group 4.3. Newsletter*/
/*Group 4.3.1. Header newsletter*/
/*helper | header .newsletter*/
/*Group 4.3.2. Footer newsletter*/
/*helper | footer .newsletter*/
/*Group 4.4. Locked zone*/
/*Group 4.4.1. Header locked zone*/
/*helper | header .userZone*/
/*Group 4.4.2. Footer locked zone*/
/*helper | footer .userZone*/
/*Group 4.5. Eshop*/
/*Group 4.5.1. General settings*/
/*info | Eshop left column*/
/*toggle | Left eshop block visibility | Visibility of left column only on eshop | Block#Visible;none#Not visible*/
--eshop-left-cont-visibility: block;
/*comment | Independant from "Layout columns" visibility setting*/
/*toggle | Categories menu block visibility | Visibility of left column categories menu | Block#Visible;none#Not visible*/
--eshop-side-menu-visibility: block;
/*toggle-end*/
/*toggle | Product lines block visibility | Visibility of left column product lines | Block#Visible;none#Not visible*/
--eshop-lines-visibility: none;
/*toggle-end*/
/*toggle | Trademarks block visibility | Visibility of left column trademarks | Block#Visible;none#Not visible*/
--eshop-trademarks-visibility: none;
/*toggle-end*/
/*toggle | Random product block visibility | Visibility of left column random product | Block#Visible;none#Not visible*/
--eshop-random-prods-visibility: none;
/*toggle-end*/
/*toggle-end*/
/*info | Eshop right column*/
/*toggle | Right eshop block visibility | Visibility of right column only on eshop | Block#Visible;none#Not visible*/
--eshop-right-cont-visibility: none;
/*comment | i Independant from "Layout columns" visibility setting*/
/*toggle-end*/
/*info | New / Sale / Pop items*/
/*rgba | "New" eshop color | New eshop color*/
--new-item-color: var(--main-dark);
/*rgba | "Sale" eshop color | Sale eshop color*/
--sale-item-color: var(--main-dark);
/*rgba | "Popular" eshop color | Popular eshop color*/
--pop-item-color: var(--main-dark);
/*Group 4.5.2. Header cart*/
/*helper | header .eshop-cart*/
/*Group 4.5.3. User panel icon*/
/*helper | header .eshop-userPanel*/
/*Group 4.5.4. Currencies icon*/
/*helper | header .eshop-currencies*/
/*Group 4.5.5. Categories*/
/*Group 4.5.6. Product lists*/
/*info | "Add to cart" button icon*/
/*toggle | Show/hide "Add to cart" button icon | Enable or disable icon. | inline-block#Visible;none#Hidden*/
--add2cart-button-icon-visibility: inline-block;
/*selectList | Icon position | Position of the icon. | 0#On the left;3#On the right*/
--add2cart-button-icon-pos:0;
/*comment | i Check margins of icon (below) and change if necessary.*/
/*sizeValue+cssValues | "Add to cart" icon margins | Button icon margins.*/
--add2cart-button-icon-margin:0 0.5rem 0 0;
/*comment | i For icon on the left: 0 0.5rem 0 0
For icon on the right: 0 0 0 0.5rem */
/*selectList | Font family or file | Font family of file of the icon. | var(--icon-plugin-font-family)#Theme default;"icomoon"#Icon54 / icomoon;"Font Awesome 5 Free"#Font Awesome Free; #Custom font; #Icon library; #Browse file*/
--add2cart-icon-font-family:var(--icon-plugin-font-family);
/*comment | i You can choose Custom to add custom webfont or Browse to add a file.*/
/*freeInput | "Add to cart" button icon code| Button icon code.*/
--add2cart-button-icon:"\f47b";
/*comment | i Try "\f47b" if using icon54, "\f217" - Font Awesome.*/
/*sizeValue+cssValues | "Add to cart" button icon weight | Button icon weight.*/
--add2cart-icon-font-weight:var(--icon-plugin-font-weight);
/*comment | i Try 400 if using icon54, 900 or 400 - Font Awesome*/
/*rgba | "Add to cart" button icon color | Button icon color.*/
--add2cart-button-icon-color: inherit;
/*sizeValue+cssValues | "Add to cart" button icon size | "Add to cart" button icon size.*/
--add2cart-button-icon-size: var(--icon-font-size);
/*toggle-end*/
/*info | "Add to cart" button text*/
/*sizeValue+cssValues | "Add to cart" button text size | Button text size.*/
--add2cart-button-txt-size:var(--main-button-font-size);
/*comment | i Default button text size value is: var(--main-button-font-size)*/
/*Group 4.5.7. Product filters*/
/*Group 4.5.8. Product page*/
/*Group 4.5.9. Cart page*/
/*Group 4.5.10. User page & register*/
/*Group 4.6. Articles*/
/*Group 4.6.1. Articles list*/
/*rgba | Article list item background | Backgeround color of articles (news) list item*/
--article-list-item-bg: var(--main-light);
/*Group 4.6.2. Article page*/
/*Group 4.7. Slides*/
/*Group 4.8. Modals*/
/*Group 4.9. Forms*/
/*Group 4.9.1. Common forms properties*/
/*info | Various settings for forms module, not aplied on serarch, newsletter etc.*/
/*selectList | Form architecture | One column or two columns form | block#One column forms;grid#Two columns form*/
--form-architecture: block;
/*selectList | Form lables visibility - for two collumns | Form lables visibility - for two collumns | none#Not visible;block#Visible*/
--form-labels-visibility: none;
/*Group 4.9.2. Forms colors and styles*/
/*info | Form container*/
/*rgba | Form container background color | Form container background color */
--form-bg-background: transparent;
/*sizeValue+cssValues | Form container padding | Form container padding*/
--form-bg-padding: var(--big-padding);
/*info | Inputs*/
/*rgba | Form inputs placeholder color | Make it transparent to hide*/
--form-placeholders-color: #cccccc;
/*rgba | Form inputs background color | Form inputs background color */
--form-input-bg-color: var(--main-input-bg-color);
/*rgba | Form inputs border color | Form inputs border color */
--form-input-border-color: var(--main-input-border-color);
/*sizeValue+cssValues | Form inputs border radius | Form inputs border radius */
--form-input-border-radius: var(--main-input-border-radius);
/*Group 4.10. Layers*/
/*Group 4.11. Global blocks*/
/*Group 4.11.1. Header user content*/
/*helper | header .user-content*/
/*Group 4.11.2. Footer user content*/
/*helper | footer .user-content*/
/*Group 5. Mobile*/
/*Group 5.1. Mobile global settings*/
/*sizeValue+cssValues | Mobile body font size | Mobile body font size. 1rem = --mobile-body-font-size and not 16px*/
--mobile-body-font-size: 20px;
/*Group 5.2. Mobile header*/
/*sizeValue+cssValues | Mobile header height | Mobile header height, also the size of padding compensating header height if needed.*/
--mob-header-height: 3rem;
/*sizeValue+cssValues | Mobile header logo height | Mobile header logo height*/
--mob-logo-height: 80%;
/*sizeValue+cssValues | Mobile header logo max width | Mobile header logo max width*/
--mob-logo-max-width: 8rem;
/*box-shadow | Mobile header shadow | Mobile header shadow*/
--mob-header-shadow: 0 0.6rem 1.25rem rgba(0,0,0,0.2);
/*multiple-background | Colors and backgrounds | Mobile header colors and backgrounds of the website. Inherited to inner pages if not set otherwise.*/
--mob-header-background:
none /* image */
center center / 6rem auto /* position / size */
no-repeat /* repeat */
fixed /* attachment */
padding-box /* background-origin */
border-box /* background-clip */
var(--second-light); /* color */
/*selectList | Positioning of mobile header | Positioning of mobile header. | sticky#Header sticks to top (sticky)#position: -webkit-sticky;relative#Header scrolls with website (relative);fixed#Header sticks to top alternative (fixed)*/
--mob-header-positioning: fixed;
/*sizeValue+cssValues | If mobile header is fixed - compensate | If mobile header is fixed - compensate*/
--mob-fixed-header-compensation: var(--mob-header-height);
/*sizeValue+cssValues | Mobile header Z index | Position of header in Z axis*/
--mob-header-z-index: 44444;
/*Group 5.3. Mobile menu*/
/*Group 5.3.1. Mobile menu general settings*/
/*selectList | Animation on expand | Enable or disable animated dropdown on menu expand | transform 0.15s ease#Animated menu dropdown;unset#No animation*/
--menu-mob01-animated: transform 0.15s ease;
/*hidden | selectList - Align menu block | Alignement of menu block | right#To right;center#Center;left#To left*/
--menu-mob01-block-align: left;
/*hidden -*/
/*hidden | sizeValue+cssValues | Mobile menu width ??? | Width of all side menu block. Menu itself is 100%, value goes to side block width.*/
--menu-mob01-width: 16rem;
/*hidden | rgba - Submenu side border color | Color of border of submenu.*/
--menu-mob01-sub1-border-color: transparent;
/*-*/
/*freeInput | Expanded menu item icon | "Has children" menu item icon*/
--menu-mob01-expanded-icon: "\f74a";/*"\f078"*/
/*freeInput | Collapsed menu item icon | "Has children" menu item icon*/
--menu-mob01-collapsed-icon: "\faab";/*"\f054";*/
/*font-family | Plugin font family for expand/collapse icon | Plugin font family for icon. */
--menu-mob01-icons-font-family:var(--icon-plugin-font-family);
/*sizeValue+cssValues | Expand/collapse icon weight | Expand/collapse icon weight.*/
--menu-mob01-icons-font-weight:var(--icon-plugin-font-weight);
/*-*/
/*rgba | Collapsed icon color | Collapsed icon color.*/
--menu-mob01-collapsed-icons-color: var(--main-accent);
/*rgba | Collapsed icon background color | Collapsed icon background color.*/
--menu-mob01-collapsed-icons-bg-color: var(--main-light);
/*rgba | Expanded icon color | Expanded icon color.*/
--menu-mob01-expanded-icons-color: var(--second-gray);
/*rgba | Expanded icon background color | Expanded icon background color.*/
--menu-mob01-expanded-icons-bg-color: var(--main-light);
/*rgba | Expand/collapse icon border color | Expand/collapse icon border color.*/
--menu-mob01-icons-border-color: transparent;
/*-*/
/*sizeValue+cssValues | Expand/collapse icon font size | Expand/collapse icon font size.*/
--menu-mob01-icons-size: 1rem;
/*sizeValue+cssValues | XXX cia gali buti tik skaiciai be rem XXX Expand/collapse icon scale size | Expand/collapse icon scale size.*/
--menu-mob01-icons-scale-size: 0.8;
/*Group 5.3.2. Mobile menu sizes, typography and style*/
/*font-family | Menu font family | Choose a font family for menu items*/
--menu-mob01-font-family: var(--main-font-family);
/*sizeValue+cssValues | First level menu font size | First level menu font size.*/
--menu-mob01-first-lvl-font-size: var(--main-font-size);
/*sizeValue+cssValues | First level menu font weight | First level menu font weight.*/
--menu-mob01-first-lvl-font-weight: var(--menu01-first-lvl-font-weight);
/*sizeValue+cssValues | First level active menu font weight | First level active menu font weight.*/
--menu-mob01-first-lvl-active-font-weight: var(--menu01-first-lvl-active-font-weight);
/*selectList | First level menu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu-mob01-first-lvl-letter-case: uppercase;
/*sizeValue+cssValues | First level menu item height | First level menu item height*/
--menu-mob01-first-lvl-menu-height: var(--inputs-line-height);
/*sizeValue+cssValues | First level menu item border radius (one value) | First level menu item border radius */
--menu-mob01-first-lvl-menu-border-radius: var(--border-radius);
/*-*/
/*font-family | Submenu font family | Choose a font family for submenu items*/
--menu-mob01-sub-lvl-font-family: var(--main-font-family);
/*sizeValue+cssValues | Submenu font size | Submenu font size.*/
--menu-mob01-sub1-lvl-font-size: var(--small-font-size);
/*sizeValue+cssValues | Submenu font weight | Submenu font weight.*/
--menu-mob01-sub1-lvl-font-weight: var(--main-font-weight);
/*selectList | Submenu letter case | Change to all caps or normal. | uppercase#Uppercase;none#Normal case;lowercase#Lower case;capitalize#Capitalize;unset#Default*/
--menu-mob01-sub1-lvl-letter-case: uppercase;
/*Group 5.3.3. Colors - common for all levels*/
/*rgba | Background of active parents, of selected active item | Background of active parents, of selected active item.*/
--menu-mob01-parentofactive-bg-color: #ececec;
/*rgba | Text color of active parents, of selected active item | Text color of active parents, of selected active item.*/
--menu-mob01-parentofactive-txt-color: #000000;
/*Group 5.3.4. Mobile menu colors - first level*/
/*rgba | Mobile menu container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu-mob01-parent-bg-color: transparent;
/*rgba | Menu item text | Color of main menu item (not active or hover).*/
--menu-mob01-txt-color: var(--main-dark);
/*rgba | Menu item background | Background color of main menu item (not active or hover).*/
--menu-mob01-item-bg-color: transparent;
/*rgba | Hover menu item text | Color of hovered menu item.*/
--menu-mob01-hover-txt-color: var(--menu-mob01-txt-color);
/*rgba | Hover menu item background | Background color of hovered menu item.*/
--menu-mob01-hover-item-bg-color: var(--menu-mob01-item-bg-color);
/*rgba | Active menu item text | Color of active menu item.*/
--menu-mob01-active-txt-color: var(--main-accent);
/*rgba | Active menu item background | Background color of active menu item.*/
--menu-mob01-active-item-bg-color: var(--third-light);
/*rgba | Active menu on hover item text | Color of active menu item on hover.*/
--menu-mob01-active-hover-txt-color: var(--menu-mob01-active-txt-color);
/*rgba | Active menu on hover item background | Background color of active menu item on hover.*/
--menu-mob01-active-hover-item-bg-color: var(--menu-mob01-active-item-bg-color);
/*Group 5.3.5. Second level submenu colors*/
/*rgba | Mobile submenu container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu-mob01-sub1-container-bg-color: transparent;
/*rgba | Submenu item text | Color of submenu item (not active or hover).*/
--menu-mob01-sub1-txt-color: var(--third-dark);
/*rgba | Submenu item background | Background color of submenu item (not active or hover).*/
--menu-mob01-sub1-item-bg-color: var(--second-light);
/*rgba | Hover submenu item text | Color of hovered submenu item.*/
--menu-mob01-sub1-hover-txt-color: var(--menu-mob01-sub1-txt-color);
/*rgba | Hover submenu item background | Background color of hovered submenu item.*/
--menu-mob01-sub1-hover-item-bg-color: var(--menu-mob01-sub1-item-bg-color);
/*rgba | Active submenu item text | Color of active submenu item.*/
--menu-mob01-sub1-active-txt-color: var(--main-accent);
/*rgba | Active submenu item background | Background color of active submenu item.*/
--menu-mob01-sub1-active-item-bg-color:var(--third-light);
/*rgba | Active submenu on hover item text | Color of active submenu item on hover.*/
--menu-mob01-sub1-active-hover-txt-color: var(--menu-mob01-sub1-active-txt-color);
/*rgba | Active submenu on hover item background | Background color of active submenu item on hover.*/
--menu-mob01-sub1-active-hover-item-bg-color: var(--menu-mob01-sub1-active-item-bg-color);
/*Group 5.3.6. Third level submenu colors*/
/*rgba | Mobile submenu container background color | Background color of main menu container. If menu items has their own colors, this can be covered by them.*/
--menu-mob01-sub2-container-bg-color: transparent;
/*rgba | Submenu item text | Color of submenu item (not active or hover).*/
--menu-mob01-sub2-txt-color: var(--third-dark);
/*rgba | Submenu item background | Background color of submenu item (not active or hover).*/
--menu-mob01-sub2-item-bg-color: var(--main-light);
/*rgba | Hover submenu item text | Color of hovered submenu item.*/
--menu-mob01-sub2-hover-txt-color: var(--menu-mob01-sub2-txt-color);
/*rgba | Hover submenu item background | Background color of hovered submenu item.*/
--menu-mob01-sub2-hover-item-bg-color: var(--menu-mob01-sub2-item-bg-color);
/*rgba | Active submenu item text | Color of active submenu item.*/
--menu-mob01-sub2-active-txt-color: var(--main-accent);
/*rgba | Active submenu item background | Background color of active submenu item.*/
--menu-mob01-sub2-active-item-bg-color:var(--third-light);
/*rgba | Active submenu on hover item text | Color of active submenu item on hover.*/
--menu-mob01-sub2-active-hover-txt-color: var(--menu-mob01-sub2-active-txt-color);
/*rgba | Active submenu on hover item background | Background color of active submenu item on hover.*/
--menu-mob01-sub2-active-hover-item-bg-color: var(--menu-mob01-sub2-active-item-bg-color);
/*Variables End*/
/*SkinVars*/
/* --menu01-block-align:center;
--email-default-image:url("uploads/skin/email-photo.jpg") top center / 100vw 100vh no-repeat fixed padding-box border-box var(--second-light);
--form-architecture:grid;
--form-labels-visibility:block;
--left-cont-visibility:Block;
--form-bg-background:transparent; */
/*SkinVars End*/
/*constructor*/
}