@charset "UTF-8";
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
main, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, progress {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  text-align: left;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: inherit;
}

li {
  list-style-type: none;
}

a {
  color: inherit;
  text-decoration: inherit;
  outline: 0;
}

input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

input,
textarea {
  -moz-user-select: text;
}

textarea {
  line-height: inherit;
  resize: none;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  text-shadow: inherit;
}

a,
button,
select,
input[type=submit],
input[type=checkbox] {
  cursor: pointer;
}
a:disabled,
button:disabled,
select:disabled,
input[type=submit]:disabled,
input[type=checkbox]:disabled {
  cursor: auto;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

[hidden] {
  display: none !important;
}

td[hidden] {
  display: table-cell !important;
  visibility: hidden;
}

fieldset {
  min-width: 0;
}

@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  src: url("Montserrat-Regular.woff2") format("woff2"), url("Montserrat-Regular.woff") format("woff"), url("Montserrat-Regular.otf") format("opentype"), url("Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  src: url("Montserrat-Medium.woff2") format("woff2"), url("Montserrat-Medium.woff") format("woff"), url("Montserrat-Medium.otf") format("opentype"), url("Montserrat-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  src: url("Montserrat-SemiBold.woff2") format("woff2"), url("Montserrat-SemiBold.woff") format("woff"), url("Montserrat-SemiBold.otf") format("opentype"), url("Montserrat-SemiBold.ttf") format("truetype");
}
html,
body {
  min-height: 100%;
}

body {
  background: white;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: black;
}

main {
  padding-bottom: 4rem;
}

strong {
  font-weight: bold;
}

.centered, #header {
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 6rem;
}

@media screen and (max-width: 1060px) {
  .centered, #header {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.page-section + .page-section {
  margin-top: 4rem;
}
.page-section.flash-section + .page-section {
  margin-top: 2rem;
}

.page-section-heading {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
.page-section-heading + * {
  margin-top: 1rem;
}

.page-paragraph + .page-paragraph,
.page-paragraph + .page-table-wrapper,
.page-paragraph + .page-table,
.page-paragraph + .page-form {
  margin-top: 2rem;
}

.page-paragraph {
  line-height: 1.5;
  white-space: pre-wrap;
}
.page-table {
  width: 100%;
  line-height: 1.5;
}
.page-table > caption {
  text-align: left;
  padding: 0.5rem 1.5rem;
  color: #878787;
  font-weight: 500;
}
.page-table > thead td, .page-table > thead th, .page-table > tbody td, .page-table > tbody th, .page-table > tfoot td, .page-table > tfoot th {
  padding: 1rem 1rem;
}
.page-table > thead th:first-child,
.page-table > thead td:first-child, .page-table > tbody th:first-child,
.page-table > tbody td:first-child, .page-table > tfoot th:first-child,
.page-table > tfoot td:first-child {
  padding-left: 1.5rem;
}
.page-table > thead th:last-child,
.page-table > thead td:last-child, .page-table > tbody th:last-child,
.page-table > tbody td:last-child, .page-table > tfoot th:last-child,
.page-table > tfoot td:last-child {
  padding-right: 1.5rem;
}
.page-table > .page-table-header {
  position: sticky;
  top: 0;
}
.page-table > .page-table-header th {
  background: #004700;
  color: white;
  font-weight: 600;
}
.page-table > .page-table-header th .column-name + .column-name {
  margin-left: 2rem;
}
.page-table > .page-table-header th .column-name.secondary {
  font-weight: 500;
}
.page-table > .page-table-header th .sort-button {
  background-image: url("sort.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 2rem;
  outline-offset: 0.2rem;
}
.page-table > .page-table-header th .sort-button.asc, .page-table > .page-table-header th .sort-button.desc {
  font-weight: 600;
}
.page-table > .page-table-header th .sort-button.asc {
  background-image: url("sort-asc.png");
}
.page-table > .page-table-header th .sort-button.desc {
  background-image: url("sort-desc.png");
}
.page-table > .page-table-header th .sort-button:hover {
  color: #7faef3;
}
.page-table > .page-table-header th .sort-button:focus {
  outline: 1px dashed #7faef3;
}
.page-table > .page-table-header th:first-child {
  border-top-left-radius: 0.5rem;
}
.page-table > .page-table-header th:last-child {
  border-top-right-radius: 0.5rem;
}
.page-table > tbody {
  background: white;
  border-bottom: 0.1rem solid #f2f2f2;
}
.page-table > tbody tr + tr td {
  border-top: 0.1rem solid #f2f2f2;
}
.page-table > .page-table-footer td {
  padding: 1rem 1rem;
  background: #004700;
  color: white;
}
.page-table > .page-table-footer td:first-child {
  border-bottom-left-radius: 0.5rem;
}
.page-table > .page-table-footer td:last-child {
  border-bottom-right-radius: 0.5rem;
}
.page-table > .page-table-footer .link-button, .page-table > .page-table-footer #organizations-page main #new-organization-form p a, #organizations-page main #new-organization-form p .page-table > .page-table-footer a, .page-table > .page-table-footer #organizations-page main #organizations-table caption div .taxes-description details a, #organizations-page main #organizations-table caption div .taxes-description details .page-table > .page-table-footer a, .page-table > .page-table-footer .page-paragraph a, .page-paragraph .page-table > .page-table-footer a {
  color: white;
}
.page-table > .page-table-footer .link-button:hover, .page-table > .page-table-footer #organizations-page main #new-organization-form p a:hover, #organizations-page main #new-organization-form p .page-table > .page-table-footer a:hover, .page-table > .page-table-footer #organizations-page main #organizations-table caption div .taxes-description details a:hover, #organizations-page main #organizations-table caption div .taxes-description details .page-table > .page-table-footer a:hover, .page-table > .page-table-footer .page-paragraph a:hover, .page-paragraph .page-table > .page-table-footer a:hover {
  color: #7faef3;
}
.page-table > .page-table-footer .link-button:focus, .page-table > .page-table-footer #organizations-page main #new-organization-form p a:focus, #organizations-page main #new-organization-form p .page-table > .page-table-footer a:focus, .page-table > .page-table-footer #organizations-page main #organizations-table caption div .taxes-description details a:focus, #organizations-page main #organizations-table caption div .taxes-description details .page-table > .page-table-footer a:focus, .page-table > .page-table-footer .page-paragraph a:focus, .page-paragraph .page-table > .page-table-footer a:focus {
  outline-color: white;
}

