@charset "UTF-8";
/*
Theme Name: Capacity For Conservation 2020
Author: Octophin Digital
Author URI: https://octophin.com
Description:TBC
*/

@import url("https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://use.typekit.net/nxh6jwk.css");

:root {
  --dark-yellow: #403f38;
  --off-white: #f1f1f1;
  --pale-grey: #f7f7f7;
  --light-grey: #f2f5f4;
  --cream: #e5e5e5;
  --orange: #fd8e37;
  --vlight-green: #dfefea;
  --lightest-green: #f1fdf9;
  --lighter-green: #e2f3ee;
  --another-lighter-green: #e7f6f1;
  --dark-brown: #48382b;
  --teal: #58dbc3;
  --feldgrau: #404a47;
  --mid-grey: #676767;
  --bright-yellow: #ecd400;
  --darkest-grey: #2c302f;
  --vdark-brown: #383838;
  --mid-brown: #3f3e39;
  --another-mid-grey: #4f4f4f;
  font-family: "Roboto", sans-serif;
  font-family: "Didact Gothic", sans-serif;
  font-family: futura-pt, sans-serif;
}

/* Make hidden attribute always work */

[hidden] {
  display: none;
}

/* Fonts  */

.futura-light {
  font-family: futura-pt, sans-serif;
  font-weight: 300;
}

.futura-book {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
}

.futura-medium {
  font-family: futura-pt, sans-serif;
  font-weight: 500;
}

.futura-demi {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
}

.futura-bold {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
}

/* Colours  */

.teal-base {
  background-color: #58dbc3;
}

.feldgrau-base {
  background-color: #404a47;
}

.feldgrau-disabled {
  background-color: #7a8b86;
  cursor: not-allowed;
}

.feldgrau-gradient {
  background: rgba(63, 73, 70, 1);
  background: -moz-linear-gradient(top, rgba(63, 73, 70, 1) 0%, rgba(44, 48, 47, 1) 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(63, 73, 70, 1)),
    color-stop(100%, rgba(44, 48, 47, 1))
  );
  background: -webkit-linear-gradient(top, rgba(63, 73, 70, 1) 0%, rgba(44, 48, 47, 1) 100%);
  background: -o-linear-gradient(top, rgba(63, 73, 70, 1) 0%, rgba(44, 48, 47, 1) 100%);
  background: -ms-linear-gradient(top, rgba(63, 73, 70, 1) 0%, rgba(44, 48, 47, 1) 100%);
  background: linear-gradient(to bottom, rgba(63, 73, 70, 1) 0%, rgba(44, 48, 47, 1) 100%);
}

.vlight-green-base {
  background-color: #dfefea;
}

.feldgrau-text {
  color: #404a47;
}

.vlight-green-text {
  color: #dfefea;
}

.lighter-green-text {
  color: #e2f3ee;
}

.lighter-green-base {
  background-color: #e7f6f1;
}

.dark-yellow-base {
  background-color: #403f38;
}

.dark-yellow-text {
  color: #403f38;
}

.off-white-text {
  color: #f1f1f1;
}

.pale-grey-base {
  background-color: #f7f7f7;
}

.cream-text {
  color: #e5e5e5;
}

.light-grey-base {
  background-color: #f2f5f4;
}

.white-base {
  background-color: #ffffff;
}

.white-text {
  color: #ffffff;
}

.mid-grey-text {
  color: #676767;
}

.midlight-grey-text {
  color: #8d8d8d;
}

.grey-text {
  color: #4f4f4f;
}

.bright-yellow-base {
  background-color: #ecd400;
}

.bright-orange-base {
  background-color: #fd8e37;
}

.dark-brown-text {
  color: #48382b;
}

.darkest-grey-text {
  color: #2c302f;
}

.vdark-brown-base {
  background-color: #383838;
}

.vdark-brown-text {
  color: #383838;
}

.lightest-green-base {
  background-color: #f1fdf9;
}

.pale-grey-gradient {
  background: rgb(238, 238, 238);
  background: linear-gradient(
    180deg,
    rgba(238, 238, 238, 1) 0%,
    rgba(248, 248, 248, 1) 15%,
    rgba(255, 255, 255, 1) 35%,
    rgba(255, 255, 255, 1) 95%,
    rgba(240, 242, 241, 1) 100%
  );
}

.pale-grey-gradient2 {
  background: rgb(238, 238, 238);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(248, 248, 248, 1) 15%,
    rgba(238, 238, 238, 1) 35%,
    rgba(240, 242, 241, 1) 90%,
    rgba(248, 248, 248, 1) 100%
  );
}

.pale-grey-gradient-lr {
  background: #eeeeee;
  background: -moz-linear-gradient(left, #eeeeee 0%, #ffffff 92%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #eeeeee 0%, #ffffff 92%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #eeeeee 0%, #ffffff 92%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}

.pale-grey-gradient-rl {
  background: #eeeeee;
  background: -moz-linear-gradient(right, #eeeeee 0%, #ffffff 92%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #eeeeee 0%, #ffffff 92%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, #eeeeee 0%, #ffffff 92%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}

/* ////////////////////////
CRIS ADDED THESE

*/
.resource_image_wrapper {
  width: 30%;
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

.resource_image_caption {
  color: var(--teal);
}

.resource_fields_wrapper h1 {
  font-size: 2rem;
  line-height: 1;
}

.resource_fields_wrapper h2 {
  font-size: 1.7rem;
  line-height: 1;
}

.resource_fields_wrapper h3 {
  font-size: 1.3rem;
  line-height: 1;
}

/*  Bookmarks  */

.feed {
  margin-right: 1em;
}

.organisation-switch-wrapper {
  float: right;
  width: 20%;
  text-align: right;
}

/* /////////// END OF CRIS STUFF ////////////////// */

/* Main styles  */

html {
  font:
    18px/1.5 futura-pt,
    sans-serif;
  font-weight: 400;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  /* max-width: 72rem; */
  margin-left: auto;
  margin-right: auto;
  position: relative;
  min-height: 100vh;
}

body:not(.home) {
  /* padding-bottom: 10.2rem; */
  display: flex;
  flex-direction: column;
}

main {
  position: relative;
}

body:not(.home) main {
  /* padding-bottom: 5rem; */
  /* min-height: calc(100vh - 7.525rem); */
  height: 100%;
  flex-grow: 1;
}

main.happy-padding {
  padding: 1rem 1rem 5rem;
}

.didact-font {
  font-family: "Didact Gothic", sans-serif;
}

.roboto-font {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  font-weight: 400;
  margin-top: 1em;
  margin-bottom: 0.75em;
}

.font56 {
  /* 56px  */
  font-size: 3.11rem;
  line-height: 1.328125;
}

h1,
.font52 {
  /* 52px */
  font-size: 2.89rem;
  line-height: 1.35;
}

h2,
.font48 {
  /* 48px */
  font-size: 2.67rem;
  line-height: 1.4;
}

h3,
.font40 {
  /* 40px */
  font-size: 2.22rem;
  line-height: 1.45;
}

h4,
.font32 {
  /* 32px */
  font-size: 1.78rem;
  line-height: 1.40625;
}

h5,
.font24,
aside h4,
label {
  /* 24px */
  font-size: 1.33rem;
  line-height: 1.5;
}

h6,
.font22 {
  /* 22px */
  font-size: 1.22rem;
  line-height: 1.5;
}

.font20,
.card-blurb,
.card-blurb p {
  /* 20px */
  font-size: 1.11rem;
  line-height: 1.5;
}

p,
.font18,
input,
select,
li,
.left-tabs-menu li h4 {
  /* 18px  */
  font-size: 1rem;
  line-height: 1.5;
}

small,
.font16 {
  /* 16px  */
  font-size: 0.89rem;
  line-height: 1.5;
}

@media screen and (max-width: 800px) {
  .font56 {
    /* 48x */
    font-size: 2.67rem;
    line-height: 1;
  }

  h1,
  .font52 {
    /* 43px */
    font-size: 2.39rem;
  }

  h2,
  .font48 {
    /* 39px */
    font-size: 2.17rem;
  }

  h3,
  .font40 {
    /* 31px */
    font-size: 1.72rem;
  }

  h4,
  .font32 {
    /* 25px */
    font-size: 1.39rem;
  }

  h5,
  .font24 {
    /* 22px */
    font-size: 1.22rem;
  }

  h6,
  .font22 {
    /* 20px */
    font-size: 1.11rem;
  }

  .font20 {
    /* 19px */
    font-size: 1.06rem;
  }
}

.bold,
b,
strong {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
}

.semi-bold {
  font-weight: 600;
}

.lineheight-1,
span.lineheight-1 {
  line-height: 1.1;
}

a {
  color: inherit;
  cursor: pointer;
}

i,
em,
.italic {
  font-style: italic;
}

button {
  font-size: inherit;
  font-family: futura-pt, sans-serif;
  cursor: pointer;
}

.flex,
.flex-column {
  display: flex;
}

.grid {
  display: grid;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-space-between {
  justify-content: space-between;
}

.hide {
  display: none !important;
}

.happy-padding {
  padding: 1rem;
}

.vertical-happy-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.happy-margin {
  margin: 1rem;
}

.side-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

.vertical-align-content {
  align-items: center;
}

.vertical-align-content > * {
  vertical-align: middle;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.clearfix {
  clear: both;
}

.full-width {
  width: 100%;
  flex-shrink: 0;
}

img {
  max-width: 100%;
  height: auto;
}

#header-tier1 .inner-width {
  justify-content: space-between;
}

header > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

header ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 0;
}

.header-logo {
  /* padding: 1em 1em 1em 0; */
  padding: 0.75em 1em 0.75em 0;
}

.header-logo svg,
.header-logo svg g {
  height: 100%;
  width: auto;
}

.header-logo svg {
  height: 2.1rem;
}

div.breadcrumb {
  width: 100%;
  padding: 1.5rem 0;
}

div.breadcrumb a {
  font-weight: 600;
}

.breadslice {
  margin: 0 0.25rem;
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1;
}

header ul li::before {
  /* Accessibility bug fix for certain screen readers */
  content: "\200B";
}

header li {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  font-weight: 600;
}

#header-tier1 li:not(:first-of-type) {
  font-weight: 400;
  border-left: 1px solid #686a69;
}

header li:last-of-type {
  padding-right: 0;
}

header li:first-of-type {
  padding-left: 0;
}

nav a {
  text-decoration: none;
}

.header-tier2-link.active {
  text-decoration: underline;
  text-decoration-color: #57dbc3;
  text-decoration-thickness: 2px;
}

footer {
  background-color: #403f38;
  color: #f1f1f1;
  justify-content: center;
  clear: both;
  width: 100%;
}

body:not(.home) footer {
  /* position: absolute; */
  bottom: 0;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  margin-bottom: 0;
}

footer .inner-width {
  justify-content: space-between;
}

.footer-left,
.footer-right {
  flex-shrink: 1;
}

.footer-right {
  padding: 2rem 0 2rem 1rem;
}

.footer-left {
  padding: 2rem 1rem 2rem 0;
}

footer ul {
  list-style-type: "- ";
  list-style-position: outside;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  padding-left: 0;
}

footer li {
  margin-left: 0.5rem;
}

footer li:not(:last-child) {
  margin-right: 2.5rem;
}

.footer-logos-wrap img {
  margin: 1rem;
  max-height: 6rem;
  width: auto;
}

@media screen and (max-width: 950px) {
  .footer-logos-wrap img {
    max-height: 4rem;
  }
}

.footer-logos-wrap {
  max-width: 100%;
  justify-content: right;
}

/* 
footer p {
    padding-left: 2rem;
} */

@media screen and (max-width: 700px) {
  .column-mob {
    flex-direction: column;
  }

  .column-rmob {
    flex-direction: column-reverse;
  }

  .footer-left,
  .footer-right {
    max-width: 100%;
  }

  .footer-left {
    padding-bottom: 0;
  }

  .footer-right {
    padding-top: 0;
  }

  footer ul {
    padding-left: 0;
  }
}

@media screen and (max-width: 850px) {
  .footer-right.footer-logos-wrap,
  footer ul {
    justify-content: center;
  }

  footer .inner-width {
    flex-direction: column;
    padding: 1rem 0;
  }

  .footer-left,
  .footer-right {
    padding: 0 0 1rem;
    max-width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 900px) {
  .column-tablet {
    flex-direction: column;
  }

  .column-rtablet {
    flex-direction: column-reverse;
  }

  #header-tier1 nav ul {
    justify-content: end;
    padding-top: 0.25rem;
    border-top: 1px solid #686a69;
    padding-bottom: 0.5rem;
  }

  #header-tier1 .inner-width {
    flex-direction: column;
  }

  .header-logo {
    padding-bottom: 0.25rem;
    padding-right: 0;
  }

  .header-logo svg {
    max-width: 100%;
  }
}

@media screen and (max-width: 800px) {
  #header-tier2 li:first-of-type {
    padding-left: 0.75rem;
  }

  #header-tier2 ul.inner-width {
    flex-wrap: wrap;
    list-style-position: inside;
    list-style-image: url(icons/right-arrow-feldgrau-nocircle.svg);
  }

  #header-tier2 li a {
    margin-left: -0.4em;
    vertical-align: text-bottom;
  }
}

