.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#gnpub-gnfollow-shortcode-wrapper a{text-decoration:none;color:#000;border:1px solid #c6d2d9;padding:7px 15px 3px 16px;line-height:1;height:40px;vertical-align:middle;position:absolute}#gnpub-gnfollow-shortcode-wrapper a:focus{box-shadow:none}#gnpub-gnfollow-shortcode-wrapper img{width:120px;position:relative;top:9px;left:5px}#gnpub-gnfollow-shortcode-wrapper a:hover{border:1px solid #000}#gnpub-gnfollow-shortcode-follow-text{font-weight:500;font-size:13px}.share-with-ai {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
padding: 15px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.share-with-ai a {
outline: 0!important;
text-decoration: none!important;
}
.share-with-ai .share-ai.perplexity {
background: #20808D;
}
.share-with-ai .share-ai.chatgpt,
.share-with-ai .share-ai.grok {
background: #000;
}
.share-with-ai .share-ai.claude {
background: #ff6b35;
}
.share-ai-text {
margin-right: 10px;
}
.share-ai-text span {
font-weight: 600;
color: #495057;
font-size: 14px;
}
.share-ai {
display: inline-block;
}
.summarize-with-ai-icon {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: 500;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.summarize-with-ai-icon:hover {
text-decoration: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.summarize-with-ai-icon img {
width: 16px;
height: 16px;
flex-shrink: 0;
} .summarize-with-chatgpt:hover {
background: #10a37f;
color: #ffffff;
border-color: #10a37f;
}
.summarize-with-grok:hover {
background: #000;
color: #ffffff;
border-color: #000;
}
.summarize-with-perplexity:hover {
background: #20808d;
color: #ffffff;
border-color: #20808d;
}
.summarize-with-claude {
border-color: #d77655;
background: #d77655;
}
.summarize-with-claude:hover {
background: #d77655;
color: #ffffff;
border-color: #d77655;
} @media (max-width: 768px) {
.share-with-ai {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.share-ai-text {
margin-right: 0;
margin-bottom: 5px;
}
.share-ai {
display: block;
width: 100%;
overflow: hidden;
}
.summarize-with-ai-icon {
display: flex;
width: 100%;
justify-content: center;
padding: 12px;
}
}
@media (max-width: 480px) {
.share-with-ai {
padding: 12px;
margin: 15px 0;
}
.summarize-with-ai-icon {
font-size: 14px;
padding: 10px;
}
.summarize-with-ai-icon img {
width: 18px;
height: 18px;
}
} @media (prefers-color-scheme: dark) {
.share-with-ai {
background: #2d3748;
border-color: #4a5568;
}
.share-ai-text span {
color: #e2e8f0;
}
.summarize-with-ai-icon {
background: #4a5568;
border-color: #718096;
color: #e2e8f0;
}
} @media print {
.share-with-ai {
display: none;
}
}.algolia-autocomplete {
z-index: 999999 !important;
}
.aa-dropdown-menu { font-family: sans-serif;
background-color: #fff;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
}
.aa-dropdown-menu:after {
content: " ";
display: block;
clear: both;
}
.aa-dropdown-menu .aa-input, .aa-dropdown-menu .aa-hint {
width: 100%;
}
.aa-dropdown-menu .aa-hint {
color: #999;
} .aa-dropdown-menu {
color: #1a1a1a;
font-size: 12px;
}
.aa-dropdown-menu a {
font-size: 12px;
color: #1a1a1a;
font-weight: normal;
text-decoration: none;
}
.aa-dropdown-menu a:hover {
text-decoration: none;
} .aa-dropdown-menu .autocomplete-header {
margin: 0 14px;
line-height: 3em;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.aa-dropdown-menu .autocomplete-header-title,
.aa-dropdown-menu .autocomplete-header-more
{
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-title {
float: left;
}
.aa-dropdown-menu .autocomplete-header-more {
float: right;
}
.aa-dropdown-menu .autocomplete-header-more a {
color: rgba(0,0,0,.3);
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-more a:hover {
color:  rgba(0,0,0,.4);
} .aa-dropdown-menu .aa-suggestion {
padding: 5px 0;
}
.aa-dropdown-menu .aa-suggestion:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.aa-dropdown-menu .aa-suggestion em {
color: #174d8c;
background: rgba(143,187,237,.1);
font-style: normal;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-title {
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content {
color: #63676d;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content em {
padding: 0 0 1px;
background: inherit;
box-shadow: inset 0 -2px 0 0 rgba(69,142,225,.8);
color: inherit;
}
.aa-dropdown-menu .aa-suggestion.aa-cursor {
background-color: #f9f9f9;
}
.aa-dropdown-menu a.suggestion-link {
display: block;
padding: 0 14px;
}
.aa-dropdown-menu a.suggestion-link.user-suggestion-link {
line-height: 32px;
}
.aa-dropdown-menu a.suggestion-link svg {
vertical-align: middle;
fill: rgba(0,0,0,.3);
float: left;
}
.aa-dropdown-menu .suggestion-post-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 3px;
width: 32px;
height: 32px;
}
.aa-dropdown-menu .suggestion-user-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 16px;
width: 32px;
height: 32px;
} .aa-dropdown-menu .autocomplete-footer-branding {
padding: 15px 14px 0;
float: right;
color: rgba(0,0,0,.3);
margin-bottom: 7px;
} .aa-dropdown-menu .clear {
clear: both;
} .autocomplete-empty {
clear: both;
padding: 15px;
}
.autocomplete-empty .empty-query {
font-weight: bold;
}@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/6366cef4b4-rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-JDV36TGI.ttf) format('truetype');
}
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/5e6a26180b-rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9uCl36TGI.ttf) format('truetype');
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/fd09da0e25-rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRR23z.ttf) format('truetype');
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/03ecb0741a-rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZtRR23z.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/8838add44a-L0xtDF02iFML4hGCyMqgdyNEf6or5L2WA10QUqmmY8U.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/464b2b38a2-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4vH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/eb83efc7a1-L0xjDF02iFML4hGCyOCpRdycFsGxSrqD-R4vH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/cf559f7435-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDFRkvH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/01ccbc1f5e-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDLBkvH5mv.ttf) format('truetype');
}
@font-face {
font-family: 'Urbanist';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/5982f1ae15-L0xjDF02iFML4hGCyOCpRdycFsGxSrqDSxkvH5mv.ttf) format('truetype');
}html[data-wp-dark-mode-active] {
--wd-canvas: #101011;
--wd-surface: #1c1c1e;
--wd-raised: #242426;
--wd-border: rgba(255,255,255,.10);
--wd-text: #bcbcc3;
--wd-title: #dedee3;
--wd-secondary: #98989d;
--wd-accent: #0000ff;
--wd-button: #0000ff;
color-scheme: dark;
background: var(--wd-canvas) !important;
}
html[data-wp-dark-mode-active] body,
html[data-wp-dark-mode-active] #wrapper,
html[data-wp-dark-mode-active] #footer {
background: var(--wd-canvas) !important;
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] .bg-box {
background: var(--wd-surface) !important;
border-color: var(--wd-border) !important;
box-shadow: none !important;
border-radius: 20px;
}
html[data-wp-dark-mode-active] #single article.main-article {
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
} html[data-wp-dark-mode-active] #header .grid-container {
background: rgba(28,28,30,.82) !important;
border: 1px solid rgba(255,255,255,.08) !important;
border-radius: 28px !important;
box-shadow: 0 8px 32px rgba(0,0,0,.16) !important;
-webkit-backdrop-filter: blur(24px) saturate(150%);
backdrop-filter: blur(24px) saturate(150%);
}
html[data-wp-dark-mode-active] #header[data-stuck] .menu-wrapper {
background: transparent !important;
}
html[data-wp-dark-mode-active] .text,
html[data-wp-dark-mode-active] .text p,
html[data-wp-dark-mode-active] .text li,
html[data-wp-dark-mode-active] #footer .widgets {
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] .title,
html[data-wp-dark-mode-active] .text :is(h1,h2,h3,h4,h5,h6,strong),
html[data-wp-dark-mode-active] .title a,
html[data-wp-dark-mode-active] #sidebar .widget-title {
color: var(--wd-title) !important;
}
html[data-wp-dark-mode-active] .meta,
html[data-wp-dark-mode-active] .meta-info,
html[data-wp-dark-mode-active] .meta time,
html[data-wp-dark-mode-active] .meta .name,
html[data-wp-dark-mode-active] #footer .copyright {
color: var(--wd-secondary) !important;
}
html[data-wp-dark-mode-active] #sidebar .info.bg-box {
background: var(--wd-surface) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
border-radius: 20px;
}
html[data-wp-dark-mode-active] #sidebar .info a,
html[data-wp-dark-mode-active] #header nav ul.menu > li > a:not(.epcl-button) {
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] #sidebar .toc a {
color: var(--wd-secondary) !important;
}
html[data-wp-dark-mode-active] #sidebar .toc a:hover,
html[data-wp-dark-mode-active] #sidebar .toc a.is-active-link {
color: var(--wd-title) !important;
}
html[data-wp-dark-mode-active] .toc-link::before {
background: var(--wd-border) !important;
}
html[data-wp-dark-mode-active] .is-active-link::before {
background: var(--wd-accent) !important;
}
html[data-wp-dark-mode-active] .epcl-social-buttons .email,
html[data-wp-dark-mode-active] #sidebar .info svg.icon {
color: var(--wd-accent) !important;
}
html[data-wp-dark-mode-active] .widget-title svg.decoration {
color: var(--wd-accent) !important;
fill: currentColor !important;
} html[data-wp-dark-mode-active] .epcl-button,
html[data-wp-dark-mode-active] .epcl-button.epcl-shortcode,
html[data-wp-dark-mode-active] button[type="submit"],
html[data-wp-dark-mode-active] #epcl-copy-button,
html[data-wp-dark-mode-active] #footer #back-to-top {
background: var(--wd-button) !important;
color: #fff !important;
border-color: transparent !important;
border-radius: 980px !important;
box-shadow: none !important;
transition: background-color .2s ease, box-shadow .2s ease;
}
html[data-wp-dark-mode-active] .epcl-button:hover,
html[data-wp-dark-mode-active] .epcl-button.epcl-shortcode:hover,
html[data-wp-dark-mode-active] button[type="submit"]:hover,
html[data-wp-dark-mode-active] #epcl-copy-button:hover {
background: #2929ff !important;
}
html[data-wp-dark-mode-active] :is(a,button,input,summary):focus-visible {
outline: 2px solid var(--wd-accent) !important;
outline-offset: 4px;
}
html[data-wp-dark-mode-active] #single .share-buttons,
html[data-wp-dark-mode-active] #single .bottom-tags,
html[data-wp-dark-mode-active] #epcl-related-stories .item,
html[data-wp-dark-mode-active] #epcl-related-stories .item .info,
html[data-wp-dark-mode-active] #footer .widget ul li {
border-color: var(--wd-border) !important;
}
html[data-wp-dark-mode-active] .inputbox,
html[data-wp-dark-mode-active] #copy-link,
html[data-wp-dark-mode-active] .subscribe-form input[type="email"] {
background: var(--wd-surface) !important;
border-color: var(--wd-border) !important;
border-radius: 16px !important;
color: var(--wd-text) !important;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] .inputbox:focus {
border-color: var(--wd-accent) !important;
}
html[data-wp-dark-mode-active] #epcl-related-stories .image-container,
html[data-wp-dark-mode-active] #epcl-related-stories .epcl-number {
background: var(--wd-surface) !important;
color: var(--wd-secondary) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
} html[data-wp-dark-mode-active] .epcl-cta {
background: linear-gradient(180deg, #101011 0%, #171719 50%, #101011 100%) !important;
border-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] .epcl-cta svg,
html[data-wp-dark-mode-active] .epcl-cta svg path {
fill: #0000ff !important;
color: #0000ff !important;
}
html[data-wp-dark-mode-active] .epcl-cta svg {
opacity: 1;
} html[data-wp-dark-mode-active] #single img.cover,
html[data-wp-dark-mode-active] #single .wp-block-image img {
filter: none !important;
border-radius: 18px;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] #single .wp-block-image:has(img[src*="wd-visual-"]) {
background: var(--wd-surface) !important;
border-radius: 20px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
overflow: hidden;
isolation: isolate;
}
html[data-wp-dark-mode-active] #single .wp-block-image img[src*="wd-visual-"] {
mix-blend-mode: lighten;
}
html[data-wp-dark-mode-active] .wd-visual-equivalent {
color: var(--wd-secondary) !important;
}
@media (prefers-reduced-motion: reduce) {
html[data-wp-dark-mode-active] .epcl-button { transition: none; }
}
html[data-wp-dark-mode-active] .share-ai {
background: var(--wd-surface) !important;
border-radius: 12px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
overflow: hidden;
}
html[data-wp-dark-mode-active] .share-ai a {
background: transparent !important;
color: var(--wd-text) !important;
}
html[data-wp-dark-mode-active] .share-ai:hover {
background: var(--wd-raised) !important;
}
html[data-wp-dark-mode-active] .share-ai-text {
color: var(--wd-secondary) !important;
}
html[data-wp-dark-mode-active] nav.side-nav {
background: var(--wd-surface) !important;
}
html[data-wp-dark-mode-active] :is(a,button,input,summary):focus-visible {
outline-color: #9595ff !important;
} html[data-wp-dark-mode-active] #header[data-stuck] .grid-container {
border-radius: 0 !important;
transition-property: background-color, box-shadow, border-color !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
} html[data-wp-dark-mode-active] #sidebar .info.bg-box {
background: #191a1b !important;
border: 0 !important;
border-radius: 0;
box-shadow: none !important;
}
html[data-wp-dark-mode-active] #sidebar .info,
html[data-wp-dark-mode-active] #sidebar .info :is(.meta-info, .name, .fw-semibold) {
color: #9cabb7 !important;
}
html[data-wp-dark-mode-active] #sidebar .info a,
html[data-wp-dark-mode-active] #sidebar .info svg.icon {
color: #f0f0f0 !important;
}.wd-accordion-group {
--wd-accordion-bg: #fff;
--wd-accordion-border: rgba(25,25,35,.12);
--wd-accordion-heading: #323238;
--wd-accordion-text: #555560;
--wd-accordion-hover: #f7f7fa;
margin: 24px 0 40px;
}
html[data-wp-dark-mode-active] .wd-accordion-group {
--wd-accordion-bg: #19191c;
--wd-accordion-border: rgba(255,255,255,.09);
--wd-accordion-heading: #d3d3da;
--wd-accordion-text: #bcbcc3;
--wd-accordion-hover: #202024;
}
#single .text .wd-accordion {
margin: 0 0 12px;
background: var(--wd-accordion-bg) !important;
border: 1px solid var(--wd-accordion-border) !important;
border-radius: 16px;
overflow: hidden;
}
#single .wd-accordion summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 21px 24px;
list-style: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
color: var(--wd-accordion-heading) !important;
transition: background-color .18s ease;
}
#single .wd-accordion summary::-webkit-details-marker { display: none; }
#single .wd-accordion summary::marker { content: ''; }
#single .wd-accordion summary:hover { background: var(--wd-accordion-hover) !important; }
#single .wd-accordion summary:focus-visible {
outline: 2px solid #9595ff;
outline-offset: -4px;
border-radius: 14px;
}
#single .text .wd-accordion summary h4,
#single .text .wd-accordion summary .wd-term {
margin: 0 !important;
padding: 0;
font-family: var(--epcl-title-font-family);
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: var(--wd-accordion-heading) !important;
}
.wd-accordion-icon {
display: inline-flex;
justify-content: center;
align-items: center;
flex: 0 0 24px;
width: 24px;
height: 24px;
font-size: 24px;
font-weight: 400;
color: #86868b;
}
.wd-accordion-icon::before { content: '+'; }
.wd-accordion[open] > summary .wd-accordion-icon::before { content: '−'; }
#single .wd-accordion-content { padding: 0 24px 24px; }
#single .text .wd-accordion-content p {
margin: 0;
color: var(--wd-accordion-text) !important;
font-size: 16px;
line-height: 1.85;
}
#single .wd-accordion summary h4 { scroll-margin-top: 120px; }
#single .wd-inline-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
margin: 40px 0;
padding: 30px;
border: 1px solid rgba(25,25,35,.1);
border-radius: 20px;
background: #fff;
}
#single .wd-inline-cta > div { flex: 1 1 290px; }
#single .text .wd-inline-cta .wd-inline-cta-title {
margin: 0 0 8px;
font-family: var(--epcl-title-font-family);
font-size: 22px;
font-weight: 600;
line-height: 1.35;
color: #323238;
}
#single .text .wd-inline-cta p:not(.wd-inline-cta-title) {
margin: 0;
font-size: 16px;
line-height: 1.7;
color: #666670;
}
#single .wd-inline-cta .epcl-button {
flex: 0 0 auto;
white-space: nowrap;
padding: 14px 24px;
min-height: 48px;
box-sizing: border-box;
font-size: 16px;
line-height: 1.25;
}
html[data-wp-dark-mode-active] #single .wd-inline-cta {
background: #1c1c1e !important;
border-color: rgba(255,255,255,.09) !important;
}
html[data-wp-dark-mode-active] #single .text .wd-inline-cta .wd-inline-cta-title {
color: #dedee3 !important;
}
html[data-wp-dark-mode-active] #single .text .wd-inline-cta p:not(.wd-inline-cta-title) {
color: #aaaab2 !important;
}
@media(max-width:767px) {
#single .wd-accordion summary { padding: 18px; gap: 14px; }
#single .text .wd-accordion summary h4,
#single .text .wd-accordion summary .wd-term { font-size: 17px; }
#single .wd-accordion-content { padding: 0 18px 20px; }
#single .wd-inline-cta { padding: 24px; }
}
@media(prefers-reduced-motion:reduce) {
#single .wd-accordion summary { transition: none; }
}
#single :is(#faq, #glossaire, #wd-discover-agency) { scroll-margin-top: 120px; } html { --wd-owned-link: #b84200; --wd-external-link: #245ec2; }
html[data-wp-dark-mode-active] { --wd-owned-link: #ff853d; --wd-external-link: #3e7ff1; }
#single .text a[data-wd-destination],
#single .text a[data-wd-destination] strong {
color: var(--wd-external-link) !important;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: .2em;
}
#single .text a[data-wd-destination="owned"],
#single .text a[data-wd-destination="owned"] strong { color: var(--wd-owned-link) !important; }
html body a.epcl-button[data-wd-destination="owned"],
html[data-wp-dark-mode-active] body a.epcl-button[data-wd-destination="owned"] {
background: #ff6500 !important;
border-color: #ff6500 !important;
color: #211208 !important;
text-decoration: none !important;
}
html body a.epcl-button[data-wd-destination="owned"]:hover { background: #ff853d !important; }
#single .wd-accordion-icon { transition: transform .3s ease; }
#single .wd-accordion[open] .wd-accordion-icon { transform: rotate(180deg); }
@media(prefers-reduced-motion:reduce) { #single .wd-accordion-icon { transition: none; } }
#single .wd-accordion { box-sizing: border-box; }
html #single .text a.epcl-button[data-wd-destination="owned"] { color: #211208 !important; text-decoration: none !important; }
#single .text .wd-table-wrap {
margin: 32px 0 40px; overflow-x: auto; border: 1px solid #dcd6e9;
border-radius: 20px; background: #f5f1ff;
}
#single .text .wd-comparison-table {
width: 100%; min-width: 590px; margin: 0; border: 0; border-collapse: separate;
border-spacing: 0; background: transparent; font-size: 16px; line-height: 1.65;
}
#single .wd-comparison-table caption { text-align: left; padding: 20px 24px; font-weight: 600; color: #302047; }
#single .text .wd-comparison-table :is(th,td) { padding: 20px 24px; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid #dcd6e9; background: transparent; color: #514263; }
#single .text .wd-comparison-table thead th { background: #eae4f4; color: #302047; font-weight: 600; }
#single .text .wd-comparison-table tbody th { font-weight: 500; width: 28%; }
#single .text .wd-comparison-table tbody tr:last-child > * { border-bottom: 0; }
html[data-wp-dark-mode-active] #single .text .wd-table-wrap { background: #19191c !important; border-color: #38383e !important; }
html[data-wp-dark-mode-active] #single .text .wd-comparison-table :is(th,td) { color: #bcbcc3 !important; border-color: #38383e !important; background: transparent !important; }
html[data-wp-dark-mode-active] #single .text .wd-comparison-table thead th { background: #26262c !important; color: #dedee3 !important; }
html[data-wp-dark-mode-active] #single .wd-comparison-table caption { color: #dedee3 !important; }
#single .wd-table-wrap:focus-visible { outline: 2px solid #3e7ff1; outline-offset: 4px; }
#sidebar .wd-toc-disclosure { overflow: hidden; box-sizing: border-box; }
#sidebar .wd-toc-disclosure summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; cursor: pointer; }
#sidebar .wd-toc-disclosure summary::-webkit-details-marker { display: none; }
#sidebar .wd-toc-disclosure summary .widget-title { margin-bottom: 0; }
#sidebar .wd-toc-disclosure .wd-accordion-content { padding-top: 24px; }
#sidebar .wd-toc-disclosure summary:focus-visible { outline: 2px solid #3e7ff1; outline-offset: 4px; }
#sidebar .wd-toc-disclosure .wd-accordion-icon { transition: transform .3s ease; }
#sidebar .wd-toc-disclosure[open] .wd-accordion-icon { transform: rotate(180deg); }
@media(prefers-reduced-motion:reduce) { #sidebar .wd-toc-disclosure .wd-accordion-icon { transition: none; } } html body a.epcl-button[data-wd-destination="owned"],
html[data-wp-dark-mode-active] body a.epcl-button[data-wd-destination="owned"],
html #single .text a.epcl-button[data-wd-destination="owned"] {
background: #0000ff !important; border-color: #0000ff !important; color: #fff !important;
}
html body a.epcl-button[data-wd-destination="owned"]:hover { background: #2929ff !important; }
#sidebar .wd-toc-disclosure summary { padding: 12px 0; min-height: 48px; }
#sidebar .wd-toc-disclosure .wd-accordion-icon {
flex-basis: 40px; width: 40px; height: 40px; border-radius: 50%;
background: #0000ff !important; color: #fff !important; font-size: 26px;
}
#sidebar .wd-toc-disclosure summary:hover .wd-accordion-icon { background: #2929ff !important; }
html body .epcl-cta.bg-box {
background: #ece8f5 !important;
border-top: 1px solid #d8d2e5 !important;
border-bottom: 1px solid #d8d2e5 !important;
}
html[data-wp-dark-mode-active] body .epcl-cta.bg-box {
background: #222225 !important;
border-top-color: #38383e !important;
border-bottom-color: #38383e !important;
} html body #footer { border-top: 1px solid #dedbe5; }
html body #footer .widgets { padding-top: 56px; padding-bottom: 40px; }
html body #footer .default-sidebar { display: grid !important; grid-template-columns: 1fr 1fr 1.5fr; gap: 48px; align-items: start; }
html body #footer .mobile-sidebar { display: none !important; }
html body #footer .default-sidebar > .widget { width: auto; float: none; padding: 0; margin: 0; min-width: 0; }
html body #footer .widget-title { font-size: 20px; margin-bottom: 22px; padding-left: 0; }
html body #footer .widget-title .decoration { display: none; }
html body #footer .widget ul li { margin: 0; border: 0 !important; padding: 0; }
html body #footer .widget ul li a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; box-sizing: border-box; }
html body #footer .widget ul li a:hover { color: #3e7ff1 !important; }
html body #footer .widget_epcl_social .name { font-size: 15px; }
html body #footer .widget_epcl_social .icon { margin-left: auto; }
html body #footer .default-sidebar > .widget_epcl_subscribe_form { padding: 26px; border: 1px solid #dedbe5; border-radius: 20px; background: #f5f3fa; }
html body #footer .textwidget p { font-size: 15px; line-height: 1.8; margin-bottom: 18px; }
html body #footer .textwidget img { width: 170px; max-width: 100%; height: auto; }
html body #footer .widget_text > br { display: none; }
html body #footer .subscribe-form .form-group { display: flex; flex-wrap: wrap; gap: 10px; }
html body #footer .subscribe-form .inputbox { width: 100%; padding: 14px 16px; min-height: 48px; box-sizing: border-box; border-radius: 12px; }
html body #footer .subscribe-form .submit { position: static; width: 100%; min-height: 46px; margin: 0; border-radius: 12px; background: #0000ff !important; color: #fff !important; }
html body #footer > .published { border-top: 1px solid #dedbe5; padding: 22px 24px; text-align: center; }
html body #footer > .published p { margin: 0; font-size: 13px; }
html[data-wp-dark-mode-active] body #footer { background: #151517 !important; border-color: #303035; }
html[data-wp-dark-mode-active] body #footer .default-sidebar > .widget_epcl_subscribe_form { background: #202023 !important; border-color: #38383e !important; }
html[data-wp-dark-mode-active] body #footer > .published { border-color: #303035 !important; color: #98989d !important; }
@media(max-width:1023px) {
html body #footer .default-sidebar { grid-template-columns: 1fr 1fr; gap: 32px; }
html body #footer .default-sidebar > .widget_epcl_subscribe_form { grid-column: 1 / -1; }
}
@media(max-width:550px) {
html body #footer .widgets { padding-top: 36px; padding-bottom: 28px; }
html body #footer .default-sidebar { gap: 24px 20px; }
html body #footer .default-sidebar > .widget_epcl_subscribe_form { padding: 22px; }
html body #footer .widget-title { font-size: 18px; }
} @media(min-width:1024px) {
html body #header.enable-sticky .menu-wrapper {
position: fixed; top: 0; left: 0; z-index: 100;
transition: padding-top 520ms cubic-bezier(.22,1,.36,1) !important;
}
html body #header.enable-sticky .grid-container,
html body #header.enable-sticky[data-stuck] .grid-container {
max-width: min(1190px, 100vw);
transition: max-width 520ms cubic-bezier(.22,1,.36,1),
border-radius 520ms cubic-bezier(.22,1,.36,1),
background-color 400ms ease, border-color 400ms ease,
box-shadow 400ms ease !important;
}
html body #header.enable-sticky[data-stuck] .grid-container {
max-width: 100vw; border-radius: 0 !important;
}
html body #header.enable-sticky .grid-wrapper {
transition: padding 520ms cubic-bezier(.22,1,.36,1) !important;
}
}
@media(prefers-reduced-motion:reduce) {
html body #header.enable-sticky :is(.menu-wrapper,.grid-container,.grid-wrapper) { transition: none !important; }
} html body #sidebar .wd-toc-disclosure {
background: #f0edf8 !important;
border: 1px solid #dcd6e9;
border-radius: 16px;
}
html[data-wp-dark-mode-active] body #sidebar .wd-toc-disclosure {
background: #191a1b !important;
border-color: #343438 !important;
}
html body #sidebar .wd-toc-disclosure summary { padding: 20px; gap: 16px; }
html body #sidebar .wd-toc-disclosure summary .widget-title { display: flex; align-items: center; gap: 10px; padding: 0; }
html body #sidebar .wd-toc-disclosure summary .decoration { position: static; flex: 0 0 20px; width: 20px; transform: none; margin: 0; }
html body #sidebar .wd-toc-disclosure .wd-accordion-content { padding: 0 20px 24px; }
html body #sidebar .wd-toc-disclosure summary:hover { background: rgba(100,100,130,.08); }
html body #sidebar .wd-toc-disclosure summary:focus-visible { outline-offset: -4px; border-radius: 16px; } html body #sidebar .wd-toc-disclosure .wd-accordion-icon { position: relative; transform: none; }
html body #sidebar .wd-toc-disclosure .wd-accordion-icon::before,
html body #sidebar .wd-toc-disclosure .wd-accordion-icon::after {
content: ''; position: absolute; left: 50%; top: 50%;
width: 14px; height: 2px; margin: 0; border-radius: 1px;
background: #fff; transform: translate(-50%, -50%);
}
html body #sidebar .wd-toc-disclosure .wd-accordion-icon::after {
transform: translate(-50%, -50%) rotate(90deg);
transition: transform .25s ease, opacity .25s ease;
}
html body #sidebar .wd-toc-disclosure[open] .wd-accordion-icon::after {
transform: translate(-50%, -50%) rotate(0deg); opacity: 0;
}
@media(min-width:1024px) {
html body #sidebar.enable-sticky { position: sticky; top: 112px; align-self: flex-start; }
html body #sidebar .widget_epcl_article_info {
max-height: 520px; opacity: 1; overflow: hidden;
transition: max-height .48s cubic-bezier(.22,1,.36,1), margin-bottom .48s cubic-bezier(.22,1,.36,1), opacity .22s ease;
}
html body #sidebar.wd-reading-sidebar .widget_epcl_article_info { max-height: 0; opacity: 0; margin-bottom: 0; pointer-events: none; }
html body #sidebar .wd-toc-disclosure .wd-accordion-content {
max-height: max(160px, calc(100dvh - 240px)); overflow-y: auto;
box-sizing: border-box; scrollbar-width: thin; scrollbar-color: #55555e transparent;
overscroll-behavior: contain;
}
}
@media(prefers-reduced-motion:reduce) {
html body #sidebar .widget_epcl_article_info,
html body #sidebar .wd-toc-disclosure .wd-accordion-icon::after { transition: none; }
}
#single .text p.wd-editorial-note {
position: relative; margin: 40px 0; padding: 28px 30px;
border: 1px solid #dedbe5; border-radius: 20px;
background: #faf9fd; color: #49434f; line-height: 1.85;
}
#single .wd-note-icon {
position: absolute; top: -16px; left: 20px;
display: flex; align-items: center; justify-content: center;
width: 32px; height: 32px; border-radius: 50% 50% 8px 50%;
background: #0000ff !important; color: #fff !important;
font-family: Georgia, serif; font-weight: bold; font-size: 22px; line-height: 1;
}
html[data-wp-dark-mode-active] #single .text p.wd-editorial-note {
background: #1c1c20 !important; border-color: #38383e !important; color: #bcbcc3 !important;
}
@media(max-width:767px) { #single .text p.wd-editorial-note { padding: 26px 22px; } }
#single .text p.wd-check-point { position: relative; padding-left: 30px; }
#single .wd-check-mark {
position: absolute; left: 2px; top: .55em; width: 13px; height: 7px;
border-left: 3px solid #ed682d; border-bottom: 3px solid #ed682d;
transform: rotate(-45deg); border-radius: 1px;
}
html[data-wp-dark-mode-active] #single .wd-check-mark { border-color: #ff853d !important; }
.wd-audio-player { margin: 0 0 36px; padding: 24px; background: #f0edf8; border: 1px solid #dcd6e9; border-radius: 18px; color: #35313f; }
.wd-audio-heading { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; }
.wd-audio-heading > span { font-size: 26px; color: #3e7ff1; }
.wd-audio-title { font-size: 19px; font-weight: 600; margin: 0 0 4px; }
.wd-audio-description, .wd-audio-status, .wd-audio-progress-label { font-size: 13px; margin: 0; color: #686370; }
.wd-audio-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; }
.wd-audio-controls button, .wd-audio-controls select { font: inherit; font-size: 14px; border: 1px solid #d0cbd9; border-radius: 10px; padding: 10px 16px; min-height: 44px; cursor: pointer; background: #fff; color: #35313f; }
.wd-audio-controls .wd-audio-play { background: #0000ff !important; color: #fff !important; border-color: #0000ff; min-width: 110px; }
.wd-audio-controls :disabled { opacity: .45; cursor: default; }
.wd-audio-speed { margin-left: auto; font-size: 13px; display: flex; gap: 8px; align-items: center; }
#wd-audio-progress { width: 100%; padding: 0; margin: 8px 0 10px; accent-color: #3e7ff1; cursor: pointer; }
.wd-audio-player :is(button,select,input):focus-visible { outline: 2px solid #3e7ff1; outline-offset: 3px; }
html[data-wp-dark-mode-active] .wd-audio-player { background: #191a1d !important; border-color: #343438 !important; color: #dedee3 !important; }
html[data-wp-dark-mode-active] .wd-audio-player :is(.wd-audio-description,.wd-audio-status,.wd-audio-progress-label) { color: #aaaab2 !important; }
html[data-wp-dark-mode-active] .wd-audio-controls :is(.wd-audio-stop,select) { background: #27272c !important; color: #dedee3 !important; border-color: #414149 !important; }
@media(max-width:480px) { .wd-audio-player { padding: 20px; } .wd-audio-speed { width: 100%; margin-left: 0; } } html body #single .text h2.wd-section-divider {
--wd-divider-bg: #0000f5; --wd-divider-ink: #e8efff; --wd-divider-number: #d5e2ff;
display: grid; grid-template-columns: 124px minmax(0,1fr); align-items: center; gap: 26px;
margin: 48px 0 30px; padding: 34px 30px; border: 0; border-radius: 18px;
background: var(--wd-divider-bg) !important; color: var(--wd-divider-ink) !important;
font-size: clamp(21px,2.1vw,29px); font-weight: 500; line-height: 1.4;
box-sizing: border-box; scroll-margin-top: 120px;
}
html body #single .text h2.wd-section-divider::before {
content: attr(data-section); display: block; font-family: Arial,sans-serif;
font-size: 102px; font-weight: 900; line-height: 1; letter-spacing: -8px;
color: var(--wd-divider-number); position: static; width: auto; height: auto;
background: repeating-linear-gradient(0deg,var(--wd-divider-number) 0 2px,transparent 2px 3px);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
html body #single .text .wd-section-title { color: var(--wd-divider-ink) !important; }
@media(max-width:767px) {
html body #single .text h2.wd-section-divider { grid-template-columns: 76px minmax(0,1fr); gap: 18px; padding: 26px 22px; font-size: 21px; }
html body #single .text h2.wd-section-divider::before { font-size: 66px; letter-spacing: -5px; }
}
@media(max-width:420px) {
html body #single .text h2.wd-section-divider { grid-template-columns: 1fr; gap: 16px; }
} html body #single .text h2.wd-section-divider[data-section="02"] {
--wd-divider-bg: #fde7e3; --wd-divider-ink: #7c2f20; --wd-divider-number: #b33a22;
}
html body #single .text h2.wd-section-divider[data-section="03"] {
--wd-divider-bg: #10169f; --wd-divider-ink: #e8efff; --wd-divider-number: #b3c8ff;
}
html body #single .text h2.wd-section-divider[data-section="04"] {
--wd-divider-bg: #dff3d4; --wd-divider-ink: #28481f; --wd-divider-number: #346922;
}
html body #single .text h2.wd-section-divider[data-section="05"] {
--wd-divider-bg: #d5e2ff; --wd-divider-ink: #0a0b5c; --wd-divider-number: #0000f5;
}
html[data-wp-dark-mode-active] body #single .text h2.wd-section-divider[data-section="02"] {
--wd-divider-bg: #43150c; --wd-divider-ink: #fde7e3; --wd-divider-number: #f9b5a8;
}
html[data-wp-dark-mode-active] body #single .text h2.wd-section-divider[data-section="04"] {
--wd-divider-bg: #11270c; --wd-divider-ink: #dff3d4; --wd-divider-number: #90d56f;
}
html[data-wp-dark-mode-active] body #single .text h2.wd-section-divider[data-section="05"] {
--wd-divider-bg: #0a0b5c; --wd-divider-ink: #d5e2ff; --wd-divider-number: #85a3ff;
} .wd-audio-player { padding: 18px 20px; border-radius: 14px; }
.wd-audio-player .wd-audio-title { font-size: 15px; font-weight: 500; margin: 0 0 12px; }
.wd-audio-player .wd-audio-controls { flex-wrap: nowrap; gap: 12px; margin: 0; }
.wd-audio-player .wd-audio-controls .wd-audio-play { min-width: 44px; width: 44px; height: 44px; padding: 0; flex: 0 0 44px; border-radius: 50%; display: grid; place-items: center; }
.wd-audio-player #wd-audio-progress { flex: 1 1 auto; width: 0; min-width: 30px; margin: 0; }
.wd-audio-player .wd-audio-controls select { flex: 0 0 auto; padding: 8px; min-height: 40px; border: 0; background: transparent !important; }
.wd-audio-player .wd-audio-controls .wd-audio-stop { min-height: 36px; width: 32px; flex: 0 0 32px; padding: 0; background: transparent !important; border: 0; font-size: 13px; }
.wd-audio-player .wd-audio-stop:disabled { opacity: .25; }
@media(min-width:1024px) {
html body #sidebar .widget_epcl_article_info {
max-height: var(--wd-info-height, 520px);
transition: max-height 680ms cubic-bezier(.4,0,.2,1),
margin-bottom 680ms cubic-bezier(.4,0,.2,1), opacity 400ms ease !important;
}
html body #sidebar.wd-reading-sidebar .widget_epcl_article_info { max-height: 0; }
}
@media(prefers-reduced-motion:reduce) {
html body #sidebar .widget_epcl_article_info { transition: none !important; }
} .wd-audio-slot { display: flow-root; }
html body .wd-audio-player.wd-audio-docked {
position: fixed; top: var(--wd-audio-top, 80px); left: 0; right: 0; z-index: 99;
display: flex; align-items: center; gap: 24px; box-sizing: border-box;
margin: 0; padding: 10px max(24px, calc((100vw - 1110px) / 2));
border: 0; border-radius: 0; background: #0000f5 !important; color: #fff !important;
box-shadow: 0 6px 18px rgba(0,0,0,.12);
animation: wd-audio-arrive .28s ease-out;
}
html body .wd-audio-docked .wd-audio-title { margin: 0; flex: 0 0 auto; font-size: 13px; color: #fff !important; }
html body .wd-audio-docked .wd-audio-controls { flex: 1; min-width: 0; }
html body .wd-audio-docked .wd-audio-controls .wd-audio-play { width: 32px; height: 32px; min-width: 32px; min-height: 32px; flex-basis: 32px; background: #fff !important; color: #0000f5 !important; }
html body .wd-audio-docked .wd-audio-controls :is(select,.wd-audio-stop) { color: #fff !important; min-height: 32px; }
html body .wd-audio-docked select option { background: #fff; color: #171717; }
html body .wd-audio-docked #wd-audio-progress { accent-color: #fff; }
html.wd-audio-is-docked { scroll-padding-top: calc(var(--wd-audio-top, 80px) + var(--wd-audio-offset, 52px) + 20px); }
@media(min-width:1024px) {
html.wd-audio-is-docked body #sidebar.enable-sticky { top: calc(var(--wd-audio-top, 80px) + var(--wd-audio-offset, 52px) + 24px); }
html.wd-audio-is-docked body #sidebar .wd-toc-disclosure .wd-accordion-content { max-height: max(120px, calc(100dvh - 240px - var(--wd-audio-offset, 52px))); }
}
@media(max-width:600px) {
html body .wd-audio-player.wd-audio-docked { padding: 8px 14px; gap: 12px; }
html body .wd-audio-docked .wd-audio-title { display: none; }
}
@keyframes wd-audio-arrive { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@media(prefers-reduced-motion:reduce) { html body .wd-audio-player.wd-audio-docked { animation: none; } } html body .wd-audio-player .wd-audio-controls select {
width: 76px !important; max-width: 76px; min-width: 76px; flex: 0 0 76px;
margin: 0; box-sizing: border-box;
}
html body .wd-audio-player .wd-audio-controls #wd-audio-progress {
width: auto !important; flex: 1 1 0%; min-width: 30px; max-width: none;
}
html body .wd-audio-player .wd-audio-controls { width: 100%; box-sizing: border-box; }
html body .wd-audio-player.wd-audio-docked .wd-audio-controls { width: auto; }
html body #single .wd-check-mark {
width: 20px; height: 20px; top: .25em; left: 0; box-sizing: border-box;
border: 1.5px solid #d74f34; border-radius: 50%; transform: none;
background: #fef4f2;
}
html body #single .wd-check-mark::after {
content: ''; position: absolute; left: 5px; top: 5px;
width: 7px; height: 4px; border-left: 2px solid #d74f34;
border-bottom: 2px solid #d74f34; transform: rotate(-45deg);
}
html[data-wp-dark-mode-active] body #single .wd-check-mark { background: #43150c !important; border-color: #f38b76 !important; }
html[data-wp-dark-mode-active] body #single .wd-check-mark::after { border-color: #f38b76 !important; } html body #single .wd-inline-cta {
display: flex; flex-direction: column; align-items: flex-start;
gap: 20px; padding: 28px; border-radius: 16px;
background: #e8efff !important; border: 1px solid #b3c8ff !important;
box-shadow: none;
}
html body #single .wd-inline-cta > div { flex: none; width: 100%; min-width: 0; }
html body #single .text .wd-inline-cta .wd-inline-cta-title { margin-bottom: 10px; font-size: 22px; }
html body #single .wd-inline-cta .epcl-button { padding: 11px 20px; min-height: 44px; font-size: 15px; }
html[data-wp-dark-mode-active] body #single .wd-inline-cta {
background: #191a1f !important; border: 1px solid #343d70 !important;
}
html[data-wp-dark-mode-active] body #single .text .wd-inline-cta .wd-inline-cta-title { color: #dedee3 !important; }
html[data-wp-dark-mode-active] body #single .text .wd-inline-cta p:not(.wd-inline-cta-title) { color: #bcbcc3 !important; }
@media(max-width:480px) { html body #single .wd-inline-cta { padding: 22px; } } html body #footer .default-sidebar > .widget,
html body #footer .default-sidebar > .widget_epcl_subscribe_form {
width: 100% !important; max-width: none !important; min-width: 0;
box-sizing: border-box; justify-self: stretch;
}
html body #footer .widget_epcl_subscribe_form :is(.widget_text,.textwidget,.subscribe-form,.form-group) {
width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
}
html body #single .wd-check-mark,
html[data-wp-dark-mode-active] body #single .wd-check-mark {
background: #a1a1a6 !important; border: 0 !important;
}
html body #single .wd-check-mark::after,
html[data-wp-dark-mode-active] body #single .wd-check-mark::after {
left: 6px; top: 6px; border-color: #202023 !important;
} html body .wd-audio-player.wd-audio-docked {
padding-top: 4px; padding-bottom: 4px; min-height: 40px; gap: 18px;
}
html body .wd-audio-docked .wd-audio-title { font-size: 12px; line-height: 1.25; }
html body .wd-audio-docked .wd-audio-controls { gap: 10px; }
html body .wd-audio-docked .wd-audio-controls .wd-audio-play {
width: 26px; height: 26px; min-width: 26px; min-height: 26px; flex-basis: 26px;
font-size: 11px; line-height: 1;
}
html body .wd-audio-docked .wd-audio-controls .wd-audio-stop {
width: 26px; min-height: 26px; height: 26px; flex-basis: 26px; font-size: 10px;
}
html body .wd-audio-docked #wd-audio-progress { height: 18px; }
@media(pointer:coarse) {
html body .wd-audio-player.wd-audio-docked { min-height: 44px; }
html body .wd-audio-docked .wd-audio-controls .wd-audio-play { min-height: 32px; height: 32px; width: 32px; flex-basis: 32px; }
}
html body #sidebar .wd-info-card {
padding: 24px 20px; border: 1px solid #dcd6e9; border-radius: 16px;
background: #f0edf8; box-sizing: border-box;
}
html[data-wp-dark-mode-active] body #sidebar .wd-info-card { background: #191a1b !important; border-color: #343438 !important; }
html body #sidebar .wd-info-card .widget-title {
display: flex; align-items: center; gap: 10px; padding: 0; margin: 0 0 24px;
}
html body #sidebar .wd-info-card .widget-title .decoration { position: static; width: 20px; flex: 0 0 20px; margin: 0; transform: none; }
html body #sidebar .wd-info-card .info.bg-box { padding: 0; background: transparent !important; border: 0; margin: 0; }
html body .wd-audio-player:not(.wd-audio-docked) {
display: flex; align-items: center; gap: 18px;
border: 1px solid #5672ff !important; padding: 14px 18px;
}
html body .wd-audio-player:not(.wd-audio-docked) .wd-audio-title {
margin: 0; white-space: nowrap; flex: 0 0 auto; font-size: 14px;
}
html body .wd-audio-player:not(.wd-audio-docked) .wd-audio-controls { flex: 1 1 auto; width: auto; min-width: 0; }
@media(max-width:480px) {
html body .wd-audio-player:not(.wd-audio-docked) { gap: 10px; padding: 12px; }
html body .wd-audio-player:not(.wd-audio-docked) .wd-audio-title { font-size: 12px; }
html body .wd-audio-player:not(.wd-audio-docked) .wd-audio-controls .wd-audio-play { width: 36px; min-width: 36px; height: 36px; min-height: 36px; flex-basis: 36px; }
} html body #epcl-related-stories .category-info .image-container::before { display: none !important; }
html body #epcl-related-stories .category-info .category-image {
outline: 1px solid transparent; outline-offset: -1px;
transition: transform 260ms cubic-bezier(.22,1,.36,1), outline-color 260ms ease, box-shadow 260ms ease;
}
html body #epcl-related-stories .category-info .overlay-effect:is(:hover,:focus-within) .category-image {
transform: translateY(-3px); outline-color: #5672ff;
box-shadow: 0 6px 18px rgba(12,17,255,.16) !important;
} html body .wd-audio-player .wd-audio-controls .wd-audio-play {
display: flex; align-items: center; justify-content: center; border: 0;
line-height: 1; padding: 0; transition: background-color 180ms ease, box-shadow 180ms ease;
}
html body .wd-audio-play > span { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; line-height: 1; }
html body .wd-audio-play svg { display: block; width: 16px; height: 16px; fill: currentColor; margin: 0; }
html body .wd-audio-player .wd-audio-play:hover { box-shadow: 0 0 0 3px rgba(133,163,255,.25); }
html body .wd-audio-player.wd-audio-docked { align-items: center; }
html body .wd-audio-docked .wd-audio-controls .wd-audio-play { background: #e8efff !important; color: #0000f5 !important; }
html body .wd-audio-player .wd-audio-controls #wd-audio-progress {
-webkit-appearance: none; appearance: none; height: 24px; padding: 0; border: 0;
background: transparent !important; box-shadow: none !important; border-radius: 0;
--wd-track: #b3c8ff; --wd-fill: #2f43ff; --wd-thumb: #2f43ff;
}
html[data-wp-dark-mode-active] body .wd-audio-player .wd-audio-controls #wd-audio-progress { --wd-track: #10169f; --wd-fill: #85a3ff; --wd-thumb: #b3c8ff; }
html body .wd-audio-player.wd-audio-docked .wd-audio-controls #wd-audio-progress { --wd-track: #5672ff; --wd-fill: #d5e2ff; --wd-thumb: #e8efff; }
html body #wd-audio-progress::-webkit-slider-runnable-track { height: 3px; border-radius: 3px; background: linear-gradient(to right,var(--wd-fill) 0%,var(--wd-fill) var(--wd-progress,0%),var(--wd-track) var(--wd-progress,0%),var(--wd-track) 100%); }
html body #wd-audio-progress::-webkit-slider-thumb { -webkit-appearance: none; width: 10px; height: 10px; margin-top: -3.5px; border: 0; border-radius: 50%; background: var(--wd-thumb); box-shadow: none; }
html body #wd-audio-progress::-moz-range-track { height: 3px; border-radius: 3px; background: var(--wd-track); }
html body #wd-audio-progress::-moz-range-progress { height: 3px; border-radius: 3px; background: var(--wd-fill); }
html body #wd-audio-progress::-moz-range-thumb { width: 10px; height: 10px; border: 0; border-radius: 50%; background: var(--wd-thumb); }
@media(prefers-reduced-motion:reduce) { html body #epcl-related-stories .category-info .category-image { transition: none; transform: none !important; } } #sidebar .wd-sidebar-ai { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; margin-top: 0; transition: grid-template-rows 300ms ease, opacity 220ms ease, margin-top 300ms ease, visibility 300ms; }
#sidebar .wd-sidebar-ai.is-visible { grid-template-rows: 1fr; opacity: 1; visibility: visible; margin-top: 20px; }
#sidebar .wd-sidebar-ai-inner { overflow: hidden; min-height: 0; }
html body #sidebar .wd-sidebar-ai .share-with-ai { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; padding: 16px; border: 1px solid #dcd6e9; border-radius: 16px; background: #f0edf8; }
html body #sidebar .wd-sidebar-ai .share-ai-text { grid-column: 1 / -1; margin: 0 0 4px; font-size: 13px; text-align: left; }
html body #sidebar .wd-sidebar-ai .share-ai { width: auto; margin: 0; min-width: 0; border-radius: 9px; }
html body #sidebar .wd-sidebar-ai .share-ai a { display: flex; align-items: center; gap: 6px; justify-content: flex-start; padding: 9px 8px; font-size: 12px; line-height: 1.3; min-height: 40px; box-sizing: border-box; }
html body #sidebar .wd-sidebar-ai .share-ai img { width: 17px; height: 17px; margin: 0; flex-shrink: 0; }
html[data-wp-dark-mode-active] body #sidebar .wd-sidebar-ai .share-with-ai { background: #191a1b !important; border-color: #343438; }
@media(min-width:1024px) { html body #sidebar:has(.wd-sidebar-ai.is-visible) .wd-toc-disclosure .wd-accordion-content { max-height: max(120px,calc(100dvh - 440px - var(--wd-audio-offset,0px))); } }
@media(max-width:1023px) { #sidebar .wd-sidebar-ai { display: none; } }
@media(prefers-reduced-motion:reduce) { #sidebar .wd-sidebar-ai { transition: none; } } html body .wd-audio-player.wd-audio-docked { animation: wd-audio-arrive 620ms cubic-bezier(.22,1,.36,1) both; }
@keyframes wd-audio-arrive {
0% { opacity: 0; transform: translateY(-10px); }
100% { opacity: 1; transform: translateY(0); }
}
@media(prefers-reduced-motion:reduce) { html body .wd-audio-player.wd-audio-docked { animation: none; } } html body #sidebar .widget_epcl_toc { margin-bottom: 0; }
html body #sidebar .wd-sidebar-ai.is-visible { margin-top: 16px; } html body #single .text p.wd-check-point { padding-top: 8px; }
html body #single .wd-check-mark { top: calc(8px + .5lh - 10px); } html body .epcl-cta a.epcl-button,
html[data-wp-dark-mode-active] body .epcl-cta a.epcl-button {
background: #90d56f !important; color: #11270c !important;
border-color: #90d56f !important; box-shadow: none !important;
}
html body .epcl-cta a.epcl-button:hover { background: #c2e9ad !important; border-color: #c2e9ad !important; color: #11270c !important; } html body #footer.wd-mother-footer,
html[data-wp-dark-mode-active] body #footer.wd-mother-footer { background: #ef3e20 !important; color: #fff !important; border: 0; padding: 0; }
html body #footer .wd-footer-shell { max-width: 1280px; padding: 64px 40px 24px; margin: 0 auto; }
html body #footer .wd-footer-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding-bottom: 38px; border-bottom: 1px solid rgba(255,255,255,.5); }
html body #footer .wd-footer-signature { display: inline-flex; align-items: center; gap: 16px; align-self: start; justify-self: start; color: #fff !important; }
html body #footer .wd-footer-signature span { font-family: Arial,sans-serif; font-size: 24px; line-height: .97; letter-spacing: -.7px; }
html body #footer .wd-footer-signature svg { width: 105px; height: 105px; fill: #fff !important; }
html body #footer .wd-footer-about { font-size: 14px; line-height: 1.55; }
html body #footer .wd-footer-about p { margin: 0 0 10px; color: #fff !important; }
html body #footer .wd-footer-about a { text-decoration: underline; text-underline-offset: 4px; }
html body #footer.wd-mother-footer a { color: #fff !important; }
html body #footer .wd-footer-columns { display: grid; grid-template-columns: 2.1fr 1fr 1fr 1.2fr; gap: 38px; padding: 44px 0 56px; }
html body #footer .wd-footer-columns nav h3 { color: #fff !important; font-size: 14px; font-weight: 500; margin: 0 0 20px; line-height: 1.4; }
html body #footer .wd-footer-columns nav a { display: block; width: fit-content; font-size: 14px; line-height: 1.6; padding: 2px 0; }
html body #footer .wd-footer-columns nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
html body #footer .wd-footer-newsletter { max-width: 320px; min-width: 0; }
html body #footer .wd-footer-newsletter p { color: #fff !important; font-size: 14px; line-height: 1.5; margin: 16px 0 0; max-width: 270px; }
html body #footer .subscribe-form .form-group { position: relative; display: flex; flex-wrap: nowrap; gap: 0; border-radius: 28px; background: rgba(255,255,255,.1); overflow: hidden; }
html body #footer .subscribe-form .inputbox { flex: 1; min-width: 0; width: 100%; min-height: 48px; padding: 12px 16px; border: 0 !important; border-radius: 0; background: transparent !important; color: #fff !important; font-size: 13px; box-shadow: none !important; }
html body #footer .subscribe-form .inputbox::placeholder { color: rgba(255,255,255,.75) !important; }
html body #footer .subscribe-form .submit { flex: 0 0 46px; width: 46px; height: 48px; min-height: 48px; padding: 0; border: 0; margin: 0; border-radius: 0; background: transparent !important; color: #fff !important; box-shadow: none !important; font-size: 23px; }
html body #footer .subscribe-form .form-group:focus-within { outline: 2px solid #fff; outline-offset: 3px; }
html body #footer .wd-mother-wordmark { width: 100%; height: auto; display: block; margin: 0 0 48px; filter: brightness(0) saturate(100%) invert(10%) !important; }
html body #footer .wd-footer-bottom { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.5); padding-top: 24px; font-size: 13px; }
html body #footer .wd-footer-bottom a { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; font-size: 23px; }
@media(max-width:800px) {
html body #footer .wd-footer-shell { padding: 40px 24px 24px; }
html body #footer .wd-footer-intro { gap: 28px; }
html body #footer .wd-footer-columns { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px 20px; padding: 32px 0 40px; }
html body #footer .wd-footer-newsletter { grid-column: 1 / -1; max-width: 100%; }
html body #footer .wd-footer-newsletter p { max-width: 100%; }
}
@media(max-width:480px) {
html body #footer .wd-footer-intro { grid-template-columns: 1fr; }
html body #footer .wd-footer-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
html body #footer .wd-footer-columns nav:last-child { grid-column: 1 / -1; }
html body #footer .wd-mother-wordmark { margin-bottom: 28px; }
}
html body #footer.wd-mother-footer .subscribe-form .form-group { align-items: center; }
html body #footer.wd-mother-footer .subscribe-form .submit { display: grid; place-items: center; line-height: 1; }
html body #footer.wd-mother-footer { scroll-margin-top: 140px; } html body #sidebar .wd-toc-disclosure summary { padding: 18px 20px; }
html body #sidebar .wd-toc-disclosure .wd-accordion-icon { width: 36px; height: 36px; flex: 0 0 36px; }
html body #sidebar .wd-sidebar-ai .share-ai a { min-height: 44px; }
html body #single .wd-inline-cta { margin: 32px 0; }
@media(max-width:767px) {
html body #single h1.title { font-size: clamp(25px,6.6vw,34px); line-height: 1.22; letter-spacing: -.025em; }
html body #single .share-with-ai { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 24px 0; padding: 0; }
html body #single .share-with-ai .share-ai-text { grid-column: 1 / -1; margin: 0 0 4px; font-size: 12px; }
html body #single .share-with-ai .share-ai { width: 100%; min-width: 0; margin: 0; }
html body #single .share-with-ai .share-ai a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px; font-size: 13px; }
html body #single .share-with-ai .share-ai img { width: 18px; height: 18px; margin: 0; }
html body #single .wd-section-divider { margin-top: 36px; margin-bottom: 24px; }
html body .wd-audio-player .wd-audio-controls .wd-audio-play { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex-basis: 44px !important; }
html body .wd-audio-player.wd-audio-docked { padding-top: 0; padding-bottom: 0; min-height: 44px; }
html body .wd-audio-docked .wd-audio-controls .wd-audio-play { background: transparent !important; color: #fff !important; }
html body .wd-audio-player .wd-audio-controls #wd-audio-progress { height: 44px; }
} html body #single .text .wd-takeaway { margin: 40px 0 28px; padding: 28px; border-radius: 16px; border: 1px solid #b3c8ff; background: #e8efff; }
html body #single .text .wd-takeaway-summary { border-color: #c2e9ad; background: #f1faeb; }
html body #single .text .wd-takeaway h2 { margin: 0 0 18px; padding: 0; font-size: clamp(25px,3vw,32px); line-height: 1.2; }
html body #single .text .wd-takeaway h2::before { content: ''; display: block; width: 36px; height: 4px; border-radius: 2px; background: #5672ff; margin-bottom: 18px; }
html body #single .text .wd-takeaway-summary h2::before { background: #78c754; }
html body #single .text .wd-takeaway p { padding-top: 0; margin-bottom: 16px; }
html body #single .text .wd-takeaway p:last-child { margin-bottom: 0; }
html[data-wp-dark-mode-active] body #single .text .wd-takeaway { background: #151927 !important; border-color: #343d70 !important; }
html[data-wp-dark-mode-active] body #single .text .wd-takeaway-summary { background: #172019 !important; border-color: #346922 !important; }
html[data-wp-dark-mode-active] body #single .text .wd-takeaway-summary h2 { color: #c2e9ad !important; }
html[data-wp-dark-mode-active] body #single .text .wd-takeaway-conclusion h2 { color: #b3c8ff !important; }
@media(max-width:767px) { html body #single .text .wd-takeaway { padding: 22px; margin-top: 32px; } }
html body #single .text .wd-takeaway h2 { scroll-margin-top: 140px; }
@media(max-width:767px) {
html body #single h1.main-title.title { font-size: clamp(25px,6.6vw,34px) !important; line-height: 1.22 !important; }
html:not(.wd-audio-is-docked) { scroll-padding-top: 88px; }
} html body #footer .wd-footer-columns { grid-template-columns: 2fr 1fr 1fr; }
@media(max-width:800px) { html body #footer .wd-footer-columns { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { html body #footer .wd-footer-columns nav:last-child { grid-column: auto; } } html body .epcl-cta { margin-bottom: 0; }
html body #footer.wd-mother-footer { margin-top: 0; } html body #footer .wd-footer-columns { grid-template-columns: 1fr 1fr 1.65fr; gap: 48px; align-items: start; }
html body #footer .wd-footer-columns nav > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 54px; padding: 12px 0; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,.65); line-height: 1.5; }
html body #footer .wd-footer-columns nav > a:last-child { border-bottom: 0; }
html body #footer .wd-footer-social .name { font-size: 14px; }
html body #footer .wd-footer-social a > .icon { width: 22px; height: 22px; flex: 0 0 22px; display: flex; align-items: center; justify-content: center; }
html body #footer .wd-footer-social a > .icon :is(svg,img) { width: 20px; height: 20px; display: block; }
html body #footer .wd-footer-newsletter { max-width: none; }
html body #footer .wd-footer-newsletter p { max-width: none; margin: 0 0 24px; font-size: 15px; line-height: 1.8; }
html body #footer.wd-mother-footer .subscribe-form .form-group { border: 1px solid rgba(255,255,255,.65); border-radius: 8px; padding: 4px; box-sizing: border-box; }
html body #footer.wd-mother-footer .subscribe-form .submit { flex: 0 0 auto; width: auto; height: 44px; min-height: 44px; padding: 10px 18px; border-radius: 5px; font-size: 14px; background: #0000f5 !important; }
@media(max-width:900px) {
html body #footer .wd-footer-columns { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
html body #footer .wd-footer-newsletter { grid-column: 1 / -1; }
}
@media(max-width:480px) {
html body #footer .wd-footer-columns { gap: 24px 20px; }
html body #footer .wd-footer-social .name,html body #footer .wd-footer-links a { font-size: 12px; }
html body #footer .wd-footer-social a > .icon { flex-basis: 18px; width: 18px; }
html body #footer .wd-footer-social a > .icon :is(svg,img) { width: 17px; height: 17px; }
} html body :is(#header,nav.side-nav) .epcl-button.subscribe-button,
html[data-wp-dark-mode-active] body :is(#header,nav.side-nav) .epcl-button.subscribe-button {
background: #90d56f !important; color: #11270c !important;
border-color: #90d56f !important; box-shadow: none !important;
}
html body :is(#header,nav.side-nav) .epcl-button.subscribe-button:hover {
background: #c2e9ad !important; color: #11270c !important; border-color: #c2e9ad !important;
} html body #single .main-article > header .meta time {
display: inline-flex; align-items: center; justify-content: center; gap: 5px;
padding: 8px 16px; border-radius: 999px; background: #eff0f3;
line-height: 1.5; white-space: nowrap;
}
html body #single .main-article > header .meta time .icon { position: static; transform: none; margin: 0 3px 0 0; flex-shrink: 0; }
html[data-wp-dark-mode-active] body #single .main-article > header .meta time { background: #1c1c1f !important; color: #aaaab2 !important; }
@media(max-width:480px) { html body #single .main-article > header .meta time { padding: 7px 13px; } } html body #footer .wd-footer-social .custom-behance img { filter: grayscale(1) brightness(0) invert(1) !important; } html body #footer.wd-mother-footer .subscribe-form .form-group {
display: grid !important; grid-template-columns: minmax(0,1fr) auto;
align-items: center; gap: 8px; padding: 5px; border-radius: 10px !important;
}
html body #footer.wd-mother-footer .subscribe-form .inputbox {
height: 44px !important; min-height: 44px !important; padding: 0 14px !important;
margin: 0 !important; width: 100% !important; line-height: normal !important;
}
html body #footer.wd-mother-footer .subscribe-form .submit {
position: static !important; transform: none !important; margin: 0 !important;
height: 44px !important; min-height: 44px !important; width: auto !important;
border-radius: 6px !important; padding: 0 18px !important; line-height: 1 !important;
display: flex !important; align-items: center; justify-content: center;
}
@media(max-width:380px) { html body #footer.wd-mother-footer .subscribe-form .submit { padding: 0 12px !important; } }
html body #footer .wd-footer-signature svg { width: 140px; height: 94px; } html body #sidebar .wd-audio-player.wd-audio-sidebar {
position: static; display: flex; flex-direction: column; align-items: stretch;
width: 100%; box-sizing: border-box; margin: 16px 0 0; padding: 16px;
gap: 12px; border: 1px solid #5672ff !important; border-radius: 16px;
animation: wd-audio-arrive 420ms cubic-bezier(.22,1,.36,1) both;
}
html body #sidebar .wd-audio-sidebar .wd-audio-title { font-size: 14px; margin: 0; }
html body #sidebar .wd-audio-sidebar .wd-audio-controls { width: 100%; gap: 12px; }
html body #sidebar .wd-audio-sidebar .wd-audio-play { width: 36px; height: 36px; min-width: 36px; min-height: 36px; flex-basis: 36px; }
@media(min-width:1024px) {
html.wd-audio-in-sidebar body #sidebar .wd-toc-disclosure .wd-accordion-content { max-height: max(100px,calc(100dvh - 540px)); }
}
@media(prefers-reduced-motion:reduce) { html body #sidebar .wd-audio-player.wd-audio-sidebar { animation: none; } } html body :is(#header,nav.side-nav) .epcl-button.subscribe-button,
html body .epcl-cta a.epcl-button,
html body #single .wd-inline-cta a.epcl-button {
display: inline-flex !important; align-items: center; justify-content: center;
font-family: var(--epcl-title-font-family) !important; font-size: 16px !important;
font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: 0 !important;
min-height: 44px; padding: 12px 24px !important; border: 0 !important;
border-radius: 999px !important; box-sizing: border-box;
background: #90d56f !important; color: #11270c !important; box-shadow: none !important;
transition: background-color 180ms ease !important;
}
html body :is(#header,nav.side-nav) .epcl-button.subscribe-button:hover,
html body .epcl-cta a.epcl-button:hover,
html body #single .wd-inline-cta a.epcl-button:hover { background: #c2e9ad !important; color: #11270c !important; }
html body #single .text .wd-inline-cta a.epcl-button,
html[data-wp-dark-mode-active] body #single .text .wd-inline-cta a.epcl-button { background: #90d56f !important; color: #11270c !important; }
html body #single .text .wd-inline-cta a.epcl-button:hover,
html[data-wp-dark-mode-active] body #single .text .wd-inline-cta a.epcl-button:hover { background: #c2e9ad !important; color: #11270c !important; } html body #footer .wd-footer-signature { gap: 12px; }
html body #footer .wd-footer-signature span { font-size: 18px; letter-spacing: -.5px; }
html body #footer .wd-footer-signature svg { width: 105px; height: 70px; } html body #single .text p.wd-contact-note,
html[data-wp-dark-mode-active] body #single .text p.wd-contact-note { border: 1px solid #5672ff !important; }
html body #single .wd-inline-cta,
html[data-wp-dark-mode-active] body #single .wd-inline-cta { border: 1px solid #78c754 !important; } #header nav ul.menu > li.menu-item > a,
nav.side-nav ul.menu > li.menu-item > a {
position: relative;
isolation: isolate;
transition: color 220ms ease;
}
#header nav ul.menu > li.menu-item > a::before,
nav.side-nav ul.menu > li.menu-item > a::before {
content: "";
position: absolute;
inset: -7px -13px;
width: auto;
height: auto;
border-radius: 999px;
background: #ef3e20;
box-shadow: 0 5px 18px rgb(239 62 32 / 20%);
z-index: -1;
opacity: 0;
transform: scale(.94);
transition: opacity 220ms ease, transform 220ms ease;
pointer-events: none;
}
#header nav ul.menu > li.menu-item > a::after,
nav.side-nav ul.menu > li.menu-item > a::after { display: none !important; }
#header nav ul.menu > li.menu-item > a:focus-visible,
nav.side-nav ul.menu > li.menu-item > a:focus-visible {
color: #fff !important;
outline: 2px solid #fff;
outline-offset: 9px;
border-radius: 999px;
}
#header nav ul.menu > li.menu-item > a:focus-visible::before,
nav.side-nav ul.menu > li.menu-item > a:focus-visible::before { opacity: 1; transform: scale(1); }
@media (hover: hover) {
#header nav ul.menu > li.menu-item > a:hover,
nav.side-nav ul.menu > li.menu-item > a:hover { color: #fff !important; }
#header nav ul.menu > li.menu-item > a:hover::before,
nav.side-nav ul.menu > li.menu-item > a:hover::before { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
#header nav ul.menu > li.menu-item > a,
#header nav ul.menu > li.menu-item > a::before,
nav.side-nav ul.menu > li.menu-item > a,
nav.side-nav ul.menu > li.menu-item > a::before { transition: none; }
}
#single .item:has(.wd-author-portrait) {
display: inline-flex;
align-items: center;
gap: 6px;
}
#single img.wd-author-portrait {
display: block;
position: static;
flex: 0 0 40px;
width: 40px;
height: 40px;
margin: 0 4px 0 0;
border-radius: 50%;
object-fit: cover;
object-position: 50% 32%;
} html body #header nav ul.menu > li.menu-item > a,
html body nav.side-nav ul.menu > li.menu-item > a {
border-radius: 999px;
padding: 8px 13px !important;
margin: -8px -13px !important;
transition: background-color 220ms ease, color 220ms ease, box-shadow 220ms ease !important;
}
html body #header nav ul.menu > li.menu-item > a::before,
html body nav.side-nav ul.menu > li.menu-item > a::before { display: none !important; }
html body #header nav ul.menu > li.menu-item > a:focus-visible,
html body nav.side-nav ul.menu > li.menu-item > a:focus-visible {
background: #ef3e20 !important; color: #fff !important;
}
@media (hover:hover) {
html body #header nav ul.menu > li.menu-item > a:hover,
html body nav.side-nav ul.menu > li.menu-item > a:hover {
background: #ef3e20 !important; color: #fff !important;
box-shadow: 0 4px 18px rgb(239 62 32 / 22%) !important;
}
}
#single .wd-author-details { min-width: 0; line-height: 1.5; }
#single .wd-author-role { display: block; font-size: 12px; font-weight: 400; color: #6e6e73; margin-top: 2px; }
html[data-wp-dark-mode-active] #single .wd-author-role { color: #bcbcc3 !important; } html body #single { position: relative; isolation: isolate; }
html body #single::before {
content: ''; position: absolute; z-index: -1; pointer-events: none;
top: -48px; left: 50%; transform: translateX(-50%);
width: 100vw; height: clamp(650px, 65vw, 1050px);
background: url(https://blog.wanteddesign.fr/content/themes/zento-child-v2/assets/wanted-design/wd-mother-pattern.svg) center top / max(1100px, 100vw) auto repeat-y;
opacity: .65;
-webkit-mask-image: linear-gradient(#000 0%, #000 65%, transparent 100%);
mask-image: linear-gradient(#000 0%, #000 65%, transparent 100%);
}
html body #single .main-article { background: transparent !important; }
html:not([data-wp-dark-mode-active]) body #single::before { opacity: .14; }
@media(max-width:767px) {
html body #single::before { top: -20px; height: 740px; background-size: 920px auto; opacity: .45; }
html:not([data-wp-dark-mode-active]) body #single::before { opacity: .1; }
}
html body #single::before { display: block; visibility: visible; overflow: visible; } .wd-type-word { display: inline-block; white-space: nowrap; }
.wd-type-letter { visibility: hidden; position: relative; }
.wd-type-letter.is-typed { visibility: visible; }
.wd-type-letter.is-cursor::after {
content: ''; position: absolute; left: 100%; top: .12em;
height: .85em; width: 2px; background: currentColor;
animation: wd-type-blink 700ms steps(1) infinite;
}
@keyframes wd-type-blink { 50% { opacity: 0; } }
@media(prefers-reduced-motion:reduce) {
.wd-type-letter { visibility: visible !important; }
.wd-type-letter.is-cursor::after { display: none; }
} h1.wd-react-type-title { display: grid; }
.wd-type-reserve, .wd-type-mount { grid-area: 1 / 1; min-width: 0; }
.wd-type-reserve { visibility: hidden; pointer-events: none; }
.wd-type-mount .text-type { display: block; }
.wd-type-mount .text-type__cursor { margin-left: .06em; }html:not([data-wp-dark-mode-active]) {
--epcl-background-color: #fff;
--epcl-boxes-background-color: #f5f5f7;
--epcl-titles-color: #1d1d1f;
--epcl-text-color: #424245;
--epcl-meta-color: #6e6e73;
--epcl-border-color: #d2d2d7;
--epcl-boxes-border-color: #e5e5e7;
--epcl-boxes-shadow: none;
--wd-owned-link: #0066cc;
}
html:not([data-wp-dark-mode-active]) body,
html:not([data-wp-dark-mode-active]) #wrapper,
html:not([data-wp-dark-mode-active]) #single .main-article {
background: #fff !important; color: #424245; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) #header .grid-container {
background: rgb(250 250 252 / 92%) !important;
backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
border: 1px solid #e8e8ed !important; box-shadow: none !important;
border-radius: 22px;
}
html:not([data-wp-dark-mode-active]) #header nav ul.menu > li > a:not(.epcl-button) { color: #424245; }
html:not([data-wp-dark-mode-active]) #single :is(h1,h2,h3,h4,.title),
html:not([data-wp-dark-mode-active]) #single .text strong { color: #1d1d1f !important; }
html:not([data-wp-dark-mode-active]) #single .main-article > header h1 {
letter-spacing: -.035em; line-height: 1.12; font-weight: 700;
}
html:not([data-wp-dark-mode-active]) #single .text { color: #424245 !important; }
html:not([data-wp-dark-mode-active]) #single .text a[data-wd-destination],
html:not([data-wp-dark-mode-active]) #single .text a[data-wd-destination] strong { color: #0066cc !important; }
html:not([data-wp-dark-mode-active]) body #sidebar :is(.info.bg-box,.wd-toc-disclosure),
html:not([data-wp-dark-mode-active]) body #sidebar .wd-sidebar-ai .share-with-ai {
background: #f5f5f7 !important; border: 1px solid #e8e8ed !important;
box-shadow: none !important; border-radius: 18px;
}
html:not([data-wp-dark-mode-active]) #sidebar :is(.meta-info,.meta-info a,.widget-title,.toc a) { color: #515154 !important; }
html:not([data-wp-dark-mode-active]) #sidebar .widget-title { color: #1d1d1f !important; }
html:not([data-wp-dark-mode-active]) .share-ai,
html:not([data-wp-dark-mode-active]) .share-ai a { background: #fff !important; color: #424245 !important; box-shadow: none !important; }
html:not([data-wp-dark-mode-active]) .share-ai { border: 1px solid #d2d2d7; border-radius: 10px; }
html:not([data-wp-dark-mode-active]) .share-ai-text { color: #6e6e73 !important; }
html:not([data-wp-dark-mode-active]) body .wd-audio-player:not(.wd-audio-docked) {
background: #f5f5f7 !important; border-color: #d2d2d7 !important; color: #424245 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) .wd-audio-title { color: #424245 !important; }
html:not([data-wp-dark-mode-active]) #single .main-article > header .meta time {
background: #f5f5f7 !important; color: #6e6e73 !important;
}
html:not([data-wp-dark-mode-active]) body #single .text h2.wd-section-divider {
background: #f5f5f7 !important; border: 1px solid #e8e8ed !important;
box-shadow: none !important; color: #1d1d1f !important; border-radius: 20px;
}
html:not([data-wp-dark-mode-active]) body #single .text h2.wd-section-divider::before {
color: #0066cc !important; background: none !important; -webkit-text-fill-color: #0066cc;
}
html:not([data-wp-dark-mode-active]) body #single .text .wd-takeaway,
html:not([data-wp-dark-mode-active]) #single .text p.wd-editorial-note,
html:not([data-wp-dark-mode-active]) body #single .wd-inline-cta {
background: #f5f5f7 !important; color: #424245 !important; border-color: #e0e0e5 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body #single .text p.wd-contact-note { border-color: #5672ff !important; }
html:not([data-wp-dark-mode-active]) body #single .wd-inline-cta { border-color: #78c754 !important; }
html:not([data-wp-dark-mode-active]) #single .wd-inline-cta p { color: #424245 !important; }
html:not([data-wp-dark-mode-active]) .wd-accordion-group {
--wd-accordion-bg: #f5f5f7; --wd-accordion-border: #e8e8ed;
--wd-accordion-heading: #1d1d1f; --wd-accordion-text: #424245; --wd-accordion-hover: #ededf0;
}
html:not([data-wp-dark-mode-active]) #single .text .wd-table-wrap {
background: #fff !important; border: 1px solid #d2d2d7 !important; box-shadow: none;
}
html:not([data-wp-dark-mode-active]) #single .wd-comparison-table caption { background: #f5f5f7; color: #1d1d1f; }
html:not([data-wp-dark-mode-active]) #single .text .wd-comparison-table :is(th,td) { color: #424245; border-color: #e5e5e7; }
html:not([data-wp-dark-mode-active]) #single .text .wd-comparison-table thead th { background: #f5f5f7; color: #1d1d1f; }
html:not([data-wp-dark-mode-active]) #epcl-related-stories,
html:not([data-wp-dark-mode-active]) #single .prevnext { background: #f5f5f7 !important; border-color: #e5e5e7 !important; box-shadow: none !important; }
html:not([data-wp-dark-mode-active]) body .epcl-cta {
background: #f5f5f7 !important; color: #424245 !important;
border-top: 1px solid #e5e5e7 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) .epcl-cta .title { color: #1d1d1f !important; }
html:not([data-wp-dark-mode-active]) .epcl-cta :is(.bg,.bg2) { opacity: .08; }
html:not([data-wp-dark-mode-active]) nav.side-nav { background: #fff !important; }
html:not([data-wp-dark-mode-active]) :is(a,button,input,summary):focus-visible { outline-color: #0066cc; }
@media (prefers-reduced-motion:reduce) {
html body #header nav ul.menu > li.menu-item > a,
html body nav.side-nav ul.menu > li.menu-item > a { transition: none !important; }
}
html:not([data-wp-dark-mode-active]) body #sidebar .wd-info-card {
background: #f5f5f7 !important; border-color: #e8e8ed !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body #sidebar .wd-info-card .info.bg-box {
background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body .share-ai {
border: 1px solid #d2d2d7 !important; overflow: hidden; box-shadow: none !important;
}
html:not([data-wp-dark-mode-active]) body .share-ai:not(.claude) img { filter: brightness(0) !important; }
html:not([data-wp-dark-mode-active]) body .share-ai a { border-radius: inherit; }
html:not([data-wp-dark-mode-active]) body .share-ai:hover { border-color: #86868b !important; }
html:not([data-wp-dark-mode-active]) body #single .main-article { background: transparent !important; }:root { --wd-radius-card: 16px; --wd-radius-feature: 18px; --wd-radius-nav: 28px; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #header .grid-container {
border-radius: var(--wd-radius-nav) !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #header.enable-sticky[data-stuck] .grid-container {
border-radius: 0 !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #sidebar :is(.wd-info-card,.wd-toc-disclosure),
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #sidebar .wd-sidebar-ai .share-with-ai,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single :is(.wd-takeaway,.wd-inline-cta,.wd-accordion),
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .wd-audio-player:not(.wd-audio-docked) {
border-radius: var(--wd-radius-card) !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #sidebar .wd-info-card .info.bg-box { border-radius: 0 !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .text h2.wd-section-divider,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single img.cover,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .wp-block-image img {
border-radius: var(--wd-radius-feature) !important;
}
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .text :is(.wd-editorial-note,.wd-table-wrap),
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #epcl-related-stories,
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body #single .prevnext { border-radius: 20px !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .share-ai { border-radius: 10px !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .share-ai a { border-radius: inherit !important; }
html:is([data-wp-dark-mode-active], :not([data-wp-dark-mode-active])) body .epcl-cta { border-radius: 0 !important; }:root {
--wd-brand-blue: #0000ff;
--wd-ink: #1d1d1f;
--wd-soft: #f5f5f7;
--wd-radius-card: 8px;
}
html[data-wp-dark-mode-active] {
--wd-brand-blue: #a4b4ff;
--wd-ink: #dedee3;
--wd-soft: #1c1c1e;
}
body.wanted-design-v2 #header .logo.wanted-design-logo {
flex: 0 1 190px;
max-width: 46%;
margin-right: 24px;
}
body.wanted-design-v2 #header .logo.wanted-design-logo img {
display: block;
width: 190px;
max-width: 100%;
height: auto;
aspect-ratio: 509.37 / 100.9;
} html[data-wp-dark-mode-active] body.wanted-design-v2 .wanted-design-logo img {
filter: invert(1);
}
body.wanted-design-v2 #header[data-stuck].has-sticky-logo .wanted-design-logo {
display: block;
}
body.wanted-design-v2 #header .menu-wrapper .grid-wrapper { align-items: center; }
body.wanted-design-v2 #single.main { max-width: 1240px; }
body.wanted-design-v2 #single .main-article { overflow: visible; }
body.wanted-design-v2 #single .main-article > header { margin-bottom: 28px; }
body.wanted-design-v2 #single .post-content .text { max-width: 780px; margin-inline: auto; }
body.wanted-design-v2 #single :is(h1, h2, h3, h4, .title) { letter-spacing: 0; overflow-wrap: anywhere; }
body.wanted-design-v2 #single .text :is(h2, h3)[id] { scroll-margin-top: 140px; }
body.wanted-design-v2 #single .text .wd-takeaway h2 { font-size: 28px; }
body.wanted-design-v2 #footer .mobile-sidebar { display: block !important; }
body.wanted-design-v2 .wd-audio-player {
box-sizing: border-box;
margin: 0 auto 28px;
max-width: 780px;
border-radius: 8px;
}
body.wanted-design-v2 .wd-audio-player[hidden] { display: none !important; }
body.wanted-design-v2 .wd-audio-heading { min-width: 0; margin: 0; }
body.wanted-design-v2 .wd-audio-player .wd-audio-title { white-space: normal; overflow-wrap: anywhere; }
body.wanted-design-v2 .wd-audio-player.wd-audio-docked { max-width: none; margin: 0; border-radius: 0; }
body.wanted-design-v2 .wd-audio-player.wd-audio-sidebar { max-width: 100%; }
body.wanted-design-v2 #sidebar .wd-audio-player.wd-audio-sidebar { flex-wrap: wrap; }
body.wanted-design-v2 .wd-audio-player .wd-audio-play {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
flex-basis: 44px !important;
}
body.wanted-design-v2 .wd-audio-status.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
body.wanted-design-v2 #single .text .wd-v2-toc {
--wd-accordion-bg: var(--wd-soft);
--wd-accordion-border: var(--epcl-border-color, #d2d2d7);
--wd-accordion-heading: var(--wd-ink);
--wd-accordion-hover: var(--wd-soft);
max-width: 780px;
margin: 0 auto 28px;
border: 1px solid var(--epcl-border-color, #d2d2d7);
border-radius: 8px;
color: var(--wd-ink);
}
body.wanted-design-v2 #single .wd-v2-toc summary {
display: list-item;
list-style: revert;
cursor: pointer;
font-size: 16px;
font-weight: 700;
color: var(--wd-ink);
}
body.wanted-design-v2 #single .wd-v2-toc summary::marker { content: normal; }
body.wanted-design-v2 #single .wd-v2-toc summary::-webkit-details-marker { display: inline; }
body.wanted-design-v2 .wd-v2-toc ol { margin: 14px 0 0; padding-left: 1.5rem; }
body.wanted-design-v2 .wd-v2-toc .level-3 { margin-left: 1rem; }
body.wanted-design-v2 .wd-v2-toc a { color: var(--wd-brand-blue); overflow-wrap: anywhere; }
html[data-wp-dark-mode-active] body.wanted-design-v2 .wd-audio-player .wd-audio-title {
color: var(--wd-ink);
}
@media (prefers-reduced-motion: reduce) {
body.wanted-design-v2 #wrapper,
body.wanted-design-v2 #header .logo img,
body.wanted-design-v2 #single .text a {
transition: none !important;
}
}
@media (max-width: 767px) {
body.wanted-design-v2 #header .logo.wanted-design-logo { margin-right: 0; }
body.wanted-design-v2 #header .logo.wanted-design-logo img { width: 150px; }
html body.wanted-design-v2 #single h1.main-title.title { font-size: 28px !important; letter-spacing: 0; }
body.wanted-design-v2 #single .post-content .text { max-width: 100%; }
body.wanted-design-v2 .wd-audio-player:not(.wd-audio-docked) { flex-wrap: wrap; }
body.wanted-design-v2 .wd-audio-player:not(.wd-audio-docked) .wd-audio-heading { flex-basis: 100%; }
body.wanted-design-v2 .wd-audio-player:not(.wd-audio-docked) .wd-audio-controls { width: 100%; flex-basis: 100%; }
body.wanted-design-v2 .wd-audio-player.wd-audio-docked .wd-audio-heading { display: none; }
}body.wanted-design-v2.error404 :is(#header, #footer, .epcl-cta) { display: block; }
body.wanted-design-v2.error404 #page-404 > header { display: none; }
html body.wanted-design-v2 :is(#header, nav.side-nav, .epcl-cta, #footer) { letter-spacing: 0; }
@media (min-width: 1024px) {
html body.wanted-design-v2 #header.enable-sticky .menu-wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 100;
transition: padding-top 520ms cubic-bezier(.22,1,.36,1) !important;
}
html body.wanted-design-v2 #header.enable-sticky .grid-container {
max-width: min(1190px, 100%);
transition: max-width 520ms cubic-bezier(.22,1,.36,1), border-radius 520ms cubic-bezier(.22,1,.36,1), background-color 400ms ease, border-color 400ms ease, box-shadow 400ms ease !important;
}
html body.wanted-design-v2 #header.enable-sticky[data-stuck] .grid-container {
max-width: 100%;
border-radius: 0 !important;
}
html body.wanted-design-v2 #header.enable-sticky .grid-wrapper {
transition: padding 520ms cubic-bezier(.22,1,.36,1) !important;
}
}
html body.wanted-design-v2 :is(#header, nav.side-nav) .epcl-button.subscribe-button,
html body.wanted-design-v2 .epcl-cta a.epcl-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
font-family: var(--epcl-title-font-family) !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
min-height: 44px;
padding: 12px 24px !important;
border: 0 !important;
border-radius: 999px !important;
box-sizing: border-box;
background: #90d56f !important;
color: #11270c !important;
box-shadow: none !important;
transition: background-color 180ms ease !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) .epcl-button.subscribe-button:hover,
html body.wanted-design-v2 .epcl-cta a.epcl-button:hover {
background: #c2e9ad !important;
color: #11270c !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a {
position: relative;
border-radius: 999px;
padding: 8px 13px !important;
margin: -8px -13px !important;
transition: background-color 220ms ease, color 220ms ease, box-shadow 220ms ease !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a::before,
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a::after {
display: none !important;
}
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a:focus-visible {
background: #ef3e20 !important;
color: #fff !important;
outline: 2px solid var(--wd-brand-blue) !important;
outline-offset: 3px;
}
@media (hover: hover) {
html body.wanted-design-v2 :is(#header, nav.side-nav) ul.menu > li.menu-item > a:hover {
background: #ef3e20 !important;
color: #fff !important;
box-shadow: 0 4px 18px rgb(239 62 32 / 22%) !important;
}
}
html body.wanted-design-v2 .epcl-cta.bg-box {
background: #f5f5f7 !important;
border-top: 1px solid #e5e5e7 !important;
border-bottom: 1px solid #d8d2e5 !important;
border-radius: 0 !important;
margin-bottom: 0;
}
html[data-wp-dark-mode-active] body.wanted-design-v2 .epcl-cta.bg-box {
background: #222225 !important;
border-color: #38383e !important;
}
html body.wanted-design-v2 #footer { border-top: 1px solid #dedbe5; }
html body.wanted-design-v2 #footer .widgets { padding-top: 56px; padding-bottom: 40px; }
html body.wanted-design-v2 #footer .default-sidebar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr);
gap: 48px;
align-items: start;
}
html body.wanted-design-v2 #footer .mobile-sidebar { display: none !important; }
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget {
width: 100% !important;
max-width: none !important;
min-width: 0;
float: none;
padding: 0;
margin: 0;
box-sizing: border-box;
justify-self: stretch;
}
html body.wanted-design-v2 #footer .widget-title { font-size: 20px; margin-bottom: 22px; padding-left: 0; }
html body.wanted-design-v2 #footer .widget-title .decoration { display: none; }
html body.wanted-design-v2 #footer .widget ul li { margin: 0; border: 0 !important; padding: 0; }
html body.wanted-design-v2 #footer .widget ul li a {
display: flex;
align-items: center;
min-height: 44px;
padding: 8px 0;
box-sizing: border-box;
color: var(--wd-ink) !important;
}
html body.wanted-design-v2 #footer .widget ul li a:hover { color: #3e7ff1 !important; }
html body.wanted-design-v2 #footer .widget_epcl_social .name { font-size: 15px; }
html body.wanted-design-v2 #footer .widget_epcl_social .icon { margin-left: auto; }
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form {
padding: 26px;
border: 1px solid #dedbe5;
border-radius: 8px;
background: #f5f3fa;
}
html body.wanted-design-v2 #footer .widget_epcl_subscribe_form :is(.widget_text, .textwidget, .subscribe-form, .form-group) {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
html body.wanted-design-v2 #footer .textwidget p { font-size: 15px; line-height: 1.8; margin-bottom: 18px; }
html body.wanted-design-v2 #footer .textwidget img { width: 170px; max-width: 100%; height: auto; }
html body.wanted-design-v2 #footer .widget_text > br { display: none; }
html body.wanted-design-v2 #footer > .published { border-top: 1px solid #dedbe5; padding: 22px 24px; text-align: center; }
html body.wanted-design-v2 #footer > .published p { margin: 0; font-size: 13px; }
html[data-wp-dark-mode-active] body.wanted-design-v2 #footer { background: #151517 !important; border-color: #303035; }
html[data-wp-dark-mode-active] body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form {
background: #202023 !important;
border-color: #38383e !important;
}
html[data-wp-dark-mode-active] body.wanted-design-v2 #footer > .published { border-color: #303035 !important; color: #98989d !important; }
@media (max-width: 1023px) {
html body.wanted-design-v2 #footer .default-sidebar {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
html body.wanted-design-v2 #footer.hide-default .default-sidebar,
html body.wanted-design-v2 #footer.no-sidebar .default-sidebar { display: none !important; }
html body.wanted-design-v2 #footer.hide-default .mobile-sidebar {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
align-items: start;
}
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form { grid-column: 1 / -1; }
}
@media (max-width: 550px) {
html body.wanted-design-v2 #footer .widgets { padding-top: 36px; padding-bottom: 28px; }
html body.wanted-design-v2 #footer .default-sidebar,
html body.wanted-design-v2 #footer.hide-default .mobile-sidebar { gap: 24px 20px; }
html body.wanted-design-v2 #footer :is(.default-sidebar, .mobile-sidebar) > .widget_epcl_subscribe_form { padding: 22px; }
html body.wanted-design-v2 #footer .widget-title { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
html body.wanted-design-v2 :is(#header, nav.side-nav, .epcl-cta, #footer),
html body.wanted-design-v2 :is(#header, nav.side-nav, .epcl-cta, #footer) * { transition: none !important; }
}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}