/*
Button (Hyperlink)

Default hyperlink button.

Markup:
  <a class="button {{modifier_class}}">{{modifier_class}} Button</a>

.primary - Primary style.
.secondary - Secondary style.
.success - Success style.
.alert - Alert style.
.warning - Warning style.
.ghost.primary - Ghost primary style.
.ghost.secondary - Ghost secondary style.

Styleguide Atoms.2
*/
.button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; border: 2px solid transparent; border-radius: 0; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; }

[data-whatinput='mouse'] .button { outline: 0; }

.button.tiny { font-size: 0.6rem; }

.button.small { font-size: 0.75rem; }

.button.large { font-size: 1.25rem; }

.button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; }

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #D34728; color: #fefefe; }

.button:hover, .button:focus { background-color: #b33c22; color: #fefefe; }

.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #D34728; color: #fefefe; }

.button.primary:hover, .button.primary:focus { background-color: #a93920; color: #fefefe; }

.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #F7A81F; color: #0a0a0a; }

.button.secondary:hover, .button.secondary:focus { background-color: #d78b08; color: #0a0a0a; }

.button.tertiary, .button.tertiary.disabled, .button.tertiary[disabled], .button.tertiary.disabled:hover, .button.tertiary[disabled]:hover, .button.tertiary.disabled:focus, .button.tertiary[disabled]:focus { background-color: #402120; color: #fefefe; }

.button.tertiary:hover, .button.tertiary:focus { background-color: #331a1a; color: #fefefe; }

.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #3adb76; color: #0a0a0a; }

.button.success:hover, .button.success:focus { background-color: #22bb5b; color: #0a0a0a; }

.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #0a0a0a; }

.button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; }

.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #cc4b37; color: #fefefe; }

.button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #fefefe; }

.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; }

.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 2px solid #D34728; color: #D34728; }

.button.hollow:hover, .button.hollow:focus { border-color: #6a2414; color: #6a2414; }

.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 2px solid #D34728; color: #D34728; }

.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #6a2414; color: #6a2414; }

.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 2px solid #F7A81F; color: #F7A81F; }

.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #865705; color: #865705; }

.button.hollow.tertiary, .button.hollow.tertiary.disabled, .button.hollow.tertiary[disabled], .button.hollow.tertiary.disabled:hover, .button.hollow.tertiary[disabled]:hover, .button.hollow.tertiary.disabled:focus, .button.hollow.tertiary[disabled]:focus { border: 2px solid #402120; color: #402120; }

.button.hollow.tertiary:hover, .button.hollow.tertiary:focus { border-color: #201110; color: #201110; }

.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 2px solid #3adb76; color: #3adb76; }

.button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; }

.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 2px solid #ffae00; color: #ffae00; }

.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; }

.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 2px solid #cc4b37; color: #cc4b37; }

.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; }

.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; }

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #D34728; }

.button.clear:hover, .button.clear:focus { color: #6a2414; }

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #D34728; }

.button.clear.primary:hover, .button.clear.primary:focus { color: #6a2414; }

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #F7A81F; }

.button.clear.secondary:hover, .button.clear.secondary:focus { color: #865705; }

.button.clear.tertiary, .button.clear.tertiary.disabled, .button.clear.tertiary[disabled], .button.clear.tertiary.disabled:hover, .button.clear.tertiary[disabled]:hover, .button.clear.tertiary.disabled:focus, .button.clear.tertiary[disabled]:focus { color: #402120; }

.button.clear.tertiary:hover, .button.clear.tertiary:focus { color: #201110; }

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #3adb76; }

.button.clear.success:hover, .button.clear.success:focus { color: #157539; }

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; }

.button.clear.warning:hover, .button.clear.warning:focus { color: #805700; }

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #cc4b37; }

.button.clear.alert:hover, .button.clear.alert:focus { color: #67251a; }

.button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; }

.button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; }

.button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #D34728; }

.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #D34728; }

.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #F7A81F; }

.button.dropdown.hollow.tertiary::after, .button.dropdown.clear.tertiary::after { border-top-color: #402120; }

.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #3adb76; }

.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; }

.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #cc4b37; }

.button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; }

a.button:hover, a.button:focus { text-decoration: none; }

.button { font-weight: 600; text-decoration: none; }

.button.primary { color: #fefefe; }

.button.primary:hover { color: #fefefe; }

.button.ghost { background-color: transparent; }

.button.ghost.primary { color: #D34728; border-color: #D34728; }

.button.ghost.primary:hover, .button.ghost.primary:focus { color: #fefefe; background-color: #D34728; }

.button.ghost.secondary { color: #F7A81F; border-color: #F7A81F; }

.button.ghost.secondary:hover, .button.ghost.secondary:focus { color: #fefefe; background-color: #F7A81F; }

.button.button--cta-readmore { background-color: transparent; border-color: #fefefe; }

.button.button--cta-readmore:hover, .button.button--cta-readmore:focus { background-color: #fefefe; color: #D34728; }

.button.button--cta-readmore--teaser { border-color: #D34728; color: #D34728; }

.button.button--cta-readmore--teaser:hover, .button.button--cta-readmore--teaser:focus { background-color: #D34728; color: #fefefe; }

.more-link { width: 100%; text-align: center; }

.more-link a { font-family: 'Roboto', sans-serif; font-weight: 700; text-decoration: none; font-size: 0.875rem; min-height: 2.5rem; color: #fefefe; border: 2px solid #D34728; background-color: #D34728; padding: 0.85em 2em; display: inline-block; vertical-align: middle; line-height: 1; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out; }

.more-link a:hover, .more-link a:focus { background-color: #b33c22; border-color: #b33c22; }

/*# sourceMappingURL=../maps/button/button-hyperlink.css.map */