@media screen and (max-width: 600px) {
  html #wpadminbar {
    top: -46px;
  }
}

/* Layout elements  */

.full-section {
  padding: 5rem 4rem;
}

.inner-width {
  max-width: 66rem;
  margin-left: auto;
  margin-right: auto;
}

.inner-left img,
.inner-right img {
  width: 27rem;
  object-fit: cover;
  height: 14rem;
  max-height: 24vw;
  max-height: 31vw;
}

.text-side {
  flex-direction: column;
}

/* section.full-section:first-child .text-side {
    padding: 0;
} */

.text-side h2 {
  margin-bottom: 0.5rem;
}

.split-section {
  flex-wrap: wrap;
}

.split-section > div {
  flex: 1 1 50%;
  min-width: 10rem;
}

.split-section > div:not(.image-half) {
  padding: 6.5rem 4rem;
}

.split-inner {
  max-width: 29rem;
}

.split-section:not(.imagepos-left) > div:not(.image-half):first-child .split-inner {
  margin-left: auto;
}

.split-section > div:not(.image-half):last-child .split-inner {
  margin-right: auto;
}

.image-half {
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

/* .arrow-left,
.arrow-right,
.arrow-center {
    position: relative;
}

.arrow-left::before,
.arrow-right::after,
.arrow-center::before {
    content: "";
    width: 0;
    height: 0;
    border: 2rem solid transparent;
    position: absolute;
    bottom: -4rem;
    left: calc(50% - 2rem);
} */

.big-leaf-section .image-side img {
  width: auto;
  max-width: 50vw;
  max-height: 100%;
  flex: 1 1 14rem;
}

.big-leaf-section .split-side.image-side {
  padding: 1rem 0;
  flex-direction: column;
}

.big-leaf-section .split-side.text-side {
  padding: 5rem 1rem;
  display: block;
}

.big-leaf-section .text-side .split-inner {
  max-width: 32rem;
}

.big-leaf-section.split-section {
  padding: 0 1rem;
}

@media screen and (min-width: 900px) {
  .split-section.imagepos-left,
  .imagepos-left.full-section .inner-width {
    flex-direction: row-reverse;
  }

  .inner-left,
  .inner-right {
    width: 50%;
    min-width: 10rem;
    display: flex;
  }

  .inner-left {
    padding-right: 1rem;
  }

  .inner-right {
    padding-left: 1rem;
  }
}

@media screen and (max-width: 900px) {
  section.full-section .image-side img,
  .big-leaf-section .image-side img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .big-leaf-section .split-side.image-side img {
    max-height: 40vw;
  }

  .big-leaf-section .split-side.text-side {
    padding: 0 1rem 2rem;
  }

  .big-leaf-section .split-side.image-side {
    padding: 1rem 0 0;
  }

  .full-section,
  .big-leaf-section {
    padding: 3.5rem 3rem;
  }

  .big-leaf-section .text-side .split-inner {
    max-width: 100%;
    margin: 0;
  }

  .text-side {
    text-align: center;
  }
}

@media screen and (max-width: 700px) {
  .full-section {
    padding: 2.5rem 1rem;
  }

  .split-section .image-half {
    min-height: 35vw;
  }
}

@media screen and (max-width: 530px) {
  .split-section > div:not(.image-half) {
    padding: 2rem 1rem;
  }

  .big-leaf-section .split-side.text-side {
    padding: 0 0 2rem;
  }

  .infographic-section {
    padding: 4rem 2rem;
  }
}

/* Global elements  */

.very-large-icon {
  width: 14rem;
  height: auto;
}

.large-icon {
  width: 4.5rem;
  height: 4.5rem;
}

.medium-icon {
  width: 3rem;
  height: 3rem;
}

.button-style {
  padding: 0.5rem 1rem;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  min-height: 2.16rem;
}

.button-style img {
  max-height: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.button-style span {
  vertical-align: middle;
  padding-bottom: 0.15rem;
  display: inline-block;
}

.button-style span:not(.lineheight-1) {
  line-height: 0.75;
}

.button-style.feldgrau-gradient {
  border: outset 1px #707070;
}

.chevron {
  font-size: 1.5em;
  display: inline-block;
  /* line-height: 0.75; */
  margin-left: 0.5rem;
}

.button-style .chevron {
  vertical-align: initial;
}

.action-button {
  /* float: right; */
  line-height: 1.5;
  border-width: 1px;
}

.action-button > * {
  vertical-align: middle;
}

.action-button img {
  margin-right: 0.5rem;
}

.button-style.action-button span {
  padding-bottom: 0;
}

.center-align {
  text-align: center;
  justify-content: center;
  align-items: center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .leaf-right {
    border-radius: 84% 0% 85% 0% / 76% 6% 78% 11%;
  }

  .leaf-left {
    border-radius: 0% 96% 0% 96% / 17% 79% 12% 70%;
  }
}

svg.svg {
  height: 0;
  position: absolute;
}

input:not([type="radio"]):not([type="range"]):not([type="image"]):not([type="hidden"]):not(
    [type="file"]
  ):not([type="date"]):not([type="checkbox"]):not([type="datetime-local"]):not([type="number"]):not(
    [type="time"]
  ),
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input,
select {
  padding: 0.56rem;
  color: #404a47;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  border: solid 0.5px #a3a3a3;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5rem) center;
}

input[type="submit"],
input[type="reset"] {
  padding: 0.5rem 0.75rem;
}

select {
  padding-right: 2rem;
  background-image: url(icons/down-arrow.svg);
  background-size: 0.75rem;
  max-width: 100%;
}

label {
  margin-bottom: 0.89rem;
  line-height: 1;
  font-family: futura-pt-bold, sans-serif;
  font-weight: 400;
}

legend {
  font-family: futura-pt-bold, sans-serif;
}

fieldset label {
  font-family: futura-pt, sans-serif;
}

.unbold-inner .acf-input label {
  font:
    18px/1.75 futura-pt,
    sans-serif;
  vertical-align: initial;
}

.acf-input ul.acf-radio-list li input[type="checkbox"],
.acf-input ul.acf-radio-list li input[type="radio"],
.acf-input ul.acf-checkbox-list li input[type="checkbox"],
.acf-input ul.acf-checkbox-list li input[type="radio"] {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.75rem;
  line-height: 1.5rem;
  vertical-align: baseline;
}

.tag {
  display: inline-block;
  margin: 0.25em 0.5em 0.25em 0;
  padding: 0.25em 0.5em;
  border: solid 2px currentColor;
  border-radius: 90px;
  text-decoration: none;
  text-align: center;
}

.card .tag {
  line-height: 1.15;
}

.search-wrap {
  margin: 1rem 0;
  width: 100%;
}

.search-wrap label {
  display: block;
}

.filters-sorts-wrap label {
  font-size: 1rem;
}

.filters-sorts-wrap > .flex-column {
  margin: 0.5rem 1rem 1rem 0;
  flex: 1 1;
}

.filters-sorts-wrap > .flex-column fieldset {
  margin-top: -0.2rem;
  min-width: 10rem;
}

.apply_filters {
  flex: 1 0 100%;
}

/* Infographic block  */

.infographic-section {
  padding: 6.5rem 2rem;
}

.infographic-section .racetrack-main .inner-width {
  max-width: 33rem;
  justify-content: center;
  font-size: 1.7rem;
}

.infographic-section [data-racetrack-overlay-content] .inner-width {
  max-width: 49.5rem;
  justify-content: center;
  align-items: center;
}

.infographic-section .inner-width h2 {
  margin-top: 0;
  line-height: 1.1;
}

.infographic-section .inner-width img.large-icon {
  width: 3rem;
  height: 3rem;
  margin: 0.25rem 2rem 2rem 0;
}

.infographic-section .racetrack-other-option img {
  width: auto;
  height: auto;
  margin: auto;
  max-width: 3rem;
  padding: 0.5rem;
}

.full-page-infographic {
  max-width: 66rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.infographic-wrapper.grid {
  display: grid;
  font-size: 18px;
  grid-template-columns: 1fr repeat(14, 3em) 1fr;
  grid-template-rows: repeat(12, 3em);
  gap: 0.4em 0.4em;
  grid-template-areas: ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . ." ". . . . . . . . . . . . . .";
}

@media all and (-ms-high-contrast: none) {
  .infographic-wrapper.grid {
    display: -ms-grid;
    -ms-grid-columns: 1fr repeat(14, 3em) 1fr;
    -ms-grid-rows: repeat(12, 3em);
  }
}

.racer-icon {
  width: 3.5em;
  height: auto;
}

/* .racetrack-item.active .racer-icon {
    filter: hue-rotate(152deg) saturate(100) invert(100%);
}

.racetrack-item.active h6 {
    color: #fd8e37;
} */

.infographic-section [data-racetrack-overlay-content] img.racer-icon {
  height: auto;
  width: 4.5rem;
}

.racer-body-text {
  width: 100%;
  text-align: left;
}

.racetrack-other-options {
  justify-content: center;
}

.racetrack-other-options .card-wrap {
  min-width: 11rem;
  flex: 0 1 calc(25% - 1rem);
  margin: 0.5rem;
  position: initial;
}

.infographic-section .card.racetrack-other-option .card-left {
  width: 35%;
}

.infographic-section .card.racetrack-other-option .card-right {
  width: 65%;
  font-size: 1.4rem;
  padding: 0.5rem 0.75rem;
  flex-grow: 1;
  position: initial;
}

.back-to-racetrack span {
  font-size: 1.4rem;
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
}

.back-to-racetrack img {
  max-height: 2rem;
  /* filter: invert(100%) brightness(120%); */
  padding-top: 0.25rem;
}

@media (min-width: 1000px) {
  .racetrack-item[data-racetrack-section].active {
    transform: scale(1.2);
  }
}

/* Safari 10.1 */
@media not all and (min-resolution: 0.001dpcm) and (min-width: 1000px) {
  @supports (-webkit-appearance: none) and (not (stroke-color: transparent)) {
    .racetrack-item[data-racetrack-section].active {
      transform: none;
      font-size: 1.2rem;
    }

    .racetrack-item[data-racetrack-section].active:nth-of-type(-n + 2) {
      margin-top: -1.5rem;
    }

    .racetrack-item[data-racetrack-section].active h6 {
      font-size: 1.22em;
    }

    .racetrack-item[data-racetrack-section].active p {
      font-size: 1em;
    }
  }
}

/* Safari 6.1-10.0 (not 10.1) */
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) and (min-width: 1000px) {
  @media {
    .racetrack-item[data-racetrack-section].active {
      transform: none;
      font-size: 1.2rem;
    }

    .racetrack-item[data-racetrack-section].active h6 {
      font-size: 1.22em;
    }

    .racetrack-item[data-racetrack-section].active p {
      font-size: 1em;
    }
  }
}

.racetrack-item h6 {
  margin: 0.35em 0 0;
  text-decoration: underline;
}

.racetrack-item p {
  text-decoration: none;
  margin-top: 0.1em;
  line-height: 1.2;
}

.racetrack-circuit {
  grid-row: 5 / 9;
  grid-column: 6 / 12;
  display: flex;
  align-self: center;
  justify-self: center;
  max-width: 18em;
  max-height: 12em;
  width: 100%;
}

.racetrack-item {
  text-decoration: none;
  grid-row: span 3;
  grid-column: span 3;
}

.racetrack-item:nth-of-type(1) {
  grid-row: 2 / 5;
  grid-column: 4 / 8;
}

.racetrack-item:nth-of-type(2) {
  grid-row: 2 / 5;
  grid-column: 10 / 14;
}

.racetrack-item:nth-of-type(3) {
  grid-row: 6 / 9;
  grid-column: 12 / 16;
}

.racetrack-item:nth-of-type(4) {
  grid-row: 9 / 12;
  grid-column: 7 / 11;
}

.racetrack-item:nth-of-type(5) {
  grid-row: 6 / 9;
  grid-column: 2 / 6;
}

.fancybox-content {
  color: #403f38;
}

.fancybox-content > :first-child {
  margin-top: 0;
}

@media screen and (max-width: 900px) {
  .infographic-wrapper.grid {
    grid-template-columns: 1fr repeat(14, 2em) 1fr;
    grid-template-rows: repeat(12, 2.5em);
  }

  .racer-icon {
    width: 3em;
    height: auto;
  }

  .racetrack-item p {
    line-height: 1.1;
  }
}

@media all and (-ms-high-contrast: none) and (max-width: 900px) {
  .infographic-wrapper.grid {
    -ms-grid-columns: 1fr repeat(14, 2.5em) 1fr;
  }
}

@media screen and (max-width: 650px) {
  .infographic-wrapper.grid {
    grid-template-columns: 1fr repeat(14, 1.75em) 1fr;
    grid-template-rows: repeat(12, 2.25em);
    gap: 0.2em 0.2em;
  }

  .racer-icon {
    width: 2.5em;
    height: auto;
  }

  .racetrack-item h6 {
    margin: 0.35em 0 0;
    font-size: 18px;
  }

  .racetrack-item p {
    margin-top: 0.1em;
    line-height: 1.2;
    font-size: 16px;
  }
}

@media screen and (max-width: 530px) {
  .infographic-wrapper.grid {
    display: block;
    position: relative;
  }

  .racetrack-item {
    display: block;
    text-align: left;
    margin: 1.5rem 0;
    clear: both;
    z-index: 2;
    position: relative;
  }

  .racer-icon {
    float: left;
    margin-right: 1.25rem;
  }

  .racetrack-circuit {
    display: none;
  }
}

/* Striped list block  */

.stripe:nth-child(2n) {
  background-color: #ffffff;
}

.stripe:nth-child(2n-1) {
  background-color: #f5f5f5;
}

.stripe.stripes-heading {
  background-color: #fafafa;
}

.stripes-heading .medium-icon {
  margin: 2.22rem;
}

.stripes-heading h2 {
  margin-right: 7.44rem;
}

.stripe .inner-width {
  max-width: 48rem;
  padding: 1rem 0 0.2rem;
}

.stripes-heading .inner-width {
  max-width: 33rem;
  justify-content: center;
  padding: 2rem 0;
}

.stripe-text-wrap {
  padding: 2rem 4rem 2rem 1rem;
}

.stripe-text-wrap h3 {
  margin: 0;
}

.stripe .large-icon {
  width: 8.5rem;
  height: 8.5rem;
  padding: 2rem;
  object-fit: contain;
}

@media screen and (max-width: 530px) {
  .stripe .large-icon {
    width: 5.5rem;
    height: 5.5rem;
    padding: 1rem;
  }

  .stripe-text-wrap {
    padding: 1rem 1rem 1rem 0;
  }
}

/* Title areas  */

.title-area-wrap {
  border-top: 1.5px solid #d1d1d1;
  border-bottom: 1.5px solid hsla(0, 0%, 90%, 0.75);
  padding: 1.5rem 1.5rem;
}

.title-area-wrap.vertical-happy-padding {
  padding: 1rem 0;
}

.title-area-wrap h1 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

.title-area-wrap h1 span {
  display: block;
}

.title-area-wrap h1 .smaller-title {
  font-size: 0.65em;
}

@media screen and (min-width: 900px) {
  .title-area-wrap {
    margin-bottom: 2rem;
    padding: 2rem;
  }

  .title-area-wrap h1 {
    line-height: 1.5;
  }
}

/* Dashboards */

.dash-top-left {
  max-width: 32rem;
}

.dash-top-right {
  flex: 1 0 auto;
  text-align: right;
}

.dash-tabs {
  border-bottom: 2px solid #dadada;
  margin: 2rem 0 3.5rem;
  position: relative;
}

.dash-tabs ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  bottom: -2px;
}

.dash-tab {
  margin-right: 1rem;
}

.dash-tab a {
  flex-direction: column;
  align-items: center;
  border-bottom: 3px solid #a7b1af;
  color: #848484;
  padding: 0 3px 0.5rem;
}

.dash-tab a.selected {
  border-bottom: 3px solid #383838;
  color: #383838;
}

.dash-tab span {
  align-self: baseline;
  line-height: 1.5;
}

.dash-tab img {
  height: 1.25rem;
}

/* Organisations dashboard and CARDS */

#orgs-dash-interface {
  margin-bottom: 5rem;
  /* border-top: 2px solid #dadada;
    padding-top: 2rem; */
}

