diff --git a/modules/wri_language_select/components/wri_language_select.sfc b/modules/wri_language_select/components/wri_language_select.sfc
index 02c47d014..d161cced9 100644
--- a/modules/wri_language_select/components/wri_language_select.sfc
+++ b/modules/wri_language_select/components/wri_language_select.sfc
@@ -2,52 +2,11 @@
@@ -55,6 +14,40 @@
.tray-contents ul.links a.is-active {
color: #ffffff;
}
+.block-language ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+.language-link {
+ color: #fff;
+ font-size: 1.25rem;
+ line-height: 1;
+ font-family: "acumin-pro-semi-condensed",sans-serif;
+ font-weight: 700;
+
+}
+.block-language ul li .language-link.is-active {
+ color: #f3b229;
+}
+.block-language ul li .language-link:hover, .block-language ul li .language-link:active, .block-language ul li .language-link:focus, .block-language ul li .language-link.is-active {
+ background-color: #f3b229;
+ color: #1a1919 !important;
+}
+.block-language ul li .language-link {
+ display: block;
+ padding: 0.5625rem 0 0.5625rem 0.5625rem;
+ margin-bottom: 0.125rem;
+ text-decoration: none;
+ border-radius: 5px;
+}
+.block-language ul li .language-link.is-active:active, .block-language ul li .language-link.is-active:hover, .block-language ul li .language-link.is-active:focus {
+ background-color: #1a1919;
+ color: #f3b229 !important;
+}
+.block-language ul li .language-link.is-active {
+ color: #f3b229;
+}
+
diff --git a/themes/custom/ts_wrin/img/svgs/wechat.svg b/themes/custom/ts_wrin/img/svgs/wechat.svg
new file mode 100644
index 000000000..024689353
--- /dev/null
+++ b/themes/custom/ts_wrin/img/svgs/wechat.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/themes/custom/ts_wrin/img/svgs/weibo-grey.svg b/themes/custom/ts_wrin/img/svgs/weibo-grey.svg
new file mode 100644
index 000000000..9f78e7163
--- /dev/null
+++ b/themes/custom/ts_wrin/img/svgs/weibo-grey.svg
@@ -0,0 +1,12 @@
+
+
diff --git a/themes/custom/ts_wrin/img/svgs/weibo.svg b/themes/custom/ts_wrin/img/svgs/weibo.svg
new file mode 100644
index 000000000..509e53d1f
--- /dev/null
+++ b/themes/custom/ts_wrin/img/svgs/weibo.svg
@@ -0,0 +1,12 @@
+
+
diff --git a/themes/custom/ts_wrin/sass/global/_footer.scss b/themes/custom/ts_wrin/sass/global/_footer.scss
index d8942f9c6..b10e7b274 100644
--- a/themes/custom/ts_wrin/sass/global/_footer.scss
+++ b/themes/custom/ts_wrin/sass/global/_footer.scss
@@ -310,7 +310,7 @@
}
}
- $social-icons: facebook twitter linkedin youtube instagram;
+ $social-icons: facebook twitter linkedin youtube instagram wechat weibo;
@each $icon in $social-icons {
a.#{$icon} {
background: transparent
diff --git a/themes/custom/ts_wrin/sass/global/_header.scss b/themes/custom/ts_wrin/sass/global/_header.scss
index 82d3f46d9..2a7445b6b 100644
--- a/themes/custom/ts_wrin/sass/global/_header.scss
+++ b/themes/custom/ts_wrin/sass/global/_header.scss
@@ -143,6 +143,9 @@ header {
.tray-toggle.search-toggle svg {
width: 20px;
}
+ .tray-toggle.language-toggle svg {
+ width: 28px;
+ }
.tray-toggle.filter-toggle {
position: relative;
border-radius: 5px;
diff --git a/themes/custom/ts_wrin/sass/global/_tray-nav.scss b/themes/custom/ts_wrin/sass/global/_tray-nav.scss
index b8e946fe7..f120ad62f 100644
--- a/themes/custom/ts_wrin/sass/global/_tray-nav.scss
+++ b/themes/custom/ts_wrin/sass/global/_tray-nav.scss
@@ -79,6 +79,7 @@ body.noscroll {
}
}
.block-wri-search,
+.block-language,
.block-wri-filter {
position: relative;
}