.page-form .page-form-submit {
  display: block;
}

.page-form-label {
  display: block;
  color: #2b2b2b;
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.page-form-label ~ .page-form-label, .page-form-label ~ .page-form-submit {
  margin-top: 1.5rem;
  vertical-align: top;
}

.page-form-input {
  font-size: 1.6rem;
  color: black;
  line-height: 2.1rem;
  padding: 0.6rem 1rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.5rem;
}
.page-form-input:focus {
  border-color: #7faef3;
  outline-color: #7faef3;
  outline-width: 0.1rem;
}

textarea.page-form-input {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.page-form-select {
  line-height: 2.1rem;
  color: black;
  padding: 0.6rem 1rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.5rem;
  background: linear-gradient(white, #f2f2f2);
}
.page-form-select:focus {
  outline-color: #7faef3;
  outline-width: 0.1rem;
}

.page-post-table-form {
  background-color: #004700;
  color: white;
  padding: 1.5rem 1.5rem;
  border-radius: 0.5rem;
}
.page-post-table-form .page-form-label {
  color: white;
}
.page-post-table-form select {
  color: black;
}
.page-post-table-form fieldset {
  display: inline-block;
  margin-right: 2rem;
  margin-bottom: 1rem;
}

.page-table + .page-post-table-form {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#organizations-page main #organizations-table caption div .taxes-description details summary, #organizations-page main #filters .filter summary, .red-button, .white-button, .blue-button, .primary-border-button, .primary-button {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  border-width: 0.1rem;
  border-style: solid;
  border-radius: 0.5rem;
  line-height: 1.7rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3rem;
  text-align: center;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.7rem;
}

.primary-button {
  border-color: #004700;
  background: #004700;
  color: white;
}
.primary-button:focus {
  outline: 1px dashed #004700;
}

.primary-border-button {
  color: #004700;
  border-color: #004700;
}
.primary-border-button:focus {
  outline: 1px dashed #004700;
}

.blue-button {
  border-color: #7faef3;
  background: #7faef3;
  color: white;
}
.blue-button:focus {
  outline: 1px dashed #7faef3;
}

.white-button {
  color: white;
  border-color: white;
}
.white-button:focus {
  outline: 1px dashed white;
}

.red-button {
  background: tomato;
  border-color: tomato;
  color: white;
}
.red-button:focus {
  outline: 1px dashed tomato;
}

.link-button, #organizations-page main #new-organization-form p a, #organizations-page main #organizations-table caption div .taxes-description details a, .page-paragraph a {
  color: #004700;
  text-decoration: underline;
  cursor: pointer;
  border-radius: 0.2rem;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.2rem;
}
.link-button:hover, #organizations-page main #new-organization-form p a:hover, #organizations-page main #organizations-table caption div .taxes-description details a:hover, .page-paragraph a:hover {
  color: #7faef3;
}
.link-button:focus, #organizations-page main #new-organization-form p a:focus, #organizations-page main #organizations-table caption div .taxes-description details a:focus, .page-paragraph a:focus {
  outline: 1px dashed #004700;
}

