fitness-giving theme update

public/fitness_giving/theme.css

@@ -1,6 +1,34 @@
+.login-pf body {
+    background: #f3f4f6;
+}
+
+.login-pf-page {
+    width: 1100px;
+    background: #ffffff;
+    padding: 30px;
+}
+
+body .login-pf-page .card-pf {
+    border: 1px solid #e4e4e7 !important;
+    border-radius: 15px;
+    overflow: hidden;
+}
+
 .login-pf-page .login-pf-header h1 {
     background: #ffffff !important;
     color: #000000;
+    border-bottom: 1px solid #e4e4e7 !important;
+    text-align: left !important;
+}
+
+body .pf-c-form-control {
+    border: 1px solid #e4e4e7 !important;
+    padding: 10px 20px !important;
+    border-radius: 10px !important;
+}
+
+body .pf-c-button.pf-m-primary {
+    font-size: 16px;
 }
 
 .pf-c-button.pf-m-primary {
@@ -18,17 +46,43 @@ div#kc-registration span a:hover {
 #kc-header {
     background: #ffffff;
     color: #000000;
+    position: relative;
 }
 
 .app-logo {
-    background-image: url(logo.svg);
+    background-image: url(https://fitnessgiving.com/wp-content/uploads/sites/4/2023/12/market-launch.svg);
     background-position: inherit;
     background-size: contain !important;
+    width: 400px !important;
+    height: 270px !important;
+    margin-bottom: 0;
+}
+
+body #kc-header {
+    flex: 0 0 500px;
+    max-width: 500px;
+}
+
+#kc-header-wrapper::before {
+    display: none;
 }
 
 .login-pf-page .login-pf-page-header p::before {
     content: "Turn Sweat to Cash for Good Causes.";
-    color: #000000;
+    font-size: 14px;
+    color: #6f6f6f;
+}
+
+#kc-header-wrapper p {
+    margin: 0 !important;
+}
+
+.login-pf-page .login-pf-page-header h2::before {
+    content: 'Welcome to FitnessGiving';
+    font-weight: 700;
+    color: #000;
+    letter-spacing: 0;
+    font-size: 20px;
 }
 
 .login-main-title::before {
@@ -53,3 +107,19 @@ div#kc-registration span a:hover {
 #kc-header-wrapper::before {
     background: #16A34A !important;
 }
+
+div#main-logo {
+    height: 100px;
+    background-size: 190px;
+    background: url(logo.svg) no-repeat;
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    width: 190px;
+}
+
+div#kc-registration span a {
+    padding: 10px 25px !important;
+    min-width: 200px;
+    text-align: center;
+}

public/fitness_giving/theme.js

@@ -1,6 +1,17 @@
 const privacyPolicy = document.getElementById('privacy-policy');
+const headerWrapper = document.getElementById('kc-header-wrapper');
+const header = document.getElementById('kc-header');
 
 if (privacyPolicy) {
-  privacyPolicy.innerHTML = '<span>No blah blah.</span>'
+  privacyPolicy.innerHTML = ''
 }
 
+if (headerWrapper) {
+  privacyPolicy.innerHTML = '<h2></h2><p></p>'
+}
+
+if (header) {
+  const logo = document.createElement('div');
+  logo.id = 'main-logo';
+  header.appendChild(logo);
+}