#userRequestAccessForm {
  margin: 3rem 0;
}

[data-tab="dash-memberships"] input,
[data-tab="dash-memberships"] label,
[data-tab="dash-memberships"] select {
  /* padding: 0.5rem 0.75rem; */
  margin: 0.5rem 0;
}

[data-tab="dash-memberships"] label {
  padding: 0.5rem 0;
}

[data-tab="dash-memberships"] form {
  margin: 2rem 0 2rem;
  border-top: 1px solid #dadada;
  padding-top: 1rem;
}

[data-tab="dash-memberships"] .card-wrap {
  display: flex;
  flex-direction: column;
}

[data-tab="dash-memberships"] .card {
  flex-grow: 1;
}

.cards-list-wrapper {
  flex-wrap: wrap;
}

.card-wrap {
  max-width: 32rem;
  min-width: 15rem;
  margin: 0.75rem 0;
  position: relative;
  -webkit-box-shadow: -2px 2px 2px 0px rgba(190, 194, 193, 1);
  -moz-box-shadow: -2px 2px 2px 0px rgba(190, 194, 193, 1);
  box-shadow: -2px 2px 2px 0px rgba(190, 194, 193, 1);
}

.card-wrap.card100 {
  max-width: 100%;
  flex: 1 1 100%;
}