#organizations-page main #organizations-table caption div .taxes-description details summary, #organizations-page main #filters .filter summary {
  color: #004700;
  border: 1px solid #004700;
  border-radius: 0.8rem;
  cursor: pointer;
  background-image: url("down-green.png");
  background-position: 1.2rem center;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  padding-left: 3rem;
  user-select: none;
}
#organizations-page main #organizations-table caption div .taxes-description details summary:focus-visible, #organizations-page main #filters .filter summary:focus-visible {
  outline: 1px dashed #004700;
}
#organizations-page main #organizations-table caption div .taxes-description details summary:hover:active, #organizations-page main #filters .filter summary:hover:active {
  background-color: #004700;
  background-image: url("up-white.png");
  color: white;
}
#organizations-page main #organizations-table caption div .taxes-description details[open] summary, #organizations-page main #filters [open].filter summary {
  background-color: #004700;
  background-image: url("up-white.png");
  color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#organizations-page main #organizations-table caption div .taxes-description details .dropdown, #organizations-page main #filters .filter .dropdown {
  position: absolute;
  background: white;
  z-index: 100;
  padding: 1.5rem 2rem;
  border-radius: 0.8rem;
  box-shadow: 0 0.5rem 0.7rem 0.1rem rgba(0, 0, 0, 0.2);
  overflow: auto;
}

.sev-checkbox {
  display: inline-block;
}
.sev-checkbox input {
  margin-right: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: text-bottom;
}

.sev-radiobox {
  display: inline-block;
}
.sev-radiobox input {
  margin-right: 0.8rem;
  vertical-align: middle;
}

.flash {
  background-color: #004700;
  padding: 1.2rem 1.5rem;
  font-weight: 500;
  border-radius: 0.5rem;
}
.flash.notice {
  background: #CEECB7;
}
.flash.error {
  color: white;
  background: tomato;
}

#hero {
  background: url("nav-background.svg") #f2f2f2;
  background-repeat: no-repeat;
  background-position: right -150px;
  background-position: calc(50% + 400px) -150px;
}

