:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) {
--wpl-flow: 1.2em;
--wpl-code-bg: #0A1D2C;
--wpl-code-text: #DCE6EE;
--wpl-code-inline: #EEF2F4;
color: var(--wpl-text);
font-family: var(--wpl-font-body);
font-size: var(--wpl-fs-content);
line-height: 1.7;
overflow-wrap: break-word;
}
.wpl-content {
display: flow-root;
max-width: var(--wpl-text-col);
}
.wpl-content--wide {
max-width: none;
}
.wpl-content--wide > :where(:not(.alignwide, .alignfull, .alignleft, .alignright, [class*="wp-block-uagb-"], .wp-block-columns, .wp-block-cover)) {
max-width: var(--wpl-text-col);
margin-inline: auto;
}
.wpl-content--wide > .alignwide {
max-width: var(--wpl-wrap);
margin-inline: auto;
}
.wpl-content--wide > .alignfull {
width: 100%;
max-width: none;
}
body.mce-content-body {
max-width: calc(var(--wpl-text-col) + 40px);
margin: 0 auto;
padding: 20px;
background: var(--wpl-bg);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure, blockquote, pre, table, hr, address) {
margin-block: 0;
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > * {
margin-block-start: 0;
margin-block-end: 0;
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > * + * {
margin-block-start: var(--wpl-flow);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wp-block-group, .wp-block-group__inner-container, .wp-block-column, .wp-block-cover__inner-container, .wp-block-media-text__content, details):not(.is-layout-flex, .is-layout-grid) > * + * {
margin-block-start: var(--wpl-flow);
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > * + h2 {
margin-block-start: clamp(2.5rem, 2.214rem + 1.19vw, 3.5rem);
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > * + h3 {
margin-block-start: 1.75em;
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > * + :is(h4, h5, h6) {
margin-block-start: 1.5em;
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > :is(h1, h2, h3, h4, h5, h6) + * {
margin-block-start: 0.75em;
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > :where([class*="wp-block-uagb-container"], .wp-block-uagb-columns, .wp-block-uagb-section) {
margin-block-start: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(h1, h2, h3, h4, h5, h6) {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-weight: 700;
text-wrap: balance;
scroll-margin-top: calc(var(--wpl-header-h) + 24px);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) h1 {
font-size: clamp(2rem, 1.714rem + 1.143vw, 2.75rem);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.035em;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) h2 {
font-size: var(--wpl-fs-content-h2);
line-height: 1.2;
letter-spacing: -0.025em;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) h3 {
font-size: var(--wpl-fs-content-h3);
line-height: 1.3;
letter-spacing: -0.015em;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) h4 {
font-size: var(--wpl-fs-content-h4);
line-height: 1.35;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) h5 {
font-size: clamp(1rem, 0.977rem + 0.095vw, 1.0625rem);
line-height: 1.4;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) h6 {
color: var(--wpl-tyrkys-text);
font-size: var(--wpl-fs-small);
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(h2, h3, hr) {
clear: both;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(strong, b) {
color: var(--wpl-navy);
font-weight: 700;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) del {
color: var(--wpl-text-muted);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(sup, sub) {
font-size: 0.7em;
line-height: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) span[style*="underline"] {
text-decoration-color: currentColor;
text-decoration-thickness: 1px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) mark {
padding: 0 0.15em;
border-radius: 4px;
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) abbr[title] {
text-decoration: underline dotted;
text-underline-offset: 3px;
cursor: help;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) a:where(:not([class*="wpl-"], [class*="button"], [class*="btn"], .wp-element-button)) {
color: var(--wpl-navy);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
transition: text-decoration-color var(--wpl-transition);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) a:where(:not([class*="wpl-"], [class*="button"], [class*="btn"], .wp-element-button)):hover {
color: var(--wpl-navy);
text-decoration-color: var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) p.is-style-wpl-perex {
color: var(--wpl-navy);
font-size: clamp(1.1875rem, 1.164rem + 0.095vw, 1.25rem);
line-height: 1.65;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(ul, ol):is(:not([class]), .wp-block-list) {
padding-left: 0;
list-style: none;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(ul, ol):is(:not([class]), .wp-block-list) > li {
position: relative;
padding-left: 28px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(ul, ol):is(:not([class]), .wp-block-list) > li + li {
margin-top: 10px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) li > :is(ul, ol):is(:not([class]), .wp-block-list) {
margin-top: 10px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) li > p {
margin: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ul:is(:not([class]), .wp-block-list) > li::before {
content: "";
position: absolute;
top: 0.62em;
left: 6px;
width: 8px;
height: 8px;
border-radius: 2px;
background: var(--wpl-tyrkys);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) li > ul:is(:not([class]), .wp-block-list) > li::before {
width: 7px;
height: 7px;
border: 1.5px solid var(--wpl-tyrkys);
background: transparent;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ol:is(:not([class]), .wp-block-list) {
counter-reset: wpl-ol;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ol:is(:not([class]), .wp-block-list) > li {
padding-left: 40px;
counter-increment: wpl-ol;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ol:is(:not([class]), .wp-block-list) > li::before {
content: counter(wpl-ol);
position: absolute;
top: 0.15em;
left: 0;
width: 26px;
height: 26px;
border-radius: 50%;
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-tyrkys-text);
font-size: 0.875rem;
font-weight: 700;
line-height: 26px;
text-align: center;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) li > ol:is(:not([class]), .wp-block-list) > li {
padding-left: 30px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) li > ol:is(:not([class]), .wp-block-list) > li::before {
content: counter(wpl-ol, lower-alpha) ")";
top: 0;
width: auto;
height: auto;
border-radius: 0;
background: none;
font-size: inherit;
font-weight: 600;
line-height: inherit;
}
:is(.editor-styles-wrapper, .mce-content-body) ol:is(:not([class]), .wp-block-list)[start] > li::before {
content: counter(list-item);
}
:is(.editor-styles-wrapper, .mce-content-body) li > ol:is(:not([class]), .wp-block-list)[start] > li::before {
content: counter(list-item, lower-alpha) ")";
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ul.is-style-wpl-checks {
padding-left: 0;
list-style: none;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ul.is-style-wpl-checks > li {
position: relative;
padding-left: 34px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ul.is-style-wpl-checks > li + li {
margin-top: 12px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) ul.is-style-wpl-checks > li::before {
content: "";
position: absolute;
top: 0.2em;
left: 0;
width: 22px;
height: 22px;
border: 0;
border-radius: 50%;
background: var(--wpl-tyrkys) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) dt {
color: var(--wpl-navy);
font-weight: 700;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) dd {
margin: 0 0 0.75em;
padding-left: 16px;
border-left: 2px solid var(--wpl-line);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(blockquote:not([class]), .wp-block-quote, .wp-block-pullquote blockquote) {
position: relative;
margin-inline: 0;
padding: 4px 0 4px 44px;
border: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-fs-quote);
font-style: normal;
font-weight: 600;
line-height: 1.45;
text-align: left;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(blockquote:not([class]), .wp-block-quote, .wp-block-pullquote blockquote)::before {
content: "\201C";
position: absolute;
top: -6px;
left: 0;
color: var(--wpl-tyrkys-pale);
font-family: var(--wpl-font-heading);
font-size: 4.5rem;
font-weight: 800;
line-height: 1;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(blockquote:not([class]), .wp-block-quote) > * + * {
margin-top: 0.75em;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) blockquote :is(cite, footer) {
display: block;
margin-top: 12px;
color: var(--wpl-text-muted);
font-family: var(--wpl-font-body);
font-size: 0.9375rem;
font-style: normal;
font-weight: 500;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-pullquote {
padding: 0;
border: 0;
text-align: left;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(hr, .wp-block-separator) {
height: 1px;
margin-inline: 0;
border: 0;
background: var(--wpl-line);
color: var(--wpl-line);
opacity: 1;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-separator.is-style-dots {
height: auto;
background: none;
color: var(--wpl-tyrkys);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(code, kbd, samp, pre) {
font-family: var(--wpl-font-mono);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :not(pre) > code {
padding: 2px 7px;
border-radius: 6px;
background: var(--wpl-code-inline);
color: var(--wpl-navy);
font-size: 0.86em;
overflow-wrap: anywhere;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) pre {
max-width: 100%;
padding: 18px 20px 20px;
overflow-x: auto;
border: 0;
border-radius: var(--wpl-radius-card);
background: var(--wpl-code-bg);
color: var(--wpl-code-text);
font-size: 0.875rem;
line-height: 1.7;
white-space: pre;
tab-size: 4;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) pre code {
padding: 0;
background: none;
color: inherit;
font-size: inherit;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code {
position: relative;
overflow: hidden;
border-radius: var(--wpl-radius-card);
background: var(--wpl-code-bg);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code > pre {
margin: 0;
border-radius: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 52px;
padding: 4px 4px 4px 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
color: #B7C8D6;
font-size: 0.8125rem;
line-height: 1.4;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code__name {
overflow: hidden;
font-family: var(--wpl-font-mono);
text-overflow: ellipsis;
white-space: nowrap;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code-copy {
position: relative;
display: inline-flex;
align-items: center;
gap: 5px;
flex-shrink: 0;
min-height: 30px;
padding: 0 9px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 7px;
background: transparent;
color: #FFFFFF;
font-family: var(--wpl-font-body);
font-size: 0.75rem;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition: background-color var(--wpl-transition), border-color var(--wpl-transition), color var(--wpl-transition);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code-copy:hover {
border-color: rgba(255, 255, 255, 0.4);
background: #1B3448;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code-copy.is-copied {
border-color: var(--wpl-tyrkys);
color: var(--wpl-tyrkys-pale);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code-copy svg {
width: 12px;
height: 12px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code-copy::after {
content: "";
position: absolute;
inset: -7px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code > .wpl-code-copy {
position: absolute;
top: 6px;
right: 6px;
background: var(--wpl-code-bg);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-code > .wpl-code-copy:hover {
background: #1B3448;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) kbd {
display: inline-block;
min-width: 28px;
padding: 1px 8px;
border: 1px solid var(--wpl-line-strong);
border-bottom-width: 3px;
border-radius: 7px;
background: var(--wpl-bg);
color: var(--wpl-navy);
font-size: 0.8em;
font-weight: 600;
line-height: 1.5;
text-align: center;
white-space: nowrap;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) img {
max-width: 100%;
height: auto;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) img:not(.emoji, .wp-smiley, .avatar, [class*="uagb-"]) {
border-radius: 12px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .is-style-rounded img {
border-radius: 9999px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) img:is(.emoji, .wp-smiley) {
display: inline;
width: 1em;
height: 1em;
vertical-align: -0.1em;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) figure {
margin-inline: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(figcaption, .wp-caption-text, .wp-element-caption) {
margin-top: 10px;
margin-bottom: 0;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
line-height: 1.5;
text-align: left;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-caption {
max-width: 100%;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.aligncenter .wp-caption-text, .wp-caption.aligncenter .wp-caption-text, .aligncenter > figcaption) {
text-align: center;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .alignleft {
float: left;
max-width: 50%;
margin: 0.35em 28px 12px 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .alignright {
float: right;
max-width: 50%;
margin: 0.35em 0 12px 28px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(img, .wp-caption, figure).aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .alignnone {
max-width: 100%;
}
:is(.wpl-content, .mce-content-body, .editor-styles-wrapper .is-root-container) > :is(.alignleft, .alignright) {
margin-block-start: 0.35em;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-item {
margin: 0;
text-align: left;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-icon img {
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-caption {
margin-top: 6px;
font-size: 0.8125rem;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery > br {
display: none;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-columns-1 {
grid-template-columns: minmax(0, 1fr);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :not(.wp-block-embed__wrapper) > iframe:is([src*="youtube.com"], [src*="youtube-nocookie.com"], [src*="player.vimeo.com"]) {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
border: 0;
border-radius: var(--wpl-radius-card);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-embed {
margin-inline: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-embed.is-type-video .wp-block-embed__wrapper,
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-embed {
overflow: hidden;
border-radius: var(--wpl-radius-card);
background: var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(video, .wp-block-video video) {
display: block;
width: 100%;
height: auto;
border-radius: var(--wpl-radius-card);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table) {
max-width: 100%;
margin-inline: 0;
overflow-x: auto;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
-webkit-overflow-scrolling: touch;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) table:where(:not(.shop_table)) {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 1rem;
line-height: 1.5;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table) table {
border: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table, table:where(:not(.shop_table))) :is(th, td) {
padding: 12px 16px;
border: 0;
border-bottom: 1px solid var(--wpl-line);
text-align: left;
vertical-align: top;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table, table:where(:not(.shop_table))) :is(th, thead td) {
background: var(--wpl-bg-soft);
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
font-weight: 700;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table) tr:last-child > :is(td, th) {
border-bottom: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table) thead tr:last-child > :is(td, th) {
border-bottom: 1px solid var(--wpl-line);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-table thead {
border-bottom: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-table figcaption {
margin: 0;
padding: 10px 16px;
border-top: 1px solid var(--wpl-line);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-table:focus-visible {
outline: var(--wpl-focus-ring);
outline-offset: var(--wpl-focus-offset);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .tablepress {
--text-color: var(--wpl-text);
--head-text-color: var(--wpl-navy);
--head-bg-color: var(--wpl-bg-soft);
--odd-text-color: var(--wpl-text);
--odd-bg-color: transparent;
--even-text-color: var(--wpl-text);
--even-bg-color: transparent;
--hover-text-color: var(--wpl-text);
--hover-bg-color: var(--wpl-bg-soft);
--border-color: var(--wpl-line);
--padding: 12px 16px;
margin: 0;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .tablepress :is(thead th, tfoot th) {
background: var(--wpl-bg-soft);
color: var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .tablepress-table-name {
margin-bottom: 0.5em;
font-size: var(--wpl-fs-content-h4);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.dt-container, .dataTables_wrapper) :is(input, select) {
min-height: 40px;
padding: 0 12px;
border: 1px solid var(--wpl-line-strong);
border-radius: var(--wpl-radius-field);
font: inherit;
font-size: 0.9375rem;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) details:where(:not([class*="wpl-"], [class*="cmplz"])) {
padding: 0 18px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) details:where(:not([class*="wpl-"], [class*="cmplz"])) > summary {
display: flex;
align-items: center;
gap: 12px;
min-height: 52px;
padding: 12px 0;
color: var(--wpl-navy);
font-weight: 600;
line-height: 1.4;
list-style: none;
cursor: pointer;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) details:where(:not([class*="wpl-"], [class*="cmplz"])) > summary::-webkit-details-marker {
display: none;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) details:where(:not([class*="wpl-"], [class*="cmplz"])) > summary::after {
content: "";
flex-shrink: 0;
width: 9px;
height: 9px;
margin: -4px 4px 0 auto;
border-right: 2px solid var(--wpl-tyrkys);
border-bottom: 2px solid var(--wpl-tyrkys);
transform: rotate(45deg);
transition: transform var(--wpl-transition);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) details:where(:not([class*="wpl-"], [class*="cmplz"]))[open] > summary::after {
margin-top: 4px;
transform: rotate(-135deg);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) details:where(:not([class*="wpl-"], [class*="cmplz"]))[open] {
padding-bottom: 16px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-file {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 16px;
padding: 14px 16px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg-soft);
font-size: 1rem;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-file .wp-block-file__button {
display: inline-flex;
align-items: center;
min-height: 44px;
margin-left: auto;
padding: 0 20px;
border-radius: var(--wpl-radius-pill);
background: var(--wpl-navy);
color: #FFFFFF;
font-size: 0.9375rem;
font-weight: 600;
text-decoration: none;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-file .wp-block-file__button:hover {
background: var(--wpl-navy-hover);
color: #FFFFFF;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) sup.fn a,
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) a[href^="#fn"] {
padding: 0 0.1em;
color: var(--wpl-tyrkys-text);
font-weight: 700;
text-decoration: none;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wp-block-footnotes, .footnotes) {
padding-top: 16px;
border-top: 1px solid var(--wpl-line);
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.6;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-footnotes {
padding-left: 1.5em;
list-style: decimal;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-footnotes li + li {
margin-top: 6px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-footnotes li::marker {
color: var(--wpl-tyrkys-text);
font-weight: 700;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 24px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wp-block-button__link, .wp-element-button) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
padding: 12px 28px;
border: 0;
border-radius: var(--wpl-radius-pill);
background: var(--wpl-navy);
color: #FFFFFF;
font-family: var(--wpl-font-body);
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition: background-color var(--wpl-transition), color var(--wpl-transition);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wp-block-button__link, .wp-element-button):hover {
background: var(--wpl-navy-hover);
color: #FFFFFF;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-button.is-style-outline > .wp-block-button__link {
background: transparent;
color: var(--wpl-navy);
box-shadow: inset 0 0 0 1.5px var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-button.is-style-outline > .wp-block-button__link:hover {
background: var(--wpl-bg-soft);
color: var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-button.is-style-wpl-arrow > .wp-block-button__link {
display: inline-block;
min-height: 0;
padding: 10px 0;
line-height: 1.5;
text-align: left;
border-radius: 0;
background: none;
color: var(--wpl-navy);
font-size: 1.0625rem;
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 5px;
box-shadow: none;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-button.is-style-wpl-arrow > .wp-block-button__link::after {
content: "\2192";
display: inline-block;
margin-left: 0.35em;
color: var(--wpl-tyrkys);
text-decoration: none;
transition: transform var(--wpl-transition);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-button.is-style-wpl-arrow > .wp-block-button__link:hover {
background: none;
color: var(--wpl-navy);
text-decoration-color: var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-button.is-style-wpl-arrow > .wp-block-button__link:hover::after {
transform: translateX(4px);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group:is(.is-style-wpl-tip, .is-style-wpl-warning, .is-style-wpl-note) {
position: relative;
padding: 18px 18px 18px 68px;
border-radius: var(--wpl-radius-card);
font-size: 1rem;
line-height: 1.6;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group:is(.is-style-wpl-tip, .is-style-wpl-warning, .is-style-wpl-note) > * + * {
margin-block-start: 0.6em;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group:is(.is-style-wpl-tip, .is-style-wpl-warning, .is-style-wpl-note)::after {
content: "";
position: absolute;
top: 18px;
left: 18px;
width: 36px;
height: 36px;
border-radius: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: 18px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wpl-callout__label,
.editor-styles-wrapper .wp-block-group:is(.is-style-wpl-tip, .is-style-wpl-warning, .is-style-wpl-note)::before {
display: block;
margin: 0;
padding-top: 6px;
font-family: var(--wpl-font-heading);
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.editor-styles-wrapper .wp-block-group.is-style-wpl-tip::before { content: "Tip"; }
.editor-styles-wrapper .wp-block-group.is-style-wpl-warning::before { content: "Pozor"; }
.editor-styles-wrapper .wp-block-group.is-style-wpl-note::before { content: "Pozn\E1 mka"; }
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-tip {
background-color: var(--wpl-tyrkys-tinta);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-tip::after {
background-color: var(--wpl-tyrkys);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5M9 18h6M10 22h4'/%3E%3C/svg%3E");
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-tip :is(.wpl-callout__label),
.editor-styles-wrapper .wp-block-group.is-style-wpl-tip::before {
color: var(--wpl-tyrkys-text);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-warning {
background-color: var(--wpl-warning-tint);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-warning::after {
background-color: var(--wpl-warning);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3zM12 9v4M12 17h.01'/%3E%3C/svg%3E");
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-warning :is(.wpl-callout__label),
.editor-styles-wrapper .wp-block-group.is-style-wpl-warning::before {
color: var(--wpl-warning-text);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-note {
border: 1px solid var(--wpl-line);
background-color: var(--wpl-bg-soft);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-note::after {
background-color: var(--wpl-navy);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7zM14 2v4a2 2 0 0 0 2 2h4M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E");
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group.is-style-wpl-note :is(.wpl-callout__label),
.editor-styles-wrapper .wp-block-group.is-style-wpl-note::before {
color: var(--wpl-navy);
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-service-box, .wpl-notice, .wpl-faq) a:where(:not([class])) {
font-weight: 600;
}
@media (max-width: 599px) {
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.alignleft, .alignright) {
float: none;
max-width: 100%;
margin: 0 auto 12px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) img:is(.alignleft, .alignright) {
display: block;
}
}
@media (max-width: 767px) {
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table) table {
font-size: 0.9375rem;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.wpl-table, .wp-block-table) :is(th, td) {
min-width: 120px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) pre {
padding: 16px;
font-size: 0.8125rem;
}
}
@media (min-width: 768px) {
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(blockquote:not([class]), .wp-block-quote, .wp-block-pullquote blockquote) {
padding-left: 56px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .gallery-columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) :is(.gallery-columns-7, .gallery-columns-8, .gallery-columns-9) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group:is(.is-style-wpl-tip, .is-style-wpl-warning, .is-style-wpl-note) {
padding: 20px 22px 20px 72px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-group:is(.is-style-wpl-tip, .is-style-wpl-warning, .is-style-wpl-note)::after {
top: 20px;
left: 22px;
}
:is(.wpl-content, .editor-styles-wrapper, .mce-content-body) .wp-block-file {
padding: 16px 18px;
}
}
:is(.wpl-content, .editor-styles-wrapper) :is(.uagb-ifb-title, .uagb-heading-text, .uagb-howto-heading-text, .uagb-toc__title, .uagb-question, .uagb-faq-questions-button, .uagb-ifb-title-prefix) {
font-family: var(--wpl-font-heading);
letter-spacing: -0.01em;
}
:is(.wpl-content, .editor-styles-wrapper) :is(.uagb-ifb-desc, .uagb-desc-text, .uagb-icon-list__label, .uagb-faq-content, .uagb-howto-desc-text, .uagb-toc__list-wrap, .uagb-buttons-repeater, .uagb-button__link) {
font-family: var(--wpl-font-body);
}
:where(.wpl-content, .editor-styles-wrapper) :where(.uagb-ifb-title, .uagb-heading-text, .uagb-howto-heading-text, .uagb-toc__title, .uagb-question) {
color: var(--wpl-navy);
}
:where(.wpl-content, .editor-styles-wrapper) :where(.uagb-ifb-desc, .uagb-desc-text, .uagb-howto-desc-text) {
color: var(--wpl-text-muted);
}
:where(.wpl-content, .editor-styles-wrapper) :where(.uagb-ifb-icon-wrap, .uagb-icon-list__source-icon, .uagb-faq-icon-wrap) {
color: var(--wpl-tyrkys);
fill: currentColor;
}
:where(.wpl-content, .editor-styles-wrapper) :where(.uagb-separator, .uagb-ifb-separator) {
border-color: var(--wpl-tyrkys);
}
:is(.wpl-content, .editor-styles-wrapper) :is(.wp-block-uagb-buttons, .wp-block-uagb-info-box) :is(.uagb-buttons-repeater, .wp-block-button__link, .uagb-infobox-cta-link.wp-block-button__link) {
border-radius: var(--wpl-radius-pill);
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: background-color var(--wpl-transition), color var(--wpl-transition), border-color var(--wpl-transition);
}
:where(.wpl-content, .editor-styles-wrapper) :where(.wp-block-uagb-buttons, .wp-block-uagb-info-box) :where(.uagb-buttons-repeater, .wp-block-button__link) {
background-color: var(--wpl-navy);
color: #FFFFFF;
}
:where(.wpl-content, .editor-styles-wrapper) :where(.uagb-button__icon) svg {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}
:is(.wpl-content, .editor-styles-wrapper) .uagb-infobox-cta-link:not(.wp-block-button__link) {
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-uagb-icon-list :is(ul, ol) {
padding-left: 0;
list-style: none;
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-uagb-icon-list li::before {
content: none;
}
:where(.wpl-content, .editor-styles-wrapper) :where(.wp-block-uagb-table-of-contents .uagb-toc__wrap) {
border-color: var(--wpl-line);
border-radius: var(--wpl-radius-card);
background-color: var(--wpl-bg-soft);
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-uagb-table-of-contents .uagb-toc__list li::before {
content: none;
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-uagb-table-of-contents .uagb-toc__list a {
font-weight: 500;
text-decoration-thickness: 1px;
}
:where(.wpl-content, .editor-styles-wrapper) :where(.wp-block-uagb-faq .uagb-faq-item, .wp-block-uagb-faq-child .uagb-faq-child__outer-wrap) {
border-color: var(--wpl-line-strong);
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-uagb-faq :is(.uagb-question, .uagb-faq-questions-button) {
font-weight: 700;
line-height: 1.35;
}
:where(.wpl-content, .editor-styles-wrapper) :where(.wp-block-uagb-faq .uagb-faq-content) {
color: var(--wpl-text-muted);
line-height: 1.6;
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-uagb-how-to :is(h2, h3, h4) {
margin-block: 0 0.4em;
}
:where(.wpl-content, .editor-styles-wrapper) :where(.wp-block-uagb-how-to .uagb-how-to-step, .wp-block-uagb-how-to-step) {
border-color: var(--wpl-line);
}
:is(.wpl-content, .editor-styles-wrapper) :is(.wp-block-uagb-container, .wp-block-uagb-columns, .wp-block-uagb-column) :is(ul, ol):is(:not([class]), .wp-block-list) {
padding-left: 0;
}
:where(.wpl-content, .editor-styles-wrapper) :where(.wp-block-uagb-container, .wp-block-uagb-column) > :where(p) {
margin-block: 0;
}
.wpl-content :is(.wp-block-uagb-social-share, .uagb-social-share__outer-wrap) {
display: none;
}
.wpl-posts-by-tag__empty {
color: var(--wpl-text-muted);
}
.wpl-link-icon {
display: inline-flex;
align-items: center;
gap: 6px;
}
.wpl-social-box,
.wpl-ebook {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
border-radius: 16px;
background: var(--wpl-bg-soft);
}
.wpl-social-box__text,
.wpl-ebook__title,
.wpl-ebook__text {
margin: 0;
}
.wpl-social-box__text {
color: var(--wpl-text);
font-size: 1rem;
line-height: 1.55;
}
.wpl-social-box__icons {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-social-box__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--wpl-bg);
box-shadow: inset 0 0 0 1px var(--wpl-line-strong);
color: var(--wpl-navy);
transition: background-color var(--wpl-transition), color var(--wpl-transition);
}
.wpl-social-box__link:hover {
background: var(--wpl-navy);
color: #fff;
}
.wpl-ebook {
border: 1px solid var(--wpl-line);
background: var(--wpl-tyrkys-tinta);
}
.wpl-ebook__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: var(--wpl-radius-field);
background: var(--wpl-bg);
color: var(--wpl-tyrkys-text);
}
.wpl-ebook__body {
display: flex;
flex-direction: column;
gap: 6px;
}
.wpl-ebook .wpl-ebook__title {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
}
.wpl-ebook__text {
color: var(--wpl-text);
font-size: 0.9375rem;
line-height: 1.55;
}
.wpl-ebook .wpl-ebook__btn {
align-self: flex-start;
color: #fff;
text-decoration: none;
}
@media (min-width: 768px) {
.wpl-ebook {
flex-direction: row;
align-items: center;
}
.wpl-ebook__body {
flex: 1 1 auto;
}
.wpl-ebook .wpl-ebook__btn {
align-self: center;
}
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-columns.wpl-cols {
gap: var(--wpl-flow, 1.2em) var(--wpl-gutter);
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-columns.wpl-cols > .wp-block-column > .wp-block-group.has-background:only-child {
height: 100%;
}
:is(.wpl-content, .editor-styles-wrapper) .wpl-box {
padding: var(--wpl-gutter);
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg-soft);
}
.wpl-content .wpl-box:not(:has(> *)) {
display: none;
}
:is(.wpl-content, .editor-styles-wrapper) ul.wpl-list-crosses {
padding-left: 0;
list-style: none;
}
:is(.wpl-content, .editor-styles-wrapper) ul.wpl-list-crosses > li {
position: relative;
padding-left: 34px;
}
:is(.wpl-content, .editor-styles-wrapper) ul.wpl-list-crosses > li + li {
margin-top: 12px;
}
:is(.wpl-content, .editor-styles-wrapper) ul.wpl-list-crosses > li::before {
content: "";
position: absolute;
top: 0.2em;
left: 0;
width: 22px;
height: 22px;
border: 0;
border-radius: 50%;
background: var(--wpl-text-muted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center / 11px no-repeat;
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-buttons.is-content-justification-center {
justify-content: center;
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-buttons.is-content-justification-right {
justify-content: flex-end;
}
:is(.wpl-content, .editor-styles-wrapper) .wp-block-image.aligncenter {
display: table;
}
.wpl-content--wide:not(.wpl-sablona__content, .wpl-sleva__content, .wpl-poradna-ask__content, .wpl-firma-kontakt__content) > :is(.wp-block-image, .wp-block-quote, .wp-block-separator):not(.alignwide, .alignfull, .alignleft, .alignright) {
margin-inline: auto;
}
:is(.wpl-content, .editor-styles-wrapper) .has-ast-global-color-0-color {
color: var(--wpl-tyrkys-text);
}
:is(.wpl-content, .editor-styles-wrapper) .has-ast-global-color-0-background-color {
background-color: var(--wpl-tyrkys);
}
:is(.wpl-content, .editor-styles-wrapper) :is(.has-ast-global-color-4-background-color, .has-ast-global-color-8-background-color) {
background-color: var(--wpl-bg-soft);
}
:is(.wpl-content, .editor-styles-wrapper) .has-ast-global-color-5-background-color {
background-color: var(--wpl-bg);
}
:is(.wpl-content, .editor-styles-wrapper) .has-ast-global-color-7-background-color {
background-color: var(--wpl-tyrkys-tinta);
}
:is(.wpl-content, .editor-styles-wrapper) :is(.has-ast-global-color-1-background-color, :is(.has-ast-global-color-4-background-color, .has-ast-global-color-7-background-color, .has-ast-global-color-8-background-color):is(.has-white-color, .has-ast-global-color-5-color)) {
background-color: var(--wpl-navy);
color: var(--wpl-bg);
}
:is(.wpl-content, .editor-styles-wrapper) :is(.has-ast-global-color-1-background-color, :is(.has-ast-global-color-4-background-color, .has-ast-global-color-7-background-color, .has-ast-global-color-8-background-color):is(.has-white-color, .has-ast-global-color-5-color)) :is(h1, h2, h3, h4, h5, h6, a:not(.wp-element-button)) {
color: inherit;
}
:is(.wpl-content, .editor-styles-wrapper) :is(.has-ast-global-color-1-background-color, :is(.has-ast-global-color-4-background-color, .has-ast-global-color-7-background-color, .has-ast-global-color-8-background-color):is(.has-white-color, .has-ast-global-color-5-color)) a:not(.wp-element-button) {
text-decoration-color: var(--wpl-tyrkys-light);
}
:is(.wpl-content, .editor-styles-wrapper) :is(p, div):is(.has-ast-global-color-1-background-color, .has-ast-global-color-4-background-color, .has-ast-global-color-7-background-color, .has-ast-global-color-8-background-color):not(.alignfull) {
border-radius: var(--wpl-radius-card);
}
:is(.wpl-content, .editor-styles-wrapper) .has-vivid-red-color {
color: var(--wpl-error);
}