.card-wrap.card100,
[data-tab="dash-general"] .card-wrap,
.tax-theme .card-wrap {
  -webkit-box-shadow: 0px 2px 7px 0px rgba(176, 181, 180, 1);
  -moz-box-shadow: 0px 2px 7px 0px rgba(176, 181, 180, 1);
  box-shadow: 0px 2px 7px 0px rgba(176, 181, 180, 1);
}

.card {
  height: 100%;
}

.orgs-dash-interface .card {
  max-height: 11rem;
}

.card-wrap:not(.text-card) .card > div {
  width: 50%;
}

.card-right {
  align-items: center;
  flex-direction: column;
  position: relative;
}

.card100 .card-inner,
[data-tab="dash-general"] .card-inner {
  width: 100%;
  justify-content: left;
  align-items: start;
  flex-direction: row;
}

.card-inner {
  width: 100%;
}

.card-right h2 {
  padding: 2.5rem;
}

.card100 .card-inner h2,
[data-tab="dash-general"] .card-inner h2 {
  margin: 0;
  padding: 1.5rem 0 0;
}

.card-actions {
  padding: 0.5rem 1rem;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  bottom: 0;
  line-height: 1;
}

.selected-marker {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  color: black;
  padding: 0.2rem 0.5rem;
  border-radius: 90px;
  font-size: 0.9rem;
  line-height: 1;
  font-variant: all-petite-caps;
}