#nav {
  line-height: 2.4rem;
  padding-top: 4rem;
  padding-bottom: 6rem;
  color: #2b2b2b;
  text-align: right;
  overflow: hidden;
}
#nav .home {
  float: left;
  font-weight: bold;
  font-size: 2rem;
  display: inline-block;
  margin-right: 1rem;
  border-radius: 0.1rem;
  -moz-outline-radius: 0.1rem;
  outline-offset: 0.3rem;
}
#nav .home:focus {
  outline: 1px dashed white;
}
#nav .home img {
  max-height: 5rem;
  display: block;
}
@media screen and (max-width: 1020px) {
  #nav {
    text-align: left;
  }
  #nav .home {
    float: none;
  }
}
#nav > .centered > ol, #nav > #header > ol {
  font-weight: 600;
  font-size: 1.3rem;
}
#nav > .centered > ol .page-link, #nav > #header > ol .page-link {
  position: relative;
  padding: 1rem 1rem 1rem;
}
#nav > .centered > ol .page-link.with-submenu, #nav > #header > ol .page-link.with-submenu {
  padding-right: 3rem;
  background-position: right center;
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
  background-image: url("down-black.png");
  background-size: 1.2rem;
}
#nav > .centered > ol .page-link.with-submenu:hover, #nav > #header > ol .page-link.with-submenu:hover {
  background-image: url("down-blue.png");
}
#nav > .centered > ol .page-link.with-submenu:hover .submenu, #nav > #header > ol .page-link.with-submenu:hover .submenu {
  display: block;
}
#nav > .centered > ol > li, #nav > #header > ol > li {
  display: inline-block;
}
#nav > .centered > ol a:not(.blue-button), #nav > #header > ol a:not(.blue-button),
#nav > .centered > ol button.language,
#nav > #header > ol button.language {
  text-transform: uppercase;
  border-radius: 0.1rem;
  -moz-outline-radius: 0.1rem;
  outline-offset: 0.5rem;
}
#nav > .centered > ol a:not(.blue-button):not(:disabled):hover, #nav > #header > ol a:not(.blue-button):not(:disabled):hover,
#nav > .centered > ol button.language:not(:disabled):hover,
#nav > #header > ol button.language:not(:disabled):hover {
  color: #7faef3;
}
#nav > .centered > ol a:not(.blue-button):focus, #nav > #header > ol a:not(.blue-button):focus,
#nav > .centered > ol button.language:focus,
#nav > #header > ol button.language:focus {
  outline: 1px dashed #2b2b2b;
}
#nav > .centered > ol .join-button, #nav > #header > ol .join-button {
  margin: 0 1rem;
}
#nav > .centered > ol .submenu, #nav > #header > ol .submenu {
  padding-bottom: 1rem;
  padding: 0.5rem 1rem 2rem;
  margin-left: -1rem;
  display: none;
  text-align: left;
  position: absolute;
  line-height: 2.5;
}
#nav > .centered > ol .submenu:hover, #nav > #header > ol .submenu:hover {
  display: block;
}
#nav > .centered > ol .submenu li, #nav > #header > ol .submenu li {
  white-space: nowrap;
}
#nav > .centered > ol .languages-form, #nav > #header > ol .languages-form {
  display: inline-block;
  vertical-align: middle;
}
#nav > .centered > ol .languages, #nav > #header > ol .languages {
  display: block;
}
#nav > .centered > ol .languages li, #nav > #header > ol .languages li {
  line-height: 1.3;
  text-align: left;
}
#nav > .centered > ol .languages button, #nav > #header > ol .languages button {
  outline-offset: 0.3rem;
}
#nav > .centered > ol .selected, #nav > #header > ol .selected {
  font-weight: 600;
}

#footer {
  line-height: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
  color: black;
  overflow: hidden;
}
#footer .links {
  border-top: 1px solid #ebebeb;
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-weight: 500;
  font-size: 1.5rem;
}
#footer .links > li {
  display: inline-block;
}
#footer .links a {
  border-radius: 0.1rem;
  -moz-outline-radius: 0.1rem;
  outline-offset: 0.4rem;
}
#footer .links a:hover {
  color: #7faef3;
}
#footer .links a:focus {
  outline: 1px dashed #7faef3;
}
#footer .links > li + li {
  margin-left: 2rem;
}
#footer .logo {
  float: left;
  font-weight: bold;
  font-size: 2rem;
  display: inline-block;
  margin-right: 2rem;
  border-radius: 0.1rem;
  -moz-outline-radius: 0.1rem;
  outline-offset: 0.3rem;
}
#footer .logo:focus {
  outline: 1px dashed white;
}
#footer .logo img {
  max-height: 5rem;
  display: block;
}
#footer .contacts {
  padding-top: 0.5rem;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: right;
}
#footer .contacts a,
#footer .contacts span {
  display: inline-block;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#footer .contacts a + a, #footer .contacts a + span,
#footer .contacts span + a,
#footer .contacts span + span {
  margin-left: 1rem;
}
#footer .contacts a {
  border-radius: 0.2rem;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.2rem;
}
#footer .contacts a:hover {
  color: #7faef3;
}
#footer .contacts a:focus {
  outline: 1px dashed #7faef3;
}
#footer .contacts img {
  vertical-align: middle;
}
#footer .contacts .address,
#footer .contacts .email {
  background-position: 1rem center;
  background-repeat: no-repeat;
  padding-left: 4.5rem;
}
#footer .contacts .address {
  background-image: url("location.svg");
}
#footer .contacts .email {
  background-image: url("email.svg");
}

