@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Teko:wght@500&display=swap');

@media only screen {
    h1 { font-family: 'Teko', sans-serif; text-transform: uppercase; font-stretch: condensed; }
    a { color: #27c214; }
    input[type="checkbox"]:disabled { position: relative; -webkit-appearance: none; }
    input[type="checkbox"]:disabled::before { display: inline-block; width: 0.9rem; height: 0.9rem; border: 1px solid #777; border-radius: 2px; background-color: #f0f4f8; line-height: 0.9rem; font-size: 0.9rem; text-align: center; padding: 1px; }
    input[type="checkbox"]:checked:disabled::before { content: "✓"; border: 1px solid #777; border-radius: 2px; background-color: #27c214; color: #fff;}
    a:hover { color: #24591e; }
    button:not(.menu-icon), .button { background-color: #27c214; border-radius: 3px; }
    button:hover, .button:hover { background-color: #24591e; }
    .reveal .close-button {background-color: transparent; }
    .mhh-primary-wrapper { background-color: #e6e6e6; }

    .cookie_monster_wrapper { position: absolute; bottom: 0; left: 0; right: 0; background-color: #333; color: #ccc; padding: 1rem; display: none; line-height: calc(1rem + .85em * 2); }
    .cookie_monster_wrapper button { margin-bottom: 0; }

	#blackout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); z-index: 1010; }
	.loading { margin: 20% auto 0 auto; width: 200px; z-index: 1020; }

    .hidden { display: none; }
    .center { text-align: center; }
    .tools { float: right; }
    .bulletless { list-style: none; }
    .abstract { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 30rem; }
    ul .fa-bars { color: #999; }

    .attribute_list { margin: 0; }
    .attribute_list li { padding: 0.6em; background-color: #eee; border: 1px solid #ccc; border-radius: 5px; list-style: none; position: relative; margin-top: 10px; color: #333; }
    .attribute_list:not(.horizontal) li { float: left; width: 100%; }
    .attribute_list.horizontal { line-height: 3em; }
    .attribute_list.horizontal li { display: inline; }
    .attribute_list.horizontal li span { white-space: nowrap; }
    .attribute_list.horizontal li a { margin: 0 0 0 3em; }
    .attribute_list .ui-sortable-helper a { display: none; }
    .attribute_list:not(.horizontal) li { padding-right: 6em; }
    .attribute_list:not(.horizontal) li a { position: absolute; top: 0.6em; right: 0.5em; }
    .attribute_list:not(.horizontal) li a:nth-of-type(2) { right: 2em;}
    .attribute_list:not(.horizontal) li a:nth-of-type(3) { right: 3.5rem;}
    .attribute_list li span:not(:last-of-type)::after { content: ',';}
    .attribute_list li span.alt { display: inline-block; }
    .attribute_list img { margin-right: 1em; float: left; }

    body.login { background-color: #eee; }
    form.login { width: 90%; margin: 10% auto; border: 1px solid #999; border-radius: 10px; padding: 1em; background: #fff; }
    form.login .logo { text-align: center; }

    .human_published { white-space: nowrap; }
    .buttons { text-align: center; }

}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .text-center { text-align: center; }
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .medium-text-right { text-align: right; }
    form.login { width: 70%; }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
    form.login { width: 50%; }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

@media only print {
    .no_print { display: none; }
}