.awaiting {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.card-left {
  align-items: center;
  justify-content: center;
}

.card .card-logo {
  width: auto;
  height: auto;
  padding: 0.2rem 1.5rem;
  max-height: 8rem;
}

.card-inner .card-icon {
  padding: 1.6rem 1.4rem 1.6rem 1.7rem;
}

.card-inner .card-icon svg {
  width: 3rem;
  height: 3rem;
}

.card .mag-icon {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  width: 2rem;
}

.text-card-text-wrap {
  padding: 0 1.5rem 2rem 0;
  max-width: 38rem;
  height: 100%;
  width: 100%;
}

.card-buttons-wrap .button-style {
  margin-right: 1rem;
}

[data-tab^="dash-"] .card-buttons-wrap {
  flex-grow: 1;
  align-items: end;
  justify-content: end;
}

[data-tab="dash-general"] .text-card-text-wrap .button-style {
  float: right;
  margin-right: 0;
}

[data-tab="dash-general"] .card-blurb {
  margin-bottom: 0;
}

[data-tab="dash-general"] h4.card-blurb {
  margin-top: 0.75em;
}

.dash-card-assessments p.card-blurb {
  margin: 0;
}

.dash-card-assessments hr {
  border-color: #dadada;
  border-top-width: 1px;
  width: 100%;
}

@supports (display: grid) {
  .text-card-text-wrap {
    display: grid;
  }
  [data-tab^="dash-"] .card-buttons-wrap {
    align-self: end;
    justify-self: end;
  }
  [data-tab^="dash-"] .card-buttons-wrap + .clearfix {
    position: absolute;
  }
}

@media screen and (min-width: 700px) {
  .card-wrap {
    margin: 0.75rem 0;
  }

  .card50 {
    flex: 1 1 calc(50% - 1rem);
    /* width: calc(50% - 0.25rem); */
  }

  .card50:nth-child(2n) {
    margin-left: 1rem;
  }
}

@media screen and (max-width: 900px) {
  [data-tab="dash-memberships"] .card-right h2 {
    padding: 1.5rem;
    line-height: 1.2;
    margin: 0.5rem 0 3rem;
  }
}

.card-wrap:nth-child(4n + 1) {
  border-top: 6px solid #ecd400;
}

.card-wrap:nth-child(4n + 1) .card-icon svg .ring {
  stroke: #ecd400;
}

.card-wrap:nth-child(4n + 1) .selected-marker {
  background-color: #ecd400;
}

.card-wrap:nth-child(4n + 2) {
  border-top: 6px solid #fd8e37;
}

.card-wrap:nth-child(4n + 2) .card-icon svg .ring {
  stroke: #fd8e37;
}

.card-wrap:nth-child(4n + 2) .selected-marker {
  background-color: #fd8e37;
}

.card-wrap:nth-child(4n + 3) {
  border-top: 6px solid #db588f;
}

.card-wrap:nth-child(4n + 3) .card-icon svg .ring {
  stroke: #db588f;
}

.card-wrap:nth-child(4n + 3) .selected-marker {
  background-color: #db588f;
}

.card-wrap:nth-child(4n) {
  border-top: 6px solid #58dbc3;
}

.card-wrap:nth-child(4n) .card-icon svg .ring {
  stroke: #58dbc3;
}

.card-wrap:nth-child(4n) .selected-marker {
  background-color: #58dbc3;
}

[data-tab^="dash-"] h3 {
  margin-top: 0.75em;
}

.profile-field-wrap {
  justify-content: end;
  margin-top: 1rem;
}

.profile-field-wrap.flex-column label {
  font-weight: 600;
  font-family: futura-pt, sans-serif;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

@media screen and (min-width: 700px) {
  .profile-field-wrap {
    flex: 1 1 calc(50% - 1rem);
  }

  .profile-field-wrap:first-child {
    margin-right: 1rem;
  }
}

/* Organisation admin screen  */

.org-admin-page,
.org-admin-page h1 {
  padding-top: 1px;
}

.org-admin [data-tab] > :first-child {
  margin-top: 0;
}

section.org-admin
  > section
  > form.acf-form
  div.acf-fields.acf-form-fields.-top
  > div.acf-field:nth-child(1) {
  padding-top: 0;
}

section.org-admin > section > form.acf-form div.acf-fields.acf-form-fields.-top > div.acf-field {
  padding-left: 0;
  padding-right: 0;
}

.invites-instruction {
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  display: block;
}

.invite-these-members {
  width: 100%;
  border: dashed 2px #db588f;
}

.org-admin [data-tab-group="organisation"] input[type="submit"] {
  padding: 0.5rem 1rem;
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
  line-height: 1;
  color: #2c302f;
  background-color: #dfefea;
  box-shadow: 3px 3px 6px 0px rgba(88, 219, 195, 0.45);
}

.org-admin [data-tab-group="organisation"] table input[type="submit"].table-button {
  padding: 0.5rem 1rem;
  font-weight: 400;
  margin-top: 0;
  color: #404a47;
  background-color: #dfefea;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
}

.member-list th {
  width: auto;
  height: auto;
}

@media screen and (min-width: 800px) {
  .member-list th {
    font-size: 1rem;
  }

  .member-list td {
    font-size: 0.9rem;
  }
}

/* Side menu  */

.left-tabs-menu ul {
  list-style: none;
  box-shadow: 2px 2px 2px 2px rgba(190, 194, 193, 1);
  padding-left: 0;
  margin: 0 0 1rem 0;
}

.left-tabs-menu li {
  padding: 0.75em 1.5em;
  border-bottom: 2px solid #e3eeea;
  border-right: 6px solid #e7f6f1;
}

li.left-tab {
  padding-left: 3em;
  padding-right: 2.5em;
  position: relative;
}

.left-tabs-menu li h4 {
  margin: 0;
}

.left-tabs-menu li:last-of-type {
  border-bottom: 0;
}

.left-tabs-menu li.selected {
  background: rgb(232, 249, 243);
  background: linear-gradient(
    180deg,
    rgba(232, 249, 243, 1) 0%,
    rgba(232, 247, 242, 1) 50%,
    rgba(233, 245, 241, 1) 100%
  );
  color: #4f4f4f;
  font-weight: 500;
  border-right: 6px solid #57dbc3;
}

li.left-tab[data-tab-switch] span {
  font-size: 0.75rem;
  font-variant: all-petite-caps;
  /*! padding-left: 1rem; */
  position: relative;
  bottom: 0.1rem;
  height: 0.5rem;
  display: block;
  text-align: right;
  line-height: 1.5;
}

li.left-tab[data-tab-switch] span span {
  display: inline;
  vertical-align: middle;
}

button.just-saved {
  background: #58dbc3 !important;
}

@media screen and (min-width: 900px) {
  aside {
    width: 16rem;
    float: left;
    position: relative;
  }

  aside ~ section {
    margin-left: 17rem;
  }

  .org-admin [data-tab-group="organisation"] {
    float: right;
    width: 100%;
    padding-bottom: 3rem;
  }

  .left-tabs-menu ul {
    margin-bottom: 3rem;
    margin-top: 1rem;
  }
}

li[data-theme-status]:after {
  position: absolute;
  top: 1em;
  right: 0.75em;
}

li[data-theme-status^="sub"]:after {
  content: url(icons/small-tick.svg);
}

li[data-theme-status="draft"]:after {
  content: url(icons/more-ellipsis.svg);
}

li[data-theme-status="sub-recent"] {
  background: linear-gradient(180deg, #f2fffb 10%, #e8faf5 70%, #d7f8ee 90%);
}

li[data-theme-status="sub-old"] {
  background-color: #f1fdf9;
  background: linear-gradient(
    0deg,
    rgba(238, 238, 238, 1) 0%,
    rgba(248, 248, 248, 1) 15%,
    rgba(255, 255, 255, 1) 35%,
    rgba(255, 255, 255, 1) 95%,
    rgba(240, 242, 241, 1) 100%
  );
}

li[data-theme-status="draft"],
li[data-theme-status="empty"] {
  background-color: #fafafa;
}

/* .left-tabs-menu li.selected[data-theme-status="draft"], .left-tabs-menu li.selected[data-theme-status="empty"] {
    background: #e5e5e5;
} */

/* Assessments screens  */

hr {
  border-color: #707070;
}

.assessment h2 {
  margin: 0;
  line-height: 1.25;
  flex-grow: 1;
}

.assessment-theme-header-wrapper {
  margin-right: 1rem;
  width: 100%;
}

.theme-head {
  justify-content: space-between;
  align-items: flex-start;
}

.theme-head .buttons-wrap {
  align-items: flex-start;
}

.theme-res-head .button-style,
.theme-head .button-style {
  margin-top: 0;
  font-weight: 400;
  padding: 0.25rem 0.75rem;
}

.theme-head .button-style:not(:last-child) {
  margin-bottom: 0.75rem;
}

.theme-head .button-style:first-child {
  margin-top: 0.75rem;
}

.prev-submit {
  margin: 2rem 0;
}

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

.assessment table {
  width: 100%;
}

tr {
  border-bottom: 1px dotted rgba(190, 190, 190, 0.75);
}

td {
  /* border-color: black;
    border-style: solid;
    border-width: 1px; */
  border-left: 1px dotted rgba(190, 190, 190, 0.75);
  font-size: 14px;
  overflow: hidden;
  padding: 1rem;
  word-break: normal;
  text-align: center;
  vertical-align: baseline;
}

.assessment tbody td {
  width: 4.75rem;
  position: relative;
}

th {
  border-left: 1px dotted rgba(190, 190, 190, 0.75);
  font-size: 0.9rem;
  line-height: 1.1;
  font-weight: 500;
  overflow: hidden;
  padding: 0.25rem 0.5rem 0.75rem;
  word-break: normal;
  vertical-align: top;
}

.assessment th {
  height: 4.25rem;
}

th:first-child {
  border-left: none;
}

.assessment th:not(:first-of-type):not(:last-of-type) {
  width: 4.75rem;
}

thead tr {
  font-variant: all-small-caps;
  border-bottom: 2px groove rgba(107, 107, 107, 0.75);
}

th:empty {
  border: 0;
}

tbody tr th {
  text-align: left;
  font-weight: 400;
  padding: 1rem 2rem 1rem 0;
  color: #575757;
}

.assessment tbody td input[type="radio"],
.assessment tbody td .check {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 1.2rem;
  left: calc(50% - 0.75rem);
  margin: 0;
}

.assessment tbody td input[type="radio"] {
  /* visibility: hidden; */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
  z-index: 5;
  width: 2.5rem;
  height: 2.5rem;
  left: calc(50% - 1.25rem);
  top: 0.7rem;
}

.assessment tbody td label {
  display: block;
  position: relative;
  font-weight: 100;
  /* padding: 25px 25px 25px 80px; */
  /* margin: 10px auto; */
  /* height: 30px; */
  z-index: 9;
  font:
    0.9rem/1.1 futura-pt,
    sans-serif;
}

@media screen and (min-width: 500px) {
  .assessment tbody td label {
    opacity: 0;
    width: 0;
    height: 0;
  }
}

.assessment tbody td .check {
  display: block;
  position: absolute;
  border: 2px solid #505050;
  border-radius: 100%;
  /* height: 25px;
    width: 25px; */
  /* z-index: 5; */
}

.assessment tbody td .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 0.94rem;
  width: 0.94rem;
  top: 0.18rem;
  left: 0.18rem;
  margin: auto;
}

.assessment input[type="radio"]:checked ~ .check {
  border: 2px solid #6ed4c1;
}

.assessment input[type="radio"]:checked ~ .check::before {
  background: rgb(99, 196, 178);
  background: -moz-linear-gradient(0deg, rgba(99, 196, 178, 1) 0%, rgba(120, 226, 206, 1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(99, 196, 178, 1) 0%, rgba(120, 226, 206, 1) 100%);
  background: linear-gradient(0deg, rgba(99, 196, 178, 1) 0%, rgba(120, 226, 206, 1) 100%);
}

.prev-response .mobile-only {
  display: none;
}

.prev-response,
.not-applicable,
.assessment thead th:last-of-type {
  background-color: hsla(0, 0%, 82%, 0.1);
  color: rgba(56, 56, 56, 0.75);
}

.between-themes {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
  color: #575757;
}

nav.between-themes a {
  text-decoration: underline;
  margin: 0.5em 1em;
}

nav.between-themes a.prev-tab {
  margin-left: 0;
}

nav.between-themes a.next-tab {
  margin-right: 0;
}

nav.between-themes a img {
  vertical-align: middle;
}

nav.between-themes a span {
  margin: 0.5rem 0.75rem;
}

@media screen and (max-width: 500px) {
  .assessment tr {
    display: flex;
    flex-direction: column;
  }

  .assessment h2 {
    line-height: 1.2;
  }

  .assessment tbody td {
    float: left;
    padding: 0.56rem;
    width: 100%;
  }

  .assessment tbody td:not(:last-child) {
    padding-bottom: 0;
  }

  .assessment th {
    padding-bottom: 0.5rem;
    height: auto;
  }

  .assessment th:not(:first-of-type) {
    display: none;
  }

  .assessment thead th {
    font-size: 0.95rem;
  }

  .assessment tbody td label {
    text-align: left;
    margin-left: 2.5rem;
    margin-bottom: 0.5rem;
  }

  .assessment tbody td input[type="radio"] {
    top: 0;
    left: 0;
  }

  .assessment tbody td .check {
    left: 0.5rem;
    top: 0.5rem;
  }

  .prev-response {
    text-align: left;
  }

  .prev-response .mobile-only {
    display: inline;
    margin-right: 1rem;
    font-variant: all-small-caps;
  }
}

@media screen and (max-width: 700px) {
  .theme-head .buttons-wrap {
    align-self: end;
  }

  .theme-head .button-style:first-child {
    margin-top: 0.5rem;
  }
}

/* Toggle between theme results and theme form based on data attribute of section */

[data-subsection="results"] .assessment-form {
  display: none;
}

[data-subsection="results"] .assessment-results {
  display: block;
}

[data-subsection="form"] .assessment-results {
  display: none;
}

[data-subsection="form"] .assessment-form {
  display: block;
}

/* Results  */

.results-wrapper {
  margin-right: auto;
  margin-left: auto;
  /* max-width: 38rem; */
  align-items: flex-start;
}

.results-top .results-top-left {
  flex: 1 0 auto;
  padding-right: 1.5rem;
}

.assessment-results .results-top {
  margin-top: 0;
  justify-content: end;
}

.results-wrapper .theme-res-head {
  grid-row-end: span 1;
  grid-column: 1;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-right: 1rem;
}

.results-wrapper h3 {
  margin-top: 0;
  line-height: 1.2;
}

.results-wrapper .theme-results-inner {
  display: grid;
  grid-row-end: span 1;
  grid-column: 2;
  align-items: center;
  grid-template-columns: minmax(min-content, 9rem) minmax(9rem, 1fr) 3rem;
  grid-template-columns: minmax(min-content, 9rem) minmax(9rem, 16rem) 3rem;
  grid-template-rows: 2.5rem 2.5rem auto;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  /* border-top: 2px ridge #D6D6D6; */
  padding-top: 1rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  /* max-width: 26rem; */
}

.result-source {
  grid-column: 1;
  line-height: 1;
  margin: 0;
}

.percentage {
  grid-column: 3;
  line-height: 1;
  margin: 0;
  text-align: right;
}

.subthemes-results-wrapper {
  grid-column: 1 / span 3;
  align-self: baseline;
  border-top: 2px dotted #bfbfbf;
  margin-top: 1rem;
  display: none;
}

/* Toggle results / form based on theme status */

.theme-tab .theme-form-tab {
  position: relative;
  visibility: visible;
}

.theme-tab .theme-results-tab {
  position: absolute;
  visibility: hidden;
}

.theme-tab[data-status="sub-recent"] .theme-form-tab {
  position: absolute;
  visibility: hidden;
}

.theme-tab[data-status="sub-recent"] .theme-results-tab {
  position: relative;
  visibility: visible;
}

.assessment-results .subthemes-results-wrapper {
  display: block;
}

.assessment-results .results-top .results-top-left h3 {
  margin: 0;
}

.subthemes-results-wrapper h4 {
  margin-bottom: 0.35em;
  margin-top: 0.5em;
}

.subtheme-res:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.subthemes-results-wrapper h5 {
  width: 9.5rem;
  margin: 0;
  line-height: 1.2;
  font-style: oblique;
  font-weight: 500;
  color: #8d8d8d;
}

.assessment-results .subthemes-results-wrapper h5 {
  color: #676767;
}

.subthemes-results-wrapper li {
  display: flex;
  display: grid;
  grid-template-columns: 5rem 1fr 3rem;
  /* grid-template-columns: min-content 1fr 3rem; */
  grid-template-columns: 4rem minmax(4rem, 12rem) 2.65rem;
  grid-template-rows: 1.5em;
  grid-template-rows: min-content;
  grid-column-gap: 0.5rem;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  min-width: 13rem;
}

.subthemes-results-wrapper ul {
  margin-top: 0.5rem;
  flex-grow: 1;
  padding-left: 1rem;
}

.no-results {
  flex: 1 1 auto;
  text-align: center;
  grid-column: 2 / span 2;
  justify-self: center;
}

.theme-results-inner > .no-results {
  margin-left: -0.5rem;
}

/* TODO REMI - can you do this properly? */
.compare-res {
  display: none;
}

.org-res,
.result-source {
  margin-top: 0.15rem;
}

.show-orgs > .org-res,
.show-orgs > .result-source {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.results-wrapper:not(.show-orgs) .theme-results-inner .org-res,
.results-wrapper:not(.show-orgs) .theme-results-inner span.result-source,
[data-tab="results"] .results-wrapper:not(.show-orgs) .theme-results-inner .result-source {
  display: none;
}

.results-wrapper:not(.show-orgs) .theme-results-inner .subthemes-results-wrapper {
  grid-row: 3;
}

.results-wrapper:not(.show-orgs) .theme-results-inner {
  grid-template-rows: 2.5rem 0 auto;
  grid-template-columns: 8rem minmax(9rem, 20rem) 3rem;
}

.results-wrapper:not(.show-orgs) .theme-results-inner .subthemes-results-wrapper li {
  grid-template-columns: 0 minmax(4rem, 12rem) 2.65rem;
}

.question-breakdown {
  grid-column: 1 / span 2;
  margin-top: 1.5rem;
  display: none;
  height: 0;
  position: relative;
  left: 100vw;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.question-breakdown.active {
  height: auto;
  left: 0;
}

/* Special background for not answered */

tr[data-breakdown-answer="not answered"] {
  background-color: rgba(255, 0, 0, 0.4);
}

.question-breakdown table {
  background-color: hsla(0, 0%, 82%, 0.1);
  border-top: 2px ridge #d6d6d6;
}

.question-breakdown tbody tr th {
  padding-left: 1rem;
}

.question-breakdown tbody tr td.prev-response {
  width: 10rem;
}

@media screen and (max-width: 500px) {
  .question-breakdown tbody tr td.prev-response {
    width: 100%;
  }
}

@media screen and (min-width: 650px) {
  .results-wrapper {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-columns: minmax(min-content, 12rem) 1fr;
    /* grid-column-gap: 1rem; */
  }

  .results-wrapper:not(.show-orgs) {
    grid-template-columns: minmax(min-content, 18rem) 1fr;
  }

  .assessment-results .results-wrapper {
    display: block;
  }

  .assessment-results .subthemes-results-wrapper {
    padding-left: 4rem;
  }

  .results-wrapper > *:not(:first-of-type):not(:nth-of-type(2)):not(.question-breakdown) {
    border-top: 2px ridge #d6d6d6;
    margin-top: 1.5rem;
  }

  .subthemes-results-wrapper h5 {
    flex: 1 1 9.5rem;
  }

  [data-tab="results"] .results-wrapper:not(.show-orgs) {
    grid-template-columns: minmax(14rem, 23rem) minmax(8rem, 30rem);
  }

  [data-tab="results"] .theme-res-head h3 > * {
    vertical-align: middle;
  }

  [data-tab="results"] .theme-res-head h3 > span {
    text-decoration: underline solid #a3a3a3;
  }

  [data-tab="results"] .theme-res-head img {
    margin-right: 0.5rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  [data-tab="results"] .results-wrapper:not(.show-orgs) .theme-results-inner {
    grid-template-rows: 2.5rem 0 auto;
    grid-template-columns: 0 minmax(9rem, 20rem) 3rem;
  }
}

@media screen and (max-width: 650px) {
  .results-top h2 {
    max-width: 26rem;
    margin-left: auto;
    margin-right: auto;
  }

  .subthemes-results-wrapper {
    padding-left: 1rem;
  }

  .results-wrapper .theme-results-inner {
    grid-template-rows: 2rem 2rem auto;
    padding-top: 0;
  }

  .results-wrapper:not(.show-orgs) .theme-results-inner {
    grid-template-rows: 2rem 0 auto;
    margin-bottom: 0.75rem;
  }

  .results-wrapper > h3:not(:first-of-type) {
    border-top: 2px ridge #d6d6d6;
  }

  .results-wrapper:not(.show-orgs) .theme-results-inner .subthemes-results-wrapper {
    grid-row: 3;
    margin-top: 0;
  }

  .subthemes-results-wrapper li {
    justify-content: center;
  }

  .show-orgs .subthemes-results-wrapper h5 {
    width: 100%;
  }

  .results-wrapper.show-orgs .subtheme-res {
    flex-direction: column;
  }

  .results-wrapper:not(.show-orgs) .theme-results-inner .subthemes-results-wrapper li {
    /* grid-template-columns: 0 auto 2.65rem; */
    grid-template-columns: 0 1fr 2.65rem;
  }

  .assessment-results .results-top {
    margin-top: 1rem;
  }
}

@media screen and (min-width: 1150px) {
  .results-wrapper {
    grid-template-columns: minmax(min-content, 15rem) 1fr;
  }

  .results-wrapper .theme-results-inner {
    grid-template-columns: 15rem 1fr 3rem;
  }

  .results-wrapper:not(.show-orgs) .theme-results-inner {
    grid-template-columns: 8rem 1fr 3rem;
  }

  .results-wrapper .theme-results-inner {
    grid-template-columns: minmax(min-content, 12rem) 1fr 3rem;
  }
}

@media screen and (max-width: 380px) {
  .percentage {
    grid-column: 2;
  }

  .results-wrapper:not(.show-orgs) .theme-results-inner {
    grid-template-rows: 2rem 2rem 0 auto;
    grid-template-columns: 12rem 3rem;
  }

  .results-wrapper:not(.show-orgs) .theme-results-inner .subthemes-results-wrapper {
    grid-row: 4;
  }

  .results-wrapper:not(.show-orgs) .theme-results-inner .subthemes-results-wrapper li {
    grid-template-columns: 0 minmax(7rem, 1fr) 2.65rem;
  }

  .subthemes-results-wrapper .bar-chart {
    min-width: 6.5rem;
  }

  .results-wrapper .theme-results-inner {
    grid-template-columns: 12rem 3rem;
  }

  .subthemes-results-wrapper li {
    grid-template-columns: minmax(4rem, 12rem) 2.65rem;
  }
}

/* Bar charts */

.bar-chart {
  /* width: 300px;
    height: 30px; */
  grid-column: 2;
  width: 100%;
  height: 1.5rem;
  border-radius: 20px;
  position: relative;
  border-style: solid;
  max-width: 16rem;
  margin-left: auto;
}

[data-tab="results"] .show-orgs .bar-chart {
  margin-left: 0;
}

.subthemes-results-wrapper .bar-chart {
  height: 0.75rem;
  min-width: 4.5rem;
}

.bar-chart .bar {
  height: 100%;
  border-radius: 20px;
}

.bar-chart .bar {
  background-color: currentColor;
}

.bar-chart.user {
  color: #57dbc3;
  border-color: currentColor;
}

.bar-chart.organisation {
  color: #db588e;
  color: #ecd400;
  color: #fd8e37;
  border-color: currentColor;
}

.bar-chart.compare {
  color: #db588e;
  border-color: currentColor;
}

/* .results-wrapper:not(.show-orgs) .theme-results-inner .bar-chart {
    max-width: 15rem;
} */

/* .results-wrapper:not(.show-orgs) .theme-results-inner .subthemes-results-wrapper .bar-chart {
    max-width: 11rem;
} */

@media screen and (max-width: 380px) {
  .bar-chart {
    grid-column: 1;
  }
}

/* Toggle subthemes */

[data-tab="results"] label,
.assessment-results .toggles-wrap label {
  font:
    18px/1.5 futura-pt,
    sans-serif;
  font-weight: 400;
  font-variant: all-small-caps;
  margin: 0 0 0.125rem 0;
}

[data-tab="results"] .theme-res-head label {
  line-height: 1;
  max-width: calc(100% - 2.55rem);
}

.toggles-wrap {
  justify-content: center;
  align-items: end;
  flex: 1 1 auto;
}

.toggle-btn-wrap {
  display: flex;
  align-items: center;
}

.toggle-btn {
  width: 2.05rem;
  height: 1.22rem;
  margin: 0 0 0 0.5rem;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  background: #a7b1af;
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  cursor: pointer;
}

.toggle-btn.active {
  background: #57dbc3;
}

.toggle-btn.active .round-btn {
  left: 1rem;
}

.round-btn {
  width: 0.9rem;
  height: 0.9rem;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0.2rem;
  top: 0.15rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#subthemes-toggle,
.orgres-toggle,
[id^="breakdown"].breakdown-toggle,
[id^="compare"].compare-toggle {
  position: absolute;
  margin: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.compare_box {
  display: none;
}

/* User message / warning  */

.usermessage {
  padding: 1rem;
  position: relative;
}

.usermessage.info {
  background-color: var(--another-lighter-green);
}

.usermessage.error {
  background-color: var(--orange);
}

.usermessage.sitemessage {
  background-color: var(--bright-yellow);
  color: var(--vdark-brown);
}

.usermessage-inner {
  width: 100%;
}

.usermessage h6,
.sitemessage .usermessage-inner > * {
  margin: 0;
  padding: 0 5rem 0 0;
  text-align: center;
}

.usermessage img {
  position: absolute;
  top: 1.2rem;
  right: 3rem;
}

/* Themes listing page */

#theme-list .very-large-icon,
#theme-indicators-list .very-large-icon {
  padding: 0 1rem 0.5rem 1rem;
}

#theme-list .card-name,
#theme-indicators-list .card-name {
  line-height: 1.25;
  margin-bottom: 0.5em;
}

#theme-list .text-card-text-wrap {
  padding: 0 1.5rem 1.5rem 0;
}

#theme-indicators-list .text-card-text-wrap {
  padding: 0 1.5rem 1.5rem 1rem;
}

#theme-list .card-buttons-wrap .button-style,
#theme-indicators-list .card-buttons-wrap .button-style,
.tax-theme .card-buttons-wrap .button-style {
  margin-right: 0;
}

#theme-indicators-list .card-wrap {
  border-top-color: #404a47;
}

#theme-indicators-list .large-icon-wrap {
  height: 100%;
}

#theme-indicators-list .very-large-icon {
  margin-top: 1.5rem;
}

@media screen and (max-width: 700px) {
  #theme-indicators-list .card100 .card-inner.column-mob {
    flex-direction: column;
  }

  #theme-indicators-list .text-card-text-wrap {
    padding: 0 1rem 1rem;
  }

  #theme-indicators-list .large-icon-wrap {
    height: auto;
    width: 100%;
  }

  #theme-indicators-list .very-large-icon {
    width: 10rem;
  }
}

