/* Extracted from contact.html.tpl */
/* === CSS Block 1 === */
.anti-flicker,
.anti-flicker * {
visibility: hidden !important;
opacity: 0 !important;
}
/* === CSS Block 2 === */
[data-wf-hidden-variation],
[data-wf-hidden-variation] * {
display: none !important;
}
/* === CSS Block 3 === */
html:not(.wf-design-mode) .styleguide_guide_wrap {
display: none;
}
.styleguide_guide_layout {
counter-reset: gridguides;
}
.styleguide_guide_layout>div::before {
counter-increment: gridguides;
content: counter(gridguides);
}
/* === CSS Block 4 === */
/* variables */
:root {
/* grid */
--column-count: 12;
--grid-main: repeat(var(--column-count), minmax(0, 1fr));
--grid-1: repeat(1, minmax(0, 1fr));
--grid-2: repeat(2, minmax(0, 1fr));
--grid-3: repeat(3, minmax(0, 1fr));
--grid-4: repeat(4, minmax(0, 1fr));
--grid-5: repeat(5, minmax(0, 1fr));
--grid-6: repeat(6, minmax(0, 1fr));
--grid-7: repeat(7, minmax(0, 1fr));
--grid-8: repeat(8, minmax(0, 1fr));
--grid-9: repeat(9, minmax(0, 1fr));
--grid-10: repeat(10, minmax(0, 1fr));
--grid-11: repeat(11, minmax(0, 1fr));
--grid-12: repeat(12, minmax(0, 1fr));
--grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
--column-width: calc((100% - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
--breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr);
--breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
--breakout-start: [full-start] var(--breakout-gutter) [content-start];
--breakout-end: [content-end] var(--breakout-gutter) [full-end];
--grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
--grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
/* others */
--font-weight--inherit: inherit;
--font-weight--100: 100;
--font-weight--200: 200;
--font-weight--300: 300;
--font-weight--400: 400;
--font-weight--500: 500;
--font-weight--600: 600;
--font-weight--700: 700;
--font-weight--800: 800;
--font-weight--900: 900;
--text-transform--none: none;
--text-transform--uppercase: uppercase;
--text-transform--capitalize: capitalize;
--text-transform--lowercase: lowercase;
--text-transform--inherit: inherit;
--max-width--none: none;
}
/* default styles */
body {
font-weight: var(--text-main--font-weight);
text-transform: var(--text-main--text-transform);
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
blockquote {
margin-top: 0;
margin-bottom: 0;
}
button {
background-color: unset;
padding: unset;
text-align: inherit;
cursor: pointer;
}
img::selection {
background: transparent;
}
:is(h1, h2, h3, h4, h5, h6, p) a {
text-decoration: underline;
}
.u-rich-text>*:first-child {
margin-top: 0;
}
.u-rich-text>*:last-child {
margin-bottom: 0;
}
video {
width: 100%;
object-fit: cover;
}
video.wf-empty {
padding: 0;
}
svg {
display: block;
}
section,
header,
footer {
position: relative;
}
/* line clamp */
.u-line-clamp-1,
.u-line-clamp-2,
.u-line-clamp-3,
.u-line-clamp-4 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.u-line-clamp-2 {
-webkit-line-clamp: 2;
}
.u-line-clamp-3 {
-webkit-line-clamp: 3;
}
.u-line-clamp-4 {
-webkit-line-clamp: 4;
}
/* component attributes */
/* section padding */
[data-padding-top="none"] {
padding-top: var(--padding-vertical--none);
}
[data-padding-bottom="none"] {
padding-bottom: var(--padding-vertical--none);
}
[data-padding-top="small"] {
padding-top: var(--padding-vertical--small);
}
[data-padding-bottom="small"] {
padding-bottom: var(--padding-vertical--small);
}
[data-padding-top="main"] {
padding-top: var(--padding-vertical--main);
}
[data-padding-bottom="main"] {
padding-bottom: var(--padding-vertical--main);
}
[data-padding-top="large"] {
padding-top: var(--padding-vertical--large);
}
[data-padding-bottom="large"] {
padding-bottom: var(--padding-vertical--large);
}
/* hide section if it has no cms items */
[data-cms-check="true"]:not(:has(.w-dyn-item)) {
display: none;
}
/* === CSS Block 5 === */
/* theme light */
:root,
[data-theme="light"],
[data-theme="dark"] [data-theme="invert"] {
--theme--background: var(--swatch--light);
--theme--text: var(--swatch--dark);
--theme--border: var(--swatch--light-secondary);
/* button primary */
--button--background: var(--swatch--dark);
--button--text: var(--swatch--light);
--button--border: var(--swatch--dark);
--button--background-hover: var(--swatch--brand);
--button--text-hover: var(--swatch--dark);
--button--border-hover: var(--swatch--brand);
/* button secondary */
--button-secondary--background: var(--swatch--light);
--button-secondary--text: var(--swatch--dark);
--button-secondary--border: var(--swatch--light-secondary);
--button-secondary--background-hover: var(--swatch--brand);
--button-secondary--text-hover: var(--swatch--dark);
--button-secondary--border-hover: var(--swatch--dark);
}
/* theme dark */
[data-theme="dark"],
[data-theme="invert"],
[data-theme="light"] [data-theme="invert"] {
--theme--background: var(--swatch--brand);
--theme--text: var(--swatch--dark);
--theme--border: var(--swatch--dark-secondary);
/* button primary */
--button--background: var(--swatch--brand);
--button--text: var(--swatch--brand-text);
--button--border: var(--swatch--brand);
--button--background-hover: var(--swatch--light);
--button--text-hover: var(--swatch--dark);
--button--border-hover: var(--swatch--light);
/* button secondary */
--button-secondary--background: var(--swatch--dark);
--button-secondary--text: var(--swatch--light);
--button-secondary--border: var(--swatch--dark-secondary);
--button-secondary--background-hover: var(--swatch--light);
--button-secondary--text-hover: var(--swatch--brand-text);
--button-secondary--border-hover: var(--swatch--brand);
}
/* button secondary */
[data-button-style="secondary"] {
--button--background: var(--button-secondary--background);
--button--text: var(--swatch-light);
--button--border: var(--button-secondary--border);
--button--background-hover: var(--button-secondary--background-hover);
--button--text-hover: var(--button-secondary--text-hover);
--button--border-hover: var(--button-secondary--border-hover);
}
/* apply colors */
:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
background-color: var(--theme--background);
color: var(--theme--text);
}
/* === CSS Block 6 === */
/* desktop */
:root {
/* custom */
}
/* tablet */
@media screen and (max-width: 991px) {
:root {
/* custom */
/*--padding-horizontal--main: 2rem;*/
/* adaptive sizes */
/*--size--2rem: 1.75rem;*/
/*--size--2-5rem: 2.18rem;*/
/*--size--3rem: 2.52rem;*/
/*--size--3-5rem: 2.73rem;*/
/*--size--4rem: 3rem;*/
/*--size--4-5rem: 3.375rem;*/
/*--size--5rem: 3.75rem;*/
/*--size--5-5rem: 4.125rem;*/
/*--size--6rem: 4.5rem;*/
/*--size--6-5rem: 4.875rem;*/
/*--size--7rem: 5.25rem;*/
/*--size--7-5rem: 5.625rem;*/
/*--size--8rem: 6rem;*/
/*--size--8-5rem: 6.375rem;*/
/*--size--9rem: 6.75rem;*/
/*--size--9-5rem: 7.125rem;*/
/*--size--10rem: 7.5rem;*/
/*--size--11rem: 8.25rem;*/
/*--size--12rem: 9rem;*/
/*--size--13rem: 9.75rem;*/
/*--size--14rem: 10.5rem;*/
/*--size--15rem: 11.25rem;*/
/*--size--16rem: 12rem;*/
}
}
/* landscape */
@media screen and (max-width: 767px) {
:root {
/* custom */
/*--padding-horizontal--main: 1rem;*/
/* adaptive sizes */
/*--size--2-5rem: 2rem;*/
/*--size--3rem: 2.25rem;*/
/*--size--3-5rem: 2.375rem;*/
/*--size--4rem: 2.5rem;*/
/*--size--4-5rem: 2.75rem;*/
/*--size--5rem: 3rem;*/
/*--size--5-5rem: 3.25rem;*/
/*--size--6rem: 3.5rem;*/
/*--size--6-5rem: 3.75rem;*/
/*--size--7rem: 4rem;*/
/*--size--7-5rem: 4.25rem;*/
/*--size--8rem: 4.5rem;*/
/*--size--8-5rem: 4.75rem;*/
/*--size--9rem: 5rem;*/
/*--size--9-5rem: 5.25rem;*/
/*--size--10rem: 5.5rem;*/
/*--size--11rem: 5.75rem;*/
/*--size--12rem: 6rem;*/
/*--size--13rem: 6.5rem;*/
/*--size--14rem: 7rem;*/
/*--size--15rem: 7.5rem;*/
/*--size--16rem: 8rem;*/
}
}
/* portrait */
@media screen and (max-width: 479px) {
:root {
/* custom */
}
}
/* === CSS Block 7 === */
select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
/* headings */
h1 {
font-size: 2.625rem;
line-height: 2.875rem;
}
h1>strong {
font-size: 3.5rem;
line-height: 3.8125rem;
display: block;
}
h2 {
font-size: 2rem;
line-height: 2.5rem
}
h2>strong {
font-size: 3rem;
line-height: 3.25rem;
display: block;
}
h3>strong {
font-size: 3rem;
}
h1>strong,
h2>strong,
h3>strong,
h5>strong {
font-weight: 800;
color: #30A08E;
}
[data-theme="dark"] h1>strong,
[data-theme="dark"] h2>strong,
[data-theme="dark"] h3>strong {
color: #ffffff;
}
/* Blog Rich Text */
.blog_content .w-richtext p {
margin-top: 1em;
margin-bottom: 1em;
}
.blog_content .w-richtext h3 {
font-size: 1.625rem;
color: #2b2b2b;
font-weight: 800
}
.blog_content .w-richtext a,
.w-rich-text a {
text-decoration: underline;
font-weight: 800;
}
.blog_content .w-richtext a:hover {
background-color: 6AD3BE;
}
.tabs_link_wrap.u-hflex-between-center {
overflow-x: scroll;
}
.l_tabs_link_wrap.u-hflex-between-center {
overflow-x: scroll;
}
.cms_tabs_list {
overflow-x: scroll;
}
.disable-scrollbars::-webkit-scrollbar {
background: transparent;
/* Chrome/Safari/Webkit */
width: 0px;
}
.disable-scrollbars {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.w-richtext a:hover {
color: #6AD3BE;
}
.w-richtext a {
font-weight: 800;
}
.u-rich-text---iconcard.u-text-centered a:hover {
color: #ffffff;
}
/* about modal */
.w-dyn-item {
z-index: 1;
}
.w-dyn-item.active {
z-index: 2;
}
.about_bio_modal_wrap {
overflow-y: scroll;
}
/* Publictions comma
.cms_publications_item:after {
content: ", ";
white-space: pre;
}
.cms_publications_item:last-child:after {
content: " ";
white-space: pre;
}
*/
@media screen and (max-width: 991px) {
h1 {
font-size: 2rem;
line-height: 2.5rem;
}
h1>strong {
font-size: 2.625rem;
line-height: 2.875rem;
display: block;
}
h2 {
font-size: 1.375rem;
line-height: normal;
}
h2>strong {
font-size: 2rem;
line-height: normal;
display: block;
}
h3>strong {
font-size: 1.875rem;
line-height: normal;
display: block;
}
/* .g_heading_rich strong {
font-size: 1.875rem;
} */
}
/* tabs */
.cms_tabs_item:lang(en) {
opacity: .25;
transition: opacity 260ms ease, color 260ms ease;
}
.cms_tabs_item:lang(en):hover {
opacity: 1;
color: #6AD3BE;
}
.cms_tabs_item:lang(en).cc-selected {
opacity: 1;
}
/* two columns section */
@media screen and (max-width: 991px) {
.tct_sec_wrap .u-rich-text {
font-size: 1rem;
line-height: 1.5rem;
}
.standard-tab.w--current>.tab_mobile_icon {
height: 12px;
width: 12px;
/* === CSS Block 8 === */
.sales_card:hover .btn_main_wrap {
background-color: white;
/* Changes the button background to white when the card is hovered */
}
.sales_card:hover .btn_main_text {
color: #2b2b2b;
/* Changes the button text color to #2b2b2b when the card is hovered */
}
.sales_card:hover .btn_main_wrap:hover {
background-color: #6ad3be;
/* Changes the button background to #6ad3be when button itself is hovered */
}
/* === CSS Block 9 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 10 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 11 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 12 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 13 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 14 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 15 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 16 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 17 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 18 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 19 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 20 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 21 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 22 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 23 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 24 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 25 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 26 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 27 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 28 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 29 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 30 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 31 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 32 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 33 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 34 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
/* === CSS Block 35 === */
.textlink {
cursor: pointer;
font-size: 16px;
position: relative;
white-space: nowrap;
color: var(--color-text);
}
.textlink .text:hover {
color: #30a08e;
}
.textlink::before,
.textlink::after {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.textlink::before {
content: '';
/* show by default */
}
.underline-trail::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.underline-trail:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
color: #30a08e;
}
}
}