diff --git a/.gitignore b/.gitignore
index bdee144..288cf55 100644
--- a/.gitignore
+++ b/.gitignore
@@ -66,4 +66,6 @@ sync.ffs_db
*.back
*.bak
*.old
-sftp-config.json
\ No newline at end of file
+
+#Custom CSS Brands
+/media/templates/site/moko-cassiopeia/css/global/colors_custom_*.css
\ No newline at end of file
diff --git a/language/en-GB/tpl_moko-cassiopeia.ini b/language/en-GB/tpl_moko-cassiopeia.ini
index ce7f6f7..8f7baf9 100644
--- a/language/en-GB/tpl_moko-cassiopeia.ini
+++ b/language/en-GB/tpl_moko-cassiopeia.ini
@@ -7,7 +7,6 @@ MOKO-CASSIOPEIA="MOKO-CASSIOPEIA Site template"
TPL_MOKO-CASSIOPEIA_BACKTOTOP="Back to Top"
TPL_MOKO-CASSIOPEIA_BACKTOTOP_LABEL="Back-to-top Link"
TPL_MOKO-CASSIOPEIA_BRAND_LABEL="Brand"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_MEAEWELLNESS="Meae Wellness"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_LABEL="Color Theme"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_STANDARD="Standard"
@@ -25,9 +24,6 @@ TPL_MOKO-CASSIOPEIA_TAGLINE_DESC="Optional text to show as a subheading"
TPL_MOKO-CASSIOPEIA_TITLE="Title (alternative to logo)"
TPL_MOKO-CASSIOPEIA_XML_DESCRIPTION="Continuing the space theme (Solarflare from 1.0, Milkyway from 1.5 and Protostar from 3.0), MOKO-CASSIOPEIA is the Joomla 4 site template based on Bootstrap 5."
TPL_MOKO-CASSIOPEIA_STICKYMENU_LABEL="Sticky Menu?"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_MEAE_WELLNESS="Custom: Meae Wellness"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_SRA="Custom: SRA"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_OPTAIN="Custom: Optain Funding"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM="Custom"
TPL_MOKO-CASSIOPEIA_FA6KITCODE_LABEL="Font Awesome 6 Kit Unique Code"
TPL_MOKO-CASSIOPEIA_FA6KITCODE_DESC="If left blank, FontAwesome 5 will be used.
Copy the unique Kit embed code above and paste it into the of your project's HTML file or template.
More information at the Font Awesome website."
diff --git a/language/en-US/tpl_moko-cassiopeia.ini b/language/en-US/tpl_moko-cassiopeia.ini
index 272e7e7..8f7baf9 100644
--- a/language/en-US/tpl_moko-cassiopeia.ini
+++ b/language/en-US/tpl_moko-cassiopeia.ini
@@ -7,7 +7,6 @@ MOKO-CASSIOPEIA="MOKO-CASSIOPEIA Site template"
TPL_MOKO-CASSIOPEIA_BACKTOTOP="Back to Top"
TPL_MOKO-CASSIOPEIA_BACKTOTOP_LABEL="Back-to-top Link"
TPL_MOKO-CASSIOPEIA_BRAND_LABEL="Brand"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_MEAEWELLNESS="Meae Wellness"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_LABEL="Color Theme"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_STANDARD="Standard"
@@ -25,9 +24,6 @@ TPL_MOKO-CASSIOPEIA_TAGLINE_DESC="Optional text to show as a subheading"
TPL_MOKO-CASSIOPEIA_TITLE="Title (alternative to logo)"
TPL_MOKO-CASSIOPEIA_XML_DESCRIPTION="Continuing the space theme (Solarflare from 1.0, Milkyway from 1.5 and Protostar from 3.0), MOKO-CASSIOPEIA is the Joomla 4 site template based on Bootstrap 5."
TPL_MOKO-CASSIOPEIA_STICKYMENU_LABEL="Sticky Menu?"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_MEAEWELLNESS="Custom: Meae Wellness"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_SRA="Custom: SRA"
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_OPTAIN="Custom: Optain Funding"
TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM="Custom"
TPL_MOKO-CASSIOPEIA_FA6KITCODE_LABEL="Font Awesome 6 Kit Unique Code"
TPL_MOKO-CASSIOPEIA_FA6KITCODE_DESC="If left blank, FontAwesome 5 will be used.
Copy the unique Kit embed code above and paste it into the of your project's HTML file or template.
More information at the Font Awesome website."
diff --git a/media/templates/site/moko-cassiopeia/css/global/colors_custom_meaewellness.css b/media/templates/site/moko-cassiopeia/css/global/colors_custom_meaewellness.css
deleted file mode 100644
index af55232..0000000
--- a/media/templates/site/moko-cassiopeia/css/global/colors_custom_meaewellness.css
+++ /dev/null
@@ -1,422 +0,0 @@
-:root {
- --moko-cassiopeia-color-primary: #30638d;
- --moko-cassiopeia-color-link: #15496e;
- --moko-cassiopeia-color-hover: #448344;
-
- --moko-cassiopeia-header-background-image: url('../../../../../../media/templates/site/moko-cassiopeia/images/meaewellness/background.png');
- --moko-cassiopeia-header-background-position: center center;
- --moko-cassiopeia-header-background-attachment: fixed;
- --moko-cassiopeia-header-background-repeat: no-repeat;
- --moko-cassiopeia-header-background-size: cover;
-
- --nav-text-color: black;
- --nav-bg-color: #79ec3d6b;
- --accent-color-primary: #3f8ff0;
- --accent-color-secondary: #3f8ff0;
- --border: 5px;
- --mainmenu-nav-link-color: black;
-
- --blue: #010156;
- --black: #000;
- --indigo: #6812f3;
- --purple: #6f42c2;
- --pink: #e93f8e;
- --red: #a51f18;
- --orange: #fd7e17;
- --yellow: #ad6200;
- --green: #448344;
- --teal: #5abfdd;
- --cyan: #30638d;
- --white: #fff;
- --gray-100: #f9fafb;
- --gray-200: #eaedf0;
- --gray-300: #dfe3e7;
- --gray-400: #ced4da;
- --gray-500: #adb5bd;
- --gray-600: #6d757e;
- --gray-700: #484f56;
- --gray-800: #353b41;
- --gray-900: #22262a;
- --primary: #010156;
- --secondary: #6d757e;
- --success: #448344;
- --info: #30638d;
- --warning: #ad6200;
- --danger: #a51f18;
- --light: #f9fafb;
- --dark: #353b41;
- --primary-rgb: 1, 1, 86;
- --secondary-rgb: 109, 117, 126;
- --success-rgb: 68, 131, 68;
- --info-rgb: 48, 99, 141;
- --warning-rgb: 173, 98, 0;
- --danger-rgb: 165, 31, 24;
- --light-rgb: 249, 250, 251;
- --dark-rgb: 53, 59, 65;
- --primary-text-emphasis: #002;
- --secondary-text-emphasis: #2c2f32;
- --success-text-emphasis: #1b351b;
- --info-text-emphasis: #132838;
- --warning-text-emphasis: #452700;
- --danger-text-emphasis: #420c09;
- --light-text-emphasis: #484f56;
- --dark-text-emphasis: #484f56;
- --primary-bg-subtle: #ccd;
- --secondary-bg-subtle: #e2e3e5;
- --success-bg-subtle: #dae6da;
- --info-bg-subtle: #d6e0e8;
- --warning-bg-subtle: #efe0cc;
- --danger-bg-subtle: #edd2d1;
- --light-bg-subtle: #fcfcfd;
- --dark-bg-subtle: #ced4da;
- --primary-border-subtle: #99b;
- --secondary-border-subtle: #c5c8cb;
- --success-border-subtle: #b4ceb4;
- --info-border-subtle: #acc1d1;
- --warning-border-subtle: #dec099;
- --danger-border-subtle: #dba5a2;
- --light-border-subtle: #eaedf0;
- --dark-border-subtle: #adb5bd;
- --white-rgb: 255, 255, 255;
- --black-rgb: 0, 0, 0;
- --font-sans-serif: -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-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- --gradient: linear-gradient(180deg, #ffffff26, #fff0);
- --body-font-family: var(--optain-cassiopeia-font-family-body, -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");
- --body-font-size: 1rem;
- --body-font-weight: 400;
- --body-line-height: 1.5;
- --body-color: #22262a;
- --body-color-rgb: 34, 38, 42;
- --body-bg: #fff;
- --body-bg-rgb: 255, 255, 255;
- --emphasis-color: #000;
- --emphasis-color-rgb: 0, 0, 0;
- --secondary-color: #22262abf;
- --secondary-color-rgb: 34, 38, 42;
- --secondary-bg: #eaedf0;
- --secondary-bg-rgb: 234, 237, 240;
- --tertiary-color: #22262a80;
- --tertiary-color-rgb: 34, 38, 42;
- --tertiary-bg: #f9fafb;
- --tertiary-bg-rgb: 249, 250, 251;
- --heading-color: inherit;
- --link-color: #224faa;
- --link-color-rgb: 34, 79, 170;
- --link-decoration: underline;
- --link-hover-color: #424077;
- --link-hover-color-rgb: 66, 64, 119;
- --code-color: #e93f8e;
- --highlight-color: #22262a;
- --highlight-bg: #fbeea8;
- --border-width: 1px;
- --border-style: solid;
- --border-color: #dfe3e7;
- --border-color-translucent: #0000002d;
- --border-radius: .25rem;
- --border-radius-sm: .2rem;
- --border-radius-lg: .3rem;
- --border-radius-xl: .3rem;
- --border-radius-xxl: 2rem;
- --border-radius-2xl: var(--border-radius-xxl);
- --border-radius-pill: 50rem;
- --box-shadow: 0 .5rem 1rem #00000026;
- --box-shadow-sm: 0 .125rem .25rem #00000013;
- --box-shadow-lg: 0 1rem 3rem #0000002d;
- --box-shadow-inset: inset 0 1px 2px #00000013;
- --focus-ring-width: .25rem;
- --focus-ring-opacity: .25;
- --focus-ring-color: #01015640;
- --form-valid-color: #448344;
- --form-valid-border-color: #448344;
- --form-invalid-color: #a51f18;
- --form-invalid-border-color: #a51f18;
-}
-
-.btn-primary {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(240, 98%, 17%);
- --btn-border-color: hsl(240, 98%, 17%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #010149;
- --btn-hover-border-color: #010145;
- --btn-focus-shadow-rgb: 39, 39, 111;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #010145;
- --btn-active-border-color: #010141;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(240, 98%, 17%);
- --btn-disabled-border-color: hsl(240, 98%, 17%);
-}
-
-.btn-secondary {
- --btn-color: --nav-text-color;
- --btn-bg: --nav-bg-color;
- --btn-border-color: hsl(210, 7%, 46%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #5d636b;
- --btn-hover-border-color: #575e65;
- --btn-focus-shadow-rgb: gray;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #575e65;
- --btn-active-border-color: #52585f;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(210, 7%, 46%);
- --btn-disabled-border-color: hsl(210, 7%, 46%);
-}
-
-.btn-success {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(120, 32%, 39%);
- --btn-border-color: hsl(120, 32%, 39%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #3a6f3a;
- --btn-hover-border-color: #366936;
- --btn-focus-shadow-rgb: 96, 150, 96;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #366936;
- --btn-active-border-color: #336233;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(120, 32%, 39%);
- --btn-disabled-border-color: hsl(120, 32%, 39%);
-}
-
-.btn-info {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(207, 49%, 37%);
- --btn-border-color: hsl(207, 49%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #295478;
- --btn-hover-border-color: #264f71;
- --btn-focus-shadow-rgb: 79, 122, 158;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #264f71;
- --btn-active-border-color: #244a6a;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(207, 49%, 37%);
- --btn-disabled-border-color: hsl(207, 49%, 37%);
-}
-
-.btn-warning {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(34, 100%, 34%);
- --btn-border-color: hsl(34, 100%, 34%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #935300;
- --btn-hover-border-color: #8a4e00;
- --btn-focus-shadow-rgb: 185, 122, 38;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #8a4e00;
- --btn-active-border-color: #824a00;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(34, 100%, 34%);
- --btn-disabled-border-color: hsl(34, 100%, 34%);
-}
-
-.btn-danger {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(3, 75%, 37%);
- --btn-border-color: hsl(3, 75%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #8c1a14;
- --btn-hover-border-color: #841913;
- --btn-focus-shadow-rgb: 179, 65, 59;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #841913;
- --btn-active-border-color: #7c1712;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(3, 75%, 37%);
- --btn-disabled-border-color: hsl(3, 75%, 37%);
-}
-
-.btn-light {
- --btn-color: hsl(0, 0%, 0%);
- --btn-bg: hsl(210, 17%, 98%);
- --btn-border-color: hsl(210, 17%, 98%);
- --btn-hover-color: hsl(0, 0%, 0%);
- --btn-hover-bg: #d4d5d5;
- --btn-hover-border-color: #c7c8c9;
- --btn-focus-shadow-rgb: 212, 213, 213;
- --btn-active-color: hsl(0, 0%, 0%);
- --btn-active-bg: #c7c8c9;
- --btn-active-border-color: #bbbcbc;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 0%);
- --btn-disabled-bg: hsl(210, 17%, 98%);
- --btn-disabled-border-color: hsl(210, 17%, 98%);
-}
-
-.btn-dark {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(210, 10%, 23%);
- --btn-border-color: hsl(210, 10%, 23%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #53585e;
- --btn-hover-border-color: #494f54;
- --btn-focus-shadow-rgb: 83, 88, 94;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #5d6267;
- --btn-active-border-color: #494f54;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(210, 10%, 23%);
- --btn-disabled-border-color: hsl(210, 10%, 23%);
-}
-
-.btn-outline-primary {
- --btn-color: hsl(240, 98%, 17%);
- --btn-border-color: hsl(240, 98%, 17%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(240, 98%, 17%);
- --btn-hover-border-color: hsl(240, 98%, 17%);
- --btn-focus-shadow-rgb: 1, 1, 86;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(240, 98%, 17%);
- --btn-active-border-color: hsl(240, 98%, 17%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(240, 98%, 17%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(240, 98%, 17%);
- --gradient: none;
-}
-
-.btn-outline-secondary {
- --btn-color: hsl(210, 7%, 46%);
- --btn-border-color: hsl(210, 7%, 46%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(210, 7%, 46%);
- --btn-hover-border-color: hsl(210, 7%, 46%);
- --btn-focus-shadow-rgb: 109, 117, 126;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(210, 7%, 46%);
- --btn-active-border-color: hsl(210, 7%, 46%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 7%, 46%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 7%, 46%);
- --gradient: none;
-}
-
-.btn-outline-success {
- --btn-color: hsl(120, 32%, 39%);
- --btn-border-color: hsl(120, 32%, 39%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(120, 32%, 39%);
- --btn-hover-border-color: hsl(120, 32%, 39%);
- --btn-focus-shadow-rgb: 68, 131, 68;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(120, 32%, 39%);
- --btn-active-border-color: hsl(120, 32%, 39%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(120, 32%, 39%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(120, 32%, 39%);
- --gradient: none;
-}
-
-.btn-outline-info {
- --btn-color: hsl(207, 49%, 37%);
- --btn-border-color: hsl(207, 49%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(207, 49%, 37%);
- --btn-hover-border-color: hsl(207, 49%, 37%);
- --btn-focus-shadow-rgb: 48, 99, 141;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(207, 49%, 37%);
- --btn-active-border-color: hsl(207, 49%, 37%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(207, 49%, 37%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(207, 49%, 37%);
- --gradient: none;
-}
-
-.btn-outline-warning {
- --btn-color: hsl(34, 100%, 34%);
- --btn-border-color: hsl(34, 100%, 34%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(34, 100%, 34%);
- --btn-hover-border-color: hsl(34, 100%, 34%);
- --btn-focus-shadow-rgb: 173, 98, 0;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(34, 100%, 34%);
- --btn-active-border-color: hsl(34, 100%, 34%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(34, 100%, 34%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(34, 100%, 34%);
- --gradient: none;
-}
-
-.btn-outline-danger {
- --btn-color: hsl(3, 75%, 37%);
- --btn-border-color: hsl(3, 75%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(3, 75%, 37%);
- --btn-hover-border-color: hsl(3, 75%, 37%);
- --btn-focus-shadow-rgb: 165, 31, 24;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(3, 75%, 37%);
- --btn-active-border-color: hsl(3, 75%, 37%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(3, 75%, 37%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(3, 75%, 37%);
- --gradient: none;
-}
-
-.btn-outline-light {
- --btn-color: hsl(210, 17%, 98%);
- --btn-border-color: hsl(210, 17%, 98%);
- --btn-hover-color: hsl(0, 0%, 0%);
- --btn-hover-bg: hsl(210, 17%, 98%);
- --btn-hover-border-color: hsl(210, 17%, 98%);
- --btn-focus-shadow-rgb: 249, 250, 251;
- --btn-active-color: hsl(0, 0%, 0%);
- --btn-active-bg: hsl(210, 17%, 98%);
- --btn-active-border-color: hsl(210, 17%, 98%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 17%, 98%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 17%, 98%);
- --gradient: none;
-}
-
-.btn-outline-dark {
- --btn-color: hsl(210, 10%, 23%);
- --btn-border-color: hsl(210, 10%, 23%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(210, 10%, 23%);
- --btn-hover-border-color: hsl(210, 10%, 23%);
- --btn-focus-shadow-rgb: 53, 59, 65;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(210, 10%, 23%);
- --btn-active-border-color: hsl(210, 10%, 23%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 10%, 23%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 10%, 23%);
- --gradient: none;
-}
-
-.btn-link {
- --btn-font-weight: 400;
- --btn-color: var(--link-color);
- --btn-bg: transparent;
- --btn-border-color: transparent;
- --btn-hover-color: var(--link-hover-color);
- --btn-hover-border-color: transparent;
- --btn-active-color: var(--link-hover-color);
- --btn-active-border-color: transparent;
- --btn-disabled-color: hsl(210, 7%, 46%);
- --btn-disabled-border-color: transparent;
- --btn-box-shadow: none;
- --btn-focus-shadow-rgb: 39, 39, 111;
- text-decoration: underline;
-}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/global/colors_custom_optain.css b/media/templates/site/moko-cassiopeia/css/global/colors_custom_optain.css
deleted file mode 100644
index b82b85b..0000000
--- a/media/templates/site/moko-cassiopeia/css/global/colors_custom_optain.css
+++ /dev/null
@@ -1,442 +0,0 @@
-:root, [data-bs-theme="light"] {
- --moko-cassiopeia-color-primary: #112855;
- --moko-cassiopeia-color-link: #224FAA;
- --moko-cassiopeia-color-hover: #224FAA;
-
- --moko-cassiopeia-header-background-image: url('../../../../../../media/templates/site/moko-cassiopeia/images/bg.svg');
- --moko-cassiopeia-header-background-position: auto;
- --moko-cassiopeia-header-background-attachment: fixed;
- --moko-cassiopeia-header-background-repeat: repeat;
- --moko-cassiopeia-header-background-size: auto;
-
- --nav-text-color: white;
- --nav-bg-color: #fd7e17;
- --accent-color-primary: #3f8ff0;
- --accent-color-secondary: #3f8ff0;
- --border: 5px;
- --mainmenu-nav-link-color: white;
-
- --blue: #010156;
- --black: #000;
- --indigo: #6812f3;
- --purple: #6f42c2;
- --pink: #e93f8e;
- --red: #a51f18;
- --orange: #fd7e17;
- --yellow: #ad6200;
- --green: #448344;
- --teal: #5abfdd;
- --cyan: #30638d;
- --white: #fff;
- --gray-100: #f9fafb;
- --gray-200: #eaedf0;
- --gray-300: #dfe3e7;
- --gray-400: #ced4da;
- --gray-500: #adb5bd;
- --gray-600: #6d757e;
- --gray-700: #484f56;
- --gray-800: #353b41;
- --gray-900: #22262a;
- --primary: #010156;
- --secondary: #6d757e;
- --success: #448344;
- --info: #30638d;
- --warning: #ad6200;
- --danger: #a51f18;
- --light: #f9fafb;
- --dark: #353b41;
- --primary-rgb: 1, 1, 86;
- --secondary-rgb: 109, 117, 126;
- --success-rgb: 68, 131, 68;
- --info-rgb: 48, 99, 141;
- --warning-rgb: 173, 98, 0;
- --danger-rgb: 165, 31, 24;
- --light-rgb: 249, 250, 251;
- --dark-rgb: 53, 59, 65;
- --primary-text-emphasis: #002;
- --secondary-text-emphasis: #2c2f32;
- --success-text-emphasis: #1b351b;
- --info-text-emphasis: #132838;
- --warning-text-emphasis: #452700;
- --danger-text-emphasis: #420c09;
- --light-text-emphasis: #484f56;
- --dark-text-emphasis: #484f56;
- --primary-bg-subtle: #ccd;
- --secondary-bg-subtle: #e2e3e5;
- --success-bg-subtle: #dae6da;
- --info-bg-subtle: #d6e0e8;
- --warning-bg-subtle: #efe0cc;
- --danger-bg-subtle: #edd2d1;
- --light-bg-subtle: #fcfcfd;
- --dark-bg-subtle: #ced4da;
- --primary-border-subtle: #99b;
- --secondary-border-subtle: #c5c8cb;
- --success-border-subtle: #b4ceb4;
- --info-border-subtle: #acc1d1;
- --warning-border-subtle: #dec099;
- --danger-border-subtle: #dba5a2;
- --light-border-subtle: #eaedf0;
- --dark-border-subtle: #adb5bd;
- --white-rgb: 255, 255, 255;
- --black-rgb: 0, 0, 0;
- --font-sans-serif: -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-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- --gradient: linear-gradient(180deg, #ffffff26, #fff0);
- --body-font-family: var(--moko-cassiopeia-font-family-body, -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");
- --body-font-size: 1rem;
- --body-font-weight: 400;
- --body-line-height: 1.5;
- --body-color: #22262a;
- --body-color-rgb: 34, 38, 42;
- --body-bg: #fff;
- --body-bg-rgb: 255, 255, 255;
- --emphasis-color: #000;
- --emphasis-color-rgb: 0, 0, 0;
- --secondary-color: #22262abf;
- --secondary-color-rgb: 34, 38, 42;
- --secondary-bg: #eaedf0;
- --secondary-bg-rgb: 234, 237, 240;
- --tertiary-color: #22262a80;
- --tertiary-color-rgb: 34, 38, 42;
- --tertiary-bg: #f9fafb;
- --tertiary-bg-rgb: 249, 250, 251;
- --heading-color: inherit;
- --link-color: #224faa;
- --link-color-rgb: 34, 79, 170;
- --link-decoration: underline;
- --link-hover-color: #424077;
- --link-hover-color-rgb: 66, 64, 119;
- --code-color: #e93f8e;
- --highlight-color: #22262a;
- --highlight-bg: #fbeea8;
- --border-width: 1px;
- --border-style: solid;
- --border-color: #dfe3e7;
- --border-color-translucent: #0000002d;
- --border-radius: .25rem;
- --border-radius-sm: .2rem;
- --border-radius-lg: .3rem;
- --border-radius-xl: .3rem;
- --border-radius-xxl: 2rem;
- --border-radius-2xl: var(--border-radius-xxl);
- --border-radius-pill: 50rem;
- --box-shadow: 0 .5rem 1rem #00000026;
- --box-shadow-sm: 0 .125rem .25rem #00000013;
- --box-shadow-lg: 0 1rem 3rem #0000002d;
- --box-shadow-inset: inset 0 1px 2px #00000013;
- --focus-ring-width: .25rem;
- --focus-ring-opacity: .25;
- --focus-ring-color: #01015640;
- --form-valid-color: #448344;
- --form-valid-border-color: #448344;
- --form-invalid-color: #a51f18;
- --form-invalid-border-color: #a51f18;
-}
-
-.btn-primary {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(240, 98%, 17%);
- --btn-border-color: hsl(240, 98%, 17%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #010149;
- --btn-hover-border-color: #010145;
- --btn-focus-shadow-rgb: 39, 39, 111;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #010145;
- --btn-active-border-color: #010141;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(240, 98%, 17%);
- --btn-disabled-border-color: hsl(240, 98%, 17%);
-}
-
-.btn-secondary {
- --btn-color: --nav-text-color;
- --btn-bg: --nav-bg-color;
- --btn-border-color: hsl(210, 7%, 46%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #5d636b;
- --btn-hover-border-color: #575e65;
- --btn-focus-shadow-rgb: gray;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #575e65;
- --btn-active-border-color: #52585f;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(210, 7%, 46%);
- --btn-disabled-border-color: hsl(210, 7%, 46%);
-}
-
-.btn-success {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(120, 32%, 39%);
- --btn-border-color: hsl(120, 32%, 39%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #3a6f3a;
- --btn-hover-border-color: #366936;
- --btn-focus-shadow-rgb: 96, 150, 96;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #366936;
- --btn-active-border-color: #336233;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(120, 32%, 39%);
- --btn-disabled-border-color: hsl(120, 32%, 39%);
-}
-
-.btn-info {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(207, 49%, 37%);
- --btn-border-color: hsl(207, 49%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #295478;
- --btn-hover-border-color: #264f71;
- --btn-focus-shadow-rgb: 79, 122, 158;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #264f71;
- --btn-active-border-color: #244a6a;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(207, 49%, 37%);
- --btn-disabled-border-color: hsl(207, 49%, 37%);
-}
-
-.btn-warning {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(34, 100%, 34%);
- --btn-border-color: hsl(34, 100%, 34%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #935300;
- --btn-hover-border-color: #8a4e00;
- --btn-focus-shadow-rgb: 185, 122, 38;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #8a4e00;
- --btn-active-border-color: #824a00;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(34, 100%, 34%);
- --btn-disabled-border-color: hsl(34, 100%, 34%);
-}
-
-.btn-danger {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(3, 75%, 37%);
- --btn-border-color: hsl(3, 75%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #8c1a14;
- --btn-hover-border-color: #841913;
- --btn-focus-shadow-rgb: 179, 65, 59;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #841913;
- --btn-active-border-color: #7c1712;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(3, 75%, 37%);
- --btn-disabled-border-color: hsl(3, 75%, 37%);
-}
-
-.btn-light {
- --btn-color: hsl(0, 0%, 0%);
- --btn-bg: hsl(210, 17%, 98%);
- --btn-border-color: hsl(210, 17%, 98%);
- --btn-hover-color: hsl(0, 0%, 0%);
- --btn-hover-bg: #d4d5d5;
- --btn-hover-border-color: #c7c8c9;
- --btn-focus-shadow-rgb: 212, 213, 213;
- --btn-active-color: hsl(0, 0%, 0%);
- --btn-active-bg: #c7c8c9;
- --btn-active-border-color: #bbbcbc;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 0%);
- --btn-disabled-bg: hsl(210, 17%, 98%);
- --btn-disabled-border-color: hsl(210, 17%, 98%);
-}
-
-.btn-dark {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(210, 10%, 23%);
- --btn-border-color: hsl(210, 10%, 23%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #53585e;
- --btn-hover-border-color: #494f54;
- --btn-focus-shadow-rgb: 83, 88, 94;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #5d6267;
- --btn-active-border-color: #494f54;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(210, 10%, 23%);
- --btn-disabled-border-color: hsl(210, 10%, 23%);
-}
-
-.btn-outline-primary {
- --btn-color: hsl(240, 98%, 17%);
- --btn-border-color: hsl(240, 98%, 17%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(240, 98%, 17%);
- --btn-hover-border-color: hsl(240, 98%, 17%);
- --btn-focus-shadow-rgb: 1, 1, 86;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(240, 98%, 17%);
- --btn-active-border-color: hsl(240, 98%, 17%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(240, 98%, 17%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(240, 98%, 17%);
- --gradient: none;
-}
-
-.btn-outline-secondary {
- --btn-color: hsl(210, 7%, 46%);
- --btn-border-color: hsl(210, 7%, 46%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(210, 7%, 46%);
- --btn-hover-border-color: hsl(210, 7%, 46%);
- --btn-focus-shadow-rgb: 109, 117, 126;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(210, 7%, 46%);
- --btn-active-border-color: hsl(210, 7%, 46%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 7%, 46%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 7%, 46%);
- --gradient: none;
-}
-
-.btn-outline-success {
- --btn-color: hsl(120, 32%, 39%);
- --btn-border-color: hsl(120, 32%, 39%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(120, 32%, 39%);
- --btn-hover-border-color: hsl(120, 32%, 39%);
- --btn-focus-shadow-rgb: 68, 131, 68;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(120, 32%, 39%);
- --btn-active-border-color: hsl(120, 32%, 39%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(120, 32%, 39%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(120, 32%, 39%);
- --gradient: none;
-}
-
-.btn-outline-info {
- --btn-color: hsl(207, 49%, 37%);
- --btn-border-color: hsl(207, 49%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(207, 49%, 37%);
- --btn-hover-border-color: hsl(207, 49%, 37%);
- --btn-focus-shadow-rgb: 48, 99, 141;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(207, 49%, 37%);
- --btn-active-border-color: hsl(207, 49%, 37%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(207, 49%, 37%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(207, 49%, 37%);
- --gradient: none;
-}
-
-.btn-outline-warning {
- --btn-color: hsl(34, 100%, 34%);
- --btn-border-color: hsl(34, 100%, 34%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(34, 100%, 34%);
- --btn-hover-border-color: hsl(34, 100%, 34%);
- --btn-focus-shadow-rgb: 173, 98, 0;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(34, 100%, 34%);
- --btn-active-border-color: hsl(34, 100%, 34%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(34, 100%, 34%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(34, 100%, 34%);
- --gradient: none;
-}
-
-.btn-outline-danger {
- --btn-color: hsl(3, 75%, 37%);
- --btn-border-color: hsl(3, 75%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(3, 75%, 37%);
- --btn-hover-border-color: hsl(3, 75%, 37%);
- --btn-focus-shadow-rgb: 165, 31, 24;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(3, 75%, 37%);
- --btn-active-border-color: hsl(3, 75%, 37%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(3, 75%, 37%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(3, 75%, 37%);
- --gradient: none;
-}
-
-.btn-outline-light {
- --btn-color: hsl(210, 17%, 98%);
- --btn-border-color: hsl(210, 17%, 98%);
- --btn-hover-color: hsl(0, 0%, 0%);
- --btn-hover-bg: hsl(210, 17%, 98%);
- --btn-hover-border-color: hsl(210, 17%, 98%);
- --btn-focus-shadow-rgb: 249, 250, 251;
- --btn-active-color: hsl(0, 0%, 0%);
- --btn-active-bg: hsl(210, 17%, 98%);
- --btn-active-border-color: hsl(210, 17%, 98%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 17%, 98%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 17%, 98%);
- --gradient: none;
-}
-
-.btn-outline-dark {
- --btn-color: hsl(210, 10%, 23%);
- --btn-border-color: hsl(210, 10%, 23%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(210, 10%, 23%);
- --btn-hover-border-color: hsl(210, 10%, 23%);
- --btn-focus-shadow-rgb: 53, 59, 65;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(210, 10%, 23%);
- --btn-active-border-color: hsl(210, 10%, 23%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 10%, 23%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 10%, 23%);
- --gradient: none;
-}
-
-.btn-link {
- --btn-font-weight: 400;
- --btn-color: var(--link-color);
- --btn-bg: transparent;
- --btn-border-color: transparent;
- --btn-hover-color: var(--link-hover-color);
- --btn-hover-border-color: transparent;
- --btn-active-color: var(--link-hover-color);
- --btn-active-border-color: transparent;
- --btn-disabled-color: hsl(210, 7%, 46%);
- --btn-disabled-border-color: transparent;
- --btn-box-shadow: none;
- --btn-focus-shadow-rgb: 39, 39, 111;
- text-decoration: underline;
-}
-.btn-link:focus-visible {
- color: var(--btn-color);
-}
-.btn-link:hover {
- color: var(--btn-hover-color);
-}
-
-.btn-lg, .btn-group-lg > .btn {
- --btn-padding-y: 0.5rem;
- --btn-padding-x: 1rem;
- --btn-font-size: 1.25rem;
- --btn-border-radius: 0.3rem;
-}
-
-.btn-sm, .btn-group-sm > .btn {
- --btn-padding-y: 0.25rem;
- --btn-padding-x: 0.5rem;
- --btn-font-size: 0.875rem;
- --btn-border-radius: 0.2rem;
-}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/global/colors_custom_sra.css b/media/templates/site/moko-cassiopeia/css/global/colors_custom_sra.css
deleted file mode 100644
index 25dc464..0000000
--- a/media/templates/site/moko-cassiopeia/css/global/colors_custom_sra.css
+++ /dev/null
@@ -1,422 +0,0 @@
-:root {
- --moko-cassiopeia-color-primary: #29373a;
- --moko-cassiopeia-color-link: #15496e;
- --moko-cassiopeia-color-hover: black;
-
- --moko-cassiopeia-header-background-image: url('../../../../../../media/templates/site/moko-cassiopeia/images/bg.svg');
- --moko-cassiopeia-header-background-position: auto;
- --moko-cassiopeia-header-background-attachment: fixed;
- --moko-cassiopeia-header-background-repeat: repeat;
- --moko-cassiopeia-header-background-size: auto;
-
- --nav-text-color: black;
- --nav-bg-color: #f5560b;
- --accent-color-primary: #c1163e;
- --accent-color-secondary: #7dc6da;
- --border: 5px;
- --mainmenu-nav-link-color: black;
-
- --blue: #010156;
- --black: #000;
- --indigo: #6812f3;
- --purple: #6f42c2;
- --pink: #e93f8e;
- --red: #a51f18;
- --orange: #fd7e17;
- --yellow: #ad6200;
- --green: #448344;
- --teal: #5abfdd;
- --cyan: #30638d;
- --white: #fff;
- --gray-100: #f9fafb;
- --gray-200: #eaedf0;
- --gray-300: #dfe3e7;
- --gray-400: #ced4da;
- --gray-500: #adb5bd;
- --gray-600: #6d757e;
- --gray-700: #484f56;
- --gray-800: #353b41;
- --gray-900: #22262a;
- --primary: #010156;
- --secondary: #6d757e;
- --success: #448344;
- --info: #30638d;
- --warning: #ad6200;
- --danger: #a51f18;
- --light: #f9fafb;
- --dark: #353b41;
- --primary-rgb: 1, 1, 86;
- --secondary-rgb: 109, 117, 126;
- --success-rgb: 68, 131, 68;
- --info-rgb: 48, 99, 141;
- --warning-rgb: 173, 98, 0;
- --danger-rgb: 165, 31, 24;
- --light-rgb: 249, 250, 251;
- --dark-rgb: 53, 59, 65;
- --primary-text-emphasis: #002;
- --secondary-text-emphasis: #2c2f32;
- --success-text-emphasis: #1b351b;
- --info-text-emphasis: #132838;
- --warning-text-emphasis: #452700;
- --danger-text-emphasis: #420c09;
- --light-text-emphasis: #484f56;
- --dark-text-emphasis: #484f56;
- --primary-bg-subtle: #ccd;
- --secondary-bg-subtle: #e2e3e5;
- --success-bg-subtle: #dae6da;
- --info-bg-subtle: #d6e0e8;
- --warning-bg-subtle: #efe0cc;
- --danger-bg-subtle: #edd2d1;
- --light-bg-subtle: #fcfcfd;
- --dark-bg-subtle: #ced4da;
- --primary-border-subtle: #99b;
- --secondary-border-subtle: #c5c8cb;
- --success-border-subtle: #b4ceb4;
- --info-border-subtle: #acc1d1;
- --warning-border-subtle: #dec099;
- --danger-border-subtle: #dba5a2;
- --light-border-subtle: #eaedf0;
- --dark-border-subtle: #adb5bd;
- --white-rgb: 255, 255, 255;
- --black-rgb: 0, 0, 0;
- --font-sans-serif: -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-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- --gradient: linear-gradient(180deg, #ffffff26, #fff0);
- --body-font-family: var(--optain-cassiopeia-font-family-body, -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");
- --body-font-size: 1rem;
- --body-font-weight: 400;
- --body-line-height: 1.5;
- --body-color: #22262a;
- --body-color-rgb: 34, 38, 42;
- --body-bg: #fff;
- --body-bg-rgb: 255, 255, 255;
- --emphasis-color: #000;
- --emphasis-color-rgb: 0, 0, 0;
- --secondary-color: #22262abf;
- --secondary-color-rgb: 34, 38, 42;
- --secondary-bg: #eaedf0;
- --secondary-bg-rgb: 234, 237, 240;
- --tertiary-color: #22262a80;
- --tertiary-color-rgb: 34, 38, 42;
- --tertiary-bg: #f9fafb;
- --tertiary-bg-rgb: 249, 250, 251;
- --heading-color: inherit;
- --link-color: #224faa;
- --link-color-rgb: 34, 79, 170;
- --link-decoration: underline;
- --link-hover-color: #424077;
- --link-hover-color-rgb: 66, 64, 119;
- --code-color: #e93f8e;
- --highlight-color: #22262a;
- --highlight-bg: #fbeea8;
- --border-width: 1px;
- --border-style: solid;
- --border-color: #dfe3e7;
- --border-color-translucent: #0000002d;
- --border-radius: .25rem;
- --border-radius-sm: .2rem;
- --border-radius-lg: .3rem;
- --border-radius-xl: .3rem;
- --border-radius-xxl: 2rem;
- --border-radius-2xl: var(--border-radius-xxl);
- --border-radius-pill: 50rem;
- --box-shadow: 0 .5rem 1rem #00000026;
- --box-shadow-sm: 0 .125rem .25rem #00000013;
- --box-shadow-lg: 0 1rem 3rem #0000002d;
- --box-shadow-inset: inset 0 1px 2px #00000013;
- --focus-ring-width: .25rem;
- --focus-ring-opacity: .25;
- --focus-ring-color: #01015640;
- --form-valid-color: #448344;
- --form-valid-border-color: #448344;
- --form-invalid-color: #a51f18;
- --form-invalid-border-color: #a51f18;
-}
-
-.btn-primary {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(240, 98%, 17%);
- --btn-border-color: hsl(240, 98%, 17%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #010149;
- --btn-hover-border-color: #010145;
- --btn-focus-shadow-rgb: 39, 39, 111;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #010145;
- --btn-active-border-color: #010141;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(240, 98%, 17%);
- --btn-disabled-border-color: hsl(240, 98%, 17%);
-}
-
-.btn-secondary {
- --btn-color: --nav-text-color;
- --btn-bg: --nav-bg-color;
- --btn-border-color: hsl(210, 7%, 46%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #5d636b;
- --btn-hover-border-color: #575e65;
- --btn-focus-shadow-rgb: gray;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #575e65;
- --btn-active-border-color: #52585f;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(210, 7%, 46%);
- --btn-disabled-border-color: hsl(210, 7%, 46%);
-}
-
-.btn-success {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(120, 32%, 39%);
- --btn-border-color: hsl(120, 32%, 39%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #3a6f3a;
- --btn-hover-border-color: #366936;
- --btn-focus-shadow-rgb: 96, 150, 96;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #366936;
- --btn-active-border-color: #336233;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(120, 32%, 39%);
- --btn-disabled-border-color: hsl(120, 32%, 39%);
-}
-
-.btn-info {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(207, 49%, 37%);
- --btn-border-color: hsl(207, 49%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #295478;
- --btn-hover-border-color: #264f71;
- --btn-focus-shadow-rgb: 79, 122, 158;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #264f71;
- --btn-active-border-color: #244a6a;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(207, 49%, 37%);
- --btn-disabled-border-color: hsl(207, 49%, 37%);
-}
-
-.btn-warning {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(34, 100%, 34%);
- --btn-border-color: hsl(34, 100%, 34%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #935300;
- --btn-hover-border-color: #8a4e00;
- --btn-focus-shadow-rgb: 185, 122, 38;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #8a4e00;
- --btn-active-border-color: #824a00;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(34, 100%, 34%);
- --btn-disabled-border-color: hsl(34, 100%, 34%);
-}
-
-.btn-danger {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(3, 75%, 37%);
- --btn-border-color: hsl(3, 75%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #8c1a14;
- --btn-hover-border-color: #841913;
- --btn-focus-shadow-rgb: 179, 65, 59;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #841913;
- --btn-active-border-color: #7c1712;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(3, 75%, 37%);
- --btn-disabled-border-color: hsl(3, 75%, 37%);
-}
-
-.btn-light {
- --btn-color: hsl(0, 0%, 0%);
- --btn-bg: hsl(210, 17%, 98%);
- --btn-border-color: hsl(210, 17%, 98%);
- --btn-hover-color: hsl(0, 0%, 0%);
- --btn-hover-bg: #d4d5d5;
- --btn-hover-border-color: #c7c8c9;
- --btn-focus-shadow-rgb: 212, 213, 213;
- --btn-active-color: hsl(0, 0%, 0%);
- --btn-active-bg: #c7c8c9;
- --btn-active-border-color: #bbbcbc;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 0%);
- --btn-disabled-bg: hsl(210, 17%, 98%);
- --btn-disabled-border-color: hsl(210, 17%, 98%);
-}
-
-.btn-dark {
- --btn-color: hsl(0, 0%, 100%);
- --btn-bg: hsl(210, 10%, 23%);
- --btn-border-color: hsl(210, 10%, 23%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: #53585e;
- --btn-hover-border-color: #494f54;
- --btn-focus-shadow-rgb: 83, 88, 94;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: #5d6267;
- --btn-active-border-color: #494f54;
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(0, 0%, 100%);
- --btn-disabled-bg: hsl(210, 10%, 23%);
- --btn-disabled-border-color: hsl(210, 10%, 23%);
-}
-
-.btn-outline-primary {
- --btn-color: hsl(240, 98%, 17%);
- --btn-border-color: hsl(240, 98%, 17%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(240, 98%, 17%);
- --btn-hover-border-color: hsl(240, 98%, 17%);
- --btn-focus-shadow-rgb: 1, 1, 86;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(240, 98%, 17%);
- --btn-active-border-color: hsl(240, 98%, 17%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(240, 98%, 17%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(240, 98%, 17%);
- --gradient: none;
-}
-
-.btn-outline-secondary {
- --btn-color: hsl(210, 7%, 46%);
- --btn-border-color: hsl(210, 7%, 46%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(210, 7%, 46%);
- --btn-hover-border-color: hsl(210, 7%, 46%);
- --btn-focus-shadow-rgb: 109, 117, 126;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(210, 7%, 46%);
- --btn-active-border-color: hsl(210, 7%, 46%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 7%, 46%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 7%, 46%);
- --gradient: none;
-}
-
-.btn-outline-success {
- --btn-color: hsl(120, 32%, 39%);
- --btn-border-color: hsl(120, 32%, 39%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(120, 32%, 39%);
- --btn-hover-border-color: hsl(120, 32%, 39%);
- --btn-focus-shadow-rgb: 68, 131, 68;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(120, 32%, 39%);
- --btn-active-border-color: hsl(120, 32%, 39%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(120, 32%, 39%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(120, 32%, 39%);
- --gradient: none;
-}
-
-.btn-outline-info {
- --btn-color: hsl(207, 49%, 37%);
- --btn-border-color: hsl(207, 49%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(207, 49%, 37%);
- --btn-hover-border-color: hsl(207, 49%, 37%);
- --btn-focus-shadow-rgb: 48, 99, 141;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(207, 49%, 37%);
- --btn-active-border-color: hsl(207, 49%, 37%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(207, 49%, 37%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(207, 49%, 37%);
- --gradient: none;
-}
-
-.btn-outline-warning {
- --btn-color: hsl(34, 100%, 34%);
- --btn-border-color: hsl(34, 100%, 34%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(34, 100%, 34%);
- --btn-hover-border-color: hsl(34, 100%, 34%);
- --btn-focus-shadow-rgb: 173, 98, 0;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(34, 100%, 34%);
- --btn-active-border-color: hsl(34, 100%, 34%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(34, 100%, 34%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(34, 100%, 34%);
- --gradient: none;
-}
-
-.btn-outline-danger {
- --btn-color: hsl(3, 75%, 37%);
- --btn-border-color: hsl(3, 75%, 37%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(3, 75%, 37%);
- --btn-hover-border-color: hsl(3, 75%, 37%);
- --btn-focus-shadow-rgb: 165, 31, 24;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(3, 75%, 37%);
- --btn-active-border-color: hsl(3, 75%, 37%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(3, 75%, 37%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(3, 75%, 37%);
- --gradient: none;
-}
-
-.btn-outline-light {
- --btn-color: hsl(210, 17%, 98%);
- --btn-border-color: hsl(210, 17%, 98%);
- --btn-hover-color: hsl(0, 0%, 0%);
- --btn-hover-bg: hsl(210, 17%, 98%);
- --btn-hover-border-color: hsl(210, 17%, 98%);
- --btn-focus-shadow-rgb: 249, 250, 251;
- --btn-active-color: hsl(0, 0%, 0%);
- --btn-active-bg: hsl(210, 17%, 98%);
- --btn-active-border-color: hsl(210, 17%, 98%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 17%, 98%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 17%, 98%);
- --gradient: none;
-}
-
-.btn-outline-dark {
- --btn-color: hsl(210, 10%, 23%);
- --btn-border-color: hsl(210, 10%, 23%);
- --btn-hover-color: hsl(0, 0%, 100%);
- --btn-hover-bg: hsl(210, 10%, 23%);
- --btn-hover-border-color: hsl(210, 10%, 23%);
- --btn-focus-shadow-rgb: 53, 59, 65;
- --btn-active-color: hsl(0, 0%, 100%);
- --btn-active-bg: hsl(210, 10%, 23%);
- --btn-active-border-color: hsl(210, 10%, 23%);
- --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --btn-disabled-color: hsl(210, 10%, 23%);
- --btn-disabled-bg: transparent;
- --btn-disabled-border-color: hsl(210, 10%, 23%);
- --gradient: none;
-}
-
-.btn-link {
- --btn-font-weight: 400;
- --btn-color: var(--link-color);
- --btn-bg: transparent;
- --btn-border-color: transparent;
- --btn-hover-color: var(--link-hover-color);
- --btn-hover-border-color: transparent;
- --btn-active-color: var(--link-hover-color);
- --btn-active-border-color: transparent;
- --btn-disabled-color: hsl(210, 7%, 46%);
- --btn-disabled-border-color: transparent;
- --btn-box-shadow: none;
- --btn-focus-shadow-rgb: 39, 39, 111;
- text-decoration: underline;
-}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/template.css b/media/templates/site/moko-cassiopeia/css/template.css
index 890db3f..04fbda4 100644
--- a/media/templates/site/moko-cassiopeia/css/template.css
+++ b/media/templates/site/moko-cassiopeia/css/template.css
@@ -30,9 +30,10 @@
.container-sidebar-left,
.container-bottom-a,
.container-bottom-b,
+ #lhc_container_v2 *,
footer,
.fb-comments,
- #lhc_container_v2 *{
+ {
display: none!important;
}
}
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon.gif b/media/templates/site/moko-cassiopeia/images/favicon/favicon.gif
deleted file mode 100644
index fb11e2f..0000000
Binary files a/media/templates/site/moko-cassiopeia/images/favicon/favicon.gif and /dev/null differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon.ico b/media/templates/site/moko-cassiopeia/images/favicon/favicon.ico
deleted file mode 100644
index d314ad6..0000000
Binary files a/media/templates/site/moko-cassiopeia/images/favicon/favicon.ico and /dev/null differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg b/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg
deleted file mode 100644
index 25d4ac9..0000000
--- a/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/images/meaewellness/background.png b/media/templates/site/moko-cassiopeia/images/meaewellness/background.png
deleted file mode 100644
index 2cc1550..0000000
Binary files a/media/templates/site/moko-cassiopeia/images/meaewellness/background.png and /dev/null differ
diff --git a/templates/moko-cassiopeia/favicon.ico b/templates/moko-cassiopeia/favicon.ico
deleted file mode 100644
index 710b9c8..0000000
Binary files a/templates/moko-cassiopeia/favicon.ico and /dev/null differ
diff --git a/templates/moko-cassiopeia/index.php b/templates/moko-cassiopeia/index.php
index fa58d7a..4833550 100644
--- a/templates/moko-cassiopeia/index.php
+++ b/templates/moko-cassiopeia/index.php
@@ -46,20 +46,6 @@ if ($params_GoogleTagManager && $params_GoogleTagManagerID) {
addHeadLink(HTMLHelper::_('image', '/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
-$this->addHeadLink(HTMLHelper::_('image', '/media/templates/site/moko-cassiopeia/images/favicon/favicon.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
-$this->addHeadLink(HTMLHelper::_('image', '/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg', '', [], true, 1), 'mask-icon', 'rel', ['color' => '#fff']);
-?>
-
-
-
-
-
-
-
-
-TPL_MOKO-CASSIOPEIA_COLOR_NAME_STANDARD
-
-
-