improve footer in dark mode; border on search button

groups/home/bootstrap5/home1.css

@@ -327,7 +327,7 @@
     padding: 6px 12px;
   }
   [data-bs-theme="dark"] .onesearchsubmit {
-    border: none;
+    margin: 1px;
   }
   #blue-border2 {
     flex: 5;
@@ -518,7 +518,7 @@
   }
 
   /* style footer */
-  #orange-line {
+  .orange-line {
     height: 10px;
     background-color: var(--kbccorange);
   }
@@ -527,6 +527,9 @@
     color: white;
     padding: 30px;
   }
+  [data-bs-theme="dark"] #main-blue-footer {
+    background-color: var(--bg);
+  }
   .whiteahrefs a:link,
   .whiteahrefs a:hover,
   .whiteahrefs a:visited,

groups/home/bootstrap5/home1.html

@@ -262,7 +262,7 @@
     <div class="container">
       <div class="row">
         <!-- BEGIN: Page Footer -->
-        <div id="orange-line"></div>
+        <div class="orange-line"></div>
         <div id="main-blue-footer">
           <div id="lighthouse-logo">
             <a href="https://www.kbcc.cuny.edu">
@@ -346,6 +346,7 @@
           </div>
           <div style="height: 10px"></div>
         </div>
+				<div class="orange-line"></div>
 				<!-- END: Page Footer -->
       </div>
     </div>