#header {
  padding-bottom: 4rem;
}
#header .page-heading {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.5;
}
#header .page-heading + * {
  margin-top: 1rem;
}
#header .page-paragraph {
  font-size: 1.5rem;
}

#account-nav {
  padding: 1.3rem 0;
  line-height: 1.5;
  background: #004700;
  color: white;
}
#account-nav .centered, #account-nav #header {
  display: flex;
}
#account-nav .breadcrumbs .breadcrumb {
  margin-right: 0.7rem;
  display: inline-block;
}
#account-nav .breadcrumbs .breadcrumb + .breadcrumb:before {
  content: "➤";
  margin-right: 0.7rem;
}
#account-nav .breadcrumbs .pages {
  display: inline-block;
}
#account-nav .breadcrumbs .pages .page {
  display: inline-block;
  margin-right: 0.7rem;
}
#account-nav .breadcrumbs .pages .page:after {
  content: ",";
}
#account-nav .breadcrumbs .pages .page:last-child {
  margin-right: 0;
}
#account-nav .breadcrumbs .pages .page:last-child:after {
  content: "";
}
#account-nav .breadcrumbs .pages:not(:empty):not(:first-child) {
  margin-left: 1rem;
}
#account-nav .breadcrumbs .pages:not(:empty):not(:first-child):before {
  content: "(";
}
#account-nav .breadcrumbs .pages:not(:empty):not(:first-child):after {
  content: ")";
}
#account-nav .breadcrumbs a {
  border-radius: 0.2rem;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.2rem;
}
#account-nav .breadcrumbs a:not([href]) {
  cursor: auto;
}
#account-nav .breadcrumbs a[href] {
  font-weight: 500;
  text-decoration: underline;
}
#account-nav .breadcrumbs a[href]:focus {
  outline: 1px dashed white;
}
#account-nav .breadcrumbs a:hover {
  color: #7faef3;
}
#account-nav .session {
  flex-grow: 1;
  text-align: right;
}
#account-nav .account-name {
  font-weight: 600;
}
#account-nav .signout-form {
  display: inline-block;
  margin-left: 1rem;
}
#account-nav .signout-form button {
  text-decoration: underline;
  border-radius: 0.2rem;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.2rem;
}
#account-nav .signout-form button:focus {
  outline: 1px dashed white;
}
#account-nav .signout-form button:hover {
  color: #7faef3;
}

main {
  margin-top: 4rem;
}

