:root {
  --main-color: #5ea378;
  --sec-color: #edf8f1;
  --thir-color: #5ea37838;
  --button-text-color-light: #5ea378;
  --button-bg-color-light: #edf8f1;
  --link-color: #5ea378;
  --backend-button-bg: #5ea378;
  --backend-button-text: #ffffff;
  --strong-button-bg: #1d6b4e;
  --strong-button-text: #ffffff;
  --button-hover: #76be92;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #1d6b4e;
  --project-filter-image: "wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/wind.jpg");
  --login-bg: #e2ffe2;
  --login-success: #4bb71b;
  --fade-color-header: #6bc690;
}

[data-theme=enerparc]:root {
  --main-color: #003878;
  --sec-color: #efefef;
  --thir-color: #00387841;
  --button-text-color-light: #fff;
  --button-bg-color-light: #003878;
  --link-color: #003878;
  --backend-button-bg: #003878;
  --backend-button-text: #ffffff;
  --strong-button-bg: #000;
  --strong-button-text: #ffffff;
  --button-hover: #003878;
  --button-light-hover: #003878;
  --select-color: #003878;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #003878;
  --graph-money-close-details: #000;
  --progress-percent: #003878;
  --progress: #ebeff2;
  --progress-value: #003878;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #003878;
  --com-project-progrss-bar: #003878;
  --com-project-threshold: #65b5e2;
  --cpro-tiles-headline: #000;
  --project-filter-image: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #003878;
  --button-with-border: #003878;
  --color-fade-dark: #003878;
  --color-fade-light: #003878;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/uploads/sites/25/2023/03/ez-enerparc-header.jpg");
  --login-bg: #003878;
  --login-success: #003878;
  --fade-color-header: #003878;
}

[data-theme=gpjoule]:root {
  --main-color: #ffe51f;
  --sec-color: #000;
  --thir-color: #fff8cc;
  --link-color: #000;
  --backend-button-bg: #ffe51f;
  --backend-button-text: #000;
  --strong-button-bg: #ffe51f;
  --strong-button-text: #000;
  --button-hover: #ffe51f;
  --progress-color: #6bc690;
  --login-success: #4bb71b;
  --fade-color-header: #000;
}

[data-theme=reon]:root {
  --main-color: #ef8606;
  --sec-color: #fff;
  --thir-color: #ffcc00;
  --link-color: #ef8606;
  --backend-button-bg: #ef8606;
  --backend-button-text: #fff;
  --strong-button-bg: #ef8606;
  --strong-button-text: #fff;
  --cpro-tiles-headline: #0063a0;
  --fade-color-header: #ef8606;
}

[data-theme=bad-nauheim]:root {
  --main-color: #4f8c76;
  --sec-color: #8cbe8a;
  --thir-color: #daf1e3;
  --button-text-color-light: #4f8c76;
  --button-bg-color-light: #55bf50;
  --link-color: #4f8c76;
  --backend-button-bg: #4f8c76;
  --backend-button-text: #ffffff;
  --strong-button-bg: #4f8c76;
  --strong-button-text: #ffffff;
  --button-hover: #76be92;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #4f8c76;
  --project-filter-image: "wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/sw-badnauheim/header.jpg");
  --login-bg: #3a8cac;
  --login-success: #4bb71b;
  --fade-color-header: #080808;
}

[data-theme=gi-crowd]:root {
  --main-color: #8ca16a;
  --sec-color: #f9f9f9;
  --thir-color: #f2f2f2;
  --button-text-color-light: #8ca16a;
  --button-bg-color-light: #edf8f1;
  --link-color: #8ca16a;
  --backend-button-bg: #8ca16a;
  --backend-button-text: #ffffff;
  --strong-button-bg: #8ca16a;
  --strong-button-text: #ffffff;
  --button-hover: #8ca16a;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #8ca16a;
  --project-filter-image: "/wp-content/plugins/ccass-platform/assets/green-innovations/gi-home.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/green-innovations/gi-home.jpg");
  --login-bg: #8ca16a;
  --login-success: #4bb71b;
  --fade-color-header: #8ca16a;
}

[data-theme=solnet]:root {
  --main-color: #f7a600;
  --sec-color: #f2f2f2;
  --thir-color: #f7a50037;
  --button-text-color-light: #f7a600;
  --button-bg-color-light: #edf8f1;
  --link-color: #f7a600;
  --backend-button-bg: #f7a600;
  --backend-button-text: #fff;
  --strong-button-bg: #f7a600;
  --strong-button-text: #000;
  --button-hover: #f4b027;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #f7a600;
  --project-filter-image: "wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/solnet/sol-header.jpg");
  --login-bg: #f7a600;
  --login-success: #4bb71b;
  --fade-color-header: #6bc690;
}

/* Invest Form Sidedrawer Toggle Button */
.ccass-form-grouped-label span {
  font-weight: 700;
}

.deployform {
  border-radius: 4em;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 220px;
  height: 60px;
  background-color: #424242;
  cursor: pointer;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  transition: all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3), background-color 0.25s ease;
  -webkit-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
  z-index: 9999;
}

.deployform .icon {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--cc-white, #fff);
  font-size: 18px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.75em;
  align-items: center;
}

.cta {
  color: var(--sec-color);
}

[data-theme=gpjoule] .deployform {
  background-color: var(--main-color);
}
[data-theme=gpjoule] .cta {
  font-weight: 600;
}
[data-theme=gpjoule] .icon img {
  display: none;
}

.form h3 {
  padding: 1em 2em 0 2em;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

.fs-title {
  font-size: 18px;
  font-weight: 600;
}

.fs-subtitle {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.login-fieldset-header {
  margin-bottom: 1.5em;
}

.login-fieldset-header .error-notification {
  margin: unset;
  padding: unset;
  font-weight: 600;
}

#login_fieldset {
  display: none;
}

#login_fieldset .login-fieldset-fields {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

/* Platform-specific overrides via data-theme */
[data-theme=reon] .deployform {
  background-color: #ef8606 !important;
}

[data-theme=whitelabel] .deployform button {
  background-color: #df5151;
}

[data-theme=whitelabel] .deployform button:hover {
  background-color: #da3737;
}

.ccass-form-sidedrawer-content {
  width: 600px;
}

fieldset {
  width: 100%;
}

button {
  width: 100%;
}

@media only screen and (max-width: 720px) {
  .deployform {
    display: none;
  }
}