/* inline */
html.sdui-panel-open body:not(.editor-admin) {
margin-right: 400px;
}
html.sdui-panel-open #main-content,
html.sdui-panel-open #footer-content {
margin-right: 400px;
}
html.sdui-panel-open
body:not(.editor-admin):not(.block-editor-page)
header.block-template-part {
right: 400px;
}
#sdui-panel-placeholder {
display: none;
position: fixed;
right: 0;
top: var(--admin-bar--height, 32px);
width: 400px;
height: calc(100dvh - var(--admin-bar--height, 32px));
background: linear-gradient(135deg, #1a1230 0%, #110c1d 100%);
z-index: 99999;
}
html.sdui-panel-open #sdui-panel-placeholder {
display: block;
}
/* id="img-auto-sizes-contain-inline-css" */
img:is([sizes="auto" i], [sizes^="auto," i]) {
contain-intrinsic-size: 3000px 1500px;
}
/* inline */
/* cyrillic-ext */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
src: url(fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw0aXpsog.woff2)
format("woff2");
unicode-range:
U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
src: url(fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw9aXpsog.woff2)
format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
src: url(fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw2aXpsog.woff2)
format("woff2");
unicode-range:
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
src: url(fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw3aXpsog.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
src: url(fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aXo.woff2)
format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Inter Tight";
font-style: normal;
font-weight: 100 900;
src: url(uploads/theme/fonts/inter-tight/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2)
format("woff2");
}
@font-face {
font-display: swap;
font-family: "Jost";
font-style: normal;
font-weight: 100 900;
src: url(uploads/theme/fonts/jost/92zatBhPNqw73oTd4g.woff2)
format("woff2");
}
@font-face {
font-display: swap;
font-family: "Garet";
font-style: normal;
font-weight: 300;
src: url(uploads/theme/fonts/garet/garet.book_.ttf) format("truetype");
}
@font-face {
font-display: swap;
font-family: "Canva Sans";
font-style: normal;
font-weight: 400;
src: url(uploads/theme/fonts/canva-sans/CanvaSans-Regular.otf)
format("opentype");
}
.block-accordion-item.is-open
> .block-accordion-heading
.block-accordion-heading__toggle-icon {
transform: rotate(45deg);
}
.block-accordion-heading__toggle {
align-items: center;
background: none;
border: none;
color: inherit;
cursor: pointer;
display: flex;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
overflow: hidden;
padding: var(--preset--spacing--20, 1em) 0;
text-align: inherit;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
word-spacing: inherit;
}
.block-accordion-heading__toggle:not(:focus-visible) {
outline: none;
}
.block-accordion-heading__toggle:hover .block-accordion-heading__toggle-title {
text-decoration: underline;
}
.block-accordion-heading__toggle-title {
flex: 1;
}
.block-accordion-heading__toggle-icon {
align-items: center;
display: flex;
height: 1.2em;
justify-content: center;
width: 1.2em;
}
.block-accordion-panel[aria-hidden="true"],
.block-accordion-panel[inert] {
display: none;
margin-block-start: 0;
}
.block-archives {
box-sizing: border-box;
}
.block-archives-dropdown label {
display: block;
}
.block-avatar {
line-height: 0;
}
.block-avatar,
.block-avatar img {
box-sizing: border-box;
}
.block-avatar.aligncenter {
text-align: center;
}
.block-audio {
box-sizing: border-box;
}
.block-audio :where(figcaption) {
margin-bottom: 1em;
margin-top: 0.5em;
}
.block-audio audio {
min-width: 300px;
width: 100%;
}
.block-breadcrumbs {
box-sizing: border-box;
}
.block-breadcrumbs ol {
flex-wrap: wrap;
list-style: none;
}
.block-breadcrumbs li,
.block-breadcrumbs ol {
align-items: center;
display: flex;
margin: 0;
padding: 0;
}
.block-breadcrumbs li:not(:last-child):after {
content: var(--separator, "/");
margin: 0 0.5em;
opacity: 0.7;
}
.block-breadcrumbs span {
color: inherit;
}
.block-button__link {
align-content: center;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
height: 100%;
text-align: center;
word-break: break-word;
}
.block-button__link.aligncenter {
text-align: center;
}
.block-button__link.alignright {
text-align: right;
}
:where(.block-button__link) {
border-radius: 9999px;
box-shadow: none;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
text-decoration: none;
}
.block-button[style*="text-decoration"] .block-button__link {
text-decoration: inherit;
}
.block-buttons > .block-button.has-custom-width {
max-width: none;
}
.block-buttons > .block-button.has-custom-width .block-button__link {
width: 100%;
}
.block-buttons > .block-button.has-custom-font-size .block-button__link {
font-size: inherit;
}
.block-buttons > .block-button.block-button__width-25 {
width: calc(25% - var(--style--block-gap, 0.5em) * 0.75);
}
.block-buttons > .block-button.block-button__width-50 {
width: calc(50% - var(--style--block-gap, 0.5em) * 0.5);
}
.block-buttons > .block-button.block-button__width-75 {
width: calc(75% - var(--style--block-gap, 0.5em) * 0.25);
}
.block-buttons > .block-button.block-button__width-100 {
flex-basis: 100%;
width: 100%;
}
.block-buttons.is-vertical > .block-button.block-button__width-25 {
width: 25%;
}
.block-buttons.is-vertical > .block-button.block-button__width-50 {
width: 50%;
}
.block-buttons.is-vertical > .block-button.block-button__width-75 {
width: 75%;
}
.block-button.is-style-squared,
.block-button__link.block-button.is-style-squared {
border-radius: 0;
}
.block-button.no-border-radius,
.block-button__link.no-border-radius {
border-radius: 0 !important;
}
:root :where(.block-button .block-button__link.is-style-outline),
:root :where(.block-button.is-style-outline > .block-button__link) {
border: 2px solid;
padding: 0.667em 1.333em;
}
:root
:where(
.block-button .block-button__link.is-style-outline:not(.has-text-color)
),
:root
:where(
.block-button.is-style-outline > .block-button__link:not(.has-text-color)
) {
color: currentColor;
}
:root
:where(
.block-button .block-button__link.is-style-outline:not(.has-background)
),
:root
:where(
.block-button.is-style-outline > .block-button__link:not(.has-background)
) {
background-color: initial;
background-image: none;
}
.block-buttons {
box-sizing: border-box;
}
.block-buttons.is-vertical {
flex-direction: column;
}
.block-buttons.is-vertical > .block-button:last-child {
margin-bottom: 0;
}
.block-buttons > .block-button {
display: inline-block;
margin: 0;
}
.block-buttons.is-content-justification-left {
justify-content: flex-start;
}
.block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start;
}
.block-buttons.is-content-justification-center {
justify-content: center;
}
.block-buttons.is-content-justification-center.is-vertical {
align-items: center;
}
.block-buttons.is-content-justification-right {
justify-content: flex-end;
}
.block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end;
}
.block-buttons.is-content-justification-space-between {
justify-content: space-between;
}
.block-buttons.aligncenter {
text-align: center;
}
.block-buttons:not(
.is-content-justification-space-between,
.is-content-justification-right,
.is-content-justification-left,
.is-content-justification-center
)
.block-button.aligncenter {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.block-buttons[style*="text-decoration"] .block-button,
.block-buttons[style*="text-decoration"] .block-button__link {
text-decoration: inherit;
}
.block-buttons.has-custom-font-size .block-button__link {
font-size: inherit;
}
.block-buttons .block-button__link {
width: 100%;
}
.block-button.aligncenter,
.block-calendar {
text-align: center;
}
.block-calendar td,
.block-calendar th {
border: 1px solid;
padding: 0.25em;
}
.block-calendar th {
font-weight: 400;
}
.block-calendar caption {
background-color: inherit;
}
.block-calendar table {
border-collapse: collapse;
width: 100%;
}
.block-calendar table.has-background th {
background-color: inherit;
}
.block-calendar table.has-text-color th {
color: inherit;
}
.block-calendar :where(table:not(.has-text-color)) {
color: #40464d;
}
.block-calendar :where(table:not(.has-text-color)) td,
.block-calendar :where(table:not(.has-text-color)) th {
border-color: #ddd;
}
:where(.block-calendar table:not(.has-background) th) {
background: #ddd;
}
.block-categories {
box-sizing: border-box;
}
.block-categories.alignleft {
margin-right: 2em;
}
.block-categories.alignright {
margin-left: 2em;
}
.block-categories.block-categories-dropdown.aligncenter {
text-align: center;
}
.block-categories .block-categories__label {
display: block;
width: 100%;
}
.block-code {
box-sizing: border-box;
}
.block-code code {
/*!rtl:begin:ignore*/
direction: ltr;
display: block;
font-family: inherit;
overflow-wrap: break-word;
text-align: initial;
white-space: pre-wrap;
/*!rtl:end:ignore*/
}
.block-columns {
box-sizing: border-box;
display: flex;
flex-wrap: wrap !important;
}
@media (min-width: 782px) {
.block-columns {
flex-wrap: nowrap !important;
}
}
.block-columns {
align-items: normal !important;
}
.block-columns.are-vertically-aligned-top {
align-items: flex-start;
}
.block-columns.are-vertically-aligned-center {
align-items: center;
}
.block-columns.are-vertically-aligned-bottom {
align-items: flex-end;
}
@media (max-width: 781px) {
.block-columns:not(.is-not-stacked-on-mobile) > .block-column {
flex-basis: 100% !important;
}
}
.block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap !important;
}
.block-columns.is-not-stacked-on-mobile > .block-column {
flex-basis: 0;
flex-grow: 1;
}
.block-columns.is-not-stacked-on-mobile > .block-column[style*="flex-basis"] {
flex-grow: 0;
}
:where(.block-columns) {
margin-bottom: 1.75em;
}
:where(.block-columns.has-background) {
padding: 1.25em 2.375em;
}
.block-column {
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
}
.block-column.is-vertically-aligned-top {
align-self: flex-start;
}
.block-column.is-vertically-aligned-center {
align-self: center;
}
.block-column.is-vertically-aligned-bottom {
align-self: flex-end;
}
.block-column.is-vertically-aligned-stretch {
align-self: stretch;
}
.block-column.is-vertically-aligned-bottom,
.block-column.is-vertically-aligned-center,
.block-column.is-vertically-aligned-top {
width: 100%;
}
.block-post-comments {
box-sizing: border-box;
}
.block-post-comments .alignleft {
float: left;
}
.block-post-comments .alignright {
float: right;
}
.block-post-comments .navigation:after {
clear: both;
content: "";
display: table;
}
.block-post-comments .commentlist {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
.block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-left: 3.25em;
}
.block-post-comments .commentlist .comment p {
font-size: 1em;
line-height: 1.8;
margin: 1em 0;
}
.block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0;
}
.block-post-comments .comment-author {
line-height: 1.5;
}
.block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: 0.75em;
margin-top: 0.5em;
width: 2.5em;
}
.block-post-comments .comment-author cite {
font-style: normal;
}
.block-post-comments .comment-meta {
font-size: 0.875em;
line-height: 1.5;
}
.block-post-comments .comment-meta b {
font-weight: 400;
}
.block-post-comments .comment-meta .comment-awaiting-moderation {
display: block;
margin-bottom: 1em;
margin-top: 1em;
}
.block-post-comments .comment-body .commentmetadata {
font-size: 0.875em;
}
.block-post-comments .comment-form-author label,
.block-post-comments .comment-form-comment label,
.block-post-comments .comment-form-email label,
.block-post-comments .comment-form-url label {
display: block;
margin-bottom: 0.25em;
}
.block-post-comments
.comment-form
input:not([type="submit"]):not([type="checkbox"]),
.block-post-comments .comment-form textarea {
box-sizing: border-box;
display: block;
width: 100%;
}
.block-post-comments .comment-form-cookies-consent {
display: flex;
gap: 0.25em;
}
.block-post-comments .comment-form-cookies-consent #comment-cookies-consent {
margin-top: 0.35em;
}
.block-post-comments .comment-reply-title {
margin-bottom: 0;
}
.block-post-comments .comment-reply-title :where(small) {
font-size: var(--preset--font-size--medium, smaller);
margin-left: 0.5em;
}
.block-post-comments .reply {
font-size: 0.875em;
margin-bottom: 1.4em;
}
.block-post-comments input:not([type="submit"]),
.block-post-comments textarea {
border: 1px solid #949494;
font-family: inherit;
font-size: 1em;
}
.block-post-comments input:not([type="submit"]):not([type="checkbox"]),
.block-post-comments textarea {
padding: calc(0.667em + 2px);
}
:where(.block-post-comments input[type="submit"]) {
border: none;
}
.block-comments {
box-sizing: border-box;
}
.block-comments-pagination > .block-comments-pagination-next,
.block-comments-pagination > .block-comments-pagination-numbers,
.block-comments-pagination > .block-comments-pagination-previous {
font-size: inherit;
}
.block-comments-pagination .block-comments-pagination-previous-arrow {
display: inline-block;
margin-right: 1ch;
}
.block-comments-pagination
.block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1);
}
.block-comments-pagination .block-comments-pagination-next-arrow {
display: inline-block;
margin-left: 1ch;
}
.block-comments-pagination
.block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1);
}
.block-comments-pagination.aligncenter {
justify-content: center;
}
.block-comment-template {
box-sizing: border-box;
list-style: none;
margin-bottom: 0;
max-width: 100%;
padding: 0;
}
.block-comment-template li {
clear: both;
}
.block-comment-template ol {
list-style: none;
margin-bottom: 0;
max-width: 100%;
padding-left: 2rem;
}
.block-comment-template.alignleft {
float: left;
}
.block-comment-template.aligncenter {
margin-left: auto;
margin-right: auto;
width: fit-content;
}
.block-comment-template.alignright {
float: right;
}
.block-comment-date {
box-sizing: border-box;
}
.comment-awaiting-moderation {
display: block;
font-size: 0.875em;
line-height: 1.5;
}
.block-comment-author-name,
.block-comment-content,
.block-comment-edit-link,
.block-comment-reply-link {
box-sizing: border-box;
}
.block-cover,
.block-cover-image {
align-items: center;
background-position: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
min-height: 430px;
overflow: hidden;
overflow: clip;
padding: 1em;
position: relative;
}
.block-cover .has-background-dim:not([class*="-background-color"]),
.block-cover-image .has-background-dim:not([class*="-background-color"]),
.block-cover-image.has-background-dim:not([class*="-background-color"]),
.block-cover.has-background-dim:not([class*="-background-color"]) {
background-color: #000;
}
.block-cover .has-background-dim.has-background-gradient,
.block-cover-image .has-background-dim.has-background-gradient {
background-color: initial;
}
.block-cover-image.has-background-dim:before,
.block-cover.has-background-dim:before {
background-color: inherit;
content: "";
}
.block-cover .block-cover__background,
.block-cover .block-cover__gradient-background,
.block-cover-image .block-cover__background,
.block-cover-image .block-cover__gradient-background,
.block-cover-image.has-background-dim:not(.has-background-gradient):before,
.block-cover.has-background-dim:not(.has-background-gradient):before {
bottom: 0;
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
}
.block-cover-image.has-background-dim.has-background-dim-10
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-10
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-10:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-10 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-10
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-10:not(
.has-background-gradient
):before {
opacity: 0.1;
}
.block-cover-image.has-background-dim.has-background-dim-20
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-20
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-20:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-20 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-20
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-20:not(
.has-background-gradient
):before {
opacity: 0.2;
}
.block-cover-image.has-background-dim.has-background-dim-30
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-30
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-30:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-30 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-30
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-30:not(
.has-background-gradient
):before {
opacity: 0.3;
}
.block-cover-image.has-background-dim.has-background-dim-40
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-40
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-40:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-40 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-40
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-40:not(
.has-background-gradient
):before {
opacity: 0.4;
}
.block-cover-image.has-background-dim.has-background-dim-50
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-50
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-50:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-50 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-50
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-50:not(
.has-background-gradient
):before {
opacity: 0.5;
}
.block-cover-image.has-background-dim.has-background-dim-60
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-60
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-60:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-60 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-60
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-60:not(
.has-background-gradient
):before {
opacity: 0.6;
}
.block-cover-image.has-background-dim.has-background-dim-70
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-70
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-70:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-70 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-70
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-70:not(
.has-background-gradient
):before {
opacity: 0.7;
}
.block-cover-image.has-background-dim.has-background-dim-80
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-80
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-80:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-80 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-80
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-80:not(
.has-background-gradient
):before {
opacity: 0.8;
}
.block-cover-image.has-background-dim.has-background-dim-90
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-90
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-90:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-90 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-90
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-90:not(
.has-background-gradient
):before {
opacity: 0.9;
}
.block-cover-image.has-background-dim.has-background-dim-100
.block-cover__background,
.block-cover-image.has-background-dim.has-background-dim-100
.block-cover__gradient-background,
.block-cover-image.has-background-dim.has-background-dim-100:not(
.has-background-gradient
):before,
.block-cover.has-background-dim.has-background-dim-100 .block-cover__background,
.block-cover.has-background-dim.has-background-dim-100
.block-cover__gradient-background,
.block-cover.has-background-dim.has-background-dim-100:not(
.has-background-gradient
):before {
opacity: 1;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-0,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-0,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-0,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-0 {
opacity: 0;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-10,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-10,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-10,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-10 {
opacity: 0.1;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-20,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-20,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-20,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-20 {
opacity: 0.2;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-30,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-30,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-30,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-30 {
opacity: 0.3;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-40,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-40,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-40,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-40 {
opacity: 0.4;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-50,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-50,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-50,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-50 {
opacity: 0.5;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-60,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-60,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-60,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-60 {
opacity: 0.6;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-70,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-70,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-70,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-70 {
opacity: 0.7;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-80,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-80,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-80,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-80 {
opacity: 0.8;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-90,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-90,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-90,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-90 {
opacity: 0.9;
}
.block-cover .block-cover__background.has-background-dim.has-background-dim-100,
.block-cover
.block-cover__gradient-background.has-background-dim.has-background-dim-100,
.block-cover-image
.block-cover__background.has-background-dim.has-background-dim-100,
.block-cover-image
.block-cover__gradient-background.has-background-dim.has-background-dim-100 {
opacity: 1;
}
.block-cover-image.alignleft,
.block-cover-image.alignright,
.block-cover.alignleft,
.block-cover.alignright {
max-width: 420px;
width: 100%;
}
.block-cover-image.aligncenter,
.block-cover-image.alignleft,
.block-cover-image.alignright,
.block-cover.aligncenter,
.block-cover.alignleft,
.block-cover.alignright {
display: flex;
}
.block-cover .block-cover__inner-container,
.block-cover-image .block-cover__inner-container {
color: inherit;
position: relative;
width: 100%;
}
.block-cover-image.is-position-top-left,
.block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start;
}
.block-cover-image.is-position-top-center,
.block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center;
}
.block-cover-image.is-position-top-right,
.block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end;
}
.block-cover-image.is-position-center-left,
.block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start;
}
.block-cover-image.is-position-center-center,
.block-cover.is-position-center-center {
align-items: center;
justify-content: center;
}
.block-cover-image.is-position-center-right,
.block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end;
}
.block-cover-image.is-position-bottom-left,
.block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start;
}
.block-cover-image.is-position-bottom-center,
.block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center;
}
.block-cover-image.is-position-bottom-right,
.block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.block-cover-image.has-custom-content-position.has-custom-content-position
.block-cover__inner-container,
.block-cover.has-custom-content-position.has-custom-content-position
.block-cover__inner-container {
margin: 0;
}
.block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left
.block-cover__inner-container,
.block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right
.block-cover__inner-container,
.block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left
.block-cover__inner-container,
.block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right
.block-cover__inner-container,
.block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left
.block-cover__inner-container,
.block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right
.block-cover__inner-container,
.block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left
.block-cover__inner-container,
.block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right
.block-cover__inner-container,
.block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left
.block-cover__inner-container,
.block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right
.block-cover__inner-container,
.block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left
.block-cover__inner-container,
.block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right
.block-cover__inner-container {
margin: 0;
width: auto;
}
.block-cover .block-cover__image-background,
.block-cover video.block-cover__video-background,
.block-cover-image .block-cover__image-background,
.block-cover-image video.block-cover__video-background {
border: none;
bottom: 0;
box-shadow: none;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
object-fit: cover;
outline: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.block-cover-image.has-parallax,
.block-cover.has-parallax,
.block-cover__image-background.has-parallax,
video.block-cover__video-background.has-parallax {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
@supports (-webkit-touch-callout: inherit) {
.block-cover-image.has-parallax,
.block-cover.has-parallax,
.block-cover__image-background.has-parallax,
video.block-cover__video-background.has-parallax {
background-attachment: scroll;
}
}
@media (prefers-reduced-motion: reduce) {
.block-cover-image.has-parallax,
.block-cover.has-parallax,
.block-cover__image-background.has-parallax,
video.block-cover__video-background.has-parallax {
background-attachment: scroll;
}
}
.block-cover-image.is-repeated,
.block-cover.is-repeated,
.block-cover__image-background.is-repeated,
video.block-cover__video-background.is-repeated {
background-repeat: repeat;
background-size: auto;
}
.block-cover-image-text,
.block-cover-image-text a,
.block-cover-image-text a:active,
.block-cover-image-text a:focus,
.block-cover-image-text a:hover,
.block-cover-text,
.block-cover-text a,
.block-cover-text a:active,
.block-cover-text a:focus,
.block-cover-text a:hover,
section.block-cover-image h2,
section.block-cover-image h2 a,
section.block-cover-image h2 a:active,
section.block-cover-image h2 a:focus,
section.block-cover-image h2 a:hover {
color: #fff;
}
.block-cover-image .block-cover.has-left-content {
justify-content: flex-start;
}
.block-cover-image .block-cover.has-right-content {
justify-content: flex-end;
}
.block-cover-image.has-left-content .block-cover-image-text,
.block-cover.has-left-content .block-cover-text,
section.block-cover-image.has-left-content > h2 {
margin-left: 0;
text-align: left;
}
.block-cover-image.has-right-content .block-cover-image-text,
.block-cover.has-right-content .block-cover-text,
section.block-cover-image.has-right-content > h2 {
margin-right: 0;
text-align: right;
}
.block-cover .block-cover-text,
.block-cover-image .block-cover-image-text,
section.block-cover-image > h2 {
font-size: 2em;
line-height: 1.25;
margin-bottom: 0;
max-width: 840px;
padding: 0.44em;
text-align: center;
z-index: 1;
}
:where(.block-cover-image:not(.has-text-color)),
:where(.block-cover:not(.has-text-color)) {
color: #fff;
}
:where(.block-cover-image.is-light:not(.has-text-color)),
:where(.block-cover.is-light:not(.has-text-color)) {
color: #000;
}
:root :where(.block-cover h1:not(.has-text-color)),
:root :where(.block-cover h2:not(.has-text-color)),
:root :where(.block-cover h3:not(.has-text-color)),
:root :where(.block-cover h4:not(.has-text-color)),
:root :where(.block-cover h5:not(.has-text-color)),
:root :where(.block-cover h6:not(.has-text-color)),
:root :where(.block-cover p:not(.has-text-color)) {
color: inherit;
}
body:not(.editor-styles-wrapper)
.block-cover:not(
.block-cover:has(.block-cover__background + .block-cover__inner-container)
)
.block-cover__image-background,
body:not(.editor-styles-wrapper)
.block-cover:not(
.block-cover:has(.block-cover__background + .block-cover__inner-container)
)
.block-cover__video-background {
z-index: 0;
}
body:not(.editor-styles-wrapper)
.block-cover:not(
.block-cover:has(.block-cover__background + .block-cover__inner-container)
)
.block-cover__background,
body:not(.editor-styles-wrapper)
.block-cover:not(
.block-cover:has(.block-cover__background + .block-cover__inner-container)
)
.block-cover__gradient-background,
body:not(.editor-styles-wrapper)
.block-cover:not(
.block-cover:has(.block-cover__background + .block-cover__inner-container)
)
.block-cover__inner-container,
body:not(.editor-styles-wrapper)
.block-cover:not(
.block-cover:has(.block-cover__background + .block-cover__inner-container)
).has-background-dim:not(.has-background-gradient):before {
z-index: 1;
}
.has-modal-open
body:not(.editor-styles-wrapper)
.block-cover:not(
.block-cover:has(.block-cover__background + .block-cover__inner-container)
)
.block-cover__inner-container {
z-index: auto;
}
.block-details {
box-sizing: border-box;
}
.block-details summary {
cursor: pointer;
}
.block-embed.alignleft,
.block-embed.alignright,
.block-element[data-align="left"] > [data-type="core/embed"],
.block-element[data-align="right"] > [data-type="core/embed"] {
max-width: 360px;
width: 100%;
}
.block-embed.alignleft .block-embed__wrapper,
.block-embed.alignright .block-embed__wrapper,
.block-element[data-align="left"]
> [data-type="core/embed"]
.block-embed__wrapper,
.block-element[data-align="right"]
> [data-type="core/embed"]
.block-embed__wrapper {
min-width: 280px;
}
.block-cover .block-embed {
min-height: 240px;
min-width: 320px;
}
.block-embed {
overflow-wrap: break-word;
}
.block-embed :where(figcaption) {
margin-bottom: 1em;
margin-top: 0.5em;
}
.block-embed iframe {
max-width: 100%;
}
.block-embed__wrapper {
position: relative;
}
.embed-responsive .has-aspect-ratio .block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%;
}
.embed-responsive .has-aspect-ratio iframe {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.embed-responsive .embed-aspect-21-9 .block-embed__wrapper:before {
padding-top: 42.85%;
}
.embed-responsive .embed-aspect-18-9 .block-embed__wrapper:before {
padding-top: 50%;
}
.embed-responsive .embed-aspect-16-9 .block-embed__wrapper:before {
padding-top: 56.25%;
}
.embed-responsive .embed-aspect-4-3 .block-embed__wrapper:before {
padding-top: 75%;
}
.embed-responsive .embed-aspect-1-1 .block-embed__wrapper:before {
padding-top: 100%;
}
.embed-responsive .embed-aspect-9-16 .block-embed__wrapper:before {
padding-top: 177.77%;
}
.embed-responsive .embed-aspect-1-2 .block-embed__wrapper:before {
padding-top: 200%;
}
.block-file {
box-sizing: border-box;
}
.block-file:not(.element-button) {
font-size: 0.8em;
}
.block-file.aligncenter {
text-align: center;
}
.block-file.alignright {
text-align: right;
}
.block-file * + .block-file__button {
margin-left: 0.75em;
}
:where(.block-file) {
margin-bottom: 1.5em;
}
.block-file__embed {
margin-bottom: 1em;
}
:where(.block-file__button) {
border-radius: 2em;
display: inline-block;
padding: 0.5em 1em;
}
:where(.block-file__button):where(a):active,
:where(.block-file__button):where(a):focus,
:where(.block-file__button):where(a):hover,
:where(.block-file__button):where(a):visited {
box-shadow: none;
color: #fff;
opacity: 0.85;
text-decoration: none;
}
.block-form-input__label {
display: flex;
flex-direction: column;
gap: 0.25em;
margin-bottom: 0.5em;
width: 100%;
}
.block-form-input__label.is-label-inline {
align-items: center;
flex-direction: row;
gap: 0.5em;
}
.block-form-input__label.is-label-inline .block-form-input__label-content {
margin-bottom: 0.5em;
}
.block-form-input__label:has(input[type="checkbox"]) {
flex-direction: row;
width: fit-content;
}
.block-form-input__label:has(input[type="checkbox"])
.block-form-input__label-content {
margin: 0;
}
.block-form-input__label:has(
.block-form-input__label-content + input[type="checkbox"]
) {
flex-direction: row-reverse;
}
.block-form-input__label-content {
width: fit-content;
}
:where(.block-form-input__input) {
font-size: 1em;
margin-bottom: 0.5em;
padding: 0 0.5em;
}
:where(.block-form-input__input)[type="date"],
:where(.block-form-input__input)[type="datetime-local"],
:where(.block-form-input__input)[type="datetime"],
:where(.block-form-input__input)[type="email"],
:where(.block-form-input__input)[type="month"],
:where(.block-form-input__input)[type="number"],
:where(.block-form-input__input)[type="password"],
:where(.block-form-input__input)[type="search"],
:where(.block-form-input__input)[type="tel"],
:where(.block-form-input__input)[type="text"],
:where(.block-form-input__input)[type="time"],
:where(.block-form-input__input)[type="url"],
:where(.block-form-input__input)[type="week"] {
border-style: solid;
border-width: 1px;
line-height: 2;
min-height: 2em;
}
textarea.block-form-input__input {
min-height: 10em;
}
.blocks-gallery-grid:not(.has-nested-images),
.block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.block-gallery:not(.has-nested-images) .blocks-gallery-image,
.block-gallery:not(.has-nested-images) .blocks-gallery-item {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
margin: 0 1em 1em 0;
position: relative;
width: calc(50% - 1em);
}
.blocks-gallery-grid:not(.has-nested-images)
.blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images)
.blocks-gallery-item:nth-of-type(2n),
.block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,
.block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
.block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
align-items: flex-end;
display: flex;
height: 100%;
justify-content: flex-start;
margin: 0;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,
.block-gallery:not(.has-nested-images) .blocks-gallery-image img,
.block-gallery:not(.has-nested-images) .blocks-gallery-item img {
display: block;
height: auto;
max-width: 100%;
width: auto;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
background: linear-gradient(0deg, #000000b3, #0000004d 70%, #0000);
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: 0.8em;
margin: 0;
max-height: 100%;
overflow: auto;
padding: 3em 0.77em 0.7em;
position: absolute;
text-align: center;
width: 100%;
z-index: 2;
}
.blocks-gallery-grid:not(.has-nested-images)
.blocks-gallery-image
figcaption
img,
.blocks-gallery-grid:not(.has-nested-images)
.blocks-gallery-item
figcaption
img,
.block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
.block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
display: inline;
}
.blocks-gallery-grid:not(.has-nested-images) figcaption,
.block-gallery:not(.has-nested-images) figcaption {
flex-grow: 1;
}
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped
.blocks-gallery-image
img,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped
.blocks-gallery-item
img,
.block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
flex: 1;
height: 100%;
object-fit: cover;
width: 100%;
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,
.block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,
.block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
margin-right: 0;
width: 100%;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,
.block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
.block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
margin-right: 0;
}
.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.block-gallery:not(.has-nested-images).alignleft,
.block-gallery:not(.has-nested-images).alignright {
max-width: 420px;
width: 100%;
}
.blocks-gallery-grid:not(.has-nested-images).aligncenter
.blocks-gallery-item
figure,
.block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
justify-content: center;
}
.block-gallery:not(.is-cropped) .blocks-gallery-item {
align-self: flex-start;
}
figure.block-gallery.has-nested-images {
align-items: normal;
}
.block-gallery.has-nested-images figure.block-image:not(#individual-image) {
margin: 0;
width: calc(50% - var(--style--unstable-gallery-gap, 16px) / 2);
}
.block-gallery.has-nested-images figure.block-image {
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
max-width: 100%;
position: relative;
}
.block-gallery.has-nested-images figure.block-image > a,
.block-gallery.has-nested-images figure.block-image > div {
flex-direction: column;
flex-grow: 1;
margin: 0;
}
.block-gallery.has-nested-images figure.block-image img {
display: block;
height: auto;
max-width: 100% !important;
width: auto;
}
.block-gallery.has-nested-images figure.block-image figcaption,
.block-gallery.has-nested-images figure.block-image:has(figcaption):before {
bottom: 0;
left: 0;
max-height: 100%;
position: absolute;
right: 0;
}
.block-gallery.has-nested-images figure.block-image:has(figcaption):before {
backdrop-filter: blur(3px);
content: "";
height: 100%;
-webkit-mask-image: linear-gradient(0deg, #000 20%, #0000);
mask-image: linear-gradient(0deg, #000 20%, #0000);
max-height: 40%;
pointer-events: none;
}
.block-gallery.has-nested-images figure.block-image figcaption {
box-sizing: border-box;
color: #fff;
font-size: 13px;
margin: 0;
overflow: auto;
padding: 1em;
text-align: center;
text-shadow: 0 0 1.5px #000;
}
.block-gallery.has-nested-images
figure.block-image
figcaption::-webkit-scrollbar {
height: 12px;
width: 12px;
}
.block-gallery.has-nested-images
figure.block-image
figcaption::-webkit-scrollbar-track {
background-color: initial;
}
.block-gallery.has-nested-images
figure.block-image
figcaption::-webkit-scrollbar-thumb {
background-clip: padding-box;
background-color: initial;
border: 3px solid #0000;
border-radius: 8px;
}
.block-gallery.has-nested-images
figure.block-image
figcaption:focus-within::-webkit-scrollbar-thumb,
.block-gallery.has-nested-images
figure.block-image
figcaption:focus::-webkit-scrollbar-thumb,
.block-gallery.has-nested-images
figure.block-image
figcaption:hover::-webkit-scrollbar-thumb {
background-color: #fffc;
}
.block-gallery.has-nested-images figure.block-image figcaption {
scrollbar-color: #0000 #0000;
scrollbar-gutter: stable both-edges;
scrollbar-width: thin;
}
.block-gallery.has-nested-images figure.block-image figcaption:focus,
.block-gallery.has-nested-images figure.block-image figcaption:focus-within,
.block-gallery.has-nested-images figure.block-image figcaption:hover {
scrollbar-color: #fffc #0000;
}
.block-gallery.has-nested-images figure.block-image figcaption {
will-change: transform;
}
@media (hover: none) {
.block-gallery.has-nested-images figure.block-image figcaption {
scrollbar-color: #fffc #0000;
}
}
.block-gallery.has-nested-images figure.block-image figcaption {
background: linear-gradient(0deg, #0006, #0000);
}
.block-gallery.has-nested-images figure.block-image figcaption img {
display: inline;
}
.block-gallery.has-nested-images figure.block-image figcaption a {
color: inherit;
}
.block-gallery.has-nested-images figure.block-image.has-custom-border img {
box-sizing: border-box;
}
.block-gallery.has-nested-images figure.block-image.has-custom-border > a,
.block-gallery.has-nested-images figure.block-image.has-custom-border > div,
.block-gallery.has-nested-images figure.block-image.is-style-rounded > a,
.block-gallery.has-nested-images figure.block-image.is-style-rounded > div {
flex: 1 1 auto;
}
.block-gallery.has-nested-images
figure.block-image.has-custom-border
figcaption,
.block-gallery.has-nested-images
figure.block-image.is-style-rounded
figcaption {
background: none;
color: inherit;
flex: initial;
margin: 0;
padding: 10px 10px 9px;
position: relative;
text-shadow: none;
}
.block-gallery.has-nested-images figure.block-image.has-custom-border:before,
.block-gallery.has-nested-images figure.block-image.is-style-rounded:before {
content: none;
}
.block-gallery.has-nested-images figcaption {
flex-basis: 100%;
flex-grow: 1;
text-align: center;
}
.block-gallery.has-nested-images:not(.is-cropped)
figure.block-image:not(#individual-image) {
margin-bottom: auto;
margin-top: 0;
}
.block-gallery.has-nested-images.is-cropped
figure.block-image:not(#individual-image) {
align-self: inherit;
}
.block-gallery.has-nested-images.is-cropped
figure.block-image:not(#individual-image)
> a,
.block-gallery.has-nested-images.is-cropped
figure.block-image:not(#individual-image)
> div:not(.components-drop-zone) {
display: flex;
}
.block-gallery.has-nested-images.is-cropped
figure.block-image:not(#individual-image)
a,
.block-gallery.has-nested-images.is-cropped
figure.block-image:not(#individual-image)
img {
flex: 1 0 0%;
height: 100%;
object-fit: cover;
width: 100%;
}
.block-gallery.has-nested-images.columns-1
figure.block-image:not(#individual-image) {
width: 100%;
}
.block-gallery.has-nested-images.alignleft,
.block-gallery.has-nested-images.alignright {
max-width: 420px;
width: 100%;
}
.block-gallery.has-nested-images.aligncenter {
justify-content: center;
}
.block-group {
box-sizing: border-box;
}
:where(.block-group.block-group-is-layout-constrained) {
position: relative;
}
h1:where(.block-heading).has-background,
h2:where(.block-heading).has-background,
h3:where(.block-heading).has-background,
h4:where(.block-heading).has-background,
h5:where(.block-heading).has-background,
h6:where(.block-heading).has-background {
padding: 1.25em 2.375em;
}
h1.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]),
h1.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]),
h2.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]),
h2.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]),
h3.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]),
h3.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]),
h4.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]),
h4.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]),
h5.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]),
h5.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]),
h6.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]),
h6.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]) {
rotate: 180deg;
}
.block-image > a,
.block-image > figure > a {
display: inline-block;
}
.block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
}
.block-image[style*="border-radius"] img,
.block-image[style*="border-radius"] > a {
border-radius: inherit;
}
.block-image.has-custom-border img {
box-sizing: border-box;
}
.block-image.aligncenter {
text-align: center;
}
.block-image.alignfull > a,
.block-image.alignwide > a {
width: 100%;
}
.block-image.alignfull img,
.block-image.alignwide img {
height: auto;
width: 100%;
}
.block-image .aligncenter,
.block-image .alignleft,
.block-image .alignright,
.block-image.aligncenter,
.block-image.alignleft,
.block-image.alignright {
display: table;
}
.block-image .aligncenter > figcaption,
.block-image .alignleft > figcaption,
.block-image .alignright > figcaption,
.block-image.aligncenter > figcaption,
.block-image.alignleft > figcaption,
.block-image.alignright > figcaption {
caption-side: bottom;
display: table-caption;
}
.block-image .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.block-image .alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.block-image .aligncenter {
margin-left: auto;
margin-right: auto;
}
.block-image :where(figcaption) {
margin-bottom: 1em;
margin-top: 0.5em;
}
.block-image.is-style-circle-mask img {
border-radius: 9999px;
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) or
(-webkit-mask-image: none) {
.block-image.is-style-circle-mask img {
border-radius: 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
}
:root
:where(
.block-image.is-style-rounded img,
.block-image .is-style-rounded img
) {
border-radius: 9999px;
}
.block-image figure {
margin: 0;
}
.lightbox-container {
display: flex;
flex-direction: column;
position: relative;
}
.lightbox-container img {
cursor: zoom-in;
}
.lightbox-container img:hover + button {
opacity: 1;
}
.lightbox-container button {
align-items: center;
backdrop-filter: blur(16px) saturate(180%);
background-color: #5a5a5a40;
border: none;
border-radius: 4px;
cursor: zoom-in;
display: flex;
height: 20px;
justify-content: center;
opacity: 0;
padding: 0;
position: absolute;
right: 16px;
text-align: center;
top: 16px;
width: 20px;
z-index: 100;
}
@media not (prefers-reduced-motion) {
.lightbox-container button {
transition: opacity 0.2s ease;
}
}
.lightbox-container button:focus-visible {
outline: 3px auto #5a5a5a40;
outline: 3px auto -webkit-focus-ring-color;
outline-offset: 3px;
}
.lightbox-container button:hover {
cursor: pointer;
opacity: 1;
}
.lightbox-container button:focus {
opacity: 1;
}
.lightbox-container button:focus,
.lightbox-container button:hover,
.lightbox-container button:not(:hover):not(:active):not(.has-background) {
background-color: #5a5a5a40;
border: none;
}
.lightbox-overlay {
box-sizing: border-box;
cursor: zoom-out;
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
z-index: 100000;
}
.lightbox-overlay .close-button {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
min-height: 40px;
min-width: 40px;
padding: 0;
position: absolute;
right: calc(env(safe-area-inset-right) + 16px);
top: calc(env(safe-area-inset-top) + 16px);
z-index: 5000000;
}
.lightbox-overlay .close-button:focus,
.lightbox-overlay .close-button:hover,
.lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) {
background: none;
border: none;
}
.lightbox-overlay .lightbox-image-container {
height: var(--lightbox-container-height);
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: top left;
width: var(--lightbox-container-width);
z-index: 9999999999;
}
.lightbox-overlay .block-image {
align-items: center;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
position: relative;
transform-origin: 0 0;
width: 100%;
z-index: 3000000;
}
.lightbox-overlay .block-image img {
height: var(--lightbox-image-height);
min-height: var(--lightbox-image-height);
min-width: var(--lightbox-image-width);
width: var(--lightbox-image-width);
}
.lightbox-overlay .block-image figcaption {
display: none;
}
.lightbox-overlay button {
background: none;
border: none;
}
.lightbox-overlay .scrim {
background-color: #fff;
height: 100%;
opacity: 0.9;
position: absolute;
width: 100%;
z-index: 2000000;
}
.lightbox-overlay.active {
visibility: visible;
}
ol.block-latest-comments {
box-sizing: border-box;
margin-left: 0;
}
:where(
.block-latest-comments:not(
[style*="line-height"] .block-latest-comments__comment
)
) {
line-height: 1.1;
}
:where(
.block-latest-comments:not(
[style*="line-height"] .block-latest-comments__comment-excerpt p
)
) {
line-height: 1.8;
}
.has-dates :where(.block-latest-comments:not([style*="line-height"])),
.has-excerpts :where(.block-latest-comments:not([style*="line-height"])) {
line-height: 1.5;
}
.block-latest-comments .block-latest-comments {
padding-left: 0;
}
.block-latest-comments__comment {
list-style: none;
margin-bottom: 1em;
}
.has-avatars .block-latest-comments__comment {
list-style: none;
min-height: 2.25em;
}
.has-avatars
.block-latest-comments__comment
.block-latest-comments__comment-excerpt,
.has-avatars
.block-latest-comments__comment
.block-latest-comments__comment-meta {
margin-left: 3.25em;
}
.block-latest-comments__comment-excerpt p {
font-size: 0.875em;
margin: 0.36em 0 1.4em;
}
.block-latest-comments__comment-date {
display: block;
font-size: 0.75em;
}
.block-latest-comments .avatar,
.block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: 0.75em;
width: 2.5em;
}
.block-latest-comments[class*="-font-size"] a,
.block-latest-comments[style*="font-size"] a {
font-size: inherit;
}
.block-latest-posts {
box-sizing: border-box;
}
.block-latest-posts.alignleft {
margin-right: 2em;
}
.block-latest-posts.alignright {
margin-left: 2em;
}
.block-latest-posts.block-latest-posts__list {
list-style: none;
}
.block-latest-posts.block-latest-posts__list li {
clear: both;
overflow-wrap: break-word;
}
.block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
}
.block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%;
}
:root :where(.block-latest-posts.is-grid) {
padding: 0;
}
:root :where(.block-latest-posts.block-latest-posts__list) {
padding-left: 0;
}
.block-latest-posts__post-author,
.block-latest-posts__post-date {
display: block;
font-size: 0.8125em;
}
.block-latest-posts__post-excerpt,
.block-latest-posts__post-full-content {
margin-bottom: 1em;
margin-top: 0.5em;
}
.block-latest-posts__featured-image a {
display: inline-block;
}
.block-latest-posts__featured-image img {
height: auto;
max-width: 100%;
width: auto;
}
.block-latest-posts__featured-image.alignleft {
float: left;
margin-right: 1em;
}
.block-latest-posts__featured-image.alignright {
float: right;
margin-left: 1em;
}
.block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center;
}
ol,
ul {
box-sizing: border-box;
}
:root :where(.block-list.has-background) {
padding: 1.25em 2.375em;
}
.block-loginout {
box-sizing: border-box;
}
.block-math {
overflow-x: auto;
overflow-y: hidden;
}
.block-media-text {
box-sizing: border-box;
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
}
.block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%;
}
.block-media-text.is-vertically-aligned-top > .block-media-text__content,
.block-media-text.is-vertically-aligned-top > .block-media-text__media {
align-self: start;
}
.block-media-text.is-vertically-aligned-center > .block-media-text__content,
.block-media-text.is-vertically-aligned-center > .block-media-text__media,
.block-media-text > .block-media-text__content,
.block-media-text > .block-media-text__media {
align-self: center;
}
.block-media-text.is-vertically-aligned-bottom > .block-media-text__content,
.block-media-text.is-vertically-aligned-bottom > .block-media-text__media {
align-self: end;
}
.block-media-text > .block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0;
}
.block-media-text > .block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word;
}
.block-media-text.has-media-on-the-right > .block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*!rtl:end:ignore*/
}
.block-media-text.has-media-on-the-right > .block-media-text__content {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*!rtl:end:ignore*/
}
.block-media-text__media a {
display: block;
}
.block-media-text__media img,
.block-media-text__media video {
height: auto;
max-width: unset;
vertical-align: middle;
width: 100%;
}
.block-media-text.is-image-fill > .block-media-text__media {
background-size: cover;
height: 100%;
min-height: 250px;
}
.block-media-text.is-image-fill > .block-media-text__media > a {
display: block;
height: 100%;
}
.block-media-text.is-image-fill > .block-media-text__media img {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0, 0, 0, 0);
border: 0;
}
.block-media-text.is-image-fill-element > .block-media-text__media {
height: 100%;
min-height: 250px;
position: relative;
}
.block-media-text.is-image-fill-element > .block-media-text__media > a {
display: block;
height: 100%;
}
.block-media-text.is-image-fill-element > .block-media-text__media img {
height: 100%;
object-fit: cover;
position: absolute;
width: 100%;
}
.block-navigation {
position: relative;
}
.block-navigation ul {
margin-bottom: 0;
margin-left: 0;
margin-top: 0;
padding-left: 0;
}
.block-navigation ul,
.block-navigation ul li {
list-style: none;
padding: 0;
}
.block-navigation .block-navigation-item {
align-items: center;
display: flex;
position: relative;
}
.block-navigation
.block-navigation-item
.block-navigation__submenu-container:empty {
display: none;
}
.block-navigation .block-navigation-item__content {
display: block;
z-index: 1;
}
.block-navigation
.block-navigation-item__content.block-navigation-item__content {
color: inherit;
}
.block-navigation.has-text-decoration-underline .block-navigation-item__content,
.block-navigation.has-text-decoration-underline
.block-navigation-item__content:active,
.block-navigation.has-text-decoration-underline
.block-navigation-item__content:focus {
text-decoration: underline;
}
.block-navigation.has-text-decoration-line-through
.block-navigation-item__content,
.block-navigation.has-text-decoration-line-through
.block-navigation-item__content:active,
.block-navigation.has-text-decoration-line-through
.block-navigation-item__content:focus {
text-decoration: line-through;
}
.block-navigation :where(a),
.block-navigation :where(a:active),
.block-navigation :where(a:focus) {
text-decoration: none;
}
.block-navigation .block-navigation__submenu-icon {
align-self: center;
background-color: inherit;
border: none;
color: currentColor;
display: inline-block;
font-size: inherit;
height: 0.6em;
line-height: 0;
margin-left: 0.25em;
padding: 0;
width: 0.6em;
}
.block-navigation .block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
height: inherit;
margin-top: 0.075em;
width: inherit;
}
.block-navigation {
--navigation-layout-justification-setting: flex-start;
--navigation-layout-direction: row;
--navigation-layout-wrap: wrap;
--navigation-layout-justify: flex-start;
--navigation-layout-align: center;
}
.block-navigation.is-vertical {
--navigation-layout-direction: column;
--navigation-layout-justify: initial;
--navigation-layout-align: flex-start;
}
.block-navigation.no-wrap {
--navigation-layout-wrap: nowrap;
}
.block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center;
}
.block-navigation.items-justified-center.is-vertical {
--navigation-layout-align: center;
}
.block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-end;
--navigation-layout-justify: flex-end;
}
.block-navigation.items-justified-right.is-vertical {
--navigation-layout-align: flex-end;
}
.block-navigation.items-justified-space-between {
--navigation-layout-justification-setting: space-between;
--navigation-layout-justify: space-between;
}
.block-navigation .has-child .block-navigation__submenu-container {
align-items: normal;
background-color: inherit;
color: inherit;
display: flex;
flex-direction: column;
opacity: 0;
position: absolute;
z-index: 2;
}
@media not (prefers-reduced-motion) {
.block-navigation .has-child .block-navigation__submenu-container {
transition: opacity 0.1s linear;
}
}
.block-navigation .has-child .block-navigation__submenu-container {
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.block-navigation
.has-child
.block-navigation__submenu-container
> .block-navigation-item
> .block-navigation-item__content {
display: flex;
flex-grow: 1;
padding: 0.5em 1em;
}
.block-navigation
.has-child
.block-navigation__submenu-container
> .block-navigation-item
> .block-navigation-item__content
.block-navigation__submenu-icon {
margin-left: auto;
margin-right: 0;
}
.block-navigation
.has-child
.block-navigation__submenu-container
.block-navigation-item__content {
margin: 0;
}
.block-navigation .has-child .block-navigation__submenu-container {
left: -1px;
top: 100%;
}
.block-navigation
.has-child
.block-navigation-submenu__toggle[aria-expanded="true"]
~ .block-navigation__submenu-container,
.block-navigation
.has-child:not(.open-on-click):hover
> .block-navigation__submenu-container,
.block-navigation
.has-child:not(.open-on-click):not(.open-on-hover-click):focus-within
> .block-navigation__submenu-container {
height: auto;
min-width: 200px;
opacity: 1;
overflow: visible;
visibility: visible;
width: auto;
}
.block-navigation.has-background
.has-child
.block-navigation__submenu-container {
left: 0;
top: 100%;
}
@media (min-width: 782px) {
.block-navigation.has-background
.has-child
.block-navigation__submenu-container
.block-navigation__submenu-container {
left: 100%;
top: 0;
}
}
.block-navigation-submenu {
display: flex;
position: relative;
}
.block-navigation-submenu .block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.block-navigation-item__content {
background-color: initial;
border: none;
color: currentColor;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: left;
text-transform: inherit;
}
.block-navigation-submenu__toggle {
cursor: pointer;
}
.block-navigation-submenu__toggle[aria-expanded="true"]
+ .block-navigation__submenu-icon
> svg,
.block-navigation-submenu__toggle[aria-expanded="true"] > svg {
transform: rotate(180deg);
}
.block-navigation-item.open-on-click .block-navigation-submenu__toggle {
padding-left: 0;
padding-right: 0.85em;
}
.block-navigation-item.open-on-click
.block-navigation-submenu__toggle
+ .block-navigation__submenu-icon {
margin-left: -0.6em;
pointer-events: none;
}
.block-navigation-item.open-on-click
button.block-navigation-item__content:not(.block-navigation-submenu__toggle) {
padding: 0;
}
.block-navigation .block-page-list,
.block-navigation__container,
.block-navigation__responsive-close,
.block-navigation__responsive-container,
.block-navigation__responsive-container-content,
.block-navigation__responsive-dialog {
gap: inherit;
}
:where(
.block-navigation.has-background .block-navigation-item a:not(.element-button)
),
:where(
.block-navigation.has-background
.block-navigation-submenu
a:not(.element-button)
) {
padding: 0.5em 1em;
}
:where(
.block-navigation
.block-navigation__submenu-container
.block-navigation-item
a:not(.element-button)
),
:where(
.block-navigation
.block-navigation__submenu-container
.block-navigation-submenu
a:not(.element-button)
),
:where(
.block-navigation
.block-navigation__submenu-container
.block-navigation-submenu
button.block-navigation-item__content
),
:where(
.block-navigation
.block-navigation__submenu-container
.block-pages-list__item
button.block-navigation-item__content
) {
padding: 0.5em 1em;
}
.block-navigation.items-justified-right
.block-navigation__container
.has-child
.block-navigation__submenu-container,
.block-navigation.items-justified-right
.block-page-list
> .has-child
.block-navigation__submenu-container,
.block-navigation.items-justified-space-between
.block-page-list
> .has-child:last-child
.block-navigation__submenu-container,
.block-navigation.items-justified-space-between
> .block-navigation__container
> .has-child:last-child
.block-navigation__submenu-container {
left: auto;
right: 0;
}
.block-navigation.items-justified-right
.block-navigation__container
.has-child
.block-navigation__submenu-container
.block-navigation__submenu-container,
.block-navigation.items-justified-right
.block-page-list
> .has-child
.block-navigation__submenu-container
.block-navigation__submenu-container,
.block-navigation.items-justified-space-between
.block-page-list
> .has-child:last-child
.block-navigation__submenu-container
.block-navigation__submenu-container,
.block-navigation.items-justified-space-between
> .block-navigation__container
> .has-child:last-child
.block-navigation__submenu-container
.block-navigation__submenu-container {
left: -1px;
right: -1px;
}
@media (min-width: 782px) {
.block-navigation.items-justified-right
.block-navigation__container
.has-child
.block-navigation__submenu-container
.block-navigation__submenu-container,
.block-navigation.items-justified-right
.block-page-list
> .has-child
.block-navigation__submenu-container
.block-navigation__submenu-container,
.block-navigation.items-justified-space-between
.block-page-list
> .has-child:last-child
.block-navigation__submenu-container
.block-navigation__submenu-container,
.block-navigation.items-justified-space-between
> .block-navigation__container
> .has-child:last-child
.block-navigation__submenu-container
.block-navigation__submenu-container {
left: auto;
right: 100%;
}
}
.block-navigation:not(.has-background) .block-navigation__submenu-container {
background-color: #fff;
}
.block-navigation.has-background .block-navigation__submenu-container {
background-color: inherit;
}
.block-navigation:not(.has-text-color) .block-navigation__submenu-container {
color: #000;
}
.block-navigation__container {
align-items: var(--navigation-layout-align, initial);
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
justify-content: var(--navigation-layout-justify, initial);
list-style: none;
margin: 0;
padding-left: 0;
}
.block-navigation__container .is-responsive {
display: none;
}
.block-navigation__container:only-child,
.block-page-list:only-child {
flex-grow: 1;
}
.block-navigation__responsive-container {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
}
.block-navigation__responsive-container :where(.block-navigation-item a) {
color: inherit;
}
.block-navigation__responsive-container
.block-navigation__responsive-container-content {
align-items: var(--navigation-layout-align, initial);
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
justify-content: var(--navigation-layout-justify, initial);
}
.block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
background-color: inherit !important;
color: inherit !important;
}
.block-navigation__responsive-container.is-menu-open {
background-color: inherit;
display: flex;
flex-direction: column;
}
@media not (prefers-reduced-motion) {
.block-navigation__responsive-container.is-menu-open {
animation: overlay-menu__fade-in-animation 0.1s ease-out;
animation-fill-mode: forwards;
}
}
.block-navigation__responsive-container.is-menu-open {
overflow: auto;
padding: clamp(1rem, var(--style--root--padding-top), 20rem)
clamp(1rem, var(--style--root--padding-right), 20rem)
clamp(1rem, var(--style--root--padding-bottom), 20rem)
clamp(1rem, var(--style--root--padding-left), 20rem);
z-index: 100000;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content {
align-items: var(--navigation-layout-justification-setting, inherit);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow: visible;
padding-top: calc(2rem + 24px);
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content,
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation__container,
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-page-list {
justify-content: flex-start;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation__submenu-icon {
display: none;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.has-child
.block-navigation__submenu-container {
border: none;
height: auto;
min-width: 200px;
opacity: 1;
overflow: initial;
padding-left: 2rem;
padding-right: 2rem;
position: static;
visibility: visible;
width: auto;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation__container,
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation__submenu-container {
gap: inherit;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation__submenu-container {
padding-top: var(--style--block-gap, 2em);
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation-item__content {
padding: 0;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation-item,
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-navigation__container,
.block-navigation__responsive-container.is-menu-open
.block-navigation__responsive-container-content
.block-page-list {
align-items: var(--navigation-layout-justification-setting, initial);
display: flex;
flex-direction: column;
}
.block-navigation__responsive-container.is-menu-open .block-navigation-item,
.block-navigation__responsive-container.is-menu-open
.block-navigation-item
.block-navigation__submenu-container,
.block-navigation__responsive-container.is-menu-open
.block-navigation__container,
.block-navigation__responsive-container.is-menu-open .block-page-list {
background: #0000 !important;
color: inherit !important;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container {
left: auto;
right: auto;
}
.block-navigation:not(.has-background)
.block-navigation__responsive-container.is-menu-open {
background-color: #fff;
}
.block-navigation:not(.has-text-color)
.block-navigation__responsive-container.is-menu-open {
color: #000;
}
.block-navigation__toggle_button_label {
font-size: 1rem;
font-weight: 700;
}
.block-navigation__responsive-container-close,
.block-navigation__responsive-container-open {
background: #0000;
border: none;
color: currentColor;
cursor: pointer;
margin: 0;
padding: 0;
text-transform: inherit;
vertical-align: middle;
}
.block-navigation__responsive-container-close svg,
.block-navigation__responsive-container-open svg {
fill: currentColor;
display: block;
height: 24px;
pointer-events: none;
width: 24px;
}
.block-navigation__responsive-container-open {
display: flex;
}
.block-navigation__responsive-container-open.block-navigation__responsive-container-open.block-navigation__responsive-container-open {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
@media (min-width: 600px) {
.block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
}
.block-navigation__responsive-container-close {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.block-navigation__responsive-container-close.block-navigation__responsive-container-close.block-navigation__responsive-container-close {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
.block-navigation__responsive-close {
width: 100%;
}
.has-modal-open .block-navigation__responsive-close {
margin-left: auto;
margin-right: auto;
max-width: var(--style--global--wide-size, 100%);
}
.block-navigation__responsive-close:focus {
outline: none;
}
.is-menu-open .block-navigation__responsive-close,
.is-menu-open .block-navigation__responsive-container-content,
.is-menu-open .block-navigation__responsive-dialog {
box-sizing: border-box;
}
.block-navigation__responsive-dialog {
position: relative;
}
.has-modal-open .admin-bar .is-menu-open .block-navigation__responsive-dialog {
margin-top: 46px;
}
@media (min-width: 782px) {
.has-modal-open
.admin-bar
.is-menu-open
.block-navigation__responsive-dialog {
margin-top: 32px;
}
}
html.has-modal-open {
overflow: hidden;
}
.block-navigation .block-navigation-item__label {
overflow-wrap: break-word;
}
.block-navigation .block-navigation-item__description {
display: none;
}
.link-ui-tools {
outline: 1px solid #f0f0f0;
padding: 8px;
}
.link-ui-block-inserter {
padding-top: 8px;
}
.link-ui-block-inserter__back {
margin-left: 8px;
text-transform: uppercase;
}
.block-navigation .block-page-list {
align-items: var(--navigation-layout-align, initial);
background-color: inherit;
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
justify-content: var(--navigation-layout-justify, initial);
}
.block-navigation .block-navigation-item {
background-color: inherit;
}
.block-page-list {
box-sizing: border-box;
}
.is-small-text {
font-size: 0.875em;
}
.is-regular-text {
font-size: 1em;
}
.is-large-text {
font-size: 2.25em;
}
.is-larger-text {
font-size: 3em;
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
font-style: normal;
font-weight: 100;
line-height: 0.68;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
}
body.rtl .has-drop-cap:not(:focus):first-letter {
float: none;
margin-left: 0.1em;
}
p.has-drop-cap.has-background {
overflow: hidden;
}
:root :where(p.has-background) {
padding: 1.25em 2.375em;
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit;
}
p.has-text-align-left[style*="writing-mode:vertical-lr"],
p.has-text-align-right[style*="writing-mode:vertical-rl"] {
rotate: 180deg;
}
.block-post-author {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.block-post-author__byline {
font-size: 0.5em;
margin-bottom: 0;
margin-top: 0;
width: 100%;
}
.block-post-author__avatar {
margin-right: 1em;
}
.block-post-author__bio {
font-size: 0.7em;
margin-bottom: 0.7em;
}
.block-post-author__content {
flex-basis: 0;
flex-grow: 1;
}
.block-post-author__name {
margin: 0;
}
.block-post-author-biography {
box-sizing: border-box;
}
:where(.block-post-comments-form input:not([type="submit"])),
:where(.block-post-comments-form textarea) {
border: 1px solid #949494;
font-family: inherit;
font-size: 1em;
}
:where(
.block-post-comments-form
input:where(:not([type="submit"]):not([type="checkbox"]))
),
:where(.block-post-comments-form textarea) {
padding: calc(0.667em + 2px);
}
.block-post-comments-form {
box-sizing: border-box;
}
.block-post-comments-form[style*="font-weight"] :where(.comment-reply-title) {
font-weight: inherit;
}
.block-post-comments-form[style*="font-family"] :where(.comment-reply-title) {
font-family: inherit;
}
.block-post-comments-form[class*="-font-size"] :where(.comment-reply-title),
.block-post-comments-form[style*="font-size"] :where(.comment-reply-title) {
font-size: inherit;
}
.block-post-comments-form[style*="line-height"] :where(.comment-reply-title) {
line-height: inherit;
}
.block-post-comments-form[style*="font-style"] :where(.comment-reply-title) {
font-style: inherit;
}
.block-post-comments-form[style*="letter-spacing"]
:where(.comment-reply-title) {
letter-spacing: inherit;
}
.block-post-comments-form :where(input[type="submit"]) {
box-shadow: none;
cursor: pointer;
display: inline-block;
overflow-wrap: break-word;
text-align: center;
}
.block-post-comments-form
.comment-form
input:not([type="submit"]):not([type="checkbox"]):not([type="hidden"]),
.block-post-comments-form .comment-form textarea {
box-sizing: border-box;
display: block;
width: 100%;
}
.block-post-comments-form .comment-form-author label,
.block-post-comments-form .comment-form-email label,
.block-post-comments-form .comment-form-url label {
display: block;
margin-bottom: 0.25em;
}
.block-post-comments-form .comment-form-cookies-consent {
display: flex;
gap: 0.25em;
}
.block-post-comments-form
.comment-form-cookies-consent
#comment-cookies-consent {
margin-top: 0.35em;
}
.block-post-comments-form .comment-reply-title {
margin-bottom: 0;
}
.block-post-comments-form .comment-reply-title :where(small) {
font-size: var(--preset--font-size--medium, smaller);
margin-left: 0.5em;
}
.block-post-comments-count {
box-sizing: border-box;
}
.block-post-content {
display: flow-root;
}
.block-post-comments-link,
.block-post-date {
box-sizing: border-box;
}
:where(.block-post-excerpt) {
box-sizing: border-box;
margin-bottom: var(--style--block-gap);
margin-top: var(--style--block-gap);
}
.block-post-excerpt__excerpt {
margin-bottom: 0;
margin-top: 0;
}
.block-post-excerpt__more-text {
margin-bottom: 0;
margin-top: var(--style--block-gap);
}
.block-post-excerpt__more-link {
display: inline-block;
}
.block-post-featured-image {
margin-left: 0;
margin-right: 0;
}
.block-post-featured-image a {
display: block;
height: 100%;
}
.block-post-featured-image :where(img) {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
width: 100%;
}
.block-post-featured-image.alignfull img,
.block-post-featured-image.alignwide img {
width: 100%;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim {
background-color: #000;
inset: 0;
position: absolute;
}
.block-post-featured-image {
position: relative;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-gradient {
background-color: initial;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-0 {
opacity: 0;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-10 {
opacity: 0.1;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-20 {
opacity: 0.2;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-30 {
opacity: 0.3;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-40 {
opacity: 0.4;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-50 {
opacity: 0.5;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-60 {
opacity: 0.6;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-70 {
opacity: 0.7;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-80 {
opacity: 0.8;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-90 {
opacity: 0.9;
}
.block-post-featured-image
.block-post-featured-image__overlay.has-background-dim-100 {
opacity: 1;
}
.block-post-featured-image:where(.alignleft, .alignright) {
width: 100%;
}
.block-post-navigation-link .block-post-navigation-link__arrow-previous {
display: inline-block;
margin-right: 1ch;
}
.block-post-navigation-link
.block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
transform: scaleX(1);
}
.block-post-navigation-link .block-post-navigation-link__arrow-next {
display: inline-block;
margin-left: 1ch;
}
.block-post-navigation-link
.block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
transform: scaleX(1);
}
.block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],
.block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"] {
rotate: 180deg;
}
.block-post-terms {
box-sizing: border-box;
}
.block-post-terms .block-post-terms__separator {
white-space: pre-wrap;
}
.block-post-time-to-read,
.block-post-title {
box-sizing: border-box;
}
.block-post-title {
word-break: break-word;
}
.block-post-title :where(a) {
display: inline-block;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-decoration: inherit;
}
.block-post-author-name {
box-sizing: border-box;
}
.block-preformatted {
box-sizing: border-box;
white-space: pre-wrap;
}
:where(.block-preformatted.has-background) {
padding: 1.25em 2.375em;
}
.block-pullquote {
box-sizing: border-box;
margin: 0 0 1em;
overflow-wrap: break-word;
padding: 4em 0;
text-align: center;
}
.block-pullquote blockquote,
.block-pullquote p {
color: inherit;
}
.block-pullquote blockquote {
margin: 0;
}
.block-pullquote p {
margin-top: 0;
}
.block-pullquote p:last-child {
margin-bottom: 0;
}
.block-pullquote.alignleft,
.block-pullquote.alignright {
max-width: 420px;
}
.block-pullquote cite,
.block-pullquote footer {
position: relative;
}
.block-pullquote .has-text-color a {
color: inherit;
}
.block-pullquote.has-text-align-left blockquote {
text-align: left;
}
.block-pullquote.has-text-align-right blockquote {
text-align: right;
}
.block-pullquote.has-text-align-center blockquote {
text-align: center;
}
.block-pullquote.is-style-solid-color {
border: none;
}
.block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
max-width: 60%;
}
.block-pullquote.is-style-solid-color blockquote p {
font-size: 2em;
margin-bottom: 0;
margin-top: 0;
}
.block-pullquote.is-style-solid-color blockquote cite {
font-style: normal;
text-transform: none;
}
.block-pullquote :where(cite) {
color: inherit;
display: block;
}
.block-post-template {
box-sizing: border-box;
list-style: none;
margin-bottom: 0;
margin-top: 0;
max-width: 100%;
padding: 0;
}
.block-post-template.is-flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1.25em;
}
.block-post-template.is-flex-container > li {
margin: 0;
width: 100%;
}
@media (max-width: 600px) {
.block-post-template-is-layout-grid.block-post-template-is-layout-grid.block-post-template-is-layout-grid.block-post-template-is-layout-grid {
grid-template-columns: 1fr;
}
}
.block-post-template-is-layout-constrained > li > .alignright,
.block-post-template-is-layout-flow > li > .alignright {
float: right;
margin-inline-end: 0;
margin-inline-start: 2em;
}
.block-post-template-is-layout-constrained > li > .alignleft,
.block-post-template-is-layout-flow > li > .alignleft {
float: left;
margin-inline-end: 2em;
margin-inline-start: 0;
}
.block-post-template-is-layout-constrained > li > .aligncenter,
.block-post-template-is-layout-flow > li > .aligncenter {
margin-inline-end: auto;
margin-inline-start: auto;
}
.block-query-pagination.is-content-justification-space-between
> .block-query-pagination-next:last-of-type {
margin-inline-start: auto;
}
.block-query-pagination.is-content-justification-space-between
> .block-query-pagination-previous:first-child {
margin-inline-end: auto;
}
.block-query-pagination .block-query-pagination-previous-arrow {
display: inline-block;
margin-right: 1ch;
}
.block-query-pagination
.block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1);
}
.block-query-pagination .block-query-pagination-next-arrow {
display: inline-block;
margin-left: 1ch;
}
.block-query-pagination
.block-query-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1);
}
.block-query-pagination.aligncenter {
justify-content: center;
}
.block-query-title,
.block-query-total,
.block-quote {
box-sizing: border-box;
}
.block-quote {
overflow-wrap: break-word;
}
.block-quote.is-large:where(:not(.is-style-plain)),
.block-quote.is-style-large:where(:not(.is-style-plain)) {
margin-bottom: 1em;
padding: 0 1em;
}
.block-quote.is-large:where(:not(.is-style-plain)) p,
.block-quote.is-style-large:where(:not(.is-style-plain)) p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6;
}
.block-quote.is-large:where(:not(.is-style-plain)) cite,
.block-quote.is-large:where(:not(.is-style-plain)) footer,
.block-quote.is-style-large:where(:not(.is-style-plain)) cite,
.block-quote.is-style-large:where(:not(.is-style-plain)) footer {
font-size: 1.125em;
text-align: right;
}
.block-quote > cite {
display: block;
}
.block-read-more {
display: block;
width: fit-content;
}
.block-read-more:where(:not([style*="text-decoration"])) {
text-decoration: none;
}
.block-read-more:where(:not([style*="text-decoration"])):active,
.block-read-more:where(:not([style*="text-decoration"])):focus {
text-decoration: none;
}
ul.block-rss.alignleft {
margin-right: 2em;
}
ul.block-rss.alignright {
margin-left: 2em;
}
ul.block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
}
ul.block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%;
}
.block-rss__item-author,
.block-rss__item-publish-date {
display: block;
font-size: 0.8125em;
}
.block-rss {
box-sizing: border-box;
list-style: none;
padding: 0;
}
.block-search__button {
margin-left: 10px;
word-break: normal;
}
.block-search__button.has-icon {
line-height: 0;
}
.block-search__button svg {
height: 1.25em;
min-height: 24px;
min-width: 24px;
width: 1.25em;
fill: currentColor;
vertical-align: text-bottom;
}
:where(.block-search__button) {
border: 1px solid #ccc;
padding: 6px 10px;
}
.block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.block-search__label {
width: 100%;
}
.block-search.block-search__button-only .block-search__button {
box-sizing: border-box;
display: flex;
flex-shrink: 0;
justify-content: center;
margin-left: 0;
max-width: 100%;
}
.block-search.block-search__button-only .block-search__inside-wrapper {
min-width: 0 !important;
transition-property: width;
}
.block-search.block-search__button-only .block-search__input {
flex-basis: 100%;
transition-duration: 0.3s;
}
.block-search.block-search__button-only.block-search__searchfield-hidden,
.block-search.block-search__button-only.block-search__searchfield-hidden
.block-search__inside-wrapper {
overflow: hidden;
}
.block-search.block-search__button-only.block-search__searchfield-hidden
.block-search__input {
border-left-width: 0 !important;
border-right-width: 0 !important;
flex-basis: 0;
flex-grow: 0;
margin: 0;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 0 !important;
}
:where(.block-search__input) {
appearance: none;
border: 1px solid #949494;
flex-grow: 1;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin-left: 0;
margin-right: 0;
min-width: 3rem;
padding: 8px;
text-decoration: unset !important;
text-transform: inherit;
}
:where(.block-search__button-inside .block-search__inside-wrapper) {
background-color: #fff;
border: 1px solid #949494;
box-sizing: border-box;
padding: 4px;
}
:where(.block-search__button-inside .block-search__inside-wrapper)
.block-search__input {
border: none;
border-radius: 0;
padding: 0 4px;
}
:where(.block-search__button-inside .block-search__inside-wrapper)
.block-search__input:focus {
outline: none;
}
:where(.block-search__button-inside .block-search__inside-wrapper)
:where(.block-search__button) {
padding: 4px 8px;
}
.block-search.aligncenter .block-search__inside-wrapper {
margin: auto;
}
.block-element[data-align="right"]
.block-search.block-search__button-only
.block-search__inside-wrapper {
float: right;
}
.block-separator {
border: none;
border-top: 2px solid;
}
:root :where(.block-separator.is-style-dots) {
height: auto;
line-height: 1;
text-align: center;
}
:root :where(.block-separator.is-style-dots):before {
color: currentColor;
content: "···";
font-family: serif;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
}
.block-separator.is-style-dots {
background: none !important;
border: none !important;
}
.block-site-logo {
box-sizing: border-box;
line-height: 0;
}
.block-site-logo a {
display: inline-block;
line-height: 0;
}
.block-site-logo.is-default-size img {
height: auto;
width: 120px;
}
.block-site-logo img {
height: auto;
max-width: 100%;
}
.block-site-logo a,
.block-site-logo img {
border-radius: inherit;
}
.block-site-logo.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
:root :where(.block-site-logo.is-style-rounded) {
border-radius: 9999px;
}
.block-site-tagline,
.block-site-title {
box-sizing: border-box;
}
.block-site-title :where(a) {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-decoration: inherit;
}
.block-social-links {
background: none;
box-sizing: border-box;
margin-left: 0;
padding-left: 0;
padding-right: 0;
text-indent: 0;
}
.block-social-links .social-link a,
.block-social-links .social-link a:hover {
border-bottom: 0;
box-shadow: none;
text-decoration: none;
}
.block-social-links .social-link svg {
height: 1em;
width: 1em;
}
.block-social-links .social-link span:not(.screen-reader-text) {
font-size: 0.65em;
margin-left: 0.5em;
margin-right: 0.5em;
}
.block-social-links.has-small-icon-size {
font-size: 16px;
}
.block-social-links,
.block-social-links.has-normal-icon-size {
font-size: 24px;
}
.block-social-links.has-large-icon-size {
font-size: 36px;
}
.block-social-links.has-huge-icon-size {
font-size: 48px;
}
.block-social-links.aligncenter {
display: flex;
justify-content: center;
}
.block-social-links.alignright {
justify-content: flex-end;
}
.block-social-link {
border-radius: 9999px;
display: block;
}
@media not (prefers-reduced-motion) {
.block-social-link {
transition: transform 0.1s ease;
}
}
.block-social-link {
height: auto;
}
.block-social-link a {
align-items: center;
display: flex;
line-height: 0;
}
.block-social-link:hover {
transform: scale(1.1);
}
.block-social-links .block-social-link.social-link {
display: inline-block;
margin: 0;
padding: 0;
}
.block-social-links .block-social-link.social-link .block-social-link-anchor,
.block-social-links
.block-social-link.social-link
.block-social-link-anchor
svg,
.block-social-links
.block-social-link.social-link
.block-social-link-anchor:active,
.block-social-links
.block-social-link.social-link
.block-social-link-anchor:hover,
.block-social-links
.block-social-link.social-link
.block-social-link-anchor:visited {
color: currentColor;
fill: currentColor;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link {
background-color: #f0f0f0;
color: #444;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-amazon {
background-color: #f90;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-bandcamp {
background-color: #1ea0c3;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-behance {
background-color: #0757fe;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-bluesky {
background-color: #0a7aff;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-codepen {
background-color: #1e1f26;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-deviantart {
background-color: #02e49b;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-discord {
background-color: #5865f2;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-dribbble {
background-color: #e94c89;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-dropbox {
background-color: #4280ff;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-etsy {
background-color: #f45800;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-facebook {
background-color: #0866ff;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only))
.social-link-fivehundredpx {
background-color: #000;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-flickr {
background-color: #0461dd;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-foursquare {
background-color: #e65678;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-github {
background-color: #24292d;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-goodreads {
background-color: #eceadd;
color: #382110;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-google {
background-color: #ea4434;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-gravatar {
background-color: #1d4fc4;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-instagram {
background-color: #f00075;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-lastfm {
background-color: #e21b24;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-linkedin {
background-color: #0d66c2;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-mastodon {
background-color: #3288d4;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-medium {
background-color: #000;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-meetup {
background-color: #f6405f;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-patreon {
background-color: #000;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-pinterest {
background-color: #e60122;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-pocket {
background-color: #ef4155;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-reddit {
background-color: #ff4500;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-skype {
background-color: #0478d7;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-soundcloud {
background-color: #ff5600;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-spotify {
background-color: #1bd760;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-telegram {
background-color: #2aabee;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-threads {
background-color: #000;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-tiktok {
background-color: #000;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-tumblr {
background-color: #011835;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-twitch {
background-color: #6440a4;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-twitter {
background-color: #1da1f2;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-vimeo {
background-color: #1eb7ea;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-vk {
background-color: #4680c2;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only))
.social-link-social-default {
background-color: #3499cd;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-whatsapp {
background-color: #25d366;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-x {
background-color: #000;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-yelp {
background-color: #d32422;
color: #fff;
}
:where(.block-social-links:not(.is-style-logos-only)) .social-link-youtube {
background-color: red;
color: #fff;
}
:where(.block-social-links.is-style-logos-only) .social-link {
background: none;
}
:where(.block-social-links.is-style-logos-only) .social-link svg {
height: 1.25em;
width: 1.25em;
}
:where(.block-social-links.is-style-logos-only) .social-link-amazon {
color: #f90;
}
:where(.block-social-links.is-style-logos-only) .social-link-bandcamp {
color: #1ea0c3;
}
:where(.block-social-links.is-style-logos-only) .social-link-behance {
color: #0757fe;
}
:where(.block-social-links.is-style-logos-only) .social-link-bluesky {
color: #0a7aff;
}
:where(.block-social-links.is-style-logos-only) .social-link-codepen {
color: #1e1f26;
}
:where(.block-social-links.is-style-logos-only) .social-link-deviantart {
color: #02e49b;
}
:where(.block-social-links.is-style-logos-only) .social-link-discord {
color: #5865f2;
}
:where(.block-social-links.is-style-logos-only) .social-link-dribbble {
color: #e94c89;
}
:where(.block-social-links.is-style-logos-only) .social-link-dropbox {
color: #4280ff;
}
:where(.block-social-links.is-style-logos-only) .social-link-etsy {
color: #f45800;
}
:where(.block-social-links.is-style-logos-only) .social-link-facebook {
color: #0866ff;
}
:where(.block-social-links.is-style-logos-only) .social-link-fivehundredpx {
color: #000;
}
:where(.block-social-links.is-style-logos-only) .social-link-flickr {
color: #0461dd;
}
:where(.block-social-links.is-style-logos-only) .social-link-foursquare {
color: #e65678;
}
:where(.block-social-links.is-style-logos-only) .social-link-github {
color: #24292d;
}
:where(.block-social-links.is-style-logos-only) .social-link-goodreads {
color: #382110;
}
:where(.block-social-links.is-style-logos-only) .social-link-google {
color: #ea4434;
}
:where(.block-social-links.is-style-logos-only) .social-link-gravatar {
color: #1d4fc4;
}
:where(.block-social-links.is-style-logos-only) .social-link-instagram {
color: #f00075;
}
:where(.block-social-links.is-style-logos-only) .social-link-lastfm {
color: #e21b24;
}
:where(.block-social-links.is-style-logos-only) .social-link-linkedin {
color: #0d66c2;
}
:where(.block-social-links.is-style-logos-only) .social-link-mastodon {
color: #3288d4;
}
:where(.block-social-links.is-style-logos-only) .social-link-medium {
color: #000;
}
:where(.block-social-links.is-style-logos-only) .social-link-meetup {
color: #f6405f;
}
:where(.block-social-links.is-style-logos-only) .social-link-patreon {
color: #000;
}
:where(.block-social-links.is-style-logos-only) .social-link-pinterest {
color: #e60122;
}
:where(.block-social-links.is-style-logos-only) .social-link-pocket {
color: #ef4155;
}
:where(.block-social-links.is-style-logos-only) .social-link-reddit {
color: #ff4500;
}
:where(.block-social-links.is-style-logos-only) .social-link-skype {
color: #0478d7;
}
:where(.block-social-links.is-style-logos-only) .social-link-snapchat {
color: #fff;
stroke: #000;
}
:where(.block-social-links.is-style-logos-only) .social-link-soundcloud {
color: #ff5600;
}
:where(.block-social-links.is-style-logos-only) .social-link-spotify {
color: #1bd760;
}
:where(.block-social-links.is-style-logos-only) .social-link-telegram {
color: #2aabee;
}
:where(.block-social-links.is-style-logos-only) .social-link-threads {
color: #000;
}
:where(.block-social-links.is-style-logos-only) .social-link-tiktok {
color: #000;
}
:where(.block-social-links.is-style-logos-only) .social-link-tumblr {
color: #011835;
}
:where(.block-social-links.is-style-logos-only) .social-link-twitch {
color: #6440a4;
}
:where(.block-social-links.is-style-logos-only) .social-link-twitter {
color: #1da1f2;
}
:where(.block-social-links.is-style-logos-only) .social-link-vimeo {
color: #1eb7ea;
}
:where(.block-social-links.is-style-logos-only) .social-link-vk {
color: #4680c2;
}
:where(.block-social-links.is-style-logos-only) .social-link-whatsapp {
color: #25d366;
}
:where(.block-social-links.is-style-logos-only) .social-link-social-default {
color: #3499cd;
}
:where(.block-social-links.is-style-logos-only) .social-link-x {
color: #000;
}
:where(.block-social-links.is-style-logos-only) .social-link-yelp {
color: #d32422;
}
:where(.block-social-links.is-style-logos-only) .social-link-youtube {
color: red;
}
.block-social-links.is-style-pill-shape .social-link {
width: auto;
}
:root :where(.block-social-links .social-link a) {
padding: 0.25em;
}
:root :where(.block-social-links.is-style-logos-only .social-link a) {
padding: 0;
}
:root :where(.block-social-links.is-style-pill-shape .social-link a) {
padding-left: 0.6666666667em;
padding-right: 0.6666666667em;
}
.block-social-links:not(.has-icon-color):not(.has-icon-background-color)
.social-link-snapchat
.block-social-link-label {
color: #000;
}
.block-spacer {
clear: both;
}
.block-tag-cloud {
box-sizing: border-box;
}
.block-tag-cloud.aligncenter {
justify-content: center;
text-align: center;
}
.block-tag-cloud a {
display: inline-block;
margin-right: 5px;
}
.block-tag-cloud span {
display: inline-block;
margin-left: 5px;
text-decoration: none;
}
:root :where(.block-tag-cloud.is-style-outline) {
display: flex;
flex-wrap: wrap;
gap: 1ch;
}
:root :where(.block-tag-cloud.is-style-outline a) {
border: 1px solid;
font-size: unset !important;
margin-right: 0;
padding: 1ch 2ch;
text-decoration: none !important;
}
.block-table {
overflow-x: auto;
}
.block-table table {
border-collapse: collapse;
width: 100%;
}
.block-table thead {
border-bottom: 3px solid;
}
.block-table tfoot {
border-top: 3px solid;
}
.block-table td,
.block-table th {
border: 1px solid;
padding: 0.5em;
}
.block-table .has-fixed-layout {
table-layout: fixed;
width: 100%;
}
.block-table .has-fixed-layout td,
.block-table .has-fixed-layout th {
word-break: break-word;
}
.block-table.aligncenter,
.block-table.alignleft,
.block-table.alignright {
display: table;
width: auto;
}
.block-table.aligncenter td,
.block-table.aligncenter th,
.block-table.alignleft td,
.block-table.alignleft th,
.block-table.alignright td,
.block-table.alignright th {
word-break: break-word;
}
.block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5;
}
.block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5;
}
.block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe;
}
.block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef;
}
.block-table.is-style-stripes {
background-color: initial;
border-collapse: inherit;
border-spacing: 0;
}
.block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
}
.block-table.is-style-stripes.has-subtle-light-gray-background-color
tbody
tr:nth-child(odd) {
background-color: #f3f4f5;
}
.block-table.is-style-stripes.has-subtle-pale-green-background-color
tbody
tr:nth-child(odd) {
background-color: #e9fbe5;
}
.block-table.is-style-stripes.has-subtle-pale-blue-background-color
tbody
tr:nth-child(odd) {
background-color: #e7f5fe;
}
.block-table.is-style-stripes.has-subtle-pale-pink-background-color
tbody
tr:nth-child(odd) {
background-color: #fcf0ef;
}
.block-table.is-style-stripes td,
.block-table.is-style-stripes th {
border-color: #0000;
}
.block-table.is-style-stripes {
border-bottom: 1px solid #f0f0f0;
}
.block-table .has-border-color td,
.block-table .has-border-color th,
.block-table .has-border-color tr,
.block-table .has-border-color > * {
border-color: inherit;
}
.block-table table[style*="border-top-color"] tr:first-child,
.block-table table[style*="border-top-color"] tr:first-child td,
.block-table table[style*="border-top-color"] tr:first-child th,
.block-table table[style*="border-top-color"] > *,
.block-table table[style*="border-top-color"] > * td,
.block-table table[style*="border-top-color"] > * th {
border-top-color: inherit;
}
.block-table table[style*="border-top-color"] tr:not(:first-child) {
border-top-color: initial;
}
.block-table table[style*="border-right-color"] td:last-child,
.block-table table[style*="border-right-color"] th,
.block-table table[style*="border-right-color"] tr,
.block-table table[style*="border-right-color"] > * {
border-right-color: inherit;
}
.block-table table[style*="border-bottom-color"] tr:last-child,
.block-table table[style*="border-bottom-color"] tr:last-child td,
.block-table table[style*="border-bottom-color"] tr:last-child th,
.block-table table[style*="border-bottom-color"] > *,
.block-table table[style*="border-bottom-color"] > * td,
.block-table table[style*="border-bottom-color"] > * th {
border-bottom-color: inherit;
}
.block-table table[style*="border-bottom-color"] tr:not(:last-child) {
border-bottom-color: initial;
}
.block-table table[style*="border-left-color"] td:first-child,
.block-table table[style*="border-left-color"] th,
.block-table table[style*="border-left-color"] tr,
.block-table table[style*="border-left-color"] > * {
border-left-color: inherit;
}
.block-table table[style*="border-style"] td,
.block-table table[style*="border-style"] th,
.block-table table[style*="border-style"] tr,
.block-table table[style*="border-style"] > * {
border-style: inherit;
}
.block-table table[style*="border-width"] td,
.block-table table[style*="border-width"] th,
.block-table table[style*="border-width"] tr,
.block-table table[style*="border-width"] > * {
border-style: inherit;
border-width: inherit;
}
:root :where(.block-table-of-contents) {
box-sizing: border-box;
}
.block-term-count {
box-sizing: border-box;
}
:where(.block-term-description) {
box-sizing: border-box;
margin-bottom: var(--style--block-gap);
margin-top: var(--style--block-gap);
}
.block-term-description p {
margin-bottom: 0;
margin-top: 0;
}
.block-term-name {
box-sizing: border-box;
}
.block-term-template {
box-sizing: border-box;
list-style: none;
margin-bottom: 0;
margin-top: 0;
max-width: 100%;
padding: 0;
}
.block-text-columns,
.block-text-columns.aligncenter {
display: flex;
}
.block-text-columns .block-column {
margin: 0 1em;
padding: 0;
}
.block-text-columns .block-column:first-child {
margin-left: 0;
}
.block-text-columns .block-column:last-child {
margin-right: 0;
}
.block-text-columns.columns-2 .block-column {
width: 50%;
}
.block-text-columns.columns-3 .block-column {
width: 33.3333333333%;
}
.block-text-columns.columns-4 .block-column {
width: 25%;
}
pre.block-verse {
overflow: auto;
white-space: pre-wrap;
}
:where(pre.block-verse) {
font-family: inherit;
}
.block-video {
box-sizing: border-box;
}
.block-video video {
height: auto;
vertical-align: middle;
width: 100%;
}
@supports (position: sticky) {
.block-video [poster] {
object-fit: cover;
}
}
.block-video.aligncenter {
text-align: center;
}
.block-video :where(figcaption) {
margin-bottom: 1em;
margin-top: 0.5em;
}
.editor-styles-wrapper,
.entry-content {
counter-reset: footnotes;
}
a[data-fn].fn {
counter-increment: footnotes;
display: inline-flex;
font-size: smaller;
text-decoration: none;
text-indent: -9999999px;
vertical-align: super;
}
a[data-fn].fn:after {
content: "[" counter(footnotes) "]";
float: left;
text-indent: 0;
}
:root {
--block-synced-color: #7a00df;
--block-synced-color--rgb: 122, 0, 223;
--bound-block-color: var(--block-synced-color);
--editor-canvas-background: #ddd;
--ui-theme-color: #007cba;
--ui-theme-color--rgb: 0, 124, 186;
--ui-theme-color-darker-10: #006ba1;
--ui-theme-color-darker-10--rgb: 0, 107, 160.5;
--ui-theme-color-darker-20: #005a87;
--ui-theme-color-darker-20--rgb: 0, 90, 135;
--admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--admin-border-width-focus: 1.5px;
}
}
.element-button {
cursor: pointer;
}
:root .has-very-light-gray-background-color {
background-color: #eee;
}
:root .has-very-dark-gray-background-color {
background-color: #313131;
}
:root .has-very-light-gray-color {
color: #eee;
}
:root .has-very-dark-gray-color {
color: #313131;
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3);
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec);
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671);
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59);
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf);
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc);
}
:root {
--preset--font-size--normal: 16px;
--preset--font-size--huge: 42px;
}
.has-regular-font-size {
font-size: 1em;
}
.has-larger-font-size {
font-size: 2.625em;
}
.has-normal-font-size {
font-size: var(--preset--font-size--normal);
}
.has-huge-font-size {
font-size: var(--preset--font-size--huge);
}
.has-text-align-center {
text-align: center;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-right {
text-align: right;
}
.has-fit-text {
white-space: nowrap !important;
}
#end-resizable-editor-section {
display: none;
}
.aligncenter {
clear: both;
}
.items-justified-left {
justify-content: flex-start;
}
.items-justified-center {
justify-content: center;
}
.items-justified-right {
justify-content: flex-end;
}
.items-justified-space-between {
justify-content: space-between;
}
.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #ddd;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
html :where(.has-border-color) {
border-style: solid;
}
html :where([style*="border-top-color"]) {
border-top-style: solid;
}
html :where([style*="border-right-color"]) {
border-right-style: solid;
}
html :where([style*="border-bottom-color"]) {
border-bottom-style: solid;
}
html :where([style*="border-left-color"]) {
border-left-style: solid;
}
html :where([style*="border-width"]) {
border-style: solid;
}
html :where([style*="border-top-width"]) {
border-top-style: solid;
}
html :where([style*="border-right-width"]) {
border-right-style: solid;
}
html :where([style*="border-bottom-width"]) {
border-bottom-style: solid;
}
html :where([style*="border-left-width"]) {
border-left-style: solid;
}
html :where(img[class*="image-"]) {
height: auto;
max-width: 100%;
}
:where(figure) {
margin: 0 0 1em;
}
html :where(.is-position-sticky) {
--admin-bar--position-offset: var(--admin-bar--height, 0px);
}
@media screen and (max-width: 600px) {
html :where(.is-position-sticky) {
--admin-bar--position-offset: 0px;
}
}
.contact-form .hidden-fields-container {
display: none;
}
.contact-form form .contact-form-response {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2;
}
.contact-form form.init .contact-form-response,
.contact-form form.resetting .contact-form-response,
.contact-form form.submitting .contact-form-response {
display: none;
}
.contact-form form.sent .contact-form-response {
border-color: #46b450;
}
.contact-form form.failed .contact-form-response,
.contact-form form.aborted .contact-form-response {
border-color: #dc3232;
}
.contact-form form.spam .contact-form-response {
border-color: #f56e28;
}
.contact-form form.invalid .contact-form-response,
.contact-form form.unaccepted .contact-form-response,
.contact-form form.payment-required .contact-form-response {
border-color: #ffb900;
}
.contact-form-control-wrap {
position: relative;
}
.cf-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: 400;
display: block;
}
.use-floating-validation-tip .cf-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;
}
.cf-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.cf-list-item-label::before,
.cf-list-item-label::after {
content: " ";
}
.contact-form-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 .contact-form-spinner {
visibility: visible;
}
.contact-form-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) {
.contact-form-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
.contact-form [inert] {
opacity: 0.5;
}
.contact-form input[type="file"] {
cursor: pointer;
}
.contact-form input[type="file"]:disabled {
cursor: default;
}
.contact-form .cf-submit:disabled {
cursor: not-allowed;
}
.contact-form input[type="url"],
.contact-form input[type="email"],
.contact-form input[type="tel"] {
direction: ltr;
}
.cf-reflection > output {
display: list-item;
list-style: none;
}
.cf-reflection > output[hidden] {
display: none;
}
.flip-clock-wrapper a {
cursor: pointer;
text-decoration: none;
color: #ccc;
}
.flip-clock-wrapper a:hover {
color: #fff;
}
.flip-clock-wrapper ul {
list-style: none;
}
.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
content: " ";
display: table;
}
.flip-clock-wrapper.clearfix:after {
clear: both;
}
.flip-clock-wrapper.clearfix {
*zoom: 1;
}
.flip-clock-wrapper {
font:
normal 11px "Helvetica Neue",
Helvetica,
sans-serif;
-webkit-user-select: none;
}
.flip-clock-meridium {
background: none !important;
box-shadow: 0 0 0 !important;
font-size: 36px !important;
}
.flip-clock-meridium a {
color: #313333;
}
.flip-clock-wrapper {
text-align: center;
position: relative;
width: 100%;
margin: 1em;
}
.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
content: " ";
display: table;
}
.flip-clock-wrapper:after {
clear: both;
}
.flip-clock-wrapper ul {
position: relative;
float: left;
margin: 5px;
width: 60px;
height: 90px;
font-size: 80px;
font-weight: 700;
line-height: 87px;
border-radius: 6px;
background: #000;
}
.flip-clock-wrapper ul li {
z-index: 1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 87px;
text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
z-index: 2;
}
.flip-clock-wrapper ul li a {
display: block;
height: 100%;
-webkit-perspective: 200px;
-moz-perspective: 200px;
perspective: 200px;
margin: 0 !important;
overflow: visible !important;
cursor: default !important;
}
.flip-clock-wrapper ul li a div {
z-index: 1;
position: absolute;
left: 0;
width: 100%;
height: 50%;
font-size: 80px;
overflow: hidden;
outline: 1px solid #fff0;
}
.flip-clock-wrapper ul li a div .shadow {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
top: 0;
}
.flip-clock-wrapper ul li a div.up:after {
content: "";
position: absolute;
top: 44px;
left: 0;
z-index: 5;
width: 100%;
height: 3px;
background-color: #000;
background-color: rgb(0 0 0 / 0.4);
}
.flip-clock-wrapper ul li a div.down {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
bottom: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 200%;
color: #ccc;
text-shadow: 0 1px 2px #000;
text-align: center;
background-color: #333;
border-radius: 6px;
font-size: 70px;
}
.flip-clock-wrapper ul li a div.up div.inn {
top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
bottom: 0;
}
.flip-clock-wrapper ul.play li.flip-clock-before {
z-index: 3;
}
.flip-clock-wrapper .flip {
box-shadow: 0 2px 5px rgb(0 0 0 / 0.7);
}
.flip-clock-wrapper ul.play li.flip-clock-active {
-webkit-animation: asd 0.5s 0.5s linear both;
-moz-animation: asd 0.5s 0.5s linear both;
animation: asd 0.5s 0.5s linear both;
z-index: 5;
}
.flip-clock-divider {
float: left;
display: inline-block;
position: relative;
width: 20px;
height: 100px;
}
.flip-clock-divider:first-child {
width: 0;
}
.flip-clock-dot {
display: block;
background: #323434;
width: 10px;
height: 10px;
position: absolute;
border-radius: 50%;
box-shadow: 0 0 5px rgb(0 0 0 / 0.5);
left: 5px;
}
.flip-clock-divider .flip-clock-label {
position: absolute;
top: -1.5em;
right: -86px;
color: #000;
text-shadow: none;
}
.flip-clock-divider.minutes .flip-clock-label {
right: -88px;
}
.flip-clock-divider.seconds .flip-clock-label {
right: -91px;
}
.flip-clock-dot.top {
top: 30px;
}
.flip-clock-dot.bottom {
bottom: 30px;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
z-index: 2;
-webkit-animation: turn 0.5s 0.5s linear both;
-moz-animation: turn 0.5s 0.5s linear both;
animation: turn 0.5s 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
z-index: 2;
-webkit-animation: turn2 0.5s linear both;
-moz-animation: turn2 0.5s linear both;
animation: turn2 0.5s linear both;
}
.flip-clock-wrapper ul li.flip-clock-active {
z-index: 3;
}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
background: -moz-linear-gradient(top, rgb(0 0 0 / 0.1) 0%, black 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgb(0 0 0 / 0.1)),
color-stop(100%, black)
);
background:
linear,
top,
rgb(0 0 0 / 0.1) 0%,
black 100%;
background: -o-linear-gradient(top, rgb(0 0 0 / 0.1) 0%, black 100%);
background: -ms-linear-gradient(top, rgb(0 0 0 / 0.1) 0%, black 100%);
background:
linear,
to bottom,
rgb(0 0 0 / 0.1) 0%,
black 100%;
-webkit-animation: show 0.5s linear both;
-moz-animation: show 0.5s linear both;
animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
background: -moz-linear-gradient(top, rgb(0 0 0 / 0.1) 0%, black 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, rgb(0 0 0 / 0.1)),
color-stop(100%, black)
);
background:
linear,
top,
rgb(0 0 0 / 0.1) 0%,
black 100%;
background: -o-linear-gradient(top, rgb(0 0 0 / 0.1) 0%, black 100%);
background: -ms-linear-gradient(top, rgb(0 0 0 / 0.1) 0%, black 100%);
background:
linear,
to bottom,
rgb(0 0 0 / 0.1) 0%,
black 100%;
-webkit-animation: hide 0.5s 0.3s linear both;
-moz-animation: hide 0.5s 0.3s linear both;
animation: hide 0.5s 0.3s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
background: -moz-linear-gradient(top, black 0%, rgb(0 0 0 / 0.1) 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, black),
color-stop(100%, rgb(0 0 0 / 0.1))
);
background:
linear,
top,
black 0%,
rgb(0 0 0 / 0.1) 100%;
background: -o-linear-gradient(top, black 0%, rgb(0 0 0 / 0.1) 100%);
background: -ms-linear-gradient(top, black 0%, rgb(0 0 0 / 0.1) 100%);
background:
linear,
to bottom,
black 0%,
rgb(0 0 0 / 0.1) 100%;
-webkit-animation: show 0.5s linear both;
-moz-animation: show 0.5s linear both;
animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
background: -moz-linear-gradient(top, black 0%, rgb(0 0 0 / 0.1) 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%, black),
color-stop(100%, rgb(0 0 0 / 0.1))
);
background:
linear,
top,
black 0%,
rgb(0 0 0 / 0.1) 100%;
background: -o-linear-gradient(top, black 0%, rgb(0 0 0 / 0.1) 100%);
background: -ms-linear-gradient(top, black 0%, rgb(0 0 0 / 0.1) 100%);
background:
linear,
to bottom,
black 0%,
rgb(0 0 0 / 0.1) 100%;
-webkit-animation: hide 0.5s 0.3s linear both;
-moz-animation: hide 0.5s 0.3s linear both;
animation: hide 0.5s 0.2s linear both;
}
.flip-clock-wrapper ul.flip {
list-style: none;
}
.flip-clock-wrapper ul.flip li {
margin-left: 0;
}
.components-animate__appear.is-from-top,
.components-animate__appear.is-from-top.is-from-left {
transform-origin: top left;
}
.components-animate__appear.is-from-top.is-from-right {
transform-origin: top right;
}
.components-animate__appear.is-from-bottom,
.components-animate__appear.is-from-bottom.is-from-left {
transform-origin: bottom left;
}
.components-animate__appear.is-from-bottom.is-from-right {
transform-origin: bottom right;
}
@keyframes components-animate__slide-in-animation {
to {
transform: translateX(0);
}
}
@media not (prefers-reduced-motion) {
.components-animate__loading {
animation: components-animate__loading 1.6s ease-in-out infinite;
}
}
.components-autocomplete__popover .components-popover__content {
min-width: 200px;
padding: 8px;
}
.components-autocomplete__result.components-button {
display: flex;
height: auto;
min-height: 36px;
text-align: left;
width: 100%;
}
.components-autocomplete__result.components-button:focus:not(:disabled) {
box-shadow:
inset 0 0 0 1px #fff,
0 0 0 var(--admin-border-width-focus) var(--ui-theme-color);
outline: 2px solid #0000;
}
.components-badge {
box-sizing: border-box;
}
.components-badge *,
.components-badge :after,
.components-badge :before {
box-sizing: inherit;
}
.components-badge {
background-color: color-mix(in srgb, #fff 90%, var(--base-color));
border-radius: 2px;
color: color-mix(in srgb, #000 50%, var(--base-color));
display: inline-block;
line-height: 0;
max-width: 100%;
min-height: 24px;
padding: 2px 8px;
}
.components-badge:where(.is-default) {
background-color: #f0f0f0;
color: #2f2f2f;
}
.components-badge.has-icon {
padding-inline-start: 4px;
}
.components-badge.is-info {
--base-color: #3858e9;
}
.components-badge.is-warning {
--base-color: #f0b849;
}
.components-badge.is-error {
--base-color: #cc1818;
}
.components-badge.is-success {
--base-color: #4ab866;
}
.components-badge__flex-wrapper {
align-items: center;
display: inline-flex;
font-size: 12px;
font-weight: 400;
gap: 2px;
line-height: 20px;
max-width: 100%;
}
.components-badge__icon {
flex-shrink: 0;
}
.components-badge__content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.components-button-group {
display: inline-block;
}
.components-button-group .components-button {
border-radius: 0;
box-shadow: inset 0 0 0 1px #1e1e1e;
color: #1e1e1e;
display: inline-flex;
}
.components-button-group .components-button + .components-button {
margin-left: -1px;
}
.components-button-group .components-button:first-child {
border-radius: 2px 0 0 2px;
}
.components-button-group .components-button:last-child {
border-radius: 0 2px 2px 0;
}
.components-button-group .components-button.is-primary,
.components-button-group .components-button:focus {
position: relative;
z-index: 1;
}
.components-button-group .components-button.is-primary {
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.components-button {
-webkit-appearance: none;
background: none;
border: 0;
cursor: pointer;
display: inline-flex;
font-family: inherit;
font-size: 13px;
margin: 0;
text-decoration: none;
}
@media not (prefers-reduced-motion) {
.components-button {
transition: box-shadow 0.1s linear;
}
}
.components-button {
align-items: center;
border-radius: 2px;
box-sizing: border-box;
color: var(--components-color-fg, #1e1e1e);
height: 36px;
padding: 6px 12px;
}
.components-button.is-next-40px-default-size {
height: 40px;
}
.components-button:hover:not(:disabled, [aria-disabled="true"]),
.components-button[aria-expanded="true"] {
color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-button:focus:not(:disabled) {
box-shadow: 0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 3px solid #0000;
}
.components-button.is-primary {
background: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
color: var(--ui-color-accent-inverted, #fff);
outline: 1px solid #0000;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
}
.components-button.is-primary:hover:not(:disabled) {
background: var(
--ui-color-accent-darker-10,
var(--ui-theme-color-darker-10, #2145e6)
);
color: var(--ui-color-accent-inverted, #fff);
}
.components-button.is-primary:active:not(:disabled) {
background: var(
--ui-color-accent-darker-20,
var(--ui-theme-color-darker-20, #183ad6)
);
border-color: var(
--ui-color-accent-darker-20,
var(--ui-theme-color-darker-20, #183ad6)
);
color: var(--ui-color-accent-inverted, #fff);
}
.components-button.is-primary:focus:not(:disabled) {
box-shadow:
inset 0 0 0 1px var(--components-color-bg, #fff),
0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-button.is-primary:disabled,
.components-button.is-primary:disabled:active:enabled,
.components-button.is-primary[aria-disabled="true"],
.components-button.is-primary[aria-disabled="true"]:active:enabled,
.components-button.is-primary[aria-disabled="true"]:enabled {
background: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
color: #fff6;
outline: none;
}
.components-button.is-primary:disabled:active:enabled:focus:enabled,
.components-button.is-primary:disabled:focus:enabled,
.components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
.components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
.components-button.is-primary[aria-disabled="true"]:focus:enabled {
box-shadow:
inset 0 0 0 1px var(--components-color-bg, #fff),
0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-button.is-primary.is-busy,
.components-button.is-primary.is-busy:disabled,
.components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(
-45deg,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 33%,
var(--ui-color-accent-darker-20, var(--ui-theme-color-darker-20, #183ad6))
33%,
var(--ui-color-accent-darker-20, var(--ui-theme-color-darker-20, #183ad6))
70%,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 70%
);
background-size: 100px 100%;
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
color: var(--ui-color-accent-inverted, #fff);
}
.components-button.is-secondary,
.components-button.is-tertiary {
outline: 1px solid #0000;
}
.components-button.is-secondary:active:not(:disabled),
.components-button.is-tertiary:active:not(:disabled) {
box-shadow: none;
}
.components-button.is-secondary:disabled,
.components-button.is-secondary[aria-disabled="true"],
.components-button.is-secondary[aria-disabled="true"]:hover,
.components-button.is-tertiary:disabled,
.components-button.is-tertiary[aria-disabled="true"],
.components-button.is-tertiary[aria-disabled="true"]:hover {
background: #0000;
color: #949494;
transform: none;
}
.components-button.is-secondary {
background: #0000;
box-shadow:
inset 0 0 0 1px var(--ui-color-accent, var(--ui-theme-color, #3858e9)),
0 0 0 currentColor;
color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 1px solid #0000;
white-space: nowrap;
}
.components-button.is-secondary:hover:not(
:disabled,
[aria-disabled="true"],
.is-pressed
) {
background: color-mix(
in srgb,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 4%,
#0000
);
box-shadow: inset 0 0 0 1px
var(--ui-color-accent-darker-20, var(--ui-theme-color-darker-20, #183ad6));
color: var(
--ui-color-accent-darker-20,
var(--ui-theme-color-darker-20, #183ad6)
);
}
.components-button.is-secondary:disabled:not(:focus),
.components-button.is-secondary[aria-disabled="true"]:hover:not(:focus),
.components-button.is-secondary[aria-disabled="true"]:not(:focus) {
box-shadow: inset 0 0 0 1px #ddd;
}
.components-button.is-secondary:focus:not(:disabled) {
box-shadow:
0 0 0 currentColor inset,
0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-button.is-tertiary {
background: #0000;
color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
white-space: nowrap;
}
.components-button.is-tertiary:hover:not(
:disabled,
[aria-disabled="true"],
.is-pressed
) {
background: color-mix(
in srgb,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 4%,
#0000
);
color: var(
--ui-color-accent-darker-20,
var(--ui-theme-color-darker-20, #183ad6)
);
}
.components-button.is-tertiary:active:not(:disabled, [aria-disabled="true"]) {
background: color-mix(
in srgb,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 8%,
#0000
);
}
p + .components-button.is-tertiary {
margin-left: -6px;
}
.components-button.is-tertiary:disabled:not(:focus),
.components-button.is-tertiary[aria-disabled="true"]:hover:not(:focus),
.components-button.is-tertiary[aria-disabled="true"]:not(:focus) {
box-shadow: none;
outline: none;
}
.components-button.is-destructive {
--ui-color-accent: #cc1818;
--ui-color-accent-darker-10: #9e1313;
--ui-color-accent-darker-20: #710d0d;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(
.is-tertiary
):not(.is-link) {
color: #cc1818;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(
.is-tertiary
):not(.is-link):hover:not(:disabled, [aria-disabled="true"]) {
color: #710d0d;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(
.is-tertiary
):not(.is-link):focus {
box-shadow: 0 0 0 var(--admin-border-width-focus) #cc1818;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(
.is-tertiary
):not(.is-link):active:not(:disabled, [aria-disabled="true"]) {
background: #ccc;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(
.is-tertiary
):not(.is-link):disabled,
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(
.is-tertiary
):not(.is-link)[aria-disabled="true"] {
color: #949494;
}
.components-button.is-destructive.is-secondary:hover:not(
:disabled,
[aria-disabled="true"]
),
.components-button.is-destructive.is-tertiary:hover:not(
:disabled,
[aria-disabled="true"]
) {
background: #cc18180a;
}
.components-button.is-destructive.is-secondary:active:not(
:disabled,
[aria-disabled="true"]
),
.components-button.is-destructive.is-tertiary:active:not(
:disabled,
[aria-disabled="true"]
) {
background: #cc181814;
}
.components-button.is-link {
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
margin: 0;
outline: none;
padding: 0;
text-align: left;
text-decoration: underline;
}
@media not (prefers-reduced-motion) {
.components-button.is-link {
transition-duration: 0.05s;
transition-property: border, background, color;
transition-timing-function: ease-in-out;
}
}
.components-button.is-link {
height: auto;
}
.components-button.is-link:focus {
border-radius: 2px;
}
.components-button.is-link:disabled,
.components-button.is-link[aria-disabled="true"] {
color: #949494;
}
.components-button:not(:disabled, [aria-disabled="true"]):active {
color: var(--components-color-fg, #1e1e1e);
}
.components-button:disabled,
.components-button[aria-disabled="true"] {
color: #949494;
cursor: default;
}
@media not (prefers-reduced-motion) {
.components-button.is-busy,
.components-button.is-secondary.is-busy,
.components-button.is-secondary.is-busy:disabled,
.components-button.is-secondary.is-busy[aria-disabled="true"] {
animation: components-button__busy-animation 2.5s linear infinite;
}
}
.components-button.is-busy,
.components-button.is-secondary.is-busy,
.components-button.is-secondary.is-busy:disabled,
.components-button.is-secondary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(
-45deg,
#fafafa 33%,
#e0e0e0 0,
#e0e0e0 70%,
#fafafa 0
);
background-size: 100px 100%;
}
.components-button.is-compact {
height: 32px;
}
.components-button.is-compact.has-icon:not(.has-text) {
min-width: 32px;
padding: 0;
}
.components-button.is-small {
font-size: 11px;
height: 24px;
line-height: 22px;
padding: 0 8px;
}
.components-button.is-small.has-icon:not(.has-text) {
min-width: 24px;
padding: 0;
}
.components-button.has-icon {
justify-content: center;
min-width: 36px;
padding: 6px;
}
.components-button.has-icon.is-next-40px-default-size {
min-width: 40px;
}
.components-button.has-icon .dashicon {
align-items: center;
box-sizing: initial;
display: inline-flex;
justify-content: center;
padding: 2px;
}
.components-button.has-icon.has-text {
gap: 4px;
justify-content: start;
padding-left: 8px;
padding-right: 12px;
}
.components-button.has-icon.has-text.has-icon-right {
padding-left: 12px;
padding-right: 8px;
}
.components-button.is-pressed,
.components-button.is-pressed:hover {
color: var(--components-color-fg-inverted, #fff);
}
.components-button.is-pressed:hover:not(:disabled, [aria-disabled="true"]),
.components-button.is-pressed:not(:disabled, [aria-disabled="true"]) {
background: var(--components-color-fg, #1e1e1e);
}
.components-button.is-pressed:disabled,
.components-button.is-pressed[aria-disabled="true"] {
color: #949494;
}
.components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(
.is-tertiary
),
.components-button.is-pressed[aria-disabled="true"]:not(.is-primary):not(
.is-secondary
):not(.is-tertiary) {
background: #949494;
color: var(--components-color-fg-inverted, #fff);
}
.components-button.is-pressed:focus:not(:disabled) {
box-shadow:
inset 0 0 0 1px var(--components-color-bg, #fff),
0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
}
.components-button svg {
fill: currentColor;
outline: none;
}
@media (forced-colors: active) {
.components-button svg {
fill: CanvasText;
}
}
.components-button .components-visually-hidden {
height: auto;
}
@keyframes components-button__busy-animation {
0% {
background-position: 200px 0;
}
}
.components-calendar {
background-color: var(--components-color-bg, #fff);
color: var(--components-color-fg, #1e1e1e);
display: inline-block;
font-size: 13px;
font-weight: 400;
position: relative;
z-index: 0;
}
.components-calendar,
.components-calendar *,
.components-calendar :after,
.components-calendar :before {
box-sizing: border-box;
}
.components-calendar__day {
padding: 0;
position: relative;
}
.components-calendar__day:has(.components-calendar__day-button:disabled) {
color: var(--components-color-gray-600, #949494);
}
.components-calendar__day:has(.components-calendar__day-button:focus-visible),
.components-calendar__day:has(
.components-calendar__day-button:hover:not(:disabled)
) {
color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-calendar__day-button {
align-items: center;
background: none;
border: none;
border-radius: 2px;
color: inherit;
cursor: pointer;
display: flex;
font: inherit;
font-variant-numeric: tabular-nums;
height: 32px;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
width: 32px;
}
.components-calendar__day-button:before {
border: none;
border-radius: 2px;
content: "";
inset: 0;
position: absolute;
z-index: -1;
}
.components-calendar__day-button:after {
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: 1;
}
.components-calendar__day-button:disabled {
cursor: revert;
}
@media (forced-colors: active) {
.components-calendar__day-button:disabled {
text-decoration: line-through;
}
}
.components-calendar__day-button:focus-visible {
outline: var(--admin-border-width-focus) solid
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline-offset: 1px;
}
.components-calendar__caption-label {
align-items: center;
border: 0;
display: inline-flex;
position: relative;
text-transform: capitalize;
white-space: nowrap;
z-index: 1;
}
.components-calendar__button-next,
.components-calendar__button-previous {
align-items: center;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
border-radius: 2px;
color: inherit;
cursor: pointer;
display: inline-flex;
height: 32px;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
width: 32px;
}
.components-calendar__button-next:disabled,
.components-calendar__button-next[aria-disabled="true"],
.components-calendar__button-previous:disabled,
.components-calendar__button-previous[aria-disabled="true"] {
color: var(--components-color-gray-600, #949494);
cursor: revert;
}
.components-calendar__button-next:focus-visible,
.components-calendar__button-previous:focus-visible {
outline: var(--admin-border-width-focus) solid
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-calendar__chevron {
display: inline-block;
fill: currentColor;
height: 16px;
width: 16px;
}
.components-calendar[dir="rtl"]
.components-calendar__nav
.components-calendar__chevron {
transform: rotate(180deg);
transform-origin: 50%;
}
.components-calendar__month-caption {
align-content: center;
display: flex;
height: 32px;
justify-content: center;
margin-bottom: 12px;
}
.components-calendar__months {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
max-width: fit-content;
position: relative;
}
.components-calendar__month-grid {
border-collapse: initial;
border-spacing: 0 4px;
}
.components-calendar__nav {
align-items: center;
display: flex;
height: 32px;
inset-block-start: 0;
inset-inline-end: 0;
inset-inline-start: 0;
justify-content: space-between;
position: absolute;
}
.components-calendar__weekday {
color: var(--components-color-gray-700, #757575);
height: 32px;
padding: 0;
text-align: center;
text-transform: uppercase;
width: 32px;
}
.components-calendar__day--today:after {
border: 2px solid;
border-radius: 50%;
content: "";
height: 0;
inset-block-start: 2px;
inset-inline-end: 2px;
position: absolute;
width: 0;
z-index: 1;
}
.components-calendar__day--selected:not(.components-calendar__range-middle):has(
.components-calendar__day-button,
.components-calendar__day-button:hover:not(:disabled)
) {
color: var(--components-color-fg-inverted, #fff);
}
.components-calendar__day--selected:not(.components-calendar__range-middle)
.components-calendar__day-button:before {
background-color: var(--components-color-fg, #1e1e1e);
}
.components-calendar__day--selected:not(.components-calendar__range-middle)
.components-calendar__day-button:disabled:before {
background-color: var(--components-color-gray-600, #949494);
}
.components-calendar__day--selected:not(.components-calendar__range-middle)
.components-calendar__day-button:hover:not(:disabled):before {
background-color: var(--components-color-gray-800, #2f2f2f);
}
.components-calendar__day--hidden {
visibility: hidden;
}
.components-calendar__range-start:not(.components-calendar__range-end)
.components-calendar__day-button,
.components-calendar__range-start:not(.components-calendar__range-end)
.components-calendar__day-button:before {
border-end-end-radius: 0;
border-start-end-radius: 0;
}
.components-calendar__range-middle .components-calendar__day-button:before {
background-color: color-mix(
in srgb,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 4%,
#0000
);
border-color: #0000;
border-radius: 0;
border-style: solid;
border-width: 1px 0;
}
.components-calendar__range-end:not(.components-calendar__range-start)
.components-calendar__day-button,
.components-calendar__range-end:not(.components-calendar__range-start)
.components-calendar__day-button:before {
border-end-start-radius: 0;
border-start-start-radius: 0;
}
.components-calendar__day--preview svg {
color: color-mix(
in srgb,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 16%,
#0000
);
inset: 0;
pointer-events: none;
position: absolute;
}
@media (forced-colors: active) {
.components-calendar__day--preview svg {
color: inherit;
}
}
.components-calendar[dir="rtl"] .components-calendar__day--preview svg {
transform: scaleX(-1);
}
.components-calendar__day--preview.components-calendar__range-middle
.components-calendar__day-button:before {
border: none;
}
.components-calendar__caption-after-enter,
.components-calendar__caption-after-exit,
.components-calendar__caption-before-enter,
.components-calendar__caption-before-exit,
.components-calendar__weeks-after-enter,
.components-calendar__weeks-after-exit,
.components-calendar__weeks-before-enter,
.components-calendar__weeks-before-exit {
animation-duration: 0s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media not (prefers-reduced-motion) {
.components-calendar__caption-after-enter,
.components-calendar__caption-after-exit,
.components-calendar__caption-before-enter,
.components-calendar__caption-before-exit,
.components-calendar__weeks-after-enter,
.components-calendar__weeks-after-exit,
.components-calendar__weeks-before-enter,
.components-calendar__weeks-before-exit {
animation-duration: 0.3s;
}
}
.components-calendar[dir="rtl"] .components-calendar__weeks-after-enter,
.components-calendar__weeks-before-enter {
animation-name: slide-in-left;
}
.components-calendar[dir="rtl"] .components-calendar__weeks-after-exit,
.components-calendar__weeks-before-exit {
animation-name: slide-out-left;
}
.components-calendar[dir="rtl"] .components-calendar__weeks-before-enter,
.components-calendar__weeks-after-enter {
animation-name: slide-in-right;
}
.components-calendar[dir="rtl"] .components-calendar__weeks-before-exit,
.components-calendar__weeks-after-exit {
animation-name: slide-out-right;
}
.components-calendar__caption-after-enter {
animation-name: fade-in;
}
.components-calendar__caption-after-exit {
animation-name: fade-out;
}
.components-calendar__caption-before-enter {
animation-name: fade-in;
}
.components-calendar__caption-before-exit {
animation-name: fade-out;
}
.components-checkbox-control {
--checkbox-input-size: 24px;
}
@media (min-width: 600px) {
.components-checkbox-control {
--checkbox-input-size: 16px;
}
}
.components-checkbox-control {
--checkbox-input-margin: 8px;
}
.components-checkbox-control__label {
cursor: pointer;
line-height: var(--checkbox-input-size);
}
.components-checkbox-control__input[type="checkbox"] {
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 #0000;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 16px;
line-height: normal;
margin-right: 12px;
padding: 6px 8px;
transition: none;
}
@media not (prefers-reduced-motion) {
.components-checkbox-control__input[type="checkbox"] {
transition: box-shadow 0.1s linear;
}
}
@media (min-width: 600px) {
.components-checkbox-control__input[type="checkbox"] {
font-size: 13px;
line-height: normal;
}
}
.components-checkbox-control__input[type="checkbox"]:focus {
border-color: var(--ui-theme-color);
box-shadow: 0 0 0 0.5px var(--ui-theme-color);
}
.components-checkbox-control__input[type="checkbox"]::-webkit-input-placeholder {
color: #1e1e1e9e;
}
.components-checkbox-control__input[type="checkbox"]::-moz-placeholder {
color: #1e1e1e9e;
}
.components-checkbox-control__input[type="checkbox"]:-ms-input-placeholder {
color: #1e1e1e9e;
}
.components-checkbox-control__input[type="checkbox"]:focus {
box-shadow:
0 0 0 2px #fff,
0 0 0 4px var(--ui-theme-color);
}
.components-checkbox-control__input[type="checkbox"]:checked {
background: var(--ui-theme-color);
border-color: var(--ui-theme-color);
}
.components-checkbox-control__input[type="checkbox"]:checked::-ms-check {
opacity: 0;
}
.components-checkbox-control__input[type="checkbox"]:checked:before,
.components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]:before {
color: #fff;
margin: -3px -5px;
}
@media (min-width: 782px) {
.components-checkbox-control__input[type="checkbox"]:checked:before,
.components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]:before {
margin: -4px 0 0 -5px;
}
}
.components-checkbox-control__input[type="checkbox"][aria-checked="mixed"] {
background: var(--ui-theme-color);
border-color: var(--ui-theme-color);
}
.components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]:before {
content: "\f460";
display: inline-block;
float: left;
font: normal 30px/1 dashicons;
vertical-align: middle;
width: 16px;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 782px) {
.components-checkbox-control__input[type="checkbox"][aria-checked="mixed"]:before {
float: none;
font-size: 21px;
}
}
.components-checkbox-control__input[type="checkbox"]:disabled,
.components-checkbox-control__input[type="checkbox"][aria-disabled="true"] {
background: #f0f0f0;
border-color: #ddd;
cursor: default;
opacity: 1;
}
.components-checkbox-control__input[type="checkbox"] {
appearance: none;
background: #fff;
clear: none;
color: #1e1e1e;
cursor: pointer;
display: inline-block;
height: var(--checkbox-input-size);
line-height: 0;
margin: 0 4px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: top;
width: var(--checkbox-input-size);
}
@media not (prefers-reduced-motion) {
.components-checkbox-control__input[type="checkbox"] {
transition: border-color 0.1s ease-in-out;
}
}
.components-checkbox-control__input[type="checkbox"]:focus {
box-shadow:
0 0 0 var(--admin-border-width-focus) #fff,
0 0 0 calc(var(--admin-border-width-focus) * 2) var(--ui-theme-color);
outline: 2px solid #0000;
outline-offset: 2px;
}
.components-checkbox-control__input[type="checkbox"]:checked,
.components-checkbox-control__input[type="checkbox"]:indeterminate {
background: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-checkbox-control__input[type="checkbox"]:checked::-ms-check,
.components-checkbox-control__input[type="checkbox"]:indeterminate::-ms-check {
opacity: 0;
}
.components-checkbox-control__input[type="checkbox"]:checked:before {
content: none;
}
.components-checkbox-control__input-container {
aspect-ratio: 1;
display: inline-block;
flex-shrink: 0;
line-height: 1;
margin-right: var(--checkbox-input-margin);
position: relative;
vertical-align: middle;
width: var(--checkbox-input-size);
}
svg.components-checkbox-control__checked,
svg.components-checkbox-control__indeterminate {
--checkmark-size: var(--checkbox-input-size);
fill: #fff;
cursor: pointer;
height: var(--checkmark-size);
left: 50%;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-webkit-user-select: none;
user-select: none;
width: var(--checkmark-size);
}
@media (min-width: 600px) {
svg.components-checkbox-control__checked,
svg.components-checkbox-control__indeterminate {
--checkmark-size: calc(var(--checkbox-input-size) + 4px);
}
}
.components-checkbox-control__help {
display: inline-block;
margin-inline-start: calc(
var(--checkbox-input-size) + var(--checkbox-input-margin)
);
}
.components-circular-option-picker {
display: inline-block;
min-width: 188px;
width: 100%;
}
.components-circular-option-picker
.components-circular-option-picker__custom-clear-wrapper {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.components-circular-option-picker
.components-circular-option-picker__swatches {
display: flex;
flex-wrap: wrap;
gap: 12px;
position: relative;
z-index: 1;
}
.components-circular-option-picker
> :not(.components-circular-option-picker__swatches) {
position: relative;
z-index: 0;
}
.components-circular-option-picker__option-wrapper {
display: inline-block;
height: 28px;
transform: scale(1);
vertical-align: top;
width: 28px;
}
@media not (prefers-reduced-motion) {
.components-circular-option-picker__option-wrapper {
transition: transform 0.1s ease;
will-change: transform;
}
}
.components-circular-option-picker__option-wrapper:hover {
transform: scale(1.2);
}
.components-circular-option-picker__option-wrapper > div {
height: 100%;
width: 100%;
}
.components-circular-option-picker__option-wrapper:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555d65' d='M6 8V6H4v2zm2 0V6h2v2zm2 8H8v-2h2zm2 0v-2h2v2zm0 2v-2h-2v2H8v2h2v-2zm2 0v2h-2v-2zm2 0h-2v-2h2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2zm-2-4v-2h2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' d='M18 18v2h-2v-2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2zm0 2v-2H6v2zm2 0v-2h2v2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4zm0 4V2H2v2zm2 0V2h2v2zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E");
border-radius: 50%;
bottom: 1px;
content: "";
left: 1px;
position: absolute;
right: 1px;
top: 1px;
z-index: -1;
}
.components-circular-option-picker__option {
aspect-ratio: 1;
background: #0000;
border: none;
border-radius: 50%;
box-shadow: inset 0 0 0 14px;
display: inline-block;
height: 100% !important;
vertical-align: top;
}
@media not (prefers-reduced-motion) {
.components-circular-option-picker__option {
transition: box-shadow 0.1s ease;
}
}
.components-circular-option-picker__option {
cursor: pointer;
}
.components-circular-option-picker__option:hover {
box-shadow: inset 0 0 0 14px !important;
}
.components-circular-option-picker__option[aria-pressed="true"],
.components-circular-option-picker__option[aria-selected="true"] {
box-shadow: inset 0 0 0 4px;
overflow: visible;
position: relative;
z-index: 1;
}
.components-circular-option-picker__option[aria-pressed="true"] + svg,
.components-circular-option-picker__option[aria-selected="true"] + svg {
border-radius: 50%;
left: 2px;
pointer-events: none;
position: absolute;
top: 2px;
z-index: 2;
}
.components-circular-option-picker__option:after {
border-radius: 50%;
bottom: -1px;
box-shadow: inset 0 0 0 1px #0003;
box-sizing: inherit;
content: "";
left: -1px;
position: absolute;
right: -1px;
top: -1px;
}
.components-circular-option-picker__option:focus:after {
border: 2px solid #757575;
border-radius: 50%;
box-shadow: inset 0 0 0 2px #fff;
content: "";
height: calc(100% + 4px);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 4px);
}
.components-circular-option-picker__option.components-button:focus {
background-color: initial;
box-shadow: inset 0 0 0 14px;
outline: none;
}
.components-circular-option-picker__button-action
.components-circular-option-picker__option {
background: #fff;
color: #fff;
}
.components-circular-option-picker__dropdown-link-action {
margin-right: 16px;
}
.components-circular-option-picker__dropdown-link-action .components-button {
line-height: 22px;
}
.components-palette-edit__popover-gradient-picker {
padding: 8px;
width: 260px;
}
.components-dropdown-menu__menu .components-palette-edit__menu-button {
width: 100%;
}
.component-color-indicator {
background: #fff linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
border-radius: 50%;
box-shadow: inset 0 0 0 1px #0003;
display: inline-block;
height: 20px;
padding: 0;
width: 20px;
}
.components-combobox-control {
width: 100%;
}
input.components-combobox-control__input[type="text"] {
background: var(--components-color-bg, #fff);
border: none;
box-shadow: none;
color: var(--components-color-fg, #1e1e1e);
font-family: inherit;
font-size: 16px;
line-height: inherit;
margin: 0;
min-height: auto;
padding: 2px;
width: 100%;
}
@media (min-width: 600px) {
input.components-combobox-control__input[type="text"] {
font-size: 13px;
}
}
input.components-combobox-control__input[type="text"]:focus {
box-shadow: none;
outline: none;
}
.components-combobox-control__suggestions-container {
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 #0000;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 16px;
line-height: normal;
padding: 6px 8px;
}
@media not (prefers-reduced-motion) {
.components-combobox-control__suggestions-container {
transition: box-shadow 0.1s linear;
}
}
@media (min-width: 600px) {
.components-combobox-control__suggestions-container {
font-size: 13px;
line-height: normal;
}
}
.components-combobox-control__suggestions-container:focus {
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
box-shadow: 0 0 0 0.5px var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
}
.components-combobox-control__suggestions-container::-webkit-input-placeholder {
color: #1e1e1e9e;
}
.components-combobox-control__suggestions-container::-moz-placeholder {
color: #1e1e1e9e;
}
.components-combobox-control__suggestions-container:-ms-input-placeholder {
color: #1e1e1e9e;
}
.components-combobox-control__suggestions-container {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
padding: 0;
width: 100%;
}
.components-combobox-control__suggestions-container:focus-within {
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
box-shadow: 0 0 0 0.5px var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
}
.components-combobox-control__suggestions-container .components-spinner {
margin: 0;
}
.components-color-palette__custom-color-wrapper {
position: relative;
z-index: 0;
}
.components-color-palette__custom-color-button {
background: none;
border: none;
border-radius: 4px 4px 0 0;
box-shadow: inset 0 0 0 1px #0003;
box-sizing: border-box;
cursor: pointer;
height: 64px;
outline: 1px solid #0000;
position: relative;
width: 100%;
}
.components-color-palette__custom-color-button:focus {
box-shadow: inset 0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline-width: 2px;
}
.components-color-palette__custom-color-button:after {
background-image:
repeating-linear-gradient(
45deg,
#e0e0e0 25%,
#0000 0,
#0000 75%,
#e0e0e0 0,
#e0e0e0
),
repeating-linear-gradient(
45deg,
#e0e0e0 25%,
#0000 0,
#0000 75%,
#e0e0e0 0,
#e0e0e0
);
background-position:
0 0,
24px 24px;
background-size: 48px 48px;
border-radius: 3px 3px 0 0;
content: "";
inset: 1px;
position: absolute;
z-index: -1;
}
.components-color-palette__custom-color-text-wrapper {
border-radius: 0 0 4px 4px;
box-shadow:
inset 0 -1px 0 0 #0003,
inset 1px 0 0 0 #0003,
inset -1px 0 0 0 #0003;
font-size: 13px;
padding: 12px 16px;
position: relative;
}
.components-color-palette__custom-color-name {
color: var(--components-color-fg, #1e1e1e);
margin: 0 1px;
}
.components-color-palette__custom-color-value {
color: #757575;
}
.components-color-palette__custom-color-value--is-hex {
text-transform: uppercase;
}
.components-color-palette__custom-color-value:empty:after {
content: "";
visibility: hidden;
}
.components-custom-gradient-picker__gradient-bar {
border-radius: 2px;
height: 48px;
position: relative;
width: 100%;
z-index: 1;
}
.components-custom-gradient-picker__gradient-bar.has-gradient {
background-image:
repeating-linear-gradient(
45deg,
#e0e0e0 25%,
#0000 0,
#0000 75%,
#e0e0e0 0,
#e0e0e0
),
repeating-linear-gradient(
45deg,
#e0e0e0 25%,
#0000 0,
#0000 75%,
#e0e0e0 0,
#e0e0e0
);
background-position:
0 0,
12px 12px;
background-size: 24px 24px;
}
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__gradient-bar-background {
inset: 0;
position: absolute;
}
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__markers-container {
margin-left: auto;
margin-right: auto;
position: relative;
width: calc(100% - 48px);
}
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__control-point-dropdown {
display: flex;
height: 16px;
position: absolute;
top: 16px;
width: 16px;
}
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__insert-point-dropdown {
background: #fff;
border-radius: 50%;
color: #1e1e1e;
height: inherit;
min-width: 16px !important;
padding: 2px;
position: relative;
width: inherit;
}
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__insert-point-dropdown
svg {
height: 100%;
width: 100%;
}
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__control-point-button {
border-radius: 50%;
box-shadow:
inset 0 0 0 var(--admin-border-width-focus) #fff,
0 0 2px 0 #00000040;
height: inherit;
outline: 2px solid #0000;
padding: 0;
width: inherit;
}
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__control-point-button.is-active,
.components-custom-gradient-picker__gradient-bar
.components-custom-gradient-picker__control-point-button:focus {
box-shadow:
inset 0 0 0 calc(var(--admin-border-width-focus) * 2) #fff,
0 0 2px 0 #00000040;
outline: 1.5px solid #0000;
}
.components-custom-gradient-picker__remove-control-point-wrapper {
padding-bottom: 8px;
}
.components-custom-gradient-picker__inserter {
direction: ltr;
}
.components-custom-gradient-picker__liner-gradient-indicator {
display: inline-block;
flex: 0 auto;
height: 20px;
width: 20px;
}
.components-custom-gradient-picker__ui-line {
position: relative;
z-index: 0;
}
body.is-dragging-components-draggable {
cursor: move;
cursor: grabbing !important;
}
.components-draggable__invisible-drag-image {
height: 50px;
left: -1000px;
position: fixed;
width: 50px;
}
.components-draggable__clone {
background: #0000;
padding: 0;
pointer-events: none;
position: fixed;
z-index: 1000000000;
}
.components-drop-zone {
border-radius: 2px;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
visibility: hidden;
z-index: 40;
}
.components-drop-zone.is-active {
opacity: 1;
visibility: visible;
}
.components-drop-zone .components-drop-zone__content {
align-items: center;
background-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
bottom: 0;
color: #fff;
display: flex;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 50;
}
.components-drop-zone .components-drop-zone__content-inner {
opacity: 0;
transform: scale(0.9);
}
.components-drop-zone.is-active.is-dragging-over-element
.components-drop-zone__content {
opacity: 1;
}
@media not (prefers-reduced-motion) {
.components-drop-zone.is-active.is-dragging-over-element
.components-drop-zone__content {
transition: opacity 0.2s ease-in-out;
}
}
.components-drop-zone.is-active.is-dragging-over-element
.components-drop-zone__content-inner {
opacity: 1;
transform: scale(1);
}
@media not (prefers-reduced-motion) {
.components-drop-zone.is-active.is-dragging-over-element
.components-drop-zone__content-inner {
transition:
opacity 0.1s ease-in-out 0.1s,
transform 0.1s ease-in-out 0.1s;
}
}
.components-drop-zone__content-icon,
.components-drop-zone__content-text {
display: block;
}
.components-drop-zone__content-icon {
line-height: 0;
margin: 0 auto 8px;
fill: currentColor;
pointer-events: none;
}
.components-drop-zone__content-text {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
}
.components-dropdown {
display: inline-block;
}
.components-dropdown__content .components-popover__content {
padding: 8px;
}
.components-dropdown__content
.components-popover__content:has(.components-menu-group) {
padding: 0;
}
.components-dropdown__content
.components-popover__content:has(.components-menu-group)
.components-dropdown-menu__menu
> .components-menu-item__button,
.components-dropdown__content
.components-popover__content:has(.components-menu-group)
> .components-menu-item__button {
margin: 8px;
width: auto;
}
.components-dropdown__content [role="menuitem"] {
white-space: nowrap;
}
.components-dropdown__content .components-menu-group {
padding: 8px;
}
.components-dropdown__content .components-menu-group + .components-menu-group {
border-top: 1px solid #ccc;
padding: 8px;
}
.components-dropdown__content.is-alternate
.components-menu-group
+ .components-menu-group {
border-color: #1e1e1e;
}
.components-dropdown-menu__toggle {
vertical-align: top;
}
.components-dropdown-menu__menu {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
line-height: 1.4;
width: 100%;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item,
.components-dropdown-menu__menu .components-menu-item {
cursor: pointer;
outline: none;
padding: 6px;
white-space: nowrap;
width: 100%;
}
.components-dropdown-menu__menu
.components-dropdown-menu__menu-item.has-separator,
.components-dropdown-menu__menu .components-menu-item.has-separator {
margin-top: 6px;
overflow: visible;
position: relative;
}
.components-dropdown-menu__menu
.components-dropdown-menu__menu-item.has-separator:before,
.components-dropdown-menu__menu .components-menu-item.has-separator:before {
background-color: #ddd;
box-sizing: initial;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
right: 0;
top: -3px;
}
.components-dropdown-menu__menu
.components-dropdown-menu__menu-item.is-active
.dashicon,
.components-dropdown-menu__menu
.components-dropdown-menu__menu-item.is-active
svg,
.components-dropdown-menu__menu .components-menu-item.is-active .dashicon,
.components-dropdown-menu__menu .components-menu-item.is-active svg {
background: #1e1e1e;
border-radius: 1px;
box-shadow: 0 0 0 1px #1e1e1e;
color: #fff;
}
.components-dropdown-menu__menu
.components-dropdown-menu__menu-item.is-icon-only,
.components-dropdown-menu__menu .components-menu-item.is-icon-only {
width: auto;
}
.components-dropdown-menu__menu .components-menu-item__button,
.components-dropdown-menu__menu
.components-menu-item__button.components-button {
height: auto;
min-height: 40px;
padding-left: 8px;
padding-right: 8px;
text-align: left;
}
.components-duotone-picker__color-indicator:before {
background: #0000;
}
.components-duotone-picker__color-indicator > .components-button,
.components-duotone-picker__color-indicator
> .components-button.is-pressed:hover:not(:disabled) {
background: linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
color: #0000;
}
.components-duotone-picker__color-indicator
> .components-button:hover:not(:disabled):not([aria-disabled="true"]),
.components-duotone-picker__color-indicator
> .components-button:not([aria-disabled="true"]):active {
color: #0000;
}
.components-color-list-picker,
.components-color-list-picker__swatch-button {
width: 100%;
}
.components-color-list-picker__color-picker {
margin: 8px 0;
}
.components-color-list-picker__swatch-color {
margin: 2px;
}
.components-external-link {
text-decoration: none;
}
.components-external-link__contents {
text-decoration: underline;
}
.components-external-link__icon {
font-weight: 400;
margin-left: 0.5ch;
}
.components-form-toggle {
display: inline-block;
height: 16px;
position: relative;
}
.components-form-toggle .components-form-toggle__track {
background-color: #fff;
border: 1px solid #949494;
border-radius: 8px;
box-sizing: border-box;
content: "";
display: inline-block;
height: 16px;
position: relative;
vertical-align: top;
width: 32px;
}
@media not (prefers-reduced-motion) {
.components-form-toggle .components-form-toggle__track {
transition:
background-color 0.2s ease,
border-color 0.2s ease;
}
}
.components-form-toggle .components-form-toggle__track {
overflow: hidden;
}
.components-form-toggle .components-form-toggle__track:after {
border-top: 16px solid #0000;
box-sizing: border-box;
content: "";
inset: 0;
position: absolute;
}
@media not (prefers-reduced-motion) {
.components-form-toggle .components-form-toggle__track:after {
transition: opacity 0.2s ease;
}
}
.components-form-toggle .components-form-toggle__track:after {
opacity: 0;
}
.components-form-toggle .components-form-toggle__thumb {
border-radius: 50%;
box-sizing: border-box;
display: block;
height: 12px;
left: 2px;
position: absolute;
top: 2px;
width: 12px;
}
@media not (prefers-reduced-motion) {
.components-form-toggle .components-form-toggle__thumb {
transition:
transform 0.2s ease,
background-color 0.2s ease-out;
}
}
.components-form-toggle .components-form-toggle__thumb {
background-color: #1e1e1e;
border: 6px solid #0000;
box-shadow:
0 1px 1px #00000008,
0 1px 2px #00000005,
0 3px 3px #00000005,
0 4px 4px #00000003;
}
.components-form-toggle.is-checked .components-form-toggle__track {
background-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-form-toggle.is-checked .components-form-toggle__track:after {
opacity: 1;
}
.components-form-toggle
.components-form-toggle__input:focus
+ .components-form-toggle__track {
box-shadow:
0 0 0 var(--admin-border-width-focus) #fff,
0 0 0 calc(var(--admin-border-width-focus) * 2)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
outline-offset: 2px;
}
.components-form-toggle.is-checked .components-form-toggle__thumb {
background-color: #fff;
border-width: 0;
transform: translateX(16px);
}
.components-disabled .components-form-toggle,
.components-form-toggle.is-disabled {
opacity: 0.3;
}
.components-form-toggle input.components-form-toggle__input[type="checkbox"] {
border: none;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.components-form-toggle
input.components-form-toggle__input[type="checkbox"]:checked {
background: none;
}
.components-form-toggle
input.components-form-toggle__input[type="checkbox"]:before {
content: "";
}
.components-form-toggle
input.components-form-toggle__input[type="checkbox"]:not(
:disabled,
[aria-disabled="true"]
) {
cursor: pointer;
}
.components-form-token-field__input-container {
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 #0000;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 16px;
line-height: normal;
padding: 6px 8px;
}
@media not (prefers-reduced-motion) {
.components-form-token-field__input-container {
transition: box-shadow 0.1s linear;
}
}
@media (min-width: 600px) {
.components-form-token-field__input-container {
font-size: 13px;
line-height: normal;
}
}
.components-form-token-field__input-container:focus {
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
box-shadow: 0 0 0 0.5px var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
}
.components-form-token-field__input-container::-webkit-input-placeholder {
color: #1e1e1e9e;
}
.components-form-token-field__input-container::-moz-placeholder {
color: #1e1e1e9e;
}
.components-form-token-field__input-container:-ms-input-placeholder {
color: #1e1e1e9e;
}
.components-form-token-field__input-container {
cursor: text;
padding: 0;
width: 100%;
}
.components-form-token-field__input-container.is-disabled {
background: #ddd;
border-color: #ddd;
}
.components-form-token-field__input-container.is-active {
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
box-shadow: 0 0 0 0.5px var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
}
.components-form-token-field__input-container
input[type="text"].components-form-token-field__input {
background: inherit;
border: 0;
box-shadow: none;
color: var(--components-color-fg, #1e1e1e);
display: inline-block;
flex: 1;
font-family: inherit;
font-size: 16px;
margin-left: 4px;
max-width: 100%;
min-height: 24px;
min-width: 50px;
padding: 0;
width: 100%;
}
@media (min-width: 600px) {
.components-form-token-field__input-container
input[type="text"].components-form-token-field__input {
font-size: 13px;
}
}
.components-form-token-field.is-active
.components-form-token-field__input-container
input[type="text"].components-form-token-field__input,
.components-form-token-field__input-container
input[type="text"].components-form-token-field__input:focus {
box-shadow: none;
outline: none;
}
.components-form-token-field__input-container
.components-form-token-field__token
+ input[type="text"].components-form-token-field__input {
width: auto;
}
.components-form-token-field__token {
color: #1e1e1e;
display: flex;
font-size: 13px;
max-width: 100%;
}
.components-form-token-field__token.is-success
.components-form-token-field__remove-token,
.components-form-token-field__token.is-success
.components-form-token-field__token-text {
background: #4ab866;
}
.components-form-token-field__token.is-error
.components-form-token-field__remove-token,
.components-form-token-field__token.is-error
.components-form-token-field__token-text {
background: #cc1818;
}
.components-form-token-field__token.is-validating
.components-form-token-field__remove-token,
.components-form-token-field__token.is-validating
.components-form-token-field__token-text {
color: #757575;
}
.components-form-token-field__token.is-borderless {
padding: 0 24px 0 0;
position: relative;
}
.components-form-token-field__token.is-borderless
.components-form-token-field__token-text {
background: #0000;
}
.components-form-token-field__token.is-borderless:not(.is-disabled)
.components-form-token-field__token-text {
color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-form-token-field__token.is-borderless
.components-form-token-field__remove-token {
background: #0000;
color: #757575;
position: absolute;
right: 0;
top: 1px;
}
.components-form-token-field__token.is-borderless.is-success
.components-form-token-field__token-text {
color: #4ab866;
}
.components-form-token-field__token.is-borderless.is-error
.components-form-token-field__token-text {
color: #cc1818;
padding: 0 4px 0 6px;
}
.components-form-token-field__token.is-borderless.is-validating
.components-form-token-field__token-text {
color: #1e1e1e;
}
.components-form-token-field__remove-token.components-button,
.components-form-token-field__token-text {
background: #ddd;
display: inline-block;
height: auto;
min-width: unset;
}
@media not (prefers-reduced-motion) {
.components-form-token-field__remove-token.components-button,
.components-form-token-field__token-text {
transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1);
}
}
.components-form-token-field__token-text {
border-radius: 1px 0 0 1px;
line-height: 24px;
overflow: hidden;
padding: 0 0 0 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.components-form-token-field__remove-token.components-button {
border-radius: 0 1px 1px 0;
color: #1e1e1e;
line-height: 10px;
overflow: initial;
}
.components-form-token-field__remove-token.components-button:hover:not(
:disabled
) {
color: #1e1e1e;
}
.components-form-token-field__suggestions-list {
flex: 1 0 100%;
max-height: 128px;
min-width: 100%;
overflow-y: auto;
}
@media not (prefers-reduced-motion) {
.components-form-token-field__suggestions-list {
transition: all 0.15s ease-in-out;
}
}
.components-form-token-field__suggestions-list {
box-shadow: inset 0 1px 0 0 #949494;
list-style: none;
margin: 0;
padding: 0;
}
.components-form-token-field__suggestion {
box-sizing: border-box;
color: var(--components-color-fg, #1e1e1e);
display: block;
font-size: 13px;
margin: 0;
min-height: 32px;
padding: 8px 12px;
}
.components-form-token-field__suggestion.is-selected {
background: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
color: var(--components-color-fg-inverted, #fff);
}
.components-form-token-field__suggestion[aria-disabled="true"] {
color: #949494;
pointer-events: none;
}
.components-form-token-field__suggestion[aria-disabled="true"].is-selected {
background: color-mix(
in srgb,
var(--ui-color-accent, var(--ui-theme-color, #3858e9)) 4%,
#0000
);
}
.components-form-token-field__suggestion:not(.is-empty) {
cursor: pointer;
}
@media (min-width: 600px) {
.components-guide {
width: 600px;
}
}
.components-guide .components-modal__content {
margin-top: 0;
padding: 0;
}
.components-guide .components-modal__content:before {
content: none;
}
.components-guide .components-modal__header {
border-bottom: none;
height: 64px;
padding: 0;
position: sticky;
}
.components-guide .components-modal__header .components-button {
align-self: flex-start;
margin: 8px 8px 0 0;
position: static;
}
.components-guide .components-modal__header .components-button:hover svg {
fill: #fff;
}
.components-guide .components-guide__container {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: -64px;
min-height: 100%;
}
.components-guide .components-guide__page {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
@media (min-width: 600px) {
.components-guide .components-guide__page {
min-height: 300px;
}
}
.components-guide .components-guide__footer {
align-content: center;
display: flex;
height: 36px;
justify-content: center;
margin: 0 0 24px;
padding: 0 32px;
position: relative;
width: 100%;
}
.components-guide .components-guide__page-control {
margin: 0;
text-align: center;
}
.components-guide .components-guide__page-control li {
display: inline-block;
margin: 0;
}
.components-guide .components-guide__page-control .components-button {
color: #e0e0e0;
margin: -6px 0;
}
.components-guide
.components-guide__page-control
li[aria-current="step"]
.components-button {
color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-modal__frame.components-guide {
border: none;
max-height: 575px;
min-width: 312px;
}
@media (max-width: 600px) {
.components-modal__frame.components-guide {
margin: auto;
max-width: calc(100vw - 32px);
}
}
.components-button.components-guide__back-button,
.components-button.components-guide__finish-button,
.components-button.components-guide__forward-button {
position: absolute;
}
.components-button.components-guide__back-button {
left: 32px;
}
.components-button.components-guide__finish-button,
.components-button.components-guide__forward-button {
right: 32px;
}
[role="region"] {
position: relative;
}
.is-focusing-regions [role="region"]:focus:after,
[role="region"].interface-interface-skeleton__content:focus-visible:after {
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1000000;
}
.is-focusing-regions .editor-post-publish-panel,
.is-focusing-regions
.interface-interface-skeleton__actions
.editor-layout__toggle-entities-saved-states-panel,
.is-focusing-regions
.interface-interface-skeleton__actions
.editor-layout__toggle-publish-panel,
.is-focusing-regions
.interface-interface-skeleton__sidebar
.editor-layout__toggle-sidebar-panel,
.is-focusing-regions [role="region"]:focus:after,
.is-focusing-regions.is-distraction-free
.interface-interface-skeleton__header
.edit-post-header,
[role="region"].interface-interface-skeleton__content:focus-visible:after {
outline-color: var(--ui-theme-color);
outline-offset: calc(
var(--admin-border-width-focus) * -2 /
var(--block-editor-iframe-zoom-out-scale, 1)
);
outline-style: solid;
outline-width: calc(
var(--admin-border-width-focus) * 2 /
var(--block-editor-iframe-zoom-out-scale, 1)
);
}
.components-menu-group + .components-menu-group {
border-top: 1px solid #1e1e1e;
padding-top: 8px;
}
.components-menu-group + .components-menu-group.has-hidden-separator {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.components-menu-group:has(> div:empty) {
display: none;
}
.components-menu-group__label {
color: #757575;
font-size: 11px;
font-weight: 500;
margin-bottom: 12px;
margin-top: 4px;
padding: 0 8px;
text-transform: uppercase;
white-space: nowrap;
}
.components-menu-item__button,
.components-menu-item__button.components-button {
width: 100%;
}
.components-menu-item__button.components-button[role="menuitemcheckbox"]
.components-menu-item__item:only-child,
.components-menu-item__button.components-button[role="menuitemradio"]
.components-menu-item__item:only-child,
.components-menu-item__button[role="menuitemcheckbox"]
.components-menu-item__item:only-child,
.components-menu-item__button[role="menuitemradio"]
.components-menu-item__item:only-child {
box-sizing: initial;
padding-right: 48px;
}
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button.components-button
.components-menu-items__item-icon {
display: inline-block;
flex: 0 0 auto;
}
.components-menu-item__button .components-menu-items__item-icon.has-icon-right,
.components-menu-item__button.components-button
.components-menu-items__item-icon.has-icon-right {
margin-left: 24px;
margin-right: -2px;
}
.components-menu-item__button
.components-menu-item__shortcut
+ .components-menu-items__item-icon.has-icon-right,
.components-menu-item__button.components-button
.components-menu-item__shortcut
+ .components-menu-items__item-icon.has-icon-right {
margin-left: 8px;
}
.components-menu-item__button .block-editor-block-icon,
.components-menu-item__button.components-button .block-editor-block-icon {
margin-left: -2px;
margin-right: 8px;
}
.components-menu-item__button.components-button.is-primary,
.components-menu-item__button.is-primary {
justify-content: center;
}
.components-menu-item__button.components-button.is-primary
.components-menu-item__item,
.components-menu-item__button.is-primary .components-menu-item__item {
margin-right: 0;
}
.components-menu-item__button.components-button:disabled.is-tertiary,
.components-menu-item__button.components-button[aria-disabled="true"].is-tertiary,
.components-menu-item__button:disabled.is-tertiary,
.components-menu-item__button[aria-disabled="true"].is-tertiary {
background: none;
color: var(
--ui-color-accent-darker-10,
var(--ui-theme-color-darker-10, #2145e6)
);
opacity: 0.3;
}
.components-menu-item__info-wrapper {
display: flex;
flex-direction: column;
margin-right: auto;
}
.components-menu-item__info {
color: #757575;
font-size: 12px;
margin-top: 4px;
white-space: normal;
}
.components-menu-item__item {
align-items: center;
display: inline-flex;
margin-right: auto;
min-width: 160px;
white-space: nowrap;
}
.components-menu-item__shortcut {
align-self: center;
color: currentColor;
display: none;
margin-left: auto;
margin-right: 0;
padding-left: 24px;
}
@media (min-width: 480px) {
.components-menu-item__shortcut {
display: inline;
}
}
.components-menu-items-choice,
.components-menu-items-choice.components-button {
height: auto;
min-height: 40px;
}
.components-menu-items-choice svg,
.components-menu-items-choice.components-button svg {
margin-right: 12px;
}
.components-menu-items-choice.components-button.has-icon,
.components-menu-items-choice.has-icon {
padding-left: 12px;
}
.components-modal__screen-overlay {
background-color: #00000059;
bottom: 0;
display: flex;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100000;
}
@media not (prefers-reduced-motion) {
.components-modal__screen-overlay {
animation: __wp-base-styles-fade-in 0.08s linear 0s;
animation-fill-mode: forwards;
}
}
@media not (prefers-reduced-motion) {
.components-modal__screen-overlay.is-animating-out {
animation: __wp-base-styles-fade-out 0.08s linear 80ms;
animation-fill-mode: forwards;
}
}
.components-modal__frame {
box-sizing: border-box;
}
.components-modal__frame *,
.components-modal__frame :after,
.components-modal__frame :before {
box-sizing: inherit;
}
.components-modal__frame {
animation-fill-mode: forwards;
animation-name: components-modal__appear-animation;
animation-timing-function: cubic-bezier(0.29, 0, 0, 1);
background: #fff;
border-radius: 8px 8px 0 0;
box-shadow:
0 5px 15px #00000014,
0 15px 27px #00000012,
0 30px 36px #0000000a,
0 50px 43px #00000005;
color: #1e1e1e;
display: flex;
margin: 40px 0 0;
overflow: hidden;
width: 100%;
}
.components-modal__frame h1,
.components-modal__frame h2,
.components-modal__frame h3 {
color: #1e1e1e;
}
@media not (prefers-reduced-motion) {
.components-modal__frame {
animation-duration: var(--modal-frame-animation-duration);
}
}
.components-modal__screen-overlay.is-animating-out .components-modal__frame {
animation-name: components-modal__disappear-animation;
animation-timing-function: cubic-bezier(1, 0, 0.2, 1);
}
@media (min-width: 600px) {
.components-modal__frame {
border-radius: 8px;
margin: auto;
max-height: calc(100% - 128px);
max-width: calc(100% - 32px);
min-width: 350px;
width: auto;
}
}
@media (min-width: 600px) and (min-width: 600px) {
.components-modal__frame.is-full-screen {
height: calc(100% - 32px);
max-height: none;
width: calc(100% - 32px);
}
}
@media (min-width: 600px) and (min-width: 782px) {
.components-modal__frame.is-full-screen {
height: calc(100% - 80px);
max-width: none;
width: calc(100% - 80px);
}
}
@media (min-width: 960px) {
.components-modal__frame {
max-height: 70%;
}
}
.components-modal__header {
align-items: center;
border-bottom: 1px solid #0000;
box-sizing: border-box;
display: flex;
flex-direction: row;
height: 72px;
justify-content: space-between;
left: 0;
padding: 24px 32px 8px;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.components-modal__header .components-modal__header-heading {
font-size: 1.2rem;
font-weight: 600;
}
.components-modal__header h1 {
line-height: 1;
margin: 0;
}
.components-modal__content.has-scrolled-content:not(.hide-header)
.components-modal__header {
border-bottom-color: #ddd;
}
.components-modal__header + p {
margin-top: 0;
}
.components-modal__header-heading-container {
align-items: center;
display: flex;
flex-direction: row;
flex-grow: 1;
justify-content: flex-start;
}
.components-modal__header-icon-container {
display: inline-block;
}
.components-modal__header-icon-container svg {
max-height: 36px;
max-width: 36px;
padding: 8px;
}
.components-modal__content {
flex: 1;
margin-top: 72px;
overflow: auto;
padding: 4px 32px 32px;
}
.components-modal__content.hide-header {
margin-top: 0;
padding-top: 32px;
}
.components-modal__content.is-scrollable:focus-visible {
box-shadow: inset 0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
outline-offset: -2px;
}
.components-notice {
align-items: center;
background-color: #fff;
border-left: 4px solid var(--ui-color-accent, var(--ui-theme-color, #3858e9));
color: #1e1e1e;
display: flex;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
padding: 8px 12px;
}
.components-notice.is-dismissible {
position: relative;
}
.components-notice.is-success {
background-color: #eff9f1;
border-left-color: #4ab866;
}
.components-notice.is-warning {
background-color: #fef8ee;
border-left-color: #f0b849;
}
.components-notice.is-error {
background-color: #f4a2a2;
border-left-color: #cc1818;
}
.components-notice__content {
flex-grow: 1;
margin: 4px 25px 4px 0;
}
.components-notice__actions {
display: flex;
flex-wrap: wrap;
}
.components-notice__action.components-button,
.components-notice__action.components-button.is-link {
margin-left: 12px;
}
.components-notice__action.components-button.is-secondary {
vertical-align: initial;
}
.components-notice__action.components-button {
margin-right: 8px;
}
.components-notice__dismiss {
align-self: flex-start;
color: #757575;
flex-shrink: 0;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus,
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(
.is-secondary
):active,
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(
.is-secondary
):hover {
background-color: initial;
color: #1e1e1e;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(
.is-secondary
):hover {
box-shadow: none;
}
.components-notice-list {
box-sizing: border-box;
max-width: 100vw;
}
.components-notice-list .components-notice__content {
line-height: 2;
margin-bottom: 12px;
margin-top: 12px;
}
.components-notice-list .components-notice__action.components-button {
display: block;
margin-left: 0;
margin-top: 8px;
}
.components-panel {
background: #fff;
border: 1px solid #e0e0e0;
}
.components-panel > .components-panel__body:first-child,
.components-panel > .components-panel__header:first-child {
margin-top: -1px;
}
.components-panel > .components-panel__body:last-child,
.components-panel > .components-panel__header:last-child {
border-bottom-width: 0;
}
.components-panel + .components-panel {
margin-top: -1px;
}
.components-panel__body {
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
}
.components-panel__body h3 {
margin: 0 0 0.5em;
}
.components-panel__body.is-opened {
padding: 16px;
}
.components-panel__header {
align-items: center;
border-bottom: 1px solid #ddd;
box-sizing: initial;
display: flex;
flex-shrink: 0;
height: 47px;
justify-content: space-between;
padding: 0 16px;
}
.components-panel__header h2 {
color: inherit;
font-size: inherit;
margin: 0;
}
.components-panel__body + .components-panel__body,
.components-panel__body + .components-panel__header,
.components-panel__header + .components-panel__body,
.components-panel__header + .components-panel__header {
margin-top: -1px;
}
.components-panel__body > .components-panel__body-title {
display: block;
font-size: inherit;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
@media not (prefers-reduced-motion) {
.components-panel__body > .components-panel__body-title {
transition: background 0.1s ease-in-out;
}
}
.components-panel__body.is-opened > .components-panel__body-title {
margin: -16px -16px 5px;
}
.components-panel__body > .components-panel__body-title:hover {
background: #f0f0f0;
border: none;
}
.components-panel__body-toggle.components-button {
border: none;
box-shadow: none;
color: #1e1e1e;
font-weight: 500;
outline: none;
padding: 16px 48px 16px 16px;
position: relative;
text-align: left;
width: 100%;
}
@media not (prefers-reduced-motion) {
.components-panel__body-toggle.components-button {
transition: background 0.1s ease-in-out;
}
}
.components-panel__body-toggle.components-button {
height: auto;
}
.components-panel__body-toggle.components-button:focus {
border-radius: 0;
box-shadow: inset 0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-panel__body-toggle.components-button .components-panel__arrow {
color: #1e1e1e;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
fill: currentColor;
}
@media not (prefers-reduced-motion) {
.components-panel__body-toggle.components-button .components-panel__arrow {
transition: color 0.1s ease-in-out;
}
}
body.rtl
.components-panel__body-toggle.components-button
.dashicons-arrow-right {
-ms-filter: fliph;
filter: FlipH;
margin-top: -10px;
transform: scaleX(-1);
}
.components-panel__icon {
color: #757575;
margin: -2px 0 -2px 6px;
}
.components-panel__body-toggle-icon {
margin-right: -5px;
}
.components-panel__color-title {
float: left;
height: 19px;
}
.components-panel__row {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 8px;
min-height: 36px;
}
.components-panel__row select {
min-width: 0;
}
.components-panel__row label {
flex-shrink: 0;
margin-right: 12px;
max-width: 75%;
}
.components-panel__row:empty,
.components-panel__row:first-of-type {
margin-top: 0;
}
.components-panel .circle-picker {
padding-bottom: 20px;
}
.components-placeholder.components-placeholder {
align-items: flex-start;
box-sizing: border-box;
color: #1e1e1e;
display: flex;
flex-direction: column;
font-size: 13px;
gap: 16px;
margin: 0;
padding: 24px;
position: relative;
text-align: left;
width: 100%;
-moz-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #fff;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #1e1e1e;
outline: 1px solid #0000;
}
.components-placeholder__error,
.components-placeholder__fieldset,
.components-placeholder__instructions,
.components-placeholder__label {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: normal;
line-height: normal;
text-transform: none;
}
.components-placeholder__label {
align-items: center;
display: flex;
font-weight: 600;
}
.components-placeholder__label .block-editor-block-icon,
.components-placeholder__label .dashicon,
.components-placeholder__label > svg {
margin-right: 4px;
fill: currentColor;
}
@media (forced-colors: active) {
.components-placeholder__label .block-editor-block-icon,
.components-placeholder__label .dashicon,
.components-placeholder__label > svg {
fill: CanvasText;
}
}
.components-placeholder__label:empty {
display: none;
}
.components-placeholder__fieldset,
.components-placeholder__fieldset form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
justify-content: flex-start;
width: 100%;
}
.components-placeholder__fieldset form p,
.components-placeholder__fieldset p {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
}
.components-placeholder__fieldset.is-column-layout,
.components-placeholder__fieldset.is-column-layout form {
flex-direction: column;
}
.components-placeholder__input[type="url"] {
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 #0000;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 16px;
line-height: normal;
padding: 6px 8px;
}
@media not (prefers-reduced-motion) {
.components-placeholder__input[type="url"] {
transition: box-shadow 0.1s linear;
}
}
@media (min-width: 600px) {
.components-placeholder__input[type="url"] {
font-size: 13px;
line-height: normal;
}
}
.components-placeholder__input[type="url"]:focus {
border-color: var(--ui-theme-color);
box-shadow: 0 0 0 0.5px var(--ui-theme-color);
outline: 2px solid #0000;
}
.components-placeholder__input[type="url"]::-webkit-input-placeholder {
color: #1e1e1e9e;
}
.components-placeholder__input[type="url"]::-moz-placeholder {
color: #1e1e1e9e;
}
.components-placeholder__input[type="url"]:-ms-input-placeholder {
color: #1e1e1e9e;
}
.components-placeholder__input[type="url"] {
flex: 1 1 auto;
}
.components-placeholder__error {
gap: 8px;
width: 100%;
}
.components-placeholder__fieldset
.components-button:not(.is-link)
~ .components-button.is-link {
margin-left: 10px;
margin-right: 10px;
}
.components-placeholder__fieldset
.components-button:not(.is-link)
~ .components-button.is-link:last-child {
margin-right: 0;
}
.components-placeholder.is-medium .components-placeholder__instructions,
.components-placeholder.is-small .components-placeholder__instructions {
display: none;
}
.components-placeholder.is-medium .components-placeholder__fieldset,
.components-placeholder.is-medium .components-placeholder__fieldset form,
.components-placeholder.is-small .components-placeholder__fieldset,
.components-placeholder.is-small .components-placeholder__fieldset form {
flex-direction: column;
}
.components-placeholder.is-medium .components-button,
.components-placeholder.is-medium .components-placeholder__fieldset > *,
.components-placeholder.is-small .components-button,
.components-placeholder.is-small .components-placeholder__fieldset > * {
justify-content: center;
width: 100%;
}
.components-placeholder.is-small {
padding: 16px;
}
.components-placeholder.has-illustration {
backdrop-filter: blur(100px);
backface-visibility: hidden;
background-color: initial;
border-radius: 0;
box-shadow: none;
color: inherit;
display: flex;
}
.is-dark-theme .components-placeholder.has-illustration {
background-color: #0000001a;
}
.components-placeholder.has-illustration .components-placeholder__fieldset {
margin-left: 0;
margin-right: 0;
}
.components-placeholder.has-illustration .components-button,
.components-placeholder.has-illustration .components-placeholder__instructions,
.components-placeholder.has-illustration .components-placeholder__label {
opacity: 0;
pointer-events: none;
}
@media not (prefers-reduced-motion) {
.components-placeholder.has-illustration .components-button,
.components-placeholder.has-illustration
.components-placeholder__instructions,
.components-placeholder.has-illustration .components-placeholder__label {
transition: opacity 0.1s linear;
}
}
.is-selected > .components-placeholder.has-illustration .components-button,
.is-selected
> .components-placeholder.has-illustration
.components-placeholder__instructions,
.is-selected
> .components-placeholder.has-illustration
.components-placeholder__label {
opacity: 1;
pointer-events: auto;
}
.components-placeholder.has-illustration:before {
background: currentColor;
bottom: 0;
content: "";
left: 0;
opacity: 0.1;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.components-placeholder.has-illustration {
overflow: hidden;
}
.is-selected .components-placeholder.has-illustration {
overflow: auto;
}
.components-placeholder__preview {
display: flex;
justify-content: center;
}
.components-placeholder__illustration {
box-sizing: initial;
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
stroke: currentColor;
opacity: 0.25;
}
.components-popover {
box-sizing: border-box;
}
.components-popover *,
.components-popover :after,
.components-popover :before {
box-sizing: inherit;
}
.components-popover {
will-change: transform;
z-index: 1000000;
}
.components-popover.is-expanded {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000000 !important;
}
.components-popover__content {
background: #fff;
border-radius: 4px;
box-shadow:
0 0 0 1px #ccc,
0 2px 3px #0000000d,
0 4px 5px #0000000a,
0 12px 12px #00000008,
0 16px 16px #00000005;
box-sizing: border-box;
width: min-content;
}
.is-alternate .components-popover__content {
border-radius: 2px;
box-shadow: 0 0 0 1px #1e1e1e;
}
.is-unstyled .components-popover__content {
background: none;
border-radius: 0;
box-shadow: none;
}
.components-popover.is-expanded .components-popover__content {
box-shadow: 0 -1px 0 0 #ccc;
height: calc(100% - 48px);
overflow-y: visible;
position: static;
width: auto;
}
.components-popover.is-expanded.is-alternate .components-popover__content {
box-shadow: 0 -1px 0 #1e1e1e;
}
.components-popover__header {
align-items: center;
background: #fff;
display: flex;
height: 48px;
justify-content: space-between;
padding: 0 8px 0 16px;
}
.components-popover__header-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.components-popover__close.components-button {
z-index: 5;
}
.components-popover__arrow {
display: flex;
height: 14px;
pointer-events: none;
position: absolute;
width: 14px;
}
.components-popover__arrow:before {
background-color: #fff;
content: "";
height: 2px;
left: 1px;
position: absolute;
right: 1px;
top: -1px;
}
.components-popover__arrow.is-top {
bottom: -14px !important;
transform: rotate(0);
}
.components-popover__arrow.is-right {
left: -14px !important;
transform: rotate(90deg);
}
.components-popover__arrow.is-bottom {
top: -14px !important;
transform: rotate(180deg);
}
.components-popover__arrow.is-left {
right: -14px !important;
transform: rotate(-90deg);
}
.components-popover__triangle {
display: block;
flex: 1;
}
.components-popover__triangle-bg {
fill: #fff;
}
.components-popover__triangle-border {
fill: #0000;
stroke-width: 1px;
stroke: #ccc;
}
.is-alternate .components-popover__triangle-border {
stroke: #1e1e1e;
}
.components-radio-control {
border: 0;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
}
.components-radio-control__group-wrapper.has-help {
margin-block-end: 12px;
}
.components-radio-control__option {
align-items: center;
column-gap: 8px;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto minmax(0, max-content);
}
.components-radio-control__input[type="radio"] {
border: 1px solid #1e1e1e;
border-radius: 50%;
grid-column: 1;
grid-row: 1;
height: 24px;
margin-right: 12px;
max-width: 24px;
min-width: 24px;
position: relative;
transition: none;
width: 24px;
}
@media not (prefers-reduced-motion) {
.components-radio-control__input[type="radio"] {
transition: box-shadow 0.1s linear;
}
}
@media (min-width: 600px) {
.components-radio-control__input[type="radio"] {
height: 16px;
max-width: 16px;
min-width: 16px;
width: 16px;
}
}
.components-radio-control__input[type="radio"]:checked:before {
background-color: #fff;
border: 4px solid #fff;
box-sizing: inherit;
height: 12px;
left: 50%;
margin: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 12px;
}
@media (min-width: 600px) {
.components-radio-control__input[type="radio"]:checked:before {
height: 8px;
width: 8px;
}
}
.components-radio-control__input[type="radio"]:focus {
box-shadow:
0 0 0 2px #fff,
0 0 0 4px var(--ui-theme-color);
}
.components-radio-control__input[type="radio"]:checked {
background: var(--ui-theme-color);
border: none;
}
.components-radio-control__input[type="radio"] {
appearance: none;
cursor: pointer;
display: inline-flex;
margin: 0;
padding: 0;
}
.components-radio-control__input[type="radio"]:focus {
box-shadow:
0 0 0 var(--admin-border-width-focus) #fff,
0 0 0 calc(var(--admin-border-width-focus) * 2) var(--ui-theme-color);
outline: 2px solid #0000;
outline-offset: 2px;
}
.components-radio-control__input[type="radio"]:checked {
background: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-radio-control__input[type="radio"]:checked:before {
border-radius: 50%;
content: "";
}
.components-radio-control__label {
cursor: pointer;
grid-column: 2;
grid-row: 1;
line-height: 24px;
}
@media (min-width: 600px) {
.components-radio-control__label {
line-height: 16px;
}
}
.components-radio-control__option-description {
grid-column: 2;
grid-row: 2;
padding-block-start: 4px;
}
.components-radio-control__option-description.components-radio-control__option-description {
margin-top: 0;
}
.components-resizable-box__handle {
display: none;
height: 23px;
width: 23px;
z-index: 2;
}
.components-resizable-box__container.has-show-handle
.components-resizable-box__handle {
display: block;
}
.components-resizable-box__handle > div {
height: 100%;
outline: none;
position: relative;
width: 100%;
z-index: 2;
}
.components-resizable-box__container > img {
width: inherit;
}
.components-resizable-box__handle:after {
background: #fff;
border-radius: 50%;
box-shadow:
inset 0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9)),
0 1px 1px #00000008,
0 1px 2px #00000005,
0 3px 3px #00000005,
0 4px 4px #00000003;
content: "";
cursor: inherit;
display: block;
height: 15px;
outline: 2px solid #0000;
position: absolute;
right: calc(50% - 8px);
top: calc(50% - 8px);
width: 15px;
}
.components-resizable-box__side-handle:before {
background: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
border-radius: 9999px;
content: "";
cursor: inherit;
display: block;
height: 3px;
position: absolute;
right: calc(50% - 1px);
top: calc(50% - 1px);
width: 3px;
}
@media not (prefers-reduced-motion) {
.components-resizable-box__side-handle:before {
transition: transform 0.1s ease-in;
will-change: transform;
}
}
.components-resizable-box__side-handle:before {
opacity: 0;
}
.components-resizable-box__corner-handle,
.components-resizable-box__side-handle {
z-index: 2;
}
.components-resizable-box__side-handle.components-resizable-box__handle-bottom,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top,
.components-resizable-box__side-handle.components-resizable-box__handle-top:before {
border-left: 0;
border-right: 0;
left: 0;
width: 100%;
}
.components-resizable-box__side-handle.components-resizable-box__handle-left,
.components-resizable-box__side-handle.components-resizable-box__handle-left:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right,
.components-resizable-box__side-handle.components-resizable-box__handle-right:before {
border-bottom: 0;
border-top: 0;
height: 100%;
top: 0;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
animation: none;
}
}
}
/*!rtl:begin:ignore*/
.components-resizable-box__handle-right {
right: -11.5px;
}
.components-resizable-box__handle-left {
left: -11.5px;
}
.components-resizable-box__handle-top {
top: -11.5px;
}
.components-resizable-box__handle-bottom {
bottom: -11.5px;
}
/*!rtl:end:ignore*/
.components-responsive-wrapper {
align-items: center;
display: flex;
justify-content: center;
max-width: 100%;
position: relative;
}
.components-responsive-wrapper__content {
display: block;
max-width: 100%;
width: 100%;
}
.components-sandbox {
overflow: hidden;
}
iframe.components-sandbox {
width: 100%;
}
body.lockscroll,
html.lockscroll {
overflow: hidden;
}
.components-select-control__input {
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.components-snackbar {
backdrop-filter: blur(16px) saturate(180%);
background: #000000d9;
border-radius: 4px;
box-shadow:
0 1px 2px #0000000d,
0 2px 3px #0000000a,
0 6px 6px #00000008,
0 8px 8px #00000005;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
max-width: 600px;
padding: 12px 20px;
pointer-events: auto;
width: 100%;
}
@media (min-width: 600px) {
.components-snackbar {
width: fit-content;
}
}
.components-snackbar:focus {
box-shadow:
inset 0 0 0 1px #fff,
0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
}
.components-snackbar.components-snackbar-explicit-dismiss {
cursor: default;
}
.components-snackbar .components-snackbar__content-with-icon {
padding-left: 24px;
position: relative;
}
.components-snackbar .components-snackbar__icon {
left: -8px;
position: absolute;
top: -2.9px;
}
.components-snackbar .components-snackbar__dismiss-button {
cursor: pointer;
margin-left: 24px;
}
.components-snackbar__action.components-button,
.components-snackbar__action.components-external-link {
color: #fff;
flex-shrink: 0;
margin-left: 32px;
}
.components-snackbar__action.components-button:focus,
.components-snackbar__action.components-external-link:focus {
box-shadow: none;
outline: 1px dotted #fff;
}
.components-snackbar__action.components-button:hover,
.components-snackbar__action.components-external-link:hover {
color: currentColor;
text-decoration: none;
}
.components-snackbar__content {
align-items: baseline;
display: flex;
justify-content: space-between;
line-height: 1.4;
}
.components-snackbar-list {
box-sizing: border-box;
pointer-events: none;
position: absolute;
width: 100%;
z-index: 100000;
}
.components-snackbar-list__notice-container {
padding-top: 8px;
position: relative;
}
.components-tab-panel__tabs {
align-items: stretch;
display: flex;
flex-direction: row;
}
.components-tab-panel__tabs[aria-orientation="vertical"] {
flex-direction: column;
}
.components-tab-panel__tabs-item {
background: #0000;
border: none;
border-radius: 0;
box-shadow: none;
cursor: pointer;
font-weight: 500;
height: 48px !important;
margin-left: 0;
padding: 3px 16px;
position: relative;
}
.components-tab-panel__tabs-item:focus:not(:disabled) {
box-shadow: none;
outline: none;
position: relative;
}
.components-tab-panel__tabs-item:after {
background: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
border-radius: 0;
bottom: 0;
content: "";
height: calc(var(--admin-border-width-focus) * 0);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
}
@media not (prefers-reduced-motion) {
.components-tab-panel__tabs-item:after {
transition: all 0.1s linear;
}
}
.components-tab-panel__tabs-item.is-active:after {
height: calc(var(--admin-border-width-focus) * 1);
outline: 2px solid #0000;
outline-offset: -1px;
}
.components-tab-panel__tabs-item:before {
border-radius: 2px;
bottom: 12px;
box-shadow: 0 0 0 0 #0000;
content: "";
left: 12px;
pointer-events: none;
position: absolute;
right: 12px;
top: 12px;
}
@media not (prefers-reduced-motion) {
.components-tab-panel__tabs-item:before {
transition: all 0.1s linear;
}
}
.components-tab-panel__tabs-item:focus-visible:before {
box-shadow: 0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
}
.components-tab-panel__tab-content:focus {
box-shadow: none;
outline: none;
}
.components-tab-panel__tab-content:focus-visible {
box-shadow: 0 0 0 var(--admin-border-width-focus)
var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
outline-offset: 0;
}
.components-text-control__input,
.components-text-control__input[type="color"],
.components-text-control__input[type="date"],
.components-text-control__input[type="datetime-local"],
.components-text-control__input[type="datetime"],
.components-text-control__input[type="email"],
.components-text-control__input[type="month"],
.components-text-control__input[type="number"],
.components-text-control__input[type="password"],
.components-text-control__input[type="tel"],
.components-text-control__input[type="text"],
.components-text-control__input[type="time"],
.components-text-control__input[type="url"],
.components-text-control__input[type="week"] {
background: var(--components-color-bg, #fff);
border: 1px solid #949494;
border-radius: 2px;
box-shadow: 0 0 0 #0000;
color: var(--components-color-fg, #1e1e1e);
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 16px;
height: 32px;
line-height: normal;
margin: 0;
padding: 6px 8px;
width: 100%;
}
@media not (prefers-reduced-motion) {
.components-text-control__input,
.components-text-control__input[type="color"],
.components-text-control__input[type="date"],
.components-text-control__input[type="datetime-local"],
.components-text-control__input[type="datetime"],
.components-text-control__input[type="email"],
.components-text-control__input[type="month"],
.components-text-control__input[type="number"],
.components-text-control__input[type="password"],
.components-text-control__input[type="tel"],
.components-text-control__input[type="text"],
.components-text-control__input[type="time"],
.components-text-control__input[type="url"],
.components-text-control__input[type="week"] {
transition: box-shadow 0.1s linear;
}
}
@media (min-width: 600px) {
.components-text-control__input,
.components-text-control__input[type="color"],
.components-text-control__input[type="date"],
.components-text-control__input[type="datetime-local"],
.components-text-control__input[type="datetime"],
.components-text-control__input[type="email"],
.components-text-control__input[type="month"],
.components-text-control__input[type="number"],
.components-text-control__input[type="password"],
.components-text-control__input[type="tel"],
.components-text-control__input[type="text"],
.components-text-control__input[type="time"],
.components-text-control__input[type="url"],
.components-text-control__input[type="week"] {
font-size: 13px;
line-height: normal;
}
}
.components-text-control__input:focus,
.components-text-control__input[type="color"]:focus,
.components-text-control__input[type="date"]:focus,
.components-text-control__input[type="datetime-local"]:focus,
.components-text-control__input[type="datetime"]:focus,
.components-text-control__input[type="email"]:focus,
.components-text-control__input[type="month"]:focus,
.components-text-control__input[type="number"]:focus,
.components-text-control__input[type="password"]:focus,
.components-text-control__input[type="tel"]:focus,
.components-text-control__input[type="text"]:focus,
.components-text-control__input[type="time"]:focus,
.components-text-control__input[type="url"]:focus,
.components-text-control__input[type="week"]:focus {
border-color: var(--ui-color-accent, var(--ui-theme-color, #3858e9));
box-shadow: 0 0 0 0.5px var(--ui-color-accent, var(--ui-theme-color, #3858e9));
outline: 2px solid #0000;
}
.components-text-control__input::-webkit-input-placeholder,
.components-text-control__input[type="color"]::-webkit-input-placeholder,
.components-text-control__input[type="date"]::-webkit-input-placeholder,
.components-text-control__input[type="datetime-local"]::-webkit-input-placeholder,
.components-text-control__input[type="datetime"]::-webkit-input-placeholder,
.components-text-control__input[type="email"]::-webkit-input-placeholder,
.components-text-control__input[type="month"]::-webkit-input-placeholder,
.components-text-control__input[type="number"]::-webkit-input-placeholder,
.components-text-control__input[type="password"]::-webkit-input-placeholder,
.components-text-control__input[type="tel"]::-webkit-input-placeholder,
.components-text-control__input[type="text"]::-webkit-input-placeholder,
.components-text-control__input[type="time"]::-webkit-input-placeholder,
.components-text-control__input[type="url"]::-webkit-input-placeholder,
.components-text-control__input[type="week"]::-webkit-input-placeholder {
color: #1e1e1e9e;
}
.components-text-control__input::-moz-placeholder,
.components-text-control__input[type="color"]::-moz-placeholder,
.components-text-control__input[type="date"]::-moz-placeholder,
.components-text-control__input[type="datetime-local"]::-moz-placeholder,
.components-text-control__input[type="datetime"]::-moz-placeholder,
.components-text-control__input[type="email"]::-moz-placeholder,
.components-text-control__input[type="month"]::-moz-placeholder,
.components-text-control__input[type="number"]::-moz-placeholder,
.components-text-control__input[type="password"]::-moz-placeholder,
.components-text-control__input[type="tel"]::-moz-placeholder,
.components-text-control__input[type="text"]::-moz-placeholder,
.components-text-control__input[type="time"]::-moz-placeholder,
.components-text-control__input[type="url"]::-moz-placeholder,
.components-text-control__input[type="week"]::-moz-placeholder {
color: #1e1e1e9e;
}
.components-text-control__input:-ms-input-placeholder,
.components-text-control__input[type="color"]:-ms-input-placeholder,
.components-text-control__input[type="date"]:-ms-input-placeholder,
.components-text-control__input[type="datetime-local"]:-ms-input-placeholder,
.components-text-control__input[type="datetime"]:-ms-input-placeholder,
.components-text-control__input[type="email"]:-ms-input-placeholder,
.components-text-control__input[type="month"]:-ms-input-placeholder,
.components-text-control__input[type="number"]:-ms-input-placeholder,
.components-text-control__input[type="password"]:-ms-input-placeholder,
.components-text-control__input[type="tel"]:-ms-input-placeholder,
.components-text-control__input[type="text"]:-ms-input-placeholder,
.components-text-control__input[type="time"]:-ms-input-placeholder,
.components-text-control__input[type="url"]:-ms-input-placeholder,
.components-text-control__input[type="week"]:-ms-input-placeholder {
color: #1e1e1e9e;
}
.components-text-control__input,
.components-text-control__input[type="color"],
.components-text-control__input[type="date"],
.components-text-control__input[type="datetime-local"],
.components-text-control__input[type="datetime"],
.components-text-control__input[type="email"],
.components-text-control__input[type="month"],
.components-text-control__input[type="number"],
.components-text-control__input[type="password"],
.components-text-control__input[type="tel"],
.components-text-control__input[type="text"],
.components-text-control__input[type="time"],
.components-text-control__input[type="url"],
.components-text-control__input[type="week"] {
border-color: var(--components-color-gray-600, #949494);
}
.components-text-control__input::placeholder,
.components-text-control__input[type="color"]::placeholder,
.components-text-control__input[type="date"]::placeholder,
.components-text-control__input[type="datetime-local"]::placeholder,
.components-text-control__input[type="datetime"]::placeholder,
.components-text-control__input[type="email"]::placeholder,
.components-text-control__input[type="month"]::placeholder,
.components-text-control__input[type="number"]::placeholder,
.components-text-control__input[type="password"]::placeholder,
.components-text-control__input[type="tel"]::placeholder,
.components-text-control__input[type="text"]::placeholder,
.components-text-control__input[type="time"]::placeholder,
.components-text-control__input[type="url"]::placeholder,
.components-text-control__input[type="week"]::placeholder {
color: color-mix(in srgb, var(--components-color-fg, #1e1e1e), #0000 38%);
}
.components-text-control__input.is-next-40px-default-size,
.components-text-control__input[type="color"].is-next-40px-default-size,
.components-text-control__input[type="date"].is-next-40px-default-size,
.components-text-control__input[type="datetime-local"].is-next-40px-default-size,
.components-text-control__input[type="datetime"].is-next-40px-default-size,
.components-text-control__input[type="email"].is-next-40px-default-size,
.components-text-control__input[type="month"].is-next-40px-default-size,
.components-text-control__input[type="number"].is-next-40px-default-size,
.components-text-control__input[type="password"].is-next-40px-default-size,
.components-text-control__input[type="tel"].is-next-40px-default-size,
.components-text-control__input[type="text"].is-next-40px-default-size,
.components-text-control__input[type="time"].is-next-40px-default-size,
.components-text-control__input[type="url"].is-next-40px-default-size,
.components-text-control__input[type="week"].is-next-40px-default-size {
height: 40px;
padding-left: 12px;
padding-right: 12px;
}
.components-text-control__input[type="email"],
.components-text-control__input[type="url"] {
direction: ltr;
}
.components-tip {
color: #757575;
display: flex;
}
.components-tip svg {
align-self: center;
fill: #f0b849;
flex-shrink: 0;
margin-right: 16px;
}
.components-tip p {
margin: 0;
}
.components-toggle-control__label {
line-height: 16px;
}
.components-toggle-control__label:not(.is-disabled) {
cursor: pointer;
}
.components-toggle-control__help {
display: inline-block;
margin-inline-start: 40px;
}
.components-accessible-toolbar {
border: 1px solid var(--components-color-fg, #1e1e1e);
border-radius: 2px;
display: inline-flex;
flex-shrink: 0;
}
.components-accessible-toolbar > .components-toolbar-group:last-child {
border-right: none;
}
.components-accessible-toolbar.is-unstyled {
border: none;
}
.components-accessible-toolbar.is-unstyled > .components-toolbar-group {
border-right: none;
}
.components-accessible-toolbar[aria-orientation="vertical"],
.components-toolbar[aria-orientation="vertical"] {
align-items: center;
display: flex;
flex-direction: column;
}
.components-accessible-toolbar .components-button,
.components-toolbar .components-button {
height: 48px;
padding-left: 16px;
padding-right: 16px;
position: relative;
z-index: 1;
}
.components-accessible-toolbar .components-button:focus:not(:disabled),
.components-toolbar .components-button:focus:not(:disabled) {
box-shadow: none;
outline: none;
}
.components-accessible-toolbar .components-button:before,
.components-toolbar .components-button:before {
border-radius: 2px;
content: "";
display: block;
height: 32px;
left: 8px;
position: absolute;
right: 8px;
z-index: -1;
}
@media not (prefers-reduced-motion) {
.components-accessible-toolbar .components-button:before,
.components-toolbar .components-button:before {
animation: components-button__appear-animation 0.1s ease;
animation-fill-mode: forwards;
}
}
.components-accessible-toolbar .components-button svg,
.components-toolbar .components-button svg {
margin-left: auto;
margin-right: auto;
position: relative;
}
.components-accessible-toolbar .components-button.is-pressed,
.components-accessible-toolbar .components-button.is-pressed:hover,
.components-toolbar .components-button.is-pressed,
.components-toolbar .components-button.is-pressed:hover {
background: #0000;
}
.components-accessible-toolbar .components-button.is-pressed:before,
.components-toolbar .components-button.is-pressed:before {
background: var(--components-color-fg, #1e1e1e);
}
.components-accessible-toolbar .components-button:focus:before,
.components-toolbar .components-button:focus:before {
box-shadow:
inset 0 0 0 1px #fff,
0 0 0 var(--admin-border-width-focus) var(--ui-theme-color);
outline: 2px solid #0000;
}
.components-accessible-toolbar .components-button.has-icon.has-icon,
.components-toolbar .components-button.has-icon.has-icon {
min-width: 48px;
padding-left: 8px;
padding-right: 8px;
}
.components-toolbar__control.components-button {
position: relative;
}
.components-toolbar__control.components-button[data-subscript] svg {
padding: 5px 10px 5px 0;
}
.components-toolbar__control.components-button[data-subscript]:after {
bottom: 10px;
content: attr(data-subscript);
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 12px;
position: absolute;
right: 8px;
}
.components-toolbar__control.components-button:not(
:disabled
).is-pressed[data-subscript]:after {
color: #fff;
}
.components-toolbar-group {
background-color: var(--components-color-bg, #fff);
border-right: 1px solid var(--components-color-fg, #1e1e1e);
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
min-height: 48px;
padding-left: 6px;
padding-right: 6px;
}
.components-toolbar-group .components-toolbar-group.components-toolbar-group {
border-width: 0;
margin: 0;
}
.components-toolbar-group {
line-height: 0;
}
.components-toolbar-group .components-button.components-button,
.components-toolbar-group .components-button.has-icon.has-icon {
justify-content: center;
min-width: 36px;
padding-left: 6px;
padding-right: 6px;
}
.components-toolbar-group .components-button.components-button svg,
.components-toolbar-group .components-button.has-icon.has-icon svg {
min-width: 24px;
}
.components-toolbar-group .components-button.components-button:before,
.components-toolbar-group .components-button.has-icon.has-icon:before {
left: 2px;
right: 2px;
}
.components-toolbar {
background-color: var(--components-color-bg, #fff);
border: 1px solid var(--components-color-fg, #1e1e1e);
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
margin: 0;
min-height: 48px;
}
.components-toolbar .components-toolbar.components-toolbar {
border-width: 0;
margin: 0;
}
div.components-toolbar > div {
display: flex;
margin: 0;
}
div.components-toolbar > div + div.has-left-divider {
margin-left: 6px;
overflow: visible;
position: relative;
}
div.components-toolbar > div + div.has-left-divider:before {
background-color: #ddd;
box-sizing: initial;
content: "";
display: inline-block;
height: 20px;
left: -3px;
position: absolute;
top: 8px;
width: 1px;
}
.components-tooltip {
background: #000;
border-radius: 2px;
box-shadow:
0 1px 2px #0000000d,
0 2px 3px #0000000a,
0 6px 6px #00000008,
0 8px 8px #00000005;
color: #f0f0f0;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 12px;
line-height: 1.4;
padding: 4px 8px;
text-align: center;
z-index: 1000002;
}
.components-tooltip__shortcut {
margin-left: 8px;
}
.components-validated-control:has(:is(input, select):user-invalid)
.components-input-control__backdrop {
--ui-color-accent: #cc1818;
border-color: #cc1818;
}
.components-validated-control :is(textarea, input[type="text"]):user-invalid {
--ui-theme-color: #cc1818;
--ui-color-accent: #cc1818;
border-color: #cc1818;
}
.components-validated-control
.components-combobox-control__suggestions-container:has(
input:user-invalid
):not(:has([aria-expanded="true"])) {
border-color: #cc1818;
}
.components-validated-control__wrapper-with-error-delegate {
position: relative;
}
.components-validated-control__wrapper-with-error-delegate:has(
select:user-invalid
)
.components-input-control__backdrop {
--ui-color-accent: #cc1818;
border-color: #cc1818;
}
.components-validated-control__wrapper-with-error-delegate:has(
input[type="radio"]:invalid
) {
--ui-color-accent: #cc1818;
}
.components-validated-control__wrapper-with-error-delegate:has(
input:user-invalid
)
.components-form-token-field__input-container:not(
:has([aria-expanded="true"])
) {
--ui-color-accent: #cc1818;
border-color: #cc1818;
}
.components-validated-control__error-delegate {
height: 100%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.components-validated-control__indicator {
align-items: flex-start;
animation: components-validated-control__indicator-jump 0.2s
cubic-bezier(0.68, -0.55, 0.27, 1.55);
color: var(--components-color-gray-700, #757575);
display: flex;
font-family:
-apple-system,
"system-ui",
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 0.75rem;
gap: 4px;
line-height: 16px;
margin: 8px 0 0;
}
.components-validated-control__indicator.is-invalid {
color: #cc1818;
}
.components-validated-control__indicator.is-valid {
color: color-mix(in srgb, #000 30%, #4ab866);
}
.components-validated-control__indicator-icon {
flex-shrink: 0;
}
.components-validated-control__indicator-spinner {
height: 12px;
margin: 2px;
width: 12px;
}
:root {
--ui-theme-color: #3858e9;
--ui-theme-color--rgb: 56, 88, 233;
--ui-theme-color-darker-10: #2145e6;
--ui-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
--ui-theme-color-darker-20: #183ad6;
--ui-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
--admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--admin-border-width-focus: 1.5px;
}
}
#topbar > .godaddy-styles .is-bigger,
.godaddy-styles .is-bigger {
font-size: 1.1em !important;
font-weight: 500 !important;
}
#topbar > .godaddy-styles .components-button,
#topbar > .godaddy-styles.components-button,
.godaddy-styles .components-button,
.godaddy-styles.components-button {
border: 0;
border-radius: 6px;
box-shadow: none;
font-size: 1em;
height: auto;
line-height: 1;
padding: 1.25em;
transition:
background-color,
color,
0.2s ease-in-out;
}
#topbar > .godaddy-styles .components-button:disabled,
#topbar > .godaddy-styles.components-button:disabled,
.godaddy-styles .components-button:disabled,
.godaddy-styles.components-button:disabled {
opacity: 0.5;
}
#topbar > .godaddy-styles .components-button > svg,
#topbar > .godaddy-styles.components-button > svg,
.godaddy-styles .components-button > svg,
.godaddy-styles.components-button > svg {
height: 24px;
margin-left: 0.2em;
position: relative;
right: -5px;
top: -1px;
transform: scale(0.75);
width: 24px;
}
#topbar > .godaddy-styles .components-button.no-padding,
#topbar > .godaddy-styles.components-button.no-padding,
.godaddy-styles .components-button.no-padding,
.godaddy-styles.components-button.no-padding {
padding: 0;
}
#topbar > .godaddy-styles .components-button.is-big,
#topbar > .godaddy-styles.components-button.is-big,
.godaddy-styles .components-button.is-big,
.godaddy-styles.components-button.is-big {
font-size: 1.1em;
font-weight: 600;
padding: 1.5em;
}
#topbar > .godaddy-styles .components-button.is-primary,
#topbar > .godaddy-styles.components-button.is-primary,
.godaddy-styles .components-button.is-primary,
.godaddy-styles.components-button.is-primary {
background-color: #000;
box-shadow: none;
color: #fff;
}
#topbar > .godaddy-styles .components-button.is-primary:active:not([disabled]),
#topbar > .godaddy-styles .components-button.is-primary:hover:not([disabled]),
#topbar > .godaddy-styles.components-button.is-primary:active:not([disabled]),
#topbar > .godaddy-styles.components-button.is-primary:hover:not([disabled]),
.godaddy-styles .components-button.is-primary:active:not([disabled]),
.godaddy-styles .components-button.is-primary:hover:not([disabled]),
.godaddy-styles.components-button.is-primary:active:not([disabled]),
.godaddy-styles.components-button.is-primary:hover:not([disabled]) {
background-color: #00a4a6;
}
#topbar > .godaddy-styles .components-button.is-secondary,
#topbar > .godaddy-styles.components-button.is-secondary,
.godaddy-styles .components-button.is-secondary,
.godaddy-styles.components-button.is-secondary {
box-shadow: none;
color: #111;
}
#topbar
> .godaddy-styles
.components-button.is-secondary:active:not([disabled]),
#topbar > .godaddy-styles .components-button.is-secondary:hover:not([disabled]),
#topbar > .godaddy-styles.components-button.is-secondary:active:not([disabled]),
#topbar > .godaddy-styles.components-button.is-secondary:hover:not([disabled]),
.godaddy-styles .components-button.is-secondary:active:not([disabled]),
.godaddy-styles .components-button.is-secondary:hover:not([disabled]),
.godaddy-styles.components-button.is-secondary:active:not([disabled]),
.godaddy-styles.components-button.is-secondary:hover:not([disabled]) {
border: 0;
box-shadow: none;
color: #000;
}
#topbar > .godaddy-styles .components-button.is-tertiary,
#topbar > .godaddy-styles.components-button.is-tertiary,
.godaddy-styles .components-button.is-tertiary,
.godaddy-styles.components-button.is-tertiary {
border: 1px solid #111;
color: #111;
}
#topbar > .godaddy-styles .components-button.is-tertiary:hover,
#topbar > .godaddy-styles.components-button.is-tertiary:hover,
.godaddy-styles .components-button.is-tertiary:hover,
.godaddy-styles.components-button.is-tertiary:hover {
background-color: #111;
box-shadow: none;
color: #fff;
}
#topbar > .godaddy-styles .components-button.is-link,
#topbar > .godaddy-styles.components-button.is-link,
.godaddy-styles .components-button.is-link,
.godaddy-styles.components-button.is-link {
box-shadow: none;
color: #00a4a6;
padding: 0;
text-decoration: none;
}
#topbar > .godaddy-styles .components-button.is-link:active:not([disabled]),
#topbar > .godaddy-styles .components-button.is-link:hover:not([disabled]),
#topbar > .godaddy-styles.components-button.is-link:active:not([disabled]),
#topbar > .godaddy-styles.components-button.is-link:hover:not([disabled]),
.godaddy-styles .components-button.is-link:active:not([disabled]),
.godaddy-styles .components-button.is-link:hover:not([disabled]),
.godaddy-styles.components-button.is-link:active:not([disabled]),
.godaddy-styles.components-button.is-link:hover:not([disabled]) {
color: #111;
outline: none;
}
#topbar > .godaddy-styles .components-button.has-icon:active:not([disabled]),
#topbar > .godaddy-styles .components-button.has-icon:hover:not([disabled]),
#topbar > .godaddy-styles.components-button.has-icon:active:not([disabled]),
#topbar > .godaddy-styles.components-button.has-icon:hover:not([disabled]),
.godaddy-styles .components-button.has-icon:active:not([disabled]),
.godaddy-styles .components-button.has-icon:hover:not([disabled]),
.godaddy-styles.components-button.has-icon:active:not([disabled]),
.godaddy-styles.components-button.has-icon:hover:not([disabled]) {
background-color: #fff0;
color: #00a4a6;
}
#topbar > .godaddy-styles .components-modal__frame,
#topbar > .godaddy-styles.components-modal__frame,
.godaddy-styles .components-modal__frame,
.godaddy-styles.components-modal__frame {
border-radius: 1rem;
}
#topbar > .godaddy-styles .components-modal__frame .components-modal__content,
#topbar > .godaddy-styles.components-modal__frame .components-modal__content,
.godaddy-styles .components-modal__frame .components-modal__content,
.godaddy-styles.components-modal__frame .components-modal__content {
margin-top: 0;
padding: 4.5rem 4.5rem 4.25rem;
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content:before,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content:before,
.godaddy-styles .components-modal__frame .components-modal__content:before,
.godaddy-styles.components-modal__frame .components-modal__content:before {
margin: 0;
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content
p:last-child,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content
p:last-child,
.godaddy-styles
.components-modal__frame
.components-modal__content
p:last-child,
.godaddy-styles.components-modal__frame
.components-modal__content
p:last-child {
margin-bottom: 0;
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header,
.godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header,
.godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header {
border-bottom: 0;
font-size: 2rem;
height: unset;
margin-bottom: 0.75em;
padding: 0;
position: relative;
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__icon-container,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__icon-container,
.godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__icon-container,
.godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__icon-container {
margin-right: 8px;
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__header-heading,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__header-heading,
.godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__header-heading,
.godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-modal__header-heading {
font-size: 2rem;
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon,
.godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon,
.godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon {
font-size: 1rem;
left: auto;
padding: 0.25em;
position: absolute;
right: -3.5rem;
top: -3.25rem;
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon
> svg,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon
> svg,
.godaddy-styles
.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon
> svg,
.godaddy-styles.components-modal__frame
.components-modal__content
.components-modal__header
.components-button.has-icon
> svg {
margin-left: 0;
right: 0;
top: 0;
transform: scale(1);
}
#topbar
> .godaddy-styles
.components-modal__frame
.components-modal__content
.components-text-control__input,
#topbar
> .godaddy-styles.components-modal__frame
.components-modal__content
.components-text-control__input,
.godaddy-styles
.components-modal__frame
.components-modal__content
.components-text-control__input,
.godaddy-styles.components-modal__frame
.components-modal__content
.components-text-control__input {
margin-bottom: 0.5em;
}
#topbar > .godaddy-styles .ux-tag,
.godaddy-styles .ux-tag {
border-radius: 4px;
color: #000;
font-size: 0.9em;
font-weight: 700;
letter-spacing: 0.05625rem;
line-height: 1.5;
padding-block: 8px;
padding-inline: 8px;
text-transform: uppercase;
white-space: nowrap;
}
#topbar > .godaddy-styles .ux-tag-critical,
.godaddy-styles .ux-tag-critical {
background-color: #fbb;
}
#topbar > .godaddy-styles .ux-tag-highlight,
.godaddy-styles .ux-tag-highlight {
background-color: #a6fff8;
}
#topbar > .godaddy-styles .ux-tag-info,
.godaddy-styles .ux-tag-info {
background-color: #d3c1f7;
}
#topbar > .godaddy-styles .ux-tag-internal,
.godaddy-styles .ux-tag-internal {
background-color: #fbd9ed;
}
#topbar > .godaddy-styles .ux-tag-neutral,
.godaddy-styles .ux-tag-neutral {
background-color: #ddeaf8;
}
#topbar > .godaddy-styles .ux-tag-passive,
.godaddy-styles .ux-tag-passive {
background-color: #f4f8fc;
}
#topbar > .godaddy-styles .ux-tag-success,
.godaddy-styles .ux-tag-success {
background-color: #9fffb8;
}
#topbar > .godaddy-styles .ux-tag-warning,
.godaddy-styles .ux-tag-warning {
background-color: #ffeea9;
}
#topbar > .godaddy-styles .components-toggle-control,
#topbar > .godaddy-styles.components-toggle-control,
.godaddy-styles .components-toggle-control,
.godaddy-styles.components-toggle-control {
align-items: flex-end;
display: flex;
}
#topbar
> .godaddy-styles
.components-toggle-control
.components-base-control__field,
#topbar > .godaddy-styles .components-toggle-control__field,
#topbar
> .godaddy-styles.components-toggle-control
.components-base-control__field,
#topbar > .godaddy-styles.components-toggle-control__field,
.godaddy-styles .components-toggle-control .components-base-control__field,
.godaddy-styles .components-toggle-control__field,
.godaddy-styles.components-toggle-control .components-base-control__field,
.godaddy-styles.components-toggle-control__field {
margin: 0;
}
#topbar
> .godaddy-styles
.components-toggle-control
.components-base-control__field
.components-form-toggle__track,
#topbar
> .godaddy-styles.components-toggle-control
.components-base-control__field
.components-form-toggle__track,
.godaddy-styles
.components-toggle-control
.components-base-control__field
.components-form-toggle__track,
.godaddy-styles.components-toggle-control
.components-base-control__field
.components-form-toggle__track {
background-color: #f3f6f8;
}
#topbar
> .godaddy-styles
.components-toggle-control
.components-base-control__field
.is-checked
.components-form-toggle__track,
#topbar
> .godaddy-styles.components-toggle-control
.components-base-control__field
.is-checked
.components-form-toggle__track,
.godaddy-styles
.components-toggle-control
.components-base-control__field
.is-checked
.components-form-toggle__track,
.godaddy-styles.components-toggle-control
.components-base-control__field
.is-checked
.components-form-toggle__track {
background-color: #00a4a6;
}
#topbar
> .godaddy-styles
.components-toggle-control
.components-base-control__help,
#topbar
> .godaddy-styles.components-toggle-control
.components-base-control__help,
.godaddy-styles .components-toggle-control .components-base-control__help,
.godaddy-styles.components-toggle-control .components-base-control__help {
margin: 0;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
main {
display: block;
}
progress {
vertical-align: baseline;
}
html {
box-sizing: border-box;
}
*,
::after,
::before {
box-sizing: inherit;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-moz-focus-inner {
border-style: none;
padding: 0;
}
:-moz-focusring {
outline: 1px dotted ButtonText;
}
body,
button,
input,
select,
textarea {
font-family:
-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
text-transform: none;
font-size: 17px;
line-height: 1.5;
}
p {
margin-bottom: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
pre {
background: rgba(0, 0, 0, 0.05);
font-family: inherit;
font-size: inherit;
line-height: normal;
margin-bottom: 1.5em;
padding: 20px;
overflow: auto;
max-width: 100%;
}
blockquote {
border-left: 5px solid rgba(0, 0, 0, 0.05);
padding: 20px;
font-size: 1.2em;
font-style: italic;
margin: 0 0 1.5em;
position: relative;
}
blockquote p:last-child {
margin: 0;
}
table,
td,
th {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
width: 100%;
}
td,
th {
padding: 8px;
}
th {
border-width: 0 1px 1px 0;
}
td {
border-width: 0 1px 1px 0;
}
hr {
background-color: rgba(0, 0, 0, 0.1);
border: 0;
height: 1px;
margin-bottom: 40px;
margin-top: 40px;
}
fieldset {
padding: 0;
border: 0;
min-width: inherit;
}
fieldset legend {
padding: 0;
margin-bottom: 1.5em;
}
h1 {
font-size: 42px;
margin-bottom: 20px;
line-height: 1.2em;
font-weight: 400;
text-transform: none;
}
h2 {
font-size: 35px;
margin-bottom: 20px;
line-height: 1.2em;
font-weight: 400;
text-transform: none;
}
h3 {
font-size: 29px;
margin-bottom: 20px;
line-height: 1.2em;
font-weight: 400;
text-transform: none;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h4,
h5,
h6 {
margin-bottom: 20px;
}
ol,
ul {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
b,
strong {
font-weight: 700;
}
cite,
dfn,
em,
i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
code,
kbd,
tt,
var {
font:
15px Monaco,
Consolas,
"Andale Mono",
"DejaVu Sans Mono",
monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins,
mark {
text-decoration: none;
}
sub,
sup {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
width: 100%;
}
th {
font-weight: 700;
}
img {
height: auto;
max-width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #55555e;
color: #fff;
border: 1px solid transparent;
cursor: pointer;
-webkit-appearance: button;
padding: 10px 20px;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
border: 1px solid;
border-radius: 0;
padding: 10px 15px;
max-width: 100%;
}
textarea {
width: 100%;
}
a,
button,
input {
transition:
color 0.1s ease-in-out,
background-color 0.1s ease-in-out;
}
a {
text-decoration: none;
}
.button,
.block-button .block-button__link {
padding: 10px 20px;
display: inline-block;
}
.block-button .block-button__link {
font-size: inherit;
line-height: inherit;
}
.using-mouse :focus {
outline: 0;
}
.using-mouse ::-moz-focus-inner {
border: 0;
}
.alignleft {
float: left;
margin-right: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.no-sidebar .entry-content .alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
width: auto;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#primary[tabindex="-1"]:focus {
outline: 0;
}
.main-navigation {
z-index: 100;
padding: 0;
clear: both;
display: block;
}
.main-navigation a {
display: block;
text-decoration: none;
font-weight: 400;
text-transform: none;
font-size: 15px;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation .main-nav ul li a {
padding-left: 20px;
padding-right: 20px;
line-height: 60px;
}
.inside-navigation {
position: relative;
}
.main-navigation .inside-navigation {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.main-navigation .main-nav > ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.main-navigation li {
position: relative;
}
.main-navigation .menu-bar-items {
display: flex;
align-items: center;
font-size: 15px;
}
.main-navigation .menu-bar-items a {
color: inherit;
}
.main-navigation .menu-bar-item {
position: relative;
}
.main-navigation .menu-bar-item.search-item {
z-index: 20;
}
.main-navigation .menu-bar-item > a {
padding-left: 20px;
padding-right: 20px;
line-height: 60px;
}
.sidebar .main-navigation .main-nav {
flex-basis: 100%;
}
.sidebar .main-navigation .main-nav > ul {
flex-direction: column;
}
.sidebar .main-navigation .menu-bar-items {
margin: 0 auto;
}
.sidebar .main-navigation .menu-bar-items .search-item {
order: 10;
}
.nav-align-center .inside-navigation {
justify-content: center;
}
.nav-align-center .main-nav > ul {
justify-content: center;
}
.nav-align-right .inside-navigation {
justify-content: flex-end;
}
.main-navigation ul ul {
display: block;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
float: left;
position: absolute;
left: -99999px;
opacity: 0;
z-index: 99999;
width: 200px;
text-align: left;
top: auto;
transition: opacity 80ms linear;
transition-delay: 0s;
pointer-events: none;
height: 0;
overflow: hidden;
}
.main-navigation ul ul a {
display: block;
}
.main-navigation ul ul li {
width: 100%;
}
.main-navigation .main-nav ul ul li a {
line-height: normal;
padding: 10px 20px;
font-size: 14px;
}
.main-navigation .main-nav ul li.menu-item-has-children > a {
padding-right: 0;
position: relative;
}
.main-navigation.sub-menu-left ul ul {
box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
}
.main-navigation.sub-menu-left .sub-menu {
right: 0;
}
.main-navigation:not(.toggled) ul li.sfHover > ul,
.main-navigation:not(.toggled) ul li:hover > ul {
left: auto;
opacity: 1;
transition-delay: 150ms;
pointer-events: auto;
height: auto;
overflow: visible;
}
.main-navigation:not(.toggled) ul ul li.sfHover > ul,
.main-navigation:not(.toggled) ul ul li:hover > ul {
left: 100%;
top: 0;
}
.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul,
.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul {
right: 100%;
left: auto;
}
.nav-float-right .main-navigation ul ul ul {
top: 0;
}
.menu-item-has-children .dropdown-menu-toggle {
display: inline-block;
height: 100%;
clear: both;
padding-right: 20px;
padding-left: 10px;
}
.menu-item-has-children ul .dropdown-menu-toggle {
padding-top: 10px;
padding-bottom: 10px;
margin-top: -10px;
}
.sidebar .menu-item-has-children .dropdown-menu-toggle,
nav ul ul .menu-item-has-children .dropdown-menu-toggle {
float: right;
}
.widget-area .main-navigation li {
float: none;
display: block;
width: 100%;
padding: 0;
margin: 0;
}
.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,
.sidebar .main-navigation.sub-menu-right ul li:hover ul {
top: 0;
left: 100%;
}
.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,
.sidebar .main-navigation.sub-menu-left ul li:hover ul {
top: 0;
right: 100%;
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 0 0 2em;
overflow: hidden;
}
.site-main .post-navigation {
margin-bottom: 0;
}
.paging-navigation .nav-next,
.paging-navigation .nav-previous {
display: none;
}
.paging-navigation .nav-links > * {
padding: 0 5px;
}
.paging-navigation .nav-links .current {
font-weight: 700;
}
.nav-links > :first-child {
padding-left: 0;
}
.site-header {
position: relative;
}
.inside-header {
padding: 20px 40px;
}
.main-title {
margin: 0;
font-size: 25px;
line-height: 1.2em;
word-wrap: break-word;
font-weight: 700;
text-transform: none;
}
.site-description {
margin: 0;
line-height: 1.5;
font-weight: 400;
text-transform: none;
font-size: 15px;
}
.site-logo {
display: inline-block;
max-width: 100%;
}
.site-header .header-image {
vertical-align: middle;
}
.inside-header {
display: flex;
align-items: center;
}
.header-widget {
margin-left: auto;
}
.header-widget p:last-child {
margin-bottom: 0;
}
.nav-float-right .header-widget {
margin-left: 20px;
}
.nav-float-right #site-navigation {
margin-left: auto;
}
.nav-float-left #site-navigation {
margin-right: auto;
order: -10;
}
.nav-float-left .header-widget {
margin-left: 0;
margin-right: 20px;
order: -15;
}
.header-aligned-center:not([class*="nav-float-"]) .inside-header {
justify-content: center;
flex-direction: column;
text-align: center;
}
.header-aligned-center:not([class*="nav-float-"]) .header-widget {
margin-left: auto;
margin-right: auto;
}
.header-aligned-center:not([class*="nav-float-"])
.inside-header
> :not(:first-child) {
margin-top: 1em;
}
.header-aligned-right:not([class*="nav-float-"]) .inside-header {
justify-content: flex-end;
}
.header-aligned-right:not([class*="nav-float-"]) .header-widget {
margin-right: auto;
margin-left: 0;
order: -10;
}
.site-branding-container {
display: inline-flex;
align-items: center;
text-align: left;
flex-shrink: 0;
}
.site-branding-container .site-logo {
margin-right: 1em;
}
.sticky {
display: block;
}
.entry-header .gp-icon,
.posted-on .updated {
display: none;
}
.byline,
.entry-header .cat-links,
.entry-header .comments-link,
.entry-header .tags-links,
.group-blog .byline,
.single .byline {
display: inline;
}
footer.entry-meta .byline,
footer.entry-meta .posted-on {
display: block;
}
.entry-content:not(:first-child),
.entry-summary:not(:first-child),
.page-content:not(:first-child) {
margin-top: 2em;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.archive .format-aside .entry-header,
.archive .format-status .entry-header,
.archive .format-status .entry-meta,
.archive .format-status .entry-title,
.blog .format-aside .entry-header,
.blog .format-status .entry-header,
.blog .format-status .entry-meta,
.blog .format-status .entry-title {
display: none;
}
.archive .format-aside .entry-content,
.archive .format-status .entry-content,
.blog .format-aside .entry-content,
.blog .format-status .entry-content {
margin-top: 0;
}
.archive .format-status .entry-content p:last-child,
.blog .format-status .entry-content p:last-child {
margin-bottom: 0;
}
.entry-header,
.site-content {
word-wrap: break-word;
}
.entry-title {
margin-bottom: 0;
}
.author .page-header .page-title {
display: flex;
align-items: center;
}
.author .page-header .avatar {
margin-right: 20px;
}
.page-header .author-info > :last-child,
.page-header > :last-child {
margin-bottom: 0;
}
.entry-meta {
font-size: 85%;
margin-top: 0.5em;
line-height: 1.5;
}
footer.entry-meta {
margin-top: 2em;
}
.cat-links,
.comments-link,
.tags-links {
display: block;
}
.entry-content > p:last-child,
.entry-summary > p:last-child,
.page-content > p:last-child,
.read-more-container,
.taxonomy-description p:last-child {
margin-bottom: 0;
}
.caption {
margin-bottom: 1.5em;
max-width: 100%;
position: relative;
}
.caption img[class*="image-"] {
display: block;
margin: 0 auto 0;
max-width: 100%;
}
.caption .caption-text {
font-size: 75%;
padding-top: 5px;
opacity: 0.8;
}
.caption img {
position: relative;
vertical-align: bottom;
}
.block-image figcaption {
font-size: 13px;
text-align: center;
}
.block-gallery,
ul.blocks-gallery-grid {
margin-left: 0;
}
.block-gallery .blocks-gallery-image figcaption,
.block-gallery .blocks-gallery-item figcaption {
background: rgba(255, 255, 255, 0.7);
color: #000;
padding: 10px;
box-sizing: border-box;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.gallery-item img {
vertical-align: bottom;
}
.gallery-icon {
padding: 5px;
}
embed,
iframe,
object {
max-width: 100%;
}
.block-post-template {
margin-left: 0;
}
.widget-area .widget {
padding: 40px;
}
.widget select {
max-width: 100%;
}
.footer-widgets .widget :last-child,
.sidebar .widget :last-child {
margin-bottom: 0;
}
.widget-title {
margin-bottom: 30px;
font-size: 20px;
line-height: 1.5;
font-weight: 400;
text-transform: none;
}
.widget ol,
.widget ul {
margin: 0;
}
.widget .search-field {
width: 100%;
}
.widget .search-form {
display: flex;
}
.widget .search-form button.search-submit {
font-size: 15px;
}
.footer-widgets .widget {
margin-bottom: 30px;
}
.footer-widgets .widget:last-child,
.sidebar .widget:last-child {
margin-bottom: 0;
}
.widget ul li {
list-style-type: none;
position: relative;
margin-bottom: 0.5em;
}
.widget ul li ul {
margin-left: 1em;
margin-top: 0.5em;
}
.calendar-table {
table-layout: fixed;
}
.site-content {
display: flex;
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
.page-header,
.sidebar .widget,
.site-main > * {
margin-bottom: 20px;
}
.both-left .inside-left-sidebar,
.both-right .inside-left-sidebar {
margin-right: 10px;
}
.both-left .inside-right-sidebar,
.both-right .inside-right-sidebar {
margin-left: 10px;
}
.one-container.both-right .site-main,
.one-container.right-sidebar .site-main {
margin-right: 40px;
}
.one-container.both-left .site-main,
.one-container.left-sidebar .site-main {
margin-left: 40px;
}
.one-container.both-sidebars .site-main {
margin: 0 40px 0 40px;
}
.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
padding-bottom: 40px;
}
.one-container .site-content {
padding: 40px;
}
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
padding: 40px;
}
.separate-containers .site-main {
margin: 20px;
}
.separate-containers.no-sidebar .site-main {
margin-left: 0;
margin-right: 0;
}
.separate-containers.both-right .site-main,
.separate-containers.right-sidebar .site-main {
margin-left: 0;
}
.separate-containers.both-left .site-main,
.separate-containers.left-sidebar .site-main {
margin-right: 0;
}
.separate-containers .inside-left-sidebar,
.separate-containers .inside-right-sidebar {
margin-top: 20px;
margin-bottom: 20px;
}
.inside-page-header {
padding: 40px;
}
.widget-area .main-navigation {
margin-bottom: 20px;
}
.one-container .site-main > :last-child,
.separate-containers .site-main > :last-child {
margin-bottom: 0;
}
.full-width-content .container.grid-container {
max-width: 100%;
}
.full-width-content.no-sidebar.separate-containers .site-main {
margin: 0;
}
.full-width-content.one-container .site-content,
.full-width-content.separate-containers .inside-article {
padding: 0;
}
.full-width-content .entry-content .alignwide {
margin-left: 0;
width: auto;
max-width: unset;
}
.contained-content.one-container .site-content,
.contained-content.separate-containers .inside-article {
padding: 0;
}
.sidebar .grid-container {
max-width: 100%;
width: 100%;
}
.both-left .is-left-sidebar,
.both-sidebars .is-left-sidebar,
.left-sidebar .sidebar {
order: -10;
}
.both-left .is-right-sidebar {
order: -5;
}
.both-right .is-left-sidebar {
order: 5;
}
.both-right .is-right-sidebar,
.both-sidebars .is-right-sidebar {
order: 10;
}
.inside-site-info {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 40px;
}
.site-info {
text-align: center;
font-size: 15px;
}
.post-image:not(:first-child) {
margin-top: 2em;
}
.featured-image {
line-height: 0;
}
.separate-containers .featured-image {
margin-top: 20px;
}
.separate-containers .inside-article > .featured-image {
margin-top: 0;
margin-bottom: 2em;
}
.one-container .inside-article > .featured-image {
margin-top: 0;
margin-bottom: 2em;
}
.gp-icon {
display: inline-flex;
align-self: center;
}
.gp-icon svg {
height: 1em;
width: 1em;
top: 0.125em;
position: relative;
fill: currentColor;
}
.close-search .icon-search svg:first-child,
.icon-menu-bars svg:nth-child(2),
.icon-search svg:nth-child(2),
.toggled .icon-menu-bars svg:first-child {
display: none;
}
.close-search .icon-search svg:nth-child(2),
.toggled .icon-menu-bars svg:nth-child(2) {
display: block;
}
.entry-meta .gp-icon {
margin-right: 0.6em;
opacity: 0.7;
}
nav.toggled .icon-arrow-left svg {
transform: rotate(-90deg);
}
nav.toggled .icon-arrow-right svg {
transform: rotate(90deg);
}
nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg {
transform: rotate(180deg);
}
nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg {
transform: rotate(-270deg);
}
nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg {
transform: rotate(270deg);
}
.container.grid-container {
width: auto;
}
.menu-toggle,
.mobile-bar-items,
.sidebar-nav-mobile {
display: none;
}
.menu-toggle {
padding: 0 20px;
line-height: 60px;
margin: 0;
font-weight: 400;
text-transform: none;
font-size: 15px;
cursor: pointer;
}
.menu-toggle .mobile-menu {
padding-left: 3px;
}
.menu-toggle .gp-icon + .mobile-menu {
padding-left: 9px;
}
.menu-toggle .mobile-menu:empty {
display: none;
}
button.menu-toggle {
background-color: transparent;
flex-grow: 1;
border: 0;
text-align: center;
}
button.menu-toggle:active,
button.menu-toggle:focus,
button.menu-toggle:hover {
background-color: transparent;
}
.has-menu-bar-items button.menu-toggle {
flex-grow: 0;
}
nav.toggled ul ul.sub-menu {
width: 100%;
}
.toggled .menu-item-has-children .dropdown-menu-toggle {
padding-left: 20px;
}
.main-navigation.toggled .main-nav {
flex-basis: 100%;
order: 3;
}
.main-navigation.toggled .main-nav > ul {
display: block;
}
.main-navigation.toggled .main-nav li {
width: 100%;
text-align: left;
}
.main-navigation.toggled .main-nav ul ul {
transition: 0s;
visibility: hidden;
box-shadow: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.main-navigation.toggled .main-nav ul ul li:last-child > ul {
border-bottom: 0;
}
.main-navigation.toggled .main-nav ul ul.toggled-on {
position: relative;
top: 0;
left: auto !important;
right: auto !important;
width: 100%;
pointer-events: auto;
height: auto;
opacity: 1;
display: block;
visibility: visible;
float: none;
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
float: right;
}
.mobile-menu-control-wrapper {
display: none;
margin-left: auto;
align-items: center;
}
.has-inline-mobile-toggle #site-navigation.toggled {
margin-top: 1.5em;
}
.has-inline-mobile-toggle #site-navigation.has-active-search {
margin-top: 1.5em;
}
.has-inline-mobile-toggle
#site-navigation.has-active-search
.nav-search-active {
position: relative;
}
.has-inline-mobile-toggle
#site-navigation.has-active-search
.navigation-search
input {
outline: auto;
}
.nav-float-left .mobile-menu-control-wrapper {
order: -10;
margin-left: 0;
margin-right: auto;
flex-direction: row-reverse;
}
@media (min-width: 769px) and (max-width: 1024px) {
.hide-on-tablet {
display: none !important;
}
}
@media (min-width: 1025px) {
.hide-on-desktop {
display: none !important;
}
}
.pum-container,
.pum-content,
.pum-content + .pum-close,
.pum-content + .pum-close:active,
.pum-content + .pum-close:focus,
.pum-content + .pum-close:hover,
.pum-overlay,
.pum-title {
background: none;
border: none;
bottom: auto;
clear: none;
cursor: default;
float: none;
font-family: inherit;
font-size: medium;
font-style: normal;
font-weight: 400;
height: auto;
left: auto;
letter-spacing: normal;
line-height: normal;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
overflow: visible;
position: static;
right: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
top: auto;
visibility: visible;
white-space: normal;
width: auto;
z-index: auto;
}
.pum-content,
.pum-title {
position: relative;
z-index: 1;
}
.pum-overlay {
bottom: 0;
display: none;
height: 100%;
left: 0;
overflow: auto;
overflow: initial;
position: fixed;
right: 0;
top: 0;
transition: all 0.15s ease-in-out;
width: 100%;
z-index: 1999999999;
}
.pum-overlay.pum-form-submission-detected,
.pum-overlay.pum-preview {
display: block;
}
.pum-overlay,
.pum-overlay *,
.pum-overlay :after,
.pum-overlay :before,
.pum-overlay:after,
.pum-overlay:before {
box-sizing: border-box;
}
.pum-container {
margin-bottom: 3em;
position: absolute;
top: 100px;
z-index: 1999999999;
}
.pum-container.pum-responsive {
height: auto;
left: 50%;
margin-left: -47.5%;
overflow: visible;
width: 95%;
}
.pum-container.pum-responsive img {
height: auto;
max-width: 100%;
}
@media only screen and (max-width: 1024px) {
.pum-container.pum-responsive.pum-position-fixed {
position: absolute;
}
}
.pum-container.custom-position {
left: auto;
margin-left: inherit;
top: auto;
}
.pum-container .pum-title {
margin-bottom: 0.5em;
}
.pum-container .pum-content:focus {
outline: none;
}
.pum-container .pum-content > :first-child {
margin-top: 0;
}
.pum-container .pum-content > :last-child {
margin-bottom: 0;
}
.pum-container .pum-content + .pum-close {
background-color: #0000;
cursor: pointer;
line-height: 1;
min-width: 1em;
position: absolute;
text-align: center;
text-decoration: none;
z-index: 2;
}
.pum-container .pum-content + .pum-close > span {
position: relative;
z-index: 1;
}
.pum-container.pum-scrollable .pum-content {
max-height: 95%;
overflow: auto;
overflow-y: scroll;
}
.pum-overlay.pum-overlay-disabled {
visibility: hidden;
}
.pum-overlay.pum-overlay-disabled::-webkit-scrollbar {
display: block;
}
.pum-overlay.pum-overlay-disabled .pum-container {
visibility: visible;
}
.pum-overlay.pum-click-to-close {
cursor: pointer;
}
html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
overflow: hidden;
}
html.pum-open.pum-open-overlay.pum-open-fixed .pum-container {
position: fixed;
}
html.pum-open.pum-open-overlay.pum-open-scrollable
body
> :not([aria-modal="true"]) {
padding-right: 15px;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container {
position: fixed;
}
html.pum-open.pum-open-overlay-disabled.pum-open-scrollable
.pum-overlay.pum-active {
height: auto;
position: static;
width: auto;
}
.pum-cta-wrapper {
display: inline-block;
max-width: 100%;
width: auto;
}
.pum-cta-wrapper.alignleft {
display: block;
text-align: left;
}
.pum-cta-wrapper.aligncenter {
display: block;
text-align: center;
}
.pum-cta-wrapper.alignright {
display: block;
text-align: right;
}
.pum-cta-wrapper.alignfull {
display: block;
width: 100%;
}
.pum-cta-wrapper.alignfull .pum-cta {
width: 100%;
}
.pum-cta-wrapper .pum-cta {
border-radius: 9999px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
padding: 1rem 2.25rem;
text-align: center;
text-decoration: none;
transition:
filter 0.15s ease-in-out,
background-color 0.15s ease-in-out;
width: auto;
}
.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta {
background-color: var(--preset--color--contrast, #000);
border: none;
color: var(--preset--color--base, #fff);
}
.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only)
.pum-cta:hover {
filter: brightness(0.85);
}
.pum-cta-wrapper.is-style-outline .pum-cta {
background-color: #0000;
border: 1px solid;
color: var(--preset--color--contrast, currentcolor);
padding: calc(1rem - 1px) calc(2.25rem - 1px);
}
.pum-cta-wrapper.is-style-outline .pum-cta:hover {
background-color: #0000000d;
filter: brightness(1.05);
}
.pum-cta-wrapper.is-style-text-only .pum-cta {
background-color: #0000;
border: none;
color: var(--preset--color--contrast, currentcolor);
padding: 0.5rem 1rem;
}
.pum-cta-wrapper.is-style-text-only .pum-cta:hover {
text-decoration: underline;
}
.pum-form {
margin: 0 auto 16px;
}
.pum-form__field {
margin-bottom: 1em;
}
.pum-form__field label {
font-weight: 700;
}
.pum-form__field input[type="date"],
.pum-form__field select {
font-size: 18px;
line-height: 26px;
margin: 0 auto;
padding: 3px;
text-align: center;
vertical-align: middle;
}
.pum-form__field select {
padding: 5px 3px;
}
.pum-form__loader {
animation-duration: 0.75s;
animation-iteration-count: infinite;
animation-name: rotate-forever;
animation-timing-function: linear;
border: 0.25em solid #00000080;
border-radius: 50%;
border-right-color: #0000;
display: inline-block;
font-size: 2em;
height: 0.75em;
width: 0.75em;
}
.pum-form__submit {
position: relative;
}
.pum-form__submit .pum-form__loader {
border: 0.25em solid #ffffff80;
border-right-color: #0000;
margin-left: 0.5em;
}
.pum-form__messages {
display: none;
margin-bottom: 0.5em;
padding: 1em;
position: relative;
}
.pum-form__message {
margin-bottom: 0.5em;
}
.pum-form__message:last-child {
margin-bottom: 0;
}
.pum-form__message--error {
border-color: red;
color: red !important;
}
.pum-form__message--success {
border-color: green;
color: green !important;
}
.pum-form--loading {
opacity: 0.5;
}
.pum-alignment-left {
text-align: left;
}
.pum-alignment-center {
text-align: center;
}
.pum-alignment-right {
text-align: right;
}
.pum-form--alignment-left {
text-align: left;
}
.pum-form--alignment-center {
text-align: center;
}
.pum-form--alignment-right {
text-align: right;
}
.pum-form--layout-standard .pum-form__field > label {
display: block;
margin-bottom: 0.25em;
}
.pum-form--layout-inline .pum-form__field {
display: inline-block;
}
.pum-form--layout-block .pum-form__field,
.pum-form--layout-block button,
.pum-form--layout-block div,
.pum-form--layout-block input {
display: block;
width: 100%;
}
.pum-form--style-default label {
font-size: 14px;
font-weight: 700;
}
.pum-form--style-default input[type="email"],
.pum-form--style-default input[type="text"] {
background-color: #f8f7f7;
font-size: 14px;
margin-bottom: 5px;
padding: 10px 8px;
}
.pum-form--style-default button {
cursor: pointer;
font-size: 18px;
margin: 10px 0 0;
padding: 10px 5px;
}
.pum-sub-form .pum-sub-form-loading {
opacity: 0.5;
}
.pum-sub-form p.pum-newsletter-error-msg {
margin: 0;
}
.pum-sub-form .spinner-loader {
bottom: 40%;
position: absolute;
right: 50%;
}
.pum-sub-form .spinner-loader:not(:required) {
animation: spinner-loader 1.5s linear infinite;
border-radius: 0.5em;
box-shadow:
1.5em 0 0 0 #0000334d,
1.1em 1.1em 0 0 #0000334d,
0 1.5em 0 0 #0000334d,
-1.1em 1.1em 0 0 #0000334d,
-1.5em 0 0 0 #0000334d,
-1.1em -1.1em 0 0 #0000334d,
0 -1.5em 0 0 #0000334d,
1.1em -1.1em 0 0 #0000334d;
display: inline-block;
font-size: 10px;
height: 1em;
margin: 1.5em;
overflow: hidden;
text-indent: 100%;
width: 1em;
}
.pum-form__field--consent {
text-align: left;
}
.pum-form__field--consent.pum-form__field--checkbox label {
display: inline-block;
vertical-align: middle;
}
.pum-form__field--consent.pum-form__field--checkbox label input {
display: inline-block;
margin: 0;
vertical-align: middle;
width: inherit;
}
.pum-form__field--consent.pum-form__field--radio
.pum-form__consent-radios.pum-form__consent-radios--inline
label {
display: inline-block;
vertical-align: middle;
}
.pum-form__field--consent.pum-form__field--radio
.pum-form__consent-radios.pum-form__consent-radios--inline
label
input {
display: inline-block;
margin: 0;
vertical-align: middle;
width: inherit;
}
.pum-form__field--consent.pum-form__field--radio
.pum-form__consent-radios.pum-form__consent-radios--inline
label
+ label {
margin-left: 1em;
}
.pum-form__field--consent.pum-form__field--radio
.pum-form__consent-radios.pum-form__consent-radios--stacked
label {
display: block;
vertical-align: middle;
}
.pum-form__field--consent.pum-form__field--radio
.pum-form__consent-radios.pum-form__consent-radios--stacked
label
input {
display: inline-block;
margin: 0;
vertical-align: middle;
width: inherit;
}
.popmake-close {
cursor: pointer;
}
.pum-container iframe.formidable {
overflow: visible;
width: 100%;
}
.flatpickr-calendar.open,
.pika-single,
body div#ui-datepicker-div[style] {
z-index: 9999999999 !important;
}
.pum-theme-51476,
.pum-theme-cutting-edge {
background-color: rgb(0 0 0 / 0.5);
}
.pum-theme-51476 .pum-container,
.pum-theme-cutting-edge .pum-container {
padding: 18px;
border-radius: 0;
border: 1px none #000;
box-shadow: 0 10px 25px 0 rgb(2 2 2 / 0.5);
background-color: rgb(30 115 190 / 1);
}
.pum-theme-51476 .pum-title,
.pum-theme-cutting-edge .pum-title {
color: #fff;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: Sans-Serif;
font-weight: 100;
font-size: 26px;
line-height: 28px;
}
.pum-theme-51476 .pum-content,
.pum-theme-cutting-edge .pum-content {
color: #fff;
font-family: inherit;
font-weight: 100;
}
.pum-theme-51476 .pum-content + .pum-close,
.pum-theme-cutting-edge .pum-content + .pum-close {
position: absolute;
height: 24px;
width: 24px;
left: auto;
right: 0;
bottom: auto;
top: 0;
padding: 0;
color: #1e73be;
font-family: Times New Roman;
font-weight: 100;
font-size: 32px;
line-height: 24px;
border: 1px none #fff;
border-radius: 0;
box-shadow: -1px 1px 1px 0 rgb(2 2 2 / 0.1);
text-shadow: -1px 1px 1px rgb(0 0 0 / 0.1);
background-color: rgb(238 238 34 / 1);
}
.pum-theme-51477,
.pum-theme-framed-border {
background-color: rgb(255 255 255 / 0.5);
}
.pum-theme-51477 .pum-container,
.pum-theme-framed-border .pum-container {
padding: 18px;
border-radius: 0;
border: 20px outset #d33;
box-shadow: 1px 1px 3px 0 rgb(2 2 2 / 0.97) inset;
background-color: rgb(255 251 239 / 1);
}
.pum-theme-51477 .pum-title,
.pum-theme-framed-border .pum-title {
color: #000;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: inherit;
font-weight: 100;
font-size: 32px;
line-height: 36px;
}
.pum-theme-51477 .pum-content,
.pum-theme-framed-border .pum-content {
color: #2d2d2d;
font-family: inherit;
font-weight: 100;
}
.pum-theme-51477 .pum-content + .pum-close,
.pum-theme-framed-border .pum-content + .pum-close {
position: absolute;
height: 20px;
width: 20px;
left: auto;
right: -20px;
bottom: auto;
top: -20px;
padding: 0;
color: #fff;
font-family: Tahoma;
font-weight: 700;
font-size: 16px;
line-height: 18px;
border: 1px none #fff;
border-radius: 0;
box-shadow: 0 0 0 0 rgb(2 2 2 / 0.23);
text-shadow: 0 0 0 rgb(0 0 0 / 0.23);
background-color: rgb(0 0 0 / 0.55);
}
.pum-theme-51478,
.pum-theme-floating-bar {
background-color: #fff0;
}
.pum-theme-51478 .pum-container,
.pum-theme-floating-bar .pum-container {
padding: 8px;
border-radius: 0;
border: 1px none #000;
box-shadow: 1px 1px 3px 0 rgb(2 2 2 / 0.23);
background-color: rgb(238 246 252 / 1);
}
.pum-theme-51478 .pum-title,
.pum-theme-floating-bar .pum-title {
color: #505050;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: inherit;
font-weight: 400;
font-size: 32px;
line-height: 36px;
}
.pum-theme-51478 .pum-content,
.pum-theme-floating-bar .pum-content {
color: #505050;
font-family: inherit;
font-weight: 400;
}
.pum-theme-51478 .pum-content + .pum-close,
.pum-theme-floating-bar .pum-content + .pum-close {
position: absolute;
height: 18px;
width: 18px;
left: auto;
right: 5px;
bottom: auto;
top: 50%;
padding: 0;
color: #505050;
font-family: Sans-Serif;
font-weight: 700;
font-size: 15px;
line-height: 18px;
border: 1px solid #505050;
border-radius: 15px;
box-shadow: 0 0 0 0 #fff0;
text-shadow: 0 0 0 #fff0;
background-color: #fff0;
transform: translate(0, -50%);
}
.pum-theme-51479,
.pum-theme-content-only {
background-color: rgb(0 0 0 / 0.7);
}
.pum-theme-51479 .pum-container,
.pum-theme-content-only .pum-container {
padding: 0;
border-radius: 0;
border: 1px none #000;
box-shadow: 0 0 0 0 #fff0;
}
.pum-theme-51479 .pum-title,
.pum-theme-content-only .pum-title {
color: #000;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: inherit;
font-weight: 400;
font-size: 32px;
line-height: 36px;
}
.pum-theme-51479 .pum-content,
.pum-theme-content-only .pum-content {
color: #8c8c8c;
font-family: inherit;
font-weight: 400;
}
.pum-theme-51479 .pum-content + .pum-close,
.pum-theme-content-only .pum-content + .pum-close {
position: absolute;
height: 18px;
width: 18px;
left: auto;
right: 7px;
bottom: auto;
top: 7px;
padding: 0;
color: #000;
font-family: inherit;
font-weight: 700;
font-size: 20px;
line-height: 20px;
border: 1px none #fff;
border-radius: 15px;
box-shadow: 0 0 0 0 #fff0;
text-shadow: 0 0 0 #fff0;
background-color: #fff0;
}
.pum-theme-51472,
.pum-theme-default-theme {
background-color: rgb(255 255 255 / 1);
}
.pum-theme-51472 .pum-container,
.pum-theme-default-theme .pum-container {
padding: 18px;
border-radius: 0;
border: 1px none #000;
box-shadow: 1px 1px 3px 0 rgb(2 2 2 / 0.23);
background-color: rgb(249 249 249 / 1);
}
.pum-theme-51472 .pum-title,
.pum-theme-default-theme .pum-title {
color: #000;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: inherit;
font-weight: 400;
font-size: 32px;
font-style: normal;
line-height: 36px;
}
.pum-theme-51472 .pum-content,
.pum-theme-default-theme .pum-content {
color: #8c8c8c;
font-family: inherit;
font-weight: 400;
font-style: inherit;
}
.pum-theme-51472 .pum-content + .pum-close,
.pum-theme-default-theme .pum-content + .pum-close {
position: absolute;
height: auto;
width: auto;
left: auto;
right: 0;
bottom: auto;
top: 0;
padding: 8px;
color: #fff;
font-family: inherit;
font-weight: 400;
font-size: 12px;
font-style: inherit;
line-height: 36px;
border: 1px none #fff;
border-radius: 0;
box-shadow: 1px 1px 3px 0 rgb(2 2 2 / 0.23);
text-shadow: 0 0 0 rgb(0 0 0 / 0.23);
background-color: rgb(0 183 205 / 1);
}
.pum-theme-51473,
.pum-theme-lightbox {
background-color: rgb(0 0 0 / 0.6);
}
.pum-theme-51473 .pum-container,
.pum-theme-lightbox .pum-container {
padding: 18px;
border-radius: 3px;
border: 8px solid #000;
box-shadow: 0 0 30px 0 rgb(2 2 2 / 1);
background-color: rgb(255 255 255 / 1);
}
.pum-theme-51473 .pum-title,
.pum-theme-lightbox .pum-title {
color: #000;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: inherit;
font-weight: 100;
font-size: 32px;
line-height: 36px;
}
.pum-theme-51473 .pum-content,
.pum-theme-lightbox .pum-content {
color: #000;
font-family: inherit;
font-weight: 100;
}
.pum-theme-51473 .pum-content + .pum-close,
.pum-theme-lightbox .pum-content + .pum-close {
position: absolute;
height: 26px;
width: 26px;
left: auto;
right: -13px;
bottom: auto;
top: -13px;
padding: 0;
color: #fff;
font-family: Arial;
font-weight: 100;
font-size: 24px;
line-height: 24px;
border: 2px solid #fff;
border-radius: 26px;
box-shadow: 0 0 15px 1px rgb(2 2 2 / 0.75);
text-shadow: 0 0 0 rgb(0 0 0 / 0.23);
background-color: rgb(0 0 0 / 1);
}
.pum-theme-51474,
.pum-theme-enterprise-blue {
background-color: rgb(0 0 0 / 0.7);
}
.pum-theme-51474 .pum-container,
.pum-theme-enterprise-blue .pum-container {
padding: 28px;
border-radius: 5px;
border: 1px none #000;
box-shadow: 0 10px 25px 4px rgb(2 2 2 / 0.5);
background-color: rgb(255 255 255 / 1);
}
.pum-theme-51474 .pum-title,
.pum-theme-enterprise-blue .pum-title {
color: #315b7c;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: inherit;
font-weight: 100;
font-size: 34px;
line-height: 36px;
}
.pum-theme-51474 .pum-content,
.pum-theme-enterprise-blue .pum-content {
color: #2d2d2d;
font-family: inherit;
font-weight: 100;
}
.pum-theme-51474 .pum-content + .pum-close,
.pum-theme-enterprise-blue .pum-content + .pum-close {
position: absolute;
height: 28px;
width: 28px;
left: auto;
right: 8px;
bottom: auto;
top: 8px;
padding: 4px;
color: #fff;
font-family: Times New Roman;
font-weight: 100;
font-size: 20px;
line-height: 20px;
border: 1px none #fff;
border-radius: 42px;
box-shadow: 0 0 0 0 rgb(2 2 2 / 0.23);
text-shadow: 0 0 0 rgb(0 0 0 / 0.23);
background-color: rgb(49 91 124 / 1);
}
.pum-theme-51475,
.pum-theme-hello-box {
background-color: rgb(0 0 0 / 0.75);
}
.pum-theme-51475 .pum-container,
.pum-theme-hello-box .pum-container {
padding: 30px;
border-radius: 80px;
border: 14px solid #81d742;
box-shadow: 0 0 0 0 #fff0;
background-color: rgb(255 255 255 / 1);
}
.pum-theme-51475 .pum-title,
.pum-theme-hello-box .pum-title {
color: #2d2d2d;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 0.23);
font-family: Montserrat;
font-weight: 100;
font-size: 32px;
line-height: 36px;
}
.pum-theme-51475 .pum-content,
.pum-theme-hello-box .pum-content {
color: #2d2d2d;
font-family: inherit;
font-weight: 100;
}
.pum-theme-51475 .pum-content + .pum-close,
.pum-theme-hello-box .pum-content + .pum-close {
position: absolute;
height: auto;
width: auto;
left: auto;
right: -30px;
bottom: auto;
top: -30px;
padding: 0;
color: #2d2d2d;
font-family: Times New Roman;
font-weight: 100;
font-size: 32px;
line-height: 28px;
border: 1px none #fff;
border-radius: 28px;
box-shadow: 0 0 0 0 rgb(2 2 2 / 0.23);
text-shadow: 0 0 0 rgb(0 0 0 / 0.23);
background-color: rgb(255 255 255 / 1);
}
#pum-51481 {
z-index: 9998;
}
#pum-51480 {
z-index: 1999999999;
}
.block-group__inner-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.site-header .header-image {
width: 110px;
}
.generate-back-to-top {
font-size: 20px;
border-radius: 3px;
position: fixed;
bottom: 30px;
right: 30px;
line-height: 40px;
width: 40px;
text-align: center;
z-index: 10;
transition: opacity 300ms ease-in-out;
opacity: 0.1;
transform: translateY(1000px);
}
.generate-back-to-top__show {
opacity: 1;
transform: translateY(0);
}
:root {
--surface-0: #020617;
----surface-light: #ecf4f6;
--ink-strong: #f9fafb;
--ink: #f9fafb;
--ink-inverse: #020617;
}
:root .has-surface-0-color {
color: var(--surface-0);
}
:root .has-surface-0-background-color {
background-color: var(--surface-0);
}
:root .has---surface-light-color {
color: var(----surface-light);
}
:root .has---surface-light-background-color {
background-color: var(----surface-light);
}
:root .has-ink-strong-color {
color: var(--ink-strong);
}
:root .has-ink-strong-background-color {
background-color: var(--ink-strong);
}
:root .has-ink-color {
color: var(--ink);
}
:root .has-ink-background-color {
background-color: var(--ink);
}
:root .has-ink-inverse-color {
color: var(--ink-inverse);
}
:root .has-ink-inverse-background-color {
background-color: var(--ink-inverse);
}
body,
button,
input,
select,
textarea {
font-family: var(--gp-font--inter-tight);
}
.site-header {
background-color: #ffffff;
}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
background-color: #ffffff;
}
.site-info {
background-color: #ffffff;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.block-button__link:not(.has-background) {
color: var(--base-3);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.block-button__link:not(.has-background):active,
a.block-button__link:not(.has-background):focus,
a.block-button__link:not(.has-background):hover {
color: var(--base-3);
}
:root {
--gp-search-modal-bg-color: var(--base-2);
--gp-search-modal-text-color: var(--contrast);
--gp-search-modal-overlay-bg-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
background: none;
}
}
.inside-top-bar.grid-container {
max-width: 1280px;
}
.inside-header {
padding: 32px;
}
.inside-header.grid-container {
max-width: 1264px;
}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
padding: 128px 32px 128px 32px;
}
.site-main .block-group__inner-container {
padding: 128px 32px 128px 32px;
}
.separate-containers .paging-navigation {
padding-top: 20px;
padding-bottom: 20px;
}
.entry-content .alignwide,
body:not(.no-sidebar) .entry-content .alignfull {
margin-left: -32px;
width: calc(100% + 64px);
max-width: calc(100% + 64px);
}
.one-container.right-sidebar .site-main,
.one-container.both-right .site-main {
margin-right: 32px;
}
.one-container.left-sidebar .site-main,
.one-container.both-left .site-main {
margin-left: 32px;
}
.one-container.both-sidebars .site-main {
margin: 0px 32px 0px 32px;
}
.sidebar .widget,
.page-header,
.widget-area .main-navigation,
.site-main > * {
margin-bottom: 0px;
}
.separate-containers .site-main {
margin: 0px;
}
.both-right .inside-left-sidebar,
.both-left .inside-left-sidebar {
margin-right: 0px;
}
.both-right .inside-right-sidebar,
.both-left .inside-right-sidebar {
margin-left: 0px;
}
.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
padding-bottom: 128px;
}
.separate-containers .featured-image {
margin-top: 0px;
}
.separate-containers .inside-right-sidebar,
.separate-containers .inside-left-sidebar {
margin-top: 0px;
margin-bottom: 0px;
}
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-item > a {
padding-left: 24px;
padding-right: 24px;
}
.main-navigation .main-nav ul ul li a {
padding: 12px 24px 12px 24px;
}
.main-navigation ul ul {
width: 162px;
}
.rtl .menu-item-has-children .dropdown-menu-toggle {
padding-left: 24px;
}
.menu-item-has-children .dropdown-menu-toggle {
padding-right: 24px;
}
.menu-item-has-children ul .dropdown-menu-toggle {
padding-top: 12px;
padding-bottom: 12px;
margin-top: -12px;
}
.rtl .main-navigation .main-nav ul li.menu-item-has-children > a {
padding-right: 24px;
}
.widget-area .widget {
padding: 0px;
}
.footer-widgets-container {
padding: 0px;
}
.footer-widgets-container.grid-container {
max-width: 1200px;
}
.inside-site-info {
padding: 0px;
}
.inside-site-info.grid-container {
max-width: 1200px;
}
.post-image:not(:first-child),
.page-content:not(:first-child),
.entry-content:not(:first-child),
.entry-summary:not(:first-child),
footer.entry-meta {
margin-top: 0em;
}
.post-image-above-header .inside-article div.featured-image,
.post-image-above-header .inside-article div.post-image {
margin-bottom: 0em;
}
.main-navigation.slideout-navigation .main-nav > ul > li > a {
line-height: 60px;
}
html {
font-size: 72.5%;
}
body {
font-family: var(--font-body);
font-size: var(--fs-body);
line-height: var(--lh-body);
letter-spacing: var(--track-body);
font-weight: var(--fw-body);
color: var(--color-text-inverse);
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3 .h4 .h5 {
font-family: var(--font-head);
font-weight: var(--fw-heading);
letter-spacing: var(--track-tight);
margin: 0 0 0.5em;
text-wrap: balance;
color: var(--color-text-inverse);
}
h1.ink {
color: var(--color-text);
text-shadow:
0 0 10px var(--border-glow),
0 1px 2px rgba(var(--surface-1-rgb), 0.45),
0 6px 18px rgba(var(--surface-0-rgb), 0.35);
}
.h4.subtitle {
font-weight: var(--fw-strong);
color: var(--ink-inverse-muted);
}
h1,
.h1,
.entry-title {
font-size: clamp(2.653rem, 6.271vw, 3.377rem);
line-height: var(--lh-h1);
}
h2,
.h2 {
font-size: clamp(2.122rem, 4.9vw, 2.639rem);
line-height: var(--lh-h2);
}
h3,
.h3 {
font-size: clamp(1.698rem, 3.8vw, 2.062rem);
line-height: var(--lh-h3);
}
h4,
.h4 {
font-size: clamp(1.358rem, 2.9vw, 1.611rem);
line-height: 1.25;
}
h5,
.h5 {
font-size: clamp(1.086rem, 2vw, 1.259rem);
line-height: 1.3;
}
h1.scale-large {
font-size: clamp(4.1rem, 7vw, 5.12rem);
line-height: var(--lh-h1);
}
h2.scale-large {
font-size: clamp(2rem, 6vw, 4rem);
line-height: var(--lh-h2);
margin-bottom: 10px;
font-weight: var(--fw-extra-strong);
text-transform: capitalize;
}
body:not(.home) h2.scale-large {
margin-top: clamp(3rem, 8vw, 8rem);
}
@media (max-width: 768px) {
body:not(.home) h2.scale-large {
margin-top: 5rem;
}
}
h3.scale-large {
font-size: clamp(2.5rem, 4.5vw, 3.125rem);
line-height: var(--lh-h3);
margin-bottom: 15px;
}
@media (max-width: 768px) {
h1,
h2,
h3 {
letter-spacing: var(--track-tight);
}
}
@media (min-width: 1025px) {
h1,
h2 {
letter-spacing: var(--track-tighter);
}
}
.prose,
.h4.subtitle {
max-width: 68ch;
}
#primary-menu .sf-menu {
gap: 1.7rem;
align-items: center;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
}
#primary-menu .sf-menu > li {
margin: 0;
padding: 0;
}
#primary-menu .sf-menu > li > a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: var(--fs-body);
border-radius: var(--rad-modal);
text-transform: none;
color: var(--color-header-text);
padding: 0 1.35rem;
font-family: var(--font-body);
transition:
background 180ms ease-out,
color 180ms ease-out,
box-shadow 180ms ease-out,
transform 160ms ease-out;
border: 1px solid #ecf4f67d;
}
.main-nav .sf-menu > li > a {
background: var(--color-header-chip-bg);
box-shadow: 0 0 0 1px rgb(255 255 255 / 0.06);
}
.main-nav .sf-menu > li > a:hover,
.main-nav .sf-menu > li > a:focus-visible {
background: var(--color-header-chip-bg-hover);
box-shadow:
0 8px 22px rgb(0 0 0 / 0.55),
0 0 0 1px rgb(48 234 255 / 0.45);
transform: translateY(-1px);
color: var(--ink-strong);
}
.main-nav .sf-menu > li.current-menu-item > a,
.main-nav .sf-menu > li.current_page_item > a,
.main-nav .sf-menu > li.current_page_parent > a {
background: radial-gradient(
circle at 30% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
color: var(--job-btn-text);
transition:
background 150ms ease,
transform 150ms ease,
box-shadow 150ms ease;
box-shadow: 0 8px 22px rgb(34 211 238 / 0.35);
}
.main-nav.nav-glass .sf-menu > li > a:focus-visible {
outline: 2px solid rgb(97 241 255 / 0.9);
outline-offset: 2px;
}
.main-navigation .menu-toggle {
font-size: 25px;
color: #fff;
}
.main-navigation.slideout-navigation .main-nav > ul > li > a {
line-height: 50px;
}
.slideout-navigation .slideout-menu > li > a {
position: relative;
display: flex;
align-items: center;
gap: 0.4rem;
font-family: var(--font-body);
font-size: 0.98rem;
font-weight: var(--fw-label);
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
padding: 0.25rem 0;
color: var(--ink-inverse);
transition:
color 130ms ease-out,
transform 130ms ease-out;
}
ul#menu-menu.gb-menu.gb-menu--base
> li#menu-item-50275.current-menu-item
> a.gb-menu-link:is(:link, :visited),
ul#menu-menu.gb-menu.gb-menu--base
> li#menu-item-50275.current_page_item
> a.gb-menu-link:is(:link, :visited),
ul#menu-menu.gb-menu.gb-menu--base
> li#menu-item-50275
> a.gb-menu-link[aria-current="page"] {
border-radius: var(--rad-modal);
box-shadow:
0 14px 30px rgb(0 0 0 / 0.45),
0 10px 26px rgb(34 211 238 / 0.32),
0 0 0 1px rgb(48 234 255 / 0.4);
filter: brightness(1.06);
}
.hero-header {
position: relative;
background: linear-gradient(
180deg,
rgba(var(--surface-0-rgb), 0.98) 70%,
rgba(var(--surface-0-rgb), 0.7) 80%,
rgba(var(--surface-1-rgb), 0.4) 90%,
rgba(var(--surface-2-rgb), 0) 100%
);
background-color: var(--color-bg-hero);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: var(--banner-main-text);
overflow: visible;
}
.hero-header .hero-bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 2;
}
.hero-header::before {
content: "";
position: absolute;
width: 60vw;
height: 450px;
left: 0;
top: -80px;
background-position: calc(0% - 50px) 0;
background-repeat: no-repeat;
background-size: 100% auto;
pointer-events: none;
z-index: 0;
animation: hero-header-wave-top 5s ease-in-out infinite;
}
.hero-header::after {
content: "";
position: absolute;
width: 60vw;
height: 350px;
right: 0;
bottom: -80px;
background-position: calc(100% + 50px) 0;
background-size: 100% auto;
pointer-events: none;
animation: hero-header-wave-bottom 5s ease-in-out infinite;
z-index: 2;
}
body:not(.home) .header-wrap .site-header::before {
content: "";
position: absolute;
width: 35vw;
height: 350px;
left: 0;
top: -60px;
background-position: calc(0% - 50px) 0;
background-repeat: no-repeat;
background-size: 100% auto;
pointer-events: none;
z-index: 0;
animation: hero-header-wave-top 5s ease-in-out infinite;
}
body:not(.home) .header-wrap .site-header::after {
content: "";
position: absolute;
width: 35vw;
height: 350px;
right: 0;
bottom: -130px;
background-position: calc(100% + 50px) 0;
background-size: 100% auto;
pointer-events: none;
animation: hero-header-wave-bottom 5s ease-in-out infinite;
z-index: 2;
}
.subsections {
position: relative;
overflow: visible;
}
.subsections::before {
content: "";
position: absolute;
width: 55vw;
height: 500px;
left: 0;
top: -200px;
background-position: calc(0% - 250px) 0;
background-size: 100% auto;
pointer-events: none;
animation: hero-header-wave-bottom 5s ease-in-out infinite;
z-index: 3;
}
body:not(.home) .subsections::before {
content: none;
animation: none;
background: none;
}
.subsections::after {
content: "";
position: absolute;
width: 43vw;
height: 350px;
right: 0;
bottom: -200px;
background-position: calc(100% + 50px) 0;
background-size: 100% auto;
pointer-events: none;
animation: hero-header-wave-bottom 5s ease-in-out infinite;
z-index: 2;
}
.s-footer {
position: relative;
overflow: visible;
}
.s-footer::before {
content: "";
position: absolute;
width: 55vw;
height: 500px;
left: 0;
top: -200px;
background-position: calc(0% - 250px) 0;
background-size: 100% auto;
pointer-events: none;
animation: hero-header-wave-bottom 5s ease-in-out infinite;
z-index: 3;
}
body:not(.home) .header-wrap .site-header {
position: relative;
background:
linear-gradient(
180deg,
rgba(var(--surface-0-rgb), 0.98) 0%,
rgba(var(--surface-0-rgb), 0.7) 5%,
rgba(var(--surface-1-rgb), 0.4) 40%,
rgba(var(--surface-2-rgb), 0) 80%
),
url(uploads/graphics/bg-png/front-page-header.png);
background-color: var(--color-bg-hero);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: var(--banner-main-text);
overflow: visible;
}
body:not(.home) .header-wrap .site-header {
z-index: 100;
box-shadow: 0 10px 30px -10px rgb(34 211 238 / 0.15);
border-bottom: 1px solid rgb(34 211 238 / 0.1);
}
.ptx-card {
position: relative;
perspective: 1200px;
--ptx-card-bg-image: none;
--ptx-card-bg-position: center;
}
.ptx-card__icon {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 5rem;
height: 5rem;
border-radius: var(--rad-pill);
background: radial-gradient(
circle at 30% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
display: flex;
align-items: center;
justify-content: center;
box-shadow:
0 12px 30px rgb(0 0 0 / 0.45),
0 0 0 4px rgba(var(--brand-soft-rgb), 0.25);
z-index: 2;
}
.ptx-card__icon-glyph {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.ptx-card__icon-glyph img {
display: block;
width: 45%;
height: 45%;
object-fit: contain;
}
.ptx-card__inner {
position: relative;
backface-visibility: hidden;
width: 100%;
height: 350px;
transform-style: preserve-3d;
transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.ptx-card:hover .ptx-card__inner,
.ptx-card.is-flipped .ptx-card__inner {
transform: rotateY(180deg);
transition: transform 1.5s ease;
transform-style: preserve-3d;
}
.ptx-card__face {
position: absolute;
inset: 0;
padding: 3.5rem 2.25rem 2.25rem;
border-radius: var(--rad-card);
background-color: #afe5ed;
background-image: var(--ptx-card-bg-image);
background-size: cover;
background-position: var(--ptx-card-bg-position, center);
background-repeat: no-repeat;
box-shadow: 0 10px 24px rgb(0 0 0 / 0.18);
color: var(--ink-strong);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
backface-visibility: hidden;
}
.ptx-card__face--back {
transform: rotateY(180deg);
background: #afe5ed;
}
.ptx-card__title {
margin: 0;
font-family: var(--font-head);
font-weight: var(--fw-heading);
letter-spacing: var(--track-tight);
}
.ptx-card__body {
font-family: var(--font-body);
font-size: var(--fs-base);
color: #00647c;
}
.ptx-card:hover .ptx-card__face {
box-shadow: 0 22px 55px rgb(0 0 0 / 0.65);
}
.ptx-card__title,
.ptx-card__body {
color: #00647c;
}
.ptx-card--workflow {
--ptx-card-bg-image: url(uploads/2026/03/1.png);
--ptx-card-bg-position: center;
}
.ptx-card--operation {
--ptx-card-bg-image: url(uploads/2026/03/2.png);
--ptx-card-bg-position: center;
}
.ptx-card--compliance {
--ptx-card-bg-image: url(uploads/2026/03/3.png);
--ptx-card-bg-position: 65% center;
}
.ptx-card--integration {
--ptx-card-bg-image: url(uploads/2026/03/4.png);
--ptx-card-bg-position: center;
}
@media (max-width: 1025px) {
.ptx-feature-cards__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 5rem;
}
}
@media (max-width: 768px) {
.ptx-feature-cards__inner {
grid-template-columns: 1fr;
}
}
.scalecare-col {
--ptx-card-radius: var(--rad-card);
--ptx-card-shadow: 0 28px 80px rgba(15, 23, 42, 0.18);
--ptx-card-border: var(--border-glass);
--ptx-card-bg: radial-gradient(
circle at 0 0,
rgba(var(--brand-soft-rgb), 0.22),
transparent 60%
)
var(--color-bg-card-white);
position: relative;
display: flex;
flex-direction: column;
gap: 1.25rem;
padding: clamp(1.75rem, 2.5vw, 2.25rem);
border-radius: var(--ptx-card-radius);
background: var(--ptx-card-bg);
border: 1px solid var(--ptx-card-border);
color: var(--color-page-light-text);
overflow: hidden;
}
.scalecare-col::before {
content: "";
position: absolute;
inset-inline: 0;
top: 0;
height: 3px;
background: linear-gradient(
90deg,
rgba(var(--brand-rgb), 0.05),
rgba(var(--brand-rgb), 0.75),
rgba(var(--brand-rgb), 0.05)
);
}
.s-scalecare .top-label {
font-family: var(--font-body);
font-weight: var(--fw-label);
font-size: 0.8rem;
text-transform: uppercase;
margin-bottom: 1rem;
letter-spacing: 0.05em;
padding: 0.35rem 0.9rem;
border-radius: var(--rad-pill);
border: 1px solid rgba(var(--brand-rgb), 0.35);
background: linear-gradient(
135deg,
rgba(var(--brand-soft-rgb), 0.18),
rgb(255 255 255 / 0.9)
);
white-space: nowrap;
text-align: center;
color: var(--ink-inverse);
}
.ptx-feature-list__icon {
--ptx-icon-size: 1.6rem;
width: var(--ptx-icon-size);
height: var(--ptx-icon-size);
border-radius: var(--rad-pill);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ptx-feature-list__icon svg {
width: 2rem;
height: 2rem;
}
.s-scalecare .feature-list p {
margin-bottom: 15px;
font-weight: 500;
padding-left: 10px;
font-size: var(--fs-base);
}
.submit-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0.95rem 1.8rem;
margin-top: auto;
border-radius: var(--rad-pill);
font-family: var(--font-body);
text-decoration: none;
cursor: pointer;
color: var(--ink);
background:
radial-gradient(
circle at 10% 0%,
rgba(var(--brand-soft-rgb), 0.55),
transparent 55%
),
radial-gradient(
circle at 30% 20%,
rgba(var(--surface-1-rgb), 1),
rgba(var(--surface-0-rgb), 1)
);
box-shadow:
0 12px 30px rgb(0 0 0 / 0.2),
0 0 0 4px rgba(var(--brand-soft-rgb), 0.25);
transition:
background 160ms ease-out,
color 160ms ease-out,
box-shadow 160ms ease-out,
transform 130ms ease-out;
}
.submit-btn:hover {
background: linear-gradient(
135deg,
var(--btn-primary-bg-hover),
var(--brand-deep)
);
transform: translateY(-1px);
}
.submit-btn:active {
transform: translateY(0);
box-shadow: 0 10px 35px rgba(var(--brand-deep-rgb), 0.4);
}
.submit-btn:focus-visible {
outline: 2px solid var(--border-strong);
outline-offset: 3px;
box-shadow:
0 0 0 2px rgb(15 23 42 / 0.9),
0 0 0 4px var(--border-glow);
}
@media (max-width: 480px) {
.s-scalecare .top-label {
white-space: normal;
font-size: 0.72rem;
letter-spacing: 0.04em;
line-height: 1.6;
padding: 0.3rem 0.75rem;
}
}
.mbt-testimonial.slick-slide {
border-radius: var(--rad-card);
background: var(--color-bg-card-white);
padding: 2rem 2.5rem;
}
.mbt-testimonial.slick-slide .mbt-text {
position: relative;
padding-top: 1.7rem;
}
.mbt-testimonial.slick-slide .mbt-quote {
position: absolute;
top: 0;
font-family: var(--font-head);
font-weight: var(--fw-heading);
font-size: 2.7rem;
line-height: 1;
color: var(--ink-inverse-muted);
pointer-events: none;
}
.ptx-band-separator {
position: relative;
z-index: 1;
background: linear-gradient(
180deg,
rgba(var(--surface-1-rgb), 1),
rgba(var(--surface-0-rgb), 1)
);
padding: 10px 0;
}
.ptx-band-separator__inner {
max-width: 1120px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
min-height: 3.5rem;
}
.ptx-band-separator__inner::before,
.ptx-band-separator__inner::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 1px;
background: linear-gradient(
90deg,
transparent,
rgb(148 163 184 / 0.45),
rgba(var(--brand-soft-rgb), 0.85),
rgb(148 163 184 / 0.45),
transparent
);
opacity: 0.65;
}
.ptx-band-separator__inner::before {
left: 0;
right: 50%;
margin-right: 2rem;
}
.ptx-band-separator__inner::after {
right: 0;
left: 50%;
margin-left: 2rem;
}
.ptx-band-separator__logo {
position: relative;
z-index: 2;
width: 3rem;
height: 3rem;
background: url(uploads/graphics/separator-logo.png) center / contain
no-repeat;
}
:root {
--brand-cyan: #1dd7ff;
--brand-cyan-soft: #90d3e1;
--brand-teal: #009eaf;
--brand-gradient: linear-gradient(135deg, #1dd7ff 0%, #009eaf 100%);
--surface-dark-base: #021016;
--surface-light-1: #e8f5f8;
--surface-white: #ffffff;
--text-primary: #0f172a;
--text-secondary: #475569;
--text-on-dark: #ffffff;
--radius-base: 12px;
--shadow-card:
0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--shadow-hover:
0 10px 15px -3px rgba(0, 158, 175, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.agents-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
align-items: start;
}
.agent-column {
display: flex;
flex-direction: column;
gap: 24px;
}
.agents-grid .column-title p {
font-size: 1.35rem;
font-weight: 700;
border-bottom: 2px solid var(--brand-cyan-soft);
padding-bottom: 12px;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 10px;
}
.agents-grid .agent-card {
perspective: 1000px;
cursor: pointer;
height: 160px;
width: 100%;
background: unset;
padding: unset;
margin-top: unset;
}
.agents-grid .card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.agents-grid .agent-card.is-flipped .card-inner {
transform: rotateY(180deg);
}
.agents-grid .card-front,
.agents-grid .card-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: var(--radius-base);
box-shadow: var(--shadow-card);
padding: 20px;
box-sizing: border-box;
}
.agents-grid .card-front {
background-color: var(--ink-inverse);
border: 1px solid rgb(144 211 225 / 0.2);
display: flex;
align-items: center;
gap: 16px;
z-index: 2;
text-align: left;
}
.agents-grid .click-hint p {
color: #38bdf8;
}
.agents-grid .agent-card:hover .card-front {
border-color: var(--brand-cyan);
box-shadow: var(--shadow-hover);
}
.agents-grid .card-back {
background: var(--color-bg-card);
color: var(--text-on-dark);
transform: rotateY(180deg);
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
border: 1px solid var(--brand-teal);
text-align: left;
}
.agents-grid .card-back h4 {
font-size: 1.1rem;
margin: 0 0 8px 0;
font-weight: 700;
color: #fff;
}
.agents-grid .card-back p {
font-size: 0.95rem;
margin: 0;
line-height: 1.4;
color: rgb(255 255 255 / 0.95);
}
.agents-grid .icon-box {
width: 48px;
height: 48px;
border-radius: 12px;
background: var(--surface-light-1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--brand-teal);
}
.agents-grid .icon-box svg {
width: 24px;
height: 24px;
stroke-width: 2;
}
.agents-grid .agent-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.agents-grid .agent-info h4 {
margin: 0;
font-size: 1.2rem;
color: #fff;
line-height: 1.2;
}
.agents-grid .agent-info span {
display: block;
font-size: 1.1rem;
color: #ffffffba;
margin-top: 4px;
line-height: 1.3;
}
.agents-grid .click-hint {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--brand-teal);
margin-top: 20px;
font-weight: 700;
opacity: 0.8;
display: flex;
align-items: center;
gap: 4px;
}
.agents-grid .click-hint .arrow {
display: inline-block;
font-size: 1rem;
transition: transform 0.3s ease;
}
.agents-grid .agent-card:hover .click-hint .arrow {
transform: rotate(180deg);
}
:root {
--job-card-bg: var(--surface-1, #0b1120);
--job-card-border: rgba(148, 163, 184, 0.25);
--job-card-radius: var(--rad-card, 1rem);
--job-card-shadow: 0 18px 45px rgba(15, 23, 42, 0.45);
--job-text-main: var(--color-text, #e5e7eb);
--job-text-muted: var(--color-text-muted, #9ca3af);
--job-btn-bg: var(--brand, #1dd7ff);
--job-btn-bg-hover: var(--brand-strong, #00a2c7);
--job-btn-text: #020617;
}
.jobs-list {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.jobs-list .job-card {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 1.5rem;
padding: 1.5rem 1.75rem;
border-radius: var(--rad-modal);
background: var(--job-card-bg);
transition: all 0.3s ease;
}
.job-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-hover);
border-color: var(--brand-cyan);
}
.job-card__info {
flex: 1 1 auto;
min-width: 0;
}
.job-card__title {
margin: 0 0 0.25rem;
font-size: 1.5rem;
font-weight: 600;
color: var(--job-text-main);
}
.jobs-list .job-card__meta {
margin: 0 0 0.5rem;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--job-text-muted);
}
.jobs-list .job-card__desc {
margin: 0;
line-height: 1.5;
color: var(--ink-soft);
}
.job-card__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
}
.jobs-list .job-card__apply-btn {
padding: 0.75rem 1.8rem;
border-radius: var(--rad-pill);
border: none;
cursor: pointer;
font-family:
"Inter Tight",
system-ui,
-apple-system,
"Segoe UI",
Roboto,
Arial,
sans-serif;
font-weight: 600;
letter-spacing: 0.04em;
background: var(--job-btn-bg);
color: var(--job-btn-text);
background: radial-gradient(
circle at 30% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
transition:
background 150ms ease,
transform 150ms ease,
box-shadow 150ms ease;
box-shadow: 0 8px 22px rgb(34 211 238 / 0.3);
}
.job-card__apply-btn:hover,
.job-card__apply-btn:focus-visible {
transform: translateY(-1px);
box-shadow: 0 12px 30px rgb(34 211 238 / 0.45);
outline: none;
}
.job-card__apply-btn:active {
transform: translateY(0);
box-shadow: 0 6px 18px rgb(34 211 238 / 0.35);
}
@media (max-width: 1024px) {
.jobs-list {
margin-top: 55px;
}
}
.gb-accordion {
--faq-bg-active: rgba(12, 197, 219, 0.08);
--faq-border: rgba(3, 22, 41, 0.08);
--faq-border-active: var(--brand);
}
.faq-accordion .gb-accordion__item {
border-radius: var(--rad-modal);
background: var(--color-bg-card-white);
border: 1px solid var(--faq-border);
box-shadow: 0 18px 40px rgb(0 0 0 / 0.04);
overflow: hidden;
}
.faq-accordion .gb-accordion__item + .gb-accordion__item {
margin-top: 0.9rem;
}
.faq-accordion .gb-accordion__toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 1.15rem 1.5rem;
background: #fff0;
cursor: pointer;
transition:
background-color 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease,
color 160ms ease;
}
.faq-accordion .gb-accordion__toggle h3 {
margin: 0;
}
.faq-accordion .gb-accordion__toggle-icon {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
margin-left: 1rem;
color: var(--brand-strong);
transition:
background-color 160ms ease,
color 160ms ease,
transform 160ms ease;
}
.faq-accordion .gb-accordion__content {
padding: 0 1.5rem 1.25rem;
font-size: var(--fs-base);
}
.faq-accordion .gb-accordion__toggle[aria-expanded="true"] {
background: linear-gradient(
135deg,
var(--faq-bg-active),
rgb(1 25 48 / 0.04)
);
}
.faq-accordion .gb-accordion__item.gb-accordion__item-open {
border-color: var(--faq-border-active);
}
.faq-accordion .gb-accordion__item.gb-accordion__item-open,
.faq-accordion .gb-accordion__item:hover,
.faq-accordion .gb-accordion__item:focus-within {
border-color: var(--faq-border-active);
}
.faq-accordion .gb-accordion__toggle:focus-visible {
outline: 2px solid var(--brand);
outline-offset: 2px;
border-radius: calc(var(--rad-modal) - 4px);
}
.job-modal {
position: fixed;
inset: 0;
display: none;
z-index: 9999;
}
.job-modal__form .contact-form {
--contact-field-gap: 1.5rem;
}
.job-modal__form .contact-form p {
margin: 0 0 var(--contact-field-gap);
}
.job-modal.is-open {
display: block;
}
.job-modal__backdrop {
position: absolute;
inset: 0;
background: rgb(15 23 42 / 0.7);
}
.job-modal__dialog {
position: relative;
max-width: 640px;
margin: 4rem auto;
padding: 2rem 2rem 2rem 1.3rem;
border-radius: var(--job-card-radius);
border: 5px solid #00a2c7;
box-shadow: 0 30px 80px rgb(0 0 0 / 0.5);
background: var(--surface-3);
display: flex;
flex-direction: column;
overflow: hidden;
max-height: calc(100vh - 8rem);
}
.job-modal__title {
margin: 0 0 1.5rem;
font-size: 1.5rem;
font-weight: 600;
padding: 0 1rem;
color: var(--ink-inverse-muted);
line-height: var(--lh-body-small);
}
#job-modal-job-title {
color: var(--ink-inverse);
}
.job-modal__close {
position: absolute;
top: -5px;
right: -5px;
border: none;
background: #fff0;
font-size: 1.8rem;
font-weight: var(--fw-label);
line-height: 1;
cursor: pointer;
}
button.job-modal__close:hover {
color: var(--ink-inverse);
}
.job-modal__close:hover,
.job-modal__close:focus-visible {
color: var(--job-text-main);
outline: none;
}
.job-modal__form {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding-right: 1.5rem;
}
.contact-form {
--contact-form-max-width: 60rem;
--contact-field-radius: var(--rad-modal);
--contact-field-shadow: 0 22px 55px rgba(var(--surface-0-rgb), 0.16);
max-width: var(--contact-form-max-width);
width: 100%;
margin-inline: auto;
border-radius: var(--rad-card);
background: var(--color-bg-card-white);
}
.contact-form .contact-form-control {
width: 100%;
box-sizing: border-box;
font-family: var(--font-body);
font-size: var(--fs-body);
border-radius: var(--rad-modal);
padding: 0.9rem 1rem;
background: var(--surface-inputs);
border: 1px solid #e2e8f0;
transition:
border-color 150ms ease,
box-shadow 150ms ease,
background-color 150ms ease,
transform 120ms ease;
color: #020617;
}
.contact-form textarea.contact-form-control {
min-height: 10rem;
resize: vertical;
}
.contact-form input.cf-file {
padding: 0.6rem 0.8rem;
cursor: pointer;
}
.contact-form .contact-form-control::placeholder {
color: var(--color-text-muted-on-light);
opacity: 1;
}
.contact-form .contact-form-control:focus,
.contact-form .contact-form-control:focus-visible {
outline: none;
border-color: var(--border-strong);
box-shadow:
0 0 0 1px var(--border-strong),
0 0 0 2px rgba(var(--brand-rgb), 0.15),
0 5px 45px rgba(var(--surface-0-rgb), 0.1);
}
.contact-form input.cf-submit {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.95rem 1.8rem;
margin-top: 0.5rem;
border-radius: var(--rad-pill);
border: 0;
font-family: var(--font-body);
font-size: var(--fs-body);
text-decoration: none;
cursor: pointer;
color: var(--surface-3);
background:
radial-gradient(
circle at 10% 0%,
rgba(var(--brand-soft-rgb), 0.55),
transparent 55%
),
radial-gradient(
circle at 30% 20%,
rgba(var(--surface-1-rgb), 1),
rgba(var(--surface-0-rgb), 1)
);
transition:
background 160ms ease-out,
color 160ms ease-out,
box-shadow 160ms ease-out,
transform 130ms ease-out;
}
.contact-form input.cf-submit:hover {
background: linear-gradient(
135deg,
var(--btn-primary-bg-hover),
var(--brand-deep)
);
transform: translateY(-1px);
}
.contact-form input.cf-submit:active {
transform: translateY(0);
box-shadow: 0 10px 35px rgba(var(--brand-deep-rgb), 0.4);
}
.contact-form input.cf-submit:focus-visible {
outline: 2px solid var(--border-strong);
outline-offset: 3px;
box-shadow:
0 0 0 2px rgb(15 23 42 / 0.9),
0 0 0 4px var(--border-glow);
}
.contact-form input.cf-file {
padding: 0.4rem 0.6rem;
border-radius: var(--rad-modal);
font-family: var(--font-body);
font-size: var(--fs-body);
color: var(--color-text-muted-on-light);
}
.contact-form input.cf-file::file-selector-button,
.contact-form input.cf-file::-webkit-file-upload-button {
padding: 0.6rem 1.6rem;
margin-right: 0.6rem;
border: 0;
border-radius: var(--rad-pill);
font-family: var(--font-body);
font-size: var(--fs-body);
cursor: pointer;
color: var(--surface-3);
background:
radial-gradient(
circle at 10% 0%,
rgba(var(--brand-soft-rgb), 0.55),
transparent 55%
),
radial-gradient(
circle at 30% 20%,
rgba(var(--surface-1-rgb), 1),
rgba(var(--surface-0-rgb), 1)
);
box-shadow:
0 12px 30px rgb(0 0 0 / 0.2),
0 0 0 4px rgba(var(--brand-soft-rgb), 0.25);
transition:
background 160ms ease-out,
color 160ms ease-out,
box-shadow 160ms ease-out,
transform 130ms ease-out;
}
.contact-form input.cf-file:hover::file-selector-button,
.contact-form input.cf-file:hover::-webkit-file-upload-button {
background: linear-gradient(
135deg,
var(--btn-primary-bg-hover),
var(--brand-deep)
);
transform: translateY(-1px);
}
.contact-form input.cf-file:active::file-selector-button,
.contact-form input.cf-file:active::-webkit-file-upload-button {
transform: translateY(0);
box-shadow: 0 10px 35px rgba(var(--brand-deep-rgb), 0.4);
}
.contact-form .required {
color: var(--accent-magenta);
}
.contact-form .contact-form-control.cf-not-valid {
border-color: var(--accent-magenta-soft);
}
.contact-form .cf-not-valid-tip {
margin-top: 0.35rem;
font-size: 0.82rem;
color: var(--accent-magenta);
}
.contact-form .contact-form-response {
font-size: var(--fs-base);
text-align: center;
border-radius: var(--rad-pill);
}
.contact-form form .contact-form-response {
border-width: 2px;
border-style: solid;
border-color: #00a0d2;
border-image: initial;
padding: 0 !important;
margin: 0 !important;
}
.contact-form.sent .contact-form-response {
border: 1px solid rgb(22 163 74 / 0.35);
background: rgb(22 163 74 / 0.04);
line-height: var(--lh-body);
}
.contact-form.invalid .contact-form-response,
.contact-form.failed .contact-form-response {
border: 1px solid var(--accent-magenta-soft);
background: rgb(248 113 113 / 0.04);
color: var(--accent-magenta);
}
.contact-form-wrap {
width: 100%;
max-width: 700px;
margin-inline: auto;
}
.contact-form-wrap .contact-form {
--contact-field-gap: 1rem;
}
.contact-form-wrap .contact-form p {
margin: 0 0 var(--contact-field-gap);
}
.contact-form p:last-of-type {
margin-bottom: 0;
}
.contact-form-wrap #cf-f49958-p49826-o1 form {
padding: 2rem 2rem 1rem 2rem;
}
@media (max-width: 768px) {
.contact-form-wrap {
max-width: 100%;
padding-inline: unset;
}
}
@media (max-width: 480px) {
.contact-form-wrap #cf-f49958-p49826-o1 form {
padding: 2rem 1.5rem 1rem 1.5rem;
}
}
@media (max-width: 375px) {
.contact-form-wrap #cf-f49958-p49826-o1 form {
padding: 2rem 1rem 1rem 1rem;
}
}
.generate-back-to-top {
bottom: 80px;
}
.generate-back-to-top,
.generate-back-to-top:visited {
background: radial-gradient(
circle at 30% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
color: var(--ink-inverse);
border-radius: var(--rad-base);
}
.generate-back-to-top:hover,
.generate-back-to-top:focus {
color: var(--surface-3);
}
img.logo-desktop {
pointer-events: none;
width: 100px;
}
img.header-weaver-pattern {
position: absolute;
width: 500px;
top: -65px;
left: 0;
}
img.header-weaver-2-pattern {
position: absolute;
width: 641px;
top: -27px;
right: -292px;
}
.gb-menu-item-mi7b0aea a.gb-menu-link:hover {
border-radius: var(--rad-modal);
box-shadow:
0 14px 30px rgb(0 0 0 / 0.45),
0 10px 26px rgb(34 211 238 / 0.32),
0 0 0 1px rgb(48 234 255 / 0.4);
filter: brightness(1.06);
}
.gb-menu-container li.menu-item-has-children {
position: relative;
}
.gb-menu-container li.menu-item-has-children ul.sub-menu {
left: 0 !important;
min-width: 210px;
padding: 12px 8px 2px 10px;
list-style: none !important;
border-radius: 12px !important;
background: rgb(0 58 82 / 0.8);
background: rgb(5 11 27 / 0.9);
border: 1px solid rgb(148 163 184 / 0.22) !important;
box-shadow:
0 14px 32px rgb(0 0 0 / 0.42),
inset 3px 0 0 rgba(var(--brand-rgb), 0.55) !important;
z-index: 9999;
opacity: 0;
transform: translateY(6px);
pointer-events: none;
transition:
opacity 0.16s ease,
transform 0.16s ease;
}
.gb-menu-item-mi7b0aea .gb-menu-link {
margin-bottom: 10px;
}
.gb-menu-container li.menu-item-has-children:hover > ul.sub-menu,
.gb-menu-container li.menu-item-has-children:focus-within > ul.sub-menu {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.gb-menu-container ul.sub-menu > li > a {
display: block !important;
padding: 10px 12px !important;
border-radius: 10px !important;
color: rgb(249 250 251 / 0.86) !important;
text-decoration: none !important;
font-size: 16px;
transition:
background 0.14s ease,
color 0.14s ease;
}
.gb-menu-container ul.sub-menu > li > a:hover,
.gb-menu-container ul.sub-menu > li > a:focus {
color: var(--ink) !important;
background: rgba(var(--brand-rgb), 0.1) !important;
}
.gb-menu-container ul.sub-menu > li.current-menu-item > a {
color: var(--ink) !important;
background: rgba(var(--brand-rgb), 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(var(--brand-rgb), 0.18);
}
.gb-menu-container ul.menu > li > ul.sub-menu > li > a:focus-visible {
outline: 2px solid rgba(var(--brand-rgb), 0.45);
outline-offset: 2px;
}
.main__hero {
--az-1: #001630;
--az-4: #00495e;
background: radial-gradient(
circle at center,
#75c9d2 0%,
#d7f9ff 50%,
#a7e3ee 100%
) !important;
}
h1.hero__title--gradient,
h2.hero__accent--gradient {
font-size: clamp(2.6rem, 1.4rem + 4vw, 4.5rem);
font-weight: 700;
}
p.hero__kicker {
font-size: 1.5rem;
margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
h2.hero__accent--gradient,
.hero__kicker {
font-size: 2.5rem;
}
}
h1.hero__title--gradient,
h2.hero__accent--gradient,
.hero__kicker {
display: inline-block;
position: relative;
line-height: 1.12 !important;
padding-bottom: 0.08em !important;
overflow: visible !important;
background-image: radial-gradient(#077787 5%, #77d4e1 70%);
background-repeat: no-repeat !important;
background-size:
100% 100%,
180% 180% !important;
background-position:
0 0,
15% 35% !important;
animation: h1Shimmer 7.5s ease-in-out infinite !important;
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
-webkit-text-fill-color: #fff0;
text-shadow: 0 10px 28px rgb(34 211 238 / 0.18);
margin-bottom: 1rem;
}
.gb-text-4dca8b22 {
-webkit-text-fill-color: white !important;
}
@media (prefers-reduced-motion: reduce) {
h1.hero__title--gradient {
animation: none !important;
background-position:
0 0,
15% 35% !important;
}
}
h1.hero__title--white,
h2.hero__accent--white {
font-size: clamp(2.6rem, 1.4rem + 4vw, 4.5rem);
margin-top: 0;
padding: 0;
margin-bottom: 1.5rem;
font-weight: 700;
}
p.hero__text {
font-size: clamp(13px, 12px + 0.5vw, 18px);
font-weight: var(--body);
line-height: 35px;
line-height: 1.4;
margin-bottom: 2rem;
}
.primary-btn {
position: relative;
display: inline-flex;
align-items: center;
font-weight: 700;
justify-content: center;
padding: 0.8rem 1.5rem;
border-radius: var(--rad-modal);
text-decoration: none;
text-transform: none;
color: #fff;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
transition:
transform 160ms ease-out,
box-shadow 180ms ease-out,
filter 180ms ease-out,
background-position 220ms ease-out;
font-size: 18px;
}
.primary-btn:focus-visible {
outline: 2px solid rgb(97 241 255 / 0.9);
outline-offset: 2px;
}
.primary-btn:active {
transform: translateY(0);
}
.primary-btn:hover {
transform: translateY(-2px);
box-shadow:
0 14px 30px rgb(0 0 0 / 0.45),
0 10px 26px rgb(34 211 238 / 0.32),
0 0 0 1px rgb(48 234 255 / 0.4);
filter: brightness(1.06);
}
.site-footer img.footer {
max-width: 120px;
}
.gb-element-4e28754d {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: nowrap;
}
.gb-element-4e28754d img {
width: 120px !important;
height: auto !important;
max-width: none !important;
display: block;
}
@media (max-width: 520px) {
.gb-element-4e28754d img {
width: 90px !important;
}
}
.footer-bottom-bar {
margin-top: 5rem;
padding-top: 1rem;
border-top: 1px solid #ffffff17;
}
.focus-box {
position: relative;
overflow: hidden;
max-width: 450px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 18px 22px;
border-radius: 16px;
border: 1px solid #fff0;
box-shadow:
0 22px 60px rgb(0 0 0 / 0.45),
inset 0 1px 0 rgb(255 255 255 / 0.06);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.focus-box::before {
content: "";
position: absolute;
inset: -40%;
pointer-events: none;
background:
radial-gradient(circle at 18% 18%, rgb(255 255 255 / 0.08), #fff0 55%),
radial-gradient(circle at 85% 25%, rgb(34 211 238 / 0.1), #fff0 58%);
}
.focus-box .gb-text-a98a06d4 {
margin: 0 0 6px;
color: rgb(255 255 255 / 0.92);
font-size: 18px;
letter-spacing: 0.2px;
}
.focus-box .gb-text-9b1f7950 {
margin: 0 0 14px;
color: rgb(255 255 255 / 0.8);
font-size: 16px;
line-height: 1.35;
max-width: 44ch;
}
.btn-footer {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.8rem 1.5rem;
border-radius: var(--rad-modal);
text-decoration: none;
text-transform: none;
color: #fff;
font-size: 18px !important;
background: linear-gradient(
90deg,
#ff8a1f 0%,
#ff3131 35%,
#ff2bd6 70%,
#8b2bff 100%
);
box-shadow:
0 8px 22px rgb(255 49 49 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
transition:
transform 160ms ease-out,
box-shadow 180ms ease-out,
filter 180ms ease-out;
}
.btn-footer::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: radial-gradient(
circle at 25% 30%,
rgb(255 255 255 / 0.22),
#fff0 55%
);
mix-blend-mode: screen;
opacity: 0.9;
}
.btn-footer:focus-visible {
outline: 2px solid rgb(255 87 87 / 0.95);
outline-offset: 2px;
}
.btn-footer:active {
transform: translateY(0);
}
.btn-footer:hover {
transform: translateY(-2px);
box-shadow:
0 14px 30px rgb(0 0 0 / 0.45),
0 10px 26px rgb(255 49 49 / 0.3),
0 0 34px rgb(255 43 214 / 0.22),
0 0 0 1px rgb(255 87 87 / 0.35);
filter: brightness(1.06);
}
img.offcanvas-logo {
display: none;
}
.about-info-block {
padding: 2rem 2rem;
background: linear-gradient(180deg, #e6ebeb 0%, #eff2f2 55%, #f8f9f9 100%);
border-radius: var(--rad-card);
border: 1px solid #8b97b426;
}
.about-info-block .info-block__title {
margin: 0 0 20px;
line-height: 1.25;
background: linear-gradient(
90deg,
var(--brand-accent) 0%,
var(--brand-strong) 45%,
var(--brand-deep) 100%
);
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
}
.about-info-block .info-block__body {
--indent: clamp(14px, 2.2vw, 30px);
padding-left: var(--indent);
}
.about-info-block .info-block__body p {
margin: 0;
max-width: 100ch;
line-height: 1.6;
}
.stat-section-wrapper .info-block__title {
padding: 2rem 0 0 2rem;
line-height: 1.25;
background: linear-gradient(
90deg,
var(--brand-accent) 0%,
var(--brand-strong) 45%,
var(--brand-deep) 100%
);
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
}
.stat-section-wrapper .stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
align-items: center;
}
.stat-section-wrapper .stat-card {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 20px;
padding-top: 10px;
padding-bottom: 3 px;
border-radius: var(--rad-card);
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
background: linear-gradient(180deg, #e6ebeb 0%, #eff2f2 55%, #f8f9f9 100%);
border: 1px solid #8b97b426;
}
.stat-section-wrapper .stat-content p {
color: var(--ink-inverse);
}
.stat-section-wrapper .stat-content {
flex: 1;
padding-top: 5px;
}
.stat-section-wrapper .stat-content p {
font-size: clamp(15px, 1.8vw, 17px);
line-height: 1.4;
}
:root {
--brand-deep: #009eaf;
--brand-accent: #5dc2d1;
}
.stat-section-wrapper .progress-circle {
position: relative;
width: 120px;
height: 120px;
flex-shrink: 0;
align-self: center;
}
.stat-section-wrapper .progress-circle svg {
width: 100%;
height: 100%;
transform: rotate(-90deg);
transform-origin: 50% 50%;
display: block;
}
.stat-section-wrapper .progress-circle-bg {
fill: none;
stroke: rgb(97 241 255 / 0.55);
stroke-width: 20;
}
@supports (color: color-mix(in srgb, white, black)) {
.stat-section-wrapper .progress-circle-bg {
stroke: color-mix(in srgb, var(--brand-accent) 85%, white);
}
}
.stat-section-wrapper .progress-circle-fill {
fill: none;
stroke: var(--brand-deep);
stroke-width: 20;
stroke-linecap: round;
transition: stroke-dashoffset 1.2s cubic-bezier(0.22, 1, 0.36, 1);
filter: none;
}
.stat-section-wrapper .progress-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 26px;
font-weight: 450;
color: #2c3e50;
}
.about-wheel-section {
max-width: var(--content-max);
margin: 0 auto;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 30px;
}
.about-wheel-section .half_text {
flex: 1 1 56%;
min-width: 280px;
display: flex;
flex-direction: column;
justify-content: center;
}
.about-wheel-section .half_text p {
margin: 0;
max-width: var(--text-max);
font-size: clamp(1rem, 0.95rem + 0.35vw, 1.125rem);
line-height: 1.65;
color: #0f172a;
}
.about-wheel-section .half_img {
flex: 0 1 44%;
margin: 0;
display: flex;
justify-content: flex-end;
}
.about-wheel-section .half_img img {
display: block;
height: auto;
max-width: 100%;
}
@media (max-width: 767px) {
.gbp-section {
padding: 6rem 1rem;
}
}
.gbp-section__inner {
margin-left: auto;
margin-right: auto;
max-width: var(--gb-container-width);
}
.gbp-section__tagline {
align-items: center;
background-color: rgb(255 255 255 / 0.12);
color: var(--color-text-inverse);
column-gap: 0.5rem;
display: inline-flex;
font-size: 1rem;
font-weight: 700;
justify-content: center;
text-align: center;
text-transform: uppercase;
border-radius: 2px;
padding: 0.375rem 0.5rem;
}
.gbp-section__tagline .gb-shape svg {
width: 1.2em;
height: 1.2em;
margin-top: -2px;
}
.gbp-footer {
font-size: 0.875rem;
padding: 5rem 40px;
}
.gbp-footer a {
font-size: 0.875rem;
}
@media (max-width: 1024px) {
.gbp-footer {
padding: 4rem 30px;
}
}
@media (max-width: 767px) {
.gbp-footer {
padding: 3rem 20px;
}
}
.gbp-footer__link {
color: var(--ink);
display: block;
padding-bottom: 0.375rem;
padding-top: 0.375rem;
}
.gbp-footer__link:is(:hover, :focus) {
text-decoration: underline;
}
.gbp-section__headline {
margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
.gbp-section__headline {
margin-bottom: 1.25rem;
}
}
.gbp-section__text {
font-size: 1.125rem;
}
.gbp-button--primary {
align-items: center;
background-color: var(--accent);
color: var(--base-2);
column-gap: 0.5rem;
display: inline-flex;
font-size: 0.875rem;
font-weight: 700;
justify-content: center;
letter-spacing: 2px;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
border-radius: 2px;
padding: 0.75rem 1.25rem;
}
.gbp-button--primary:is(:hover, :focus) {
background-color: rgb(123 95 232 / 0.9);
box-shadow: 0 0 20px 2px rgb(123 95 232 / 0.5);
}
.gbp-section--background {
background-color: #000;
color: #fff;
}
.gbp-button--secondary {
align-items: center;
color: var(--base-2);
column-gap: 0.5rem;
display: inline-flex;
font-size: 0.875rem;
font-weight: 700;
justify-content: center;
letter-spacing: 2px;
line-height: 1.5;
padding-bottom: 3px;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
border-bottom: 1px solid var(--base-3);
}
.gbp-button--secondary:is(:hover, :focus) {
border-top-color: var(--accent-2);
border-right-color: var(--accent-2);
border-bottom-color: var(--accent-2);
border-left-color: var(--accent-2);
}
.gbp-button--secondary .gb-shape svg {
width: 1em;
height: 1em;
margin-bottom: 3px;
transition: all 0.5s ease 0s;
}
.gbp-footer__title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 1rem;
}
.gb-menu--base .gb-sub-menu {
display: none;
position: absolute;
}
.gb-menu--base .gb-sub-menu .gb-sub-menu {
font-size: inherit;
}
.gb-menu--base
.gb-submenu-toggle[aria-expanded="true"]
> .gb-submenu-toggle-icon,
.gb-menu--base .menu-item > a[aria-expanded="true"] > .gb-submenu-toggle-icon {
transform: rotate(180deg);
}
.gb-menu--base.gb-menu .gb-sub-menu--open > .gb-sub-menu,
.gb-menu--base.gb-menu--hover .menu-item:hover > .gb-sub-menu {
display: block;
}
.gb-menu--base .menu-item-has-gb-mega-menu .gb-sub-menu {
display: none !important;
}
.gb-menu--base.gb-menu--click
.menu-item
> a[aria-expanded="true"]
+ .gb-sub-menu,
.gb-menu--base.gb-menu--hover
.menu-item
> a[aria-expanded="true"]
+ .gb-sub-menu {
display: block;
}
.gb-menu--base.gb-menu--click
.menu-item
> a[aria-expanded="true"]
+ .gb-sub-menu
.gb-sub-menu,
.gb-menu--base.gb-menu--hover
.menu-item
> a[aria-expanded="true"]
+ .gb-sub-menu
.gb-sub-menu {
position: relative;
right: 0;
}
:where(.gb-navigation[data-gb-sub-menu-transition]) .gb-sub-menu {
opacity: 0;
transition:
opacity var(--sub-menu-transition-speed, 0.2s) ease,
transform var(--sub-menu-transition-speed, 0.2s) ease,
display var(--sub-menu-transition-speed, 0.2s) allow-discrete;
}
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade"]
:where(.gb-sub-menu) {
transition:
opacity var(--sub-menu-transition-speed, 0.2s) ease,
display var(--sub-menu-transition-speed, 0.2s) allow-discrete;
}
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-down"]
:where(.gb-sub-menu) {
transform: translateY(calc(var(--sub-menu-transition-distance, 5px) * -1));
}
@starting-style {
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-down"]
.gb-menu
.gb-sub-menu--open
> .gb-sub-menu,
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-down"]
.gb-menu--hover
.menu-item:hover
> .gb-sub-menu {
opacity: 1;
transform: translateY(calc(var(--sub-menu-transition-distance, 5px) * -1));
}
}
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-up"]
:where(.gb-sub-menu) {
transform: translateY(var(--sub-menu-transition-distance, 5px));
}
@starting-style {
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-up"]
.gb-menu
.gb-sub-menu--open
> .gb-sub-menu,
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-up"]
.gb-menu--hover
.menu-item:hover
> .gb-sub-menu {
opacity: 1;
transform: translateY(var(--sub-menu-transition-distance, 5px));
}
}
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-left"]
:where(.gb-sub-menu) {
transform: translateX(var(--sub-menu-transition-distance, 5px));
}
@starting-style {
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-left"]
.gb-menu
.gb-sub-menu--open
> .gb-sub-menu,
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-left"]
.gb-menu--hover
.menu-item:hover
> .gb-sub-menu {
opacity: 1;
transform: translateX(var(--sub-menu-transition-distance, 5px));
}
}
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-right"]
:where(.gb-sub-menu) {
transform: translateX(calc(var(--sub-menu-transition-distance, 5px) * -1));
}
@starting-style {
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-right"]
.gb-menu
.gb-sub-menu--open
> .gb-sub-menu,
:where(
.gb-navigation[data-gb-sub-menu-transition]
)[data-gb-sub-menu-transition="fade-slide-right"]
.gb-menu--hover
.menu-item:hover
> .gb-sub-menu {
opacity: 1;
transform: translateX(calc(var(--sub-menu-transition-distance, 5px) * -1));
}
}
:where(.gb-navigation[data-gb-sub-menu-transition])
.gb-menu
.gb-sub-menu--open
> .gb-sub-menu,
:where(.gb-navigation[data-gb-sub-menu-transition])
.gb-menu--hover
.menu-item:hover
> .gb-sub-menu {
opacity: 1;
transform: translateX(0) translateY(0);
}
@starting-style {
:where(.gb-navigation[data-gb-sub-menu-transition])
.gb-menu
.gb-sub-menu--open
> .gb-sub-menu,
:where(.gb-navigation[data-gb-sub-menu-transition])
.gb-menu--hover
.menu-item:hover
> .gb-sub-menu {
opacity: 0;
}
}
:where(.gb-navigation[data-gb-mobile-menu-type="full-overlay"])
.gb-menu-container--mobile
.gb-menu-toggle--clone {
position: absolute;
right: 20px;
top: 20px;
z-index: 101;
}
:where(.gb-navigation[data-gb-mobile-menu-type="full-overlay"])
.gb-menu-container--mobile
.gb-menu-toggle--clone
+ .gb-menu {
margin-top: var(--gb-menu-toggle-offset, 0);
}
:where(.gb-navigation[data-gb-mobile-menu-type="partial-overlay"])
.gb-menu-container--mobile {
top: var(--gb-menu-offset, 0);
}
body[data-gb-menu-open="full-overlay"] #topbar {
z-index: -1;
}
.gb-menu-toggle {
border: 0;
position: relative;
}
.gb-menu-toggle > * {
pointer-events: none;
}
.gb-menu-toggle .gb-menu-open-icon {
line-height: 0;
}
.gb-menu-toggle .gb-menu-close-icon {
display: none;
line-height: 0;
}
:where(.gb-navigation[data-gb-mobile-menu-transition])
.gb-menu-container--mobile {
opacity: 0;
transition:
opacity var(--mobile-transition-speed, 0.2s) ease,
transform var(--mobile-transition-speed, 0.2s) ease,
display var(--mobile-transition-speed, 0.2s) allow-discrete;
}
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade"]
:where(.gb-menu-container--mobile) {
transition:
opacity var(--mobile-transition-speed, 0.2s) ease,
display var(--mobile-transition-speed, 0.2s) allow-discrete;
}
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-left"]
:where(.gb-menu-container--mobile),
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-left"]
:where(.gb-menu-container--mobile) {
transform: translateX(100%);
}
@starting-style {
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-left"]
.gb-menu-container--toggled,
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-left"]
.gb-menu-container--toggled {
transform: translateX(100%);
}
}
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-right"]
:where(.gb-menu-container--mobile),
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-right"]
:where(.gb-menu-container--mobile) {
transform: translateX(-100%);
}
@starting-style {
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-right"]
.gb-menu-container--toggled,
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-right"]
.gb-menu-container--toggled {
transform: translateX(-100%);
}
}
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-down"]
:where(.gb-menu-container--mobile),
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-down"]
:where(.gb-menu-container--mobile) {
transform: translateY(calc(-100% - var(--gb-menu-offset, 0px)));
}
@starting-style {
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-down"]
.gb-menu-container--toggled,
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-down"]
.gb-menu-container--toggled {
transform: translateY(calc(-100% - var(--gb-menu-offset, 0px)));
}
}
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-up"]
:where(.gb-menu-container--mobile),
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-up"]
:where(.gb-menu-container--mobile) {
transform: translateY(100%);
}
@starting-style {
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="fade-slide-up"]
.gb-menu-container--toggled,
:where(
.gb-navigation[data-gb-mobile-menu-transition]
)[data-gb-mobile-menu-transition="slide-up"]
.gb-menu-container--toggled {
transform: translateY(100%);
}
}
:where(.gb-navigation[data-gb-mobile-menu-transition])
.gb-menu-container--toggled {
opacity: 1;
transform: translateX(0) translateY(0);
}
@starting-style {
:where(.gb-navigation[data-gb-mobile-menu-transition])
.gb-menu-container--toggled {
opacity: 0;
}
}
@starting-style {
:where(.gb-navigation[data-gb-mobile-menu-transition]):not(
[data-gb-mobile-menu-transition*="fade"]
)
.gb-menu-container--toggled {
opacity: 1;
}
}
:where(.gb-navigation[data-gb-mobile-menu-transition]):not(
[data-gb-mobile-menu-transition*="fade"]
)
:where(.gb-menu-container--mobile) {
opacity: 1;
transition:
transform var(--mobile-transition-speed, 0.2s) ease,
display var(--mobile-transition-speed, 0.2s) allow-discrete;
}
:where(.gb-menu-container--mobile) {
inset: 0;
overflow-y: auto;
top: 0;
width: 100%;
z-index: 100;
}
:where(.gb-menu-container--mobile) .gb-menu--base {
width: 100%;
}
:where(.gb-menu-container--mobile)
.gb-menu--base.gb-menu--hover
.menu-item:where(:hover, :focus, :focus-within):not(.gb-sub-menu--open)
> .gb-sub-menu {
display: none;
}
:where(.gb-menu-container--mobile)
.gb-menu--base.gb-menu--hover
.menu-item
> a {
flex-grow: 1;
}
:where(.gb-menu-container--mobile) .gb-menu--base .gb-sub-menu {
position: relative;
transition: none;
width: 100%;
}
:where(.gb-menu-container--mobile) .gb-menu--base .gb-sub-menu .gb-sub-menu {
right: auto;
}
:where(.gb-menu-container--mobile) .gb-menu--base .gb-overlay {
position: static !important;
}
:where(.gb-menu-container--mobile)
.gb-menu--base
.gb-overlay
.gb-overlay__content:before {
display: none;
}
.gb-menu-toggle:where(.gb-menu-toggle--toggled) .gb-menu-close-icon {
display: block;
}
.gb-menu-toggle:where(.gb-menu-toggle--toggled) .gb-menu-open-icon {
display: none;
}
body[data-gb-menu-open] {
overflow: hidden;
}
.gb-menu-container--toggled .gb-menu-hide-on-toggled,
.gb-menu-container:not(.gb-menu-container--toggled) .gb-menu-show-on-toggled {
display: none;
}
:where(.gb-submenu-toggle) {
align-items: center;
align-self: stretch;
display: flex;
justify-content: center;
line-height: 0;
width: 25px;
}
:where(.gb-menu-item:focus-within) {
position: relative;
z-index: 1;
}
@media (hover: hover) {
:where(.gb-menu-container):not(.gb-menu-container--toggled)
.gb-menu--hover
.gb-submenu-toggle {
pointer-events: none;
}
}
.gb-container .block-image img {
vertical-align: middle;
}
.gb-grid-wrapper .block-image {
margin-bottom: 0;
}
.gb-highlight {
background: none;
}
.gb-shape {
line-height: 0;
}
.gb-container-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
}
.gb-element-0850c9d1 {
display: grid;
max-width: 100%;
padding-bottom: 60px;
padding-top: 60px;
}
.gb-element-77b68b30 {
align-items: flex-start;
align-self: center;
column-gap: 1em;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
justify-content: center;
justify-items: center;
justify-self: center;
max-width: 80%;
row-gap: 1em;
width: 130%;
}
@media (max-width: 1024px) {
.gb-element-77b68b30 {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(3, auto);
max-width: 100%;
width: 100%;
}
}
@media (max-width: 1024px) {
.gb-element-0b21b8ef {
display: none;
}
}
@media (max-width: 1024px) {
.gb-element-ba2a64b5 {
display: none;
}
}
@media (max-width: 1024px) {
.gb-element-09f4920e {
display: none;
}
}
.gb-element-c8789b90 {
align-items: center;
align-self: center;
display: grid;
justify-content: center;
justify-items: center;
justify-self: center;
}
@media (max-width: 1024px) {
.gb-element-c8789b90 {
grid-column: 1/-1;
}
}
.gb-element-9eb99828 {
align-items: center;
align-self: center;
column-gap: 20px;
display: flex;
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-content: center;
justify-items: center;
justify-self: center;
}
.gb-element-9e5d2f76 {
column-gap: 0.5rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
row-gap: 0.5rem;
}
@media (max-width: 1024px) {
.gb-element-9e5d2f76 {
align-items: center;
align-self: center;
display: grid;
grid-column: 1/-1;
grid-template-columns: repeat(4, minmax(0, 1fr));
justify-content: center;
justify-items: center;
justify-self: center;
}
}
.gb-element-79601386 {
color: #fff;
min-height: 100px;
min-width: 350px;
width: 120%;
}
@media (max-width: 1024px) {
.gb-element-79601386 {
display: none;
}
}
.gb-element-8203a92b {
background-color: #236f7c;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
border-radius: 20px;
padding: 20px 5px 20px 20px;
}
.gb-element-ce1c4946 {
align-items: flex-start;
display: flex;
justify-content: space-between;
justify-items: center;
justify-self: stretch;
width: 50%;
}
.gb-element-d7d47aec {
align-items: flex-start;
align-self: center;
justify-content: center;
justify-items: center;
justify-self: center;
padding-left: 20px;
width: 15%;
}
.gb-element-50e738dd {
align-self: center;
display: flex;
font-size: 14px;
justify-content: space-between;
justify-items: center;
justify-self: center;
max-width: 1500px;
padding-left: 60px;
width: 130%;
}
@media (max-width: 1024px) {
.gb-element-50e738dd {
display: list-item;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
}
.gb-element-caacae8e {
align-items: center;
align-self: stretch;
column-gap: 1rem;
display: flex;
flex-grow: 1;
flex-wrap: wrap;
justify-content: space-between;
justify-items: stretch;
justify-self: stretch;
row-gap: 0.5rem;
}
.gb-element-31d5dbf2 {
align-items: center;
align-self: stretch;
column-gap: 1rem;
display: flex;
flex-grow: 1;
flex-wrap: wrap;
justify-content: space-between;
justify-items: stretch;
justify-self: stretch;
row-gap: 0.5rem;
}
@media (max-width: 1024px) {
.gb-element-31d5dbf2 {
align-self: center;
display: flex;
justify-items: center;
justify-self: center;
}
}
.gb-element-528acb25 {
display: grid;
max-width: 100%;
padding-bottom: 10px;
padding-top: 60px;
}
@media (max-width: 767px) {
.gb-element-528acb25 {
padding-top: 0;
}
}
.gb-element-8b8cc223 {
align-items: flex-start;
align-self: center;
column-gap: 1em;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: center;
justify-items: center;
justify-self: center;
max-width: 100%;
row-gap: 1em;
width: 130%;
}
@media (max-width: 1024px) {
.gb-element-8b8cc223 {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(3, auto);
max-width: 100%;
width: 100%;
}
}
.gb-element-af72fcf0 {
align-items: flex-start;
align-self: center;
column-gap: 0.1em;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: center;
justify-items: center;
justify-self: center;
max-width: 80%;
row-gap: 1em;
width: 130%;
}
@media (max-width: 1024px) {
.gb-element-af72fcf0 {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(3, auto);
max-width: 100%;
width: 100%;
}
}
@media (max-width: 767px) {
.gb-element-af72fcf0 {
display: none;
}
}
@media (max-width: 1024px) {
.gb-element-02837151 {
display: none;
}
}
@media (max-width: 1024px) {
.gb-element-b285490f {
display: none;
}
}
@media (max-width: 1024px) {
.gb-element-0e3dc835 {
display: none;
}
}
.gb-element-968cc1d4 {
align-items: center;
align-self: center;
display: grid;
justify-content: center;
justify-items: center;
justify-self: center;
}
@media (max-width: 1024px) {
.gb-element-968cc1d4 {
grid-column: 1/-1;
}
}
.gb-element-6b32ab9d {
align-items: center;
align-self: center;
column-gap: 0.5rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
justify-items: center;
justify-self: center;
row-gap: 0.5rem;
}
@media (max-width: 1024px) {
.gb-element-6b32ab9d {
align-items: center;
align-self: center;
display: grid;
grid-column: 1/-1;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: center;
justify-items: center;
justify-self: center;
}
}
.gb-element-dc58ffca {
z-index: 10;
align-items: center;
align-self: center;
display: flex;
flex-direction: column;
font-size: 14px;
justify-content: center;
justify-items: center;
justify-self: center;
max-width: 1500px;
width: 100%;
}
@media (max-width: 1024px) {
.gb-element-dc58ffca {
z-index: 10;
display: list-item;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
}
.gb-element-7c0dbd1f {
align-items: center;
align-self: stretch;
column-gap: 1rem;
flex-grow: 1;
flex-wrap: wrap;
justify-content: space-between;
justify-items: stretch;
justify-self: stretch;
row-gap: 0.5rem;
text-align: center;
}
@media (max-width: 1024px) {
.gb-element-7c0dbd1f {
align-self: center;
justify-items: center;
justify-self: center;
}
}
.gb-element-3dbc80e1 {
align-items: center;
align-self: center;
column-gap: 3.3rem;
display: flex;
flex-direction: row;
flex-grow: 1;
flex-wrap: wrap;
justify-content: center;
justify-items: center;
justify-self: center;
max-width: 100%;
row-gap: 0.5rem;
width: 100%;
}
.gb-element-3b2290c3 {
align-items: center;
column-gap: 0.6em;
display: flex;
}
.gb-media-073c276b {
align-items: center;
align-self: center;
display: flex;
height: auto;
justify-content: center;
justify-items: center;
justify-self: center;
margin-bottom: 2rem;
max-width: 100%;
object-fit: cover;
width: 180px;
}
.gb-media-ec7d4cb2 {
height: 80px;
max-width: 100%;
object-fit: cover;
width: 80px;
}
.gb-media-234abe44 {
height: 80px;
max-width: 100%;
object-fit: cover;
width: 80px;
}
.gb-media-9cbfc1dd {
align-items: center;
align-self: center;
display: flex;
height: auto;
justify-content: center;
justify-items: center;
justify-self: center;
margin-bottom: 2rem;
max-width: 100%;
object-fit: cover;
position: relative;
width: 180px;
z-index: 9998;
}
.gb-media-3f417612 {
align-self: start;
height: auto;
justify-content: flex-start;
justify-items: start;
justify-self: start;
max-width: 100%;
width: auto;
}
.gb-media-2ce9a034 {
height: auto;
max-width: 100%;
width: auto;
}
.gb-text-82df5001:is(:hover, :focus) {
background-color: #1a4a9b;
color: #fff;
}
.gb-text-197f9b9a {
align-items: center;
color: #fff;
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-197f9b9a .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-af2d2766 {
align-items: center;
color: #fff;
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-af2d2766 .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-c46bd986 {
align-items: center;
color: #fff;
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-c46bd986 .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-e3569bc9 {
align-items: center;
color: var(--ink-strong);
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-e3569bc9 .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-b68949a6 {
color: #fff;
text-wrap: nowrap;
}
.gb-text-3e0b995c {
align-items: center;
align-self: center;
justify-content: space-between;
justify-items: center;
justify-self: center;
line-height: 1.1;
text-wrap: wrap;
width: 100%;
}
.gb-text-ef890993 {
color: #fff;
}
@media (max-width: 1024px) {
.gb-text-ef890993 {
align-items: center;
align-self: center;
justify-content: center;
justify-items: center;
justify-self: center;
}
}
.gb-text-f7fdb723 {
align-items: center;
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-f7fdb723 .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-36bbba28 {
align-items: center;
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-36bbba28 .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-167c6ca9 {
align-items: center;
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-167c6ca9 .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-8202a4ad {
align-items: center;
column-gap: 0.5em;
display: inline-flex;
padding: 0.25rem;
}
.gb-text-8202a4ad .gb-shape svg {
fill: currentColor;
width: 1.5rem;
height: 1.5rem;
}
.gb-text-c3ea1247 {
align-items: center;
align-self: center;
justify-content: center;
justify-items: center;
justify-self: center;
}
@media (max-width: 1024px) {
.gb-text-c3ea1247 {
align-items: center;
align-self: center;
justify-content: center;
justify-items: center;
justify-self: center;
}
}
.gb-site-header-3fc75499 {
align-items: center;
column-gap: 40px;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
padding-bottom: 18px;
padding-left: 40px;
padding-right: 40px;
row-gap: 26px;
}
@media (max-width: 1024px) {
.gb-site-header-3fc75499 {
padding-left: 30px;
padding-right: 30px;
position: relative;
z-index: 9999;
}
}
@media (max-width: 767px) {
.gb-site-header-3fc75499 {
padding-left: 20px;
padding-right: 20px;
}
}
.gb-navigation-760edafb {
--sub-menu-transition-speed: 500ms;
color: #043e55;
}
@media (max-width: 1024px) {
.gb-navigation-760edafb {
color: var(--ink-strong);
width: 50%;
}
}
@media (max-width: 767px) {
.gb-navigation-760edafb {
color: var(--ink-strong);
}
}
@media (width>768px) {
.gb-navigation-760edafb .gb-menu-toggle {
display: none;
}
}
@media (max-width: 768px) {
.gb-navigation-760edafb .gb-menu-container:not(.gb-menu-container--toggled) {
display: none;
}
}
.gb-menu-toggle-413f8894 {
align-items: center;
color: #fff;
column-gap: 5px;
display: flex;
z-index: 2;
padding: 10px;
}
.gb-menu-toggle-413f8894:focus {
background-color: var(--base-2);
color: var(--contrast);
}
.gb-menu-toggle-413f8894:is(
.gb-menu-toggle--toggled,
.gb-menu-toggle--toggled:hover,
.gb-menu-toggle--toggled:focus
) {
background-color: var(--contrast);
color: var(--base-2);
}
.gb-menu-toggle-413f8894 svg {
width: 25px;
height: 25px;
fill: currentColor;
}
.gb-menu-container-ff2ffc25 {
color: #043e55;
}
.gb-menu-container-ff2ffc25.gb-menu-container--mobile {
background-color: var(--contrast);
color: #fff;
padding-bottom: 60px;
position: fixed;
}
.gb-menu-container-ff2ffc25.gb-menu-container--mobile .gb-menu {
flex-direction: column;
}
.gb-menu-container-ff2ffc25.gb-menu-container--mobile .gb-sub-menu {
border-radius: 0;
}
@media (max-width: 1024px) {
.gb-menu-container-ff2ffc25 {
color: var(--ink-strong);
justify-self: end;
width: 70%;
}
}
@media (max-width: 767px) {
.gb-menu-container-ff2ffc25 {
color: var(--ink-strong);
width: 70%;
}
}
.gb-menu-e77b0aea {
color: #043e55;
display: flex;
flex-wrap: wrap;
list-style-type: none;
position: relative;
margin: 0;
padding: 0;
}
@media (max-width: 1024px) {
.gb-menu-e77b0aea {
color: var(--ink-strong);
}
}
@media (max-width: 767px) {
.gb-menu-e77b0aea {
color: var(--ink-strong);
}
}
.gb-menu-item-mi7b0aea {
color: #043e55;
line-height: 1.5rem;
list-style-type: none;
position: relative;
margin: 0;
padding: 0;
}
.gb-menu-item-mi7b0aea::after {
height: 2px;
content: " ";
position: absolute;
bottom: 0;
transition: all 0.5s ease 0s;
transform-origin: left;
transform: scale3d(0, 0, 0);
left: 20px;
right: 20px;
width: 100%;
}
.gb-menu-item-mi7b0aea:is(
.current-menu-item,
.current-menu-item:hover,
.current-menu-item:focus-within
) {
color: var(--accent-3);
}
.gb-menu-item-mi7b0aea:is(:hover, :focus-within) {
color: var(--accent-3);
}
.gb-menu-item-mi7b0aea:is(:hover, :focus-within)::after {
height: 2px;
position: absolute;
width: calc(100% - 40px);
content: " ";
bottom: 0;
background-color: var(--accent-3);
left: 50%;
transform: translate3d(-50%, 0, 0);
transform-origin: right;
opacity: left;
color: var(--base-2);
}
.gb-menu-item-mi7b0aea .gb-menu-link {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
padding: 20px;
}
.gb-menu-item-mi7b0aea .gb-submenu-toggle {
font-size: 1.5rem;
}
.gb-menu-item-mi7b0aea .gb-submenu-toggle svg {
width: 0.7em;
height: 0.7em;
}
@media (max-width: 1024px) {
.gb-menu-item-mi7b0aea {
color: var(--ink-strong);
}
}
@media (max-width: 767px) {
.gb-menu-item-mi7b0aea {
color: var(--ink-strong);
}
}
.gb-sub-menu-sm7b0aea {
border-bottom-color: var(--base-2);
border-left-color: var(--base-2);
border-right-color: var(--base-2);
border-top-color: var(--base-2);
overflow-x: hidden;
overflow-y: hidden;
right: 0;
width: 200px;
z-index: 100;
border-radius: 4px;
margin: 0;
padding: 0;
}
.gb-sub-menu-sm7b0aea .gb-sub-menu {
top: 0;
right: 100%;
}
.gb-sub-menu-sm7b0aea .menu-item {
background-color: var(--base-2);
color: var(--contrast);
}
.gb-sub-menu-sm7b0aea
.menu-item:is(
.current-menu-item,
.current-menu-item:hover,
.current-menu-item:focus-within
) {
background-color: var(--accent);
color: var(--base-2);
}
.gb-sub-menu-sm7b0aea .menu-item:is(:hover, :focus-within) {
color: var(--base-2);
background-color: var(--accent);
}
.gb-sub-menu-sm7b0aea ::after {
content: none !important;
}
.offside,
.offside--left {
left: calc(var(--gp-slideout-width) * -1);
}
.offside--right {
left: auto;
right: calc(var(--gp-slideout-width) * -1);
}
.offside--left.is-open:not(.slideout-transition),
.offside-js--is-left .offside-sliding-element {
transform: translate3d(var(--gp-slideout-width), 0, 0);
}
.offside--right.is-open:not(.slideout-transition),
.offside-js--is-right .offside-sliding-element {
transform: translate3d(calc(var(--gp-slideout-width) * -1), 0, 0);
}
.offside-js--interact .offside,
.offside-js--interact .offside-sliding-element {
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.offside-js--init {
overflow-x: hidden;
}
.slideout-navigation.main-navigation:not(.is-open):not(.slideout-transition) {
display: none;
}
.slideout-navigation.main-navigation:not(.slideout-transition).do-overlay {
opacity: 1;
}
.slideout-navigation.main-navigation.slideout-transition.do-overlay {
opacity: 0;
}
.slideout-overlay {
z-index: 100000;
position: fixed;
width: 100%;
height: 100%;
height: 100vh;
min-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
cursor: pointer;
transition:
visibility 0.2s ease,
opacity 0.2s ease;
}
.offside-js--is-open .slideout-overlay {
visibility: visible;
opacity: 1;
}
.slideout-overlay button.slideout-exit {
position: fixed;
top: 0;
background-color: transparent;
color: #fff;
font-size: 30px;
border: 0;
opacity: 0;
}
.slide-opened .slideout-overlay button.slideout-exit {
opacity: 1;
}
button.slideout-exit:hover {
background-color: transparent;
}
.slideout-navigation button.slideout-exit {
background: 0 0;
width: 100%;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
box-sizing: border-box;
border: 0;
}
.slide-opened nav.toggled .menu-toggle:before {
content: "\f0c9";
}
.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
left: calc(var(--gp-slideout-width) - 5px);
}
.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
right: calc(var(--gp-slideout-width) - 5px);
}
.slideout-widget {
margin: 20px;
}
.slideout-navigation .main-nav,
.slideout-navigation .slideout-widget:not(:last-child) {
margin-bottom: 40px;
}
.slideout-navigation:not(.do-overlay) .main-nav {
width: 100%;
box-sizing: border-box;
}
.slideout-navigation .mega-menu > ul > li {
display: block;
width: 100% !important;
}
.slideout-navigation .slideout-menu {
display: block;
}
#generate-slideout-menu {
z-index: 100001;
}
#generate-slideout-menu .slideout-menu li {
float: none;
width: 100%;
clear: both;
text-align: left;
}
.slideout-navigation .slideout-widget li {
float: none;
}
#generate-slideout-menu.do-overlay li {
text-align: center;
}
#generate-slideout-menu.main-navigation ul ul {
display: none;
}
#generate-slideout-menu.main-navigation ul ul.toggled-on {
display: block !important;
}
#generate-slideout-menu .slideout-menu li.sfHover > ul,
#generate-slideout-menu .slideout-menu li:hover > ul {
display: none;
}
#generate-slideout-menu.main-navigation .main-nav ul ul {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.slideout-toggle:not(.has-svg-icon) a:before {
content: "\f0c9";
font-family: "GP Premium";
line-height: 1em;
width: 1.28571429em;
text-align: center;
display: inline-block;
position: relative;
top: 1px;
}
.slide-opened .slideout-exit:not(.has-svg-icon):before,
.slideout-navigation button.slideout-exit:not(.has-svg-icon):before {
content: "\f00d";
font-family: "GP Premium";
line-height: 1em;
width: 1.28571429em;
text-align: center;
display: inline-block;
}
#generate-slideout-menu li.menu-item-float-right {
float: none !important;
display: inline-block;
width: auto;
}
.rtl .slideout-navigation {
position: fixed;
}
.slideout-navigation .menu-item-has-children .dropdown-menu-toggle {
float: right;
}
.slideout-navigation .slideout-widget .menu li {
float: none;
}
.slideout-navigation .slideout-widget ul {
display: block;
}
.slideout-navigation.do-overlay {
transform: none !important;
transition:
opacity 0.2s,
visibility 0.2s;
width: 100%;
text-align: center;
left: 0;
right: 0;
}
.slideout-navigation.do-overlay .inside-navigation {
display: flex;
flex-direction: column;
padding: 10% 10% 0;
max-width: 700px;
}
.slideout-navigation.do-overlay .inside-navigation .main-nav,
.slideout-navigation.do-overlay .inside-navigation .slideout-widget {
margin-left: auto;
margin-right: auto;
min-width: 250px;
}
.slideout-navigation.do-overlay .slideout-exit {
position: fixed;
right: 0;
top: 0;
width: auto;
font-size: 25px;
}
.slideout-navigation.do-overlay .slideout-menu li a {
display: inline-block;
}
.slideout-navigation.do-overlay .slideout-menu li {
margin-bottom: 5px;
}
#generate-slideout-menu.do-overlay .slideout-menu li,
.slideout-navigation.do-overlay .inside-navigation {
text-align: center;
}
.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
border-left: 1px solid rgba(0, 0, 0, 0.07);
padding: 0 10px;
margin: 0 0 0 10px;
}
.slideout-navigation.do-overlay ul ul {
box-shadow: 0 0 0;
}
.nav-aligned-center .slideout-navigation,
.nav-aligned-right .slideout-navigation {
text-align: left;
}
.slideout-navigation .sfHover > a > .dropdown-menu-toggle > .gp-icon svg {
transform: rotate(180deg);
}
.slideout-navigation .sub-menu .dropdown-menu-toggle .gp-icon svg {
transform: rotate(0);
}
.slideout-both .main-navigation.toggled .main-nav > ul,
.slideout-desktop .main-navigation.toggled .main-nav li.slideout-toggle,
.slideout-mobile .main-navigation.toggled .main-nav > ul {
display: none !important;
}
.slideout-both .has-inline-mobile-toggle #site-navigation.toggled,
.slideout-mobile .has-inline-mobile-toggle #site-navigation.toggled {
margin-top: 0;
}
.sf-menu > li.slideout-toggle {
float: right;
}
.gen-sidebar-nav .sf-menu > li.slideout-toggle {
float: none;
}
.off-canvas-toggle-label {
padding-left: 7px;
}
.gp-icon + .off-canvas-toggle-label {
padding-left: 9px;
}
.navigation-branding img,
.site-logo.mobile-header-logo img {
position: relative;
padding: 10px 0;
display: block;
transition: height 0.3s ease;
}
.navigation-branding > div + .main-title {
margin-left: 10px;
}
.navigation-branding .main-title {
transition: line-height 0.3s ease;
}
.navigation-branding .main-title a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-transform: unset;
}
.main-navigation.mobile-header-navigation {
display: none;
float: none;
margin-bottom: 0;
}
.mobile-header-navigation.is_stuck {
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}
.main-navigation .menu-toggle {
flex-grow: 1;
width: auto;
}
.main-navigation.has-branding .menu-toggle,
.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
flex-grow: 0;
padding-right: 20px;
order: 2;
}
.main-navigation:not(.slideout-navigation) .mobile-bar-items + .menu-toggle {
text-align: left;
}
.main-navigation.has-sticky-branding:not(.has-branding):not(.navigation-stick)
.navigation-branding {
display: none;
}
.nav-align-right .navigation-branding {
margin-right: auto;
}
.main-navigation.has-branding:not([class*="nav-align-"]):not(
.mobile-header-navigation
)
.inside-navigation,
.main-navigation.has-sticky-branding.navigation-stick:not(
[class*="nav-align-"]
):not(.mobile-header-navigation)
.inside-navigation {
justify-content: flex-start;
}
.main-navigation.has-branding:not([class*="nav-align-"]):not(
.mobile-header-navigation
)
.menu-bar-items,
.main-navigation.has-sticky-branding.navigation-stick:not(
[class*="nav-align-"]
):not(.mobile-header-navigation)
.menu-bar-items {
margin-left: auto;
}
.nav-float-right
.main-navigation.has-branding:not(.mobile-header-navigation)
.menu-bar-items,
.nav-float-right
.main-navigation.has-sticky-branding.navigation-stick:not(
.mobile-header-navigation
)
.menu-bar-items {
margin-left: 0;
}
.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
margin-right: auto;
}
.rtl .navigation-branding > div + .main-title {
margin-right: 10px;
}
.rtl
.main-navigation.nav-align-right:not(.mobile-header-navigation)
.navigation-branding {
order: -10;
}
.rtl .nav-align-right .navigation-branding {
margin-right: 10px;
}
.rtl .navigation-branding,
.rtl .site-logo.mobile-header-logo {
margin-left: auto;
margin-right: 0;
}
.rtl .nav-align-center .navigation-branding,
.rtl .nav-align-center .site-logo.mobile-header-logo,
.rtl .nav-align-right .navigation-branding,
.rtl .nav-align-right .site-logo.mobile-header-logo {
margin-left: 10px;
}
.rtl .nav-align-right .menu-bar-items {
margin-right: auto;
}
.rtl .mobile-header-navigation.has-menu-bar-items .site-logo {
margin-left: auto;
}
/* id="block-image-inline-css" */
.block-image > a,
.block-image > figure > a {
display: inline-block;
}
.block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
}
.block-image[style*="border-radius"] img,
.block-image[style*="border-radius"] > a {
border-radius: inherit;
}
.block-image.has-custom-border img {
box-sizing: border-box;
}
.block-image.aligncenter {
text-align: center;
}
.block-image.alignfull > a,
.block-image.alignwide > a {
width: 100%;
}
.block-image.alignfull img,
.block-image.alignwide img {
height: auto;
width: 100%;
}
.block-image .aligncenter,
.block-image .alignleft,
.block-image .alignright,
.block-image.aligncenter,
.block-image.alignleft,
.block-image.alignright {
display: table;
}
.block-image .aligncenter > figcaption,
.block-image .alignleft > figcaption,
.block-image .alignright > figcaption,
.block-image.aligncenter > figcaption,
.block-image.alignleft > figcaption,
.block-image.alignright > figcaption {
caption-side: bottom;
display: table-caption;
}
.block-image .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.block-image .alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.block-image .aligncenter {
margin-left: auto;
margin-right: auto;
}
.block-image :where(figcaption) {
margin-bottom: 1em;
margin-top: 0.5em;
}
.block-image.is-style-circle-mask img {
border-radius: 9999px;
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) or
(-webkit-mask-image: none) {
.block-image.is-style-circle-mask img {
border-radius: 0;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
}
:root
:where(
.block-image.is-style-rounded img,
.block-image .is-style-rounded img
) {
border-radius: 9999px;
}
.block-image figure {
margin: 0;
}
.lightbox-container {
display: flex;
flex-direction: column;
position: relative;
}
.lightbox-container img {
cursor: zoom-in;
}
.lightbox-container img:hover + button {
opacity: 1;
}
.lightbox-container button {
align-items: center;
backdrop-filter: blur(16px) saturate(180%);
background-color: #5a5a5a40;
border: none;
border-radius: 4px;
cursor: zoom-in;
display: flex;
height: 20px;
justify-content: center;
opacity: 0;
padding: 0;
position: absolute;
right: 16px;
text-align: center;
top: 16px;
width: 20px;
z-index: 100;
}
@media not (prefers-reduced-motion) {
.lightbox-container button {
transition: opacity 0.2s ease;
}
}
.lightbox-container button:focus-visible {
outline: 3px auto #5a5a5a40;
outline: 3px auto -webkit-focus-ring-color;
outline-offset: 3px;
}
.lightbox-container button:hover {
cursor: pointer;
opacity: 1;
}
.lightbox-container button:focus {
opacity: 1;
}
.lightbox-container button:focus,
.lightbox-container button:hover,
.lightbox-container button:not(:hover):not(:active):not(.has-background) {
background-color: #5a5a5a40;
border: none;
}
.lightbox-overlay {
box-sizing: border-box;
cursor: zoom-out;
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
z-index: 100000;
}
.lightbox-overlay .close-button {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
min-height: 40px;
min-width: 40px;
padding: 0;
position: absolute;
right: calc(env(safe-area-inset-right) + 16px);
top: calc(env(safe-area-inset-top) + 16px);
z-index: 5000000;
}
.lightbox-overlay .close-button:focus,
.lightbox-overlay .close-button:hover,
.lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) {
background: none;
border: none;
}
.lightbox-overlay .lightbox-image-container {
height: var(--lightbox-container-height);
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: top left;
width: var(--lightbox-container-width);
z-index: 9999999999;
}
.lightbox-overlay .block-image {
align-items: center;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
position: relative;
transform-origin: 0 0;
width: 100%;
z-index: 3000000;
}
.lightbox-overlay .block-image img {
height: var(--lightbox-image-height);
min-height: var(--lightbox-image-height);
min-width: var(--lightbox-image-width);
width: var(--lightbox-image-width);
}
.lightbox-overlay .block-image figcaption {
display: none;
}
.lightbox-overlay button {
background: none;
border: none;
}
.lightbox-overlay .scrim {
background-color: #fff;
height: 100%;
opacity: 0.9;
position: absolute;
width: 100%;
z-index: 2000000;
}
.lightbox-overlay.active {
visibility: visible;
}
.block-video video {
height: auto;
vertical-align: middle;
width: 100%;
}
@supports (position: sticky) {
.block-video [poster] {
object-fit: cover;
}
}
.block-video.aligncenter {
text-align: center;
}
.block-video :where(figcaption) {
margin-bottom: 1em;
margin-top: 0.5em;
}
/* id="block-group-inline-css" */
.block-group {
box-sizing: border-box;
}
:where(.block-group.block-group-is-layout-constrained) {
position: relative;
}
/* id="block-spacer-inline-css" */
.block-spacer {
clear: both;
}
/* id="classic-theme-styles-inline-css" */
/*! This file is auto-generated */
.block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
}
.block-file__button {
background: #32373c;
color: #fff;
text-decoration: none;
}
/* id="global-styles-inline-css" */
:root {
--preset--aspect-ratio--square: 1;
--preset--aspect-ratio--4-3: 4/3;
--preset--aspect-ratio--3-4: 3/4;
--preset--aspect-ratio--3-2: 3/2;
--preset--aspect-ratio--2-3: 2/3;
--preset--aspect-ratio--16-9: 16/9;
--preset--aspect-ratio--9-16: 9/16;
--preset--color--black: #000000;
--preset--color--cyan-bluish-gray: #abb8c3;
--preset--color--white: #ffffff;
--preset--color--pale-pink: #f78da7;
--preset--color--vivid-red: #cf2e2e;
--preset--color--luminous-vivid-orange: #ff6900;
--preset--color--luminous-vivid-amber: #fcb900;
--preset--color--light-green-cyan: #7bdcb5;
--preset--color--vivid-green-cyan: #00d084;
--preset--color--pale-cyan-blue: #8ed1fc;
--preset--color--vivid-cyan-blue: #0693e3;
--preset--color--vivid-purple: #9b51e0;
--preset--color--surface-0: var(--surface-0);
--preset--color--surface-light: var(----surface-light);
--preset--color--ink-strong: var(--ink-strong);
--preset--color--ink: var(--ink);
--preset--color--ink-inverse: var(--ink-inverse);
--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
135deg,
rgb(6, 147, 227) 0%,
rgb(155, 81, 224) 100%
);
--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
135deg,
rgb(122, 220, 180) 0%,
rgb(0, 208, 130) 100%
);
--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
135deg,
rgb(252, 185, 0) 0%,
rgb(255, 105, 0) 100%
);
--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
135deg,
rgb(255, 105, 0) 0%,
rgb(207, 46, 46) 100%
);
--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
135deg,
rgb(238, 238, 238) 0%,
rgb(169, 184, 195) 100%
);
--preset--gradient--cool-to-warm-spectrum: linear-gradient(
135deg,
rgb(74, 234, 220) 0%,
rgb(151, 120, 209) 20%,
rgb(207, 42, 186) 40%,
rgb(238, 44, 130) 60%,
rgb(251, 105, 98) 80%,
rgb(254, 248, 76) 100%
);
--preset--gradient--blush-light-purple: linear-gradient(
135deg,
rgb(255, 206, 236) 0%,
rgb(152, 150, 240) 100%
);
--preset--gradient--blush-bordeaux: linear-gradient(
135deg,
rgb(254, 205, 165) 0%,
rgb(254, 45, 45) 50%,
rgb(107, 0, 62) 100%
);
--preset--gradient--luminous-dusk: linear-gradient(
135deg,
rgb(255, 203, 112) 0%,
rgb(199, 81, 192) 50%,
rgb(65, 88, 208) 100%
);
--preset--gradient--pale-ocean: linear-gradient(
135deg,
rgb(255, 245, 203) 0%,
rgb(182, 227, 212) 50%,
rgb(51, 167, 181) 100%
);
--preset--gradient--electric-grass: linear-gradient(
135deg,
rgb(202, 248, 128) 0%,
rgb(113, 206, 126) 100%
);
--preset--gradient--midnight: linear-gradient(
135deg,
rgb(2, 3, 129) 0%,
rgb(40, 116, 252) 100%
);
--preset--font-size--small: 13px;
--preset--font-size--medium: 20px;
--preset--font-size--large: 36px;
--preset--font-size--x-large: 42px;
--preset--spacing--20: 0.44rem;
--preset--spacing--30: 0.67rem;
--preset--spacing--40: 1rem;
--preset--spacing--50: 1.5rem;
--preset--spacing--60: 2.25rem;
--preset--spacing--70: 3.38rem;
--preset--spacing--80: 5.06rem;
--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--preset--shadow--outlined:
6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}
:where(.is-layout-flex) {
gap: 0.5em;
}
:where(.is-layout-grid) {
gap: 0.5em;
}
body .is-layout-flex {
display: flex;
}
.is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
.is-layout-flex > :is(*, div) {
margin: 0;
}
body .is-layout-grid {
display: grid;
}
.is-layout-grid > :is(*, div) {
margin: 0;
}
:where(.block-columns.is-layout-flex) {
gap: 2em;
}
:where(.block-columns.is-layout-grid) {
gap: 2em;
}
:where(.block-post-template.is-layout-flex) {
gap: 1.25em;
}
:where(.block-post-template.is-layout-grid) {
gap: 1.25em;
}
.has-black-color {
color: var(--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(
--preset--gradient--vivid-cyan-blue-to-vivid-purple
) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(
--preset--gradient--light-green-cyan-to-vivid-green-cyan
) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(
--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(
--preset--gradient--luminous-vivid-orange-to-vivid-red
) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(
--preset--gradient--very-light-gray-to-cyan-bluish-gray
) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--preset--font-size--x-large) !important;
}
/* id="generate-style-inline-css" */
.is-right-sidebar {
width: 20%;
}
.is-left-sidebar {
width: 20%;
}
.site-content .content-area {
width: 100%;
}
.dynamic-author-image-rounded {
border-radius: 100%;
}
.dynamic-featured-image,
.dynamic-author-image {
vertical-align: middle;
}
.one-container.blog .dynamic-content-template:not(:last-child),
.one-container.archive .dynamic-content-template:not(:last-child) {
padding-bottom: 0px;
}
.dynamic-entry-excerpt > p:last-child {
margin-bottom: 0px;
}
.inside-page-hero > *:last-child {
margin-bottom: 0px;
}
.header-wrap {
position: absolute;
left: 0px;
right: 0px;
z-index: 10;
}
.header-wrap .site-header {
background: transparent;
}
/* id="block-paragraph-inline-css" */
.is-small-text {
font-size: 0.875em;
}
.is-regular-text {
font-size: 1em;
}
.is-large-text {
font-size: 2.25em;
}
.is-larger-text {
font-size: 3em;
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
font-style: normal;
font-weight: 100;
line-height: 0.68;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
}
body.rtl .has-drop-cap:not(:focus):first-letter {
float: none;
margin-left: 0.1em;
}
p.has-drop-cap.has-background {
overflow: hidden;
}
:root :where(p.has-background) {
padding: 1.25em 2.375em;
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit;
}
p.has-text-align-left[style*="writing-mode:vertical-lr"],
p.has-text-align-right[style*="writing-mode:vertical-rl"] {
rotate: 180deg;
}
/* id="block-list-inline-css" */
ol,
ul {
box-sizing: border-box;
}
:root :where(.block-list.has-background) {
padding: 1.25em 2.375em;
}
/* id="generate-offside-inline-css" */
:root {
--gp-slideout-width: 265px;
}
.slideout-navigation button.slideout-exit {
padding-left: 24px;
padding-right: 24px;
}
.slide-opened nav.toggled .menu-toggle:before {
display: none;
}
@media (max-width: 768px) {
.menu-bar-item.slideout-toggle {
display: none;
}
}
/* id="generate-navigation-branding-inline-css" */
.main-navigation.has-branding.grid-container .navigation-branding,
.main-navigation.has-branding:not(.grid-container)
.inside-navigation:not(.grid-container)
.navigation-branding {
margin-left: 10px;
}
.main-navigation .sticky-navigation-logo,
.main-navigation.navigation-stick .site-logo:not(.mobile-header-logo) {
display: none;
}
.main-navigation.navigation-stick .sticky-navigation-logo {
display: block;
}
.navigation-branding img,
.site-logo.mobile-header-logo img {
height: 60px;
width: auto;
}
.navigation-branding .main-title {
line-height: 60px;
}
@media (max-width: 1210px) {
#site-navigation .navigation-branding,
#sticky-navigation .navigation-branding {
margin-left: 10px;
}
}
/* id="site-custom-css" */
form {
padding: 20px;
}
.floating-overlay-gif {
max-width: none !important;
max-height: none !important;
display: block !important;
position: absolute;
top: -50px;
left: -50px;
width: 100vw;
height: 100vw;
z-index: -9999 !important;
pointer-events: none;
padding-left: 42px;
}
/* h1,h2,h3,h4,h5,h6{
position: ;
z-index: 999 !important;
}
*/
@media (max-width: 1000px) {
.floating-overlay-gif {
top: -50px;
left: -50px;
width: 50vw;
}
}
@media (max-width: 768px) {
.floating-overlay-gif {
top: -50px;
left: -50px;
width: 70vw;
}
}
.agent-card {
perspective: 1000px;
}
.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.agent-card:hover .card-inner {
transform: rotateY(180deg);
}
.card-front,
.card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
top: 0;
left: 0;
}
.card-front {
z-index: 2;
transform: rotateY(0deg);
}
.card-back {
transform: rotateY(180deg);
}
.card-back {
transform: rotateY(180deg) translateZ(1px);
}
.perseptex-form {
max-width: 600px;
margin: 0 auto;
padding-bottom: 2rem;
}
.perseptex-form .form-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.perseptex-form .form-group {
flex: 1;
}
.perseptex-form ::placeholder {
color: #888;
}
.perseptex-form textarea {
height: 100px;
resize: none;
}
.perseptex-form .form-submit {
margin-top: 20px;
}
.contact-form {
background: none;
}
.perseptex-form input[type="submit"] {
border-radius: 20px;
font-size: 16px;
cursor: pointer;
transition: background 0.3s ease;
display: inline-block;
background: linear-gradient(
90deg,
rgba(60, 185, 201, 1) 38%,
rgba(184, 223, 230, 1) 100%
);
width: 165px;
padding-left: 15px;
border: 1px !important;
border-color: black !important;
height: 45px;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
}
.perseptex-form input[type="submit"]:hover {
background-color: #3e9ba5;
}
.contact-form-response {
border-radius: 12px;
margin-top: 20px !important;
}
.gb-site-header {
margin-left: 0px !important;
margin-right: 0px !important;
}
.contact-form {
background: none;
}
.contact-form textarea {
background: white;
}
.perseptex-form input[type="text"],
.perseptex-form input[type="email"],
.perseptex-form input[type="tel"],
.perseptex-form textarea {
width: 100% !important;
height: 48px !important;
padding: 12px 20px !important;
border: 1px solid #bcc6cc !important;
border-radius: 12px !important;
background-color: #fff !important;
font-size: 16px !important;
color: #000 !important;
box-sizing: border-box !important;
border-color: black !important;
}
.perseptex-form textarea {
border-color: black;
min-height: 90px !important;
}
.contact-form-healing {
z-index: 9999;
}
@media (max-width: 700px) {
.contact-form-healing {
z-index: 1;
}
}
/* .new-footer {
background: linear-gradient(90deg, #00233d , #005064 );
}
*/
.checksimage {
width: 25px !important;
height: 25px !important;
overflow: visible;
}
.about-wheel-section .half_img {
justify-content: center;
}
.about-info-block {
width: 70%;
margin: 0 auto;
}
.gb-text-c8c1fb6a {
display: block !important;
}
.gb-text-d28ba7f4 {
font-size: 56px !important;
}
@media (max-width: 700px) {
.gb-text-d28ba7f4 {
font-size: 2.5rem !important;
}
}
.tile-header {
display: block !important;
font-size: 20px !important;
}
.gb-element-a694c9a3 {
line-height: 1.25;
}
.gb-text-d9afb8af {
line-height: 1.4;
}
html,
body .page-id-50268 * {
width: 100%;
overflow-x: hidden;
}
.gbp-footer__link {
color: #00647c;
}
.gbp-footer__title {
font-size: 1.3rem;
color: #0398a9;
}
body
> div.site-footer
> div
> div.gb-element-8b8cc223
> div.gb-element-6b32ab9d
> a {
color: #0396a9;
height: 2rem;
width: auto;
}
body
> div.site-footer
> div
> div.gb-element-8b8cc223
> div.gb-element-6b32ab9d
> a
> span
> svg {
height: 4rem;
width: auto;
padding-right: 1.3rem;
}
#benefits > div > div.gb-element-e4340d8b > div.gb-element-c12d5202 > h2 {
font-size: 2.7rem;
width: max-content;
}
#benefits
> div
> div.gb-element-dcfbf1fb
> section
> div
> div.ptx-card.ptx-card
> div
> div
> h3 {
padding-top: 18em;
}
#post-50056
> div
> div
> div.gb-element-491c937a
> div
> div.gb-element-fdb8e39b
> h2 {
font-size: 3rem;
}
#post-50056
> div
> div
> div.gb-element-491c937a
> div
> div.gb-element-fdb8e39b
> p {
font-size: 1.3rem;
line-height: 1.8rem;
}
#post-50056
> div
> div
> div.gb-element-491c937a
> div
> div.gb-element-8fe246b1 {
border-radius: 21px;
padding: 16px;
background: linear-gradient(118deg, #bff0fa, #14a3be);
-webkit-background-clip: padding-box;
-webkit-mask-composite: destination-out;
background-clip: padding-box;
}
#post-50056
> div
> div
> div.gb-element-475fbaff
> div
> div.gb-element-dcf3e10a
> h3 {
font-size: 2.6rem;
}
#post-50056
> div
> div
> div.gb-element-475fbaff
> div
> div.gb-element-dcf3e10a
> h2 {
font-size: 2.6rem;
}
#post-50056
> div
> div
> div.gb-element-05b79b37
> div
> div
> h3.gb-text.gb-text-47d96129.scale-large {
background-image: radial-gradient(#077787 5%, #77d4e1 70%);
background-clip: text;
color: transparent;
}
#post-50268
> div
> div
> section
> div
> p.gb-text.gb-text-49ccd984.hero__kicker {
background: #087c8e;
background-clip: text;
}
#post-49771
> div
> div
> section
> div
> p.gb-text.gb-text-49ccd984.hero__kicker {
background: #087c8e;
background-clip: text;
}
.gb-menu-item .gb-sub-menu {
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.gb-menu-item.submenu-open .gb-sub-menu,
.gb-menu-item:hover .gb-sub-menu,
.gb-menu-item:focus-within .gb-sub-menu {
opacity: 1;
pointer-events: auto;
}
.gb-element-dcfbf1fb {
scale: 0.87;
}
#benefits > div > h2 {
font-size: 2.9rem;
padding-bottom: -100px;
margin-bottom: -50px;
}
@media (max-width: 700px) {
#benefits > div > h2 {
margin-bottom: -100px;
}
}
/* id="core-block-supports-inline-css" */
.container-core-group-is-layout-ad2f72ca {
flex-wrap: nowrap;
}
/* id="core-block-supports-duotone-inline-css" */
.duotone-unset-1.block-image img,
.duotone-unset-1.block-image .components-placeholder {
filter: unset;
}
@media (max-width: 1024px) {
.header-wrap {
--wilder-header-max-width: 1440px;
--wilder-header-padding-x: 15px;
--wilder-header-padding-y: 18px;
--menu-items-distance-from-left: 50px;
}
.header-wrap .gb-site-header-3fc75499 {
max-width: var(--wilder-header-max-width);
width: 100%;
margin-inline: auto;
padding: var(--wilder-header-padding-y) var(--wilder-header-padding-x);
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--menu-items-distance-from-left);
}
.header-wrap .gb-site-header-3fc75499 > .gb-navigation-760edafb {
flex: 1 1 auto;
min-width: 0;
width: auto;
padding-left: 0;
display: flex;
align-items: right;
float: right;
}
.header-wrap .primary-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.8rem rem;
border-radius: var(--rad-modal);
text-decoration: none;
text-transform: none;
color: #fff;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
transition:
transform 160ms ease-out,
box-shadow 180ms ease-out,
filter 180ms ease-out,
background-position 220ms ease-out;
font-size: 12px;
font-size: 16px;
}
}
@media (max-width: 1024px) {
.header-wrap {
--wilder-header-max-width: 1440px;
--wilder-header-padding-x: 15px;
--wilder-header-padding-y: 18px;
--menu-items-distance-from-left: 50px;
}
.header-wrap .gb-site-header-3fc75499 {
max-width: var(--wilder-header-max-width);
width: 100%;
margin-inline: auto;
padding: var(--wilder-header-padding-y) var(--wilder-header-padding-x);
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--menu-items-distance-from-left);
}
.header-wrap .gb-site-header-3fc75499 > .gb-navigation-760edafb {
flex: 1 1 auto;
min-width: 0;
width: auto;
padding-left: 0;
display: flex;
align-items: right;
float: right;
}
.header-wrap .primary-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.8rem rem;
border-radius: var(--rad-modal);
text-decoration: none;
text-transform: none;
color: #fff;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
transition:
transform 160ms ease-out,
box-shadow 180ms ease-out,
filter 180ms ease-out,
background-position 220ms ease-out;
font-size: 12px;
font-size: 16px;
}
}
@media (max-width: 768px) {
.gb-site-header.gb-site-header-3fc75499,
.gb-menu-toggle.gb-menu-toggle-413f8894 {
margin-left: auto;
}
.gb-menu-toggle:not(.gb-menu-toggle--toggled) {
border-radius: 5px;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
}
img.offcanvas-logo {
display: block;
max-width: 80px;
margin: 15px 0 0 15px;
}
.header-wrap .menu-mobile-items {
margin-top: 40px;
}
p.text-beneat-headlines {
font-size: 20px;
}
img.header-weaver-pattern {
position: absolute;
width: 300px;
top: -70px;
left: -50px;
}
img.header-weaver-2-pattern {
position: absolute;
right: -292px;
top: -30px;
}
h1.temph1 {
font-size: 2.5rem;
}
h2.temph2 {
font-size: 2rem;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a {
position: relative;
display: block;
padding-bottom: 20px;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgb(255 255 255 / 0.1);
}
.gb-menu-toggle.gb-menu-toggle--toggled {
background: none;
box-shadow: none;
border-radius: 0;
}
nav.gb-navigation .gb-menu-container {
background: rgb(0 58 82 / 0.8);
background: rgb(5 11 27 / 0.97);
padding: 10px;
}
.header-wrap .primary-btn {
display: none;
}
}
@media (max-width: 768px) {
.gb-site-header.gb-site-header-3fc75499,
.gb-menu-toggle.gb-menu-toggle-413f8894 {
margin-left: auto;
}
.gb-menu-toggle:not(.gb-menu-toggle--toggled) {
border-radius: 5px;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
}
img.offcanvas-logo {
display: block;
max-width: 80px;
margin: 15px 0 0 15px;
}
.header-wrap .menu-mobile-items {
margin-top: 40px;
}
p.text-beneat-headlines {
font-size: 20px;
}
img.header-weaver-pattern {
position: absolute;
width: 300px;
top: -70px;
left: -50px;
}
img.header-weaver-2-pattern {
position: absolute;
right: -292px;
top: -30px;
}
h1.temph1 {
font-size: 2.5rem;
}
h2.temph2 {
font-size: 2rem;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a {
position: relative;
display: block;
padding-bottom: 20px;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgb(255 255 255 / 0.1);
}
.gb-menu-toggle.gb-menu-toggle--toggled {
background: none;
box-shadow: none;
border-radius: 0;
}
nav.gb-navigation .gb-menu-container {
background: rgb(0 58 82 / 0.8);
background: rgb(5 11 27 / 0.97);
padding: 10px;
}
.header-wrap .primary-btn {
display: none;
}
}
@media (max-width: 768px) {
.gb-site-header.gb-site-header-3fc75499,
.gb-menu-toggle.gb-menu-toggle-413f8894 {
margin-left: auto;
}
.gb-menu-toggle:not(.gb-menu-toggle--toggled) {
border-radius: 5px;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
}
img.offcanvas-logo {
display: block;
max-width: 80px;
margin: 15px 0 0 15px;
}
.header-wrap .menu-mobile-items {
margin-top: 40px;
}
p.text-beneat-headlines {
font-size: 20px;
}
img.header-weaver-pattern {
position: absolute;
width: 300px;
top: -70px;
left: -50px;
}
img.header-weaver-2-pattern {
position: absolute;
right: -292px;
top: -30px;
}
h1.temph1 {
font-size: 2.5rem;
}
h2.temph2 {
font-size: 2rem;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a {
position: relative;
display: block;
padding-bottom: 20px;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgb(255 255 255 / 0.1);
}
.gb-menu-toggle.gb-menu-toggle--toggled {
background: none;
box-shadow: none;
border-radius: 0;
}
nav.gb-navigation .gb-menu-container {
background: rgb(0 58 82 / 0.8);
background: rgb(5 11 27 / 0.97);
padding: 10px;
}
.header-wrap .primary-btn {
display: none;
}
}
@media (min-width: 120px) {
.header-wrap {
--wilder-header-max-width: 1440px;
--wilder-header-padding-x: 32px;
--wilder-header-padding-y: 18px;
--menu-items-distance-from-left: 150px;
}
.header-wrap .gb-site-header-3fc75499 {
max-width: var(--wilder-header-max-width);
width: 100%;
margin-inline: auto;
padding: var(--wilder-header-padding-y) var(--wilder-header-padding-x);
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--menu-items-distance-from-left);
}
.header-wrap .gb-site-header-3fc75499 > .gb-navigation-760edafb {
flex: 1 1 auto;
min-width: 0;
width: auto;
padding-left: 0;
display: flex;
align-items: center;
}
}
@media (max-width: 768px) {
.gb-site-header.gb-site-header-3fc75499,
.gb-menu-toggle.gb-menu-toggle-413f8894 {
margin-left: auto;
}
.gb-menu-toggle:not(.gb-menu-toggle--toggled) {
border-radius: 5px;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
}
img.offcanvas-logo {
display: block;
max-width: 80px;
margin: 15px 0 0 15px;
}
.header-wrap .menu-mobile-items {
margin-top: 40px;
}
p.text-beneat-headlines {
font-size: 20px;
}
img.header-weaver-pattern {
position: absolute;
width: 300px;
top: -70px;
left: -50px;
}
img.header-weaver-2-pattern {
position: absolute;
right: -292px;
top: -30px;
}
h1.temph1 {
font-size: 2.5rem;
}
h2.temph2 {
font-size: 2rem;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a {
position: relative;
display: block;
padding-bottom: 20px;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgb(255 255 255 / 0.1);
}
.gb-menu-toggle.gb-menu-toggle--toggled {
background: none;
box-shadow: none;
border-radius: 0;
}
nav.gb-navigation .gb-menu-container {
background: rgb(0 58 82 / 0.8);
background: rgb(5 11 27 / 0.97);
padding: 10px;
}
.header-wrap .primary-btn {
display: none;
}
}
/* ==================== Shared chrome (migrated from per-slug stylesheets) ==================== */
@media (max-width: 768px) {
html.sdui-panel-open body:not(.editor-admin),
html.sdui-panel-open #main-content,
html.sdui-panel-open #footer-content {
margin-right: 0;
}
html.sdui-panel-open #sdui-panel-placeholder {
display: none;
}
}
/* inline */
:root {
--gp-font--inter-tight: "Inter Tight";
--gp-font--jost: "Jost";
--gp-font--garet: "Garet";
--gp-font--canva-sans: "Canva Sans";
}
/* inline */
.block-accordion {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
.block-accordion-item {
transition: grid-template-rows 0.3s ease-out;
}
.block-accordion-item
> .block-accordion-heading
.block-accordion-heading__toggle-icon {
transition: transform 0.2s ease-in-out;
}
}
@media (min-width: 782px) {
.block-columns:not(.is-not-stacked-on-mobile) > .block-column {
flex-basis: 0;
flex-grow: 1;
}
.block-columns:not(.is-not-stacked-on-mobile)
> .block-column[style*="flex-basis"] {
flex-grow: 0;
}
}
@media (min-width: 600px) {
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,
.block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,
.block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
margin-right: 1em;
width: calc(33.33333% - 0.66667em);
}
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,
.block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,
.block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
margin-right: 1em;
width: calc(25% - 0.75em);
}
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,
.block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,
.block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
margin-right: 1em;
width: calc(20% - 0.8em);
}
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,
.block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,
.block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
margin-right: 1em;
width: calc(16.66667% - 0.83333em);
}
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,
.block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,
.block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
margin-right: 1em;
width: calc(14.28571% - 0.85714em);
}
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,
.block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,
.block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
margin-right: 1em;
width: calc(12.5% - 0.875em);
}
.blocks-gallery-grid:not(.has-nested-images).columns-1
.blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-1
.blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-2
.blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-2
.blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-3
.blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-3
.blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-4
.blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-4
.blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-5
.blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-5
.blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-6
.blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-6
.blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-7
.blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-7
.blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-8
.blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid:not(.has-nested-images).columns-8
.blocks-gallery-item:nth-of-type(8n),
.block-gallery:not(.has-nested-images).columns-1
.blocks-gallery-image:nth-of-type(1n),
.block-gallery:not(.has-nested-images).columns-1
.blocks-gallery-item:nth-of-type(1n),
.block-gallery:not(.has-nested-images).columns-2
.blocks-gallery-image:nth-of-type(2n),
.block-gallery:not(.has-nested-images).columns-2
.blocks-gallery-item:nth-of-type(2n),
.block-gallery:not(.has-nested-images).columns-3
.blocks-gallery-image:nth-of-type(3n),
.block-gallery:not(.has-nested-images).columns-3
.blocks-gallery-item:nth-of-type(3n),
.block-gallery:not(.has-nested-images).columns-4
.blocks-gallery-image:nth-of-type(4n),
.block-gallery:not(.has-nested-images).columns-4
.blocks-gallery-item:nth-of-type(4n),
.block-gallery:not(.has-nested-images).columns-5
.blocks-gallery-image:nth-of-type(5n),
.block-gallery:not(.has-nested-images).columns-5
.blocks-gallery-item:nth-of-type(5n),
.block-gallery:not(.has-nested-images).columns-6
.blocks-gallery-image:nth-of-type(6n),
.block-gallery:not(.has-nested-images).columns-6
.blocks-gallery-item:nth-of-type(6n),
.block-gallery:not(.has-nested-images).columns-7
.blocks-gallery-image:nth-of-type(7n),
.block-gallery:not(.has-nested-images).columns-7
.blocks-gallery-item:nth-of-type(7n),
.block-gallery:not(.has-nested-images).columns-8
.blocks-gallery-image:nth-of-type(8n),
.block-gallery:not(.has-nested-images).columns-8
.blocks-gallery-item:nth-of-type(8n) {
margin-right: 0;
}
}
@media (min-width: 600px) {
.block-gallery.has-nested-images.columns-3
figure.block-image:not(#individual-image) {
width: calc(33.33333% - var(--style--unstable-gallery-gap, 16px) * 0.66667);
}
.block-gallery.has-nested-images.columns-4
figure.block-image:not(#individual-image) {
width: calc(25% - var(--style--unstable-gallery-gap, 16px) * 0.75);
}
.block-gallery.has-nested-images.columns-5
figure.block-image:not(#individual-image) {
width: calc(20% - var(--style--unstable-gallery-gap, 16px) * 0.8);
}
.block-gallery.has-nested-images.columns-6
figure.block-image:not(#individual-image) {
width: calc(16.66667% - var(--style--unstable-gallery-gap, 16px) * 0.83333);
}
.block-gallery.has-nested-images.columns-7
figure.block-image:not(#individual-image) {
width: calc(14.28571% - var(--style--unstable-gallery-gap, 16px) * 0.85714);
}
.block-gallery.has-nested-images.columns-8
figure.block-image:not(#individual-image) {
width: calc(12.5% - var(--style--unstable-gallery-gap, 16px) * 0.875);
}
.block-gallery.has-nested-images.columns-default
figure.block-image:not(#individual-image) {
width: calc(33.33% - var(--style--unstable-gallery-gap, 16px) * 0.66667);
}
.block-gallery.has-nested-images.columns-default
figure.block-image:not(#individual-image):first-child:nth-last-child(2),
.block-gallery.has-nested-images.columns-default
figure.block-image:not(#individual-image):first-child:nth-last-child(2)
~ figure.block-image:not(#individual-image) {
width: calc(50% - var(--style--unstable-gallery-gap, 16px) * 0.5);
}
.block-gallery.has-nested-images.columns-default
figure.block-image:not(#individual-image):first-child:last-child {
width: 100%;
}
}
@media not (prefers-reduced-motion) {
.block-image img.hide {
visibility: hidden;
}
.block-image img.show {
animation: show-content-image 0.4s;
}
}
@media not (prefers-reduced-motion) {
.lightbox-overlay.active {
animation: turn-on-visibility 0.25s both;
}
.lightbox-overlay.active img {
animation: turn-on-visibility 0.35s both;
}
.lightbox-overlay.show-closing-animation:not(.active) {
animation: turn-off-visibility 0.35s both;
}
.lightbox-overlay.show-closing-animation:not(.active) img {
animation: turn-off-visibility 0.25s both;
}
.lightbox-overlay.zoom.active {
animation: none;
opacity: 1;
visibility: visible;
}
.lightbox-overlay.zoom.active .lightbox-image-container {
animation: lightbox-zoom-in 0.4s;
}
.lightbox-overlay.zoom.active .lightbox-image-container img {
animation: none;
}
.lightbox-overlay.zoom.active .scrim {
animation: turn-on-visibility 0.4s forwards;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active) {
animation: none;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active)
.lightbox-image-container {
animation: lightbox-zoom-out 0.4s;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active)
.lightbox-image-container
img {
animation: none;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim {
animation: turn-off-visibility 0.4s forwards;
}
}
@keyframes show-content-image {
0% {
visibility: hidden;
}
99% {
visibility: hidden;
}
to {
visibility: visible;
}
}
@keyframes turn-on-visibility {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes turn-off-visibility {
0% {
opacity: 1;
visibility: visible;
}
99% {
opacity: 0;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes lightbox-zoom-in {
0% {
transform: translate(
calc(
(-100vw + var(--lightbox-scrollbar-width)) / 2 +
var(--lightbox-initial-left-position)
),
calc(-50vh + var(--lightbox-initial-top-position))
)
scale(var(--lightbox-scale));
}
to {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes lightbox-zoom-out {
0% {
transform: translate(-50%, -50%) scale(1);
visibility: visible;
}
99% {
visibility: visible;
}
to {
transform: translate(
calc(
(-100vw + var(--lightbox-scrollbar-width)) / 2 +
var(--lightbox-initial-left-position)
),
calc(-50vh + var(--lightbox-initial-top-position))
)
scale(var(--lightbox-scale));
visibility: hidden;
}
}
@media (min-width: 600px) {
.block-latest-posts.columns-2 li {
width: calc(50% - 0.625em);
}
.block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0;
}
.block-latest-posts.columns-3 li {
width: calc(33.33333% - 0.83333em);
}
.block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0;
}
.block-latest-posts.columns-4 li {
width: calc(25% - 0.9375em);
}
.block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0;
}
.block-latest-posts.columns-5 li {
width: calc(20% - 1em);
}
.block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0;
}
.block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em);
}
.block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0;
}
}
@media (max-width: 600px) {
.block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.block-media-text.is-stacked-on-mobile > .block-media-text__media {
grid-column: 1;
grid-row: 1;
}
.block-media-text.is-stacked-on-mobile > .block-media-text__content {
grid-column: 1;
grid-row: 2;
}
}
@media (min-width: 782px) {
.block-navigation
.has-child
.block-navigation__submenu-container
.block-navigation__submenu-container {
left: 100%;
top: -1px;
}
.block-navigation
.has-child
.block-navigation__submenu-container
.block-navigation__submenu-container:before {
background: #0000;
content: "";
display: block;
height: 100%;
position: absolute;
right: 100%;
width: 0.5em;
}
.block-navigation
.has-child
.block-navigation__submenu-container
.block-navigation__submenu-icon {
margin-right: 0.25em;
}
.block-navigation
.has-child
.block-navigation__submenu-container
.block-navigation__submenu-icon
svg {
transform: rotate(-90deg);
}
}
@keyframes overlay-menu__fade-in-animation {
0% {
opacity: 0;
transform: translateY(0.5em);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 600px) {
.block-navigation__responsive-container:not(.hidden-by-default):not(
.is-menu-open
) {
background-color: inherit;
display: block;
position: relative;
width: 100%;
z-index: auto;
}
.block-navigation__responsive-container:not(.hidden-by-default):not(
.is-menu-open
)
.block-navigation__responsive-container-close {
display: none;
}
.block-navigation__responsive-container.is-menu-open
.block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container {
left: 0;
}
}
@media (min-width: 600px) {
.block-post-template.is-flex-container.is-flex-container.columns-2 > li {
width: calc(50% - 0.625em);
}
.block-post-template.is-flex-container.is-flex-container.columns-3 > li {
width: calc(33.33333% - 0.83333em);
}
.block-post-template.is-flex-container.is-flex-container.columns-4 > li {
width: calc(25% - 0.9375em);
}
.block-post-template.is-flex-container.is-flex-container.columns-5 > li {
width: calc(20% - 1em);
}
.block-post-template.is-flex-container.is-flex-container.columns-6 > li {
width: calc(16.66667% - 1.04167em);
}
}
@media (min-width: 600px) {
ul.block-rss.columns-2 li {
width: calc(50% - 1em);
}
ul.block-rss.columns-3 li {
width: calc(33.33333% - 1em);
}
ul.block-rss.columns-4 li {
width: calc(25% - 1em);
}
ul.block-rss.columns-5 li {
width: calc(20% - 1em);
}
ul.block-rss.columns-6 li {
width: calc(16.66667% - 1em);
}
}
@media not (prefers-reduced-motion) {
.block-image img.hide {
visibility: hidden;
}
.block-image img.show {
animation: show-content-image 0.4s;
}
}
@media not (prefers-reduced-motion) {
.lightbox-overlay.active {
animation: turn-on-visibility 0.25s both;
}
.lightbox-overlay.active img {
animation: turn-on-visibility 0.35s both;
}
.lightbox-overlay.show-closing-animation:not(.active) {
animation: turn-off-visibility 0.35s both;
}
.lightbox-overlay.show-closing-animation:not(.active) img {
animation: turn-off-visibility 0.25s both;
}
.lightbox-overlay.zoom.active {
animation: none;
opacity: 1;
visibility: visible;
}
.lightbox-overlay.zoom.active .lightbox-image-container {
animation: lightbox-zoom-in 0.4s;
}
.lightbox-overlay.zoom.active .lightbox-image-container img {
animation: none;
}
.lightbox-overlay.zoom.active .scrim {
animation: turn-on-visibility 0.4s forwards;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active) {
animation: none;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active)
.lightbox-image-container {
animation: lightbox-zoom-out 0.4s;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active)
.lightbox-image-container
img {
animation: none;
}
.lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim {
animation: turn-off-visibility 0.4s forwards;
}
}
@keyframes show-content-image {
0% {
visibility: hidden;
}
99% {
visibility: hidden;
}
to {
visibility: visible;
}
}
@keyframes turn-on-visibility {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes turn-off-visibility {
0% {
opacity: 1;
visibility: visible;
}
99% {
opacity: 0;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes lightbox-zoom-in {
0% {
transform: translate(
calc(
(-100vw + var(--lightbox-scrollbar-width)) / 2 +
var(--lightbox-initial-left-position)
),
calc(-50vh + var(--lightbox-initial-top-position))
)
scale(var(--lightbox-scale));
}
to {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes lightbox-zoom-out {
0% {
transform: translate(-50%, -50%) scale(1);
visibility: visible;
}
99% {
visibility: visible;
}
to {
transform: translate(
calc(
(-100vw + var(--lightbox-scrollbar-width)) / 2 +
var(--lightbox-initial-left-position)
),
calc(-50vh + var(--lightbox-initial-top-position))
)
scale(var(--lightbox-scale));
visibility: hidden;
}
}
/* inline */
.contact-form .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;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
/* inline */
.flip-clock-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
@-webkit-keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-moz-keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-o-keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@keyframes asd {
0% {
z-index: 2;
}
20% {
z-index: 4;
}
100% {
z-index: 4;
}
}
@-webkit-keyframes turn {
0% {
-webkit-transform: rotateX(90deg);
}
100% {
-webkit-transform: rotateX(0deg);
}
}
@-moz-keyframes turn {
0% {
-moz-transform: rotateX(90deg);
}
100% {
-moz-transform: rotateX(0deg);
}
}
@-o-keyframes turn {
0% {
-o-transform: rotateX(90deg);
}
100% {
-o-transform: rotateX(0deg);
}
}
@keyframes turn {
0% {
transform: rotateX(90deg);
}
100% {
transform: rotateX(0deg);
}
}
@-webkit-keyframes turn2 {
0% {
-webkit-transform: rotateX(0deg);
}
100% {
-webkit-transform: rotateX(-90deg);
}
}
@-moz-keyframes turn2 {
0% {
-moz-transform: rotateX(0deg);
}
100% {
-moz-transform: rotateX(-90deg);
}
}
@-o-keyframes turn2 {
0% {
-o-transform: rotateX(0deg);
}
100% {
-o-transform: rotateX(-90deg);
}
}
@keyframes turn2 {
0% {
transform: rotateX(0deg);
}
100% {
transform: rotateX(-90deg);
}
}
@-webkit-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* inline */
.flip-clock-wrapper ul li {
line-height: 87px;
}
@media (max-width: 767px) {
.flip-clock-wrapper {
margin: 0 auto;
display: block;
}
.flip-clock-wrapper ul {
height: 50px;
line-height: 50px;
}
.flip-clock-wrapper ul li {
line-height: 50px;
}
.flip-clock-wrapper ul li a div.up:after {
top: 24px;
}
.flip-clock-divider {
height: 50px;
}
.flip-clock-dot {
height: 6px;
width: 6px;
left: 7px;
}
.flip-clock-dot.top {
top: 17px;
}
.flip-clock-dot.bottom {
bottom: 8px;
}
.flip-clock-divider .flip-clock-label {
font-size: 16px;
}
.flip-clock-divider.hours .flip-clock-label {
right: -66px;
}
.flip-clock-divider.minutes .flip-clock-label {
right: -78px;
}
.flip-clock-divider.seconds .flip-clock-label {
right: -78px;
}
.flip-clock-wrapper ul {
width: 37px;
}
.flip-clock-wrapper ul li a div div.inn {
font-size: 30px;
}
}
/* inline */
@media not (prefers-reduced-motion) {
.components-animate__appear {
animation: components-animate__appear-animation 0.1s
cubic-bezier(0, 0, 0.2, 1) 0s;
animation-fill-mode: forwards;
}
}
@keyframes components-animate__appear-animation {
0% {
transform: translateY(-2em) scaleY(0) scaleX(0);
}
to {
transform: translateY(0) scaleY(1) scaleX(1);
}
}
@media not (prefers-reduced-motion) {
.components-animate__slide-in {
animation: components-animate__slide-in-animation 0.1s
cubic-bezier(0, 0, 0.2, 1);
animation-fill-mode: forwards;
}
.components-animate__slide-in.is-from-left {
transform: translateX(100%);
}
.components-animate__slide-in.is-from-right {
transform: translateX(-100%);
}
}
@keyframes components-animate__loading {
0% {
opacity: 0.5;
}
50% {
opacity: 1;
}
to {
opacity: 0.5;
}
}
@keyframes slide-in-left {
0% {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes slide-in-right {
0% {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes slide-out-left {
0% {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes slide-out-right {
0% {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes __wp-base-styles-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes __wp-base-styles-fade-out {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@media (min-width: 600px) {
.components-modal__frame.has-size-large,
.components-modal__frame.has-size-medium,
.components-modal__frame.has-size-small {
width: 100%;
}
.components-modal__frame.has-size-small {
max-width: 384px;
}
.components-modal__frame.has-size-medium {
max-width: 512px;
}
.components-modal__frame.has-size-large {
max-width: 840px;
}
}
@keyframes components-modal__appear-animation {
0% {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes components-modal__disappear-animation {
0% {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0.9);
}
}
@media not (prefers-reduced-motion) {
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s;
animation-fill-mode: forwards;
}
.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before {
animation: components-resizable-box__left-right-animation 0.1s ease-out 0s;
animation-fill-mode: forwards;
}
}
@keyframes components-resizable-box__top-bottom-animation {
0% {
opacity: 0;
transform: scaleX(0);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
@keyframes components-resizable-box__left-right-animation {
0% {
opacity: 0;
transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
}
}
@keyframes components-button__appear-animation {
0% {
transform: scaleY(0);
}
to {
transform: scaleY(1);
}
}
@keyframes components-validated-control__indicator-jump {
0% {
opacity: 0;
transform: translateY(-4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* inline */
#topbar > .godaddy-styles *,
.godaddy-styles * {
font-family:
GD Sherpa,
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
line-height: 1.4;
}
/* inline */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
margin: 0;
padding: 0;
border: 0;
}
@media (max-width: 768px) {
.hide-on-mobile {
display: none !important;
}
a,
body,
button,
input,
select,
textarea {
transition: all 0s ease-in-out;
}
.inside-header {
flex-direction: column;
text-align: center;
}
.site-header .header-widget {
margin-top: 1.5em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.site-content {
flex-direction: column;
}
.container .site-content .content-area {
width: auto;
}
.is-left-sidebar.sidebar,
.is-right-sidebar.sidebar {
width: auto;
order: initial;
}
.is-left-sidebar + .is-right-sidebar .inside-right-sidebar {
margin-top: 0;
}
.both-left .inside-left-sidebar,
.both-left .inside-right-sidebar,
.both-right .inside-left-sidebar,
.both-right .inside-right-sidebar {
margin-right: 0;
margin-left: 0;
}
#main {
margin-left: 0;
margin-right: 0;
}
body:not(.no-sidebar) #main {
margin-bottom: 0;
}
.alignleft,
.alignright {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
.comment .children {
padding-left: 10px;
margin-left: 0;
}
.entry-meta {
font-size: inherit;
}
.entry-meta a {
line-height: 1.8em;
}
}
@media (max-width: 768px) {
.main-navigation .menu-toggle,
.sidebar-nav-mobile:not(#sticky-placeholder) {
display: block;
}
.main-navigation ul,
.gen-sidebar-nav,
.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,
.has-inline-mobile-toggle
#site-navigation
.inside-navigation
> *:not(.navigation-search):not(.main-nav) {
display: none;
}
.nav-align-right .inside-navigation,
.nav-align-center .inside-navigation {
justify-content: space-between;
}
.has-inline-mobile-toggle .mobile-menu-control-wrapper {
display: flex;
flex-wrap: wrap;
}
.has-inline-mobile-toggle .inside-header {
flex-direction: row;
text-align: left;
flex-wrap: wrap;
}
.has-inline-mobile-toggle .header-widget,
.has-inline-mobile-toggle #site-navigation {
flex-basis: 100%;
}
.nav-float-left .has-inline-mobile-toggle #site-navigation {
order: 10;
}
}
@keyframes rotate-forever {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes spinner-loader {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@media only screen and (min-width: 1024px) {
.pum-container.pum-responsive.pum-responsive-nano {
margin-left: -5%;
width: 10%;
}
.pum-container.pum-responsive.pum-responsive-micro {
margin-left: -10%;
width: 20%;
}
.pum-container.pum-responsive.pum-responsive-tiny {
margin-left: -15%;
width: 30%;
}
.pum-container.pum-responsive.pum-responsive-small {
margin-left: -20%;
width: 40%;
}
.pum-container.pum-responsive.pum-responsive-medium {
margin-left: -30%;
width: 60%;
}
.pum-container.pum-responsive.pum-responsive-normal {
margin-left: -30%;
width: 70%;
}
.pum-container.pum-responsive.pum-responsive-large {
margin-left: -35%;
width: 80%;
}
.pum-container.pum-responsive.pum-responsive-xlarge {
margin-left: -47.5%;
width: 95%;
}
.pum-container.pum-responsive.pum-position-fixed {
position: fixed;
}
}
@supports not (color: var(--preset--color--contrast)) {
.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta {
background-color: #1e1e1e;
color: #fff;
}
.pum-cta-wrapper.is-style-outline .pum-cta,
.pum-cta-wrapper.is-style-text-only .pum-cta {
color: inherit;
}
}
/* inline */
body {
background-color: #ffffff;
}
@media (max-width: 768px) {
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
padding: 96px 24px 96px 24px;
}
.site-main .block-group__inner-container {
padding: 96px 24px 96px 24px;
}
.inside-top-bar {
padding-right: 30px;
padding-left: 30px;
}
.inside-header {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
}
.widget-area .widget {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.footer-widgets-container {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.inside-site-info {
padding-right: 30px;
padding-left: 30px;
}
.entry-content .alignwide,
body:not(.no-sidebar) .entry-content .alignfull {
margin-left: -24px;
width: calc(100% + 48px);
max-width: calc(100% + 48px);
}
.one-container .site-main .paging-navigation {
margin-bottom: 0px;
}
}
@media (max-width: 768px) {
.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items a,
.main-navigation .menu-bar-item > a {
padding-left: 24px;
padding-right: 24px;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items a,
.main-navigation .menu-bar-item > a {
line-height: 60px;
}
.main-navigation .site-logo.navigation-logo img,
.mobile-header-navigation .site-logo.mobile-header-logo img,
.navigation-search input[type="search"] {
height: 60px;
}
}
/* inline */
:root {
--brand: #1dd7ff;
--brand-strong: #00a2c7;
--brand-deep: #009eaf;
--brand-accent: #61f1ff;
--brand-soft: #90d3e1;
--brand-rgb: 29, 215, 255;
--brand-soft-rgb: 144, 211, 225;
--brand-deep-rgb: 0, 158, 175;
--surface-0: #020617;
--surface-1: #050b1b;
--surface-2: #07152b;
--surface-3: #ffffff;
--surface-glass: rgba(15, 23, 42, 0.78);
--surface-glass-soft: rgba(15, 23, 42, 0.55);
--surface-light: #ecf4f6;
--surface-inputs: #f8fbfc;
--surface-0-rgb: 2, 6, 23;
--surface-1-rgb: 5, 11, 27;
--surface-2-rgb: 7, 21, 43;
--ink: #f9fafb;
--ink-soft: #cbd5f5;
--ink-muted: #8b97b4;
--color-text: var(--ink);
--color-text-muted: var(--ink-muted);
--ink-inverse: #00223c;
--ink-inverse-muted: rgba(2, 6, 23, 0.7);
--color-text-inverse: var(--ink-inverse);
--color-text-muted-on-light: var(--ink-inverse-muted);
--color-bg-page: var(--surface-0);
--color-bg-hero: var(--surface-1);
--color-bg-card: var(--surface-2);
--color-bg-page-light: var(--surface-light);
--color-bg-card-white: var(--surface-3);
--color-page-text: var(--color-text);
--color-hero-text: var(--color-text);
--color-card-text: var(--color-text);
--color-page-light-text: var(--color-text-inverse);
--border-subtle: #1e293b;
--border-strong: #38bdf8;
--border-glow: rgba(56, 189, 248, 0.7);
--border-glass: rgba(148, 163, 184, 0.35);
--color-border-subtle: var(--border-subtle);
--color-border-strong: var(--border-strong);
--color-link: var(--brand);
--color-link-hover: var(--brand-strong);
--color-link-visited: var(--brand-accent);
--accent-magenta: #9e2079;
--accent-magenta-soft: #f472b6;
--accent-teal-soft: #5eead4;
--color-header-bg: transparent;
--color-header-text: var(--ink-strong);
--color-header-chip-bg: radial-gradient(
circle at 0% 0%,
rgba(105, 255, 255, 0.16),
transparent 55%
)
rgba(255, 255, 255, 0.02);
--color-header-chip-bg-hover: linear-gradient(
135deg,
rgba(17, 209, 255, 0.1),
rgba(68, 244, 255, 0.1)
);
--btn-primary-bg: var(--brand);
--btn-primary-bg-hover: var(--brand-strong);
--btn-primary-text: #020617;
--btn-primary-border: transparent;
--btn-primary-bg-disabled: rgba(29, 215, 255, 0.4);
--btn-primary-text-disabled: rgba(15, 23, 42, 0.65);
--btn-secondary-bg: transparent;
--btn-secondary-bg-hover: rgba(15, 23, 42, 0.9);
--btn-secondary-border: var(--border-strong);
--btn-secondary-text: var(--ink);
--btn-secondary-text-hover: var(--ink-strong);
--badge-pill-bg: rgba(15, 23, 42, 0.85);
--badge-pill-border: rgba(148, 163, 184, 0.45);
--badge-pill-text: var(--ink-soft);
--banner-main-gradient-start: rgba(var(--brand-soft-rgb), 0.12);
--banner-main-gradient-end: rgba(var(--brand-rgb), 0.22);
--banner-main-text: var(--ink-strong);
--section-promo-bg: radial-gradient(
circle at 0 0,
rgba(94, 234, 212, 0.14),
transparent 65%
);
--section-info-bg: radial-gradient(
circle at 100% 0,
rgba(148, 163, 184, 0.2),
transparent 65%
);
--font-head:
"Inter Tight", system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial,
sans-serif;
--font-body:
"Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--fs-base: 1.5rem;
--fs-body: clamp(1.5rem, 0.35vw + 0.95rem, 1.8rem);
--fw-heading: 700;
--fw-body: 400;
--fw-subtitle: 600;
--fw-label: 500;
--fw-strong: 600;
--fw-extra-strong: 800;
--lh-h1: 1.1;
--lh-h2: 1.15;
--lh-h3: 1.2;
--lh-body: 1.75;
--lh-body-small: 1.5;
--track-tight: -0.01em;
--track-tighter: -0.015em;
--track-body: 0.01em;
--rad-base: 0.6rem;
--rad-modal: 1.125rem;
--rad-card: 1.5rem;
--rad-pill: 9999px;
}
@media (max-width: 480px) {
h1,
.h1,
.entry-title {
font-size: clamp(2.9rem, 7.2vw, 3.6rem);
line-height: var(--lh-h1);
}
h2,
.h2 {
font-size: clamp(2.3rem, 5.4vw, 2.9rem);
line-height: var(--lh-h2);
}
h3,
.h3 {
font-size: clamp(1.9rem, 4.3vw, 2.3rem);
line-height: var(--lh-h3);
}
h4,
.h4 {
font-size: clamp(1.5rem, 3.3vw, 1.8rem);
line-height: 1.25;
}
h5,
.h5 {
font-size: clamp(1.2rem, 2.4vw, 1.4rem);
line-height: 1.3;
}
}
@media (max-width: 480px) {
h1.scale-large {
font-size: clamp(2.8rem, 8vw, 3.6rem);
line-height: var(--lh-h1);
}
h2.scale-large {
font-size: clamp(2.3rem, 7vw, 2.8rem);
line-height: var(--lh-h2);
margin-bottom: 9px;
}
h3.scale-large {
font-size: clamp(1.9rem, 5.8vw, 2.3rem);
line-height: var(--lh-h3);
margin-bottom: 11px;
}
.h4.subtitle {
font-size: clamp(1.2rem, 2.4vw, 1.4rem);
}
}
@media (max-width: 1024px) {
.hero-header::before {
width: 100%;
height: 220px;
left: 0;
top: -40px;
background-size: 100% auto;
}
.hero-header::after {
width: 60%;
height: 220px;
right: 0;
bottom: -100px;
background-size: 100% auto;
}
body:not(.home) .header-wrap .site-header::before {
width: 50vw;
left: 0;
top: 0;
}
body:not(.home) .header-wrap .site-header::after {
width: 50vw;
height: 350px;
right: 0;
bottom: -180px;
}
.subsections::before {
width: 80%;
height: 260px;
left: 0;
top: -120px;
background-size: 100% auto;
background-position: calc(0% - 150px) 0;
}
.s-footer::before {
width: 80%;
height: 260px;
left: 0;
top: -70px;
background-size: 100% auto;
background-position: calc(0% - 150px) 0;
}
.subsections::after {
width: 55vw;
height: 220px;
right: 0;
bottom: -150px;
background-size: 100% auto;
}
}
@media (max-width: 480px) {
.hero-header::after {
width: 75%;
height: 220px;
right: 0;
bottom: -120px;
background-size: 100% auto;
opacity: 0.4;
}
body:not(.home) .header-wrap .site-header::before {
width: 80vw;
}
body:not(.home) .header-wrap .site-header::after {
width: 80vw;
bottom: -200px;
}
.subsections::before {
width: 90vw;
height: 260px;
top: -150px;
background-size: 100% auto;
left: 0;
background-position: calc(0% - 150px) 0;
opacity: 0.4;
}
.subsections::after {
width: 60vw;
height: 220px;
right: 0;
bottom: -180px;
background-size: 100% auto;
}
.s-footer::before {
width: 100%;
height: 260px;
left: 0;
top: -70px;
background-size: 100% auto;
background-position: calc(0% - 150px) 0;
}
}
@keyframes hero-header-wave-top {
0%,
100% {
transform: translate(0, 0);
opacity: 0.5;
}
50% {
transform: translate(-14px, 8px);
opacity: 0.5;
}
}
@keyframes hero-header-wave-bottom {
0%,
100% {
transform: translateY(0);
opacity: 0.5;
}
50% {
transform: translateY(8px);
opacity: 0.5;
}
}
.ptx-feature-cards__inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.75rem;
z-index: 3;
}
@media (max-width: 768px) {
.mbt-testimonial.slick-slide {
padding: 1.25rem 1.5rem;
}
.mbt-testimonial.slick-slide .mbt-quote {
font-size: 2.3rem;
top: 0.8rem;
left: 1.6rem;
}
}
@media (max-width: 1024px) {
.agents-grid {
grid-template-columns: 1fr;
gap: 24px;
margin-top: 48px;
}
.agent-column.middle {
margin-block: 2rem;
}
.agents-grid .agent-card {
height: 160px;
}
}
@media (max-width: 768px) {
.job-card {
flex-direction: column;
align-items: flex-start;
}
.job-card__actions {
align-self: stretch;
justify-content: flex-start;
}
.jobs-list .job-card__apply-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 768px) {
.faq-accordion .gb-accordion__toggle {
padding-inline: 1.1rem;
}
.faq-accordion .gb-accordion__content {
padding-inline: 1.1rem;
}
}
@media (max-width: 480px) {
.job-modal__form {
padding-right: 1rem;
padding-left: 0.5rem;
}
.job-modal__dialog {
margin: 1rem;
padding: 1.5rem 0 1.75rem 0;
}
}
@media (min-width: 120px) {
.header-wrap {
--wilder-header-max-width: 1440px;
--wilder-header-padding-x: 32px;
--wilder-header-padding-y: 18px;
--menu-items-distance-from-left: 150px;
}
.header-wrap .gb-site-header-3fc75499 {
max-width: var(--wilder-header-max-width);
width: 100%;
margin-inline: auto;
padding: var(--wilder-header-padding-y) var(--wilder-header-padding-x);
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--menu-items-distance-from-left);
}
.header-wrap .gb-site-header-3fc75499 > .gb-navigation-760edafb {
flex: 1 1 auto;
min-width: 0;
width: auto;
padding-left: 0;
display: flex;
align-items: center;
}
}
@keyframes h1Shimmer {
0% {
background-position:
0 0,
15% 35%;
}
50% {
background-position:
0 0,
85% 35%;
}
100% {
background-position:
0 0,
15% 35%;
}
}
@media (max-width: 1024px) {
.header-wrap {
--wilder-header-max-width: 1440px;
--wilder-header-padding-x: 15px;
--wilder-header-padding-y: 18px;
--menu-items-distance-from-left: 50px;
}
.header-wrap .gb-site-header-3fc75499 {
max-width: var(--wilder-header-max-width);
width: 100%;
margin-inline: auto;
padding: var(--wilder-header-padding-y) var(--wilder-header-padding-x);
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--menu-items-distance-from-left);
}
.header-wrap .gb-site-header-3fc75499 > .gb-navigation-760edafb {
flex: 1 1 auto;
min-width: 0;
width: auto;
padding-left: 0;
display: flex;
align-items: right;
float: right;
}
.header-wrap .primary-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.8rem rem;
border-radius: var(--rad-modal);
text-decoration: none;
text-transform: none;
color: #fff;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
transition:
transform 160ms ease-out,
box-shadow 180ms ease-out,
filter 180ms ease-out,
background-position 220ms ease-out;
font-size: 12px;
font-size: 16px;
}
}
@media (max-width: 768px) {
.gb-site-header.gb-site-header-3fc75499
.gb-menu-toggle.gb-menu-toggle-413f8894 {
margin-left: auto;
}
.gb-menu-toggle:not(.gb-menu-toggle--toggled) {
border-radius: 5px;
background: radial-gradient(
circle at 90% 20%,
rgb(var(--brand-soft-rgb)),
rgb(var(--brand-deep-rgb))
);
background-size: 140% 140%;
background-position: 85% 20%;
box-shadow:
0 8px 22px rgb(34 211 238 / 0.35),
0 0 0 1px rgb(255 255 255 / 0.06);
}
img.offcanvas-logo {
display: block;
max-width: 80px;
margin: 15px 0 0 15px;
}
.header-wrap .menu-mobile-items {
margin-top: 40px;
}
p.text-beneat-headlines {
font-size: 20px;
}
img.header-weaver-pattern {
position: absolute;
width: 300px;
top: -70px;
left: -50px;
}
img.header-weaver-2-pattern {
position: absolute;
right: -292px;
top: -30px;
}
h1.temph1 {
font-size: 2.5rem;
}
h2.temph2 {
font-size: 2rem;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a {
position: relative;
display: block;
padding-bottom: 20px;
}
.gb-menu-container--mobile.gb-menu-container--toggled > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgb(255 255 255 / 0.1);
}
.gb-menu-toggle.gb-menu-toggle--toggled {
background: none;
box-shadow: none;
border-radius: 0;
}
nav.gb-navigation .gb-menu-container {
background: rgb(0 58 82 / 0.8);
background: rgb(5 11 27 / 0.97);
padding: 10px;
}
.header-wrap .primary-btn {
display: none;
}
}
@media (max-width: 1024px) {
.stat-section-wrapper .stats-section {
padding: 10px 25px;
}
.stat-section-wrapper .stats-grid {
grid-template-columns: 1fr;
}
.stat-section-wrapper .stat-card {
flex-direction: row;
align-items: center;
text-align: center;
}
.stat-section-wrapper .progress-circle {
width: 100px;
height: 100px;
}
}
@media (max-width: 480px) {
.stat-section-wrapper .stats-section {
padding: 20px 0;
}
.about-info-block {
padding: 90;
}
.about-info-block .info-block__body {
padding-left: 0;
}
.about-info-block .info-block__title {
font-size: clamp(1.5rem, 3.3vw, 1.8rem);
line-height: 1.25;
}
.stat-section-wrapper .stat-content {
flex: 1;
padding-top: 0;
}
.stat-section-wrapper .info-block__title {
font-size: clamp(1.5rem, 3.3vw, 1.8rem);
line-height: 1.25;
margin: 0;
padding: 3rem 0 0 1rem;
}
}
@media (max-width: 1024px) {
.about-wheel-section {
flex-direction: column;
align-items: stretch;
}
.about-wheel-section .half_text {
justify-content: flex-start;
}
.about-wheel-section .half_img {
justify-content: center;
margin-top: 18px;
}
.about-wheel-section .half_img img {
width: min(460px, 92vw);
height: auto;
}
}
/* inline */
.gbp-section {
padding: 9rem 2rem;
}
/* inline */
.gb-menu--base :where(.menu-item) .gb-menu-link {
color: inherit;
}
/* inline */
:root {
--gb-container-width: 1200px;
}