#organizations-page main .business-models-column li {
  display: inline;
}
#organizations-page main .business-models-column li + li:before {
  content: ", ";
}
#organizations-page main #filters {
  margin-bottom: 2rem;
}
#organizations-page main #filters h2 {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1rem;
}
#organizations-page main #filters .filter {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}
#organizations-page main #filters .filter .dropdown {
  min-width: 16rem;
  border-top-left-radius: 0;
}
#organizations-page main #filters .filter input[type=checkbox] {
  height: 1.4rem;
  width: 1.4rem;
  vertical-align: middle;
}
#organizations-page main #filters .submit-button {
  margin-right: 1.5rem;
}
#organizations-page main #filters #sustainability-goals-filter img {
  vertical-align: middle;
  width: 1.6rem;
  margin-right: 1rem;
  border-radius: 0.2rem;
}
#organizations-page main #filters #sev-member-filter input[type=checkbox] {
  display: none;
}
#organizations-page main #filters #sev-member-filter label {
  padding: 0.7rem 1.1rem 0.7rem 3.7rem;
  border-radius: 0.8rem;
  border: 1px solid #004700;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.5rem;
  color: #004700;
  line-height: 2rem;
  cursor: pointer;
  background: url("kell-icon.png");
  background-repeat: no-repeat;
  background-position: 1.3rem center;
  background-size: 1.6rem;
}
#organizations-page main #filters #sev-member-filter input[type=checkbox]:checked + label {
  background-color: #004700;
  background-image: url("kell-icon-white.png");
  color: white;
}
#organizations-page main #filters #loading-spinner {
  display: inline-block;
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
  border: 0.5rem solid #f2f2f2;
  border-left-color: #7faef3;
  border-radius: 50%;
  margin-left: 1rem;
  animation: rotating 1s infinite linear;
}
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#organizations-page main #organizations-table caption {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1rem;
}
#organizations-page main #organizations-table caption div {
  display: flex;
}
#organizations-page main #organizations-table caption div .organizations-description,
#organizations-page main #organizations-table caption div .taxes-description {
  flex-grow: 1;
}
#organizations-page main #organizations-table caption div .organizations-description {
  color: black;
}
#organizations-page main #organizations-table caption div .taxes-description {
  text-align: right;
  align-self: end;
}
#organizations-page main #organizations-table caption div .taxes-description details {
  display: inline-block;
  margin-left: 0.5rem;
  position: relative;
}
#organizations-page main #organizations-table caption div .taxes-description details .dropdown {
  width: 100%;
  right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#organizations-page main #organizations-table caption div .taxes-description details a {
  line-height: 2;
}
#organizations-page main #organizations-table caption div .filter {
  display: block;
  line-height: 1.5;
}
#organizations-page main #organizations-table caption div .filter h3 {
  display: inline;
  font-weight: 600;
  margin-right: 1rem;
}
#organizations-page main #organizations-table caption div .filter ul {
  display: inline;
}
#organizations-page main #organizations-table caption div .filter li {
  display: inline;
}
#organizations-page main #organizations-table caption div .filter li:not(:last-child):after {
  content: ", ";
}
#organizations-page main #organizations-table caption div .filter li img {
  vertical-align: middle;
  display: inline-block;
  width: 1.6rem;
  margin-right: 0.5rem;
  border-radius: 0.2rem;
}
#organizations-page main #organizations-table .name-column {
  width: 32em;
}
#organizations-page main #organizations-table .goals-column {
  width: 26em;
}
#organizations-page main #organizations-table .sev-member-column {
  padding-right: 0;
}
#organizations-page main #organizations-table .sev-member-column img {
  vertical-align: middle;
  width: 2rem;
}
#organizations-page main #organizations-table td.name-column {
  max-width: 30rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#organizations-page main #organizations-table td.name-column a {
  font-weight: 500;
  color: #004700;
  border-radius: 0.2rem;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.2rem;
}
#organizations-page main #organizations-table td.name-column a:focus {
  outline: 1px dashed #004700;
}
#organizations-page main #organizations-table .organization.unpublished td.name-column a {
  font-style: italic;
}
#organizations-page main #organizations-table .organization.unpublished td.name-column .unpublished-icon {
  font-style: normal;
}
#organizations-page main #organizations-table .founded-on-column {
  text-align: right;
}
#organizations-page main #organizations-table td.founded-on-column {
  padding-right: 3rem;
  font-weight: 600;
  color: #878787;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.05em;
}
#organizations-page main #organizations-table td.business-models-column,
#organizations-page main #organizations-table td.revenue-column,
#organizations-page main #organizations-table td.employee-count-column {
  font-weight: 500;
}
#organizations-page main #organizations-table .revenue-column,
#organizations-page main #organizations-table .employee-count-column {
  text-align: right;
}
#organizations-page main #organizations-table td.revenue-column,
#organizations-page main #organizations-table td.employee-count-column {
  padding-right: 3rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.05em;
}
#organizations-page main #organizations-table td.goals-column ul {
  margin-top: -0.5rem;
}
#organizations-page main #organizations-table td.goals-column li {
  display: inline-block;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
