kbe/hugo-mistergeek
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add a breadcrumb

Browse Source
This commit is contained in:
kbe
2025-08-19 09:54:49 +02:00
parent 90340d03aa
commit 686ece4479
55 changed files with 24172 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

412
static/assets/css/theme-colors/theme-color-aqua.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Aqua
*
-------------------------------------------------*/
.theme-color-aqua a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #03D4D8;
}
.theme-color-aqua [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-aqua [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-aqua .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-aqua .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #03D4D8;
}
.theme-color-aqua .bg-color-theme {
background: #03D4D8;
}
.theme-color-aqua .bg-color-theme-09 {
background: rgba(3, 212, 216, 0.9);
}
.theme-color-aqua .bg-color-theme-08 {
background: rgba(3, 212, 216, 0.8);
}
.theme-color-aqua .bg-color-theme-07 {
background: rgba(3, 212, 216, 0.7);
}
.theme-color-aqua .bg-color-theme-06 {
background: rgba(3, 212, 216, 0.6);
}
.theme-color-aqua .bg-color-theme-05 {
background: rgba(3, 212, 216, 0.5);
}
.theme-color-aqua .bg-color-theme-04 {
background: rgba(3, 212, 216, 0.4);
}
.theme-color-aqua .bg-color-theme-03 {
background: rgba(3, 212, 216, 0.3);
}
.theme-color-aqua .bg-color-theme-02 {
background: rgba(3, 212, 216, 0.2);
}
.theme-color-aqua .bg-color-theme-01 {
background: rgba(3, 212, 216, 0.1);
}
.theme-color-aqua .bg-light-theme {
background: #CEF6F7;
}
.theme-color-aqua .button-theme {
background: #03D4D8;
}
.theme-color-aqua .button-outline-theme {
border-color: #03D4D8;
color: #03D4D8;
}
.theme-color-aqua .button-outline-theme:hover, .theme-color-aqua .button-outline-theme:focus {
background: #03D4D8;
color: white;
}
.theme-color-aqua .button-circle-theme {
background: #03D4D8;
}
.theme-color-aqua .button-circle-outline-theme {
border-color: #03D4D8;
color: #03D4D8;
}
.theme-color-aqua .button-circle-outline-theme:hover, .theme-color-aqua .button-circle-outline-theme:focus {
background: #03D4D8;
}
.theme-color-aqua .button-backdrop-color-theme {
background: #03D4D8;
}
.theme-color-aqua .button-text-theme.button-text-1, .theme-color-aqua .button-text-theme.button-text-2, .theme-color-aqua .button-text-theme.button-text-3 {
color: #03D4D8;
}
.theme-color-aqua .button-text-theme.button-text-1:hover, .theme-color-aqua .button-text-theme.button-text-2:hover, .theme-color-aqua .button-text-theme.button-text-3:hover {
color: #03D4D8;
}
.theme-color-aqua .button-text-theme.button-text-1:before {
background: rgba(3, 212, 216, 0.3);
}
.theme-color-aqua .button-text-theme.button-text-1:after {
background: #03D4D8;
}
.theme-color-aqua .button-text-theme.button-text-2:before {
background: rgba(3, 212, 216, 0.1);
}
.theme-color-aqua .button-text-theme.button-text-2:after {
background: #03D4D8;
}
.theme-color-aqua .button-text-theme.button-text-3:before {
background: #03D4D8;
}
.theme-color-aqua .button-text-theme.button-text-3:hover:before {
background: #03D4D8;
}
.theme-color-aqua .bg-black .button-text-theme.button-text-1, .theme-color-aqua .bg-black .button-text-theme.button-text-2, .theme-color-aqua .bg-black .button-text-theme.button-text-3,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #03D4D8;
}
.theme-color-aqua .bg-black .button-text-theme.button-text-1:hover, .theme-color-aqua .bg-black .button-text-theme.button-text-2:hover, .theme-color-aqua .bg-black .button-text-theme.button-text-3:hover,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #03D4D8;
}
.theme-color-aqua .bg-black .button-text-theme.button-text-1:before,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(3, 212, 216, 0.3);
}
.theme-color-aqua .bg-black .button-text-theme.button-text-1:after,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #03D4D8;
}
.theme-color-aqua .bg-black .button-text-theme.button-text-2:before,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(3, 212, 216, 0.3);
}
.theme-color-aqua .bg-black .button-text-theme.button-text-2:after,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #03D4D8;
}
.theme-color-aqua .bg-black .button-text-theme.button-text-3:before,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #03D4D8;
}
.theme-color-aqua .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-aqua [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #03D4D8;
}
.theme-color-aqua .text-color-theme {
color: #03D4D8;
}
.theme-color-aqua .progress-box.progress-theme .animated-progress div {
background: #03D4D8;
}
.theme-color-aqua [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-aqua [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-aqua.preloader-theme .preloader-1 div .loader-path {
stroke: #03D4D8;
}
.theme-color-aqua.preloader-theme .preloader-2 div span {
background: #03D4D8;
background: linear-gradient(to right, #03D4D8 10%, transparent 40%);
}
.theme-color-aqua.preloader-theme .preloader-2 div span:before {
background: #03D4D8;
}
.theme-color-aqua.preloader-theme .preloader-3 div span:before, .theme-color-aqua.preloader-theme .preloader-3 div span:after {
background: rgba(3, 212, 216, 0.2);
}
.theme-color-aqua .accordion li .accordion-title {
border-color: rgba(3, 212, 216, 0.1);
}
.theme-color-aqua .accordion li .accordion-title:before, .theme-color-aqua .accordion li .accordion-title:after {
background: #03D4D8;
}
.theme-color-aqua .accordion li .accordion-title h1, .theme-color-aqua .accordion li .accordion-title h2, .theme-color-aqua .accordion li .accordion-title h3, .theme-color-aqua .accordion li .accordion-title h4, .theme-color-aqua .accordion li .accordion-title h5, .theme-color-aqua .accordion li .accordion-title h6 {
color: #03D4D8;
}
.theme-color-aqua .accordion li.active .accordion-title {
border-color: #03D4D8;
}
.theme-color-aqua .accordion.style-3 li .accordion-title {
background: #CEF6F7;
}
.theme-color-aqua .accordion.style-3 li.active .accordion-title {
background: #03D4D8;
color: white;
}
.theme-color-aqua .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-aqua .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-aqua .bg-black .accordion li .accordion-title,
.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-aqua .bg-black .accordion li .accordion-title:before, .theme-color-aqua .bg-black .accordion li .accordion-title:after,
.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-aqua [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-aqua .bg-black .accordion li.active .accordion-title,
.theme-color-aqua [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #03D4D8;
}
.theme-color-aqua .bg-black .accordion.style-3 li .accordion-title,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #03D4D8;
color: white;
}
.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-aqua [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-aqua [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-aqua [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-aqua [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-aqua [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-aqua [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-aqua [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-aqua .text-link-2:before,
.theme-color-aqua .text-link-3:before,
.theme-color-aqua .text-link-4:before {
background: #03D4D8;
}
.theme-color-aqua .text-link-5:after,
.theme-color-aqua .text-link-6:after,
.theme-color-aqua .text-link-7:after {
background: #03D4D8;
}
.theme-color-aqua .text-link-8:before {
background: rgba(3, 212, 216, 0.1);
}
.theme-color-aqua .bg-black .text-link-2:before,
.theme-color-aqua .bg-black .text-link-3:before,
.theme-color-aqua .bg-black .text-link-4:before,
.theme-color-aqua [class*='bg-dark'] .text-link-2:before,
.theme-color-aqua [class*='bg-dark'] .text-link-3:before,
.theme-color-aqua [class*='bg-dark'] .text-link-4:before {
background: #03D4D8;
}
.theme-color-aqua .bg-black .text-link-5:after,
.theme-color-aqua .bg-black .text-link-6:after,
.theme-color-aqua .bg-black .text-link-7:after,
.theme-color-aqua [class*='bg-dark'] .text-link-5:after,
.theme-color-aqua [class*='bg-dark'] .text-link-6:after,
.theme-color-aqua [class*='bg-dark'] .text-link-7:after {
background: #03D4D8;
}
.theme-color-aqua .bg-black .text-link-8:before,
.theme-color-aqua [class*='bg-dark'] .text-link-8:before {
background: rgba(3, 212, 216, 0.1);
}
.theme-color-aqua [class*='bg-gradient'] .text-link-2:before, .theme-color-aqua [class*='bg-gradient'] .text-link-3:before, .theme-color-aqua [class*='bg-gradient'] .text-link-4:before,
.theme-color-aqua [class*='bg-color'] .text-link-2:before,
.theme-color-aqua [class*='bg-color'] .text-link-3:before,
.theme-color-aqua [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-aqua [class*='bg-gradient'] .text-link-5:before, .theme-color-aqua [class*='bg-gradient'] .text-link-6:before, .theme-color-aqua [class*='bg-gradient'] .text-link-7:before,
.theme-color-aqua [class*='bg-color'] .text-link-5:before,
.theme-color-aqua [class*='bg-color'] .text-link-6:before,
.theme-color-aqua [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-aqua [class*='bg-gradient'] .text-link-5:after, .theme-color-aqua [class*='bg-gradient'] .text-link-6:after, .theme-color-aqua [class*='bg-gradient'] .text-link-7:after,
.theme-color-aqua [class*='bg-color'] .text-link-5:after,
.theme-color-aqua [class*='bg-color'] .text-link-6:after,
.theme-color-aqua [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-aqua [class*='bg-gradient'] .text-link-8:before,
.theme-color-aqua [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-aqua .form-style-2 input:focus, .theme-color-aqua .form-style-2 textarea:focus, .theme-color-aqua .form-style-2 .custom-select:focus, .theme-color-aqua .form-style-2 .form-control:focus,
.theme-color-aqua .form-style-4 input:focus,
.theme-color-aqua .form-style-4 textarea:focus,
.theme-color-aqua .form-style-4 .custom-select:focus,
.theme-color-aqua .form-style-4 .form-control:focus {
border-color: #03D4D8;
}

412
static/assets/css/theme-colors/theme-color-blue.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Blue
*
-------------------------------------------------*/
.theme-color-blue a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #0093E9;
}
.theme-color-blue [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-blue [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-blue .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-blue .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #0093E9;
}
.theme-color-blue .bg-color-theme {
background: #0093E9;
}
.theme-color-blue .bg-color-theme-09 {
background: rgba(0, 147, 233, 0.9);
}
.theme-color-blue .bg-color-theme-08 {
background: rgba(0, 147, 233, 0.8);
}
.theme-color-blue .bg-color-theme-07 {
background: rgba(0, 147, 233, 0.7);
}
.theme-color-blue .bg-color-theme-06 {
background: rgba(0, 147, 233, 0.6);
}
.theme-color-blue .bg-color-theme-05 {
background: rgba(0, 147, 233, 0.5);
}
.theme-color-blue .bg-color-theme-04 {
background: rgba(0, 147, 233, 0.4);
}
.theme-color-blue .bg-color-theme-03 {
background: rgba(0, 147, 233, 0.3);
}
.theme-color-blue .bg-color-theme-02 {
background: rgba(0, 147, 233, 0.2);
}
.theme-color-blue .bg-color-theme-01 {
background: rgba(0, 147, 233, 0.1);
}
.theme-color-blue .bg-light-theme {
background: #e2f2fb;
}
.theme-color-blue .button-theme {
background: #0093E9;
}
.theme-color-blue .button-outline-theme {
border-color: #0093E9;
color: #0093E9;
}
.theme-color-blue .button-outline-theme:hover, .theme-color-blue .button-outline-theme:focus {
background: #0093E9;
color: white;
}
.theme-color-blue .button-circle-theme {
background: #0093E9;
}
.theme-color-blue .button-circle-outline-theme {
border-color: #0093E9;
color: #0093E9;
}
.theme-color-blue .button-circle-outline-theme:hover, .theme-color-blue .button-circle-outline-theme:focus {
background: #0093E9;
}
.theme-color-blue .button-backdrop-color-theme {
background: #0093E9;
}
.theme-color-blue .button-text-theme.button-text-1, .theme-color-blue .button-text-theme.button-text-2, .theme-color-blue .button-text-theme.button-text-3 {
color: #0093E9;
}
.theme-color-blue .button-text-theme.button-text-1:hover, .theme-color-blue .button-text-theme.button-text-2:hover, .theme-color-blue .button-text-theme.button-text-3:hover {
color: #0093E9;
}
.theme-color-blue .button-text-theme.button-text-1:before {
background: rgba(0, 147, 233, 0.3);
}
.theme-color-blue .button-text-theme.button-text-1:after {
background: #0093E9;
}
.theme-color-blue .button-text-theme.button-text-2:before {
background: rgba(0, 147, 233, 0.1);
}
.theme-color-blue .button-text-theme.button-text-2:after {
background: #0093E9;
}
.theme-color-blue .button-text-theme.button-text-3:before {
background: #0093E9;
}
.theme-color-blue .button-text-theme.button-text-3:hover:before {
background: #0093E9;
}
.theme-color-blue .bg-black .button-text-theme.button-text-1, .theme-color-blue .bg-black .button-text-theme.button-text-2, .theme-color-blue .bg-black .button-text-theme.button-text-3,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #0093E9;
}
.theme-color-blue .bg-black .button-text-theme.button-text-1:hover, .theme-color-blue .bg-black .button-text-theme.button-text-2:hover, .theme-color-blue .bg-black .button-text-theme.button-text-3:hover,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #0093E9;
}
.theme-color-blue .bg-black .button-text-theme.button-text-1:before,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(0, 147, 233, 0.3);
}
.theme-color-blue .bg-black .button-text-theme.button-text-1:after,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #0093E9;
}
.theme-color-blue .bg-black .button-text-theme.button-text-2:before,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(0, 147, 233, 0.3);
}
.theme-color-blue .bg-black .button-text-theme.button-text-2:after,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #0093E9;
}
.theme-color-blue .bg-black .button-text-theme.button-text-3:before,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #0093E9;
}
.theme-color-blue .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-blue [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #0093E9;
}
.theme-color-blue .text-color-theme {
color: #0093E9;
}
.theme-color-blue .progress-box.progress-theme .animated-progress div {
background: #0093E9;
}
.theme-color-blue [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-blue [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-blue.preloader-theme .preloader-1 div .loader-path {
stroke: #0093E9;
}
.theme-color-blue.preloader-theme .preloader-2 div span {
background: #0093E9;
background: linear-gradient(to right, #0093E9 10%, transparent 40%);
}
.theme-color-blue.preloader-theme .preloader-2 div span:before {
background: #0093E9;
}
.theme-color-blue.preloader-theme .preloader-3 div span:before, .theme-color-blue.preloader-theme .preloader-3 div span:after {
background: rgba(0, 147, 233, 0.2);
}
.theme-color-blue .accordion li .accordion-title {
border-color: rgba(0, 147, 233, 0.1);
}
.theme-color-blue .accordion li .accordion-title:before, .theme-color-blue .accordion li .accordion-title:after {
background: #0093E9;
}
.theme-color-blue .accordion li .accordion-title h1, .theme-color-blue .accordion li .accordion-title h2, .theme-color-blue .accordion li .accordion-title h3, .theme-color-blue .accordion li .accordion-title h4, .theme-color-blue .accordion li .accordion-title h5, .theme-color-blue .accordion li .accordion-title h6 {
color: #0093E9;
}
.theme-color-blue .accordion li.active .accordion-title {
border-color: #0093E9;
}
.theme-color-blue .accordion.style-3 li .accordion-title {
background: #e2f2fb;
}
.theme-color-blue .accordion.style-3 li.active .accordion-title {
background: #0093E9;
color: white;
}
.theme-color-blue .accordion.style-3 li.active .accordion-title:before, .theme-color-blue .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-blue .accordion.style-3 li.active .accordion-title h1, .theme-color-blue .accordion.style-3 li.active .accordion-title h2, .theme-color-blue .accordion.style-3 li.active .accordion-title h3, .theme-color-blue .accordion.style-3 li.active .accordion-title h4, .theme-color-blue .accordion.style-3 li.active .accordion-title h5, .theme-color-blue .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-blue .bg-black .accordion li .accordion-title,
.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-blue .bg-black .accordion li .accordion-title:before, .theme-color-blue .bg-black .accordion li .accordion-title:after,
.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-blue [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-blue .bg-black .accordion li.active .accordion-title,
.theme-color-blue [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #0093E9;
}
.theme-color-blue .bg-black .accordion.style-3 li .accordion-title,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #0093E9;
color: white;
}
.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-blue .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-blue [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-blue [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-blue [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-blue [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-blue [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-blue [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-blue [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-blue .text-link-2:before,
.theme-color-blue .text-link-3:before,
.theme-color-blue .text-link-4:before {
background: #0093E9;
}
.theme-color-blue .text-link-5:after,
.theme-color-blue .text-link-6:after,
.theme-color-blue .text-link-7:after {
background: #0093E9;
}
.theme-color-blue .text-link-8:before {
background: rgba(0, 147, 233, 0.1);
}
.theme-color-blue .bg-black .text-link-2:before,
.theme-color-blue .bg-black .text-link-3:before,
.theme-color-blue .bg-black .text-link-4:before,
.theme-color-blue [class*='bg-dark'] .text-link-2:before,
.theme-color-blue [class*='bg-dark'] .text-link-3:before,
.theme-color-blue [class*='bg-dark'] .text-link-4:before {
background: #0093E9;
}
.theme-color-blue .bg-black .text-link-5:after,
.theme-color-blue .bg-black .text-link-6:after,
.theme-color-blue .bg-black .text-link-7:after,
.theme-color-blue [class*='bg-dark'] .text-link-5:after,
.theme-color-blue [class*='bg-dark'] .text-link-6:after,
.theme-color-blue [class*='bg-dark'] .text-link-7:after {
background: #0093E9;
}
.theme-color-blue .bg-black .text-link-8:before,
.theme-color-blue [class*='bg-dark'] .text-link-8:before {
background: rgba(0, 147, 233, 0.1);
}
.theme-color-blue [class*='bg-gradient'] .text-link-2:before, .theme-color-blue [class*='bg-gradient'] .text-link-3:before, .theme-color-blue [class*='bg-gradient'] .text-link-4:before,
.theme-color-blue [class*='bg-color'] .text-link-2:before,
.theme-color-blue [class*='bg-color'] .text-link-3:before,
.theme-color-blue [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-blue [class*='bg-gradient'] .text-link-5:before, .theme-color-blue [class*='bg-gradient'] .text-link-6:before, .theme-color-blue [class*='bg-gradient'] .text-link-7:before,
.theme-color-blue [class*='bg-color'] .text-link-5:before,
.theme-color-blue [class*='bg-color'] .text-link-6:before,
.theme-color-blue [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-blue [class*='bg-gradient'] .text-link-5:after, .theme-color-blue [class*='bg-gradient'] .text-link-6:after, .theme-color-blue [class*='bg-gradient'] .text-link-7:after,
.theme-color-blue [class*='bg-color'] .text-link-5:after,
.theme-color-blue [class*='bg-color'] .text-link-6:after,
.theme-color-blue [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-blue [class*='bg-gradient'] .text-link-8:before,
.theme-color-blue [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-blue .form-style-2 input:focus, .theme-color-blue .form-style-2 textarea:focus, .theme-color-blue .form-style-2 .custom-select:focus, .theme-color-blue .form-style-2 .form-control:focus,
.theme-color-blue .form-style-4 input:focus,
.theme-color-blue .form-style-4 textarea:focus,
.theme-color-blue .form-style-4 .custom-select:focus,
.theme-color-blue .form-style-4 .form-control:focus {
border-color: #0093E9;
}

412
static/assets/css/theme-colors/theme-color-golden-yellow.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Golden Yellow
*
-------------------------------------------------*/
.theme-color-golden-yellow a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #FFB657;
}
.theme-color-golden-yellow [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-golden-yellow [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-golden-yellow .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-golden-yellow .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #FFB657;
}
.theme-color-golden-yellow .bg-color-theme {
background: #FFB657;
}
.theme-color-golden-yellow .bg-color-theme-09 {
background: rgba(255, 182, 87, 0.9);
}
.theme-color-golden-yellow .bg-color-theme-08 {
background: rgba(255, 182, 87, 0.8);
}
.theme-color-golden-yellow .bg-color-theme-07 {
background: rgba(255, 182, 87, 0.7);
}
.theme-color-golden-yellow .bg-color-theme-06 {
background: rgba(255, 182, 87, 0.6);
}
.theme-color-golden-yellow .bg-color-theme-05 {
background: rgba(255, 182, 87, 0.5);
}
.theme-color-golden-yellow .bg-color-theme-04 {
background: rgba(255, 182, 87, 0.4);
}
.theme-color-golden-yellow .bg-color-theme-03 {
background: rgba(255, 182, 87, 0.3);
}
.theme-color-golden-yellow .bg-color-theme-02 {
background: rgba(255, 182, 87, 0.2);
}
.theme-color-golden-yellow .bg-color-theme-01 {
background: rgba(255, 182, 87, 0.1);
}
.theme-color-golden-yellow .bg-light-theme {
background: #FFEFDB;
}
.theme-color-golden-yellow .button-theme {
background: #FFB657;
}
.theme-color-golden-yellow .button-outline-theme {
border-color: #FFB657;
color: #FFB657;
}
.theme-color-golden-yellow .button-outline-theme:hover, .theme-color-golden-yellow .button-outline-theme:focus {
background: #FFB657;
color: white;
}
.theme-color-golden-yellow .button-circle-theme {
background: #FFB657;
}
.theme-color-golden-yellow .button-circle-outline-theme {
border-color: #FFB657;
color: #FFB657;
}
.theme-color-golden-yellow .button-circle-outline-theme:hover, .theme-color-golden-yellow .button-circle-outline-theme:focus {
background: #FFB657;
}
.theme-color-golden-yellow .button-backdrop-color-theme {
background: #FFB657;
}
.theme-color-golden-yellow .button-text-theme.button-text-1, .theme-color-golden-yellow .button-text-theme.button-text-2, .theme-color-golden-yellow .button-text-theme.button-text-3 {
color: #FFB657;
}
.theme-color-golden-yellow .button-text-theme.button-text-1:hover, .theme-color-golden-yellow .button-text-theme.button-text-2:hover, .theme-color-golden-yellow .button-text-theme.button-text-3:hover {
color: #FFB657;
}
.theme-color-golden-yellow .button-text-theme.button-text-1:before {
background: rgba(255, 182, 87, 0.3);
}
.theme-color-golden-yellow .button-text-theme.button-text-1:after {
background: #FFB657;
}
.theme-color-golden-yellow .button-text-theme.button-text-2:before {
background: rgba(255, 182, 87, 0.1);
}
.theme-color-golden-yellow .button-text-theme.button-text-2:after {
background: #FFB657;
}
.theme-color-golden-yellow .button-text-theme.button-text-3:before {
background: #FFB657;
}
.theme-color-golden-yellow .button-text-theme.button-text-3:hover:before {
background: #FFB657;
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-2, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-3,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #FFB657;
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:hover, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:hover, .theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:hover,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #FFB657;
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:before,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(255, 182, 87, 0.3);
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-1:after,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #FFB657;
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:before,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(255, 182, 87, 0.3);
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-2:after,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #FFB657;
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:before,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #FFB657;
}
.theme-color-golden-yellow .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-golden-yellow [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #FFB657;
}
.theme-color-golden-yellow .text-color-theme {
color: #FFB657;
}
.theme-color-golden-yellow .progress-box.progress-theme .animated-progress div {
background: #FFB657;
}
.theme-color-golden-yellow [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-golden-yellow [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-golden-yellow.preloader-theme .preloader-1 div .loader-path {
stroke: #FFB657;
}
.theme-color-golden-yellow.preloader-theme .preloader-2 div span {
background: #FFB657;
background: linear-gradient(to right, #FFB657 10%, transparent 40%);
}
.theme-color-golden-yellow.preloader-theme .preloader-2 div span:before {
background: #FFB657;
}
.theme-color-golden-yellow.preloader-theme .preloader-3 div span:before, .theme-color-golden-yellow.preloader-theme .preloader-3 div span:after {
background: rgba(255, 182, 87, 0.2);
}
.theme-color-golden-yellow .accordion li .accordion-title {
border-color: rgba(255, 182, 87, 0.1);
}
.theme-color-golden-yellow .accordion li .accordion-title:before, .theme-color-golden-yellow .accordion li .accordion-title:after {
background: #FFB657;
}
.theme-color-golden-yellow .accordion li .accordion-title h1, .theme-color-golden-yellow .accordion li .accordion-title h2, .theme-color-golden-yellow .accordion li .accordion-title h3, .theme-color-golden-yellow .accordion li .accordion-title h4, .theme-color-golden-yellow .accordion li .accordion-title h5, .theme-color-golden-yellow .accordion li .accordion-title h6 {
color: #FFB657;
}
.theme-color-golden-yellow .accordion li.active .accordion-title {
border-color: #FFB657;
}
.theme-color-golden-yellow .accordion.style-3 li .accordion-title {
background: #FFEFDB;
}
.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title {
background: #FFB657;
color: white;
}
.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-golden-yellow .bg-black .accordion li .accordion-title,
.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-golden-yellow .bg-black .accordion li .accordion-title:before, .theme-color-golden-yellow .bg-black .accordion li .accordion-title:after,
.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-golden-yellow [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-golden-yellow .bg-black .accordion li.active .accordion-title,
.theme-color-golden-yellow [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #FFB657;
}
.theme-color-golden-yellow .bg-black .accordion.style-3 li .accordion-title,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #FFB657;
color: white;
}
.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-golden-yellow [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-golden-yellow [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-golden-yellow [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-golden-yellow [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-golden-yellow [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-golden-yellow [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-golden-yellow .text-link-2:before,
.theme-color-golden-yellow .text-link-3:before,
.theme-color-golden-yellow .text-link-4:before {
background: #FFB657;
}
.theme-color-golden-yellow .text-link-5:after,
.theme-color-golden-yellow .text-link-6:after,
.theme-color-golden-yellow .text-link-7:after {
background: #FFB657;
}
.theme-color-golden-yellow .text-link-8:before {
background: rgba(255, 182, 87, 0.1);
}
.theme-color-golden-yellow .bg-black .text-link-2:before,
.theme-color-golden-yellow .bg-black .text-link-3:before,
.theme-color-golden-yellow .bg-black .text-link-4:before,
.theme-color-golden-yellow [class*='bg-dark'] .text-link-2:before,
.theme-color-golden-yellow [class*='bg-dark'] .text-link-3:before,
.theme-color-golden-yellow [class*='bg-dark'] .text-link-4:before {
background: #FFB657;
}
.theme-color-golden-yellow .bg-black .text-link-5:after,
.theme-color-golden-yellow .bg-black .text-link-6:after,
.theme-color-golden-yellow .bg-black .text-link-7:after,
.theme-color-golden-yellow [class*='bg-dark'] .text-link-5:after,
.theme-color-golden-yellow [class*='bg-dark'] .text-link-6:after,
.theme-color-golden-yellow [class*='bg-dark'] .text-link-7:after {
background: #FFB657;
}
.theme-color-golden-yellow .bg-black .text-link-8:before,
.theme-color-golden-yellow [class*='bg-dark'] .text-link-8:before {
background: rgba(255, 182, 87, 0.1);
}
.theme-color-golden-yellow [class*='bg-gradient'] .text-link-2:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-3:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-4:before,
.theme-color-golden-yellow [class*='bg-color'] .text-link-2:before,
.theme-color-golden-yellow [class*='bg-color'] .text-link-3:before,
.theme-color-golden-yellow [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-golden-yellow [class*='bg-gradient'] .text-link-5:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-6:before, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-7:before,
.theme-color-golden-yellow [class*='bg-color'] .text-link-5:before,
.theme-color-golden-yellow [class*='bg-color'] .text-link-6:before,
.theme-color-golden-yellow [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-golden-yellow [class*='bg-gradient'] .text-link-5:after, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-6:after, .theme-color-golden-yellow [class*='bg-gradient'] .text-link-7:after,
.theme-color-golden-yellow [class*='bg-color'] .text-link-5:after,
.theme-color-golden-yellow [class*='bg-color'] .text-link-6:after,
.theme-color-golden-yellow [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-golden-yellow [class*='bg-gradient'] .text-link-8:before,
.theme-color-golden-yellow [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-golden-yellow .form-style-2 input:focus, .theme-color-golden-yellow .form-style-2 textarea:focus, .theme-color-golden-yellow .form-style-2 .custom-select:focus, .theme-color-golden-yellow .form-style-2 .form-control:focus,
.theme-color-golden-yellow .form-style-4 input:focus,
.theme-color-golden-yellow .form-style-4 textarea:focus,
.theme-color-golden-yellow .form-style-4 .custom-select:focus,
.theme-color-golden-yellow .form-style-4 .form-control:focus {
border-color: #FFB657;
}

412
static/assets/css/theme-colors/theme-color-pink-edge.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Pink Edge
*
-------------------------------------------------*/
.theme-color-pink-edge a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #FE9AB6;
}
.theme-color-pink-edge [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-pink-edge [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-pink-edge .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-pink-edge .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #FE9AB6;
}
.theme-color-pink-edge .bg-color-theme {
background: #FE9AB6;
}
.theme-color-pink-edge .bg-color-theme-09 {
background: rgba(254, 154, 182, 0.9);
}
.theme-color-pink-edge .bg-color-theme-08 {
background: rgba(254, 154, 182, 0.8);
}
.theme-color-pink-edge .bg-color-theme-07 {
background: rgba(254, 154, 182, 0.7);
}
.theme-color-pink-edge .bg-color-theme-06 {
background: rgba(254, 154, 182, 0.6);
}
.theme-color-pink-edge .bg-color-theme-05 {
background: rgba(254, 154, 182, 0.5);
}
.theme-color-pink-edge .bg-color-theme-04 {
background: rgba(254, 154, 182, 0.4);
}
.theme-color-pink-edge .bg-color-theme-03 {
background: rgba(254, 154, 182, 0.3);
}
.theme-color-pink-edge .bg-color-theme-02 {
background: rgba(254, 154, 182, 0.2);
}
.theme-color-pink-edge .bg-color-theme-01 {
background: rgba(254, 154, 182, 0.1);
}
.theme-color-pink-edge .bg-light-theme {
background: #FEE6ED;
}
.theme-color-pink-edge .button-theme {
background: #FE9AB6;
}
.theme-color-pink-edge .button-outline-theme {
border-color: #FE9AB6;
color: #FE9AB6;
}
.theme-color-pink-edge .button-outline-theme:hover, .theme-color-pink-edge .button-outline-theme:focus {
background: #FE9AB6;
color: white;
}
.theme-color-pink-edge .button-circle-theme {
background: #FE9AB6;
}
.theme-color-pink-edge .button-circle-outline-theme {
border-color: #FE9AB6;
color: #FE9AB6;
}
.theme-color-pink-edge .button-circle-outline-theme:hover, .theme-color-pink-edge .button-circle-outline-theme:focus {
background: #FE9AB6;
}
.theme-color-pink-edge .button-backdrop-color-theme {
background: #FE9AB6;
}
.theme-color-pink-edge .button-text-theme.button-text-1, .theme-color-pink-edge .button-text-theme.button-text-2, .theme-color-pink-edge .button-text-theme.button-text-3 {
color: #FE9AB6;
}
.theme-color-pink-edge .button-text-theme.button-text-1:hover, .theme-color-pink-edge .button-text-theme.button-text-2:hover, .theme-color-pink-edge .button-text-theme.button-text-3:hover {
color: #FE9AB6;
}
.theme-color-pink-edge .button-text-theme.button-text-1:before {
background: rgba(254, 154, 182, 0.3);
}
.theme-color-pink-edge .button-text-theme.button-text-1:after {
background: #FE9AB6;
}
.theme-color-pink-edge .button-text-theme.button-text-2:before {
background: rgba(254, 154, 182, 0.1);
}
.theme-color-pink-edge .button-text-theme.button-text-2:after {
background: #FE9AB6;
}
.theme-color-pink-edge .button-text-theme.button-text-3:before {
background: #FE9AB6;
}
.theme-color-pink-edge .button-text-theme.button-text-3:hover:before {
background: #FE9AB6;
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-1, .theme-color-pink-edge .bg-black .button-text-theme.button-text-2, .theme-color-pink-edge .bg-black .button-text-theme.button-text-3,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #FE9AB6;
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:hover, .theme-color-pink-edge .bg-black .button-text-theme.button-text-2:hover, .theme-color-pink-edge .bg-black .button-text-theme.button-text-3:hover,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #FE9AB6;
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:before,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(254, 154, 182, 0.3);
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-1:after,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #FE9AB6;
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-2:before,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(254, 154, 182, 0.3);
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-2:after,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #FE9AB6;
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-3:before,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #FE9AB6;
}
.theme-color-pink-edge .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-pink-edge [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #FE9AB6;
}
.theme-color-pink-edge .text-color-theme {
color: #FE9AB6;
}
.theme-color-pink-edge .progress-box.progress-theme .animated-progress div {
background: #FE9AB6;
}
.theme-color-pink-edge [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-pink-edge [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-pink-edge.preloader-theme .preloader-1 div .loader-path {
stroke: #FE9AB6;
}
.theme-color-pink-edge.preloader-theme .preloader-2 div span {
background: #FE9AB6;
background: linear-gradient(to right, #FE9AB6 10%, transparent 40%);
}
.theme-color-pink-edge.preloader-theme .preloader-2 div span:before {
background: #FE9AB6;
}
.theme-color-pink-edge.preloader-theme .preloader-3 div span:before, .theme-color-pink-edge.preloader-theme .preloader-3 div span:after {
background: rgba(254, 154, 182, 0.2);
}
.theme-color-pink-edge .accordion li .accordion-title {
border-color: rgba(254, 154, 182, 0.1);
}
.theme-color-pink-edge .accordion li .accordion-title:before, .theme-color-pink-edge .accordion li .accordion-title:after {
background: #FE9AB6;
}
.theme-color-pink-edge .accordion li .accordion-title h1, .theme-color-pink-edge .accordion li .accordion-title h2, .theme-color-pink-edge .accordion li .accordion-title h3, .theme-color-pink-edge .accordion li .accordion-title h4, .theme-color-pink-edge .accordion li .accordion-title h5, .theme-color-pink-edge .accordion li .accordion-title h6 {
color: #FE9AB6;
}
.theme-color-pink-edge .accordion li.active .accordion-title {
border-color: #FE9AB6;
}
.theme-color-pink-edge .accordion.style-3 li .accordion-title {
background: #FEE6ED;
}
.theme-color-pink-edge .accordion.style-3 li.active .accordion-title {
background: #FE9AB6;
color: white;
}
.theme-color-pink-edge .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-pink-edge .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-pink-edge .bg-black .accordion li .accordion-title,
.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-pink-edge .bg-black .accordion li .accordion-title:before, .theme-color-pink-edge .bg-black .accordion li .accordion-title:after,
.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-pink-edge [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-pink-edge .bg-black .accordion li.active .accordion-title,
.theme-color-pink-edge [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #FE9AB6;
}
.theme-color-pink-edge .bg-black .accordion.style-3 li .accordion-title,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #FE9AB6;
color: white;
}
.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-pink-edge [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-pink-edge [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-pink-edge [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-pink-edge [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-pink-edge [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-pink-edge [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-pink-edge .text-link-2:before,
.theme-color-pink-edge .text-link-3:before,
.theme-color-pink-edge .text-link-4:before {
background: #FE9AB6;
}
.theme-color-pink-edge .text-link-5:after,
.theme-color-pink-edge .text-link-6:after,
.theme-color-pink-edge .text-link-7:after {
background: #FE9AB6;
}
.theme-color-pink-edge .text-link-8:before {
background: rgba(254, 154, 182, 0.1);
}
.theme-color-pink-edge .bg-black .text-link-2:before,
.theme-color-pink-edge .bg-black .text-link-3:before,
.theme-color-pink-edge .bg-black .text-link-4:before,
.theme-color-pink-edge [class*='bg-dark'] .text-link-2:before,
.theme-color-pink-edge [class*='bg-dark'] .text-link-3:before,
.theme-color-pink-edge [class*='bg-dark'] .text-link-4:before {
background: #FE9AB6;
}
.theme-color-pink-edge .bg-black .text-link-5:after,
.theme-color-pink-edge .bg-black .text-link-6:after,
.theme-color-pink-edge .bg-black .text-link-7:after,
.theme-color-pink-edge [class*='bg-dark'] .text-link-5:after,
.theme-color-pink-edge [class*='bg-dark'] .text-link-6:after,
.theme-color-pink-edge [class*='bg-dark'] .text-link-7:after {
background: #FE9AB6;
}
.theme-color-pink-edge .bg-black .text-link-8:before,
.theme-color-pink-edge [class*='bg-dark'] .text-link-8:before {
background: rgba(254, 154, 182, 0.1);
}
.theme-color-pink-edge [class*='bg-gradient'] .text-link-2:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-3:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-4:before,
.theme-color-pink-edge [class*='bg-color'] .text-link-2:before,
.theme-color-pink-edge [class*='bg-color'] .text-link-3:before,
.theme-color-pink-edge [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-pink-edge [class*='bg-gradient'] .text-link-5:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-6:before, .theme-color-pink-edge [class*='bg-gradient'] .text-link-7:before,
.theme-color-pink-edge [class*='bg-color'] .text-link-5:before,
.theme-color-pink-edge [class*='bg-color'] .text-link-6:before,
.theme-color-pink-edge [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-pink-edge [class*='bg-gradient'] .text-link-5:after, .theme-color-pink-edge [class*='bg-gradient'] .text-link-6:after, .theme-color-pink-edge [class*='bg-gradient'] .text-link-7:after,
.theme-color-pink-edge [class*='bg-color'] .text-link-5:after,
.theme-color-pink-edge [class*='bg-color'] .text-link-6:after,
.theme-color-pink-edge [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-pink-edge [class*='bg-gradient'] .text-link-8:before,
.theme-color-pink-edge [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-pink-edge .form-style-2 input:focus, .theme-color-pink-edge .form-style-2 textarea:focus, .theme-color-pink-edge .form-style-2 .custom-select:focus, .theme-color-pink-edge .form-style-2 .form-control:focus,
.theme-color-pink-edge .form-style-4 input:focus,
.theme-color-pink-edge .form-style-4 textarea:focus,
.theme-color-pink-edge .form-style-4 .custom-select:focus,
.theme-color-pink-edge .form-style-4 .form-control:focus {
border-color: #FE9AB6;
}

412
static/assets/css/theme-colors/theme-color-purple.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Purple
*
-------------------------------------------------*/
.theme-color-purple a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #B721FF;
}
.theme-color-purple [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-purple [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-purple .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-purple .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #B721FF;
}
.theme-color-purple .bg-color-theme {
background: #B721FF;
}
.theme-color-purple .bg-color-theme-09 {
background: rgba(183, 33, 255, 0.9);
}
.theme-color-purple .bg-color-theme-08 {
background: rgba(183, 33, 255, 0.8);
}
.theme-color-purple .bg-color-theme-07 {
background: rgba(183, 33, 255, 0.7);
}
.theme-color-purple .bg-color-theme-06 {
background: rgba(183, 33, 255, 0.6);
}
.theme-color-purple .bg-color-theme-05 {
background: rgba(183, 33, 255, 0.5);
}
.theme-color-purple .bg-color-theme-04 {
background: rgba(183, 33, 255, 0.4);
}
.theme-color-purple .bg-color-theme-03 {
background: rgba(183, 33, 255, 0.3);
}
.theme-color-purple .bg-color-theme-02 {
background: rgba(183, 33, 255, 0.2);
}
.theme-color-purple .bg-color-theme-01 {
background: rgba(183, 33, 255, 0.1);
}
.theme-color-purple .bg-light-theme {
background: #F5E4FF;
}
.theme-color-purple .button-theme {
background: #B721FF;
}
.theme-color-purple .button-outline-theme {
border-color: #B721FF;
color: #B721FF;
}
.theme-color-purple .button-outline-theme:hover, .theme-color-purple .button-outline-theme:focus {
background: #B721FF;
color: white;
}
.theme-color-purple .button-circle-theme {
background: #B721FF;
}
.theme-color-purple .button-circle-outline-theme {
border-color: #B721FF;
color: #B721FF;
}
.theme-color-purple .button-circle-outline-theme:hover, .theme-color-purple .button-circle-outline-theme:focus {
background: #B721FF;
}
.theme-color-purple .button-backdrop-color-theme {
background: #B721FF;
}
.theme-color-purple .button-text-theme.button-text-1, .theme-color-purple .button-text-theme.button-text-2, .theme-color-purple .button-text-theme.button-text-3 {
color: #B721FF;
}
.theme-color-purple .button-text-theme.button-text-1:hover, .theme-color-purple .button-text-theme.button-text-2:hover, .theme-color-purple .button-text-theme.button-text-3:hover {
color: #B721FF;
}
.theme-color-purple .button-text-theme.button-text-1:before {
background: rgba(183, 33, 255, 0.3);
}
.theme-color-purple .button-text-theme.button-text-1:after {
background: #B721FF;
}
.theme-color-purple .button-text-theme.button-text-2:before {
background: rgba(183, 33, 255, 0.1);
}
.theme-color-purple .button-text-theme.button-text-2:after {
background: #B721FF;
}
.theme-color-purple .button-text-theme.button-text-3:before {
background: #B721FF;
}
.theme-color-purple .button-text-theme.button-text-3:hover:before {
background: #B721FF;
}
.theme-color-purple .bg-black .button-text-theme.button-text-1, .theme-color-purple .bg-black .button-text-theme.button-text-2, .theme-color-purple .bg-black .button-text-theme.button-text-3,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #B721FF;
}
.theme-color-purple .bg-black .button-text-theme.button-text-1:hover, .theme-color-purple .bg-black .button-text-theme.button-text-2:hover, .theme-color-purple .bg-black .button-text-theme.button-text-3:hover,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #B721FF;
}
.theme-color-purple .bg-black .button-text-theme.button-text-1:before,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(183, 33, 255, 0.3);
}
.theme-color-purple .bg-black .button-text-theme.button-text-1:after,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #B721FF;
}
.theme-color-purple .bg-black .button-text-theme.button-text-2:before,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(183, 33, 255, 0.3);
}
.theme-color-purple .bg-black .button-text-theme.button-text-2:after,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #B721FF;
}
.theme-color-purple .bg-black .button-text-theme.button-text-3:before,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #B721FF;
}
.theme-color-purple .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-purple [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #B721FF;
}
.theme-color-purple .text-color-theme {
color: #B721FF;
}
.theme-color-purple .progress-box.progress-theme .animated-progress div {
background: #B721FF;
}
.theme-color-purple [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-purple [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-purple.preloader-theme .preloader-1 div .loader-path {
stroke: #B721FF;
}
.theme-color-purple.preloader-theme .preloader-2 div span {
background: #B721FF;
background: linear-gradient(to right, #B721FF 10%, transparent 40%);
}
.theme-color-purple.preloader-theme .preloader-2 div span:before {
background: #B721FF;
}
.theme-color-purple.preloader-theme .preloader-3 div span:before, .theme-color-purple.preloader-theme .preloader-3 div span:after {
background: rgba(183, 33, 255, 0.2);
}
.theme-color-purple .accordion li .accordion-title {
border-color: rgba(183, 33, 255, 0.1);
}
.theme-color-purple .accordion li .accordion-title:before, .theme-color-purple .accordion li .accordion-title:after {
background: #B721FF;
}
.theme-color-purple .accordion li .accordion-title h1, .theme-color-purple .accordion li .accordion-title h2, .theme-color-purple .accordion li .accordion-title h3, .theme-color-purple .accordion li .accordion-title h4, .theme-color-purple .accordion li .accordion-title h5, .theme-color-purple .accordion li .accordion-title h6 {
color: #B721FF;
}
.theme-color-purple .accordion li.active .accordion-title {
border-color: #B721FF;
}
.theme-color-purple .accordion.style-3 li .accordion-title {
background: #F5E4FF;
}
.theme-color-purple .accordion.style-3 li.active .accordion-title {
background: #B721FF;
color: white;
}
.theme-color-purple .accordion.style-3 li.active .accordion-title:before, .theme-color-purple .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-purple .accordion.style-3 li.active .accordion-title h1, .theme-color-purple .accordion.style-3 li.active .accordion-title h2, .theme-color-purple .accordion.style-3 li.active .accordion-title h3, .theme-color-purple .accordion.style-3 li.active .accordion-title h4, .theme-color-purple .accordion.style-3 li.active .accordion-title h5, .theme-color-purple .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-purple .bg-black .accordion li .accordion-title,
.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-purple .bg-black .accordion li .accordion-title:before, .theme-color-purple .bg-black .accordion li .accordion-title:after,
.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-purple [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-purple .bg-black .accordion li.active .accordion-title,
.theme-color-purple [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #B721FF;
}
.theme-color-purple .bg-black .accordion.style-3 li .accordion-title,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #B721FF;
color: white;
}
.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-purple .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-purple [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-purple [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-purple [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-purple [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-purple [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-purple [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-purple [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-purple .text-link-2:before,
.theme-color-purple .text-link-3:before,
.theme-color-purple .text-link-4:before {
background: #B721FF;
}
.theme-color-purple .text-link-5:after,
.theme-color-purple .text-link-6:after,
.theme-color-purple .text-link-7:after {
background: #B721FF;
}
.theme-color-purple .text-link-8:before {
background: rgba(183, 33, 255, 0.1);
}
.theme-color-purple .bg-black .text-link-2:before,
.theme-color-purple .bg-black .text-link-3:before,
.theme-color-purple .bg-black .text-link-4:before,
.theme-color-purple [class*='bg-dark'] .text-link-2:before,
.theme-color-purple [class*='bg-dark'] .text-link-3:before,
.theme-color-purple [class*='bg-dark'] .text-link-4:before {
background: #B721FF;
}
.theme-color-purple .bg-black .text-link-5:after,
.theme-color-purple .bg-black .text-link-6:after,
.theme-color-purple .bg-black .text-link-7:after,
.theme-color-purple [class*='bg-dark'] .text-link-5:after,
.theme-color-purple [class*='bg-dark'] .text-link-6:after,
.theme-color-purple [class*='bg-dark'] .text-link-7:after {
background: #B721FF;
}
.theme-color-purple .bg-black .text-link-8:before,
.theme-color-purple [class*='bg-dark'] .text-link-8:before {
background: rgba(183, 33, 255, 0.1);
}
.theme-color-purple [class*='bg-gradient'] .text-link-2:before, .theme-color-purple [class*='bg-gradient'] .text-link-3:before, .theme-color-purple [class*='bg-gradient'] .text-link-4:before,
.theme-color-purple [class*='bg-color'] .text-link-2:before,
.theme-color-purple [class*='bg-color'] .text-link-3:before,
.theme-color-purple [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-purple [class*='bg-gradient'] .text-link-5:before, .theme-color-purple [class*='bg-gradient'] .text-link-6:before, .theme-color-purple [class*='bg-gradient'] .text-link-7:before,
.theme-color-purple [class*='bg-color'] .text-link-5:before,
.theme-color-purple [class*='bg-color'] .text-link-6:before,
.theme-color-purple [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-purple [class*='bg-gradient'] .text-link-5:after, .theme-color-purple [class*='bg-gradient'] .text-link-6:after, .theme-color-purple [class*='bg-gradient'] .text-link-7:after,
.theme-color-purple [class*='bg-color'] .text-link-5:after,
.theme-color-purple [class*='bg-color'] .text-link-6:after,
.theme-color-purple [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-purple [class*='bg-gradient'] .text-link-8:before,
.theme-color-purple [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-purple .form-style-2 input:focus, .theme-color-purple .form-style-2 textarea:focus, .theme-color-purple .form-style-2 .custom-select:focus, .theme-color-purple .form-style-2 .form-control:focus,
.theme-color-purple .form-style-4 input:focus,
.theme-color-purple .form-style-4 textarea:focus,
.theme-color-purple .form-style-4 .custom-select:focus,
.theme-color-purple .form-style-4 .form-control:focus {
border-color: #B721FF;
}

412
static/assets/css/theme-colors/theme-color-spring-red.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Spring Red
*
-------------------------------------------------*/
.theme-color-spring-red a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #BE1F35;
}
.theme-color-spring-red [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-spring-red [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-spring-red .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-spring-red .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #BE1F35;
}
.theme-color-spring-red .bg-color-theme {
background: #BE1F35;
}
.theme-color-spring-red .bg-color-theme-09 {
background: rgba(190, 31, 53, 0.9);
}
.theme-color-spring-red .bg-color-theme-08 {
background: rgba(190, 31, 53, 0.8);
}
.theme-color-spring-red .bg-color-theme-07 {
background: rgba(190, 31, 53, 0.7);
}
.theme-color-spring-red .bg-color-theme-06 {
background: rgba(190, 31, 53, 0.6);
}
.theme-color-spring-red .bg-color-theme-05 {
background: rgba(190, 31, 53, 0.5);
}
.theme-color-spring-red .bg-color-theme-04 {
background: rgba(190, 31, 53, 0.4);
}
.theme-color-spring-red .bg-color-theme-03 {
background: rgba(190, 31, 53, 0.3);
}
.theme-color-spring-red .bg-color-theme-02 {
background: rgba(190, 31, 53, 0.2);
}
.theme-color-spring-red .bg-color-theme-01 {
background: rgba(190, 31, 53, 0.1);
}
.theme-color-spring-red .bg-light-theme {
background: #F7E5E7;
}
.theme-color-spring-red .button-theme {
background: #BE1F35;
}
.theme-color-spring-red .button-outline-theme {
border-color: #BE1F35;
color: #BE1F35;
}
.theme-color-spring-red .button-outline-theme:hover, .theme-color-spring-red .button-outline-theme:focus {
background: #BE1F35;
color: white;
}
.theme-color-spring-red .button-circle-theme {
background: #BE1F35;
}
.theme-color-spring-red .button-circle-outline-theme {
border-color: #BE1F35;
color: #BE1F35;
}
.theme-color-spring-red .button-circle-outline-theme:hover, .theme-color-spring-red .button-circle-outline-theme:focus {
background: #BE1F35;
}
.theme-color-spring-red .button-backdrop-color-theme {
background: #BE1F35;
}
.theme-color-spring-red .button-text-theme.button-text-1, .theme-color-spring-red .button-text-theme.button-text-2, .theme-color-spring-red .button-text-theme.button-text-3 {
color: #BE1F35;
}
.theme-color-spring-red .button-text-theme.button-text-1:hover, .theme-color-spring-red .button-text-theme.button-text-2:hover, .theme-color-spring-red .button-text-theme.button-text-3:hover {
color: #BE1F35;
}
.theme-color-spring-red .button-text-theme.button-text-1:before {
background: rgba(190, 31, 53, 0.3);
}
.theme-color-spring-red .button-text-theme.button-text-1:after {
background: #BE1F35;
}
.theme-color-spring-red .button-text-theme.button-text-2:before {
background: rgba(190, 31, 53, 0.1);
}
.theme-color-spring-red .button-text-theme.button-text-2:after {
background: #BE1F35;
}
.theme-color-spring-red .button-text-theme.button-text-3:before {
background: #BE1F35;
}
.theme-color-spring-red .button-text-theme.button-text-3:hover:before {
background: #BE1F35;
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-1, .theme-color-spring-red .bg-black .button-text-theme.button-text-2, .theme-color-spring-red .bg-black .button-text-theme.button-text-3,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #BE1F35;
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-1:hover, .theme-color-spring-red .bg-black .button-text-theme.button-text-2:hover, .theme-color-spring-red .bg-black .button-text-theme.button-text-3:hover,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #BE1F35;
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-1:before,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(190, 31, 53, 0.3);
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-1:after,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #BE1F35;
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-2:before,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(190, 31, 53, 0.3);
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-2:after,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #BE1F35;
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-3:before,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #BE1F35;
}
.theme-color-spring-red .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-spring-red [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #BE1F35;
}
.theme-color-spring-red .text-color-theme {
color: #BE1F35;
}
.theme-color-spring-red .progress-box.progress-theme .animated-progress div {
background: #BE1F35;
}
.theme-color-spring-red [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-spring-red [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-spring-red.preloader-theme .preloader-1 div .loader-path {
stroke: #BE1F35;
}
.theme-color-spring-red.preloader-theme .preloader-2 div span {
background: #BE1F35;
background: linear-gradient(to right, #BE1F35 10%, transparent 40%);
}
.theme-color-spring-red.preloader-theme .preloader-2 div span:before {
background: #BE1F35;
}
.theme-color-spring-red.preloader-theme .preloader-3 div span:before, .theme-color-spring-red.preloader-theme .preloader-3 div span:after {
background: rgba(190, 31, 53, 0.2);
}
.theme-color-spring-red .accordion li .accordion-title {
border-color: rgba(190, 31, 53, 0.1);
}
.theme-color-spring-red .accordion li .accordion-title:before, .theme-color-spring-red .accordion li .accordion-title:after {
background: #BE1F35;
}
.theme-color-spring-red .accordion li .accordion-title h1, .theme-color-spring-red .accordion li .accordion-title h2, .theme-color-spring-red .accordion li .accordion-title h3, .theme-color-spring-red .accordion li .accordion-title h4, .theme-color-spring-red .accordion li .accordion-title h5, .theme-color-spring-red .accordion li .accordion-title h6 {
color: #BE1F35;
}
.theme-color-spring-red .accordion li.active .accordion-title {
border-color: #BE1F35;
}
.theme-color-spring-red .accordion.style-3 li .accordion-title {
background: #F7E5E7;
}
.theme-color-spring-red .accordion.style-3 li.active .accordion-title {
background: #BE1F35;
color: white;
}
.theme-color-spring-red .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-spring-red .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-spring-red .bg-black .accordion li .accordion-title,
.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-spring-red .bg-black .accordion li .accordion-title:before, .theme-color-spring-red .bg-black .accordion li .accordion-title:after,
.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-spring-red [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-spring-red .bg-black .accordion li.active .accordion-title,
.theme-color-spring-red [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #BE1F35;
}
.theme-color-spring-red .bg-black .accordion.style-3 li .accordion-title,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #BE1F35;
color: white;
}
.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-spring-red [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-spring-red [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-spring-red [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-spring-red [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-spring-red [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-spring-red [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-spring-red [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-spring-red .text-link-2:before,
.theme-color-spring-red .text-link-3:before,
.theme-color-spring-red .text-link-4:before {
background: #BE1F35;
}
.theme-color-spring-red .text-link-5:after,
.theme-color-spring-red .text-link-6:after,
.theme-color-spring-red .text-link-7:after {
background: #BE1F35;
}
.theme-color-spring-red .text-link-8:before {
background: rgba(190, 31, 53, 0.1);
}
.theme-color-spring-red .bg-black .text-link-2:before,
.theme-color-spring-red .bg-black .text-link-3:before,
.theme-color-spring-red .bg-black .text-link-4:before,
.theme-color-spring-red [class*='bg-dark'] .text-link-2:before,
.theme-color-spring-red [class*='bg-dark'] .text-link-3:before,
.theme-color-spring-red [class*='bg-dark'] .text-link-4:before {
background: #BE1F35;
}
.theme-color-spring-red .bg-black .text-link-5:after,
.theme-color-spring-red .bg-black .text-link-6:after,
.theme-color-spring-red .bg-black .text-link-7:after,
.theme-color-spring-red [class*='bg-dark'] .text-link-5:after,
.theme-color-spring-red [class*='bg-dark'] .text-link-6:after,
.theme-color-spring-red [class*='bg-dark'] .text-link-7:after {
background: #BE1F35;
}
.theme-color-spring-red .bg-black .text-link-8:before,
.theme-color-spring-red [class*='bg-dark'] .text-link-8:before {
background: rgba(190, 31, 53, 0.1);
}
.theme-color-spring-red [class*='bg-gradient'] .text-link-2:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-3:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-4:before,
.theme-color-spring-red [class*='bg-color'] .text-link-2:before,
.theme-color-spring-red [class*='bg-color'] .text-link-3:before,
.theme-color-spring-red [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-spring-red [class*='bg-gradient'] .text-link-5:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-6:before, .theme-color-spring-red [class*='bg-gradient'] .text-link-7:before,
.theme-color-spring-red [class*='bg-color'] .text-link-5:before,
.theme-color-spring-red [class*='bg-color'] .text-link-6:before,
.theme-color-spring-red [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-spring-red [class*='bg-gradient'] .text-link-5:after, .theme-color-spring-red [class*='bg-gradient'] .text-link-6:after, .theme-color-spring-red [class*='bg-gradient'] .text-link-7:after,
.theme-color-spring-red [class*='bg-color'] .text-link-5:after,
.theme-color-spring-red [class*='bg-color'] .text-link-6:after,
.theme-color-spring-red [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-spring-red [class*='bg-gradient'] .text-link-8:before,
.theme-color-spring-red [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-spring-red .form-style-2 input:focus, .theme-color-spring-red .form-style-2 textarea:focus, .theme-color-spring-red .form-style-2 .custom-select:focus, .theme-color-spring-red .form-style-2 .form-control:focus,
.theme-color-spring-red .form-style-4 input:focus,
.theme-color-spring-red .form-style-4 textarea:focus,
.theme-color-spring-red .form-style-4 .custom-select:focus,
.theme-color-spring-red .form-style-4 .form-control:focus {
border-color: #BE1F35;
}

412
static/assets/css/theme-colors/theme-color-tan.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Tan
*
-------------------------------------------------*/
.theme-color-tan a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #d2b48c;
}
.theme-color-tan [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-tan [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-tan .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-tan .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #d2b48c;
}
.theme-color-tan .bg-color-theme {
background: #d2b48c;
}
.theme-color-tan .bg-color-theme-09 {
background: rgba(210, 180, 140, 0.9);
}
.theme-color-tan .bg-color-theme-08 {
background: rgba(210, 180, 140, 0.8);
}
.theme-color-tan .bg-color-theme-07 {
background: rgba(210, 180, 140, 0.7);
}
.theme-color-tan .bg-color-theme-06 {
background: rgba(210, 180, 140, 0.6);
}
.theme-color-tan .bg-color-theme-05 {
background: rgba(210, 180, 140, 0.5);
}
.theme-color-tan .bg-color-theme-04 {
background: rgba(210, 180, 140, 0.4);
}
.theme-color-tan .bg-color-theme-03 {
background: rgba(210, 180, 140, 0.3);
}
.theme-color-tan .bg-color-theme-02 {
background: rgba(210, 180, 140, 0.2);
}
.theme-color-tan .bg-color-theme-01 {
background: rgba(210, 180, 140, 0.1);
}
.theme-color-tan .bg-light-theme {
background: #f6f0e8;
}
.theme-color-tan .button-theme {
background: #d2b48c;
}
.theme-color-tan .button-outline-theme {
border-color: #d2b48c;
color: #d2b48c;
}
.theme-color-tan .button-outline-theme:hover, .theme-color-tan .button-outline-theme:focus {
background: #d2b48c;
color: white;
}
.theme-color-tan .button-circle-theme {
background: #d2b48c;
}
.theme-color-tan .button-circle-outline-theme {
border-color: #d2b48c;
color: #d2b48c;
}
.theme-color-tan .button-circle-outline-theme:hover, .theme-color-tan .button-circle-outline-theme:focus {
background: #d2b48c;
}
.theme-color-tan .button-backdrop-color-theme {
background: #d2b48c;
}
.theme-color-tan .button-text-theme.button-text-1, .theme-color-tan .button-text-theme.button-text-2, .theme-color-tan .button-text-theme.button-text-3 {
color: #d2b48c;
}
.theme-color-tan .button-text-theme.button-text-1:hover, .theme-color-tan .button-text-theme.button-text-2:hover, .theme-color-tan .button-text-theme.button-text-3:hover {
color: #d2b48c;
}
.theme-color-tan .button-text-theme.button-text-1:before {
background: rgba(210, 180, 140, 0.3);
}
.theme-color-tan .button-text-theme.button-text-1:after {
background: #d2b48c;
}
.theme-color-tan .button-text-theme.button-text-2:before {
background: rgba(210, 180, 140, 0.1);
}
.theme-color-tan .button-text-theme.button-text-2:after {
background: #d2b48c;
}
.theme-color-tan .button-text-theme.button-text-3:before {
background: #d2b48c;
}
.theme-color-tan .button-text-theme.button-text-3:hover:before {
background: #d2b48c;
}
.theme-color-tan .bg-black .button-text-theme.button-text-1, .theme-color-tan .bg-black .button-text-theme.button-text-2, .theme-color-tan .bg-black .button-text-theme.button-text-3,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #d2b48c;
}
.theme-color-tan .bg-black .button-text-theme.button-text-1:hover, .theme-color-tan .bg-black .button-text-theme.button-text-2:hover, .theme-color-tan .bg-black .button-text-theme.button-text-3:hover,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #d2b48c;
}
.theme-color-tan .bg-black .button-text-theme.button-text-1:before,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(210, 180, 140, 0.3);
}
.theme-color-tan .bg-black .button-text-theme.button-text-1:after,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #d2b48c;
}
.theme-color-tan .bg-black .button-text-theme.button-text-2:before,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(210, 180, 140, 0.3);
}
.theme-color-tan .bg-black .button-text-theme.button-text-2:after,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #d2b48c;
}
.theme-color-tan .bg-black .button-text-theme.button-text-3:before,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #d2b48c;
}
.theme-color-tan .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-tan [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #d2b48c;
}
.theme-color-tan .text-color-theme {
color: #d2b48c;
}
.theme-color-tan .progress-box.progress-theme .animated-progress div {
background: #d2b48c;
}
.theme-color-tan [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-tan [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-tan.preloader-theme .preloader-1 div .loader-path {
stroke: #d2b48c;
}
.theme-color-tan.preloader-theme .preloader-2 div span {
background: #d2b48c;
background: linear-gradient(to right, #d2b48c 10%, transparent 40%);
}
.theme-color-tan.preloader-theme .preloader-2 div span:before {
background: #d2b48c;
}
.theme-color-tan.preloader-theme .preloader-3 div span:before, .theme-color-tan.preloader-theme .preloader-3 div span:after {
background: rgba(210, 180, 140, 0.2);
}
.theme-color-tan .accordion li .accordion-title {
border-color: rgba(210, 180, 140, 0.1);
}
.theme-color-tan .accordion li .accordion-title:before, .theme-color-tan .accordion li .accordion-title:after {
background: #d2b48c;
}
.theme-color-tan .accordion li .accordion-title h1, .theme-color-tan .accordion li .accordion-title h2, .theme-color-tan .accordion li .accordion-title h3, .theme-color-tan .accordion li .accordion-title h4, .theme-color-tan .accordion li .accordion-title h5, .theme-color-tan .accordion li .accordion-title h6 {
color: #d2b48c;
}
.theme-color-tan .accordion li.active .accordion-title {
border-color: #d2b48c;
}
.theme-color-tan .accordion.style-3 li .accordion-title {
background: #f6f0e8;
}
.theme-color-tan .accordion.style-3 li.active .accordion-title {
background: #d2b48c;
color: white;
}
.theme-color-tan .accordion.style-3 li.active .accordion-title:before, .theme-color-tan .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-tan .accordion.style-3 li.active .accordion-title h1, .theme-color-tan .accordion.style-3 li.active .accordion-title h2, .theme-color-tan .accordion.style-3 li.active .accordion-title h3, .theme-color-tan .accordion.style-3 li.active .accordion-title h4, .theme-color-tan .accordion.style-3 li.active .accordion-title h5, .theme-color-tan .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-tan .bg-black .accordion li .accordion-title,
.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-tan .bg-black .accordion li .accordion-title:before, .theme-color-tan .bg-black .accordion li .accordion-title:after,
.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-tan [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-tan .bg-black .accordion li.active .accordion-title,
.theme-color-tan [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #d2b48c;
}
.theme-color-tan .bg-black .accordion.style-3 li .accordion-title,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #d2b48c;
color: white;
}
.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-tan .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-tan [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-tan [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-tan [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-tan [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-tan [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-tan [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-tan [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-tan .text-link-2:before,
.theme-color-tan .text-link-3:before,
.theme-color-tan .text-link-4:before {
background: #d2b48c;
}
.theme-color-tan .text-link-5:after,
.theme-color-tan .text-link-6:after,
.theme-color-tan .text-link-7:after {
background: #d2b48c;
}
.theme-color-tan .text-link-8:before {
background: rgba(210, 180, 140, 0.1);
}
.theme-color-tan .bg-black .text-link-2:before,
.theme-color-tan .bg-black .text-link-3:before,
.theme-color-tan .bg-black .text-link-4:before,
.theme-color-tan [class*='bg-dark'] .text-link-2:before,
.theme-color-tan [class*='bg-dark'] .text-link-3:before,
.theme-color-tan [class*='bg-dark'] .text-link-4:before {
background: #d2b48c;
}
.theme-color-tan .bg-black .text-link-5:after,
.theme-color-tan .bg-black .text-link-6:after,
.theme-color-tan .bg-black .text-link-7:after,
.theme-color-tan [class*='bg-dark'] .text-link-5:after,
.theme-color-tan [class*='bg-dark'] .text-link-6:after,
.theme-color-tan [class*='bg-dark'] .text-link-7:after {
background: #d2b48c;
}
.theme-color-tan .bg-black .text-link-8:before,
.theme-color-tan [class*='bg-dark'] .text-link-8:before {
background: rgba(210, 180, 140, 0.1);
}
.theme-color-tan [class*='bg-gradient'] .text-link-2:before, .theme-color-tan [class*='bg-gradient'] .text-link-3:before, .theme-color-tan [class*='bg-gradient'] .text-link-4:before,
.theme-color-tan [class*='bg-color'] .text-link-2:before,
.theme-color-tan [class*='bg-color'] .text-link-3:before,
.theme-color-tan [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-tan [class*='bg-gradient'] .text-link-5:before, .theme-color-tan [class*='bg-gradient'] .text-link-6:before, .theme-color-tan [class*='bg-gradient'] .text-link-7:before,
.theme-color-tan [class*='bg-color'] .text-link-5:before,
.theme-color-tan [class*='bg-color'] .text-link-6:before,
.theme-color-tan [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-tan [class*='bg-gradient'] .text-link-5:after, .theme-color-tan [class*='bg-gradient'] .text-link-6:after, .theme-color-tan [class*='bg-gradient'] .text-link-7:after,
.theme-color-tan [class*='bg-color'] .text-link-5:after,
.theme-color-tan [class*='bg-color'] .text-link-6:after,
.theme-color-tan [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-tan [class*='bg-gradient'] .text-link-8:before,
.theme-color-tan [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-tan .form-style-2 input:focus, .theme-color-tan .form-style-2 textarea:focus, .theme-color-tan .form-style-2 .custom-select:focus, .theme-color-tan .form-style-2 .form-control:focus,
.theme-color-tan .form-style-4 input:focus,
.theme-color-tan .form-style-4 textarea:focus,
.theme-color-tan .form-style-4 .custom-select:focus,
.theme-color-tan .form-style-4 .form-control:focus {
border-color: #d2b48c;
}

412
static/assets/css/theme-colors/theme-color-turquoise.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - turquoise
*
-------------------------------------------------*/
.theme-color-turquoise a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #4cbfa6;
}
.theme-color-turquoise [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-turquoise [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-turquoise .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-turquoise .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #4cbfa6;
}
.theme-color-turquoise .bg-color-theme {
background: #4cbfa6;
}
.theme-color-turquoise .bg-color-theme-09 {
background: rgba(76, 191, 166, 0.9);
}
.theme-color-turquoise .bg-color-theme-08 {
background: rgba(76, 191, 166, 0.8);
}
.theme-color-turquoise .bg-color-theme-07 {
background: rgba(76, 191, 166, 0.7);
}
.theme-color-turquoise .bg-color-theme-06 {
background: rgba(76, 191, 166, 0.6);
}
.theme-color-turquoise .bg-color-theme-05 {
background: rgba(76, 191, 166, 0.5);
}
.theme-color-turquoise .bg-color-theme-04 {
background: rgba(76, 191, 166, 0.4);
}
.theme-color-turquoise .bg-color-theme-03 {
background: rgba(76, 191, 166, 0.3);
}
.theme-color-turquoise .bg-color-theme-02 {
background: rgba(76, 191, 166, 0.2);
}
.theme-color-turquoise .bg-color-theme-01 {
background: rgba(76, 191, 166, 0.1);
}
.theme-color-turquoise .bg-light-theme {
background: #E2F4F0;
}
.theme-color-turquoise .button-theme {
background: #4cbfa6;
}
.theme-color-turquoise .button-outline-theme {
border-color: #4cbfa6;
color: #4cbfa6;
}
.theme-color-turquoise .button-outline-theme:hover, .theme-color-turquoise .button-outline-theme:focus {
background: #4cbfa6;
color: white;
}
.theme-color-turquoise .button-circle-theme {
background: #4cbfa6;
}
.theme-color-turquoise .button-circle-outline-theme {
border-color: #4cbfa6;
color: #4cbfa6;
}
.theme-color-turquoise .button-circle-outline-theme:hover, .theme-color-turquoise .button-circle-outline-theme:focus {
background: #4cbfa6;
}
.theme-color-turquoise .button-backdrop-color-theme {
background: #4cbfa6;
}
.theme-color-turquoise .button-text-theme.button-text-1, .theme-color-turquoise .button-text-theme.button-text-2, .theme-color-turquoise .button-text-theme.button-text-3 {
color: #4cbfa6;
}
.theme-color-turquoise .button-text-theme.button-text-1:hover, .theme-color-turquoise .button-text-theme.button-text-2:hover, .theme-color-turquoise .button-text-theme.button-text-3:hover {
color: #4cbfa6;
}
.theme-color-turquoise .button-text-theme.button-text-1:before {
background: rgba(76, 191, 166, 0.3);
}
.theme-color-turquoise .button-text-theme.button-text-1:after {
background: #4cbfa6;
}
.theme-color-turquoise .button-text-theme.button-text-2:before {
background: rgba(76, 191, 166, 0.1);
}
.theme-color-turquoise .button-text-theme.button-text-2:after {
background: #4cbfa6;
}
.theme-color-turquoise .button-text-theme.button-text-3:before {
background: #4cbfa6;
}
.theme-color-turquoise .button-text-theme.button-text-3:hover:before {
background: #4cbfa6;
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-1, .theme-color-turquoise .bg-black .button-text-theme.button-text-2, .theme-color-turquoise .bg-black .button-text-theme.button-text-3,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #4cbfa6;
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-1:hover, .theme-color-turquoise .bg-black .button-text-theme.button-text-2:hover, .theme-color-turquoise .bg-black .button-text-theme.button-text-3:hover,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #4cbfa6;
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-1:before,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(76, 191, 166, 0.3);
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-1:after,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #4cbfa6;
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-2:before,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(76, 191, 166, 0.3);
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-2:after,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #4cbfa6;
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-3:before,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #4cbfa6;
}
.theme-color-turquoise .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-turquoise [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #4cbfa6;
}
.theme-color-turquoise .text-color-theme {
color: #4cbfa6;
}
.theme-color-turquoise .progress-box.progress-theme .animated-progress div {
background: #4cbfa6;
}
.theme-color-turquoise [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-turquoise [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-turquoise.preloader-theme .preloader-1 div .loader-path {
stroke: #4cbfa6;
}
.theme-color-turquoise.preloader-theme .preloader-2 div span {
background: #4cbfa6;
background: linear-gradient(to right, #4cbfa6 10%, transparent 40%);
}
.theme-color-turquoise.preloader-theme .preloader-2 div span:before {
background: #4cbfa6;
}
.theme-color-turquoise.preloader-theme .preloader-3 div span:before, .theme-color-turquoise.preloader-theme .preloader-3 div span:after {
background: rgba(76, 191, 166, 0.2);
}
.theme-color-turquoise .accordion li .accordion-title {
border-color: rgba(76, 191, 166, 0.1);
}
.theme-color-turquoise .accordion li .accordion-title:before, .theme-color-turquoise .accordion li .accordion-title:after {
background: #4cbfa6;
}
.theme-color-turquoise .accordion li .accordion-title h1, .theme-color-turquoise .accordion li .accordion-title h2, .theme-color-turquoise .accordion li .accordion-title h3, .theme-color-turquoise .accordion li .accordion-title h4, .theme-color-turquoise .accordion li .accordion-title h5, .theme-color-turquoise .accordion li .accordion-title h6 {
color: #4cbfa6;
}
.theme-color-turquoise .accordion li.active .accordion-title {
border-color: #4cbfa6;
}
.theme-color-turquoise .accordion.style-3 li .accordion-title {
background: #E2F4F0;
}
.theme-color-turquoise .accordion.style-3 li.active .accordion-title {
background: #4cbfa6;
color: white;
}
.theme-color-turquoise .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-turquoise .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-turquoise .bg-black .accordion li .accordion-title,
.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-turquoise .bg-black .accordion li .accordion-title:before, .theme-color-turquoise .bg-black .accordion li .accordion-title:after,
.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-turquoise [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-turquoise .bg-black .accordion li.active .accordion-title,
.theme-color-turquoise [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #4cbfa6;
}
.theme-color-turquoise .bg-black .accordion.style-3 li .accordion-title,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #4cbfa6;
color: white;
}
.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-turquoise [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-turquoise [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-turquoise [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-turquoise [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-turquoise [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-turquoise [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-turquoise [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-turquoise .text-link-2:before,
.theme-color-turquoise .text-link-3:before,
.theme-color-turquoise .text-link-4:before {
background: #4cbfa6;
}
.theme-color-turquoise .text-link-5:after,
.theme-color-turquoise .text-link-6:after,
.theme-color-turquoise .text-link-7:after {
background: #4cbfa6;
}
.theme-color-turquoise .text-link-8:before {
background: rgba(76, 191, 166, 0.1);
}
.theme-color-turquoise .bg-black .text-link-2:before,
.theme-color-turquoise .bg-black .text-link-3:before,
.theme-color-turquoise .bg-black .text-link-4:before,
.theme-color-turquoise [class*='bg-dark'] .text-link-2:before,
.theme-color-turquoise [class*='bg-dark'] .text-link-3:before,
.theme-color-turquoise [class*='bg-dark'] .text-link-4:before {
background: #4cbfa6;
}
.theme-color-turquoise .bg-black .text-link-5:after,
.theme-color-turquoise .bg-black .text-link-6:after,
.theme-color-turquoise .bg-black .text-link-7:after,
.theme-color-turquoise [class*='bg-dark'] .text-link-5:after,
.theme-color-turquoise [class*='bg-dark'] .text-link-6:after,
.theme-color-turquoise [class*='bg-dark'] .text-link-7:after {
background: #4cbfa6;
}
.theme-color-turquoise .bg-black .text-link-8:before,
.theme-color-turquoise [class*='bg-dark'] .text-link-8:before {
background: rgba(76, 191, 166, 0.1);
}
.theme-color-turquoise [class*='bg-gradient'] .text-link-2:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-3:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-4:before,
.theme-color-turquoise [class*='bg-color'] .text-link-2:before,
.theme-color-turquoise [class*='bg-color'] .text-link-3:before,
.theme-color-turquoise [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-turquoise [class*='bg-gradient'] .text-link-5:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-6:before, .theme-color-turquoise [class*='bg-gradient'] .text-link-7:before,
.theme-color-turquoise [class*='bg-color'] .text-link-5:before,
.theme-color-turquoise [class*='bg-color'] .text-link-6:before,
.theme-color-turquoise [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-turquoise [class*='bg-gradient'] .text-link-5:after, .theme-color-turquoise [class*='bg-gradient'] .text-link-6:after, .theme-color-turquoise [class*='bg-gradient'] .text-link-7:after,
.theme-color-turquoise [class*='bg-color'] .text-link-5:after,
.theme-color-turquoise [class*='bg-color'] .text-link-6:after,
.theme-color-turquoise [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-turquoise [class*='bg-gradient'] .text-link-8:before,
.theme-color-turquoise [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-turquoise .form-style-2 input:focus, .theme-color-turquoise .form-style-2 textarea:focus, .theme-color-turquoise .form-style-2 .custom-select:focus, .theme-color-turquoise .form-style-2 .form-control:focus,
.theme-color-turquoise .form-style-4 input:focus,
.theme-color-turquoise .form-style-4 textarea:focus,
.theme-color-turquoise .form-style-4 .custom-select:focus,
.theme-color-turquoise .form-style-4 .form-control:focus {
border-color: #4cbfa6;
}

412
static/assets/css/theme-colors/theme-color-very-peri.css Normal file
View File

@@ -0,0 +1,412 @@
/*------------------------------------------------
*
* Theme Color - Very Peri
*
-------------------------------------------------*/
.theme-color-very-peri a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: #6667AB;
}
.theme-color-very-peri [class*='bg-gradient'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover,
.theme-color-very-peri [class*='bg-color'] a:not([class^='button']):not([class^="link-social"]):not(.header-logo a):hover {
color: white;
}
.theme-color-very-peri .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):hover, .theme-color-very-peri .header .header-menu:not([class*='dropdown-color']) .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]):focus {
color: #6667AB;
}
.theme-color-very-peri .bg-color-theme {
background: #6667AB;
}
.theme-color-very-peri .bg-color-theme-09 {
background: rgba(102, 103, 171, 0.9);
}
.theme-color-very-peri .bg-color-theme-08 {
background: rgba(102, 103, 171, 0.8);
}
.theme-color-very-peri .bg-color-theme-07 {
background: rgba(102, 103, 171, 0.7);
}
.theme-color-very-peri .bg-color-theme-06 {
background: rgba(102, 103, 171, 0.6);
}
.theme-color-very-peri .bg-color-theme-05 {
background: rgba(102, 103, 171, 0.5);
}
.theme-color-very-peri .bg-color-theme-04 {
background: rgba(102, 103, 171, 0.4);
}
.theme-color-very-peri .bg-color-theme-03 {
background: rgba(102, 103, 171, 0.3);
}
.theme-color-very-peri .bg-color-theme-02 {
background: rgba(102, 103, 171, 0.2);
}
.theme-color-very-peri .bg-color-theme-01 {
background: rgba(102, 103, 171, 0.1);
}
.theme-color-very-peri .bg-light-theme {
background: #EDEDF5;
}
.theme-color-very-peri .button-theme {
background: #6667AB;
}
.theme-color-very-peri .button-outline-theme {
border-color: #6667AB;
color: #6667AB;
}
.theme-color-very-peri .button-outline-theme:hover, .theme-color-very-peri .button-outline-theme:focus {
background: #6667AB;
color: white;
}
.theme-color-very-peri .button-circle-theme {
background: #6667AB;
}
.theme-color-very-peri .button-circle-outline-theme {
border-color: #6667AB;
color: #6667AB;
}
.theme-color-very-peri .button-circle-outline-theme:hover, .theme-color-very-peri .button-circle-outline-theme:focus {
background: #6667AB;
}
.theme-color-very-peri .button-backdrop-color-theme {
background: #6667AB;
}
.theme-color-very-peri .button-text-theme.button-text-1, .theme-color-very-peri .button-text-theme.button-text-2, .theme-color-very-peri .button-text-theme.button-text-3 {
color: #6667AB;
}
.theme-color-very-peri .button-text-theme.button-text-1:hover, .theme-color-very-peri .button-text-theme.button-text-2:hover, .theme-color-very-peri .button-text-theme.button-text-3:hover {
color: #6667AB;
}
.theme-color-very-peri .button-text-theme.button-text-1:before {
background: rgba(102, 103, 171, 0.3);
}
.theme-color-very-peri .button-text-theme.button-text-1:after {
background: #6667AB;
}
.theme-color-very-peri .button-text-theme.button-text-2:before {
background: rgba(102, 103, 171, 0.1);
}
.theme-color-very-peri .button-text-theme.button-text-2:after {
background: #6667AB;
}
.theme-color-very-peri .button-text-theme.button-text-3:before {
background: #6667AB;
}
.theme-color-very-peri .button-text-theme.button-text-3:hover:before {
background: #6667AB;
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-1, .theme-color-very-peri .bg-black .button-text-theme.button-text-2, .theme-color-very-peri .bg-black .button-text-theme.button-text-3,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3 {
color: #6667AB;
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-1:hover, .theme-color-very-peri .bg-black .button-text-theme.button-text-2:hover, .theme-color-very-peri .bg-black .button-text-theme.button-text-3:hover,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:hover,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:hover,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:hover {
color: #6667AB;
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-1:before,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:before {
background: rgba(102, 103, 171, 0.3);
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-1:after,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-1:after {
background: #6667AB;
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-2:before,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:before {
background: rgba(102, 103, 171, 0.3);
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-2:after,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-2:after {
background: #6667AB;
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-3:before,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:before {
background: #6667AB;
}
.theme-color-very-peri .bg-black .button-text-theme.button-text-3:hover:before,
.theme-color-very-peri [class*='bg-dark'] .button-text-theme.button-text-3:hover:before {
background: #6667AB;
}
.theme-color-very-peri .text-color-theme {
color: #6667AB;
}
.theme-color-very-peri .progress-box.progress-theme .animated-progress div {
background: #6667AB;
}
.theme-color-very-peri [class*='bg-gradient'] .progress-box.progress-theme .animated-progress div,
.theme-color-very-peri [class*='bg-color'] .progress-box.progress-theme .animated-progress div {
background: white;
}
.theme-color-very-peri.preloader-theme .preloader-1 div .loader-path {
stroke: #6667AB;
}
.theme-color-very-peri.preloader-theme .preloader-2 div span {
background: #6667AB;
background: linear-gradient(to right, #6667AB 10%, transparent 40%);
}
.theme-color-very-peri.preloader-theme .preloader-2 div span:before {
background: #6667AB;
}
.theme-color-very-peri.preloader-theme .preloader-3 div span:before, .theme-color-very-peri.preloader-theme .preloader-3 div span:after {
background: rgba(102, 103, 171, 0.2);
}
.theme-color-very-peri .accordion li .accordion-title {
border-color: rgba(102, 103, 171, 0.1);
}
.theme-color-very-peri .accordion li .accordion-title:before, .theme-color-very-peri .accordion li .accordion-title:after {
background: #6667AB;
}
.theme-color-very-peri .accordion li .accordion-title h1, .theme-color-very-peri .accordion li .accordion-title h2, .theme-color-very-peri .accordion li .accordion-title h3, .theme-color-very-peri .accordion li .accordion-title h4, .theme-color-very-peri .accordion li .accordion-title h5, .theme-color-very-peri .accordion li .accordion-title h6 {
color: #6667AB;
}
.theme-color-very-peri .accordion li.active .accordion-title {
border-color: #6667AB;
}
.theme-color-very-peri .accordion.style-3 li .accordion-title {
background: #EDEDF5;
}
.theme-color-very-peri .accordion.style-3 li.active .accordion-title {
background: #6667AB;
color: white;
}
.theme-color-very-peri .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-very-peri .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-very-peri .bg-black .accordion li .accordion-title,
.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-very-peri .bg-black .accordion li .accordion-title:before, .theme-color-very-peri .bg-black .accordion li .accordion-title:after,
.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title:before,
.theme-color-very-peri [class*='bg-dark'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-very-peri .bg-black .accordion li.active .accordion-title,
.theme-color-very-peri [class*='bg-dark'] .accordion li.active .accordion-title {
border-color: #6667AB;
}
.theme-color-very-peri .bg-black .accordion.style-3 li .accordion-title,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title {
background: #6667AB;
color: white;
}
.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title:after,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title:after {
background: white;
}
.theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri .bg-black .accordion.style-3 li.active .accordion-title h6,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-very-peri [class*='bg-dark'] .accordion.style-3 li.active .accordion-title h6 {
color: white;
}
.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title {
border-color: rgba(255, 255, 255, 0.2);
}
.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title h6,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h1,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h2,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h3,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h4,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h5,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title h6 {
color: white;
}
.theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title:before, .theme-color-very-peri [class*='bg-gradient'] .accordion li .accordion-title:after,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title:before,
.theme-color-very-peri [class*='bg-color'] .accordion li .accordion-title:after {
background: white;
}
.theme-color-very-peri [class*='bg-gradient'] .accordion li.active .accordion-title,
.theme-color-very-peri [class*='bg-color'] .accordion li.active .accordion-title {
border-color: white;
}
.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title {
background: rgba(255, 255, 255, 0.1);
}
.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li .accordion-title h6,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h1,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h2,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h3,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h4,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h5,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li .accordion-title h6 {
color: white;
}
.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title {
background: white;
color: #7C7C7C;
}
.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:before, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title:after,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title:before,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title:after {
background: black;
}
.theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h1, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h2, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h3, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h4, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h5, .theme-color-very-peri [class*='bg-gradient'] .accordion.style-3 li.active .accordion-title h6,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h1,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h2,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h3,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h4,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h5,
.theme-color-very-peri [class*='bg-color'] .accordion.style-3 li.active .accordion-title h6 {
color: black;
}
.theme-color-very-peri .text-link-2:before,
.theme-color-very-peri .text-link-3:before,
.theme-color-very-peri .text-link-4:before {
background: #6667AB;
}
.theme-color-very-peri .text-link-5:after,
.theme-color-very-peri .text-link-6:after,
.theme-color-very-peri .text-link-7:after {
background: #6667AB;
}
.theme-color-very-peri .text-link-8:before {
background: rgba(102, 103, 171, 0.1);
}
.theme-color-very-peri .bg-black .text-link-2:before,
.theme-color-very-peri .bg-black .text-link-3:before,
.theme-color-very-peri .bg-black .text-link-4:before,
.theme-color-very-peri [class*='bg-dark'] .text-link-2:before,
.theme-color-very-peri [class*='bg-dark'] .text-link-3:before,
.theme-color-very-peri [class*='bg-dark'] .text-link-4:before {
background: #6667AB;
}
.theme-color-very-peri .bg-black .text-link-5:after,
.theme-color-very-peri .bg-black .text-link-6:after,
.theme-color-very-peri .bg-black .text-link-7:after,
.theme-color-very-peri [class*='bg-dark'] .text-link-5:after,
.theme-color-very-peri [class*='bg-dark'] .text-link-6:after,
.theme-color-very-peri [class*='bg-dark'] .text-link-7:after {
background: #6667AB;
}
.theme-color-very-peri .bg-black .text-link-8:before,
.theme-color-very-peri [class*='bg-dark'] .text-link-8:before {
background: rgba(102, 103, 171, 0.1);
}
.theme-color-very-peri [class*='bg-gradient'] .text-link-2:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-3:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-4:before,
.theme-color-very-peri [class*='bg-color'] .text-link-2:before,
.theme-color-very-peri [class*='bg-color'] .text-link-3:before,
.theme-color-very-peri [class*='bg-color'] .text-link-4:before {
background: white;
}
.theme-color-very-peri [class*='bg-gradient'] .text-link-5:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-6:before, .theme-color-very-peri [class*='bg-gradient'] .text-link-7:before,
.theme-color-very-peri [class*='bg-color'] .text-link-5:before,
.theme-color-very-peri [class*='bg-color'] .text-link-6:before,
.theme-color-very-peri [class*='bg-color'] .text-link-7:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-very-peri [class*='bg-gradient'] .text-link-5:after, .theme-color-very-peri [class*='bg-gradient'] .text-link-6:after, .theme-color-very-peri [class*='bg-gradient'] .text-link-7:after,
.theme-color-very-peri [class*='bg-color'] .text-link-5:after,
.theme-color-very-peri [class*='bg-color'] .text-link-6:after,
.theme-color-very-peri [class*='bg-color'] .text-link-7:after {
background: white;
}
.theme-color-very-peri [class*='bg-gradient'] .text-link-8:before,
.theme-color-very-peri [class*='bg-color'] .text-link-8:before {
background: rgba(255, 255, 255, 0.3);
}
.theme-color-very-peri .form-style-2 input:focus, .theme-color-very-peri .form-style-2 textarea:focus, .theme-color-very-peri .form-style-2 .custom-select:focus, .theme-color-very-peri .form-style-2 .form-control:focus,
.theme-color-very-peri .form-style-4 input:focus,
.theme-color-very-peri .form-style-4 textarea:focus,
.theme-color-very-peri .form-style-4 .custom-select:focus,
.theme-color-very-peri .form-style-4 .form-control:focus {
border-color: #6667AB;
}

167
static/assets/css/theme.css
View File

@@ -7066,6 +7066,149 @@ button.mfp-close:hover {
height: 70px;
}
}
.breadcrumb-wrapper {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 1px solid #dee2e6;
padding: 1rem 0;
}
@media (max-width: 768px) {
.breadcrumb-wrapper {
padding: 0.75rem 0;
}
}
.breadcrumb-wrapper .breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
font-size: 0.875rem;
line-height: 1.4;
}
@media (max-width: 576px) {
.breadcrumb-wrapper .breadcrumb {
font-size: 0.8125rem;
}
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item {
display: flex;
align-items: center;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child) {
margin-right: 0.5rem;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 4px solid #6c757d;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
margin-left: 0.75rem;
opacity: 0.7;
}
@media (max-width: 576px) {
.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after {
margin-left: 0.5rem;
border-left-width: 3px;
border-top-width: 2px;
border-bottom-width: 2px;
}
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
color: #495057;
text-decoration: none;
font-weight: 500;
transition: all 0.2s ease-in-out;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
color: #007bff;
background-color: rgba(0, 123, 255, 0.1);
transform: translateY(-1px);
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus {
outline: 2px solid #007bff;
outline-offset: 1px;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a i.fas {
margin-right: 0.375rem;
font-size: 0.75rem;
}
@media (max-width: 576px) {
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a i.fas {
margin-right: 0.25rem;
font-size: 0.6875rem;
}
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active {
color: #6c757d;
font-weight: 600;
padding: 0.25rem 0.5rem;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 768px) {
.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active {
max-width: 150px;
}
}
@media (max-width: 576px) {
.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active {
max-width: 120px;
}
}
@media (max-width: 576px) {
.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child):not(:nth-last-child(2)) {
display: none;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child):not(:nth-last-child(2)) + .breadcrumb-item::before {
content: "...";
margin: 0 0.5rem;
color: #6c757d;
font-weight: bold;
}
}
@media (prefers-color-scheme: dark) {
.breadcrumb-wrapper {
background: linear-gradient(135deg, #343a40 0%, #495057 100%);
border-bottom-color: #6c757d;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:last-child)::after {
border-left-color: #adb5bd;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
color: #dee2e6;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
color: #66b2ff;
background-color: rgba(102, 178, 255, 0.1);
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:focus {
outline-color: #66b2ff;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active {
color: #adb5bd;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.masonry {
margin: 0 -1em -2em;
}
@@ -7708,6 +7851,30 @@ button.mfp-close:hover {
text-align: center;
}
/* Styles for tables */
figure.wp-block-table table {
border-collapse: collapse;
width: 100%;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
figure.wp-block-table table thead {
background-color: #f8f9fa;
color: #000;
}
figure.wp-block-table table th, figure.wp-block-table table td {
border: 1px solid #dee2e6;
padding: 0.5rem;
text-align: left;
}
figure.wp-block-table table th {
background-color: #f1f3f5;
font-weight: bold;
}
figure.wp-block-table table tbody tr:nth-child(odd) {
background-color: #f9f9f9;
}
body:after {
content: "";
position: fixed;

1
static/assets/css/theme.css.map Normal file
View File

File diff suppressed because one or more lines are too long