Dodaj nowe ikony SVG dla wyszukiwania, koszyka i użytkownika

juicedupmotorcycles.pl/style.scss

@@ -166,9 +166,10 @@
   font-style: normal;
 }
 
-@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
-$cGold: #b8a982;
-$cBlackLight: #1d1d21;
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
+
+$cGold: #CAA462;
+$cBlackLight: #141414;
 $cBlackDark: #09090a;
 $cGreen: #22c55e;
 $cRed: #d16067;
@@ -179,7 +180,7 @@ $cRed: #d16067;
 
 body {
   background: $cBlackDark !important;
-  font-family: "Poppins", sans-serif;
+  font-family: 'Roboto', sans-serif !important;
   color: #a9a9a9 !important;
 
   .row {
@@ -204,7 +205,7 @@ header {
 .header-h3,
 .header-h5,
 .header-h4 {
-  font-family: 'Bebas Neue', sans-serif;
+  font-family: 'Scandia', sans-serif;
   letter-spacing: 2px;
   color: #fff;
 }
@@ -233,29 +234,24 @@ header {
   display: inline-flex;
   padding: 15px 25px;
   align-items: center;
-  border-radius: 26px;
-  font-family: 'Scandia', sans-serif;
-  font-size: 17px;
-  color: #000;
-  font-weight: 500;
+  border-radius: 0;
+  font-size: 16px;
+  color: $cGold;
+  font-weight: 300;
   transition: all 0.3s ease;
   justify-content: center;
-  background-color: #b8a982;
-  background-image: linear-gradient(to right,
-      #d0bf95,
-      #b79e5f,
-      #b79e5f,
-      #d0bf95);
-  mix-blend-mode: screen;
+  border: 2px solid $cGold;
+  background: transparent;
   width: auto;
   min-width: 125px;
   transition: all 0.4s ease-in-out;
   background-size: 200% 100%;
-  border: 0;
+  text-transform: uppercase;
+  font-family: 'Roboto', sans-serif;
 
   &:hover {
-    background-position: 100% 0;
-    transition: all 0.4s ease-in-out;
+    background: $cGold;
+    color: $cBlackDark;
   }
 }
 
@@ -316,7 +312,6 @@ form,
 }
 
 .menu {
-  background: $cBlackLight !important;
   z-index: 20 !important;
 
   .innermenu {
@@ -336,6 +331,7 @@ form,
     ul {
       height: auto !important;
       line-height: auto !important;
+      border: 0 !important;
 
       li {
         @media (min-width: 767px) {
@@ -347,18 +343,20 @@ form,
         }
 
         a {
-          font-family: 'Poppins', sans-serif;
-          color: $cGold !important;
-          font-size: 17px;
+          font-family: 'Roboto', sans-serif;
+          color: #A8A8A8 !important;
+          font-size: 15px !important;
           border: 0 !important;
           padding: 15px !important;
           transition: all 0.3s ease !important;
           font-weight: 300;
           line-height: 1.5 !important;
+          text-transform: uppercase;
 
           &:hover {
             background: none !important;
-            color: #fff !important;
+            color: #CAA462 !important;
+            text-decoration: none !important;
           }
         }
 
@@ -458,7 +456,7 @@ body.shop_index {
 
             h1 {
               font-family: 'Scandia', sans-serif;
-              font-size: 80px;
+              font-size: 60px;
               font-weight: 600;
               color: #fff;
               margin-bottom: 20px;
@@ -472,10 +470,9 @@ body.shop_index {
             p:nth-child(2) {
               color: #fff;
               margin-bottom: 25px;
-              font-size: 20px;
+              font-size: 16px;
               font-weight: 300;
-              font-family: 'Scandia';
-              max-width: 500px;
+              max-width: 600px;
               line-height: 1.25;
 
               @media screen and (max-width: 767px) {
@@ -505,6 +502,7 @@ body.shop_index {
 header {
   padding: 20px 0 !important;
   background: $cBlackDark !important;
+  font-family: 'Roboto', sans-serif;
 
   .logo-bar {
     display: flex;
@@ -513,6 +511,7 @@ header {
 
     .basket {
       background: none !important;
+      border: 0 !important;
       height: auto !important;
       line-height: 1.25 !important;
       display: flex !important;
@@ -537,10 +536,14 @@ header {
         padding-left: 20px;
         align-items: center;
         gap: 10px;
-        font-family: 'Bebas Neue', sans-serif;
-        font-size: 20px;
+        font-size: 14px;
         letter-spacing: 2px;
         height: 25px;
+        font-weight: 300;
+
+        b {
+          font-weight: 300;
+        }
 
         &::before {
           content: '' !important;
@@ -718,6 +721,11 @@ header {
 
           &::before {
             color: #fff;
+            background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/icon-search.svg') no-repeat;
+            content: '';
+            height: 20px;
+            width: 20px;
+            background-size: cover;
           }
 
           &:hover {
@@ -2216,6 +2224,10 @@ form.login {
   }
 }
 
+.box-slider {
+  margin-bottom: 0 !important;
+}
+
 #box_bestsellers,
 #box_lastadded {
   padding-top: 75px !important;