#organizations-page main #organizations-table td.goals-column img {
  width: 4rem;
  border-radius: 0.5rem;
  vertical-align: top;
}
#organizations-page main #organizations-table .empty-placeholder {
  text-align: center;
}
#organizations-page main #new-organization-form {
  color: white;
  padding: 3rem 4rem;
  border-radius: 1rem;
  background: url("footer-background.svg") #004700;
  background-repeat: no-repeat;
  background-position: right -150px;
  background-position: calc(50% + 400px) -50px;
}
#organizations-page main #new-organization-form fieldset {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 2rem;
  margin-bottom: 1rem;
}
#organizations-page main #new-organization-form .page-form-label {
  color: white;
}
#organizations-page main #new-organization-form .page-form-input {
  border-color: white;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.7rem;
}
#organizations-page main #new-organization-form .page-form-input:focus {
  outline: 1px dashed white;
}
#organizations-page main #new-organization-form button {
  vertical-align: bottom;
  margin-bottom: 1rem;
}
#organizations-page main #new-organization-form p {
  margin-top: 0.5rem;
}
#organizations-page main #new-organization-form p a {
  color: white;
}
#organizations-page main #new-organization-form p a:focus {
  outline-color: white;
}

.organization-page main #publish-bar {
  margin-top: -4rem;
  margin-bottom: 4rem;
  padding: 1rem 0;
  color: white;
  background-color: #2b2b2b;
}
.organization-page main #publish-bar .centered, .organization-page main #publish-bar #header {
  align-items: center;
}
.organization-page main #publish-bar .publishing-form {
  display: inline-block;
  margin-right: 2rem;
}
.organization-page main #publish-bar .publishing-form button {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

#organization-page main header,
#organization-page main #details,
#organization-page main #long-description,
#organization-page main #sustainability-goals,
#organization-page main #board-members {
  max-width: 97rem;
}
#organization-page main header {
  margin-top: 8rem;
  line-height: 1.5;
}
#organization-page main header #logo {
  display: block;
  max-width: 17rem;
  max-height: 17rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
  margin-bottom: 2rem;
}
#organization-page main header .official-name,
#organization-page main header .registry-code {
  font-weight: 600;
}
#organization-page main header #short-description {
  margin-top: 2rem;
}
#organization-page main header #links {
  margin-top: 2rem;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 600;
}
#organization-page main header #links li {
  display: inline-block;
  margin-right: 2rem;
}
#organization-page main header #links a {
  display: inline-block;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 3rem;
  background-repeat: no-repeat;
  background-position: left center;
  border-radius: 0.2rem;
  outline-offset: 0.2rem;
  -moz-outline-radius: 0.2rem;
}
#organization-page main header #links a:hover {
  color: #7faef3;
}
#organization-page main header #links a:focus {
  outline: 1px dashed #7faef3;
}
#organization-page main header #links .web-button {
  background-image: url("web.svg");
}
#organization-page main header #links .email-button {
  background-image: url("email.svg");
}
#organization-page main header #links .linkedin-button {
  background-image: url("linkedin.svg");
}
#organization-page main header #links .facebook-button {
  background-image: url("facebook.svg");
}
#organization-page main header #links .instagram-button {
  background-image: url("instagram.svg");
}
#organization-page main h2 {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1rem;
}
#organization-page main #short-description,
#organization-page main #sustainability-goals,
#organization-page main #long-description,
#organization-page main #board-members {
  line-height: 1.5;
}
#organization-page main #short-description p,
#organization-page main #sustainability-goals p,
#organization-page main #long-description p,
#organization-page main #board-members p {
  white-space: pre-wrap;
}
#organization-page main #details {
  margin-top: 4rem;
}
#organization-page main #details > h2 {
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}
#organization-page main #details .fact {
  display: inline-block;
  vertical-align: top;
  margin-right: 4rem;
  margin-bottom: 2rem;
}
#organization-page main #details .fact p, #organization-page main #details .fact ul {
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 600;
}
#organization-page main #details .fact h2 {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 879px) {
  #organization-page main #details {
    columns: auto;
  }
  #organization-page main #details .fact {
    display: inline-block;
  }
}
#organization-page main #details #general #business-models li {
  display: inline;
}
#organization-page main #details #general #business-models li + li:before {
  content: ", ";
}
#organization-page main #sustainability-goals {
  line-height: 1.5;
}
#organization-page main #sustainability-goals ol {
  margin-top: 2rem;
  columns: 35rem 2;
  column-gap: 2rem;
}
#organization-page main #sustainability-goals li {
  clear: both;
  padding-bottom: 2rem;
  break-inside: avoid;
}
#organization-page main #sustainability-goals h3 {
  font-weight: 600;
  margin-bottom: 0.3rem;
}
#organization-page main #sustainability-goals p {
  font-size: 1.6rem;
  margin-left: 7.5rem;
}
#organization-page main #sustainability-goals img {
  width: 6rem;
  margin-right: 1.5rem;
  float: left;
  border-radius: 0.5rem;
}
#organization-page main #taxes h2,
#organization-page main #updates h2 {
  line-height: 1.3;
  font-size: 1.6rem;
  text-transform: none;
  color: #2b2b2b;
  font-weight: 600;
  margin-bottom: 2rem;
}
#organization-page main #taxes tbody th {
  font-weight: 500;
}

