update styles

remove broken livechat

css/styles.css

@@ -14,10 +14,8 @@
   display: flex;
   align-items: center;
   background: #fefff1;
-  border-radius: 100px;
+  border-radius: 15px;
   padding: 4px 20px;
-  box-shadow: rgba(48, 46, 53, 0.4) 0 2px 4px,
-    rgba(45, 35, 66, 0.3) 0 7px 13px -3px;
   transition: box-shadow 0.2s;
 }
 .search-bar:focus-within {
@@ -543,6 +541,8 @@ a:hover:not(nav a) {
   flex-wrap: wrap;
   width: 100%;
   z-index: 100;
+  background: #151f29;
+  padding: 0px 20px 0px 20px;
 }
 
 nav {
@@ -601,7 +601,7 @@ nav a {
 nav ul ul {
   display: none;
   position: absolute;
-  top: 65px; /* Adjust the height of the main nav */
+  top: 57px; /* Adjust the height of the main nav */
   background-color: #151f29;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
@@ -640,6 +640,9 @@ nav ul ul ul li {
   cursor: pointer;
   display: none;
 }
+.logo {
+  width: 200px;
+}
 
 input[type="checkbox"] {
   display: none;
@@ -760,7 +763,7 @@ nav a:not(.logo) {
     max-width: 100%;
   }
   .search-bar input::placeholder {
-    font-size: 11px;
+    font-size: 20px;
   }
   .search-results {
     border-radius: 12px;

index.html

@@ -67,7 +67,19 @@
             </h2>
             <div class="search-hero top">
               <div class="search-bar">
-                <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+                <svg
+                  class="search-icon"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <circle cx="11" cy="11" r="8" />
+                  <line x1="21" y1="21" x2="16.65" y2="16.65" />
+                </svg>
                 <input
                   type="text"
                   id="service-search-input"
@@ -134,7 +146,7 @@
         <h2 class="top">
           10% of Every Subscription is Donated to Defend Your God-given Rights:
         </h2>
-        <a class="logo" href="https://adflegal.org/about/" target="_blank"
+        <a href="https://adflegal.org/about/" target="_blank"
           ><img
             src="./assets/adf-logo.webp"
             alt="Alliance Defending Freedom Logo"

js/liveChat.js

@@ -1,16 +0,0 @@
-var config = {
-  matrixServerUrl: "https://s.shilohcode.com",
-  botId: "@your-help-bot:matrix.org",
-  roomName: "Support Chat",
-  termsUrl: "/terms-of-service",
-  introMessage:
-    "This chat application does not collect any of your personal data or any data from your use of this service.",
-  agreementMessage: "LIVE CHAT OFFLINE",
-  confirmationMessage: "Waiting for a facilitator to join the chat...",
-  exitMessage: "The chat is closed. You may close this window.",
-  chatUnavailableMessage:
-    "The chat service is not available right now. Please try again later.",
-  anonymousDisplayName: "Anonymous",
-};
-
-EmbeddableChatbox.mount(config);