.tax-theme .text-card-text-wrap {
  padding: 0 1.5rem 1.5rem 2rem;
  max-width: 100%;
}

/* Resources pages  */

#resource-listings .desktop-half.top-right {
  margin: 0.5rem 0 1rem;
}

[id^="resource"] .top-right .theme-tag.tag {
  padding: 0.1em 0.5em;
}

@media screen and (min-width: 900px) {
  .desktop-half {
    flex: 1 1 50%;
  }

  .desktop-half.top-right {
    margin: 0.5rem 0 1rem 1rem;
  }

  #resource-listings .desktop-half.top-right {
    margin: 0.5rem 0 1rem;
    padding: 0 0 0 1rem;
  }
}

/* Resource pages and Dev plan page  */

[id^="resource"] .title-area-wrap,
#development-plan .title-area-wrap {
  padding: 1rem;
}

@media screen and (min-width: 900px) {
  [id^="resource"] .title-area-wrap,
  #development-plan .title-area-wrap {
    margin-bottom: 0;
    padding: 1.5rem 1rem;
  }
}

/* Resources landing page  */

#resource-landing h1 {
  margin-top: 0;
}

#resource-landing .page-top .tag {
  border-color: var(--teal);
  color: var(--feldgrau);
}

#search-resources {
  width: calc(100% - 4.5rem);
  line-height: 1.38;
  border-right: none;
}

