/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -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;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  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"] {
  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;
}
[hidden],
template {
  display: none;
}
:root {
  --font-family: "Avenir-Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --type-base--body: 1rem;
  --type-base--h-mega: 2.25rem;
  --type-base--h1: 1.875rem;
  --type-base--h2: 1.25rem;
  --type-base--h3: 1.125rem;
  --type-base--h4: 1.125rem;
  --type-base--h5: 1.125rem;
  --type-base--h6: 0.8125rem;
  --type-base--blockquote: 1.25rem;
  --type-base--lead: 1.25rem;
  --type-base--small: 0.8125rem;
  --type-base--line-height: 1.7;
  --type-medium--body: 1.25rem;
  --type-medium--h-mega: 3rem;
  --type-medium--h1: 2.875rem;
  --type-medium--h2: 1.625rem;
  --type-medium--h3: 1.375rem;
  --type-medium--h4: 1.375rem;
  --type-medium--h5: 1.375rem;
  --type-medium--h6: 1rem;
  --type-medium--blockquote: 1.625rem;
  --type-medium--lead: 1.625rem;
  --type-medium--small: 1rem;
  --type-medium--base-line-height: 1.6;
  --spacing-base: 2rem;
  --spacing-base--3-4: 1.5rem;
  --spacing-base--3-4: calc(var(--spacing-base) / 4 * 3);
  --spacing-base--1-2: 1rem;
  --spacing-base--1-2: calc(var(--spacing-base) / 2);
  --spacing-base--1-4: 0.5rem;
  --spacing-base--1-4: calc(var(--spacing-base) / 4);
  --spacing-base--1-8: 0.25rem;
  --spacing-base--1-8: calc(var(--spacing-base) / 8);
  --spacing-medium: 4rem;
  --spacing-medium--3-4: 3rem;
  --spacing-medium--3-4: calc(var(--spacing-medium) / 4 * 3);
  --spacing-medium--1-2: 2rem;
  --spacing-medium--1-2: calc(var(--spacing-medium) / 2);
  --spacing-medium--1-4: 1rem;
  --spacing-medium--1-4: calc(var(--spacing-medium) / 4);
  --spacing-medium--1-8: 0.5rem;
  --spacing-medium--1-8: calc(var(--spacing-medium) / 8);
  --color-brand: #00b1e7;
  --color-text: #282828;
  --color-white: #fff;
  --color-black: #000;
  --color-link: #00729a;
  --color-link--hover: #000102;
  --color-link--focus: #eec300;
  --color-link--active: #005981;
  --color-link--visited: #004c67;
  --color-button-primary: #0f8482;
  --color-button-primary--hover: #2b9e9c;
  --color-button-primary--active: #0c6d6b;
  --color-button-dark: #374c63;
  --color-button-dark--hover: #4a6683;
  --color-button-dark--active: #2e3f53;
  --color-button: #374c63;
  --color-button: var(--color-button-dark);
  --color-button--hover: #4a6683;
  --color-button--hover: var(--color-button-dark--hover);
  --color-button--active: #2e3f53;
  --color-button--active: var(--color-button-dark--active);
  --color-grey-light: #f3f3f3;
  --color-grey-mid: #c4c4c4;
  --color-grey-dark: #6e6e6e;
  --color-yellow-bright: #ff0;
  --color-yellow-light: #ffec00;
  --color-yellow-mid: #ffd308;
  --color-green-bright: #edfb3c;
  --color-green-light: #bad303;
  --color-green-mid: #4f820d;
  --color-green-dark: #385c0a;
  --color-turquoise-bright: #0afbfb;
  --color-turquoise-light: #72dcdb;
  --color-turquoise-mid: #0f8482;
  --color-turquoise-dark: #166d66;
  --color-blue-bright: #418cfc;
  --color-blue-light: #92d8fe;
  --color-blue-mid: #326bb7;
  --color-blue-dark: #334c89;
  --color-pink-bright: #fc43d3;
  --color-pink-light: #ff80d3;
  --color-purple-mid: #ad208e;
  --color-purple-dark: #61307d;
  --color-orange-mid: #f8642c;
  --color-red-mid: #d63118;
  --color-red-dark: #9f2a00;
}
*,
:after,
:before {
  box-sizing: border-box;
}
body,
html {
  font-size: 1rem;
  font-size: var(--type-base--body);
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  color: #282828;
  color: var(--color-text);
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.7;
  line-height: var(--type-base--line-height);
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.coop-logo-link {
  border: 0;
}
.coop-logo {
  height: 40px;
  width: 38px;
}
@font-face {
  font-family: Avenir-Next;
  font-weight: 400;
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot#iefix);
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot#iefix)
      format("eot"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2)
      format("woff2"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff)
      format("woff"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf)
      format("truetype");
}
@font-face {
  font-family: Avenir-Next;
  font-weight: 400;
  font-style: italic;
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot#iefix);
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot#iefix)
      format("eot"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2)
      format("woff2"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff)
      format("woff"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf)
      format("truetype");
}
@font-face {
  font-family: Avenir-Next;
  font-weight: 500;
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot#iefix);
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot#iefix)
      format("eot"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2)
      format("woff2"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/f26faddb-86cc-4477-a253-1e1287684336.woff)
      format("woff"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf)
      format("truetype");
}
@font-face {
  font-family: Avenir-Next;
  font-weight: 600;
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot#iefix);
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot#iefix)
      format("eot"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2)
      format("woff2"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff)
      format("woff"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf)
      format("truetype");
}
@font-face {
  font-family: Avenir-Next;
  font-weight: 600;
  font-style: italic;
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot#iefix);
  src: url(https://assets.digital.coop.co.uk/finder/static/fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot#iefix)
      format("eot"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/687932cb-145b-4690-a21d-ed1243db9e36.woff2)
      format("woff2"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/bc350df4-3100-4ce1-84ce-4a5363dbccfa.woff)
      format("woff"),
    url(https://assets.digital.coop.co.uk/finder/static/fonts/bc13ae80-cd05-42b4-b2a9-c123259cb166.ttf)
      format("truetype");
}
.coop-h1,
.coop-h2,
.coop-h3,
.coop-h4,
.coop-h5,
.coop-h6,
address,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-weight: 400;
  margin-top: 0;
}
.coop-h1,
.coop-h2,
.coop-h3,
.coop-h4,
.coop-h5,
.coop-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
p {
  font-size: 1rem;
  font-size: var(--type-base--body);
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-base--1-4);
}
p:last-child {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-medium--1-2);
}
@media (min-width: 46.875em) {
  p {
    font-size: 1.25rem;
    font-size: var(--type-medium--body);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-medium--1-4);
  }
}
ol,
ul {
  font-size: 1rem;
  font-size: var(--type-base--body);
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-base--1-4);
}
@media (min-width: 46.875em) {
  ol,
  ul {
    font-size: 1.25rem;
    font-size: var(--type-medium--body);
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-medium--1-4);
  }
}
.coop-h-mega {
  font-weight: 700;
  font-size: 2.25rem;
  font-size: var(--type-base--h-mega);
  line-height: 1.385;
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
  padding-top: 1rem;
  padding-top: var(--spacing-base--1-2);
}
@media (min-width: 46.875em) {
  .coop-h-mega {
    font-size: 3rem;
    font-size: var(--type-medium--h-mega);
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-medium--1-2);
    padding-top: 2rem;
    padding-top: var(--spacing-medium--1-2);
  }
}
.coop-h1,
h1 {
  font-size: 1.875rem;
  font-size: var(--type-base--h1);
  line-height: 1.4;
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
}
@media (min-width: 46.875em) {
  .coop-h1,
  h1 {
    font-size: 2.875rem;
    font-size: var(--type-medium--h1);
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-medium--1-2);
  }
}
.coop-h2,
h2 {
  font-size: 1.25rem;
  font-size: var(--type-base--h2);
  line-height: 1.55;
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
}
@media (min-width: 46.875em) {
  .coop-h2,
  h2 {
    font-size: 1.625rem;
    font-size: var(--type-medium--h2);
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-medium--1-2);
  }
}
.coop-h3,
h3 {
  font-size: 1.125rem;
  font-size: var(--type-base--h3);
  line-height: 1.455;
  padding-top: 0.25rem;
  padding-top: var(--spacing-base--1-8);
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-base--1-8);
}
@media (min-width: 46.875em) {
  .coop-h3,
  h3 {
    font-size: 1.375rem;
    font-size: var(--type-medium--h3);
    padding-top: 0.5rem;
    padding-top: var(--spacing-medium--1-8);
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-medium--1-8);
  }
}
.coop-h4,
h4 {
  font-size: 1.125rem;
  font-size: var(--type-base--h4);
  line-height: 1.455;
  padding-top: 0.25rem;
  padding-top: var(--spacing-base--1-8);
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-base--1-8);
}
@media (min-width: 46.875em) {
  .coop-h4,
  h4 {
    font-size: 1.375rem;
    font-size: var(--type-medium--h4);
    padding-top: 0.5rem;
    padding-top: var(--spacing-medium--1-8);
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-medium--1-8);
  }
}
.coop-h5,
h5 {
  font-size: 1.125rem;
  font-size: var(--type-base--h5);
  line-height: 1.455;
  padding-top: 0.25rem;
  padding-top: var(--spacing-base--1-8);
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-base--1-8);
}
@media (min-width: 46.875em) {
  .coop-h5,
  h5 {
    font-size: 1.375rem;
    font-size: var(--type-medium--h5);
    padding-top: 0.5rem;
    padding-top: var(--spacing-medium--1-8);
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-medium--1-8);
  }
}
.coop-h6,
h6 {
  font-size: 0.8125rem;
  font-size: var(--type-base--h6);
  line-height: 1.5;
  padding-top: 0.5rem;
  padding-top: var(--spacing-base--1-4);
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-base--1-8);
}
@media (min-width: 46.875em) {
  .coop-h6,
  h6 {
    font-size: 1rem;
    font-size: var(--type-medium--h6);
    padding-top: 1rem;
    padding-top: var(--spacing-medium--1-4);
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-medium--1-8);
  }
}
.coop-smallprint,
small {
  line-height: 1.25;
  font-size: 0.8125rem;
  font-size: var(--type-base--small);
  padding-top: 0.5rem;
  padding-top: var(--spacing-base--1-4);
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-base--1-8);
}
@media (min-width: 46.875em) {
  .coop-smallprint,
  small {
    font-size: 1rem;
    font-size: var(--type-medium--small);
    padding-top: 1rem;
    padding-top: var(--spacing-medium--1-4);
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-medium--1-8);
  }
}
.coop-hr,
hr {
  display: block;
  margin: 2rem 0 3rem;
  border: 0 solid #c4c4c4;
  border-color: var(--color-grey-mid);
  border-bottom: 1px solid var(--color-grey-mid);
  height: 0;
  color: #c4c4c4;
  color: var(--color-grey-mid);
}
.coop-hr.dashed,
hr.dashed {
  border-style: dashed;
}
.coop-regular {
  font-weight: 400;
  font-style: normal;
}
.coop-em,
.coop-italic {
  font-weight: 400;
  font-style: italic;
}
.coop-bold,
.coop-strong {
  font-weight: 700;
  font-style: normal;
}
.coop-medium {
  font-weight: 500;
  font-style: normal;
}
.coop-bold-italic {
  font-family: bold;
  font-style: italic;
}
.coop-blockquote,
blockquote {
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
  margin-left: 0.5rem;
  margin-left: var(--spacing-base--1-4);
  padding-left: 0.5rem;
  padding-left: var(--spacing-base--1-4);
}
.coop-blockquote:after,
.coop-blockquote:before,
blockquote:after,
blockquote:before {
  content: "";
  display: block;
  width: 45px;
  height: 6px;
  margin-top: 0.5rem;
  margin-top: var(--spacing-base--1-4);
  margin-right: 0;
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-base--1-4);
  margin-left: 0.5rem;
  margin-left: var(--spacing-base--1-4);
  background: #f3f3f3;
  background: var(--color-grey-light);
}
@media (min-width: 46.875em) {
  .coop-blockquote,
  blockquote {
    margin-left: 1rem;
    margin-left: var(--spacing-base--1-2);
  }
}
.coop-blockquote p,
blockquote p {
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-base--1-4);
  text-indent: -0.25rem;
}
.coop-blockquote p,
.coop-blockquote p.alpha,
.coop-blockquote p.beta,
blockquote p,
blockquote p.alpha,
blockquote p.beta {
  font-style: normal;
  font-weight: 400;
}
.coop-blockquote cite,
blockquote cite {
  font-size: 1rem;
  font-size: var(--type-base--body);
  font-style: normal;
  margin-top: 0.5rem;
  margin-top: var(--spacing-base--1-4);
}
.coop-blockquote__cite,
cite {
  display: block;
  font-size: 0.75rem;
}
.coop-line-through,
del {
  text-decoration: line-through;
}
address {
  font-weight: 400;
  font-style: normal;
}
.coop-intro-text {
  font-size: 1.25rem;
  font-size: var(--type-base--lead);
  line-height: 1.6;
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-base--1-8);
}
p + ul {
  margin-top: -0.25rem;
  margin-top: calc(-1 * var(--spacing-base--1-8));
}
@media (min-width: 46.875em) {
  p + ul {
    margin-top: -0.5rem;
    margin-top: calc(-1 * var(--spacing-medium--1-8));
  }
}
.coop-definition-list,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
}
.coop-definition-list dt,
dl dt {
  font-weight: 700;
  margin-bottom: 0;
}
.coop-definition-list dd,
.coop-definition-list dt,
dl dd,
dl dt {
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
}
.coop-definition-list dd,
dl dd {
  margin: 0 0 0.5rem;
  margin: 0 0 var(--spacing-base--1-4);
}
.coop-list-bare,
.coop-list-inline,
.coop-undecorated-list {
  list-style-type: none;
  padding: 0;
}
.coop-list-inline li {
  display: inline-block;
}
a {
  color: #00729a;
  color: var(--color-link);
  border-bottom: 0.05em solid #00729a;
  border-bottom: 0.05em solid var(--color-link);
  text-decoration: none;
}
a:hover {
  color: #000102;
  color: var(--color-link--hover);
  border: 0;
}
a:active,
a:focus {
  transition: none;
  outline: 2px dotted #eec300;
  outline: 2px dotted var(--color-link--focus);
  outline-offset: 3px;
}
.link-white {
  border-bottom: 0.05em solid #fff;
  border-bottom: 0.05em solid var(--color-white);
  text-decoration: none;
}
.link-white,
.link-white:hover {
  color: #fff;
  color: var(--color-white);
}
.link-white:hover {
  border: 0;
}
.link-white:active,
.link-white:focus {
  transition: none;
  outline: 2px dotted #fff;
  outline: 2px dotted var(--color-white);
  outline-offset: 3px;
}
.link-black {
  border-bottom: 0.05em solid #000;
  border-bottom: 0.05em solid var(--color-black);
  text-decoration: none;
}
.link-black,
.link-black:hover {
  color: #000;
  color: var(--color-black);
}
.link-black:hover {
  border: 0;
}
.link-black:active,
.link-black:focus {
  transition: none;
  outline: 2px dotted #000;
  outline: 2px dotted var(--color-black);
  outline-offset: 3px;
}
.coop-l-container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.coop-l-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: -2rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.coop-l-grid-item {
  flex: 1 0 auto;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
}
.coop-l-grid--fluid .coop-l-grid-item {
  flex: 1;
}
@media (min-width: 480px) {
  .coop-l-grid {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .coop-l-grid-items--2 .coop-l-grid-item,
  .coop-l-grid-items--3 .coop-l-grid-item,
  .coop-l-grid-items--4 .coop-l-grid-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 960px) {
  .coop-l-grid-items--3 .coop-l-grid-item {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .coop-l-grid-items--4 .coop-l-grid-item {
    flex-basis: 25%;
    max-width: 25%;
  }
}
.coop-u-flex {
  display: flex;
}
.coop-u-flex-wrap {
  flex-wrap: wrap;
}
.coop-u-flex-nowrap {
  flex-wrap: nowrap;
}
.coop-u-flex-row {
  flex-direction: row;
}
.coop-u-flex-column {
  flex-direction: column;
}
.coop-u-flex-row-reverse {
  flex-direction: row-reverse;
}
.coop-u-flex-column-reverse {
  flex-direction: column-reverse;
}
.coop-u-flex-start {
  justify-content: flex-start;
}
.coop-u-flex-center {
  justify-content: center;
}
.coop-u-flex-end {
  justify-content: flex-end;
}
.coop-u-flex-centered {
  justify-content: center;
  align-items: center;
}
.coop-u-brand {
  color: #00b1e7;
  color: var(--color-brand);
}
.coop-u-brand-bg {
  background: #00b1e7;
  background: var(--color-brand);
}
.coop-u-text {
  color: #282828;
  color: var(--color-text);
}
.coop-u-text-bg {
  background: #282828;
  background: var(--color-text);
}
.coop-u-white {
  color: #fff;
  color: var(--color-white);
}
.coop-u-white-bg {
  background: #fff;
  background: var(--color-white);
}
.coop-u-black {
  color: #000;
  color: var(--color-black);
}
.coop-u-black-bg {
  background: #000;
  background: var(--color-black);
}
.coop-u-link-blue {
  color: #00729a;
  color: var(--color-link);
}
.coop-u-link-blue-bg {
  background: #00729a;
  background: var(--color-link);
}
.coop-u-link-hover-blue {
  color: #000102;
  color: var(--color-link--hover);
}
.coop-u-link-hover-blue-bg {
  background: #000102;
  background: var(--color-link--hover);
}
.coop-u-link-focus {
  color: #eec300;
  color: var(--color-link--focus);
}
.coop-u-link-focus-bg {
  background: #eec300;
  background: var(--color-link--focus);
}
.coop-u-link-focus-outline {
  outline: 4px solid #eec300;
  outline: 4px solid var(--color-link--focus);
}
.coop-u-link-active,
.coop-u-link-visited {
  color: #004c67;
  color: var(--color-link--visited);
}
.coop-u-link-active-bg,
.coop-u-link-visited-bg {
  background: #004c67;
  background: var(--color-link--visited);
}
.coop-u-button-primary {
  color: #0f8482;
  color: var(--color-button-primary);
}
.coop-u-button-primary-bg {
  background: #0f8482;
  background: var(--color-button-primary);
}
.coop-u-button-primary-hover-bg {
  background: #2b9e9c;
  background: var(--color-button-primary--hover);
}
.coop-u-button-dark {
  color: #374c63;
  color: var(--color-button-dark);
}
.coop-u-button-dark-bg {
  background: #374c63;
  background: var(--color-button-dark);
}
.coop-u-button-dark-hover-bg {
  background: #4a6683;
  background: var(--color-button-dark--hover);
}
.coop-u-yellow-bright {
  color: #ff0;
  color: var(--color-yellow-bright);
}
.coop-u-yellow-bright-bg {
  background: #ff0;
  background: var(--color-yellow-bright);
}
.coop-u-yellow-light {
  color: #ffec00;
  color: var(--color-yellow-light);
}
.coop-u-yellow-light-bg {
  background: #ffec00;
  background: var(--color-yellow-light);
}
.coop-u-yellow-mid {
  color: #ffd308;
  color: var(--color-yellow-mid);
}
.coop-u-yellow-mid-bg {
  background: #ffd308;
  background: var(--color-yellow-mid);
}
.coop-u-green-bright {
  color: #edfb3c;
  color: var(--color-green-bright);
}
.coop-u-green-bright-bg {
  background: #edfb3c;
  background: var(--color-green-bright);
}
.coop-u-green-light {
  color: #bad303;
  color: var(--color-green-light);
}
.coop-u-green-light-bg {
  background: #bad303;
  background: var(--color-green-light);
}
.coop-u-green-mid {
  color: #4f820d;
  color: var(--color-green-mid);
}
.coop-u-green-mid-bg {
  background: #4f820d;
  background: var(--color-green-mid);
}
.coop-u-green-dark {
  color: #385c0a;
  color: var(--color-green-dark);
}
.coop-u-green-dark-bg {
  background: #385c0a;
  background: var(--color-green-dark);
}
.coop-u-green-blue-bright {
  color: #0afbfb;
  color: var(--color-turquoise-bright);
}
.coop-u-green-blue-bright-bg {
  background: #0afbfb;
  background: var(--color-turquoise-bright);
}
.coop-u-green-blue-light {
  color: #72dcdb;
  color: var(--color-turquoise-light);
}
.coop-u-green-blue-light-bg {
  background: #72dcdb;
  background: var(--color-turquoise-light);
}
.coop-u-green-blue-mid {
  color: #0f8482;
  color: var(--color-turquoise-mid);
}
.coop-u-green-blue-mid-bg {
  background: #0f8482;
  background: var(--color-turquoise-mid);
}
.coop-u-green-blue-dark {
  color: #166d66;
  color: var(--color-turquoise-dark);
}
.coop-u-green-blue-dark-bg {
  background: #166d66;
  background: var(--color-turquoise-dark);
}
.coop-u-blue-bright {
  color: #418cfc;
  color: var(--color-blue-bright);
}
.coop-u-blue-bright-bg {
  background: #418cfc;
  background: var(--color-blue-bright);
}
.coop-u-blue-light {
  color: #92d8fe;
  color: var(--color-blue-light);
}
.coop-u-blue-light-bg {
  background: #92d8fe;
  background: var(--color-blue-light);
}
.coop-u-blue-mid {
  color: #326bb7;
  color: var(--color-blue-mid);
}
.coop-u-blue-mid-bg {
  background: #326bb7;
  background: var(--color-blue-mid);
}
.coop-u-blue-dark {
  color: #334c89;
  color: var(--color-blue-dark);
}
.coop-u-blue-dark-bg {
  background: #334c89;
  background: var(--color-blue-dark);
}
.coop-u-pink-bright {
  color: #fc43d3;
  color: var(--color-pink-bright);
}
.coop-u-pink-bright-bg {
  background: #fc43d3;
  background: var(--color-pink-bright);
}
.coop-u-pink-light {
  color: #ff80d3;
  color: var(--color-pink-light);
}
.coop-u-pink-light-bg {
  background: #ff80d3;
  background: var(--color-pink-light);
}
.coop-u-purple-mid {
  color: #ad208e;
  color: var(--color-purple-mid);
}
.coop-u-purple-mid-bg {
  background: #ad208e;
  background: var(--color-purple-mid);
}
.coop-u-purple-dark {
  color: #61307d;
  color: var(--color-purple-dark);
}
.coop-u-purple-dark-bg {
  background: #61307d;
  background: var(--color-purple-dark);
}
.coop-u-orange-mid {
  color: #f8642c;
  color: var(--color-orange-mid);
}
.coop-u-orange-mid-bg {
  background: #f8642c;
  background: var(--color-orange-mid);
}
.coop-u-red-mid {
  color: #d63118;
  color: var(--color-red-mid);
}
.coop-u-red-mid-bg {
  background: #d63118;
  background: var(--color-red-mid);
}
.coop-u-red-dark {
  color: #9f2a00;
  color: var(--color-red-dark);
}
.coop-u-red-dark-bg {
  background: #9f2a00;
  background: var(--color-red-dark);
}
.coop-u-grey-light {
  color: #f3f3f3;
  color: var(--color-grey-light);
}
.coop-u-grey-light-bg {
  background: #f3f3f3;
  background: var(--color-grey-light);
}
.coop-u-grey-mid {
  color: #c4c4c4;
  color: var(--color-grey-mid);
}
.coop-u-grey-mid-bg {
  background: #c4c4c4;
  background: var(--color-grey-mid);
}
.coop-u-grey-dark {
  color: #6e6e6e;
  color: var(--color-grey-dark);
}
.coop-u-grey-dark-bg {
  background: #6e6e6e;
  background: var(--color-grey-dark);
}
.coop-btn {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  padding: var(--spacing-base--1-4) calc(var(--spacing-base--1-2) * 1.25);
  color: #fff;
  color: var(--color-white);
  background: #374c63;
  background: var(--color-button-dark);
  font-size: 1rem;
  font-size: var(--type-base--body);
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-weight: 500;
  text-align: center;
  border: 0;
  border-radius: 7px;
  transition: all 0.15s linear;
  outline: none;
}
@media (min-width: 46.875em) {
  .coop-btn {
    font-size: 1.25rem;
    font-size: var(--type-medium--body);
    padding: 1rem 2.5rem;
    padding: var(--spacing-medium--1-4) calc(var(--spacing-medium--1-2) * 1.25);
  }
}
.coop-btn:focus,
.coop-btn:hover {
  background: #4a6683;
  background: var(--color-button-dark--hover);
  border: 0;
}
.coop-btn:focus {
  transition: none;
  outline: 2px dotted #eec300;
  outline: 2px dotted var(--color-link--focus);
  outline-offset: 3px;
}
.coop-btn:active {
  background: #2e3f53;
  background: var(--color-button-dark--active);
  outline: 0;
}
.coop-btn--primary {
  background: #0f8482;
  background: var(--color-button-primary);
}
.coop-btn--primary:focus,
.coop-btn--primary:hover {
  background: #2b9e9c;
  background: var(--color-button-primary--hover);
}
.coop-btn--active:active {
  background: #0c6d6b;
  background: var(--color-button-primary--active);
}
.coop-btn--full {
  width: 100%;
}
.coop-btn--small {
  padding: 0.25rem 0.5rem;
  padding: var(--spacing-base--1-8) var(--spacing-base--1-4);
  font-size: 0.8rem;
}
@media (min-width: 46.875em) {
  .coop-btn--small {
    padding: 0.5rem 1rem;
    padding: var(--spacing-medium--1-8) var(--spacing-medium--1-4);
  }
}
.coop-btn--medium {
  padding: 0.25rem 0.5rem;
  padding: calc(var(--spacing-base--1-4) / 2) var(--spacing-base--1-4);
}
@media (min-width: 46.875em) {
  .coop-btn--medium {
    font-size: 1rem;
    font-size: var(--type-base--body);
    padding: 0.5rem 1rem;
    padding: calc(var(--spacing-medium--1-4) / 2) var(--spacing-medium--1-4);
  }
}
.coop-btn--large {
  padding: 1rem;
  padding: var(--spacing-base--1-2) var(--spacing-base--1-2);
  font-size: 1.25rem;
  font-size: var(--type-medium--body);
}
@media (min-width: 46.875em) {
  .coop-btn--large {
    padding: 1rem 2rem;
    padding: var(--spacing-medium--1-4) var(--spacing-medium--1-2);
  }
}
.coop-form {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-base);
}
.coop-form__row {
  margin-bottom: var(--quarter-spacing-unit);
}
.coop-form__row:after,
.coop-form__row:before {
  content: " ";
  display: table;
}
.coop-form__row:after {
  clear: both;
}
.coop-form__label,
label {
  font-size: 1.125rem;
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-weight: 500;
  margin: 0 0 0.25rem;
  margin: 0 0 calc(var(--spacing-base--1-4) / 2);
}
@media (min-width: 46.875em) {
  .coop-form__label,
  label {
    font-size: 1.25rem;
  }
}
.coop-label__hint {
  display: block;
  color: #6e6e6e;
  color: var(--color-grey-dark);
  font-size: 0.75rem;
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 400;
}
.coop-form__label--inline {
  display: inline;
}
.coop-form__legend,
legend {
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-weight: 500;
  display: block;
  margin: 0 0 0.5rem;
  margin: 0 0 var(--spacing-base--1-4);
  font-size: 1.5rem;
}
@media (min-width: 46.875em) {
  .coop-form__legend,
  legend {
    font-size: 1.75rem;
  }
}
.coop-form__fieldset,
fieldset {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.coop-form__input,
.coop-form__textarea,
input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  display: block;
  width: 100%;
  padding: 0.5rem;
  padding: var(--spacing-base--1-4);
  background: #fff;
  background: var(--color-white);
  border: 1px solid #6e6e6e;
  border-color: var(--color-grey-dark);
  color: #282828;
  color: var(--color-text);
  outline: 0;
  transition: all 0.3s ease-in-out;
  font-size: 1.25rem;
}
.coop-form__input:focus,
.coop-form__textarea:focus,
input[type="text"]:focus,
textarea:focus {
  background: #fff;
  background: var(--color-white);
  border-color: #000;
  border-color: var(--color-black);
  outline-offset: 3px;
  outline: 2px dotted #eec300;
  outline: 2px dotted var(--color-link--focus);
  transition: none;
}
.coop-form__input:hover::-webkit-input-placeholder,
.coop-form__textarea:hover::-webkit-input-placeholder,
input[type="text"]:hover::-webkit-input-placeholder,
textarea:hover::-webkit-input-placeholder {
  color: #c4c4c4;
  color: var(--color-grey-mid);
}
.coop-form__input:focus::-webkit-input-placeholder,
.coop-form__textarea:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  transition: opacity 0.5s ease 0.5s;
  opacity: 0;
}
.coop-form__input.coop-form__field--inline,
.coop-form__textarea.coop-form__field--inline,
input[type="text"].coop-form__field--inline,
textarea.coop-form__field--inline {
  display: inline-block;
  width: auto;
}
.coop-form__textarea,
textarea {
  resize: vertical;
}
.coop-form__select,
select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  height: 2em;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: var(--spacing-base--1-6) var(--spacing-base--1-8);
  background: #fff;
  background: var(--color-white);
  border: 1px solid #6e6e6e;
  border-color: var(--color-grey-dark);
  color: #282828;
  color: var(--color-text);
  outline: 0;
  transition: all 0.3s ease-in-out;
  font-size: 1.25rem;
}
.coop-form__select:focus,
select:focus {
  background: #fff;
  background: var(--color-white);
  border-color: #000;
  border-color: var(--color-black);
  outline-offset: 3px;
  outline: 2px dotted #eec300;
  outline: 2px dotted var(--color-link--focus);
  transition: none;
}
.coop-form__select:hover::-webkit-input-placeholder,
select:hover::-webkit-input-placeholder {
  color: #c4c4c4;
  color: var(--color-grey-mid);
}
.coop-form__select:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  transition: opacity 0.5s ease 0.5s;
  opacity: 0;
}
.coop-form__select.coop-form__field--inline,
select.coop-form__field--inline {
  display: inline-block;
  width: auto;
}
.coop-form__checkbox,
.coop-form__radio,
input[type="checkbox"],
input[type="radio"] {
  display: inline;
  cursor: pointer;
}
.coop-form__indented {
  border-left: 3px solid #00b1e7;
  border-left: 3px solid var(--color-brand);
  padding-top: var(--spacing--base--1-4);
  padding-right: 0;
  padding-bottom: var(--spacing--base--1-4);
  padding-left: var(--spacing--base--1-2);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: var(--spacing--base--1-2);
  margin-left: calc(var(--spacing--base--1-2) / 1.1);
  width: calc(100% - var(--spacing--base) - 3px);
}
.coop-form__indented:last-child {
  margin-bottom: 0;
}
.coop-form__indented label {
  font-size: 1rem;
}
@media (min-width: 46.875em) {
  .coop-form__indented label {
    font-size: 1.1rem;
  }
}
.coop-form__indented fieldset {
  margin-bottom: 1.5rem;
  margin-bottom: var(--spacing-base--3-4);
}
.coop-form__invalid {
  border-color: #d63118;
  border-color: var(--color-red-mid);
}
.coop-form__error {
  position: relative;
  margin: 0.5rem 0;
  padding-left: 2rem;
  color: #d63118;
  color: var(--color-red-mid);
}
.coop-form__error:before {
  position: absolute;
  left: 0;
  font-size: 1.5rem;
}
.coop-form__error:last-child {
  margin-bottom: 0.5rem;
}
.coop-table,
table {
  width: 100%;
  table-layout: fixed;
  font-size: 1rem;
  font-size: var(--type-base--body);
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
}
@media var(min-width: 46.875em) {
  .coop-table,
  table {
    font-size: 1.25rem;
    font-size: var(--type-medium--body);
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-medium--1-2);
  }
}
.coop-table caption,
table caption {
  text-align: left;
}
.coop-table caption,
.coop-table th,
table caption,
table th {
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-weight: 700;
}
.coop-table td,
.coop-table th,
table td,
table th {
  padding: 0.5rem 0.5rem 0.5rem 0;
  padding: var(--spacing-base--1-4) var(--spacing-base--1-4)
    var(--spacing-base--1-4) 0;
  text-align: left;
  vertical-align: top;
}
.coop-table thead,
table thead {
  border-bottom: 2px solid #c4c4c4;
  border-bottom: 2px solid var(--color-grey-mid);
}
.coop-table thead .coop-table--regular-th,
table thead .coop-table--regular-th {
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
}
.coop-table tbody th,
table tbody th {
  position: relative;
}
.coop-table tbody th:after,
table tbody th:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 80%;
}
.coop-table tfoot td,
table tfoot td {
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
}
.coop-table ul,
table ul {
  margin-bottom: 0;
}
@media (max-width: 30em) {
  .coop-table-smallscreen--stacked td,
  .coop-table-smallscreen--stacked th {
    padding-top: 0.25rem;
    padding-top: var(--spacing-base--1-8);
    padding-botom: 0.25rem;
    padding-botom: var(--spacing-base--1-8);
    padding-right: 0;
    padding-left: 0;
    text-align: left;
  }
  .coop-table-smallscreen--stacked tfoot,
  .coop-table-smallscreen--stacked thead {
    border-bottom: 0;
  }
  .coop-table-smallscreen--stacked tfoot td,
  .coop-table-smallscreen--stacked tfoot th,
  .coop-table-smallscreen--stacked thead td,
  .coop-table-smallscreen--stacked thead th {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
    opacity: 0;
    letter-spacing: 0;
  }
  .coop-table-smallscreen--stacked tbody th {
    display: block;
    border-top: 2px solid #c4c4c4;
    border-top: 2px solid var(--color-grey-mid);
    margin-top: 0.5rem;
    margin-top: var(--spacing-base--1-4);
  }
  .coop-table-smallscreen--stacked
    tbody
    .coop-table-smallscreen--stacked_hidden {
    display: none;
  }
  .coop-table-smallscreen--stacked tbody td {
    display: block;
    border-bottom: 0;
  }
  .coop-table-smallscreen--stacked tbody td:before {
    content: attr(data-th) "";
    vertical-align: top;
    font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-family: var(--font-family);
    font-weight: 400;
    width: 40%;
    display: inline-block;
  }
  .coop-table-smallscreen--stacked tbody th:after {
    border-bottom: 0;
  }
  .coop-table-smallscreen--stacked tbody ul {
    display: inline-block;
    margin-left: -5px;
  }
  .coop-table-smallscreen--stacked tbody a {
    margin-left: -5px;
  }
}
.coop-table--unstyled {
  border: 0;
  margin-bottom: 0;
}
.coop-table--unstyled td,
.coop-table--unstyled th {
  padding-top: 0.25rem;
  padding-top: var(--spacing-base--1-8);
  padding-bottom: 0.25rem;
  padding-bottom: var(--spacing-base--1-8);
  padding-left: 0;
  padding-right: 0;
}
@media var(min-width: 46.875em) {
  .coop-table--unstyled td,
  .coop-table--unstyled th {
    padding: 1rem;
    padding: var(--spacing-medium--1-4);
  }
}
.coop-table--unstyled .coop-table--tr-divider {
  border-bottom: 1px solid #c4c4c4;
  border-bottom: 1px solid var(--color-grey-mid);
}
.coop-table--unstyled thead th {
  background: #fff;
  background: var(--color-white);
}
.coop-table--unstyled tbody td,
.coop-table--unstyled tbody th {
  background: #fff;
  background: var(--color-white);
  border-bottom: 0;
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-weight: 400;
}
.coop-table--unstyled .coop-table__bold {
  font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: var(--font-family);
  font-weight: 700;
}
.coop-table__header {
  padding: 16px 0 0;
  margin-bottom: 0;
}
@media var(min-width: 46.875em) {
  .coop-table__header {
    padding: 16px 8px 10px;
  }
}
.q {
  padding: 0 !important;
}
.coop-u-padding-e {
  padding: 0.25rem;
  padding: var(--spacing-base--1-8);
}
.coop-u-padding-q {
  padding: 0.5rem;
  padding: var(--spacing-base--1-4);
}
.coop-u-padding-h {
  padding: 1rem;
  padding: var(--spacing-base--1-2);
}
.coop-u-padding-b {
  padding: 2rem;
  padding: var(--spacing-base);
}
.coop-u-padding-bx {
  padding-bottom: 0 !important;
}
.coop-u-padding-be {
  padding-bottom: 0.25rem;
  padding-bottom: var(--spacing-base--1-8);
}
.coop-u-padding-bq {
  padding-bottom: 0.5rem;
  padding-bottom: var(--spacing-base--1-4);
}
.coop-u-padding-bh {
  padding-bottom: 1rem;
  padding-bottom: var(--spacing-base--1-2);
}
.coop-u-padding-bb {
  padding-bottom: 2rem;
  padding-bottom: var(--spacing-base);
}
.coop-u-padding-tx {
  padding-top: 0 !important;
}
.coop-u-padding-te {
  padding-top: 0.25rem;
  padding-top: var(--spacing-base--1-8);
}
.coop-u-padding-tq {
  padding-top: 0.5rem;
  padding-top: var(--spacing-base--1-4);
}
.coop-u-padding-th {
  padding-top: 1rem;
  padding-top: var(--spacing-base--1-2);
}
.coop-u-padding-tb {
  padding-top: 2rem;
  padding-top: var(--spacing-base);
}
.coop-u-margin-x {
  margin: 0 !important;
}
.coop-u-margin-e {
  margin: 0.25rem;
  margin: var(--spacing-base--1-8);
}
.coop-u-margin-q {
  margin: 0.5rem;
  margin: var(--spacing-base--1-4);
}
.coop-u-margin-h {
  margin: 1rem;
  margin: var(--spacing-base--1-2);
}
.coop-u-margin-b {
  margin: 2rem;
  margin: var(--spacing-base);
}
.coop-u-margin-bx {
  margin-bottom: 0 !important;
}
.coop-u-margin-be {
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-base--1-8);
}
.coop-u-margin-bq {
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-base--1-4);
}
.coop-u-margin-bh {
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-base--1-2);
}
.coop-u-margin-bb {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-base);
}
.coop-u-margin-tx {
  margin-top: 0 !important;
}
.coop-u-margin-te {
  margin-top: 0.25rem;
  margin-top: var(--spacing-base--1-8);
}
.coop-u-margin-tq {
  margin-top: 0.5rem;
  margin-top: var(--spacing-base--1-4);
}
.coop-u-margin-th {
  margin-top: 1rem;
  margin-top: var(--spacing-base--1-2);
}
.coop-u-margin-tb {
  margin-top: 2rem;
  margin-top: var(--spacing-base);
}
.coop-u-border {
  border: 1px solid #c4c4c4;
  border: 1px solid var(--color-grey-mid);
}
.coop-u-border-t {
  border-top: 1px solid #c4c4c4;
  border-top: 1px solid var(--color-grey-mid);
}
.coop-u-border-r {
  border-right: 1px solid #c4c4c4;
  border-right: 1px solid var(--color-grey-mid);
}
.coop-u-border-b {
  border-bottom: 1px solid #c4c4c4;
  border-bottom: 1px solid var(--color-grey-mid);
}
.coop-u-border-l {
  border-left: 1px solid #c4c4c4;
  border-left: 1px solid var(--color-grey-mid);
}
.coop-u-text-centre {
  text-align: center;
}
.coop-u-text-left {
  text-align: left;
}
.coop-u-text-right {
  text-align: right;
}
.coop-u-nowrap {
  white-space: nowrap;
}
.coop-u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
  opacity: 0;
  letter-spacing: 0;
}
.coop-u-visuallyshown {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  width: auto;
  opacity: 1;
  letter-spacing: inherit;
}
.coop-u-pull-left {
  float: left;
}
.coop-u-pull-right {
  float: right;
}
.coop-u-clearfix:after,
.coop-u-clearfix:before {
  content: " ";
  display: table;
}
.coop-u-clearfix:after {
  clear: both;
}
.coop-l-wrap {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1300px;
}
@media (min-width: 960px) {
  .coop-l-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.coop-l-row {
  margin-left: -8px;
  margin-right: -8px;
}
.coop-l-row:after,
.coop-l-row:before {
  content: " ";
  display: table;
}
.coop-l-row:after {
  clear: both;
}
.coop-l-column,
.coop-l-columns {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 750px) {
  .coop-l-row {
    margin-left: -16px;
    margin-right: -16px;
  }
  .coop-l-column,
  .coop-l-columns {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.coop-l-collapse > .coop-l-column,
.coop-l-collapse > .coop-l-columns,
.coop-l-column.coop-l-collapse,
.coop-l-columns.coop-l-collapse {
  padding-left: 0;
  padding-right: 0;
}
.coop-l-all-1 {
  width: 8.33333%;
}
.coop-l-all-offset-0 {
  margin-left: 0;
}
.coop-l-all-push-1 {
  left: 8.33333%;
  right: auto;
}
.coop-l-all-pull-1 {
  left: auto;
  right: 8.33333%;
}
.coop-l-all-2 {
  width: 16.66667%;
}
.coop-l-all-offset-1 {
  margin-left: 8.33333%;
}
.coop-l-all-push-2 {
  left: 16.66667%;
  right: auto;
}
.coop-l-all-pull-2 {
  left: auto;
  right: 16.66667%;
}
.coop-l-all-3 {
  width: 25%;
}
.coop-l-all-offset-2 {
  margin-left: 16.66667%;
}
.coop-l-all-push-3 {
  left: 25%;
  right: auto;
}
.coop-l-all-pull-3 {
  left: auto;
  right: 25%;
}
.coop-l-all-4 {
  width: 33.33333%;
}
.coop-l-all-offset-3 {
  margin-left: 25%;
}
.coop-l-all-push-4 {
  left: 33.33333%;
  right: auto;
}
.coop-l-all-pull-4 {
  left: auto;
  right: 33.33333%;
}
.coop-l-all-5 {
  width: 41.66667%;
}
.coop-l-all-offset-4 {
  margin-left: 33.33333%;
}
.coop-l-all-push-5 {
  left: 41.66667%;
  right: auto;
}
.coop-l-all-pull-5 {
  left: auto;
  right: 41.66667%;
}
.coop-l-all-6 {
  width: 50%;
}
.coop-l-all-offset-5 {
  margin-left: 41.66667%;
}
.coop-l-all-push-6 {
  left: 50%;
  right: auto;
}
.coop-l-all-pull-6 {
  left: auto;
  right: 50%;
}
.coop-l-all-7 {
  width: 58.33333%;
}
.coop-l-all-offset-6 {
  margin-left: 50%;
}
.coop-l-all-push-7 {
  left: 58.33333%;
  right: auto;
}
.coop-l-all-pull-7 {
  left: auto;
  right: 58.33333%;
}
.coop-l-all-8 {
  width: 66.66667%;
}
.coop-l-all-offset-7 {
  margin-left: 58.33333%;
}
.coop-l-all-push-8 {
  left: 66.66667%;
  right: auto;
}
.coop-l-all-pull-8 {
  left: auto;
  right: 66.66667%;
}
.coop-l-all-9 {
  width: 75%;
}
.coop-l-all-offset-8 {
  margin-left: 66.66667%;
}
.coop-l-all-push-9 {
  left: 75%;
  right: auto;
}
.coop-l-all-pull-9 {
  left: auto;
  right: 75%;
}
.coop-l-all-10 {
  width: 83.33333%;
}
.coop-l-all-offset-9 {
  margin-left: 75%;
}
.coop-l-all-push-10 {
  left: 83.33333%;
  right: auto;
}
.coop-l-all-pull-10 {
  left: auto;
  right: 83.33333%;
}
.coop-l-all-11 {
  width: 91.66667%;
}
.coop-l-all-offset-10 {
  margin-left: 83.33333%;
}
.coop-l-all-push-11 {
  left: 91.66667%;
  right: auto;
}
.coop-l-all-pull-11 {
  left: auto;
  right: 91.66667%;
}
.coop-l-all-12 {
  width: 100%;
}
.coop-l-all-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.coop-l-all-uncentered {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 320px) {
  .coop-l-xsmall-1 {
    width: 8.33333%;
  }
  .coop-l-xsmall-offset-0 {
    margin-left: 0;
  }
  .coop-l-xsmall-push-1 {
    left: 8.33333%;
    right: auto;
  }
  .coop-l-xsmall-pull-1 {
    left: auto;
    right: 8.33333%;
  }
  .coop-l-xsmall-2 {
    width: 16.66667%;
  }
  .coop-l-xsmall-offset-1 {
    margin-left: 8.33333%;
  }
  .coop-l-xsmall-push-2 {
    left: 16.66667%;
    right: auto;
  }
  .coop-l-xsmall-pull-2 {
    left: auto;
    right: 16.66667%;
  }
  .coop-l-xsmall-3 {
    width: 25%;
  }
  .coop-l-xsmall-offset-2 {
    margin-left: 16.66667%;
  }
  .coop-l-xsmall-push-3 {
    left: 25%;
    right: auto;
  }
  .coop-l-xsmall-pull-3 {
    left: auto;
    right: 25%;
  }
  .coop-l-xsmall-4 {
    width: 33.33333%;
  }
  .coop-l-xsmall-offset-3 {
    margin-left: 25%;
  }
  .coop-l-xsmall-push-4 {
    left: 33.33333%;
    right: auto;
  }
  .coop-l-xsmall-pull-4 {
    left: auto;
    right: 33.33333%;
  }
  .coop-l-xsmall-5 {
    width: 41.66667%;
  }
  .coop-l-xsmall-offset-4 {
    margin-left: 33.33333%;
  }
  .coop-l-xsmall-push-5 {
    left: 41.66667%;
    right: auto;
  }
  .coop-l-xsmall-pull-5 {
    left: auto;
    right: 41.66667%;
  }
  .coop-l-xsmall-6 {
    width: 50%;
  }
  .coop-l-xsmall-offset-5 {
    margin-left: 41.66667%;
  }
  .coop-l-xsmall-push-6 {
    left: 50%;
    right: auto;
  }
  .coop-l-xsmall-pull-6 {
    left: auto;
    right: 50%;
  }
  .coop-l-xsmall-7 {
    width: 58.33333%;
  }
  .coop-l-xsmall-offset-6 {
    margin-left: 50%;
  }
  .coop-l-xsmall-push-7 {
    left: 58.33333%;
    right: auto;
  }
  .coop-l-xsmall-pull-7 {
    left: auto;
    right: 58.33333%;
  }
  .coop-l-xsmall-8 {
    width: 66.66667%;
  }
  .coop-l-xsmall-offset-7 {
    margin-left: 58.33333%;
  }
  .coop-l-xsmall-push-8 {
    left: 66.66667%;
    right: auto;
  }
  .coop-l-xsmall-pull-8 {
    left: auto;
    right: 66.66667%;
  }
  .coop-l-xsmall-9 {
    width: 75%;
  }
  .coop-l-xsmall-offset-8 {
    margin-left: 66.66667%;
  }
  .coop-l-xsmall-push-9 {
    left: 75%;
    right: auto;
  }
  .coop-l-xsmall-pull-9 {
    left: auto;
    right: 75%;
  }
  .coop-l-xsmall-10 {
    width: 83.33333%;
  }
  .coop-l-xsmall-offset-9 {
    margin-left: 75%;
  }
  .coop-l-xsmall-push-10 {
    left: 83.33333%;
    right: auto;
  }
  .coop-l-xsmall-pull-10 {
    left: auto;
    right: 83.33333%;
  }
  .coop-l-xsmall-11 {
    width: 91.66667%;
  }
  .coop-l-xsmall-offset-10 {
    margin-left: 83.33333%;
  }
  .coop-l-xsmall-push-11 {
    left: 91.66667%;
    right: auto;
  }
  .coop-l-xsmall-pull-11coop-l-xsmall-pull-11coop-l-xsmall-pull-11 {
    left: auto;
    right: 91.66667%;
  }
  .coop-l-xsmall-12 {
    width: 100%;
  }
  .coop-l-xsmall-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .coop-l-xsmall-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 480px) {
  .coop-l-small-1 {
    width: 8.33333%;
  }
  .coop-l-small-offset-0 {
    margin-left: 0;
  }
  .coop-l-small-push-1 {
    left: 8.33333%;
    right: auto;
  }
  .coop-l-small-pull-1 {
    left: auto;
    right: 8.33333%;
  }
  .coop-l-small-2 {
    width: 16.66667%;
  }
  .coop-l-small-offset-1 {
    margin-left: 8.33333%;
  }
  .coop-l-small-push-2 {
    left: 16.66667%;
    right: auto;
  }
  .coop-l-small-pull-2 {
    left: auto;
    right: 16.66667%;
  }
  .coop-l-small-3 {
    width: 25%;
  }
  .coop-l-small-offset-2 {
    margin-left: 16.66667%;
  }
  .coop-l-small-push-3 {
    left: 25%;
    right: auto;
  }
  .coop-l-small-pull-3 {
    left: auto;
    right: 25%;
  }
  .coop-l-small-4 {
    width: 33.33333%;
  }
  .coop-l-small-offset-3 {
    margin-left: 25%;
  }
  .coop-l-small-push-4 {
    left: 33.33333%;
    right: auto;
  }
  .coop-l-small-pull-4 {
    left: auto;
    right: 33.33333%;
  }
  .coop-l-small-5 {
    width: 41.66667%;
  }
  .coop-l-small-offset-4 {
    margin-left: 33.33333%;
  }
  .coop-l-small-push-5 {
    left: 41.66667%;
    right: auto;
  }
  .coop-l-small-pull-5 {
    left: auto;
    right: 41.66667%;
  }
  .coop-l-small-6 {
    width: 50%;
  }
  .coop-l-small-offset-5 {
    margin-left: 41.66667%;
  }
  .coop-l-small-push-6 {
    left: 50%;
    right: auto;
  }
  .coop-l-small-pull-6 {
    left: auto;
    right: 50%;
  }
  .coop-l-small-7 {
    width: 58.33333%;
  }
  .coop-l-small-offset-6 {
    margin-left: 50%;
  }
  .coop-l-small-push-7 {
    left: 58.33333%;
    right: auto;
  }
  .coop-l-small-pull-7 {
    left: auto;
    right: 58.33333%;
  }
  .coop-l-small-8 {
    width: 66.66667%;
  }
  .coop-l-small-offset-7 {
    margin-left: 58.33333%;
  }
  .coop-l-small-push-8 {
    left: 66.66667%;
    right: auto;
  }
  .coop-l-small-pull-8 {
    left: auto;
    right: 66.66667%;
  }
  .coop-l-small-9 {
    width: 75%;
  }
  .coop-l-small-offset-8 {
    margin-left: 66.66667%;
  }
  .coop-l-small-push-9 {
    left: 75%;
    right: auto;
  }
  .coop-l-small-pull-9 {
    left: auto;
    right: 75%;
  }
  .coop-l-small-10 {
    width: 83.33333%;
  }
  .coop-l-small-offset-9 {
    margin-left: 75%;
  }
  .coop-l-small-push-10 {
    left: 83.33333%;
    right: auto;
  }
  .coop-l-small-pull-10 {
    left: auto;
    right: 83.33333%;
  }
  .coop-l-small-11 {
    width: 91.66667%;
  }
  .coop-l-small-offset-10 {
    margin-left: 83.33333%;
  }
  .coop-l-small-push-11 {
    left: 91.66667%;
    right: auto;
  }
  .coop-l-small-pull-11 {
    left: auto;
    right: 91.66667%;
  }
  .coop-l-small-12 {
    width: 100%;
  }
  .coop-l-small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .coop-l-small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 750px) {
  .coop-l-medium-1 {
    width: 8.33333%;
  }
  .coop-l-medium-offset-0 {
    margin-left: 0;
  }
  .coop-l-medium-push-1 {
    left: 8.33333%;
    right: auto;
  }
  .coop-l-medium-pull-1 {
    left: auto;
    right: 8.33333%;
  }
  .coop-l-medium-2 {
    width: 16.66667%;
  }
  .coop-l-medium-offset-1 {
    margin-left: 8.33333%;
  }
  .coop-l-medium-push-2 {
    left: 16.66667%;
    right: auto;
  }
  .coop-l-medium-pull-2 {
    left: auto;
    right: 16.66667%;
  }
  .coop-l-medium-3 {
    width: 25%;
  }
  .coop-l-medium-offset-2 {
    margin-left: 16.66667%;
  }
  .coop-l-medium-push-3 {
    left: 25%;
    right: auto;
  }
  .coop-l-medium-pull-3 {
    left: auto;
    right: 25%;
  }
  .coop-l-medium-4 {
    width: 33.33333%;
  }
  .coop-l-medium-offset-3 {
    margin-left: 25%;
  }
  .coop-l-medium-push-4 {
    left: 33.33333%;
    right: auto;
  }
  .coop-l-medium-pull-4 {
    left: auto;
    right: 33.33333%;
  }
  .coop-l-medium-5 {
    width: 41.66667%;
  }
  .coop-l-medium-offset-4 {
    margin-left: 33.33333%;
  }
  .coop-l-medium-push-5 {
    left: 41.66667%;
    right: auto;
  }
  .coop-l-medium-pull-5 {
    left: auto;
    right: 41.66667%;
  }
  .coop-l-medium-6 {
    width: 50%;
  }
  .coop-l-medium-offset-5 {
    margin-left: 41.66667%;
  }
  .coop-l-medium-push-6 {
    left: 50%;
    right: auto;
  }
  .coop-l-medium-pull-6 {
    left: auto;
    right: 50%;
  }
  .coop-l-medium-7 {
    width: 58.33333%;
  }
  .coop-l-medium-offset-6 {
    margin-left: 50%;
  }
  .coop-l-medium-push-7 {
    left: 58.33333%;
    right: auto;
  }
  .coop-l-medium-pull-7 {
    left: auto;
    right: 58.33333%;
  }
  .coop-l-medium-8 {
    width: 66.66667%;
  }
  .coop-l-medium-offset-7 {
    margin-left: 58.33333%;
  }
  .coop-l-medium-push-8 {
    left: 66.66667%;
    right: auto;
  }
  .coop-l-medium-pull-8 {
    left: auto;
    right: 66.66667%;
  }
  .coop-l-medium-9 {
    width: 75%;
  }
  .coop-l-medium-offset-8 {
    margin-left: 66.66667%;
  }
  .coop-l-medium-push-9 {
    left: 75%;
    right: auto;
  }
  .coop-l-medium-pull-9 {
    left: auto;
    right: 75%;
  }
  .coop-l-medium-10 {
    width: 83.33333%;
  }
  .coop-l-medium-offset-9 {
    margin-left: 75%;
  }
  .coop-l-medium-push-10 {
    left: 83.33333%;
    right: auto;
  }
  .coop-l-medium-pull-10 {
    left: auto;
    right: 83.33333%;
  }
  .coop-l-medium-11 {
    width: 91.66667%;
  }
  .coop-l-medium-offset-10 {
    margin-left: 83.33333%;
  }
  .coop-l-medium-push-11 {
    left: 91.66667%;
    right: auto;
  }
  .coop-l-medium-pull-11 {
    left: auto;
    right: 91.66667%;
  }
  .coop-l-medium-12 {
    width: 100%;
  }
  .coop-l-medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .coop-l-medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 960px) {
  .coop-l-large-1 {
    width: 8.33333%;
  }
  .coop-l-large-offset-0 {
    margin-left: 0;
  }
  .coop-l-large-push-1 {
    left: 8.33333%;
    right: auto;
  }
  .coop-l-large-pull-1 {
    left: auto;
    right: 8.33333%;
  }
  .coop-l-large-2 {
    width: 16.66667%;
  }
  .coop-l-large-offset-1 {
    margin-left: 8.33333%;
  }
  .coop-l-large-push-2 {
    left: 16.66667%;
    right: auto;
  }
  .coop-l-large-pull-2 {
    left: auto;
    right: 16.66667%;
  }
  .coop-l-large-3 {
    width: 25%;
  }
  .coop-l-large-offset-2 {
    margin-left: 16.66667%;
  }
  .coop-l-large-push-3 {
    left: 25%;
    right: auto;
  }
  .coop-l-large-pull-3 {
    left: auto;
    right: 25%;
  }
  .coop-l-large-4 {
    width: 33.33333%;
  }
  .coop-l-large-offset-3 {
    margin-left: 25%;
  }
  .coop-l-large-push-4 {
    left: 33.33333%;
    right: auto;
  }
  .coop-l-large-pull-4 {
    left: auto;
    right: 33.33333%;
  }
  .coop-l-large-5 {
    width: 41.66667%;
  }
  .coop-l-large-offset-4 {
    margin-left: 33.33333%;
  }
  .coop-l-large-push-5 {
    left: 41.66667%;
    right: auto;
  }
  .coop-l-large-pull-5 {
    left: auto;
    right: 41.66667%;
  }
  .coop-l-large-6 {
    width: 50%;
  }
  .coop-l-large-offset-5 {
    margin-left: 41.66667%;
  }
  .coop-l-large-push-6 {
    left: 50%;
    right: auto;
  }
  .coop-l-large-pull-6 {
    left: auto;
    right: 50%;
  }
  .coop-l-large-7 {
    width: 58.33333%;
  }
  .coop-l-large-offset-6 {
    margin-left: 50%;
  }
  .coop-l-large-push-7 {
    left: 58.33333%;
    right: auto;
  }
  .coop-l-large-pull-7 {
    left: auto;
    right: 58.33333%;
  }
  .coop-l-large-8 {
    width: 66.66667%;
  }
  .coop-l-large-offset-7 {
    margin-left: 58.33333%;
  }
  .coop-l-large-push-8 {
    left: 66.66667%;
    right: auto;
  }
  .coop-l-large-pull-8 {
    left: auto;
    right: 66.66667%;
  }
  .coop-l-large-9 {
    width: 75%;
  }
  .coop-l-large-offset-8 {
    margin-left: 66.66667%;
  }
  .coop-l-large-push-9 {
    left: 75%;
    right: auto;
  }
  .coop-l-large-pull-9 {
    left: auto;
    right: 75%;
  }
  .coop-l-large-10 {
    width: 83.33333%;
  }
  .coop-l-large-offset-9 {
    margin-left: 75%;
  }
  .coop-l-large-push-10 {
    left: 83.33333%;
    right: auto;
  }
  .coop-l-large-pull-10 {
    left: auto;
    right: 83.33333%;
  }
  .coop-l-large-11 {
    width: 91.66667%;
  }
  .coop-l-large-offset-10 {
    margin-left: 83.33333%;
  }
  .coop-l-large-push-11 {
    left: 91.66667%;
    right: auto;
  }
  .coop-l-large-pull-11 {
    left: auto;
    right: 91.66667%;
  }
  .coop-l-large-12 {
    width: 100%;
  }
  .coop-l-large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .coop-l-large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1300px) {
  .coop-l-xlarge-1 {
    width: 8.33333%;
  }
  .coop-l-xlarge-offset-0 {
    margin-left: 0;
  }
  .coop-l-xlarge-push-1 {
    left: 8.33333%;
    right: auto;
  }
  .coop-l-xlarge-pull-1 {
    left: auto;
    right: 8.33333%;
  }
  .coop-l-xlarge-2 {
    width: 16.66667%;
  }
  .coop-l-xlarge-offset-1 {
    margin-left: 8.33333%;
  }
  .coop-l-xlarge-push-2 {
    left: 16.66667%;
    right: auto;
  }
  .coop-l-xlarge-pull-2 {
    left: auto;
    right: 16.66667%;
  }
  .coop-l-xlarge-3 {
    width: 25%;
  }
  .coop-l-xlarge-offset-2 {
    margin-left: 16.66667%;
  }
  .coop-l-xlarge-push-3 {
    left: 25%;
    right: auto;
  }
  .coop-l-xlarge-pull-3 {
    left: auto;
    right: 25%;
  }
  .coop-l-xlarge-4 {
    width: 33.33333%;
  }
  .coop-l-xlarge-offset-3 {
    margin-left: 25%;
  }
  .coop-l-xlarge-push-4 {
    left: 33.33333%;
    right: auto;
  }
  .coop-l-xlarge-pull-4 {
    left: auto;
    right: 33.33333%;
  }
  .coop-l-xlarge-5 {
    width: 41.66667%;
  }
  .coop-l-xlarge-offset-4 {
    margin-left: 33.33333%;
  }
  .coop-l-xlarge-push-5 {
    left: 41.66667%;
    right: auto;
  }
  .coop-l-xlarge-pull-5 {
    left: auto;
    right: 41.66667%;
  }
  .coop-l-xlarge-6 {
    width: 50%;
  }
  .coop-l-xlarge-offset-5 {
    margin-left: 41.66667%;
  }
  .coop-l-xlarge-push-6 {
    left: 50%;
    right: auto;
  }
  .coop-l-xlarge-pull-6 {
    left: auto;
    right: 50%;
  }
  .coop-l-xlarge-7 {
    width: 58.33333%;
  }
  .coop-l-xlarge-offset-6 {
    margin-left: 50%;
  }
  .coop-l-xlarge-push-7 {
    left: 58.33333%;
    right: auto;
  }
  .coop-l-xlarge-pull-7 {
    left: auto;
    right: 58.33333%;
  }
  .coop-l-xlarge-8 {
    width: 66.66667%;
  }
  .coop-l-xlarge-offset-7 {
    margin-left: 58.33333%;
  }
  .coop-l-xlarge-push-8 {
    left: 66.66667%;
    right: auto;
  }
  .coop-l-xlarge-pull-8 {
    left: auto;
    right: 66.66667%;
  }
  .coop-l-xlarge-9 {
    width: 75%;
  }
  .coop-l-xlarge-offset-8 {
    margin-left: 66.66667%;
  }
  .coop-l-xlarge-push-9 {
    left: 75%;
    right: auto;
  }
  .coop-l-xlarge-pull-9 {
    left: auto;
    right: 75%;
  }
  .coop-l-xlarge-10 {
    width: 83.33333%;
  }
  .coop-l-xlarge-offset-9 {
    margin-left: 75%;
  }
  .coop-l-xlarge-push-10 {
    left: 83.33333%;
    right: auto;
  }
  .coop-l-xlarge-pull-10 {
    left: auto;
    right: 83.33333%;
  }
  .coop-l-xlarge-11 {
    width: 91.66667%;
  }
  .coop-l-xlarge-offset-10 {
    margin-left: 83.33333%;
  }
  .coop-l-xlarge-push-11 {
    left: 91.66667%;
    right: auto;
  }
  .coop-l-xlarge-pull-11 {
    left: auto;
    right: 91.66667%;
  }
  .coop-l-xlarge-12 {
    width: 100%;
  }
  .coop-l-xlarge-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .coop-l-xlarge-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.coop-l-flexed {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 60em) {
  .coop-l-flexed {
    flex-direction: row;
  }
  .coop-l-flexed--reversed {
    flex-direction: row-reverse;
  }
}
.message {
  @include spacing("padding", "top", "quarter");
  @include spacing("padding", "left", "half");
  @include spacing("padding", "bottom", "quarter");
  @include spacing("padding", "right", "half");
  border: 0;

  &:before {
    display: none;
  }

  p {
    font-family: $medium;
    margin-bottom: 0;
    font-size: em-calc(20px);
  }
}

.message--info {
  background: $yellow-mid;
}




.coop-c-message {
  padding: 1rem;
  padding: var(--spacing-base--1-2);
}

.coop-c-message--error {
  background: #fef3f4;
  border: 1px solid #D63118;
}

.coop-form__invalid {
  border: 1px solid #D63118 !important;
}

.coop-label__hint {
  font-size: 1rem !important;
}

.coop-c-form-error__text {
 color: #D63118 !important;
 margin-bottom: 0;
}
.coop-c-form-choice {
  position: relative;
}

.coop-c-form-choice__legend {
  margin-bottom: var(--spacing-4);
  font-size: var(--type-body-s);

  @media (--mq-medium) {
    font-size: var(--type-body-l);
  }
}

.coop-c-form-choice__input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

.coop-c-form-choice__label {
  cursor: pointer;
  padding: 0px 10px 10px 39px;
  display: block;
  line-height: 1.6;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.coop-c-form-choice__input:focus + .coop-c-form-choice__label::before {
  background: #ffffff;
  border-color: #000000;
  outline-offset: 3px;
  outline: 2px dotted #eec300;
  -webkit-transition: none;
  transition: none;
}

.coop-c-form-choice__input + .coop-c-form-choice__label::before {
  content: "";
  border: 2px solid;
  background: transparent;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 4px;
  left: 0;
}

.coop-c-form-choice__input + .coop-c-form-choice__label::after {
  content: "";
  border: 1px solid #ddd;
  background: black;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 9px;
  left: 5px;
  opacity: 0;
}

.coop-c-form-choice__input--checkbox + .coop-c-form-choice__label::before,
.coop-c-form-choice__input--checkbox + .coop-c-form-choice__label::after {
  border-radius: 15%;
}
.coop-c-form-choice__input--radio-button + .coop-c-form-choice__label::before,
.coop-c-form-choice__input--radio-button + .coop-c-form-choice__label::after {
  border-radius: 50%;
}

.coop-c-form-choice__input--checkbox + .coop-c-form-choice__label::after {
  background: none;
  border: solid;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
  border-top-color: transparent;
  width: 15px;
  height: 8px;
  left: 5px;
  top: 11px;
}

.coop-c-form-choice__input:checked + .coop-c-form-choice__label::after {
  opacity: 1;
}
	
.coop-t-h-mega {	
	font-size: var(--type-medium--h1);	
    font-weight: 700;	
    font-family: var(--font-family);	
	line-height: 84px;	
	padding-bottom: 10px;	
}	
.coop-text {	
	margin-bottom: var(--spacing-base--1-2);	
    font-size: 20px;	
    font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;	
	padding-bottom: 18px;	
}	
.coop-hyperlink {	
    color: #015ba7 !important;	
}	
.coop-padding {	
	padding-bottom: 30px !important;	
}	
.coop-leftpadding {	
	padding-left: 8px !important;	
}	
.coop-form__text{	
	font-size: 1.125rem;	
	font-family: Avenir-Next, Helvetica Neue, Helvetica, Arial, sans-serif;	
	font-family: var(--font-family);	
	display: block;	
	margin: 0 0 0.25rem;	
	margin: 0 0 calc(var(--spacing-base--1-4) / 2);	
	padding-bottom: 10px;
}
.coop-fieldwidth{
	width: 15% !important;
}
.coop-fieldwidth_phone{
	width: 50% !important;
}
.coop-br{
	margin-bottom: 2rem !important;
}
Quicklinks
Profiles Chamber
Quick Console
Home
Quick Query
Execute Anonymous
Sobject fields
Quick ORG Describe
Replace API Names
Convert SF Id
Login As...
Games
Options
Hide
The Welkin Suite’s fast, one dashboard approach for configuring Salesforce Orgs