From e0a6fc9db7c550e83002e3e3a9d9348329f8a4c7 Mon Sep 17 00:00:00 2001
From: Justinabes007 <103206213+Justinabes007@users.noreply.github.com>
Date: Fri, 6 Dec 2024 10:10:25 +0200
Subject: [PATCH] Commit of LightBox fixes

---
 assets/css/style.css          | 33 +++++++++++++++++++++++++--------
 assets/img/left-arrow-new.svg |  3 +++
 assets/img/left-arrow.svg     |  3 +++
 assets/img/right-arrow.svg    |  3 +++
 4 files changed, 34 insertions(+), 8 deletions(-)
 create mode 100644 assets/img/left-arrow-new.svg
 create mode 100644 assets/img/left-arrow.svg
 create mode 100644 assets/img/right-arrow.svg

diff --git a/assets/css/style.css b/assets/css/style.css
index d51e7a6d..2183e0eb 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -165,15 +165,19 @@
 }
 
 .slick-lightbox-close {
-  right: 32px;
-  top: 32px;
+  right: 52px;
+  top: 35px;
 }
+.slick-lightbox-close:before{font-size:40px;}
 
 .lsx-to-slider .slick-arrow,
 .slick-lightbox-inner .slick-arrow {
   background: transparent;
   border-radius: 50%;
+  position:absolute;
+  top:50%;
   border-style: solid;
+  border-color: #fff;
   border-width: 2px;
   font: 0/0 a;
   height: 4rem;
@@ -184,11 +188,15 @@
   transition: border 300ms ease;
   width: 4rem;
   z-index: 3;
+  color: white;
 }
+.slick-prev svg, .slick-next svg{color: white;}
+
 .lsx-to-slider .slick-arrow:before,
 .slick-lightbox-inner .slick-arrow:before {
   display: block;
-  font-family: "FontAwesome";
+  font-family: "slick";
+  color: white;
   font-size: 3rem;
   line-height: 1;
   position: absolute;
@@ -205,13 +213,21 @@
 }
 .lsx-to-slider .slick-arrow.slick-prev:before,
 .slick-lightbox-inner .slick-arrow.slick-prev:before {
-  content: "\f104";
-  left: 1.1rem;
+  content: ''; /* Remove font icon */
+    background: url('../img/left-arrow-new.svg') no-repeat center center;
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+    left: 10px;
 }
 .lsx-to-slider .slick-arrow.slick-next:before,
 .slick-lightbox-inner .slick-arrow.slick-next:before {
-  content: "\f105";
-  left: 1.5rem;
+  content: ''; /* Remove font icon */
+    background: url('../img/right-arrow.svg') no-repeat center center;
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+    left: 12px;
 }
 
 .lsx-to-slider .slick-dots:not(.dropdown-menu) {
@@ -268,4 +284,5 @@
 .lsx-units-wrapper .hidden {
   display: none;
 }
-/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+/*# sourceMappingURL=style.css.map */
+
diff --git a/assets/img/left-arrow-new.svg b/assets/img/left-arrow-new.svg
new file mode 100644
index 00000000..486ed234
--- /dev/null
+++ b/assets/img/left-arrow-new.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="15 18 9 12 15 6"></polyline>
+</svg>
diff --git a/assets/img/left-arrow.svg b/assets/img/left-arrow.svg
new file mode 100644
index 00000000..486ed234
--- /dev/null
+++ b/assets/img/left-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="15 18 9 12 15 6"></polyline>
+</svg>
diff --git a/assets/img/right-arrow.svg b/assets/img/right-arrow.svg
new file mode 100644
index 00000000..9b5dbc1e
--- /dev/null
+++ b/assets/img/right-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="9 6 15 12 9 18"></polyline>
+</svg>