/**************************************************************************
 * INIT - START
 *************************************************************************/
:root {
    --argestes-color-black: #000000;
    --argestes-color-white: #FFFFFF;
    --argestes-color-base-font: var(--argestes-color-white);
    --argestes-font-family-heading:  'Playfair Display', serif;
    --argestes-font-family-heading2:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --argestes-font-family-copy:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --argestes-color-primary: #D33F6A;
    --argestes-color-secondary: #EDD8E1;
    --argestes-color-purple: #392B87;
}

body {
    background-color: var(--argestes-color-black);
    color: var(--argestes-color-base-font);
    font-family: var(--argestes-font-family-copy);
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5 {
    color: var(--argestes-color-base-font);
    font-family: var(--argestes-font-family-heading);
}

.h3,
h3,
.h4,
h4,
.h5,
h5 {
    font-family: var(--argestes-font-family-heading2);
}

a,
a:hover,
a:focus {
    color: var(--argestes-color-primary);
    font-family: var(--argestes-font-family-heading2);
}
/**************************************************************************
 * INIT - END
 *************************************************************************/
/**************************************************************************
 * BUTTONS - START
 *************************************************************************/
.btn {
    border-radius: 1.5rem;
    padding: 1rem 3rem;
}

.btn::after {
    display: none;
}

.btn-primary, .powermail_submit, [type=submit] {
    background-color: var(--argestes-color-primary);
    border-color: var(--argestes-color-primary);
    color: var(--argestes-color-white);
}

.btn-primary:hover, .powermail_submit:hover, [type=submit]:hover,
.btn-primary:focus, .powermail_submit:focus, [type=submit]:focus {
    background-color: var(--argestes-color-primary);
    border-color: var(--argestes-color-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    color: var(--argestes-color-white);
}

.btn-primary--outline {
    border-color: var(--argestes-color-primary);
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--argestes-color-purple);
    border-color: var(--argestes-color-purple);
    color: var(--argestes-color-white);
}

.btn-secondary--outline,
.btn-secondary--outline:hover,
.btn-secondary--outline:focus {
    border: 1px solid var(--argestes-color-purple);
    background-color: transparent;
    color: var(--argestes-color-base-font);
}

.btn-decorated:hover {
    color: var(--argestes-color-white);
}

.btn + .btn {
    margin-left: 1.5rem;
}

.btn-decorated--light {
    color: var(--argestes-color-primary);
}
/**************************************************************************
 * BUTTONS - END
 *************************************************************************/
/**************************************************************************
 * IMAGES - START
 *************************************************************************/
.auw-text-image__image img {
    border-radius: 1.5rem;
}
/**************************************************************************
 * IMAGES - END
 *************************************************************************/
/**************************************************************************
 * CONTACT BOX - START
 *************************************************************************/
.contact-box__figure,
.contact-box__content {
    background: var(--argestes-color-primary);
}

.contact-box__content form [type=submit]:hover {
    color: var(--argestes-color-primary);
}
/**************************************************************************
 * CONTACT BOX - END
 *************************************************************************/
/**************************************************************************
 * NAVIGATION - START
 *************************************************************************/
.navigation__item>.navigation__link {
    color: var(--argestes-color-white);
}

.navigation__item>.navigation__link:hover,
.navigation__item>.navigation__link:focus {
    color: var(--argestes-color-white);
    border-color: var(--argestes-color-white);
}
/**************************************************************************
 * NAVIGATION - END
 *************************************************************************/
/**************************************************************************
 * FOOTER - START
 *************************************************************************/
#view-box-site > footer {
    background-color: var(--argestes-color-secondary);
    color: var(--argestes-color-black);
}

#view-box-site > footer hr {
    border-color: var(--argestes-color-black);
}

#view-box-site > footer a,
#view-box-site > footer a[href]:not(.tag):not(.search-result__tag):not(.btn) {
    color: var(--argestes-color-black);
}

#view-box-site > footer .horizontal.menu-contentelement ul {
    justify-content: flex-start;
    margin-top: 2rem;
}
/**************************************************************************
 * FOOTER - END
 *************************************************************************/