.specjalista {
--spec-accent: #bd4ed2;
--spec-accent-dark: #af34af;
--spec-accent-rgb: 189, 78, 210;
--spec-green: #15dbd5;
--spec-green-dark: #0eb8b3;
--spec-green-rgb: 21, 219, 213;
--spec-bg: #ffffff;
--spec-surface: #faf5fc;
--spec-border: #eadff0;
--spec-text: #18232f;
--spec-text-muted: #5c5670;
--spec-radius: 8px;
--spec-gap: 1.5rem;
--spec-max-width: 1200px;
--spec-booking-col: minmax(300px, 360px);
--spec-shadow: 0 6px 22px rgba(189, 78, 210, 0.12);
--spec-shadow-sticky: 0 -3px 14px rgba(175, 52, 175, 0.1);
--spec-shadow-strong: 0 4px 16px rgba(189, 78, 210, 0.22);
}.specjalista {
max-width: var(--spec-max-width);
margin-inline: auto;
padding: 1.25rem 0.75rem; color: var(--spec-text);
font-family: inherit;
line-height: 1.6;
} .specjalista__header {
position: relative;
display: flex;
flex-direction: column;
gap: var(--spec-gap);
align-items: center;
text-align: center;
padding: 1.5rem;
background: var(--spec-surface);
border: 1px solid var(--spec-border);
border-radius: var(--spec-radius);
}
.specjalista__header--has-location {
--spec-location-bar-height: 2.0625rem;
padding-top: 2.85rem;
}
.specjalista__header--has-location::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
height: var(--spec-location-bar-height);
background: var(--spec-accent);
border: 1px solid var(--spec-accent-dark);
border-bottom: none;
border-radius: var(--spec-radius) var(--spec-radius) 0 0;
z-index: 1;
pointer-events: none;
} .specjalista__location-tab {
position: absolute;
top: -1px;
left: -1px;
z-index: 2;
display: inline-flex;
align-items: center;
min-height: var(--spec-location-bar-height, 2.0625rem);
max-width: calc(100% - 2rem);
padding: 0 1.35rem;
box-sizing: border-box;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #fff;
}
.specjalista__location-tab + .specjalista__photo,
.specjalista__location-tab ~ .specjalista__intro {
position: relative;
z-index: 1;
}
.specjalista__photo {
flex-shrink: 0;
width: 180px;
max-width: 60%;
aspect-ratio: 1 / 1;
border-radius: 50%;
overflow: hidden;
background: var(--spec-border);
box-shadow: var(--spec-shadow);
}
.specjalista__photo-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.specjalista__intro {
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: center;
}
.specjalista__name {
margin: 0;
font-size: clamp(1.6rem, 4vw, 2.4rem);
line-height: 1.15;
font-weight: 700;
}
.specjalista__name .specjalista__title {
display: block;
margin: 0 0 0.35rem;
font-size: 0.95rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--spec-accent);
}
.specjalista__name-text {
display: block;
}
.specjalista__role {
margin: 0;
max-width: 36rem;
font-size: 1.05rem;
line-height: 1.45;
color: var(--spec-text-muted);
font-weight: 500;
text-wrap: pretty;
}
.specjalista__header .specjalista__pwz {
margin: 0;
font-size: 0.9rem;
font-weight: 500;
color: var(--spec-text-muted);
font-variant-numeric: tabular-nums;
}
.specjalista__pwz-label {
font-weight: 600;
color: var(--spec-text);
}
.specjalista__tags {
list-style: none;
margin: 0.25rem 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
}
.specjalista__tag {
display: inline-flex;
align-items: center;
padding: 0.3rem 0.75rem;
font-size: 0.85rem;
font-weight: 600;
color: var(--spec-accent);
background: rgba(var(--spec-accent-rgb), 0.1);
border-radius: 999px;
}
.specjalista__tags--specjalizacja .specjalista__tag,
.specjalista__tags--jezyki .specjalista__tag {
color: var(--spec-accent);
background: rgba(var(--spec-accent-rgb), 0.1);
}
.specjalista__tags--schorzenia .specjalista__tag,
.specjalista__tag--schorzenie {
color: var(--spec-green-dark);
background: rgba(var(--spec-green-rgb), 0.12);
} .specjalista__profile-grid {
display: flex;
flex-direction: column;
gap: var(--spec-gap);
}
.specjalista__profile-main,
.specjalista__profile-rest,
.specjalista__main-top,
.specjalista__main-bottom {
display: flex;
flex-direction: column;
gap: var(--spec-gap);
} .specjalista__layout {
display: grid;
grid-template-columns: 1fr;
gap: var(--spec-gap);
margin-top: var(--spec-gap);
} .specjalista__body {
display: flex;
flex-direction: column;
gap: var(--spec-gap);
margin-top: var(--spec-gap);
}
.specjalista__section {
padding: 1.5rem;
background: var(--spec-bg);
border: 1px solid var(--spec-border);
border-radius: var(--spec-radius);
}
.specjalista__section-title {
margin: 0 0 1rem;
font-size: 1.2rem;
font-weight: 700;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--spec-accent);
display: inline-block;
}
.specjalista__subsection {
margin-top: 1.25rem;
}
.specjalista__subsection:first-of-type {
margin-top: 0;
}
.specjalista__subsection-title {
margin: 0 0 0.65rem;
font-size: 1rem;
font-weight: 700;
color: var(--spec-text);
}
.specjalista__bio :first-child,
.specjalista__text :first-child {
margin-top: 0;
}
.specjalista__bio :last-child,
.specjalista__text :last-child {
margin-bottom: 0;
}
.specjalista__text em,
.specjalista__text i {
font-style: italic;
}
.specjalista__text strong,
.specjalista__text b {
font-weight: 700;
}
.specjalista__text u {
text-decoration: underline;
text-underline-offset: 2px;
}
.specjalista__text mark {
background: rgba(0, 90, 140, 0.12);
padding: 0 0.12em;
}
.specjalista__bio--biogram {
margin-bottom: 0;
}
.specjalista__biogram-visible :last-child,
.specjalista__biogram-more :last-child {
margin-bottom: 0;
}
.specjalista__biogram-more {
margin-top: 0;
}
.specjalista__biogram-more[hidden] {
display: none;
}
.specjalista__biogram-desktop-only {
display: none;
}
@media (min-width: 640px) {
.specjalista__bio--biogram:not(.is-expanded) .specjalista__biogram-desktop-only {
display: block;
}
}
.specjalista__bio--biogram.is-expanded .specjalista__biogram-desktop-only {
display: none;
}
@media (max-width: 639px) {
.specjalista__bio--biogram:not(.has-more-mobile) .specjalista__read-more--biogram {
display: none !important;
}
}
@media (min-width: 640px) {
.specjalista__bio--biogram:not(.has-more-desktop) .specjalista__read-more--biogram {
display: none !important;
}
}
.specjalista__read-more--biogram {
margin-top: 0.15rem;
}
.specjalista .specjalista__read-more {
display: inline;
margin: 0;
padding: 0;
font: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: var(--spec-accent);
background: none;
border: none;
border-radius: 0;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 2px;
vertical-align: baseline;
white-space: nowrap;
}
.specjalista .specjalista__read-more:hover,
.specjalista .specjalista__read-more:focus-visible {
color: var(--spec-accent-dark);
background: none;
border: none;
box-shadow: none;
text-decoration: underline;
opacity: 1;
outline: none;
}
.specjalista__bio--biogram.is-expanded .specjalista__read-more {
display: inline-block;
margin-top: 0.35rem;
}
.specjalista__bio--podejscie,
.specjalista__jezyki {
margin-top: 1.25rem;
}
.specjalista__jezyki .specjalista__tags--jezyki {
justify-content: flex-start;
}
.specjalista__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.6rem;
}
.specjalista__list-item {
position: relative;
padding-left: 1.6rem;
color: var(--spec-text);
}
.specjalista__list-item::before {
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 0.55rem;
height: 0.55rem;
border-radius: 50%;
background: var(--spec-accent);
}
.specjalista__list-item a {
color: var(--spec-accent);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.specjalista__list-item a:hover {
color: var(--spec-accent-dark);
} .specjalista__section a:not(.specjalista__booking-cta-link),
.specjalista__bio a,
.specjalista__text a {
color: var(--spec-accent);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.specjalista__section a:not(.specjalista__booking-cta-link):hover,
.specjalista__bio a:hover,
.specjalista__text a:hover {
color: var(--spec-accent-dark);
}
.specjalista__list--uslugi,
.specjalista__list--problemy-detailed,
.specjalista__list--nauka {
gap: 0.6rem 1.5rem;
}
.specjalista__list--nauka .specjalista__nauka-label {
font-weight: 500;
line-height: 1.45;
}
.specjalista__publikacje:not(.is-expanded) .specjalista__list-item--publikacje-more,
.specjalista__konferencje:not(.is-expanded) .specjalista__list-item--konferencje-more,
.specjalista__gr-articles:not(.is-expanded) .specjalista__list-item--gr-articles-more {
display: none;
}
.specjalista__publikacje .specjalista__read-more--publikacje,
.specjalista__konferencje .specjalista__read-more--konferencje,
.specjalista__gr-articles .specjalista__read-more--gr-articles {
display: inline-block;
margin-top: 0.35rem;
}
.specjalista__publikacje.is-expanded .specjalista__read-more--publikacje,
.specjalista__konferencje.is-expanded .specjalista__read-more--konferencje,
.specjalista__gr-articles.is-expanded .specjalista__read-more--gr-articles {
margin-top: 0.65rem;
}
.specjalista__problemy-intro {
margin: 0 0 1rem;
color: var(--spec-text-muted);
font-size: 0.95rem;
line-height: 1.6;
}
.specjalista__list--problemy-detailed {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.specjalista__list-item--problem {
line-height: 1.55;
}
.specjalista__problem-title {
color: var(--spec-text);
font-weight: 600;
}
.specjalista__problem-desc {
color: var(--spec-text-muted);
font-weight: 400;
}
.specjalista__list-item--cert {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.specjalista__cert-img {
max-width: 200px;
height: auto;
border-radius: 8px;
border: 1px solid var(--spec-border);
}
.specjalista__meta {
display: block;
margin-top: 0.2rem;
font-size: 0.9rem;
color: var(--spec-text-muted);
font-weight: 400;
}
.specjalista__publikacja-opis {
display: block;
margin-top: 0.25rem;
font-size: 0.92rem;
line-height: 1.5;
color: var(--spec-text);
font-weight: 400;
}
.specjalista__cennik {
margin-top: 0.5rem;
color: var(--spec-text);
} .specjalista__cennik .cennik-tabela-wrapper {
margin: 1rem 0 0;
}
.specjalista__cennik .cennik-kategoria-h2.cennik-kategoria-h2.cennik-kategoria-h2,
.specjalista__cennik .cennik-all-h2.cennik-all-h2.cennik-all-h2,
.specjalista__cennik .cennik-lekarz-h2.cennik-lekarz-h2.cennik-lekarz-h2,
.specjalista__cennik .cennik-lekarz-h3.cennik-lekarz-h3.cennik-lekarz-h3 {
color: var(--spec-accent) !important;
border-bottom-color: var(--spec-accent) !important;
}
.specjalista__cennik :is(h1, h2, h3, h4):not([class*="cennik-"]) {
margin: 1.25rem 0 0.75rem;
color: var(--spec-accent);
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
border-bottom: 2px solid var(--spec-accent);
padding-bottom: 0.4rem;
}
.specjalista__cennik :is(h1, h2, h3, h4):not([class*="cennik-"]):first-child {
margin-top: 0;
}
.specjalista__cennik table {
width: 100%;
border-collapse: collapse;
margin: 0 0 1.25rem;
font-size: 0.95rem;
line-height: 1.45;
}
.specjalista__cennik table tr:nth-child(even) {
background: var(--spec-surface);
}
.specjalista__cennik table td,
.specjalista__cennik table th {
padding: 0.7rem 0.85rem;
vertical-align: top;
border: none;
}
.specjalista__cennik table td:first-child,
.specjalista__cennik table th:first-child {
font-weight: 600;
color: var(--spec-text);
}
.specjalista__cennik table td:last-child,
.specjalista__cennik table th:last-child {
text-align: right;
font-weight: 700;
color: var(--spec-accent);
white-space: nowrap;
width: 6.5rem;
}
.specjalista__cennik .cennik-tabela td:last-child {
color: var(--spec-accent);
white-space: nowrap;
}
.specjalista__cennik .cennik-cena,
.specjalista__cennik .cennik-cena-nowa,
.specjalista__cennik .cennik-cena-opis {
color: var(--spec-accent);
}
.specjalista__cennik .cennik-tabela tbody tr:nth-child(even) {
background: var(--spec-surface);
}
.specjalista__cennik .cennik-tabela tr:hover td {
background: color-mix(in srgb, var(--spec-accent) 8%, #fff);
} .specjalista__booking-cta {
margin: 0;
}
.specjalista__booking-cta-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 3rem;
padding: 0.75rem 1.5rem;
font-weight: 700;
text-decoration: none;
color: #fff;
background: var(--spec-accent);
border-radius: 999px;
transition: background 0.2s ease;
}
.specjalista__booking-cta-link:hover,
.specjalista__booking-cta-link:focus {
background: var(--spec-accent-dark);
color: #fff;
}
.specjalista__booking-cta--sticky-bar {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
padding: 0.75rem 1.25rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
background: rgba(255, 255, 255, 0.98);
border-top: 1px solid var(--spec-border);
box-shadow: var(--spec-shadow-sticky);
}
.specjalista__booking-cta--sticky-bar .specjalista__booking-cta-link {
width: 100%;
}
.specjalista--has-booking {
padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
} .specjalista__rejestracja {
padding: 1.5rem;
background: linear-gradient(135deg, var(--spec-accent), var(--spec-accent-dark));
color: #fff;
border-radius: var(--spec-radius);
}
.specjalista__rejestracja .specjalista__section-title {
color: #fff;
border-bottom-color: rgba(255, 255, 255, 0.6);
}
.specjalista__rejestracja-form {
width: 100%;
min-width: 0;
margin-top: 0.5rem;
} .specjalista__rejestracja-form iframe,
.specjalista__rejestracja-form > div,
.specjalista__rejestracja-form #zl-widget,
.specjalista__rejestracja-form [id^="dp-widget"],
.specjalista__rejestracja-form [id^="zl-widget"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box;
}
.specjalista__rejestracja-item {
min-width: 0;
width: 100%;
}
.specjalista__rejestracja-item + .specjalista__rejestracja-item {
margin-top: 1.25rem;
padding-top: 1.25rem;
border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.specjalista__rejestracja-lokalizacja,
.specjalista__rejestracja-heading {
margin: 0 0 0.5rem;
color: #fff;
}
.specjalista__rejestracja-item + .specjalista__rejestracja-item .specjalista__rejestracja-heading {
margin-top: 0;
}
.specjalista__rejestracja-item--phone-only .specjalista__booking-call {
margin-bottom: 0;
}
.specjalista__booking-call {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.15rem;
width: 100%;
margin: 0 0 1rem;
padding: 0.7rem 1rem;
box-sizing: border-box;
text-align: center;
text-decoration: none;
color: var(--spec-accent);
background: #fff;
border: 2px solid #fff;
border-radius: 10px;
box-shadow: var(--spec-shadow-strong);
transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.specjalista__booking-call:hover,
.specjalista__booking-call:focus-visible {
color: #fff;
background: transparent;
border-color: #fff;
transform: translateY(-1px);
outline: none;
}
.specjalista__booking-call-label {
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.specjalista__booking-call-number {
font-size: 1.05rem;
font-weight: 600;
font-variant-numeric: tabular-nums;
line-height: 1.3;
} .specjalista__opinie-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--spec-gap);
}
.specjalista__opinie-item {
min-width: 0;
}
.specjalista__opinie-lokalizacja {
margin: 0 0 0.75rem;
}
.specjalista__opinie-widget {
min-width: 0;
}
@media (min-width: 768px) {
.specjalista__opinie-grid--cols-2 {
grid-template-columns: repeat(2, 1fr);
align-items: start;
}
} .specjalista__ymyl {
margin-top: var(--spec-gap);
padding-top: 1rem;
border-top: 1px solid var(--spec-border);
font-size: 0.9rem;
line-height: 1.65;
color: var(--spec-text-muted);
}
.specjalista__ymyl-text {
margin: 0;
}
.specjalista__ymyl-verified {
font-weight: 600;
color: var(--spec-accent);
}
.specjalista__ymyl-text a {
color: var(--spec-accent);
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.specjalista__ymyl-text a:hover {
color: var(--spec-accent-dark);
} @media (min-width: 640px) {
.specjalista {
padding: 2rem;
}
.specjalista__header {
flex-direction: row;
text-align: left;
align-items: center;
padding: 2rem;
}
.specjalista__header--has-location {
padding-top: 3.35rem;
}
.specjalista__photo {
width: 200px;
max-width: none;
}
.specjalista__intro {
align-items: flex-start;
}
.specjalista__tags {
justify-content: flex-start;
}
.specjalista__list--uslugi,
.specjalista__list--nauka,
.specjalista__list--publikacje,
.specjalista__list--konferencje {
grid-template-columns: repeat(2, 1fr);
}
.specjalista__list-item--cert {
flex-direction: row;
align-items: center;
}
} @media (min-width: 1024px) {
.specjalista--has-booking {
padding-bottom: 2rem;
}
.specjalista--has-booking .specjalista__profile-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--spec-booking-col);
align-items: start;
gap: var(--spec-gap);
}
.specjalista--has-booking .specjalista__profile-main {
grid-column: 1;
grid-row: 1;
}
.specjalista--has-booking .specjalista__profile-rest {
grid-column: 1;
grid-row: 2;
}
.specjalista--has-booking .specjalista__booking {
grid-column: 2;
grid-row: 1 / -1;
position: sticky;
top: 1.5rem;
align-self: start; max-height: calc(100vh - 3rem);
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.45) rgba(255, 255, 255, 0.12);
}
.specjalista--has-booking .specjalista__booking::-webkit-scrollbar {
width: 8px;
}
.specjalista--has-booking .specjalista__booking::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
.specjalista--has-booking .specjalista__booking::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.45);
border-radius: 4px;
}
.specjalista__booking-cta--sticky-bar {
display: none !important;
}
}
@media (max-width: 1023px) {
.specjalista__booking-cta--sticky-bar {
display: block;
}
.specjalista__booking-cta--sticky-bar.is-hidden {
display: none;
}
} @media (min-width: 960px) {
.specjalista__photo {
width: 220px;
}
}  .specjalista__section--gr-articles {
margin-top: var(--spec-gap);
}
.specjalista__section--opinie {
margin-top: var(--spec-gap);
}
.specjalista__list--gr-articles {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.specjalista__list-item--gr-article {
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.specjalista__gr-article-title {
font-weight: 600;
line-height: 1.4;
color: var(--spec-accent);
text-decoration: none;
}
a.specjalista__gr-article-title:hover,
a.specjalista__gr-article-title:focus {
color: var(--spec-accent-dark);
text-decoration: underline;
}
.specjalista__gr-article-date {
font-size: 0.9rem;
color: var(--spec-text-muted);
}
.specjalista__gr-article-teaser {
font-size: 0.95rem;
line-height: 1.5;
color: var(--spec-text);
}
.specjalista__gr-articles-disclaimer {
margin: 1.25rem 0 0;
font-size: 0.875rem;
line-height: 1.5;
color: var(--spec-text-muted);
}@font-face {
font-family: 'a11y';
src:url(//centrumstamina.pl/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.eot);
src:url(//centrumstamina.pl/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.eot?#iefix) format('embedded-opentype'),
url(//centrumstamina.pl/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.woff2) format('woff2'),
url(//centrumstamina.pl/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.woff) format('woff'),
url(//centrumstamina.pl/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.ttf) format('truetype'),
url(//centrumstamina.pl/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.svg#a11y) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="aticon-"]:before, [class*=" aticon-"]:before {
font-family: 'a11y' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.aticon-font:before {
content: '\e602';
}
.aticon-adjust:before {
content: '\e601';
}
.aticon-tint:before {
content: '\e600';
}@media only screen and (max-width: 800px) { .a11y-responsive {
display: none;
}
}
.focusable:focus {
outline: none !important;
}
.has-focus {
background: yellow;
} .a11y-toolbar button {
border: 0;
color: inherit;
background-color: transparent;
text-decoration: none;
padding: 0;
line-height: inherit;
margin: 0;
font: inherit;
width: 100%;
height: 100%;
text-align: left;
}
.a11y-toolbar {
position: fixed;
z-index: 99999;
top: 43vh;
left: 0;
}
.a11y-toolbar.custom-location {
position: absolute;
top: 0;
}
.a11y-toolbar ul {
list-style: none;
margin: 0;
padding: 0;
border-radius: 0 4px 0 0;
border-radius: 0 0 4px 0;
}
.a11y-toolbar ul li {
margin: 0;
padding: 0;
display: block;
}
.a11y-toolbar ul li button {
font-size: 20px !important;
padding: 10px 10px;
line-height: .8;
display: grid;
align-items: center;
background: #e2e2e2;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #d2d2d2;
position: relative;
color: #181818;
}
.a11y-toolbar ul li button.active,
.a11y-toolbar ul li button:hover {
background: #181818;
color: #fff;
}
.a11y-toolbar ul li button.active {
background: #181818;
border-bottom: 1px solid #525252;
}
.a11y-toolbar ul li:first-child button {
border-radius: 0 4px 0 0;
}
.a11y-toolbar ul li:last-child button {
border-radius: 0 0 4px;
}
.a11y-toolbar .a11y-toolbar-list .a11y-toolbar-list-item .tooltip-dismissed:focus .offscreen,
.a11y-toolbar .offscreen,
.a11y_stylesheet_path {
position: absolute !important;
clip-path: inset(50%);
white-space: nowrap;
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
font-size: 16px;
margin: -1px;
transition: all 200ms;
} .a11y-toolbar.rtl.default,
.a11y-toolbar.ltr.reversed {
right: 0;
left: auto;
}
.a11y-toolbar.rtl.default ul,
.a11y-toolbar.ltr.reversed ul {
border-radius: 4px 0 0 4px;
}
.a11y-toolbar.rtl.default ul li:first-child button,
.a11y-toolbar.ltr.reversed ul li:first-child button {
border-radius: 4px 0 0 0;
}
.a11y-toolbar.rtl.default ul li:last-child button,
.a11y-toolbar.ltr.reversed ul li:last-child button {
border-radius: 0 0 0 4px;
}
.desaturated {
filter: grayscale(1) !important;
}
.a11y-toolbar button:hover .offscreen,
.a11y-toolbar button:focus .offscreen {
height: auto !important;
width: auto !important;
clip-path: unset !important;
color: #333;
background: #f0f0f0ee;
padding: 7px 6px !important;
box-shadow: 0 0 1px #000;
border-radius: 3px;
font-size: clamp( 14px, .875rem, 16px );
margin: auto 3px auto auto !important;
text-transform: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.a11y-toolbar.reversed button:hover .offscreen,
.a11y-toolbar.reversed button:focus .offscreen {
right: 100%;
left: auto;
}
.a11y-toolbar button:hover .offscreen,
.a11y-toolbar button:focus .offscreen {
left: 100%;
}.fontsize p,
.fontsize div:not(div:has( p, h1, h2, h3, h4, h5, h6)),
.fontsize footer:not(footer:has( p, h1, h2, h3, h4, h5, h6)),
.fontsize li:not(.a11y-toolbar-list-item),
.fontsize label,
.fontsize input,
.fontsize select,
.fontsize textarea,
.fontsize legend,
.fontsize code,
.fontsize pre,
.fontsize dd,
.fontsize dt,
.fontsize blockquote {
font-size: var(--wpa-font-size) !important;
line-height: 1.6;
}
.fontsize h1 {
font-size: var(--wpa-h1-size) !important;
}
.fontsize h2 {
font-size: var(--wpa-h2-size) !important;
}
.fontsize h3 {
font-size: var(--wpa-h3-size) !important;
}
.fontsize h6,
.fontsize h5,
.fontsize h4 {
font-size: var(--wpa-h4-size) !important;
} .fontsize li li {
font-size: var(--wpa-sub-list-size) !important;
}
.fontsize li li li {
font-size: var(--wpa-sub-sub-list-size) !important;
}