diff --git a/components/organisms/page-footer/page-footer.css b/components/organisms/page-footer/page-footer.css
index 1db76fa77401846ab6b57c6c1cc46fd4cc71c9ff..a892e0949e3c55ac66370546302e16e2de854656 100644
--- a/components/organisms/page-footer/page-footer.css
+++ b/components/organisms/page-footer/page-footer.css
@@ -3,17 +3,42 @@ footer.footer {
color: var(--bs-white);
}
-footer.footer .block-menu-blockmain .nav-item a.nav-link {
+footer.footer a {
+ color: var(--bs-white);
+ text-decoration: none;
+}
+
+footer.footer a:hover, footer.footer a:focus, footer.footer a:active {
+ color: var(--bs-white);
+ text-decoration: underline;
+}
+
+footer.footer p a {
+ text-decoration: underline;
+}
+
+footer.footer p a:hover, footer.footer p a:focus, footer.footer p a:active {
+ transition: -webkit-text-decoration .4s;
+ transition: text-decoration .4s;
+ transition: text-decoration .4s, -webkit-text-decoration .4s;
+ text-decoration: none;
+}
+
+footer.footer .footer-logo-image {
+ height: 1.88rem;
+}
+
+.sitemap-menu .nav-item a.nav-link {
position: relative;
color: var(--bs-white);
text-decoration: none;
}
-footer.footer .block-menu-blockmain .nav-item a.nav-link:hover, footer.footer .block-menu-blockmain .nav-item a.nav-link:focus, footer.footer .block-menu-blockmain .nav-item a.nav-link:active {
+.sitemap-menu .nav-item a.nav-link:hover, .sitemap-menu .nav-item a.nav-link:focus, .sitemap-menu .nav-item a.nav-link:active {
color: var(--bs-white);
}
-footer.footer .block-menu-blockmain .nav-item a.nav-link:hover:after, footer.footer .block-menu-blockmain .nav-item a.nav-link:focus:after, footer.footer .block-menu-blockmain .nav-item a.nav-link:active:after {
+.sitemap-menu .nav-item a.nav-link:hover:after, .sitemap-menu .nav-item a.nav-link:focus:after, .sitemap-menu .nav-item a.nav-link:active:after {
position: absolute;
content: "";
top: 80%;
@@ -24,15 +49,15 @@ footer.footer .block-menu-blockmain .nav-item a.nav-link:hover:after, footer.foo
background-color: var(--bs-white);
}
-[dir="ltr"] footer.footer .block-menu-blockmain .nav-item a.nav-link:hover:after, [dir="ltr"] footer.footer .block-menu-blockmain .nav-item a.nav-link:focus:after, [dir="ltr"] footer.footer .block-menu-blockmain .nav-item a.nav-link:active:after {
+[dir="ltr"] .sitemap-menu .nav-item a.nav-link:hover:after, [dir="ltr"] .sitemap-menu .nav-item a.nav-link:focus:after, [dir="ltr"] .sitemap-menu .nav-item a.nav-link:active:after {
left: 0;
}
-[dir="rtl"] footer.footer .block-menu-blockmain .nav-item a.nav-link:hover:after, [dir="rtl"] footer.footer .block-menu-blockmain .nav-item a.nav-link:focus:after, [dir="rtl"] footer.footer .block-menu-blockmain .nav-item a.nav-link:active:after {
+[dir="rtl"] .sitemap-menu .nav-item a.nav-link:hover:after, [dir="rtl"] .sitemap-menu .nav-item a.nav-link:focus:after, [dir="rtl"] .sitemap-menu .nav-item a.nav-link:active:after {
right: 0;
}
-footer.footer .block-menu-blockmain .nav-item a.nav-link.is-active:after {
+.sitemap-menu .nav-item a.nav-link.is-active:after {
position: absolute;
content: "";
top: 80%;
@@ -42,28 +67,14 @@ footer.footer .block-menu-blockmain .nav-item a.nav-link.is-active:after {
background-color: var(--bs-white);
}
-[dir="ltr"] footer.footer .block-menu-blockmain .nav-item a.nav-link.is-active:after {
+[dir="ltr"] .sitemap-menu .nav-item a.nav-link.is-active:after {
left: 0;
}
-[dir="rtl"] footer.footer .block-menu-blockmain .nav-item a.nav-link.is-active:after {
+[dir="rtl"] .sitemap-menu .nav-item a.nav-link.is-active:after {
right: 0;
}
-footer.footer a {
- color: var(--bs-white);
- text-decoration: none;
-}
-
-footer.footer a:hover, footer.footer a:focus, footer.footer a:active {
- color: var(--bs-white);
- text-decoration: underline;
-}
-
-footer.footer .footer-logo-image {
- height: 1.88rem;
-}
-
.social-media-menu-icons li.nav-item > a {
overflow: hidden;
text-indent: -9999px;
diff --git a/components/organisms/page-footer/page-footer.scss b/components/organisms/page-footer/page-footer.scss
index 3ded9f5678ef902aa51dbc5c95ab70ec77145621..1084f326d53f790734e675305e20c286364c0411 100644
--- a/components/organisms/page-footer/page-footer.scss
+++ b/components/organisms/page-footer/page-footer.scss
@@ -5,47 +5,6 @@ footer.footer {
background-color: shade-color($primary, 40%);
color: var(--bs-white);
- .block-menu-blockmain {
- .nav-item {
- a.nav-link {
- position: relative;
- color: var(--bs-white);
- text-decoration: none;
-
- &:hover,
- &:focus,
- &:active {
- color: var(--bs-white);
-
- &:after {
- position: absolute;
- content: "";
- top: 80%;
- left: 0;
- transition: width 0.3s;
- width: 2.4rem !important;
- height: 1px;
- bottom: 0;
- background-color: var(--bs-white);
- }
- }
-
- &.is-active {
- &:after {
- position: absolute;
- content: "";
- top: 80%;
- left: 0;
- width: 1.3rem;
- height: 1px;
- bottom: 0;
- background-color: var(--bs-white);
- }
- }
- }
- }
- }
-
a {
color: var(--bs-white);
text-decoration: none;
@@ -58,11 +17,65 @@ footer.footer {
}
}
+ p {
+ a {
+ text-decoration: underline;
+
+ &:hover,
+ &:focus,
+ &:active {
+ transition: text-decoration 0.4s;
+ text-decoration: none;
+ }
+ }
+ }
+
.footer-logo-image {
height: 1.88rem;
}
}
+.sitemap-menu {
+ .nav-item {
+ a.nav-link {
+ position: relative;
+ color: var(--bs-white);
+ text-decoration: none;
+
+ &:hover,
+ &:focus,
+ &:active {
+ color: var(--bs-white);
+
+ &:after {
+ position: absolute;
+ content: "";
+ top: 80%;
+ left: 0;
+ transition: width 0.3s;
+ width: 2.4rem !important;
+ height: 1px;
+ bottom: 0;
+ background-color: var(--bs-white);
+ }
+ }
+
+ &.is-active {
+ &:after {
+ position: absolute;
+ content: "";
+ top: 80%;
+ left: 0;
+ width: 1.3rem;
+ height: 1px;
+ bottom: 0;
+ background-color: var(--bs-white);
+ }
+ }
+ }
+ }
+}
+
.social-media-menu-icons li.nav-item > a {
overflow: hidden;
text-indent: -9999px;