#resource-landing .search-button {
  margin-top: 0;
}

#resource-landing .top-left {
  flex: 3 1 60%;
}

#resource-landing .top-right {
  flex: 2 1 35%;
}

#resource-landing .top-right h3 {
  margin-bottom: 0.5em;
}

#resource-landing #filter_text {
  display: block;
  flex: 1 1;
}

#resource-landing .search-wrap .buttons-wrap .button-style {
  margin-right: 1rem;
}

#resource-landing .card-wrap {
  margin-bottom: 1.2rem;
}

#resource-landing .tag {
  font-size: 0.9rem;
}

#resource-landing .card .tag-cluster {
  margin-top: 0.25rem;
}

@media screen and (min-width: 800px) {
  #resource-landing section.grid {
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(6, calc((100% - 6.25rem) / 6));
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  /* .widget, */
  .cta-wide {
    grid-row: span 1;
  }

  .resource-list,
  .events-list,
  .people-list,
  .assessments-list,
  .suporg-list {
    grid-column: span 6;
  }

  .cta-wide {
    grid-column: 1 / span 6;
  }
}

.widget h2 {
  border-bottom: solid 1px currentColor;
}

.add_resource_icon {
  width: 1.33rem;
  float: right;
  margin-top: 0.23em;
}

section.widget:nth-of-type(4n + 1) .card-wrap {
  --accent-colour: #ecd400;
}

section.widget:nth-of-type(4n + 2) .card-wrap {
  --accent-colour: #fd8e37;
}

section.widget:nth-of-type(4n + 3) .card-wrap {
  --accent-colour: #db588f;
}

section.widget:nth-of-type(4n) .card-wrap {
  --accent-colour: #58dbc3;
}

