diff --git a/public/assets/css/custom.css b/public/assets/css/custom.css index 9511a6e..ba7a1cf 100644 --- a/public/assets/css/custom.css +++ b/public/assets/css/custom.css @@ -87,7 +87,7 @@ a { } .mn-sub { - transition: max-height 0.3s ease-in-out; + transition: max-height; } .mn-sub.open { diff --git a/public/assets/css/demo-slick/demo-slick.css b/public/assets/css/demo-slick/demo-slick.css index 6fb263a..f013e1a 100644 --- a/public/assets/css/demo-slick/demo-slick.css +++ b/public/assets/css/demo-slick/demo-slick.css @@ -66,9 +66,11 @@ --gradient-gray-light-1: linear-gradient(0deg, #f7f9fc 0%, #fff 100%); --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f7f9fc 100%); --border-radius-default: 10px; - --box-shadow: 0px 5px 10px 0px rgba(30, 36, 50, 0.05), 0px 1px 1px 0px rgba(30, 36, 50, 0.03), + --box-shadow: + 0px 5px 10px 0px rgba(30, 36, 50, 0.05), 0px 1px 1px 0px rgba(30, 36, 50, 0.03), 0px 3px 5px 0px rgba(30, 36, 50, 0.03); - --box-shadow-strong: 0px 5px 10px 0px rgba(30, 36, 50, 0.08), 0px 1px 1px 0px rgba(30, 36, 50, 0.06), + --box-shadow-strong: + 0px 5px 10px 0px rgba(30, 36, 50, 0.08), 0px 1px 1px 0px rgba(30, 36, 50, 0.06), 0px 3px 5px 0px rgba(30, 36, 50, 0.06); --box-shadow-block: 0px 10px 30px 0px rgba(30, 36, 50, 0.07), 0px 0px 1px 0px rgba(30, 36, 50, 0.1); --box-shadow-block-strong: 0px 15px 50px 0px rgba(30, 36, 50, 0.14), 0px 0px 1px 0px rgba(30, 36, 50, 0.15); @@ -201,12 +203,8 @@ .theme-slick .inner-nav ul li { margin: 0 18px; } -.theme-slick .inner-nav > ul > li > a { - opacity: 0.7; -} .theme-slick .inner-nav ul li a { position: relative; - color: #fff; } .theme-slick .inner-nav > ul > li > a:not(.no-hover):before { content: ""; @@ -234,11 +232,7 @@ .theme-slick .mobile-on .desktop-nav ul { background: rgba(30, 36, 50, 0.99); } -.theme-slick .mobile-on .desktop-nav ul li a, -.theme-slick .inner-nav ul li .mn-sub li a, -.theme-slick .mn-group-title { - color: rgba(255, 255, 255, 0.9) !important; -} + .theme-slick .form label { margin-bottom: 15px; font-size: 18px; diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 3ae7ae3..dc52a98 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -238,10 +238,10 @@ Primary use: Multipurpose Template --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%); --border-radius-default: 4px; --border-radius-large: 30px; - --box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03), - 0px 3px 5px 0px rgba(0, 0, 0, 0.03); - --box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), - 0px 3px 5px 0px rgba(0, 0, 0, 0.06); + --box-shadow: + 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03), 0px 3px 5px 0px rgba(0, 0, 0, 0.03); + --box-shadow-strong: + 0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 3px 5px 0px rgba(0, 0, 0, 0.06); --box-shadow-block: 0px 3px 50px 0px rgba(0, 0, 0, 0.05); --box-shadow-block-strong: 0px 3px 50px 0px rgba(0, 0, 0, 0.15); --transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1); @@ -3880,7 +3880,6 @@ a.logo:hover { display: table-cell; vertical-align: middle; height: var(--menu-bar-height); - opacity: 0.65; } .main-nav:not(.mobile-on).small-height .inner-nav > ul > li > a { height: var(--menu-bar-height-scrolled) !important; @@ -3979,7 +3978,6 @@ a.logo:hover { border-left: none; border-right: none; letter-spacing: 0; - color: var(--color-gray-light-5) !important; outline-offset: -2px !important; transition: var(--transition-default); } @@ -3990,7 +3988,6 @@ a.logo:hover { .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active { background: rgba(255, 255, 255, 0.09); - color: var(--color-gray-light-1) !important; } .mn-sub:not(.mn-has-multi) li ul { left: 100%; @@ -4324,22 +4321,11 @@ a.logo:hover { backdrop-filter: blur(10px); } .main-nav.dark .inner-nav ul > li > a { - font-size: 18px; font-weight: 500; line-height: 1.2em; - color: #fff; - opacity: 0.78; padding: 10px; } -.main-nav.dark .inner-nav ul > li > a:hover, -.main-nav.dark .inner-nav ul > li > a.active { - color: #fff; - opacity: 1 !important; -} -.main-nav.dark .inner-nav ul li .mn-sub li a { - opacity: 1; -} .main-nav.dark .main-nav-icon-cart { opacity: 1; } @@ -4363,13 +4349,13 @@ a.logo:hover { font-size: 18px; font-weight: 700; text-decoration: none; - color: rgba(255, 255, 255, 0.9); + /* color: rgba(255, 255, 255, 0.9); */ } -.main-nav.dark .mn-sub { +/* .main-nav.dark .mn-sub { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -} +} */ .main-nav.dark .mi-chevron-down, .main-nav.dark.body-scrolled .inner-nav ul > li > a:hover .mi-chevron-down, .main-nav.dark.body-scrolled .inner-nav ul > li > a.active .mi-chevron-down { diff --git a/src/components/Header.tsx b/src/components/Header.tsx index ddbc5bb..cd2f247 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -12,7 +12,7 @@ const shareIcons: Record = { link: "tel:+15208036644", dom: ( - Image Description + Phone (520) 803-6644 ), @@ -41,23 +41,20 @@ export default function Header({ links }: { links: typeof navMenuData }) { return (