.update-organization-page main section + form {
  margin-top: 2rem;
}
.update-organization-page main #back + .flash {
  margin-top: 1rem;
}
.update-organization-page main header {
  margin-bottom: 3rem;
  line-height: 1.5;
}
.update-organization-page main header h1 {
  margin-bottom: 0.5rem;
}
.update-organization-page main header h1 input {
  padding: 0.8rem 2rem;
  width: 100%;
  font-weight: 600;
  line-height: 1.1;
  font-size: 4rem;
  color: black;
}
.update-organization-page main header .official-name,
.update-organization-page main header .registry-code {
  color: #878787;
  font-size: 2rem;
  font-weight: 500;
}
.update-organization-page main .field-row {
  line-height: 1.5;
}
.update-organization-page main #organization-logo-row img {
  display: block;
  max-width: 30rem;
  margin-bottom: 1rem;
}
.update-organization-page main #organization-logo-row input {
  margin-top: 1rem;
}
.update-organization-page main #other-urls-row textarea {
  min-height: 12rem;
}
.update-organization-page main h3 {
  font-weight: 600;
  color: #878787;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.update-organization-page main h3 ~ h3 {
  margin-top: 1.6rem;
}
.update-organization-page main h4 {
  font-size: 1.6rem;
  font-weight: 500;
}
.update-organization-page main h4 ~ h4 {
  margin-top: 1.6rem;
}
.update-organization-page main input[name=url] {
  min-width: 35rem;
  max-width: 100%;
}
.update-organization-page main textarea[name=short_description] {
  min-height: 10rem;
}
.update-organization-page main textarea[name=long_description] {
  min-height: 16rem;
}
.update-organization-page main textarea {
  width: 100%;
  resize: vertical;
}
.update-organization-page main .field-description {
  margin-top: 0.5rem;
  margin-bottom: 0.8rem;
}
.update-organization-page main .sev-checkbox {
  margin-bottom: 0.2rem;
}
.update-organization-page main .field-row + .field-row {
  margin-top: 1.6rem;
}
.update-organization-page main #regions,
.update-organization-page main #sustainability-goals {
  margin-top: 4rem;
}
.update-organization-page main #sustainability-goals img {
  vertical-align: middle;
  width: 1.6rem;
  margin-right: 1rem;
  border-radius: 0.2rem;
}
.update-organization-page main #taxes-table tbody .year-column,
.update-organization-page main #taxes-table tbody .quarter-column {
  font-weight: bold;
}
.update-organization-page main #taxes-table input {
  width: 100%;
}
.update-organization-page main #taxes-table .original {
  padding-left: 1rem;
  margin-top: 0.5rem;
}
.update-organization-page main #taxes-table .original output {
  font-family: monospace;
  font-weight: 600;
}
.update-organization-page main #submit-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #004700;
  border-radius: 0.5rem;
}
.update-organization-page main #delete-section {
  margin-top: 2rem;
}
.update-organization-page main #delete-section form {
  display: inline-block;
  margin-left: 1rem;
}
.update-organization-page main #delete-section form button {
  padding: 0.7rem 1rem;
}

#taxes-page main #upload-form select[name=quarter] {
  margin-left: 1rem;
}

#accept-account-invite-page main #account-form {
  background-color: #004700;
  color: white;
  padding: 1.5rem 1.5rem;
  border-radius: 0.5rem;
}
#accept-account-invite-page main #account-form .page-form-label {
  color: white;
}
#accept-account-invite-page main #organizations {
  margin-top: 0.5rem;
}
#accept-account-invite-page main #organizations li {
  margin-left: 2rem;
  list-style: circle;
}
#accept-account-invite-page main #account-form {
  margin-top: 2rem;
}
