:root { --wp--preset--color--arde-v-2-white:      #FFFAF8;
--wp--preset--color--arde-v-2-black:      #0A090C;
--wp--preset--color--arde-v-2-cream:      #F7F0DF;
--wp--preset--color--arde-v-2-foreground: #A7A192;
--wp--preset--color--arde-v-2-warm-1:     #FA0B57;
--wp--preset--color--arde-v-2-warm-2:     #FF677E;
--wp--preset--color--arde-v-2-cold-1:     #017FFD;
--wp--preset--color--arde-v-2-cold-2:     #6596FF;
--wp--preset--color--arde-v-2-primary-3:  #E2FAFF; --wp--preset--spacing--arde-v-2-30: 16px;
--wp--preset--spacing--arde-v-2-40: 24px;
--wp--preset--spacing--arde-v-2-50: 36px;
--wp--preset--spacing--arde-v-2-60: 56px;
--wp--preset--spacing--arde-v-2-70: 84px;
--wp--preset--spacing--arde-v-2-80: 120px;
--wp--preset--spacing--arde-v-2-90: 160px; --wp--preset--font-family--arde-v-2-anton:   "Anton", sans-serif;
--wp--preset--font-family--arde-v-2-raleway: "Raleway", sans-serif; --wp--preset--font-size--arde-v-2-small:    12px;
--wp--preset--font-size--arde-v-2-medium:   18px;
--wp--preset--font-size--arde-v-2-large:    24px;
--wp--preset--font-size--arde-v-2-x-large:  20px;
--wp--preset--font-size--arde-v-2-xx-large: 30px;
--wp--preset--font-size--arde-v-2-display:  50px;
--wp--preset--font-size--arde-v-2-huge:     80px;
}  .has-arde-v-2-white-color            { color: var(--wp--preset--color--arde-v-2-white) !important; }
.has-arde-v-2-white-background-color { background-color: var(--wp--preset--color--arde-v-2-white) !important; }
.has-arde-v-2-white-border-color     { border-color: var(--wp--preset--color--arde-v-2-white) !important; }
.has-arde-v-2-black-color            { color: var(--wp--preset--color--arde-v-2-black) !important; }
.has-arde-v-2-black-background-color { background-color: var(--wp--preset--color--arde-v-2-black) !important; }
.has-arde-v-2-black-border-color     { border-color: var(--wp--preset--color--arde-v-2-black) !important; }
.has-arde-v-2-cream-color            { color: var(--wp--preset--color--arde-v-2-cream) !important; }
.has-arde-v-2-cream-background-color { background-color: var(--wp--preset--color--arde-v-2-cream) !important; }
.has-arde-v-2-cream-border-color     { border-color: var(--wp--preset--color--arde-v-2-cream) !important; }
.has-arde-v-2-foreground-color            { color: var(--wp--preset--color--arde-v-2-foreground) !important; }
.has-arde-v-2-foreground-background-color { background-color: var(--wp--preset--color--arde-v-2-foreground) !important; }
.has-arde-v-2-foreground-border-color     { border-color: var(--wp--preset--color--arde-v-2-foreground) !important; }
.has-arde-v-2-warm-1-color            { color: var(--wp--preset--color--arde-v-2-warm-1) !important; }
.has-arde-v-2-warm-1-background-color { background-color: var(--wp--preset--color--arde-v-2-warm-1) !important; }
.has-arde-v-2-warm-1-border-color     { border-color: var(--wp--preset--color--arde-v-2-warm-1) !important; }
.has-arde-v-2-warm-2-color            { color: var(--wp--preset--color--arde-v-2-warm-2) !important; }
.has-arde-v-2-warm-2-background-color { background-color: var(--wp--preset--color--arde-v-2-warm-2) !important; }
.has-arde-v-2-warm-2-border-color     { border-color: var(--wp--preset--color--arde-v-2-warm-2) !important; }
.has-arde-v-2-cold-1-color            { color: var(--wp--preset--color--arde-v-2-cold-1) !important; }
.has-arde-v-2-cold-1-background-color { background-color: var(--wp--preset--color--arde-v-2-cold-1) !important; }
.has-arde-v-2-cold-1-border-color     { border-color: var(--wp--preset--color--arde-v-2-cold-1) !important; }
.has-arde-v-2-cold-2-color            { color: var(--wp--preset--color--arde-v-2-cold-2) !important; }
.has-arde-v-2-cold-2-background-color { background-color: var(--wp--preset--color--arde-v-2-cold-2) !important; }
.has-arde-v-2-cold-2-border-color     { border-color: var(--wp--preset--color--arde-v-2-cold-2) !important; }
.has-arde-v-2-primary-3-color            { color: var(--wp--preset--color--arde-v-2-primary-3) !important; }
.has-arde-v-2-primary-3-background-color { background-color: var(--wp--preset--color--arde-v-2-primary-3) !important; }
.has-arde-v-2-primary-3-border-color     { border-color: var(--wp--preset--color--arde-v-2-primary-3) !important; } .has-arde-v-2-anton-font-family   { font-family: var(--wp--preset--font-family--arde-v-2-anton) !important; }
.has-arde-v-2-raleway-font-family { font-family: var(--wp--preset--font-family--arde-v-2-raleway) !important; } .has-arde-v-2-small-font-size    { font-size: var(--wp--preset--font-size--arde-v-2-small) !important; }
.has-arde-v-2-medium-font-size   { font-size: var(--wp--preset--font-size--arde-v-2-medium) !important; }
.has-arde-v-2-large-font-size    { font-size: var(--wp--preset--font-size--arde-v-2-large) !important; }
.has-arde-v-2-x-large-font-size  { font-size: var(--wp--preset--font-size--arde-v-2-x-large) !important; }
.has-arde-v-2-xx-large-font-size { font-size: var(--wp--preset--font-size--arde-v-2-xx-large) !important; }
.has-arde-v-2-display-font-size  { font-size: var(--wp--preset--font-size--arde-v-2-display) !important; }
.has-arde-v-2-huge-font-size     { font-size: var(--wp--preset--font-size--arde-v-2-huge) !important; } @font-face {
font-family: "Raleway";
src: url(//arde.global/wp-content/plugins/arde-custom/css/fonts/raleway.woff2) format("woff2-variations"),
url(//arde.global/wp-content/plugins/arde-custom/css/fonts/raleway.woff2) format("woff2");
font-weight: 500 800;
font-style: normal;
font-display: swap;
} .wp-block-image img,
.wp-block-image .wp-block-image__inner-container > img,
.wp-block-cover img.wp-block-cover__image-background {
border-radius: 10px;
} .wp-block-cover img.wp-block-cover__image-background {
border-radius: 0;
} .wp-block-button__link {
border: 2px solid #de054a;
border-radius: 16px;
transition: background-color 0.15s ease, border-color 0.15s ease;
} .wp-block-button .wp-block-button__link {
background-color: var(--wp--preset--color--arde-v-2-warm-1);
color: var(--wp--preset--color--arde-v-2-white);
} .wp-block-button:not(.is-style-arde-v-2-secondary-light):not(.is-style-arde-v-2-secondary-dark):not(.is-style-arde-v-2-outlined-secondary-light):not(.is-style-arde-v-2-outlined-secondary-dark) .wp-block-button__link:hover {
background-color: #e6054c !important;
} .wp-block-button.is-style-arde-v-2-secondary-light .wp-block-button__link {
background-color: var(--wp--preset--color--arde-v-2-cream);
border-color: #f4ead2;
color: var(--wp--preset--color--arde-v-2-black);
}
.wp-block-button.is-style-arde-v-2-secondary-light .wp-block-button__link:hover {
background-color: #f2e6ca;
} .wp-block-button.is-style-arde-v-2-secondary-dark .wp-block-button__link {
background-color: var(--wp--preset--color--arde-v-2-black);
border-color: var(--wp--preset--color--arde-v-2-black);
color: var(--wp--preset--color--arde-v-2-white);
}
.wp-block-button.is-style-arde-v-2-secondary-dark .wp-block-button__link:hover {
background-color: rgba(10, 9, 12, 0.8);
} .wp-block-button.is-style-arde-v-2-outlined-secondary-light .wp-block-button__link {
background-color: transparent;
border-color: var(--wp--preset--color--arde-v-2-cream);
color: var(--wp--preset--color--arde-v-2-cream);
}
.wp-block-button.is-style-arde-v-2-outlined-secondary-light .wp-block-button__link:hover {
background-color: #f2e6ca;
border-color: #f4ead2;
color: var(--wp--preset--color--arde-v-2-black);
} .wp-block-button.is-style-arde-v-2-outlined-secondary-dark .wp-block-button__link {
background-color: transparent;
border-color: var(--wp--preset--color--arde-v-2-black);
color: var(--wp--preset--color--arde-v-2-black);
}
.wp-block-button.is-style-arde-v-2-outlined-secondary-dark .wp-block-button__link:hover {
border-color: var(--wp--preset--color--arde-v-2-foreground);
color: var(--wp--preset--color--arde-v-2-foreground);
} .wp-block-button__link.has-arrow::after,
.wp-block-button.has-arrow > .wp-block-button__link::after {
content: "";
display: inline-block;
width: 23px;
height: 12px;
margin-left: 8px;
background-color: currentColor;
-webkit-mask: url(//arde.global/wp-content/plugins/arde-custom/img/arrow-right.svg) center / contain no-repeat;
mask: url(//arde.global/wp-content/plugins/arde-custom/img/arrow-right.svg) center / contain no-repeat;
flex-shrink: 0;
} .arde-v-2-header {
position: fixed;
top: 32px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 2 * var(--wp--preset--spacing--arde-v-2-40));
max-width: 1244px;
z-index: 100;
padding-top: 0;
padding-bottom: 0;
padding-inline: 0 !important;
}
.admin-bar .arde-v-2-header {
top: calc(32px + 32px);
}
@media (max-width: 782px) {
.admin-bar .arde-v-2-header {
top: calc(32px + 46px);
}
}
.arde-v-2-header__bar {
background-color: var(--wp--preset--color--arde-v-2-cream);
border-radius: 30px;
box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
padding: 12px 24px;
gap: 24px;
}
.arde-v-2-header__logo {
display: block;
flex-shrink: 0;
line-height: 0;
}
.arde-v-2-header__logo-svg {
display: block;
height: 46px;
width: auto;
}
.arde-v-2-header__right {
gap: 33.389px;
}
.arde-v-2-nav {
gap: 33.389px;
}
.arde-v-2-nav .wp-block-navigation-item__content {
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-weight: 600;
font-size: 13.356px;
line-height: 1.2;
color: var(--wp--preset--color--arde-v-2-black);
}
.arde-v-2-nav .wp-block-navigation-item__content:hover {
color: var(--wp--preset--color--arde-v-2-warm-1);
}
.arde-v-2-dona-button .wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 40px;
padding: 6px 16px;
}
.arde-v-2-dona-button .wp-block-button__link::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask: url(//arde.global/wp-content/plugins/arde-custom/img/heart.svg) center / contain no-repeat;
mask: url(//arde.global/wp-content/plugins/arde-custom/img/heart.svg) center / contain no-repeat;
}
@media (max-width: 781px) {
.arde-v-2-header {
top: 24px;
width: calc(100% - 28px) !important;
}
.admin-bar .arde-v-2-header {
top: calc(24px + 46px);
}
.arde-v-2-header__bar {
padding: 12px 24px;
gap: 12px;
}
.arde-v-2-header__logo-svg {
height: 40px;
width: 54.78px;
}
.arde-v-2-header__right {
gap: 12px;
}
.arde-v-2-header__cta {
order: 1;
}
.arde-v-2-nav {
order: 2;
}
.arde-v-2-nav .wp-block-navigation__responsive-container-open {
width: 40px;
height: 40px;
background: transparent;
border: 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.arde-v-2-nav .wp-block-navigation__responsive-container-open svg {
display: none;
}
.arde-v-2-nav .wp-block-navigation__responsive-container-open::before {
content: "";
display: block;
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><rect x='0' y='2' width='28' height='4' rx='2' fill='%230A090C'/><rect x='0' y='12' width='28' height='4' rx='2' fill='%230A090C'/><rect x='0' y='22' width='28' height='4' rx='2' fill='%230A090C'/></svg>");
background-size: contain;
background-repeat: no-repeat;
}
.arde-v-2-dona-button .wp-block-button__link {
min-height: 40px;
padding: 6px 14px;
font-size: 14px;
gap: 6px;
}
.arde-v-2-dona-button .wp-block-button__link::before {
width: 18px;
height: 18px;
}
} .arde-v-2-footer {
padding-top: 100px;
padding-bottom: 50px;
}
.arde-v-2-footer > * {
margin-block: 0;
}
.arde-v-2-footer > * + * {
margin-top: 50px;
}
.arde-v-2-footer__upper {
display: flex;
flex-direction: column;
gap: 50px;
align-items: stretch;
}
.arde-v-2-footer__contact {
display: flex;
flex-direction: row;
gap: 50px;
align-items: flex-start;
}
.arde-v-2-footer__contact-block {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.arde-v-2-footer__upper > .arde-v-2-signup {
box-sizing: border-box;
width: 100%;
}
.arde-v-2-footer__label {
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-weight: 700;
font-size: 20px;
color: var(--wp--preset--color--arde-v-2-white);
margin: 0;
}
.arde-v-2-footer__social {
list-style: none;
display: flex;
gap: 20px;
padding: 0;
margin: 0;
}
.arde-v-2-footer__social a {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--wp--preset--color--arde-v-2-white);
width: 44px;
height: 44px;
}
.arde-v-2-footer__social svg {
width: 44px;
height: 44px;
fill: currentColor;
} .arde-v-2-footer__social img {
display: block;
width: 44px;
height: 44px;
object-fit: contain;
}
.arde-v-2-footer__email {
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-weight: 400;
font-size: 30px;
margin: 0;
}
.arde-v-2-footer__email a {
color: var(--wp--preset--color--arde-v-2-white);
text-decoration: none;
}
.arde-v-2-signup {
background-color: var(--wp--preset--color--arde-v-2-white);
border-radius: 20px;
padding: 80px 40px;
display: flex;
gap: 40px;
align-items: flex-start;
}
.arde-v-2-signup__heading {
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-weight: 800;
font-size: 50px;
line-height: 1.2;
color: var(--wp--preset--color--arde-v-2-black);
width: 304px;
flex-shrink: 0;
margin: 0;
}
.arde-v-2-signup__form-wrap {
flex: 1 0 0;
}
.arde-v-2-signup__row {
display: flex;
align-items: center;
gap: 24px;
}
.arde-v-2-signup__input {
flex: 1 0 0;
min-width: 0;
border: 0;
border-bottom: 1px solid var(--wp--preset--color--arde-v-2-foreground);
background: transparent;
padding: 20px 0;
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-size: 18px;
color: var(--wp--preset--color--arde-v-2-black);
}
.arde-v-2-signup__input::placeholder {
color: var(--wp--preset--color--arde-v-2-black);
opacity: 0.9;
}
.arde-v-2-signup__input:focus {
outline: none;
border-bottom-color: var(--wp--preset--color--arde-v-2-warm-1);
}
.arde-v-2-signup__button {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 8px;
border: 2px solid #de054a;
border-radius: 18px;
background-color: var(--wp--preset--color--arde-v-2-warm-1);
color: var(--wp--preset--color--arde-v-2-white);
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-weight: 700;
font-size: 18px;
min-height: 54px;
padding: 0 24px;
cursor: pointer;
transition: background-color 0.15s ease;
}
.arde-v-2-signup__button::after {
content: "";
display: inline-block;
width: 23px;
height: 12px;
background-color: currentColor;
-webkit-mask: url(//arde.global/wp-content/plugins/arde-custom/img/arrow-right.svg) center / contain no-repeat;
mask: url(//arde.global/wp-content/plugins/arde-custom/img/arrow-right.svg) center / contain no-repeat;
flex-shrink: 0;
}
.arde-v-2-signup__button:hover {
background-color: #e6054c;
}
.arde-v-2-signup__note {
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-size: 12px;
color: var(--wp--preset--color--arde-v-2-black);
margin: 10px 0 0;
}
.arde-v-2-footer__legal {
gap: 24px;
}
.arde-v-2-footer__copyright,
.arde-v-2-footer__privacy {
font-family: var(--wp--preset--font-family--arde-v-2-raleway);
font-size: 18px;
margin: 0;
}
.arde-v-2-footer__copyright {
color: var(--wp--preset--color--arde-v-2-white);
}
.arde-v-2-footer__privacy a {
color: var(--wp--preset--color--arde-v-2-white);
text-decoration: underline;
}
@media (max-width: 1023px) {
.arde-v-2-footer {
padding: 60px 24px;
max-width: 100vw;
box-sizing: border-box;
}
.arde-v-2-footer > * + * {
margin-top: 60px;
}
.arde-v-2-footer__upper {
gap: 60px;
}
.arde-v-2-footer__contact {
flex-direction: column;
gap: 40px;
align-items: stretch;
}
.arde-v-2-footer__contact-block {
padding: 20px 0;
gap: 20px;
}
.arde-v-2-footer__social {
justify-content: flex-start;
padding-inline: 0;
gap: 20px;
}
.arde-v-2-footer__social a,
.arde-v-2-footer__social svg,
.arde-v-2-footer__social img {
width: 32px;
height: 32px;
}
.arde-v-2-footer__email {
font-size: 30px;
}
.arde-v-2-signup {
flex-direction: column;
padding: 80px 40px;
gap: 40px;
border-radius: 20px;
}
.arde-v-2-signup__heading {
width: 100%;
max-width: 304px;
font-size: 50px;
line-height: 1.2;
font-weight: 800;
}
.arde-v-2-signup__row {
flex-direction: column;
align-items: stretch;
gap: 16px;
}
.arde-v-2-signup__input {
padding: 20px 0;
font-size: 18px;
border-bottom-color: #A7A192;
}
.arde-v-2-signup__button {
border-radius: 18px;
font-size: 18px;
font-weight: 700;
}
.arde-v-2-signup__note {
font-size: 12px;
line-height: normal;
}
.arde-v-2-footer__legal {
flex-direction: column;
}
.arde-v-2-footer__copyright,
.arde-v-2-footer__privacy {
font-size: 18px;
line-height: 1.4;
} .arde-v-2-footer__privacy {
display: none;
}
}