body.elementor-editor-active .acc-widget {
display: none !important;
}
.acc {
position: fixed;
bottom: calc(0% + 100px);
left: 0;
padding: 0 15px;
z-index: 8;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 16px;
}
.acc-share-permalink {
word-break: break-word;
max-width: 340px;
display: block;
}
.acc-share-icons > div > * {
margin-right: 10px;
}
.acc-widget-close,
.acc-share-close {
width: 32px;
display: block;
position: absolute;
top: -16px;
right: -16px;
z-index: 1;
cursor: pointer;
& * {
transition: all 0.1s ease-in-out;
}
& svg {
width: 100%;
height: unset;
}
&:hover svg circle {
fill: #4e4e4e;
}
&:hover svg path {
fill: #fff;
}
}
.acc-widget-close {
top: -12px;
right: -12px;
}
.acc-widget {
display: inline-flex;
flex-direction: column;
gap: 10px;
padding: 14px;
background: #f3f3f3;
border-radius: 16px;
width: 160px;
font-family: inherit;
opacity: 0;
left: calc(0% - 160px);
position: relative;
transition: all 0.2s ease-in-out;
&.show {
opacity: 1;
left: 0;
}
& .acc-row {
display: flex;
align-items: baseline;
justify-content: space-around;
& .acc-font-btn {
all: unset;
color: #acacac;
line-height: 100%;
display: flex;
align-items: flex-end;
width: 100%;
justify-content: center;
cursor: pointer !important;
&.is-active {
color: #000;
text-decoration: underline !important;
text-decoration-thickness: 2px !important;
}
&:nth-child(1) {
font-size: 16px;
font-weight: 600;
}
&:nth-child(2) {
font-size: 22px;
font-weight: 700;
}
&:nth-child(3) {
font-size: 30px;
font-weight: 700;
}
}
}
& .acc-contrast-btn {
flex: 1;
height: 24px;
cursor: pointer;
border: 0;
cursor: pointer !important;
&[data-contrast="normal"] {
background-color: #fff;
}
&[data-contrast="gray"] {
background-color: #ccc;
}
&[data-contrast="invert"] {
background-color: #111;
}
&.is-active {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hlY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEwLjk3IDQuOTdhLjc1Ljc1IDAgMCAxIDEuMDcgMS4wNWwtMy45OSA0Ljk5YS43NS43NSAwIDAgMS0xLjA4LjAyTDQuMzI0IDguMzg0YS43NS43NSAwIDEgMSAxLjA2LTEuMDZsMi4wOTQgMi4wOTMgMy40NzMtNC40MjV6Ii8+Cjwvc3ZnPg==);
background-position: 100% 0%;
background-size: 16px;
background-repeat: no-repeat;
&[data-contrast="invert"] {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLWNoZWNrIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMC45NyA0Ljk3YS43NS43NSAwIDAgMSAxLjA3IDEuMDVsLTMuOTkgNC45OWEuNzUuNzUgMCAwIDEtMS4wOC4wMkw0LjMyNCA4LjM4NGEuNzUuNzUgMCAxIDEgMS4wNi0xLjA2bDIuMDk0IDIuMDkzIDMuNDczLTQuNDI1eiIvPgo8L3N2Zz4=);
}
}
}
} .acc-share-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
border: none;
border-radius: 8px;
background: #fff;
padding: 10px 0;
cursor: pointer;
font-weight: 600;
color: #333;
&:hover {
background: #e9e9e9;
}
} html.acc-font-md
body
> *:not(#wpadminbar)
:is(
h1,
h2,
h3,
h4,
h5,
h6,
p:not(.acc-share p),
a:not(p a, :has(img:not([src*="arrow"])), h1 a, h2 a, h3 a, h4 a, h5 a, h6 a),
[data-elementor-type="footer"] li > span,
strong:not(p strong),
.breadcrumb-nav,
.ua_evento_next_arrow,
.ua_postdate,
.ua_postdate + span,
.ua_reading_time,
.ua_fpost_bot_desc,
.ua_fpost_down_desc,
.ua_fpost_mid_desc,
.ua_fpost_mid_more,
.ua_fpost_mid_pretitle,
.ua_fpost_bot_pretitle,
.ua_fpost_cat_subtitle,
.elementor-heading-title:not(.acc-share .elementor-heading-title)
) {
zoom: 1.1; }
html.acc-font-lg
body
> *:not(#wpadminbar)
:is(
h1,
h2,
h3,
h4,
h5,
h6,
p:not(.acc-share p),
a:not(p a, :has(img:not([src*="arrow"])), h1 a, h2 a, h3 a, h4 a, h5 a, h6 a),
[data-elementor-type="footer"] li > span,
strong:not(p strong),
.breadcrumb-nav,
.ua_evento_next_arrow,
.ua_postdate,
.ua_postdate + span,
.ua_reading_time,
.ua_fpost_bot_desc,
.ua_fpost_down_desc,
.ua_fpost_mid_desc,
.ua_fpost_mid_more,
.ua_fpost_mid_pretitle,
.ua_fpost_bot_pretitle,
.ua_fpost_cat_subtitle,
.elementor-heading-title:not(.acc-share .elementor-heading-title)
) {
zoom: 1.2; }
html.acc-contrast-gray {
filter: grayscale(1);
} html.acc-contrast-invert {
body {
background: #000;
color: #fff;
.breadcrumb-nav *,
a:not(.myfixed a) {
color: #a6a6a6 !important;
}
.breadcrumb-nav svg * {
fill: #fff;
}
}
body p,
.ua_fpost_down_desc,
.ua_fpost_down_title {
background: #000;
color: #fff !important;
}
}
.acc-widget-toggle {
width: 44px; left: clamp(24px, 5dvw, 40px);
position: absolute;
transition: all 0.2s ease-in-out;
cursor: pointer;
z-index: 2;
filter: drop-shadow(0 3px 6px #00000029);
&:hover {
opacity: 0.6;
}
&.hideme {
opacity: 0;
left: calc(0% - 100px);
}
& svg {
width: 100%;
height: unset;
}
}