foundation-sites
Version:
The most advanced responsive front-end framework in the world.
2,331 lines (2,152 loc) • 132 kB
CSS
@charset "UTF-8";
/**
* Foundation for Sites
* Version 6.9.0
* https://get.foundation
* Licensed under MIT Open Source
*/
@media print, screen and (min-width: 40em) {
.reveal.large, .reveal.small, .reveal.tiny, .reveal {
right: auto;
left: auto;
margin: 0 auto;
}
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
outline: none;
}
[draggable=false] {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0;
}
select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto;
}
[data-whatinput=mouse] button {
outline: 0;
}
pre {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed;
}
[type=submit],
[type=button] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type=search] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-input-placeholder {
color: #cacaca;
}
::-moz-placeholder {
color: #cacaca;
}
:-ms-input-placeholder {
color: #cacaca;
}
::-ms-input-placeholder {
color: #cacaca;
}
::placeholder {
color: #cacaca;
}
[type=file],
[type=checkbox],
[type=radio] {
margin: 0 0 1rem;
}
[type=checkbox] + label,
[type=radio] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
cursor: pointer;
}
label > [type=checkbox],
label > [type=radio] {
margin-right: 0.5rem;
}
[type=file] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
}
label.middle {
margin: 0 0 1rem;
line-height: 1.5;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a;
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
border-radius: 0 0 0 0;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
width: 1%;
height: 100%;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
height: 100%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: 2.4375rem;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
.input-group .input-group-button {
display: table-cell;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
}
@media screen and (min-width: 0\0 ) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0;
}
.is-invalid-input:not(:focus) {
border-color: #cc4b37;
background-color: rgb(249, 236.1, 234.1);
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37;
}
.is-invalid-label {
color: #cc4b37;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #cc4b37;
}
.form-error.is-visible {
display: block;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
line-height: 0;
color: #cacaca;
}
h1, .h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h2, .h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h3, .h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h4, .h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h5, .h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem;
}
h3, .h3 {
font-size: 1.9375rem;
}
h4, .h4 {
font-size: 1.5625rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
}
a {
line-height: inherit;
color: #1779ba;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: rgb(19.78, 104.06, 159.96);
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
li {
font-size: inherit;
}
ul {
margin-left: 1.25rem;
list-style-type: disc;
}
ol {
margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a;
}
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
margin-left: 0;
list-style: none;
}
.cite-block, cite {
display: block;
color: #8a8a8a;
font-size: 0.8125rem;
}
.cite-block:before, cite:before {
content: "— ";
}
.code-inline, code {
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
display: inline;
max-width: 100%;
word-wrap: break-word;
padding: 0.125rem 0.3125rem 0.0625rem;
}
.code-block {
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
display: block;
overflow: auto;
white-space: pre;
padding: 1rem;
margin-bottom: 1.5rem;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
-webkit-print-color-adjust: economy;
print-color-adjust: economy;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.print-break-inside {
page-break-inside: auto;
}
}
.row {
max-width: 75rem;
margin-right: auto;
margin-left: auto;
}
.row::before, .row::after {
display: table;
content: " ";
}
.row::after {
clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.row .row {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
@media print, screen and (min-width: 64em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-right: auto;
margin-left: auto;
}
.row:not(.expanded) .row {
max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.column, .columns {
float: left;
width: 100%;
padding-right: 0.625rem;
padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.column, .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.column, .columns, .column:last-child:not(:first-child) {
float: left;
clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left;
}
.column.row.row, .row.row.columns {
float: none;
}
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
}
.small-1 {
width: 8.3333333333%;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
}
.small-pull-1 {
position: relative;
left: -8.3333333333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.6666666667%;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
}
.small-pull-2 {
position: relative;
left: -16.6666666667%;
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.small-4 {
width: 33.3333333333%;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
}
.small-pull-4 {
position: relative;
left: -33.3333333333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.6666666667%;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
}
.small-pull-5 {
position: relative;
left: -41.6666666667%;
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.small-7 {
width: 58.3333333333%;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
}
.small-pull-7 {
position: relative;
left: -58.3333333333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.6666666667%;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
}
.small-pull-8 {
position: relative;
left: -66.6666666667%;
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.small-10 {
width: 83.3333333333%;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
}
.small-pull-10 {
position: relative;
left: -83.3333333333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.6666666667%;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
}
.small-pull-11 {
position: relative;
left: -91.6666666667%;
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.small-12 {
width: 100%;
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left;
}
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.small-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
.small-centered {
margin-left: auto;
margin-right: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.small-uncentered, .small-push-0, .small-pull-0 {
position: static;
margin-right: 0;
margin-left: 0;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
float: right;
}
@media print, screen and (min-width: 40em) {
.medium-1 {
width: 8.3333333333%;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
}
.medium-pull-1 {
position: relative;
left: -8.3333333333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
}
.medium-pull-2 {
position: relative;
left: -16.6666666667%;
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
}
.medium-pull-4 {
position: relative;
left: -33.3333333333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
}
.medium-pull-5 {
position: relative;
left: -41.6666666667%;
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
}
.medium-pull-7 {
position: relative;
left: -58.3333333333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
}
.medium-pull-8 {
position: relative;
left: -66.6666666667%;
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
}
.medium-pull-10 {
position: relative;
left: -83.3333333333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
}
.medium-pull-11 {
position: relative;
left: -91.6666666667%;
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%;
}
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%;
}
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%;
}
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%;
}
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%;
}
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.medium-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.medium-centered {
margin-left: auto;
margin-right: auto;
}
.medium-centered, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.medium-uncentered, .medium-push-0, .medium-pull-0 {
position: static;
margin-right: 0;
margin-left: 0;
}
.medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
float: right;
}
}
@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.3333333333%;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
}
.large-pull-1 {
position: relative;
left: -8.3333333333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.6666666667%;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
}
.large-pull-2 {
position: relative;
left: -16.6666666667%;
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.large-4 {
width: 33.3333333333%;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
}
.large-pull-4 {
position: relative;
left: -33.3333333333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.6666666667%;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
}
.large-pull-5 {
position: relative;
left: -41.6666666667%;
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.large-7 {
width: 58.3333333333%;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
}
.large-pull-7 {
position: relative;
left: -58.3333333333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.6666666667%;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
}
.large-pull-8 {
position: relative;
left: -66.6666666667%;
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.large-10 {
width: 83.3333333333%;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
}
.large-pull-10 {
position: relative;
left: -83.3333333333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.6666666667%;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
}
.large-pull-11 {
position: relative;
left: -91.6666666667%;
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%;
}
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%;
}
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%;
}
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%;
}
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%;
}
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.large-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.large-centered {
margin-left: auto;
margin-right: auto;
}
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.large-uncentered, .large-push-0, .large-pull-0 {
position: static;
margin-right: 0;
margin-left: 0;
}
.large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
float: right;
}
}
.column-block {
margin-bottom: 1.25rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.column-block {
margin-bottom: 1.875rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
border: 1px 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;
padding: 0.85em 1em;
}
[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: #1779ba;
color: #fefefe;
}
.button:hover, .button:focus {
background-color: rgb(19.55, 102.85, 158.1);
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: #1779ba;
color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
background-color: rgb(18.4, 96.8, 148.8);
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: #767676;
color: #fefefe;
}
.button.secondary:hover, .button.secondary:focus {
background-color: rgb(94.4, 94.4, 94.4);
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: rgb(34.2386266094, 187.3613733906, 91.3030042918);
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: rgb(204, 139.2, 0);
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: rgb(165.0996015936, 58.6103585657, 42.1003984064);
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: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow:hover, .button.hollow:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
}
.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: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
}
.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: 1px solid #767676;
color: #767676;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #3b3b3b;
color: #3b3b3b;
}
.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: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
}
.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: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: rgb(127.5, 87, 0);
color: rgb(127.5, 87, 0);
}
.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: 1px solid #cc4b37;
color: #cc4b37;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: rgb(103.187250996, 36.6314741036, 26.312749004);
color: rgb(103.187250996, 36.6314741036, 26.312749004);
}
.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: #1779ba;
}
.button.clear:hover, .button.clear:focus {
color: rgb(11.5, 60.5, 93);
}
.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: #1779ba;
}
.button.clear.primary:hover, .button.clear.primary:focus {
color: rgb(11.5, 60.5, 93);
}
.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: #767676;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
color: #3b3b3b;
}
.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: rgb(21.3991416309, 117.1008583691, 57.0643776824);
}
.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: rgb(127.5, 87, 0);
}
.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: rgb(103.187250996, 36.6314741036, 26.312749004);
}
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4em;
content: "";
border-bottom-width: 0;
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: #1779ba;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #767676;
}
.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-group {
margin-bottom: 1rem;
font-size: 0;
}
.button-group::before, .button-group::after {
display: table;
content: " ";
}
.button-group::after {
clear: both;
}
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem;
}
.button-group .button:last-ch