section.widget .card-wrap {
  border-color: var(--accent-colour);
}

#resource-landing .assessments-list .card-wrap .card-icon svg .ring {
  stroke: var(--accent-colour);
}

.resource-list {
  flex: 1 1;
}

/* .resource-list:nth-child(2n) {
    margin-left: 1rem;
} */

.resource-list-inner .card {
  height: auto;
}

.resource-list .card-inner {
  padding: 0 1rem 1rem 1rem;
}

.types {
  position: relative;
}

.types figure {
  margin: 0.5rem 0 0.25rem 1rem;
  min-width: 3rem;
  text-align: center;
  position: relative;
  right: -0.25rem;
  max-width: 4rem;
  line-height: 1.1;
}

.types figure img {
  width: auto;
  height: 2rem;
}

.types figcaption {
  font-size: 0.6rem;
}

#resource-landing .text-card-text-wrap {
  height: auto;
}

.cta-wide {
  width: 100%;
  padding: 0 1rem;
  border-top: solid 4px var(--teal);
}

.cta-wide img {
  height: 1.5rem;
  margin-right: 1rem;
}

.cta-wide h2 {
  margin: 0.5em auto;
  line-height: 1;
  text-align: center;
}

.cta-wide h2 > * {
  vertical-align: middle;
  display: inline-block;
}

.cta-sticky {
  padding: 1px 1rem;
  position: sticky;
  bottom: 0;
  border-top: 0;
}

.cta-sticky.cta-wide h2 {
  text-align: left;
  margin-left: 0;
  max-width: calc(100% - 2rem);
}

.cta-sticky .close-button {
  margin: 0.61rem 0 0.61rem 1rem;
  position: absolute;
  top: 0.2rem;
  right: 1rem;
  height: 1rem;
}

.event-date-big {
  text-align: center;
  padding: 1rem;
}

.event-date-big span {
  display: block;
  line-height: 1;
}

@media screen and (min-width: 900px) {
  .events-list,
  .suporg-list {
    grid-column: span 4;
  }

  .assessments-list,
  .people-list {
    grid-column: span 2;
  }

  .two-cols-list.card-list-wrapper {
    columns: 2;
  }
}

#resource-landing .card-wrap {
  margin-top: 0;
}

#resource-landing .card-wrap,
#resource-landing .card-wrap * {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  box-decoration-break: clone;
}

.resource-list .text-card-text-wrap {
  padding: 0;
}

.events-list .text-card-text-wrap,
.suporg-list .text-card-text-wrap,
.people-list .text-card-text-wrap {
  padding: 0 1rem 1rem 1rem;
  line-height: 1;
}

#resource-landing .text-card-text-wrap .meta-datum_excerpt {
  line-height: 1.1;
}

.resource-list-inner .card h3 {
  line-height: 1.2;
  margin: 0.5em 0;
  flex-grow: 1;
}

.people-list .text-card-text-wrap {
  padding-bottom: 0.5rem;
}

.event-image {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  display: block;
}

.person-image {
  display: block;
  width: 5.31rem;
  margin-top: 0.6rem;
}

.suporg-logo {
  display: block;
  width: 6rem;
}

#resource-landing .assessments-list .card-inner h2 {
  padding: 0;
  margin: 0.5em 0;
}

#resource-landing .assessments-list .card-inner a {
  text-decoration: none;
}

#resource-landing .assessments-list .card-inner .card-icon {
  padding: 0.6rem 1rem 1.6rem 1.4rem;
}

#resource-landing .assessments-list .card-inner .card-icon svg {
  width: 2.5rem;
}

#resource-landing .assessments-list .card-wrap .card-icon svg path:not(.ring) {
  fill: currentColor;
}

/*  Bookmarks  */

.bookmark_holder {
  margin-right: 0.3em;
  padding-bottom: 0.35rem;
}

.bookmark_holder img {
  vertical-align: middle;
}

.processing {
  /* background-color: #afafaf; */
  position: relative;
}

.processing img {
  opacity: 0;
}

.processing::after {
  content: "...";
  position: absolute;
  left: 5%;
  color: #afafaf;
  font-size: 2.5rem;
  bottom: 50%;
  line-height: 0.65;
}

/* Resource Listings page */

#resource-listings .search-wrap input {
  width: 100%;
  display: block;
}

#resource-listings .dash-tabs {
  margin: 0;
  padding: 1rem 1rem 0;
  background: #ffffff;
}

/* #resource-listings .card-inner > .flex {
    justify-content: space-between;
} */

#resource-listings .card-wrap {
  border-color: #58dbc3;
}

#resource-listings .text-card-text-wrap {
  height: auto;
}

#resource-listings .theme-tag.tag label {
  font-size: 0.9rem;
  line-height: 1;
}

#resource-listings .theme-tag.tag {
  border-color: var(--teal);
  color: var(--feldgrau);
}

.link-tag.tag {
  border-color: var(--orange) !important;
  color: var(--feldgrau);
}

#resource-listings .top-right fieldset {
  border: none;
  padding: 0.5rem 0 0 0;
}

#resource-listings .card-inner .card-blurb {
  border-bottom: solid 1px rgba(88, 219, 195, 0.904);
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.1;
}

@media screen and (min-width: 900px) {
  #resource-listings .desktop-half.top-right {
    flex: 1 1 35%;
  }
}

/* Single resource pages  */

.single-resource .page-top {
  padding: 0;
  border-top: 1.5px solid #d1d1d1;
  border-bottom: 1.5px solid hsla(0, 0%, 90%, 0.75);
}

.single-resource h1 {
  margin-top: 0.75em;
}

.single-resource .types figure {
  margin: 2.75rem 0 0.25rem 1rem;
}

.single-resource .bookmark_holder img {
  vertical-align: baseline;
}

.resource-top-left {
  flex: 0 1;
}

.resource-top-right {
  flex: 2 0;
  min-width: 16rem;
}

.single-resource .report-link {
  display: block;
}

.single-resource .resource-top-right .tag-cluster {
  text-align: right;
  justify-content: right;
}

.single-resource .tag-cluster .tag {
  border-color: var(--teal);
  color: var(--feldgrau);
  line-height: 0.8;
}

.single-resource .non-theme-tag {
  border-color: var(--bright-yellow);
}

.resource-body {
  flex: 2 1;
}

.single-resource .meta-datum {
  margin-right: 1.5rem;
}

.single-resource .side-panel .meta-datum {
  margin-right: 0.5rem;
  display: inline-block;
  margin-bottom: 0.35rem;
}

.side-panel {
  flex: 1 2;
  min-width: 30%;
  position: relative;
  padding-bottom: 4rem;
  /* border-left: solid 1px #58dbc3; */
}

.side-panel.resource .card-wrap,
.side-panel.resource .card-wrap * {
  margin-top: 0;
}

.side-panel.resource .card-wrap .text-card-text-wrap {
  height: auto;
  padding: 0;
}

.side-panel .resource-list-inner h2 {
  margin-top: 0;
}

.single-resource .cta-wide {
  padding-bottom: 1px;
  padding-top: 1px;
  border-top: none;
}

@media screen and (max-width: 900px) {
  #side-panel h2 {
    font-weight: 600;
  }
}

.review-section {
  border-bottom: 1px dotted var(--mid-grey);
  padding: 1em;
  margin-top: 1em;
}

.review-form-section {
  border-top: 1.5px solid #d1d1d1;
  border-bottom: 1.5px solid hsla(0, 0%, 90%, 0.75);
  padding: 1rem 2rem 1rem 1rem;
  margin: 3rem 0 0 0;
}

.review-form-section .heading {
  margin-top: 0;
}

.acf-field.acf-field-5f9145626819a,
.acf-field.acf-field-5f9148f2b88de {
  display: none;
}

.review-form-section .acf-field-group.acf-field {
  padding: 1rem 0;
}

.review-form-section .acf-field-group.acf-field label {
  font:
    18px/1.5 futura-pt,
    sans-serif;
  font-weight: 500;
}

.review-form-section .acf-field.acf-field-radio {
  display: flex;
  flex-wrap: wrap;
}

.review-form-section .acf-field.acf-field-radio .acf-label {
  margin-right: 2rem;
  margin-bottom: 0;
}

.review-form-section .acf-field-group .acf-radio-list label {
  font-weight: 400;
  margin-bottom: 0.5em;
}

.review-status-warning {
  padding: 0.5em;
  width: 100%;
  display: inline-block;
}

.review-status-warning.review-pending {
  background-color: var(--bright-yellow);
}

.review-status-warning.review-approved {
  background-color: var(--teal);
}

.review-area-count img {
  width: 1.5rem;
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
}

.review_detail {
  margin: 1rem 0;
  box-shadow: 0px 2px 7px 0px rgba(176, 181, 180, 1);
}

.review_detail > :first-child {
  margin-top: 0;
}

/* Review page  */

.display_review {
  max-width: 48rem;
  margin-bottom: 3rem;
}

.display_review .value {
  padding-left: 1rem;
  border-left: solid 3px var(--teal);
}

/* Add resource page  */

.add-resource #acf-form {
  width: 100%;
}