/**
 * Inverde Custom Style
 * (Proprietor 84)
 *
 */

/* csslint ignore:start */

/* CSS custom properties used for the theming of Inverde */
:root {
    /*Theme Hex: #587869*/
    --theme-hue: 152;
    --theme-saturation: 15%;
    --theme-lightness: 41%;
    --theme-alpha: 1;
    /*Accent Hex: #004225*/
    --accent-hue: 154;
    --accent-saturation: 100%;
    --accent-lightness: 13%;
    --accent-alpha: 1;
    --accent-color-300: var(--accent-color-200);
    --footer-legal-background-color: var(--black-color-500);
}

#registration-banner,
#login-banner {
    background: linear-gradient(to right bottom, var(--accent-color-200), var(--accent-color-100), var(--theme-color-200));
}

.FM-button.button-yellow {
    background: var(--theme-color-200) !important;
    border-color: var(--theme-color-200) !important;
}

.FM-panel .FM-panel--header {
    border-bottom-color: var(--theme-color-200) !important;
}

.FM-panel .account-block-link .account-name span {
    text-decoration: underline;
    font-weight: 600;
}

.FM-panel .account-block-link .account-name .balloon {
    text-decoration: none;
}

i.fa.fa-refresh:before {
    color: #2d6694 !important;
}

/*#FM-login-hero {
    background: linear-gradient(to right bottom, var(--accent-color-200), var(--accent-color-100), var(--theme-color-200));
}*/

/* csslint ignore:end */