/* Global */
/* Requires variables_1.0.css */

html {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    font-size: var(--text-normal-size);
    color: var(--color-text);
    line-height: var(--text-normal-line-height);
}

a, .alink, a:visited, .alink:visited,
a:active, .alink:active {
    color: var(--color-link);
}

a:hover, .alink:hover {
    color:var(--color-link-hover);
    text-decoration: underline;
}

h1 {
    font-size: var(--text-h1-size);
    line-height: var(--text-h1-line-height);
    font-weight: var(--font-weight-bold);
}

h2 {
    font-size: var(--text-h2-size);
    line-height: var(--text-h2-line-height);
    font-weight: var(--font-weight-bold);
}

h3 {
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-line-height);
    font-weight: var(--font-weight-bold);
}

.block-static-block.widget, .block-cms-link.widget {
    margin-bottom: 0;
}

.action.primary, .action-primary {
    background: var(--color-button-background);
    border: 1px solid var(--color-button-background);
    color: var(--color-button-text);
    font-weight: var(--font-weight-bold);
    transition: all 0.25s ease;
}

.action.primary:hover, .action-primary:hover {
    background: var(--color-button-background-hover);
    border: 1px solid var(--color-button-border-hover);
    color: var(--color-button-text-hover);
    text-decoration: none;
}

.action-primary-reverse {
    background: var(--color-button-background-hover);
    border: 1px solid var(--color-button-border-hover);
    color: var(--color-button-text-hover);
    font-weight: var(--font-weight-bold);
    transition: all 0.25s ease;
}

.action-primary-reverse:hover {
    background: var(--color-button-background);
    border: 1px solid var(--color-button-background);
    color: var(--color-button-text);
    text-decoration: none;
}

.cms-page-view .column.main {
    margin-top: 3rem;
}

.desktop-only {
    display: none;
}

@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}