@charset "UTF-8";
/* migrate to less/components folder */
html {
  font-family: 'Roboto', sans-serif;
  font-size: 1.125rem;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  line-height: 1.5;
  background-color: #eee;
  color: #1f1f1f;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
[hidden],
template {
  display: none;
}
* {
  box-sizing: border-box;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='date'],
input[type='time'],
input[type='number'],
textarea,
select {
  width: 100%;
  height: 2.7em;
  padding: 0.5625rem 0.84375rem;
  border: 1px solid #66A23F;
  box-shadow: none;
  background-color: #ffffff;
  color: #66A23F;
  line-height: normal;
  vertical-align: middle;
}
input[type='text']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='time']:focus,
input[type='number']:focus,
textarea:focus,
select:focus {
  border-color: #558734;
  box-shadow: 0 0 3px #558734;
  outline: 0;
}
input[type='text'][readonly],
input[type='search'][readonly],
input[type='tel'][readonly],
input[type='url'][readonly],
input[type='email'][readonly],
input[type='password'][readonly],
input[type='date'][readonly],
input[type='time'][readonly],
input[type='number'][readonly],
textarea[readonly],
select[readonly],
input[type='text'][disabled],
input[type='search'][disabled],
input[type='tel'][disabled],
input[type='url'][disabled],
input[type='email'][disabled],
input[type='password'][disabled],
input[type='date'][disabled],
input[type='time'][disabled],
input[type='number'][disabled],
textarea[disabled],
select[disabled] {
  color: #7FB15F;
  border-color: #7FB15F;
  background-color: rgba(127, 177, 95, 0.5);
}
input[type='text']::placeholder,
input[type='search']::placeholder,
input[type='tel']::placeholder,
input[type='url']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='date']::placeholder,
input[type='time']::placeholder,
input[type='number']::placeholder,
textarea::placeholder,
select::placeholder {
  color: #c2c2b1;
}
input[type='text']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='time']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c2c2b1;
}
input[type='text']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='time']::-moz-placeholder,
input[type='number']::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  /* Firefox 19+ */
  color: #c2c2b1;
}
input[type='text']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='time']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  /* IE 10+ */
  color: #c2c2b1;
}
input[type='text']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='time']:-moz-placeholder,
input[type='number']:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  /* Firefox 18- */
  color: #c2c2b1;
}
@media print {
  input[type='text'],
  input[type='search'],
  input[type='tel'],
  input[type='url'],
  input[type='email'],
  input[type='password'],
  input[type='date'],
  input[type='time'],
  input[type='number'],
  textarea,
  select {
    height: auto;
    padding: .5em;
  }
}
textarea {
  height: 10em;
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
  overflow: auto;
  resize: vertical;
}
select[multiple] {
  height: auto;
}
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
  text-transform: lowercase;
}
fieldset {
  padding: 0;
  border-width: 0;
}
legend {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  display: inline;
  padding: 0;
}
input[type='file'] {
  width: 100%;
  padding: 0.5625rem 0;
  font-size: .9em;
}
optgroup {
  font-weight: bold;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
a {
  background-color: transparent;
  color: #6D4276;
  transition: all .2s;
}
a:focus {
  outline: 2px dotted #6D4276;
  transition: none;
}
a:active,
a:hover {
  outline: 0;
}
a.readmore {
  color: #66A23F;
  font-weight: bold;
  text-decoration: underline;
}
a.readmore:hover,
a.readmore:focus {
  color: #1f1f1f;
}
a.rss {
  text-decoration: none;
  font-weight: bold;
}
a.rss:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e818';
  margin-right: 0.5625rem;
}
ul,
ol,
dl {
  margin-top: 0;
  margin-bottom: 1.6875rem;
}
ul,
ol {
  padding-left: 1.6875rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
ol ol {
  list-style: lower-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
dl {
  overflow: hidden;
  display: grid;
  grid-template-columns: 5em 1fr;
  grid-row-gap: 0.5625rem;
}
dl dt,
dl dd {
  float: left;
  font-weight: bold;
}
dl dt {
  clear: left;
  color: #66A23F;
  margin-right: .5em;
}
dl dd {
  margin: 0;
}
dl.basic {
  display: block;
}
dl.basic dt,
dl.basic dd {
  display: block;
  float: none;
}
dl.basic dt {
  color: #1f1f1f;
}
dl.basic dd {
  margin-bottom: 0.84375rem;
  font-weight: normal;
  color: #6d6d6d;
}
ul.styled,
ol.styled {
  list-style: none;
  padding: 0;
}
ul.styled li,
ol.styled li {
  margin-bottom: .4em;
  padding-left: 1em;
}
ul.styled li:before,
ol.styled li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e808';
  margin-right: .2em;
  margin-left: -1.2em;
  color: #66A23F;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
noscript {
  display: block;
  margin-bottom: 1.6875rem;
  background-color: #c2c2b1;
  color: #3b3937;
  list-style: none;
  padding: 0;
  background-color: #a9d38e;
  color: #213414;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: .5em;
  text-align: left;
  vertical-align: top;
  border: 1px solid #c2c2b1;
  width: auto !important;
  height: auto !important;
}
tr .table-separator {
  background-color: #eee;
}
caption {
  background-color: #eee;
  border: 1px solid #c2c2b1;
  border-bottom: 0;
  font-weight: bold;
  padding: .5em;
  text-align: left;
  text-transform: lowercase;
}
table.meetTheTeamHorizontal {
  border: 0;
}
table.meetTheTeamHorizontal tr td {
  display: block;
}
table.meetTheTeamHorizontal tr td:first-child {
  border-bottom: 0;
  text-align: center;
}
table.meetTheTeamHorizontal tr td:nth-child(2) {
  border-bottom: 0;
  border-top: 0;
}
table.meetTheTeamHorizontal tr td:last-child {
  border-top: 0;
}
@media screen and (min-width: 36rem) {
  table.meetTheTeamHorizontal tr td {
    display: table-cell;
    border: 1px solid #c2c2b1 !important;
    border-left: 0!important;
    border-right: 0!important;
  }
}
@media screen and (min-width: 36rem) {
  table.meetTheTeamHorizontal tr td:first-child {
    width: 218px!important;
  }
}
table.meetTheTeamHorizontal tr td:first-child p {
  display: inline-block;
  margin: 0;
}
table.meetTheTeamHorizontal tr td:first-child img {
  display: block;
  margin: 0 auto;
}
table.meetTheTeamHorizontal tr:nth-child(even) td {
  background: rgba(104, 136, 144, 0.15);
}
@media screen and (max-width: 36rem) {
  table.meetTheTeam tr,
  table.meetTheTeam td,
  table.meetTheTeam th {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
}
.renewal-summary th {
  text-transform: lowercase;
}
@media screen and (min-width: 36rem) {
  .renewal-summary th[scope="row"] {
    width: 270px!important;
  }
}
.renewal-summary tr.spacer td {
  border: 0;
}
@media screen and (max-width: 36rem) {
  .renewal-summary tbody tr td,
  .renewal-summary tbody tr th {
    display: block;
  }
  .renewal-summary tbody tr th {
    border-bottom: 0!important;
    padding-bottom: 0;
  }
  .renewal-summary tbody tr td {
    border-top: 0;
  }
}
@media screen and (min-width: 36rem) {
  .renewal-summary.directories-summary tbody tr th[scope="row"],
  .renewal-summary.newsletters-summary tbody tr th[scope="row"],
  .renewal-summary.regional-newsletters-summary tbody tr th[scope="row"],
  .renewal-summary.training-offered-summary tbody tr th[scope="row"] {
    box-sizing: border-box;
    width: calc(100% - 120px) !important;
  }
  .renewal-summary.directories-summary tbody tr td,
  .renewal-summary.newsletters-summary tbody tr td,
  .renewal-summary.regional-newsletters-summary tbody tr td,
  .renewal-summary.training-offered-summary tbody tr td {
    width: 120px!important;
  }
}
@media screen and (min-width: 36rem) {
  .renewal-summary.schedule-summary tbody tr td.date[scope="row"] {
    box-sizing: border-box;
    width: calc(100% - 120px) !important;
  }
  .renewal-summary.schedule-summary tbody tr td.amount {
    width: 120px!important;
  }
}
.renewal-summary.trainers-summary caption {
  border-bottom: 1px solid #c2c2b1;
}
.renewal-summary.trainers-summary tbody tr:not(.spacer) td {
  width: 50%!important;
}
h1,
h2,
h3,
h4,
h5,
h6,
hgroup blockquote,
p,
address,
table,
fieldset,
figure,
pre {
  margin-top: 0;
  margin-bottom: 1.6875rem;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  color: #27717A;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 36rem) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4 {
    letter-spacing: -0.01em;
  }
}
h1 + .headerCaption,
.h1 + .headerCaption,
h2 + .headerCaption,
.h2 + .headerCaption,
h3 + .headerCaption,
.h3 + .headerCaption,
h4 + .headerCaption,
.h4 + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
strong.tertiary-alt {
  color: #27717A;
}
h5,
h6 {
  color: #0E8B61;
}
h1,
.h1 {
  font-size: 2.5em;
  line-height: .9;
  font-weight: bold;
}
@media screen and (min-width: 36rem) {
  h1,
  .h1 {
    font-size: 5.83333333em;
  }
}
h2,
.h2 {
  font-size: 1.66666667em;
  line-height: 1;
}
@media screen and (min-width: 36rem) {
  h2,
  .h2 {
    font-size: 2.66666667em;
  }
}
h3,
.h3 {
  font-size: 1.22222222em;
  line-height: 1.2;
}
@media screen and (min-width: 36rem) {
  h3,
  .h3 {
    font-size: 1.66666667em;
  }
}
h4,
.h4 {
  font-size: 1em;
}
h5,
.h5 {
  font-size: 0.88888889em;
}
h6,
.h6 {
  font-size: 0.66666667em;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border: none;
  border-top: 2px inset #eee;
  margin: 0 0 1.6875rem;
}
pre {
  overflow: auto;
  tab-size: 2;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
@media screen and (min-width: 36rem) {
  .attached--adverts {
    padding: 0 0.84375rem;
  }
}
@media screen and (min-width: 68.375rem) {
  .attached--adverts {
    padding: 0 1.6875rem;
  }
}
.attached--adverts .advert {
  margin-bottom: 1.6875rem;
}
.attached--adverts .advert .advert-body {
  padding: 0.84375rem;
}
@media screen and (min-width: 36rem) {
  .attached--adverts .advert .advert-body {
    padding: 1.6875rem;
  }
}
.attached--adverts .advert .advert-body h4 {
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1.22222222em;
  line-height: 1.2;
  margin-bottom: 0.84375rem;
}
@media screen and (min-width: 36rem) {
  .attached--adverts .advert .advert-body h4 {
    letter-spacing: -0.01em;
  }
}
.attached--adverts .advert .advert-body h4 + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
@media screen and (min-width: 36rem) {
  .attached--adverts .advert .advert-body h4 {
    font-size: 1.66666667em;
  }
}
.attached--adverts .advert .advert-body h4 a {
  color: #1f1f1f;
  text-decoration: none;
}
.attached--adverts .advert .advert-body h4 a:hover,
.attached--adverts .advert .advert-body h4 a:focus {
  text-decoration: underline;
}
.attached--adverts .advert .advert-body h4 a.is-disabled {
  cursor: default;
  outline: none;
  color: #9e9e9f;
}
.attached--adverts .advert .advert-body p {
  margin: 0;
}
.attached--adverts .advert img {
  display: block;
  margin: 0 auto;
}
.attached--adverts .advert--text {
  background-color: #ffffff;
}
.attached--adverts .advert--textImage {
  background-color: #ffffff;
}
.attached--adverts .advert--textImage .advert-header {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.attached--adverts .advert--textImage .advert-header img {
  margin: 0 auto;
}
.attached--panel {
  background-color: #27717A;
  color: #ffffff;
  padding: 0.84375rem;
  margin-bottom: 1.6875rem;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media screen and (min-width: 36rem) {
  .attached--panel {
    padding: 1.6875rem;
    border-radius: 3em 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
.attached--panel h2,
.attached--panel h3,
.attached--panel h4,
.attached--panel h5,
.attached--panel h6 {
  color: inherit;
}
.attached--panel a {
  color: inherit;
}
.attached--panel input[type='text'],
.attached--panel input[type='search'],
.attached--panel input[type='tel'],
.attached--panel input[type='url'],
.attached--panel input[type='email'],
.attached--panel input[type='password'],
.attached--panel input[type='date'],
.attached--panel input[type='time'],
.attached--panel input[type='number'],
.attached--panel textarea,
.attached--panel select {
  border-color: #205E65;
  color: #205E65;
}
.attached--panel .form-field label,
.attached--panel form.standard .field label {
  color: inherit;
}
.attached--panel .form-field--checkbox label {
  display: inline;
}
.attached--panel .form-field [type=submit],
.attached--panel form.standard .field [type=submit] {
  background-color: transparent;
  border: 1px solid;
}
.attached--panel .form-field--expandable {
  margin: 0 -0.84375rem;
  padding: 0;
  border-bottom: 1px solid #fff;
}
.attached--panel .form-field--expandable:first-of-type {
  border-top: 1px solid;
}
.attached--panel .form-field--expandable label {
  color: inherit;
  padding-left: 0.84375rem;
}
.attached--panel .form-field--expandable > label {
  padding-top: .5em;
  padding-bottom: .5em;
  cursor: pointer;
  position: relative;
}
.attached--panel .form-field--expandable > label:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e803';
  position: absolute;
  right: 0.84375rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.5s cubic-bezier(0.03, 0.85, 0.52, 1);
}
.attached--panel .form-field--expandable.is-expanded > label:after {
  transform: translateY(-50%) rotate(90deg);
}
.attached--panel .form-field--expandable .form-inputs,
.attached--panel .form-field--expandable form.standard .input {
  max-height: 20em;
  overflow: auto;
  background-color: #3e6226;
}
.attached--panel .form-field--expandable .form-inputs label,
.attached--panel .form-field--expandable form.standard .input label {
  position: relative;
  padding-left: 3.5em;
  padding-left: calc(1.5em +  1.6875rem);
  font-weight: normal;
  border-top: 1px solid #66A23F;
  padding-top: .3em;
  padding-bottom: .3em;
}
.attached--panel .form-field--expandable .form-inputs label [type=checkbox],
.attached--panel .form-field--expandable .form-inputs label [type=radio],
.attached--panel .form-field--expandable form.standard .input label [type=checkbox],
.attached--panel .form-field--expandable form.standard .input label [type=radio] {
  position: absolute;
  left: 1.6875rem;
  top: .6em;
  margin-right: 0.84375rem;
}
@media screen and (min-width: 36rem) {
  .attached--panel .form-field--expandable {
    margin: 0 -1.6875rem;
  }
  .attached--panel .form-field--expandable label {
    padding-left: 1.6875rem;
  }
}
.attached--panelPrimary {
  background-color: #1D4D59;
}
.attached--item {
  background-color: #ffffff;
  padding: 0.84375rem;
  margin-bottom: 1.6875rem;
}
@media screen and (min-width: 36rem) {
  .attached--item {
    padding: 1.6875rem;
  }
}
.attached--item h2 {
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1.22222222em;
  line-height: 1.2;
}
@media screen and (min-width: 36rem) {
  .attached--item h2 {
    letter-spacing: -0.01em;
  }
}
.attached--item h2 + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
@media screen and (min-width: 36rem) {
  .attached--item h2 {
    font-size: 1.66666667em;
  }
}
.attached--item ul {
  list-style: none;
  padding: 0;
  border-top: 1px solid #eee;
}
.attached--item ul li {
  border-bottom: 1px solid #eee;
}
.attached--item ul a {
  display: block;
  text-decoration: none;
  padding: 0.5625rem 0;
}
.attached--item ul a:hover,
.attached--item ul a:focus {
  text-decoration: underline;
}
.attached--item ul.styled {
  border: none;
}
.attached--item ul.styled li {
  border: none;
}
.attached--item ul.styled li a {
  padding: 0;
  display: inline-block;
}
.attached--documents .items,
.attached--documents #search-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.attached--documents .items .item,
.attached--documents #search-items .item {
  padding-left: 40px;
  margin-bottom: 0.84375rem;
}
.attached--documents .items .item--restricted .item-title,
.attached--documents #search-items .item--restricted .item-title {
  padding-right: 30px;
  background-image: url(/themes/bali/gfx/icons/lock.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
}
.attached--documents .items .item .item-title,
.attached--documents #search-items .item .item-title {
  display: block;
  font-weight: bold;
  color: #1f1f1f;
  text-decoration: none;
  margin: 0;
}
/* The input. */
/* Ordered list for display results. */
ol.mp_list {
  background-color: #FFFFFF;
  border: 1px solid #c2c2b1;
  border-bottom: none;
  overflow: hidden;
  position: absolute;
  z-index: 99999;
  list-style: none;
  max-height: 20em;
  width: 100%;
  overflow: auto;
  padding: 0;
  margin: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
/* Each list item, regardless of success, error, etc. */
ol.mp_list li {
  border-bottom: 1px solid #c2c2b1;
  padding: 4px 4px 5px;
}
/* Each list item from a successful request. */
/* Each list item that's selectable. */
ol.mp_list li.mp_selectable {
  cursor: pointer;
}
/* Currently highlighted list item. */
ol.mp_list li.mp_highlighted {
  background-color: #66A23F;
}
/* When a request is made that returns zero results. */
/* When a request is made that doesn't meet the 'minChars' length option. */
/* When a request is made that fails during the ajax request. */
.button,
.form [type='submit'],
.form [type='reset'],
.form [type='button'] {
  display: inline-block;
  padding: 0.5625rem 1.6875rem;
  margin-bottom: 0.5625rem;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1rem;
  letter-spacing: .05rem;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid #ffffff;
  outline: none;
  cursor: pointer;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
}
@media screen and (min-width: 36rem) {
  .button,
  .form [type='submit'],
  .form [type='reset'],
  .form [type='button'] {
    margin-bottom: 0;
    margin-right: 0.5625rem;
  }
}
.button b,
.form [type='submit'] b,
.form [type='reset'] b,
.form [type='button'] b {
  font-weight: inherit;
  text-transform: none;
}
.button:last-child,
.form [type='submit']:last-child,
.form [type='reset']:last-child,
.form [type='button']:last-child {
  margin-right: 0;
}
.button:visited,
.form [type='submit']:visited,
.form [type='reset']:visited,
.form [type='button']:visited {
  color: #ffffff;
}
.button:hover,
.button:focus,
.form [type='submit']:hover,
.form [type='submit']:focus,
.form [type='reset']:hover,
.form [type='reset']:focus,
.form [type='button']:hover,
.form [type='button']:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.button[disabled],
.form [type='submit'][disabled],
.form [type='reset'][disabled],
.form [type='button'][disabled] {
  background-color: #c2c2b1 !important;
  cursor: initial;
  opacity: 0.5;
}
.button--primary {
  background-color: #66A23F;
  border: none;
  color: #ffffff;
}
.button--primary:hover,
.button--primary:focus {
  background-color: #7FB15F;
}
.button--secondary {
  background-color: #0E8B61;
  border: none;
  color: #ffffff;
}
.button--secondary:hover,
.button--secondary:focus {
  background-color: #369E7B;
}
.button--tertiary {
  background-color: #30A1C0;
  border: none;
  color: #ffffff;
}
.button--tertiary:hover,
.button--tertiary:focus {
  background-color: #52B0CA;
}
.button--quaternary {
  background-color: #AC4E24;
  border: none;
  color: #ffffff;
}
.button--quaternary:hover,
.button--quaternary:focus {
  background-color: #CF5E2C;
}
.button--quinary {
  background-color: #6D4276;
  border: none;
  color: #ffffff;
}
.button--quinary:hover,
.button--quinary:focus {
  background-color: #85618C;
}
.button--neutral {
  background-color: #9e9e9f;
  border: none;
  color: #ffffff;
}
.button--neutral:hover,
.button--neutral:focus {
  background-color: #c2c2b1;
}
.button--transparent {
  background-color: transparent;
  color: #ffffff;
}
.button--transparent:hover,
.button--transparent:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.button--danger {
  background-color: transparent !important;
  color: #aa2029 !important;
  border: 1px solid #aa2029 !important;
  font-size: .9em;
}
.button.is-processing,
.form [type='submit'].is-processing,
.form [type='reset'].is-processing,
.form [type='button'].is-processing {
  background-color: #9e9e9f !important;
  border-color: #9e9e9f;
  background-image: url(/themes/bali/gfx/loading.gif);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  opacity: .9 !important;
}
.button--ical {
  background-color: #0E8B61;
  color: #ffffff;
}
.button--ical:hover,
.button--ical:focus {
  background-color: #369E7B;
}
.button--ical:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e815';
  margin-right: 0.5625rem;
}
.buttonGroup {
  display: flex;
  flex-flow: row wrap;
  margin-left: -0.84375rem;
}
.buttonGroup .button,
.buttonGroup .form [type='submit'],
.buttonGroup .form [type='reset'],
.buttonGroup .form [type='button'] {
  flex: 1;
  margin: 0 0 0.84375rem 0.84375rem;
}
.buttonGroup--inline {
  display: inline-flex;
}
.buttonGroup--inline .button,
.buttonGroup--inline .form [type='submit'],
.buttonGroup--inline .form [type='reset'],
.buttonGroup--inline .form [type='button'] {
  flex: 1;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 1.6875rem;
  left: 0.5625rem;
  right: 0.5625rem;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 0 3px;
  font-size: 0;
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  overflow: hidden;
  text-indent: -999px;
  outline: none;
  padding: 0;
}
.slick-dots li.slick-active button {
  border-color: #ffffff;
  background-color: transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: 2px solid #fff;
  outline: none;
  background: transparent;
}
@media screen and (min-width: 56rem) {
  .slick-arrow {
    width: 60px;
    height: 60px;
  }
}
.slick-arrow:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.slick-arrow:after {
  font-size: 16px;
  color: #fff;
  position: relative;
  line-height: 1;
}
.slick-prev {
  left: 0.5625rem;
}
@media screen and (min-width: 56rem) {
  .slick-prev {
    left: 6%;
  }
}
.slick-prev:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e802';
  right: 1px;
}
.slick-next {
  right: 0.5625rem;
}
@media screen and (min-width: 56rem) {
  .slick-next {
    right: 6%;
  }
}
.slick-next:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e803';
  left: 1px;
}
.carousel {
  background-color: #30A1C0;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  overflow: auto;
}
.carousel .carousel-item {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  white-space: normal;
}
.homeCarousels {
  position: relative;
  background: linear-gradient(339.5deg, rgba(191, 191, 191, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}
.carousel--homeImages {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.carousel--homeImages .slick-list,
.carousel--homeImages .slick-track {
  height: 100%;
}
.carousel--homeImages .carousel-item {
  background-position: center;
  background-size: cover;
  position: relative;
}
.carousel--homeImages .carousel-item img {
  visibility: hidden;
}
.carousel--home {
  background-color: transparent;
}
.carousel--home:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.carousel--home .carousel-inner {
  padding: 1.6875rem 2.53125rem 2.53125rem;
  position: relative;
  z-index: 1;
  max-width: 68.375rem;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 56rem) {
  .carousel--home .carousel-inner {
    text-align: left;
    padding: 1.6875rem 150px;
    padding: 10vmin 150px;
  }
}
.carousel--home .carousel-title {
  font-size: 2.5em;
  line-height: 0.9;
  margin: 0 0 1.6875rem;
  color: inherit;
  margin-left: -0.06em;
}
@media screen and (min-width: 36rem) {
  .carousel--home .carousel-title {
    font-size: 4.44444444em;
  }
}
.carousel--home .carousel-strapline {
  display: inline-block;
  background-color: #3b3937;
  padding: 0.5625rem 0.84375rem;
  font-weight: bold;
}
.carousel--home .slick-dots {
  bottom: 0.84375rem;
}
.carousel--home :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 36rem) {
  .carousel--home .button,
  .carousel--home .form [type='submit'],
  .carousel--home .form [type='reset'],
  .carousel--home .form [type='button'] {
    margin-left: 1.6875rem;
  }
  .carousel--home .carousel-strapline {
    padding: 0.84375rem 1.6875rem;
    font-size: 1.45em;
  }
  .carousel--home h1 {
    max-width: 60%;
  }
}
@media screen and (min-width: 56rem) {
  .carousel--home .carousel-title {
    font-size: 7vh;
  }
  .carousel--home .carousel-strapline {
    padding: 1vh 1.6875rem;
  }
  .carousel--home .carousel-title,
  .carousel--home .carousel-strapline {
    margin-bottom: 4vh;
  }
}
.carousel--intro {
  background-color: transparent;
  color: #3b3937;
}
.carousel--intro .slick-dots li {
  margin: 0 0.5625rem;
}
.carousel--intro .slick-dots button {
  background-color: rgba(59, 57, 55, 0.5);
}
.carousel--intro .slick-dots .slick-active button {
  border-color: #3b3937;
}
.carousel--gallery {
  text-align: center;
}
.carousel--gallery .carousel-inner {
  min-height: 20em;
  position: relative;
}
.carousel--gallery .carousel-strapline {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.2em 1.6875rem;
  margin: 0;
}
.carousel--gallery .slick-dots {
  top: 0;
  bottom: auto;
}
.carousel--gallery img {
  visibility: hidden;
}
.container {
  clear: both;
}
@media print {
  .container {
    background-color: transparent !important;
    background-image: none !important;
    color: #1f1f1f !important;
  }
}
.container-inner {
  padding: 1.6875rem 0.84375rem;
  max-width: 68.375rem;
  margin: 0 auto;
}
@media screen and (min-width: 36rem) {
  .container-inner {
    padding-left: 1.6875rem;
    padding-right: 1.6875rem;
  }
}
@media print {
  .container-inner {
    padding: 0 0 0.84375rem;
  }
}
.container-inner:before,
.container-inner:after {
  display: table;
  content: '';
  clear: both;
}
.container--tall .container-inner {
  padding-top: 3.375rem;
  padding-bottom: 3.375rem;
}
.container--fullwidth .container-inner {
  padding-left: 0;
  padding-right: 0;
}
.container--nopad .container-inner {
  padding: 0;
}
.container--dev {
  display: none;
}
@media screen and (min-width: 36rem) {
  .container--dev {
    display: block;
    text-align: center;
    background: rgba(48, 161, 192, 0.95);
    color: #ffffff;
    padding: 0.5625rem 0;
    position: absolute;
    font-weight: bold;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
}
.container--dev p {
  margin: 0;
}
.container--header {
  background-color: #1D4D59;
  color: #ffffff;
}
.container--header .container-inner {
  max-width: 65rem;
  padding: 0;
}
.container--mast {
  background-color: #ffffff;
}
.container--mast.has-search .container-inner {
  position: relative;
}
.container--mast .container-inner {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container--mast .container-inner .page-logo {
  flex: 1;
  flex-basis: auto;
}
.container--mast .container-inner .nav--primary {
  order: 1;
}
@media (min-width: 1043px) {
  .container--mast .container-inner .nav--primary {
    order: 0;
  }
}
.reduced-template .container--mast .container-inner .page-logo {
  display: block;
  flex: none;
}
.container--crumbs {
  display: none;
  background-color: #eee;
}
@media screen and (min-width: 36rem) {
  .container--crumbs {
    display: block;
  }
}
.container--crumbs .container-inner {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.container--h1 {
  background-color: #30A1C0;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-bottom: 1.6875rem;
}
.container--h1 h1,
.container--h1 .h1 {
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 20px rgba(31, 31, 31, 0.6);
  text-align: center;
  margin: 0.84375rem 0;
}
.container--h1 + .page-main {
  margin-top: -1.6875rem;
}
@media screen and (min-width: 36rem) {
  .container--h1 {
    padding-bottom: 3.375rem;
  }
  .container--h1 h1,
  .container--h1 .h1 {
    margin: 1.6875rem 0;
  }
  .container--h1 + .page-main {
    margin-top: -3.375rem;
  }
}
.container--footer {
  background: #1D4D59;
  color: #ffffff;
}
.container--footer .container-inner {
  padding-top: 3.375rem;
}
.container--footer h3 {
  color: #ffffff;
  padding: 0.5625rem 0;
  border-bottom: 3px solid #66A23F;
  margin: 0 0 0.84375rem;
}
@media screen and (min-width: 56rem) {
  .container--footer h3 {
    padding: 0.3em 0.2em 0.3em 0.84375rem;
    border-bottom: none;
    border-left: 5px solid #66A23F;
    margin: 0 0 1.6875rem;
  }
}
@media screen and (min-width: 56rem) {
  .container--footer .footerLogo {
    margin-left: 1.6875rem;
  }
}
.container--footer a {
  color: inherit;
}
.container--footer a:hover,
.container--footer a:focus {
  color: #66A23F;
}
.container--footer ul a {
  text-decoration: none;
}
.container--footer .contact-telno,
.container--footer .contact-faxno,
.container--footer .contact-email {
  margin: 0;
}
.container--footer .contact-telno:before,
.container--footer .contact-faxno:before,
.container--footer .contact-email:before {
  color: #66A23F;
  margin-right: 0.5625rem;
}
.container--footer .contact-telno a,
.container--footer .contact-faxno a,
.container--footer .contact-email a {
  text-decoration: none;
}
.container--footer .contact-telno:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e807';
}
.container--footer .contact-faxno:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f1ac';
}
.container--footer .contact-email:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f0e0';
}
.container--footerBottom {
  background: #1D4D59;
  color: #ffffff;
  border-top: 1px solid #ffffff;
}
.container--footerBottom a {
  color: inherit;
  text-decoration: none;
}
.container--footerBottom a:hover,
.container--footerBottom a:focus {
  color: #66A23F;
}
.container--footerBottom .legal {
  margin: 0 0 0.5625rem;
  font-size: 0.77777778em;
}
.container--footerBottom .credit {
  margin: 0;
  font-size: 0.77777778em;
}
.container--footerBottom .credit a {
  font-weight: bold;
}
@media screen and (min-width: 36rem) {
  .container--footerBottom .legal,
  .container--footerBottom .credit {
    text-align: right;
  }
}
.container--primary .container-inner {
  background-color: #ffffff;
  min-height: 6.75rem;
}
.container--memberIntro .member-logo {
  padding: 0.84375rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  max-width: 10em;
}
@media screen and (min-width: 36rem) {
  .container--memberIntro .member-logo {
    margin-top: -3.375rem;
    max-width: none;
  }
}
.container--memberIntro .member-logo img {
  display: block;
  width: 100%;
}
.container--memberIntro .member-intro {
  padding: 1.6875rem 0;
}
.container--memberDetails {
  background-color: #369E7B;
  color: #ffffff;
}
.container--memberDetails h2,
.container--memberDetails h3 {
  color: inherit;
}
.container--memberGallery {
  background-color: #1f1f1f;
}
.container--memberTestimonials {
  text-align: center;
}
.container--memberTestimonials h2 {
  text-align: center;
  padding: 1.6875rem 0;
}
@media print {
  .container--memberTestimonials h2 {
    margin-bottom: 0;
  }
}
.container--memberCaseStudies {
  background-color: #30A1C0;
  color: #ffffff;
}
.container--memberCaseStudies h2,
.container--memberCaseStudies h3,
.container--memberCaseStudies a {
  color: inherit;
}
.container--memberCaseStudies h2 {
  text-align: center;
  padding: 1.6875rem 0;
}
.container--teamMembers h2 {
  text-align: center;
  color: #1f1f1f;
  padding: 1.6875rem 0;
}
#intro + .container--renewal {
  margin-top: -1.6875rem;
}
.container--renewal .container-inner {
  padding-top: 0;
}
.document-header {
  padding-bottom: 1.6875rem;
}
@media screen and (min-width: 36rem) {
  .document-header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6875rem;
  }
}
@media screen and (min-width: 36rem) {
  .document-header .contact-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6875rem;
  }
}
.document-header .contact-details {
  text-align: right;
}
.document-header .contact-details span:not(.label) {
  display: block;
}
.document-header .contact-details:after {
  background: url(/themes/bali/gfx/logos/direct-debit-1.svg) center right no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  margin-bottom: .5em;
  margin-right: auto;
  margin-left: auto;
  width: 100px;
}
#direct-debit-guarantee {
  border: 4px solid #000;
  padding: 20px;
  margin-bottom: 2rem;
}
#direct-debit-guarantee h2 {
  color: #000;
  margin-top: 0;
}
@media screen and (min-width: 36rem) {
  #direct-debit-guarantee h2 {
    padding-right: 120px;
  }
}
#direct-debit-guarantee h2 span {
  display: block;
}
@media screen and (min-width: 36rem) {
  #direct-debit-guarantee h2 span {
    float: left;
  }
}
#direct-debit-guarantee h2:before {
  background: url(/themes/bali/gfx/logos/direct-debit-1.svg) center right no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 30px;
  margin-bottom: .5em;
}
@media screen and (min-width: 36rem) {
  #direct-debit-guarantee h2:before {
    width: 100px;
    margin-bottom: 0;
    margin-right: -120px;
    float: right;
  }
}
#direct-debit-guarantee ul {
  padding-left: 1.8rem;
}
.direct-debit-detail {
  border: 1px solid #000;
  padding: 0.3em;
  margin-top: 0;
  margin-bottom: .5em;
}
.direct-debit-detail-label {
  margin-bottom: 0;
}
.direct-details-details {
  padding-bottom: 1.6875rem;
}
@media screen and (min-width: 36rem) {
  .direct-details-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6875rem;
  }
}
.calendars {
  margin-bottom: 0.84375rem;
}
.calendar {
  border: 2px solid #eee;
}
@media screen and (min-width: 68.375rem) {
  .calendar {
    width: 48%;
    float: left;
  }
  .calendar:nth-child(odd) {
    margin-right: 4%;
  }
}
.calendar h2 {
  background-color: #eee;
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1.22222222em;
  line-height: 1.2;
  text-align: center;
  margin: 0;
  padding: .2em;
}
@media screen and (min-width: 36rem) {
  .calendar h2 {
    letter-spacing: -0.01em;
  }
}
.calendar h2 + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
@media screen and (min-width: 36rem) {
  .calendar h2 {
    font-size: 1.66666667em;
  }
}
.calendar h2 a {
  text-decoration: none;
  color: #0E8B61;
}
.calendar table {
  font-size: .9em;
  margin: 0.5625rem 0;
}
.calendar table th,
.calendar table td {
  font-weight: bold;
  text-align: right;
  padding: .2em .4em;
  border: none;
}
.calendar table th {
  color: #0E8B61;
  text-transform: capitalize;
}
.calendar table th span {
  display: none;
}
@media screen and (min-width: 68.375rem) {
  .calendar table th span {
    display: inline;
  }
}
.calendar table td a,
.calendar table td span {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
}
.calendar table td.cal-pad {
  opacity: .3;
}
.calendar table td a {
  text-decoration: none;
  color: #4f7d31;
}
.calendar table td a:hover,
.calendar table td a:focus {
  text-decoration: underline;
}
.calendar .today span {
  background-color: #66A23F;
  display: inline-block;
  color: #ffffff;
  border-radius: 1em;
  box-shadow: 0 0 0 3px #66A23F;
}
.calendar-navigation {
  text-align: center;
}
.calendar-navigation:after {
  content: " ";
  display: table;
  clear: both;
}
.calendar-navigation a {
  text-decoration: none;
  font-weight: bold;
}
.calendar-navigation a span {
  display: none;
}
.calendar-navigation p {
  display: inline-block;
}
.calendar-navigation .prev {
  float: left;
}
.calendar-navigation .prev a:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e802';
  vertical-align: middle;
  margin-right: .2em;
}
.calendar-navigation .next {
  float: right;
}
.calendar-navigation .next a:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e803';
  vertical-align: middle;
  margin-left: .2em;
}
@supports (display:grid) {
  .calendars {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
    grid-gap: 1.6875rem;
  }
  .calendar {
    width: auto;
    float: none;
    margin: 0 !important;
  }
}
.eventImage {
  border-radius: 3em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.eventDetail h3 {
  color: #1f1f1f;
  margin-bottom: 0.84375rem;
}
.eventDetail--speakers ul,
.eventDetail--programmes ul,
.eventDetail--contact ul {
  list-style: none;
  padding: 0;
}
.eventBookingForm {
  padding: 1.6875rem;
  border-radius: 3em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #0E8B61;
  color: #ffffff;
  margin-bottom: 1.6875rem;
}
.eventBookingForm h2,
.eventBookingForm h3,
.eventBookingForm h4 {
  color: inherit;
}
.eventBookingForm a {
  color: inherit;
}
.eventBookingForm .item-booking-status {
  text-transform: lowercase;
}
.eventDelegate {
  margin-bottom: 1.6875rem;
}
.eventDelegate button {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #aa2029;
  outline: none;
}
.eventDelegate button:hover,
.eventDelegate button:focus {
  text-decoration: underline;
}
.eventDetailsTable {
  margin-bottom: 0;
}
.eventDetailsTable th,
.eventDetailsTable td {
  padding: 0 0 0.84375rem;
  border: none;
}
.eventDetailsTable th {
  padding-right: 0.84375rem;
  color: #66A23F;
}
.eventDetailsTable td {
  font-weight: bold;
}
.eventPrices {
  margin-bottom: 1.6875rem;
}
.eventPrices-heading {
  margin-bottom: 0.5625rem;
}
.eventPrices-prices {
  display: table;
  width: 100%;
}
.eventPrices-prices .displayPrice {
  display: table-row;
}
.eventPrices-prices .displayPrice span {
  display: table-cell;
  padding: .2rem 0;
  position: relative;
}
.eventPrices-prices .displayPrice span:after {
  content: '';
  display: block;
  border-bottom: 1px solid;
  opacity: 0.3;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.eventPrices-prices .displayPrice-value {
  text-align: right;
  font-weight: bold;
  padding-left: 0.5625rem;
}
.eventPrices.earlyPriceAvailable .displayPrice--price span {
  text-decoration: line-through;
  opacity: .6;
}
.eventPrices.discountPriceAvailable .displayPrice--early_price span,
.eventPrices.discountPriceAvailable .displayPrice--price span {
  text-decoration: line-through;
  opacity: .6;
}
.eventPrices .displayPrice:last-child span {
  text-decoration: none;
  opacity: 1;
}
.eventBookingDetailsTable .eventPrices {
  margin: 0;
}
.eventBookingDetailsTable .eventPrices-heading {
  font-size: 1em;
  color: inherit;
  margin: 0.5625rem 0;
}
.eventBookingDetailsTable .displayPrice span:after {
  content: none;
}
.forbidden-book + .item-booking-status {
  display: inline-block;
  margin-top: 1em;
}
@font-face {
  font-family: 'fontello';
  src: url('/themes/bali/fonts/fontello/font/fontello.eot?1753230279748');
  src: url('/themes/bali/fonts/fontello/font/fontello.eot?1753230279748#iefix') format('embedded-opentype'), url('/themes/bali/fonts/fontello/font/fontello.woff2?1753230279748') format('woff2'), url('/themes/bali/fonts/fontello/font/fontello.woff?1753230279748') format('woff'), url('/themes/bali/fonts/fontello/font/fontello.ttf?1753230279748') format('truetype'), url('/themes/bali/fonts/fontello/font/fontello.svg?1753230279748#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?#fontello') format('svg');
  }
}
*/
.icon-fontello,
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label span.label:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
[class^="@icon-"]:before,
[class*=" @icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
.form fieldset,
form.standard .fields,
form.standard fieldset {
  border: none;
  padding: 0;
  margin: 0 0 1.6875rem;
}
.form fieldset.is-collapsible legend {
  cursor: pointer;
}
.form fieldset.is-collapsible legend:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80a';
  margin-left: 0.5625rem;
  color: #9e9e9f;
}
.form fieldset.is-collapsible.is-collapsed legend {
  border-bottom: 1px solid;
}
.form fieldset.is-collapsible.is-collapsed legend:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80b';
}
.form fieldset.is-collapsible.is-collapsed .form-field,
.form fieldset.is-collapsible.is-collapsed form.standard .field {
  display: none !important;
}
.form fieldset.is-valid legend {
  position: relative;
  padding-right: 1.8em;
}
.form fieldset.is-valid legend:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80f';
  color: #0E8B61;
  position: absolute;
  right: 0.5625rem;
  top: 0.3em;
}
.form fieldset.captcha legend,
.form fieldset.captcha p.field {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.form legend,
form.standard legend {
  font-size: 1.3em;
  width: 100%;
  text-transform: lowercase;
  color: #0E8B61;
}
.form legend span {
  text-transform: none;
}
.form [type='submit'],
.form [type='reset'],
.form [type='button'] {
  background-color: #66A23F;
  border: none;
  color: #ffffff;
}
.form [type='submit']:hover,
.form [type='reset']:hover,
.form [type='button']:hover,
.form [type='submit']:focus,
.form [type='reset']:focus,
.form [type='button']:focus {
  background-color: #7FB15F;
}
.form [type='submit'].remove-file,
.form [type='reset'].remove-file,
.form [type='button'].remove-file {
  background-color: transparent;
  padding: 0;
}
.form [type='submit'].remove-file:before,
.form [type='reset'].remove-file:before,
.form [type='button'].remove-file:before {
  background: url(/themes/bali/gfx/icons/times-circle.svg) center center no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 25px;
  width: 25px;
}
.form [type='submit'].remove-file[disabled],
.form [type='reset'].remove-file[disabled],
.form [type='button'].remove-file[disabled] {
  background-color: transparent!important;
  opacity: .5;
}
.form .confirmation-step {
  width: 100%;
  clear: both;
  border-bottom: 1px solid #c2c2b1;
  display: block;
  float: left;
  margin-bottom: 1em;
}
.form-info {
  font-style: italic;
  color: #6d6d6d;
  margin-bottom: 0.5625rem;
}
.form-info b {
  color: #aa2029;
}
.form-field,
form.standard .field {
  margin-bottom: 0.84375rem;
}
.form-field.required-true .form-inputs label:first-child:after,
form.standard .field.required-true .form-inputs label:first-child:after,
.form-field.required-true form.standard .input label:first-child:after {
  content: '*';
  color: #aa2029;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 0.1em;
}
.form-field.required-true .form-inputs label:first-child em,
form.standard .field.required-true .form-inputs label:first-child em,
.form-field.required-true form.standard .input label:first-child em {
  display: none;
}
.form-field.has-remove,
form.standard .field.has-remove {
  display: grid;
  grid-template-columns: calc(100% - 25px) 25px;
  gap: 10px;
}
.form-field label,
form.standard .field label {
  display: block;
  color: #6d6d6d;
  font-size: 0.9em;
  margin-bottom: 0;
  text-transform: lowercase;
}
.form-field label span,
.form-field label b,
form.standard .field label span,
form.standard .field label b {
  text-transform: none;
}
@media print {
  .form-field label,
  form.standard .field label {
    margin-bottom: 0.5625rem;
    color: #1f1f1f;
  }
}
.form-field .alert,
form.standard .field .alert {
  color: #aa2029;
  font-size: 0.85em;
  font-weight: 600;
}
.form-field .alert:before,
form.standard .field .alert:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e811';
  margin-right: 0.5625rem;
}
.form-field .hint,
.form-field .form-hint,
form.standard .field .hint,
form.standard .field .form-hint {
  display: block;
  font-style: italic;
  font-size: .9em;
  color: #6d6d6d;
  text-transform: lowercase;
}
.form-field .hint span,
.form-field .form-hint span,
.form-field .hint b,
.form-field .form-hint b,
form.standard .field .hint span,
form.standard .field .form-hint span,
form.standard .field .hint b,
form.standard .field .form-hint b {
  text-transform: none;
}
.form-field--checkboxes .form-inputs label,
form.standard .field--checkboxes .form-inputs label,
.form-field--checkboxes form.standard .input label {
  color: #1f1f1f;
}
.form-field--checkboxes .form-inputs label:first-child,
form.standard .field--checkboxes .form-inputs label:first-child,
.form-field--checkboxes form.standard .input label:first-child {
  color: #9e9e9f;
}
@media screen and (min-width: 36rem) {
  .form-field [type='submit'],
  .form-field [type='reset'],
  .form-field [type='button'],
  .form-field .button,
  .form-field .form [type='submit'],
  .form-field .form [type='reset'],
  .form-field .form [type='button'],
  form.standard .field [type='submit'],
  form.standard .field [type='reset'],
  form.standard .field [type='button'],
  form.standard .field .button {
    min-height: 2.7em;
  }
}
.form-inputs input[type='text'],
.form-inputs input[type='search'],
.form-inputs input[type='tel'],
.form-inputs input[type='url'],
.form-inputs input[type='email'],
.form-inputs input[type='password'],
.form-inputs input[type='date'],
.form-inputs input[type='time'],
.form-inputs input[type='number'],
.form-inputs textarea,
form.standard .input input[type='text'],
form.standard .input input[type='search'],
form.standard .input input[type='tel'],
form.standard .input input[type='url'],
form.standard .input input[type='email'],
form.standard .input input[type='password'],
form.standard .input input[type='date'],
form.standard .input input[type='time'],
form.standard .input input[type='number'],
form.standard .input textarea {
  display: block;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-weight: bold;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.form-inputs input[type='text']::placeholder,
.form-inputs input[type='search']::placeholder,
.form-inputs input[type='tel']::placeholder,
.form-inputs input[type='url']::placeholder,
.form-inputs input[type='email']::placeholder,
.form-inputs input[type='password']::placeholder,
.form-inputs input[type='date']::placeholder,
.form-inputs input[type='time']::placeholder,
.form-inputs input[type='number']::placeholder,
.form-inputs textarea::placeholder,
form.standard .input input[type='text']::placeholder,
form.standard .input input[type='search']::placeholder,
form.standard .input input[type='tel']::placeholder,
form.standard .input input[type='url']::placeholder,
form.standard .input input[type='email']::placeholder,
form.standard .input input[type='password']::placeholder,
form.standard .input input[type='date']::placeholder,
form.standard .input input[type='time']::placeholder,
form.standard .input input[type='number']::placeholder,
form.standard .input textarea::placeholder {
  color: #c2c2b1;
}
.form-inputs input[type='text']::-webkit-input-placeholder,
.form-inputs input[type='search']::-webkit-input-placeholder,
.form-inputs input[type='tel']::-webkit-input-placeholder,
.form-inputs input[type='url']::-webkit-input-placeholder,
.form-inputs input[type='email']::-webkit-input-placeholder,
.form-inputs input[type='password']::-webkit-input-placeholder,
.form-inputs input[type='date']::-webkit-input-placeholder,
.form-inputs input[type='time']::-webkit-input-placeholder,
.form-inputs input[type='number']::-webkit-input-placeholder,
.form-inputs textarea::-webkit-input-placeholder,
form.standard .input input[type='text']::-webkit-input-placeholder,
form.standard .input input[type='search']::-webkit-input-placeholder,
form.standard .input input[type='tel']::-webkit-input-placeholder,
form.standard .input input[type='url']::-webkit-input-placeholder,
form.standard .input input[type='email']::-webkit-input-placeholder,
form.standard .input input[type='password']::-webkit-input-placeholder,
form.standard .input input[type='date']::-webkit-input-placeholder,
form.standard .input input[type='time']::-webkit-input-placeholder,
form.standard .input input[type='number']::-webkit-input-placeholder,
form.standard .input textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c2c2b1;
}
.form-inputs input[type='text']::-moz-placeholder,
.form-inputs input[type='search']::-moz-placeholder,
.form-inputs input[type='tel']::-moz-placeholder,
.form-inputs input[type='url']::-moz-placeholder,
.form-inputs input[type='email']::-moz-placeholder,
.form-inputs input[type='password']::-moz-placeholder,
.form-inputs input[type='date']::-moz-placeholder,
.form-inputs input[type='time']::-moz-placeholder,
.form-inputs input[type='number']::-moz-placeholder,
.form-inputs textarea::-moz-placeholder,
form.standard .input input[type='text']::-moz-placeholder,
form.standard .input input[type='search']::-moz-placeholder,
form.standard .input input[type='tel']::-moz-placeholder,
form.standard .input input[type='url']::-moz-placeholder,
form.standard .input input[type='email']::-moz-placeholder,
form.standard .input input[type='password']::-moz-placeholder,
form.standard .input input[type='date']::-moz-placeholder,
form.standard .input input[type='time']::-moz-placeholder,
form.standard .input input[type='number']::-moz-placeholder,
form.standard .input textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #c2c2b1;
}
.form-inputs input[type='text']:-ms-input-placeholder,
.form-inputs input[type='search']:-ms-input-placeholder,
.form-inputs input[type='tel']:-ms-input-placeholder,
.form-inputs input[type='url']:-ms-input-placeholder,
.form-inputs input[type='email']:-ms-input-placeholder,
.form-inputs input[type='password']:-ms-input-placeholder,
.form-inputs input[type='date']:-ms-input-placeholder,
.form-inputs input[type='time']:-ms-input-placeholder,
.form-inputs input[type='number']:-ms-input-placeholder,
.form-inputs textarea:-ms-input-placeholder,
form.standard .input input[type='text']:-ms-input-placeholder,
form.standard .input input[type='search']:-ms-input-placeholder,
form.standard .input input[type='tel']:-ms-input-placeholder,
form.standard .input input[type='url']:-ms-input-placeholder,
form.standard .input input[type='email']:-ms-input-placeholder,
form.standard .input input[type='password']:-ms-input-placeholder,
form.standard .input input[type='date']:-ms-input-placeholder,
form.standard .input input[type='time']:-ms-input-placeholder,
form.standard .input input[type='number']:-ms-input-placeholder,
form.standard .input textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #c2c2b1;
}
.form-inputs input[type='text']:-moz-placeholder,
.form-inputs input[type='search']:-moz-placeholder,
.form-inputs input[type='tel']:-moz-placeholder,
.form-inputs input[type='url']:-moz-placeholder,
.form-inputs input[type='email']:-moz-placeholder,
.form-inputs input[type='password']:-moz-placeholder,
.form-inputs input[type='date']:-moz-placeholder,
.form-inputs input[type='time']:-moz-placeholder,
.form-inputs input[type='number']:-moz-placeholder,
.form-inputs textarea:-moz-placeholder,
form.standard .input input[type='text']:-moz-placeholder,
form.standard .input input[type='search']:-moz-placeholder,
form.standard .input input[type='tel']:-moz-placeholder,
form.standard .input input[type='url']:-moz-placeholder,
form.standard .input input[type='email']:-moz-placeholder,
form.standard .input input[type='password']:-moz-placeholder,
form.standard .input input[type='date']:-moz-placeholder,
form.standard .input input[type='time']:-moz-placeholder,
form.standard .input input[type='number']:-moz-placeholder,
form.standard .input textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #c2c2b1;
}
@media print {
  .form-inputs input[type='text'],
  .form-inputs input[type='search'],
  .form-inputs input[type='tel'],
  .form-inputs input[type='url'],
  .form-inputs input[type='email'],
  .form-inputs input[type='password'],
  .form-inputs input[type='date'],
  .form-inputs input[type='time'],
  .form-inputs input[type='number'],
  .form-inputs textarea,
  form.standard .input input[type='text'],
  form.standard .input input[type='search'],
  form.standard .input input[type='tel'],
  form.standard .input input[type='url'],
  form.standard .input input[type='email'],
  form.standard .input input[type='password'],
  form.standard .input input[type='date'],
  form.standard .input input[type='time'],
  form.standard .input input[type='number'],
  form.standard .input textarea {
    border-radius: 0;
    border: 2px solid #1f1f1f;
  }
}
.form-inputs textarea[rows],
form.standard .input textarea[rows] {
  height: auto;
}
.form-inputs select,
form.standard .input select {
  font-weight: bold;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media print {
  .form-inputs select,
  form.standard .input select {
    border-radius: 0;
    border: 2px solid #1f1f1f;
  }
}
.form-inputs input[type='checkbox'],
.form-inputs input[type='radio'],
form.standard .input input[type='checkbox'],
form.standard .input input[type='radio'] {
  margin-right: 0.5625rem;
  vertical-align: middle;
  outline: none;
}
.form-field--file .form-inputs--hasFile {
  position: relative;
}
.form-field--file .form-inputs--hasFile [type="file"] {
  display: none;
}
.form-field--file .form-inputs--hasFile label:after {
  content: 'Choose a different file';
  display: block;
  color: #66A23F;
  padding: 0.7rem 5px;
  position: absolute;
  left: 35px;
  right: 0;
  background-color: #fff;
  opacity: 0;
}
.form-field--file .form-inputs--hasFile label:hover:after {
  opacity: 1;
  cursor: pointer;
}
@media (hover: none) {
  .form-field--file .form-inputs--hasFile label:after {
    position: static;
    opacity: 1;
    padding: 0.5625rem 0 0;
  }
}
.form-field--file .form-currentFile {
  font-style: italic;
  font-weight: bold;
  display: block;
  margin: 0.5625rem 0 0.84375rem;
  background: url(/themes/bali/gfx/file-types/file.png) no-repeat top left;
  min-height: 34px;
  padding-left: 40px;
  display: flex;
  align-items: center;
}
form.standard .field .remove {
  font-size: .8em;
}
form.standard .field .remove input {
  width: auto;
}
form.standard .submit legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
form.standard .submit legend.focusable:active,
form.standard .submit legend.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
form.standard .field.submit {
  margin-bottom: 0;
}
form.standard .field.submit button {
  display: inline-block;
  padding: 0.5625rem 1.6875rem;
  margin-bottom: 0.5625rem;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1rem;
  letter-spacing: .05rem;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid #ffffff;
  outline: none;
  cursor: pointer;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
  margin: 0;
}
@media screen and (min-width: 36rem) {
  form.standard .field.submit button {
    margin-bottom: 0;
    margin-right: 0.5625rem;
  }
}
form.standard .field.submit button b {
  font-weight: inherit;
  text-transform: none;
}
form.standard .field.submit button:last-child {
  margin-right: 0;
}
form.standard .field.submit button:visited {
  color: #ffffff;
}
form.standard .field.submit button:hover,
form.standard .field.submit button:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
form.standard .field.submit button[disabled] {
  background-color: #c2c2b1 !important;
  cursor: initial;
  opacity: 0.5;
}
form.standard .captcha legend {
  font-size: 1em;
}
form.standard .captcha .field {
  font-size: 0.9em;
}
form.standard input[type='submit'] {
  display: inline-block;
  padding: 0.5625rem 1.6875rem;
  margin-bottom: 0.5625rem;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1rem;
  letter-spacing: .05rem;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid #ffffff;
  outline: none;
  cursor: pointer;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #66A23F;
  border: none;
  color: #ffffff;
}
@media screen and (min-width: 36rem) {
  form.standard input[type='submit'] {
    margin-bottom: 0;
    margin-right: 0.5625rem;
  }
}
form.standard input[type='submit'] b {
  font-weight: inherit;
  text-transform: none;
}
form.standard input[type='submit']:last-child {
  margin-right: 0;
}
form.standard input[type='submit']:visited {
  color: #ffffff;
}
form.standard input[type='submit']:hover,
form.standard input[type='submit']:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
form.standard input[type='submit'][disabled] {
  background-color: #c2c2b1 !important;
  cursor: initial;
  opacity: 0.5;
}
form.standard input[type='submit']:hover,
form.standard input[type='submit']:focus {
  background-color: #7FB15F;
}
.form--inline fieldset {
  margin-bottom: 0;
}
@media screen and (min-width: 36rem) {
  .form--inline .form-field,
  .form--inline form.standard .field {
    display: inline-block;
    margin-right: 0.84375rem;
    vertical-align: text-bottom;
  }
}
.form-inputs--inline label {
  margin-right: 1.6875rem;
  vertical-align: middle;
}
.form-inputs--inline input {
  margin: 0 0 0.3em;
}
.form--addDelegate fieldset {
  position: relative;
}
.form--addDelegate #use-my-details {
  width: 100%;
}
@media screen and (min-width: 36rem) {
  .form--addDelegate #use-my-details {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0 0.84375rem 0;
  }
}
.form--selectPaymentType .form-field--paymentTypes .grid {
  border: 1px solid #c2c2b1;
  padding: 1.6875rem;
  text-align: center;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.form--membersAreaSearch label {
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1.22222222em;
  line-height: 1.2;
  border-left: 5px solid #66A23F;
  padding: 0.3em 0 0.3em 0.84375rem;
  margin: 0;
  color: inherit;
  text-transform: none;
}
@media screen and (min-width: 36rem) {
  .form--membersAreaSearch label {
    letter-spacing: -0.01em;
  }
}
.form--membersAreaSearch label + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
@media screen and (min-width: 36rem) {
  .form--membersAreaSearch label {
    font-size: 1.66666667em;
  }
}
.form--membersAreaSearch .form-inputs,
.form--membersAreaSearch form.standard .input {
  margin: 1.6875rem 0;
}
@media screen and (min-width: 56rem) {
  .form--membersAreaSearch {
    display: flex;
    align-items: center;
  }
  .form--membersAreaSearch label {
    margin-right: 1.6875rem;
  }
  .form--membersAreaSearch .form-field,
  .form--membersAreaSearch form.standard .field {
    display: inline-block;
    flex: 1;
    flex-basis: auto;
    display: inline-flex;
    align-items: center;
    margin: 0;
    vertical-align: middle;
  }
  .form--membersAreaSearch .form-inputs,
  .form--membersAreaSearch form.standard .input {
    flex: 1;
    flex-basis: auto;
    max-width: 32.77777778em;
    display: inline-block;
    margin: 0 1.6875rem 0 auto;
  }
  .form--membersAreaSearch button {
    vertical-align: middle;
  }
}
.form--directoryImages h6 {
  margin-bottom: 0.5625rem;
  text-align: center;
}
.form--directoryImages img {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
#membership-enquiry-form {
  max-width: 550px;
}
@media (max-width: 22em) {
  .g-recaptcha {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .captcha .field {
    width: 15em;
  }
}
.form--filter .attached--panel .form-field--checkboxes label {
  color: #fff;
}
.form-field--radios ul,
.form-field--radios ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form-field--radios ul li,
.form-field--radios ol li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.field-roloOnlineTraining {
  margin-bottom: 0;
}
.form--membershipRenewal .form-field--checkbox .form-inputs,
.form--membershipRenewal .form-field--checkbox form.standard .input {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.form--membershipRenewal .form-field--checkbox .form-inputs label,
.form--membershipRenewal .form-field--checkbox form.standard .input label {
  display: inline-block;
  order: 2;
  flex-grow: 1;
}
.form--membershipRenewal .form-field--checkbox .form-inputs input,
.form--membershipRenewal .form-field--checkbox form.standard .input input {
  position: relative;
  top: 6px;
  order: 1;
}
.form--membershipRenewal .field-membershipRenewal-bankAccountNumber input[type='number'] {
  -moz-appearance: textfield;
}
.form--membershipRenewal .field-membershipRenewal-bankAccountNumber input[type='number']::-webkit-outer-spin-button,
.form--membershipRenewal .field-membershipRenewal-bankAccountNumber input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form--membershipRenewal .form-field .form-inputs .faux-field,
.form--membershipRenewal form.standard .field .form-inputs .faux-field,
.form--membershipRenewal .form-field form.standard .input .faux-field {
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #66A23F;
  display: block;
  margin: 0;
}
.form--membershipRenewal .form-field .form-inputs .faux-field input[type='number'],
.form--membershipRenewal form.standard .field .form-inputs .faux-field input[type='number'],
.form--membershipRenewal .form-field form.standard .input .faux-field input[type='number'] {
  border: 0;
  box-sizing: border-box;
  display: inline-block;
  width: 2.8rem;
  -moz-appearance: textfield;
}
.form--membershipRenewal .form-field .form-inputs .faux-field input[type='number']::-webkit-outer-spin-button,
.form--membershipRenewal .form-field .form-inputs .faux-field input[type='number']::-webkit-inner-spin-button,
.form--membershipRenewal form.standard .field .form-inputs .faux-field input[type='number']::-webkit-outer-spin-button,
.form--membershipRenewal form.standard .field .form-inputs .faux-field input[type='number']::-webkit-inner-spin-button,
.form--membershipRenewal .form-field form.standard .input .faux-field input[type='number']::-webkit-outer-spin-button,
.form--membershipRenewal .form-field form.standard .input .faux-field input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form--membershipRenewal .form-field .form-inputs .faux-field input[type='number']#membership-renewal-bank-sortCode2,
.form--membershipRenewal .form-field .form-inputs .faux-field input[type='number']#membership-renewal-bank-sortCode3,
.form--membershipRenewal form.standard .field .form-inputs .faux-field input[type='number']#membership-renewal-bank-sortCode2,
.form--membershipRenewal form.standard .field .form-inputs .faux-field input[type='number']#membership-renewal-bank-sortCode3,
.form--membershipRenewal .form-field form.standard .input .faux-field input[type='number']#membership-renewal-bank-sortCode2,
.form--membershipRenewal .form-field form.standard .input .faux-field input[type='number']#membership-renewal-bank-sortCode3 {
  border-radius: 0;
}
.form--membershipRenewal .form-field .form-inputs .faux-field.sep,
.form--membershipRenewal form.standard .field .form-inputs .faux-field.sep,
.form--membershipRenewal .form-field form.standard .input .faux-field.sep {
  display: inline-block;
  margin-right: .3em;
}
@media screen and (min-width: 36rem) {
  .form--membershipRenewal .gridx2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6875rem;
  }
  .form--membershipRenewal .gridx2 .form-field,
  .form--membershipRenewal .gridx2 form.standard .field {
    margin: 0;
  }
}
@media screen and (min-width: 36rem) {
  .form--membershipRenewal .field-membershipRenewal-paymentMethod ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6875rem;
  }
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li {
  margin-bottom: 1.6875rem;
}
@media screen and (min-width: 36rem) {
  .form--membershipRenewal .field-membershipRenewal-paymentMethod ul li {
    margin-bottom: 0;
  }
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label {
  cursor: pointer;
  overflow: hidden;
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label input {
  float: left;
  margin-left: -1000px;
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label input:checked + span.label {
  border-color: #482C4E;
  color: #482C4E;
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label input:checked + span.label:after {
  content: "Selected";
  opacity: 1;
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label span.label {
  border: 2px solid #446C2A;
  border-radius: 8px;
  color: #446C2A;
  display: block;
  padding: 2rem 1rem 1rem 1rem;
  text-align: center;
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label span.label:before {
  display: block;
  font-size: 50px;
  margin: 0 0 1rem 0;
  text-align: center;
  width: 100%;
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li label span.label:after {
  color: #6d6d6d;
  content: "Not selected";
  display: block;
  font-size: .75rem;
  opacity: 0;
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li.value-card label span.label:before {
  content: '\e81b';
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li.value-direct-debit label span.label:before {
  content: '\f19c';
}
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li.value-purchase-order label span.label:before,
.form--membershipRenewal .field-membershipRenewal-paymentMethod ul li.value-request-invoice label span.label:before {
  content: '\e81c';
}
.form--membershipRenewal .form-field--submit {
  display: inline-block;
}
.renewal-price {
  color: #446C2A;
  font-size: 30px;
}
.renewal-price strong {
  color: #3b3937;
}
.trainers-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.trainers-list li {
  border-bottom: 1px solid #446C2A;
  list-style: none;
  margin: 20px 0;
  padding: 20px 0 40px 0;
}
.trainers-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.trainers-list li:first-child {
  margin-top: 0;
  padding-top: 0;
}
@media screen and (min-width: 20rem) {
  .trainers-list li .list-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .trainers-list li .list-grid label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .trainers-list li .list-grid label.focusable:active,
  .trainers-list li .list-grid label.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .trainers-list li .list-grid .form-field,
  .trainers-list li .list-grid form.standard .field {
    margin-bottom: 0;
  }
}
.trainers-list li .list-grid .error-true .form-field input,
.trainers-list li .list-grid .error-true form.standard .field input {
  border-color: #aa2029;
}
.trainers-list li .list-grid .error-true .error {
  color: #aa2029;
  font-size: 0.85em;
  font-weight: 600;
  display: block;
  margin: 0.3em 0;
}
.trainers-list li .list-grid .error-true .error:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e811';
  margin-right: 0.5625rem;
}
.grid {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
}
.grid  > * {
  box-sizing: inherit;
  vertical-align: top;
  width: 100%;
  min-width: 0;
  float: left;
}
.grid--spaced {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  margin-left: -1.6875rem;
}
.grid--spaced  > * {
  box-sizing: inherit;
  vertical-align: top;
  width: 100%;
  min-width: 0;
  float: left;
  padding-left: 1.6875rem;
  padding-bottom: 1.6875rem;
}
.grid--spacedX {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  margin-left: -1.6875rem;
}
.grid--spacedX  > * {
  box-sizing: inherit;
  vertical-align: top;
  width: 100%;
  min-width: 0;
  float: left;
  padding-left: 1.6875rem;
}
.grid--spacedY {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
}
.grid--spacedY  > * {
  box-sizing: inherit;
  vertical-align: top;
  width: 100%;
  min-width: 0;
  float: left;
  padding-bottom: 1.6875rem;
}
.grid--alignCenter {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grid--alignEnd {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.grid--alignMiddle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.grid--alignBottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.grid--fit .grid-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}
.grid-cell--alignRight {
  margin-left: auto;
}
.grid-cell--center {
  margin: 0 auto !important;
}
.grid-cell--auto {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}
.grid-cell--fullHeight {
  padding-bottom: 0 !important;
}
.grid .u-size1of2 {
  width: 50%;
}
.grid .u-size1of3 {
  width: 33.33333333%;
}
.grid .u-size2of3 {
  width: 66.66666667%;
}
.grid .u-size1of4 {
  width: 25%;
}
.grid .u-size2of4 {
  width: 50%;
}
.grid .u-size3of4 {
  width: 75%;
}
.grid .u-size1of5 {
  width: 20%;
}
.grid .u-size2of5 {
  width: 40%;
}
.grid .u-size3of5 {
  width: 60%;
}
.grid .u-size4of5 {
  width: 80%;
}
.grid .u-size1of6 {
  width: 16.66666667%;
}
.grid .u-size2of6 {
  width: 33.33333333%;
}
.grid .u-size3of6 {
  width: 50%;
}
.grid .u-size4of6 {
  width: 66.66666667%;
}
.grid .u-size5of6 {
  width: 83.33333333%;
}
.grid .u-size1of7 {
  width: 14.28571429%;
}
.grid .u-size2of7 {
  width: 28.57142857%;
}
.grid .u-size3of7 {
  width: 42.85714286%;
}
.grid .u-size4of7 {
  width: 57.14285714%;
}
.grid .u-size5of7 {
  width: 71.42857143%;
}
.grid .u-size6of7 {
  width: 85.71428571%;
}
.grid .u-size1of8 {
  width: 12.5%;
}
.grid .u-size2of8 {
  width: 25%;
}
.grid .u-size3of8 {
  width: 37.5%;
}
.grid .u-size4of8 {
  width: 50%;
}
.grid .u-size5of8 {
  width: 62.5%;
}
.grid .u-size6of8 {
  width: 75%;
}
.grid .u-size7of8 {
  width: 87.5%;
}
.grid .u-size1of9 {
  width: 11.11111111%;
}
.grid .u-size2of9 {
  width: 22.22222222%;
}
.grid .u-size3of9 {
  width: 33.33333333%;
}
.grid .u-size4of9 {
  width: 44.44444444%;
}
.grid .u-size5of9 {
  width: 55.55555556%;
}
.grid .u-size6of9 {
  width: 66.66666667%;
}
.grid .u-size7of9 {
  width: 77.77777778%;
}
.grid .u-size8of9 {
  width: 88.88888889%;
}
.grid .u-size1of10 {
  width: 10%;
}
.grid .u-size2of10 {
  width: 20%;
}
.grid .u-size3of10 {
  width: 30%;
}
.grid .u-size4of10 {
  width: 40%;
}
.grid .u-size5of10 {
  width: 50%;
}
.grid .u-size6of10 {
  width: 60%;
}
.grid .u-size7of10 {
  width: 70%;
}
.grid .u-size8of10 {
  width: 80%;
}
.grid .u-size9of10 {
  width: 90%;
}
.grid .u-size1of11 {
  width: 9.09090909%;
}
.grid .u-size2of11 {
  width: 18.18181818%;
}
.grid .u-size3of11 {
  width: 27.27272727%;
}
.grid .u-size4of11 {
  width: 36.36363636%;
}
.grid .u-size5of11 {
  width: 45.45454545%;
}
.grid .u-size6of11 {
  width: 54.54545455%;
}
.grid .u-size7of11 {
  width: 63.63636364%;
}
.grid .u-size8of11 {
  width: 72.72727273%;
}
.grid .u-size9of11 {
  width: 81.81818182%;
}
.grid .u-size10of11 {
  width: 90.90909091%;
}
.grid .u-size1of12 {
  width: 8.33333333%;
}
.grid .u-size2of12 {
  width: 16.66666667%;
}
.grid .u-size3of12 {
  width: 25%;
}
.grid .u-size4of12 {
  width: 33.33333333%;
}
.grid .u-size5of12 {
  width: 41.66666667%;
}
.grid .u-size6of12 {
  width: 50%;
}
.grid .u-size7of12 {
  width: 58.33333333%;
}
.grid .u-size8of12 {
  width: 66.66666667%;
}
.grid .u-size9of12 {
  width: 75%;
}
.grid .u-size10of12 {
  width: 83.33333333%;
}
.grid .u-size11of12 {
  width: 91.66666667%;
}
@media screen and (min-width: 20rem) {
  .grid .u-sm-size1of2 {
    width: 50%;
  }
  .grid .u-sm-size1of3 {
    width: 33.33333333%;
  }
  .grid .u-sm-size2of3 {
    width: 66.66666667%;
  }
  .grid .u-sm-size1of4 {
    width: 25%;
  }
  .grid .u-sm-size2of4 {
    width: 50%;
  }
  .grid .u-sm-size3of4 {
    width: 75%;
  }
  .grid .u-sm-size1of5 {
    width: 20%;
  }
  .grid .u-sm-size2of5 {
    width: 40%;
  }
  .grid .u-sm-size3of5 {
    width: 60%;
  }
  .grid .u-sm-size4of5 {
    width: 80%;
  }
  .grid .u-sm-size1of6 {
    width: 16.66666667%;
  }
  .grid .u-sm-size2of6 {
    width: 33.33333333%;
  }
  .grid .u-sm-size3of6 {
    width: 50%;
  }
  .grid .u-sm-size4of6 {
    width: 66.66666667%;
  }
  .grid .u-sm-size5of6 {
    width: 83.33333333%;
  }
  .grid .u-sm-size1of7 {
    width: 14.28571429%;
  }
  .grid .u-sm-size2of7 {
    width: 28.57142857%;
  }
  .grid .u-sm-size3of7 {
    width: 42.85714286%;
  }
  .grid .u-sm-size4of7 {
    width: 57.14285714%;
  }
  .grid .u-sm-size5of7 {
    width: 71.42857143%;
  }
  .grid .u-sm-size6of7 {
    width: 85.71428571%;
  }
  .grid .u-sm-size1of8 {
    width: 12.5%;
  }
  .grid .u-sm-size2of8 {
    width: 25%;
  }
  .grid .u-sm-size3of8 {
    width: 37.5%;
  }
  .grid .u-sm-size4of8 {
    width: 50%;
  }
  .grid .u-sm-size5of8 {
    width: 62.5%;
  }
  .grid .u-sm-size6of8 {
    width: 75%;
  }
  .grid .u-sm-size7of8 {
    width: 87.5%;
  }
  .grid .u-sm-size1of9 {
    width: 11.11111111%;
  }
  .grid .u-sm-size2of9 {
    width: 22.22222222%;
  }
  .grid .u-sm-size3of9 {
    width: 33.33333333%;
  }
  .grid .u-sm-size4of9 {
    width: 44.44444444%;
  }
  .grid .u-sm-size5of9 {
    width: 55.55555556%;
  }
  .grid .u-sm-size6of9 {
    width: 66.66666667%;
  }
  .grid .u-sm-size7of9 {
    width: 77.77777778%;
  }
  .grid .u-sm-size8of9 {
    width: 88.88888889%;
  }
  .grid .u-sm-size1of10 {
    width: 10%;
  }
  .grid .u-sm-size2of10 {
    width: 20%;
  }
  .grid .u-sm-size3of10 {
    width: 30%;
  }
  .grid .u-sm-size4of10 {
    width: 40%;
  }
  .grid .u-sm-size5of10 {
    width: 50%;
  }
  .grid .u-sm-size6of10 {
    width: 60%;
  }
  .grid .u-sm-size7of10 {
    width: 70%;
  }
  .grid .u-sm-size8of10 {
    width: 80%;
  }
  .grid .u-sm-size9of10 {
    width: 90%;
  }
  .grid .u-sm-size1of11 {
    width: 9.09090909%;
  }
  .grid .u-sm-size2of11 {
    width: 18.18181818%;
  }
  .grid .u-sm-size3of11 {
    width: 27.27272727%;
  }
  .grid .u-sm-size4of11 {
    width: 36.36363636%;
  }
  .grid .u-sm-size5of11 {
    width: 45.45454545%;
  }
  .grid .u-sm-size6of11 {
    width: 54.54545455%;
  }
  .grid .u-sm-size7of11 {
    width: 63.63636364%;
  }
  .grid .u-sm-size8of11 {
    width: 72.72727273%;
  }
  .grid .u-sm-size9of11 {
    width: 81.81818182%;
  }
  .grid .u-sm-size10of11 {
    width: 90.90909091%;
  }
  .grid .u-sm-size1of12 {
    width: 8.33333333%;
  }
  .grid .u-sm-size2of12 {
    width: 16.66666667%;
  }
  .grid .u-sm-size3of12 {
    width: 25%;
  }
  .grid .u-sm-size4of12 {
    width: 33.33333333%;
  }
  .grid .u-sm-size5of12 {
    width: 41.66666667%;
  }
  .grid .u-sm-size6of12 {
    width: 50%;
  }
  .grid .u-sm-size7of12 {
    width: 58.33333333%;
  }
  .grid .u-sm-size8of12 {
    width: 66.66666667%;
  }
  .grid .u-sm-size9of12 {
    width: 75%;
  }
  .grid .u-sm-size10of12 {
    width: 83.33333333%;
  }
  .grid .u-sm-size11of12 {
    width: 91.66666667%;
  }
}
@media screen and (min-width: 36rem) {
  .grid .u-md-size1of2 {
    width: 50%;
  }
  .grid .u-md-size1of3 {
    width: 33.33333333%;
  }
  .grid .u-md-size2of3 {
    width: 66.66666667%;
  }
  .grid .u-md-size1of4 {
    width: 25%;
  }
  .grid .u-md-size2of4 {
    width: 50%;
  }
  .grid .u-md-size3of4 {
    width: 75%;
  }
  .grid .u-md-size1of5 {
    width: 20%;
  }
  .grid .u-md-size2of5 {
    width: 40%;
  }
  .grid .u-md-size3of5 {
    width: 60%;
  }
  .grid .u-md-size4of5 {
    width: 80%;
  }
  .grid .u-md-size1of6 {
    width: 16.66666667%;
  }
  .grid .u-md-size2of6 {
    width: 33.33333333%;
  }
  .grid .u-md-size3of6 {
    width: 50%;
  }
  .grid .u-md-size4of6 {
    width: 66.66666667%;
  }
  .grid .u-md-size5of6 {
    width: 83.33333333%;
  }
  .grid .u-md-size1of7 {
    width: 14.28571429%;
  }
  .grid .u-md-size2of7 {
    width: 28.57142857%;
  }
  .grid .u-md-size3of7 {
    width: 42.85714286%;
  }
  .grid .u-md-size4of7 {
    width: 57.14285714%;
  }
  .grid .u-md-size5of7 {
    width: 71.42857143%;
  }
  .grid .u-md-size6of7 {
    width: 85.71428571%;
  }
  .grid .u-md-size1of8 {
    width: 12.5%;
  }
  .grid .u-md-size2of8 {
    width: 25%;
  }
  .grid .u-md-size3of8 {
    width: 37.5%;
  }
  .grid .u-md-size4of8 {
    width: 50%;
  }
  .grid .u-md-size5of8 {
    width: 62.5%;
  }
  .grid .u-md-size6of8 {
    width: 75%;
  }
  .grid .u-md-size7of8 {
    width: 87.5%;
  }
  .grid .u-md-size1of9 {
    width: 11.11111111%;
  }
  .grid .u-md-size2of9 {
    width: 22.22222222%;
  }
  .grid .u-md-size3of9 {
    width: 33.33333333%;
  }
  .grid .u-md-size4of9 {
    width: 44.44444444%;
  }
  .grid .u-md-size5of9 {
    width: 55.55555556%;
  }
  .grid .u-md-size6of9 {
    width: 66.66666667%;
  }
  .grid .u-md-size7of9 {
    width: 77.77777778%;
  }
  .grid .u-md-size8of9 {
    width: 88.88888889%;
  }
  .grid .u-md-size1of10 {
    width: 10%;
  }
  .grid .u-md-size2of10 {
    width: 20%;
  }
  .grid .u-md-size3of10 {
    width: 30%;
  }
  .grid .u-md-size4of10 {
    width: 40%;
  }
  .grid .u-md-size5of10 {
    width: 50%;
  }
  .grid .u-md-size6of10 {
    width: 60%;
  }
  .grid .u-md-size7of10 {
    width: 70%;
  }
  .grid .u-md-size8of10 {
    width: 80%;
  }
  .grid .u-md-size9of10 {
    width: 90%;
  }
  .grid .u-md-size1of11 {
    width: 9.09090909%;
  }
  .grid .u-md-size2of11 {
    width: 18.18181818%;
  }
  .grid .u-md-size3of11 {
    width: 27.27272727%;
  }
  .grid .u-md-size4of11 {
    width: 36.36363636%;
  }
  .grid .u-md-size5of11 {
    width: 45.45454545%;
  }
  .grid .u-md-size6of11 {
    width: 54.54545455%;
  }
  .grid .u-md-size7of11 {
    width: 63.63636364%;
  }
  .grid .u-md-size8of11 {
    width: 72.72727273%;
  }
  .grid .u-md-size9of11 {
    width: 81.81818182%;
  }
  .grid .u-md-size10of11 {
    width: 90.90909091%;
  }
  .grid .u-md-size1of12 {
    width: 8.33333333%;
  }
  .grid .u-md-size2of12 {
    width: 16.66666667%;
  }
  .grid .u-md-size3of12 {
    width: 25%;
  }
  .grid .u-md-size4of12 {
    width: 33.33333333%;
  }
  .grid .u-md-size5of12 {
    width: 41.66666667%;
  }
  .grid .u-md-size6of12 {
    width: 50%;
  }
  .grid .u-md-size7of12 {
    width: 58.33333333%;
  }
  .grid .u-md-size8of12 {
    width: 66.66666667%;
  }
  .grid .u-md-size9of12 {
    width: 75%;
  }
  .grid .u-md-size10of12 {
    width: 83.33333333%;
  }
  .grid .u-md-size11of12 {
    width: 91.66666667%;
  }
}
@media screen and (min-width: 56rem) {
  .grid .u-lg-size1of2 {
    width: 50%;
  }
  .grid .u-lg-size1of3 {
    width: 33.33333333%;
  }
  .grid .u-lg-size2of3 {
    width: 66.66666667%;
  }
  .grid .u-lg-size1of4 {
    width: 25%;
  }
  .grid .u-lg-size2of4 {
    width: 50%;
  }
  .grid .u-lg-size3of4 {
    width: 75%;
  }
  .grid .u-lg-size1of5 {
    width: 20%;
  }
  .grid .u-lg-size2of5 {
    width: 40%;
  }
  .grid .u-lg-size3of5 {
    width: 60%;
  }
  .grid .u-lg-size4of5 {
    width: 80%;
  }
  .grid .u-lg-size1of6 {
    width: 16.66666667%;
  }
  .grid .u-lg-size2of6 {
    width: 33.33333333%;
  }
  .grid .u-lg-size3of6 {
    width: 50%;
  }
  .grid .u-lg-size4of6 {
    width: 66.66666667%;
  }
  .grid .u-lg-size5of6 {
    width: 83.33333333%;
  }
  .grid .u-lg-size1of7 {
    width: 14.28571429%;
  }
  .grid .u-lg-size2of7 {
    width: 28.57142857%;
  }
  .grid .u-lg-size3of7 {
    width: 42.85714286%;
  }
  .grid .u-lg-size4of7 {
    width: 57.14285714%;
  }
  .grid .u-lg-size5of7 {
    width: 71.42857143%;
  }
  .grid .u-lg-size6of7 {
    width: 85.71428571%;
  }
  .grid .u-lg-size1of8 {
    width: 12.5%;
  }
  .grid .u-lg-size2of8 {
    width: 25%;
  }
  .grid .u-lg-size3of8 {
    width: 37.5%;
  }
  .grid .u-lg-size4of8 {
    width: 50%;
  }
  .grid .u-lg-size5of8 {
    width: 62.5%;
  }
  .grid .u-lg-size6of8 {
    width: 75%;
  }
  .grid .u-lg-size7of8 {
    width: 87.5%;
  }
  .grid .u-lg-size1of9 {
    width: 11.11111111%;
  }
  .grid .u-lg-size2of9 {
    width: 22.22222222%;
  }
  .grid .u-lg-size3of9 {
    width: 33.33333333%;
  }
  .grid .u-lg-size4of9 {
    width: 44.44444444%;
  }
  .grid .u-lg-size5of9 {
    width: 55.55555556%;
  }
  .grid .u-lg-size6of9 {
    width: 66.66666667%;
  }
  .grid .u-lg-size7of9 {
    width: 77.77777778%;
  }
  .grid .u-lg-size8of9 {
    width: 88.88888889%;
  }
  .grid .u-lg-size1of10 {
    width: 10%;
  }
  .grid .u-lg-size2of10 {
    width: 20%;
  }
  .grid .u-lg-size3of10 {
    width: 30%;
  }
  .grid .u-lg-size4of10 {
    width: 40%;
  }
  .grid .u-lg-size5of10 {
    width: 50%;
  }
  .grid .u-lg-size6of10 {
    width: 60%;
  }
  .grid .u-lg-size7of10 {
    width: 70%;
  }
  .grid .u-lg-size8of10 {
    width: 80%;
  }
  .grid .u-lg-size9of10 {
    width: 90%;
  }
  .grid .u-lg-size1of11 {
    width: 9.09090909%;
  }
  .grid .u-lg-size2of11 {
    width: 18.18181818%;
  }
  .grid .u-lg-size3of11 {
    width: 27.27272727%;
  }
  .grid .u-lg-size4of11 {
    width: 36.36363636%;
  }
  .grid .u-lg-size5of11 {
    width: 45.45454545%;
  }
  .grid .u-lg-size6of11 {
    width: 54.54545455%;
  }
  .grid .u-lg-size7of11 {
    width: 63.63636364%;
  }
  .grid .u-lg-size8of11 {
    width: 72.72727273%;
  }
  .grid .u-lg-size9of11 {
    width: 81.81818182%;
  }
  .grid .u-lg-size10of11 {
    width: 90.90909091%;
  }
  .grid .u-lg-size1of12 {
    width: 8.33333333%;
  }
  .grid .u-lg-size2of12 {
    width: 16.66666667%;
  }
  .grid .u-lg-size3of12 {
    width: 25%;
  }
  .grid .u-lg-size4of12 {
    width: 33.33333333%;
  }
  .grid .u-lg-size5of12 {
    width: 41.66666667%;
  }
  .grid .u-lg-size6of12 {
    width: 50%;
  }
  .grid .u-lg-size7of12 {
    width: 58.33333333%;
  }
  .grid .u-lg-size8of12 {
    width: 66.66666667%;
  }
  .grid .u-lg-size9of12 {
    width: 75%;
  }
  .grid .u-lg-size10of12 {
    width: 83.33333333%;
  }
  .grid .u-lg-size11of12 {
    width: 91.66666667%;
  }
}
@media screen and (min-width: 68.375rem) {
  .grid .u-xl-size1of2 {
    width: 50%;
  }
  .grid .u-xl-size1of3 {
    width: 33.33333333%;
  }
  .grid .u-xl-size2of3 {
    width: 66.66666667%;
  }
  .grid .u-xl-size1of4 {
    width: 25%;
  }
  .grid .u-xl-size2of4 {
    width: 50%;
  }
  .grid .u-xl-size3of4 {
    width: 75%;
  }
  .grid .u-xl-size1of5 {
    width: 20%;
  }
  .grid .u-xl-size2of5 {
    width: 40%;
  }
  .grid .u-xl-size3of5 {
    width: 60%;
  }
  .grid .u-xl-size4of5 {
    width: 80%;
  }
  .grid .u-xl-size1of6 {
    width: 16.66666667%;
  }
  .grid .u-xl-size2of6 {
    width: 33.33333333%;
  }
  .grid .u-xl-size3of6 {
    width: 50%;
  }
  .grid .u-xl-size4of6 {
    width: 66.66666667%;
  }
  .grid .u-xl-size5of6 {
    width: 83.33333333%;
  }
  .grid .u-xl-size1of7 {
    width: 14.28571429%;
  }
  .grid .u-xl-size2of7 {
    width: 28.57142857%;
  }
  .grid .u-xl-size3of7 {
    width: 42.85714286%;
  }
  .grid .u-xl-size4of7 {
    width: 57.14285714%;
  }
  .grid .u-xl-size5of7 {
    width: 71.42857143%;
  }
  .grid .u-xl-size6of7 {
    width: 85.71428571%;
  }
  .grid .u-xl-size1of8 {
    width: 12.5%;
  }
  .grid .u-xl-size2of8 {
    width: 25%;
  }
  .grid .u-xl-size3of8 {
    width: 37.5%;
  }
  .grid .u-xl-size4of8 {
    width: 50%;
  }
  .grid .u-xl-size5of8 {
    width: 62.5%;
  }
  .grid .u-xl-size6of8 {
    width: 75%;
  }
  .grid .u-xl-size7of8 {
    width: 87.5%;
  }
  .grid .u-xl-size1of9 {
    width: 11.11111111%;
  }
  .grid .u-xl-size2of9 {
    width: 22.22222222%;
  }
  .grid .u-xl-size3of9 {
    width: 33.33333333%;
  }
  .grid .u-xl-size4of9 {
    width: 44.44444444%;
  }
  .grid .u-xl-size5of9 {
    width: 55.55555556%;
  }
  .grid .u-xl-size6of9 {
    width: 66.66666667%;
  }
  .grid .u-xl-size7of9 {
    width: 77.77777778%;
  }
  .grid .u-xl-size8of9 {
    width: 88.88888889%;
  }
  .grid .u-xl-size1of10 {
    width: 10%;
  }
  .grid .u-xl-size2of10 {
    width: 20%;
  }
  .grid .u-xl-size3of10 {
    width: 30%;
  }
  .grid .u-xl-size4of10 {
    width: 40%;
  }
  .grid .u-xl-size5of10 {
    width: 50%;
  }
  .grid .u-xl-size6of10 {
    width: 60%;
  }
  .grid .u-xl-size7of10 {
    width: 70%;
  }
  .grid .u-xl-size8of10 {
    width: 80%;
  }
  .grid .u-xl-size9of10 {
    width: 90%;
  }
  .grid .u-xl-size1of11 {
    width: 9.09090909%;
  }
  .grid .u-xl-size2of11 {
    width: 18.18181818%;
  }
  .grid .u-xl-size3of11 {
    width: 27.27272727%;
  }
  .grid .u-xl-size4of11 {
    width: 36.36363636%;
  }
  .grid .u-xl-size5of11 {
    width: 45.45454545%;
  }
  .grid .u-xl-size6of11 {
    width: 54.54545455%;
  }
  .grid .u-xl-size7of11 {
    width: 63.63636364%;
  }
  .grid .u-xl-size8of11 {
    width: 72.72727273%;
  }
  .grid .u-xl-size9of11 {
    width: 81.81818182%;
  }
  .grid .u-xl-size10of11 {
    width: 90.90909091%;
  }
  .grid .u-xl-size1of12 {
    width: 8.33333333%;
  }
  .grid .u-xl-size2of12 {
    width: 16.66666667%;
  }
  .grid .u-xl-size3of12 {
    width: 25%;
  }
  .grid .u-xl-size4of12 {
    width: 33.33333333%;
  }
  .grid .u-xl-size5of12 {
    width: 41.66666667%;
  }
  .grid .u-xl-size6of12 {
    width: 50%;
  }
  .grid .u-xl-size7of12 {
    width: 58.33333333%;
  }
  .grid .u-xl-size8of12 {
    width: 66.66666667%;
  }
  .grid .u-xl-size9of12 {
    width: 75%;
  }
  .grid .u-xl-size10of12 {
    width: 83.33333333%;
  }
  .grid .u-xl-size11of12 {
    width: 91.66666667%;
  }
}
@media print {
  .grid .u-ie-size1of2 {
    width: 50%;
  }
  .grid .u-ie-size1of3 {
    width: 33.33333333%;
  }
  .grid .u-ie-size2of3 {
    width: 66.66666667%;
  }
  .grid .u-ie-size1of4 {
    width: 25%;
  }
  .grid .u-ie-size2of4 {
    width: 50%;
  }
  .grid .u-ie-size3of4 {
    width: 75%;
  }
  .grid .u-ie-size1of5 {
    width: 20%;
  }
  .grid .u-ie-size2of5 {
    width: 40%;
  }
  .grid .u-ie-size3of5 {
    width: 60%;
  }
  .grid .u-ie-size4of5 {
    width: 80%;
  }
  .grid .u-ie-size1of6 {
    width: 16.66666667%;
  }
  .grid .u-ie-size2of6 {
    width: 33.33333333%;
  }
  .grid .u-ie-size3of6 {
    width: 50%;
  }
  .grid .u-ie-size4of6 {
    width: 66.66666667%;
  }
  .grid .u-ie-size5of6 {
    width: 83.33333333%;
  }
  .grid .u-ie-size1of7 {
    width: 14.28571429%;
  }
  .grid .u-ie-size2of7 {
    width: 28.57142857%;
  }
  .grid .u-ie-size3of7 {
    width: 42.85714286%;
  }
  .grid .u-ie-size4of7 {
    width: 57.14285714%;
  }
  .grid .u-ie-size5of7 {
    width: 71.42857143%;
  }
  .grid .u-ie-size6of7 {
    width: 85.71428571%;
  }
  .grid .u-ie-size1of8 {
    width: 12.5%;
  }
  .grid .u-ie-size2of8 {
    width: 25%;
  }
  .grid .u-ie-size3of8 {
    width: 37.5%;
  }
  .grid .u-ie-size4of8 {
    width: 50%;
  }
  .grid .u-ie-size5of8 {
    width: 62.5%;
  }
  .grid .u-ie-size6of8 {
    width: 75%;
  }
  .grid .u-ie-size7of8 {
    width: 87.5%;
  }
  .grid .u-ie-size1of9 {
    width: 11.11111111%;
  }
  .grid .u-ie-size2of9 {
    width: 22.22222222%;
  }
  .grid .u-ie-size3of9 {
    width: 33.33333333%;
  }
  .grid .u-ie-size4of9 {
    width: 44.44444444%;
  }
  .grid .u-ie-size5of9 {
    width: 55.55555556%;
  }
  .grid .u-ie-size6of9 {
    width: 66.66666667%;
  }
  .grid .u-ie-size7of9 {
    width: 77.77777778%;
  }
  .grid .u-ie-size8of9 {
    width: 88.88888889%;
  }
  .grid .u-ie-size1of10 {
    width: 10%;
  }
  .grid .u-ie-size2of10 {
    width: 20%;
  }
  .grid .u-ie-size3of10 {
    width: 30%;
  }
  .grid .u-ie-size4of10 {
    width: 40%;
  }
  .grid .u-ie-size5of10 {
    width: 50%;
  }
  .grid .u-ie-size6of10 {
    width: 60%;
  }
  .grid .u-ie-size7of10 {
    width: 70%;
  }
  .grid .u-ie-size8of10 {
    width: 80%;
  }
  .grid .u-ie-size9of10 {
    width: 90%;
  }
  .grid .u-ie-size1of11 {
    width: 9.09090909%;
  }
  .grid .u-ie-size2of11 {
    width: 18.18181818%;
  }
  .grid .u-ie-size3of11 {
    width: 27.27272727%;
  }
  .grid .u-ie-size4of11 {
    width: 36.36363636%;
  }
  .grid .u-ie-size5of11 {
    width: 45.45454545%;
  }
  .grid .u-ie-size6of11 {
    width: 54.54545455%;
  }
  .grid .u-ie-size7of11 {
    width: 63.63636364%;
  }
  .grid .u-ie-size8of11 {
    width: 72.72727273%;
  }
  .grid .u-ie-size9of11 {
    width: 81.81818182%;
  }
  .grid .u-ie-size10of11 {
    width: 90.90909091%;
  }
  .grid .u-ie-size1of12 {
    width: 8.33333333%;
  }
  .grid .u-ie-size2of12 {
    width: 16.66666667%;
  }
  .grid .u-ie-size3of12 {
    width: 25%;
  }
  .grid .u-ie-size4of12 {
    width: 33.33333333%;
  }
  .grid .u-ie-size5of12 {
    width: 41.66666667%;
  }
  .grid .u-ie-size6of12 {
    width: 50%;
  }
  .grid .u-ie-size7of12 {
    width: 58.33333333%;
  }
  .grid .u-ie-size8of12 {
    width: 66.66666667%;
  }
  .grid .u-ie-size9of12 {
    width: 75%;
  }
  .grid .u-ie-size10of12 {
    width: 83.33333333%;
  }
  .grid .u-ie-size11of12 {
    width: 91.66666667%;
  }
}
.items .item,
#search-items .item {
  border-bottom: 2px solid #eee;
  margin-bottom: 1.6875rem;
}
.items .item:last-of-type,
#search-items .item:last-of-type {
  border-bottom: none;
}
.items .item h2 a,
.items .item .h2 a,
.items .item h3 a,
.items .item .h3 a,
#search-items .item h2 a,
#search-items .item .h2 a,
#search-items .item h3 a,
#search-items .item .h3 a {
  color: #1f1f1f;
  text-decoration: none;
}
.items .item h2 a:hover,
.items .item .h2 a:hover,
.items .item h3 a:hover,
.items .item .h3 a:hover,
.items .item h2 a:focus,
.items .item .h2 a:focus,
.items .item h3 a:focus,
.items .item .h3 a:focus,
#search-items .item h2 a:hover,
#search-items .item .h2 a:hover,
#search-items .item h3 a:hover,
#search-items .item .h3 a:hover,
#search-items .item h2 a:focus,
#search-items .item .h2 a:focus,
#search-items .item h3 a:focus,
#search-items .item .h3 a:focus {
  text-decoration: underline;
}
.items .item .date,
.items .item .item-date,
#search-items .item .date,
#search-items .item .item-date {
  color: #0E8B61;
}
.items .item .item-image,
#search-items .item .item-image {
  display: block;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  margin-bottom: 1.6875rem;
}
.items .item .item-image img,
#search-items .item .item-image img {
  visibility: hidden;
}
.items-filter-link {
  display: block;
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 1.6875rem;
  background: #0E8B61 url(/themes/bali/gfx/search-small.png) no-repeat 0.5625rem center;
  padding: 0.5625rem 0.84375rem 0.5625rem 2.53125rem;
  font-size: 1.1em;
}
@media screen and (min-width: 56rem) {
  .items-filter-link {
    display: none;
  }
}
.item-date,
.item-meta {
  display: inline-block;
  margin-bottom: 14px;
  margin-right: 14px;
  font-size: 0.9em;
  color: #a3a5a9;
}
#search-items .item {
  margin-bottom: 0.5625rem;
}
#search-items .item h2 {
  line-height: 1.6;
  text-transform: none;
  font-size: 1em;
  margin-bottom: 0;
}
#search-items .item h2 a {
  color: #66A23F;
  text-decoration: none;
}
#search-items .item .summary {
  margin-bottom: 0.5625rem;
  font-size: 0.9em;
}
.items--stats .item {
  border-right: 1px solid;
  border-bottom: 1px solid !important;
  padding: 0.84375rem;
  text-align: center;
  margin: 0;
  background-color: #5EB195;
  color: #ffffff;
}
.items--stats .item h2 {
  color: inherit;
  font-size: 1.3em;
  margin: 0 0 0.84375rem;
}
.items--stats .item strong {
  font-size: 3em;
}
.items--membersDirectory .item {
  background-color: #eee;
  border: none;
}
.items--membersDirectory .item .item-main {
  padding: 0.84375rem;
}
.items--membersDirectory .item .item-main:after {
  content: " ";
  display: table;
  clear: both;
}
@media screen and (min-width: 36rem) {
  .items--membersDirectory .item .item-details {
    padding-top: 1.6875rem;
  }
}
@media screen and (min-width: 68.375rem) {
  .items--membersDirectory .item main {
    display: flex;
    justify-items: baseline;
  }
  .items--membersDirectory .item .item-details {
    flex: 1;
    padding-top: 0;
  }
  .items--membersDirectory .item.has-image .item-details,
  .items--membersDirectory .item.has-logo .item-details {
    width: 60%;
    float: left;
    order: -1;
  }
  .items--membersDirectory .item.has-image .item-images,
  .items--membersDirectory .item.has-logo .item-images {
    width: 40%;
    float: right;
    padding: 0;
  }
  .items--membersDirectory .item.has-image.has-logo .item-details {
    width: 45%;
  }
  .items--membersDirectory .item.has-image.has-logo .item-images {
    width: 55%;
  }
}
.items--membersDirectory .item-images {
  padding: 1px;
  max-width: 25em;
  margin: 0 auto;
}
.items--membersDirectory .item-images .item-image {
  display: block;
  margin-bottom: 0;
  max-height: 10em;
}
.items--membersDirectory .item-images .item-logo {
  display: block;
  margin: 0.84375rem auto 0.84375rem;
  max-width: 10em;
  border: 15px solid #ffffff;
}
.items--membersDirectory .item-images .item-image + a .item-logo {
  margin-top: -3.375rem;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 36rem) {
  .items--membersDirectory .item-images {
    padding: 0;
  }
  .items--membersDirectory .item-images:after {
    content: " ";
    display: table;
    clear: both;
  }
  .items--membersDirectory .item-images .item-image {
    width: 50%;
    padding-top: 50%;
    float: right;
    border-radius: 3em 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .items--membersDirectory .item-images .item-image img {
    display: none;
  }
  .items--membersDirectory .item-images .item-logo {
    float: left;
    order: -1;
    margin: 0;
    margin-right: auto;
    max-width: 45%;
  }
  .items--membersDirectory .item-images .item-image + a .item-logo {
    margin-top: 0;
  }
}
.items--membersDirectory .item-title {
  color: #1f1f1f;
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1.22222222em;
  line-height: 1.2;
  margin-bottom: 0;
  padding-right: 0.84375rem;
}
@media screen and (min-width: 36rem) {
  .items--membersDirectory .item-title {
    letter-spacing: -0.01em;
  }
}
.items--membersDirectory .item-title + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
@media screen and (min-width: 36rem) {
  .items--membersDirectory .item-title {
    font-size: 1.66666667em;
  }
}
.items--membersDirectory .item-type {
  color: #6D4276;
  font-weight: bold;
  margin: 0;
  padding-right: 0.84375rem;
}
.items--membersDirectory .item-distance {
  font-style: italic;
  display: inline-block;
  background-color: #9e9e9f;
  color: #ffffff;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.1em 0.5625rem;
  margin: 0;
  border-radius: 0.3em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.items--membersDirectory .item-contact {
  margin: 1.6875rem 0 0;
}
.items--membersDirectory .item-footer {
  background-color: #dadada;
  padding: 0.3em 0.84375rem;
}
.items--membersDirectory .item-footer p,
.items--membersDirectory .item-footer h4 {
  display: inline-block;
  margin: 0;
}
.item-contact + .item-social {
  margin-top: -0.5625rem;
}
.item-contact a,
.item-contact span {
  color: #1f1f1f;
  text-decoration: none;
  display: block;
  position: relative;
  padding-left: 1.7em;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item-contact a:before,
.item-contact span:before {
  position: absolute;
  left: 0;
  top: 0.3em;
  color: #66A23F;
  margin-right: 0.5625rem;
}
.item-contact a:hover,
.item-contact a:focus {
  color: #66A23F;
}
.item-contact .item-address:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f124';
}
.item-contact .item-email:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f0e0';
}
.item-contact .item-tel:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e807';
}
.item-contact .item-web:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e819';
}
.item-social a {
  display: inline-block;
  text-decoration: none;
  margin-right: 0.84375rem;
}
.item-social a:before {
  font-size: 1.6em;
  color: #3b3937;
  transition: color 0.2s;
}
.item-social a:hover:before,
.item-social a:focus:before {
  color: #66A23F;
}
.item-social a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.item-social a span.focusable:active,
.item-social a span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.item-social .item-facebook:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f30d';
}
.item-social .item-twitter:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f30a';
}
.item-social .item-linkedIn:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f319';
}
.item-social .item-instagram:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f05e';
}
.item-social .item-otherSocialMedia:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f07b';
}
.item-checklist {
  list-style: none;
  padding: 0;
}
.item-checklist li {
  padding: 0 1.6875rem 0.5625rem;
  position: relative;
}
.item-checklist li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80f';
  position: absolute;
  left: 0;
  top: 0.2em;
}
.item-accreditations {
  clear: both;
  padding: 0.84375rem;
}
.item-accreditations img {
  margin-right: 0.5625rem;
}
.items--news .item {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 160px;
  min-height: calc(140px + 1.6875rem);
}
.items--news .item .item-image {
  border-radius: 3em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.items--news .item .item-title {
  flex: 1;
  flex-basis: auto;
  color: #1f1f1f;
  margin-bottom: 0.84375rem;
}
.items--news .item .item-summary {
  margin-bottom: 0.84375rem;
  font-size: 0.9em;
}
.items--news .item .item-date {
  padding-bottom: 1.6875rem;
  font-weight: bold;
}
@media screen and (min-width: 36rem) {
  .items--news .item {
    padding-left: 42%;
    padding-left: calc(40% + 1.6875rem);
  }
  .items--news .item .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 140px;
  }
}
@media screen and (min-width: 68.375rem) {
  .items--news .item {
    padding-left: 260px;
    padding-left: calc(245px + 1.6875rem);
  }
  .items--news .item .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 245px;
    height: 140px;
  }
}
.items--news .item--noImage {
  padding-left: 0;
}
.items--newsSingle {
  border-bottom: 2px solid #eee;
  margin-bottom: 1.6875rem;
}
.items--newsSingle .item {
  margin-bottom: 0;
}
.items--events .item {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 160px;
  min-height: calc(140px + 1.6875rem);
}
.items--events .item .item-image {
  border-radius: 3em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.items--events .item .item-title {
  flex: 1;
  flex-basis: auto;
  color: #1f1f1f;
  margin-bottom: .45rem;
}
.items--events .item .item-summary {
  margin-bottom: 0.84375rem;
  font-size: 0.9em;
}
.items--events .item .item-details {
  padding-bottom: 1.6875rem;
}
.items--events .item .item-date {
  font-weight: bold;
  display: block;
}
.items--events .item .item-booking {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 5px;
  background-color: #eee;
}
.items--events .item .item-booking-status {
  font-weight: bold;
  flex: 1;
  padding: 0.5625rem 0.84375rem;
  text-transform: lowercase;
  font-size: 1rem;
  line-height: 1;
}
.items--events .item .item-booking .button,
.items--events .item .item-booking .form [type='submit'],
.items--events .item .item-booking .form [type='reset'],
.items--events .item .item-booking .form [type='button'] {
  margin: 0;
}
.items--events .item .item-booking.places-available {
  color: #0E8B61;
}
.items--events .item .item-booking.limited-places {
  color: #CF5E2C;
}
@media screen and (min-width: 36rem) {
  .items--events .item {
    padding-left: 42%;
    padding-left: calc(40% + 1.6875rem);
  }
  .items--events .item .item-title {
    flex: none;
  }
  .items--events .item .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 140px;
  }
}
@media screen and (min-width: 68.375rem) {
  .items--events .item {
    padding-left: 260px;
    padding-left: calc(245px + 1.6875rem);
  }
  .items--events .item .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 245px;
    height: 140px;
  }
}
.items--events--bookings .item .item-date {
  padding-bottom: 0;
}
.items--events--bookings .item .item-booking-title {
  margin-bottom: 0;
  color: #1f1f1f;
}
.items--membersAreaSearch .item {
  padding: 0 0 0.84375rem;
  margin: 0 0 0.84375rem;
}
.items--testimonials .item {
  text-align: center;
}
.items--testimonials .item-image {
  width: 70%;
  height: 0;
  padding-top: 70%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
}
.items--projects .item {
  position: relative;
  overflow: hidden;
  border: none;
  border-top: 1px solid;
  padding-top: 1.6875rem;
}
.items--projects .item:first-of-type {
  border: none;
}
@media screen and (min-width: 36rem) {
  .items--projects .item.has-images .item-details {
    width: 60%;
    float: right;
    padding-left: 1.6875rem;
  }
  .items--projects .item.has-images .carousel {
    float: left;
    width: 40%;
  }
}
.items--projects .item .item-meta {
  color: inherit;
}
.items--projects .item .item-date {
  color: inherit;
  font-size: 0.9em;
}
.items--projects .item h3 {
  margin-bottom: 0.84375rem;
}
.items--projects .item h3 a {
  color: #ffffff;
}
.items--teamMembers .item {
  text-align: center;
  text-decoration: none;
}
.items--teamMembers .item:hover,
.items--teamMembers .item:focus {
  text-decoration: underline;
  color: #1f1f1f;
}
.items--teamMembers .item:hover .item-image,
.items--teamMembers .item:focus .item-image {
  filter: grayscale(0);
}
.items--teamMembers .item .item-image {
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 50%;
  filter: grayscale(100%);
  transition: filter 0.2s;
}
.items--teamMembers .item .item-name {
  font-size: 1em;
  margin-bottom: 0;
  color: #1f1f1f;
}
.items--teamMembers .item .item-position {
  margin-bottom: 0;
  color: #9e9e9f;
}
.items--references {
  margin-bottom: 1.6875rem;
}
.items--references .item {
  border-bottom: 2px solid #1f1f1f;
  margin: 0 0 0.3em;
  padding-bottom: 0.3em;
}
.items--references .item h4 {
  margin-bottom: 0;
  font-size: 0.9em;
}
.items--references .item ol {
  font-size: 0.9em;
  font-style: italic;
}
.items--references .item .item-name {
  font-weight: bold;
}
.items--references .item .item-company {
  display: block;
  font-size: 0.8em;
  color: #6d6d6d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.items--references .item .item-type {
  font-size: 0.65em;
  text-transform: uppercase;
  color: #6d6d6d;
}
.items--references .item .reference-management form {
  display: inline;
}
.items--references .item .reference-management form .form-field--submit {
  display: inline;
}
.items--faqs {
  list-style: none;
  padding: 0;
  max-width: 36rem;
  margin-bottom: 1.6875rem;
}
.items--faqs li.item {
  background-color: #ffffff;
  color: #1f1f1f;
  margin: 0;
  border-bottom: 1px solid #eee;
  border-left: 1px solid transparent;
  transition: border 0.2s;
}
.items--faqs li.item > a {
  display: block;
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1em;
  padding: 0.84375rem;
  text-decoration: none;
  font-weight: bold;
  color: #1f1f1f;
}
@media screen and (min-width: 36rem) {
  .items--faqs li.item > a {
    letter-spacing: -0.01em;
  }
}
.items--faqs li.item > a + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
.items--faqs li.item > a:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e803';
  color: #66A23F;
  margin-right: 0.4em;
  transition: transform 0.2s;
}
.items--faqs li.item > a:hover,
.items--faqs li.item > a:focus {
  background-color: #eee;
  border-left-color: #66A23F;
}
.items--faqs li.item > a:hover:before,
.items--faqs li.item > a:focus:before {
  transform: translateX(4px);
}
.items--faqs li.item .item-answer {
  padding: 0.84375rem;
  display: none;
}
.items--faqs li.item .item-link {
  font-weight: bold;
  color: #1f1f1f;
}
.items--faqs li.item:target,
.items--faqs li.item.is-active {
  border-left: 4px solid #66A23F;
}
.items--faqs li.item:target > a,
.items--faqs li.item.is-active > a {
  background-color: #eee;
}
.items--faqs li.item:target .item-answer {
  display: block;
}
.items--documents .item {
  padding-left: 50px;
  background-image: url(/themes/bali/gfx/file-types/file.svg);
  background-repeat: no-repeat;
  background-position: top left;
}
.items--documents .item--jpg,
.items--documents .item--png,
.items--documents .item--gif,
.items--documents .item--jfif {
  background-image: url(/themes/bali/gfx/file-types/file-image.svg);
}
.items--documents .item--pdf {
  background-image: url(/themes/bali/gfx/file-types/file-pdf.svg);
}
.items--documents .item--doc,
.items--documents .item--docx {
  background-image: url(/themes/bali/gfx/file-types/file-word.svg);
}
.items--documents .item--xls {
  background-image: url(/themes/bali/gfx/file-types/file-excel.svg);
}
.items--documents .item--txt {
  background-image: url(/themes/bali/gfx/file-types/file-text.svg);
}
.items--documents .item--ppt {
  background-image: url(/themes/bali/gfx/file-types/file-powerpoint.svg);
}
.items--documents .item--zip {
  background-image: url(/themes/bali/gfx/file-types/file-archive.svg);
}
.items--documents .item--restricted h3:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  background-image: url(/themes/bali/gfx/icons/lock.svg);
  margin-left: 0.84375rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.items--documents .item-title {
  margin-bottom: 0.84375rem;
}
@media screen and (min-width: 56rem) {
  .items--partners .item.has-image {
    position: relative;
    padding-left: 33%;
    padding-left: calc(30% + ${space-lg});
    min-height: 30%;
  }
}
.items--partners .item .item-image {
  max-width: 20em;
  max-height: 20em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
}
@media screen and (min-width: 56rem) {
  .items--partners .item .item-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
  }
}
.items--landscapeNews .item {
  border-bottom: 2px solid #c2c2b1 !important;
  padding-bottom: 0.84375rem;
  margin: 0;
}
@media screen and (min-width: 36rem) {
  .items--landscapeNews .item {
    border: none !important;
    padding-bottom: 0;
  }
}
.items--landscapeNews .item h2 {
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1em;
  margin-bottom: 0.5625rem;
}
@media screen and (min-width: 36rem) {
  .items--landscapeNews .item h2 {
    letter-spacing: -0.01em;
  }
}
.items--landscapeNews .item h2 + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
.items--landscapeNews .item .item-thumbnail {
  display: block;
  margin: 0 0 1.6875rem;
  text-align: center;
  position: relative;
}
.items--landscapeNews .item .item-thumbnail .item-summary {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 0.84375rem;
  text-align: left;
  font-size: 0.8em;
  margin: 0;
  background-color: #5A3762;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.2s;
}
.items--landscapeNews .item .item-thumbnail:hover .item-summary,
.items--landscapeNews .item .item-thumbnail:focus .item-summary {
  opacity: 1;
}
.items--landscapeNews .item .item-thumbnail img {
  display: block;
}
.item--issuuIframe {
  height: 0;
  padding-top: 60%;
  position: relative;
  min-height: 500px;
}
.item--issuuIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100% !important;
}
.items--smartCards .item .item-thumbnail {
  display: block;
  background-color: #eee;
  padding: 3.375rem 2.53125rem;
  margin-bottom: 0.84375rem;
  border-radius: 3em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.items--smartCards .item .item-thumbnail img {
  display: block;
  margin: 0 auto;
}
.items--smartCards .item .item-title {
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1em;
  margin-bottom: 0.84375rem;
}
@media screen and (min-width: 36rem) {
  .items--smartCards .item .item-title {
    letter-spacing: -0.01em;
  }
}
.items--smartCards .item .item-title + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
.items--smartCards .item .item-title a {
  color: #0E8B61;
}
.items--smartCards .item .item-summary {
  font-size: 0.9em;
  margin-bottom: 0.84375rem;
}
.items--smartCards .item .item-link {
  color: #66A23F;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid rgba(102, 162, 63, 0.5);
}
.items--smartCards .item .item-link:hover,
.items--smartCards .item .item-link:focus {
  color: #1f1f1f;
}
.items--loginOrganisations .item {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #3b3937;
  font-size: 1.3em;
  font-weight: bold;
}
.items--loginOrganisations .item:hover,
.items--loginOrganisations .item:focus {
  color: #66A23F;
}
.items--loginOrganisations .item img {
  width: 100px;
  margin-bottom: 0.84375rem;
}
.items--membersDirectory .item-rolo-directory .item-main:after {
  display: none;
}
.items--membersDirectory .item-rolo-directory .item-main .item-images .icon-block {
  display: none;
}
@media screen and (min-width: 68.375rem) {
  .items--membersDirectory .item-rolo-directory .item-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .items--membersDirectory .item-rolo-directory .item-main .item-details {
    word-break: break-word;
    order: 1;
    float: none;
    width: auto;
  }
  .items--membersDirectory .item-rolo-directory .item-main .item-details .icon-block {
    display: none;
  }
  .items--membersDirectory .item-rolo-directory .item-main .item-images {
    display: flex;
    flex-direction: column;
    order: 2;
    float: none;
    width: 100%;
  }
  .items--membersDirectory .item-rolo-directory .item-main .item-images:after {
    display: none;
  }
  .items--membersDirectory .item-rolo-directory .item-main .item-images .icon-block {
    display: grid;
    margin-top: auto;
    width: 100%;
  }
  .items--membersDirectory .item-rolo-directory .item-main .item-images a {
    display: block;
    margin-left: 1em;
  }
}
.items--membersDirectory .item-rolo-directory .icon-block {
  max-width: 268px;
  display: grid;
  grid-template-columns: 110px 158px;
  gap: 20px;
}
.items--membersDirectory .item-rolo-directory .icons {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
}
.items--membersDirectory .item-rolo-directory .icons:last-child {
  grid-template-columns: repeat(3, 1fr);
}
.items--membersDirectory .item-rolo-directory .icons span {
  padding-top: 10px;
}
.items--membersDirectory .item-rolo-directory .icons .course-types {
  max-height: 50px;
  min-width: 50px;
}
.map-iframe {
  min-height: 350px;
  width: 100%;
  border: none;
  display: block;
}
.media-youtube {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
  height: 0;
}
.media-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media-youtube-wrapper {
  background: #282828;
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 100%;
}
.messages {
  display: block;
  margin-bottom: 1.6875rem;
  background-color: #c2c2b1;
  border-top: 1px solid;
  border-bottom: 1px solid;
  color: #3b3937;
  list-style: none;
  padding: 0;
  font-weight: bold;
}
p.messages {
  padding: 0.5625rem 1.6875rem;
}
.messages p {
  margin: 0;
}
.messages li {
  padding: 0.5625rem 1.6875rem;
  max-width: 68.375rem;
  margin: 0 auto;
}
.messages li:before {
  margin-right: 0.84375rem;
}
.messages a {
  color: #1f1f1f;
  text-decoration: underline;
}
.messages.info,
.messages--info {
  border: 1px solid #66A23F;
  background-color: transparent;
  color: #66A23F;
}
.messages.info li:before,
.messages--info li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e812';
}
.messages.info a,
.messages--info a {
  color: #4f7d31;
}
.messages.success,
.messages--success {
  background-color: #0E8B61;
  color: #FFF;
}
.messages.success li:before,
.messages--success li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80f';
}
.messages.success a,
.messages--success a {
  color: #095d41;
}
.messages.warning,
.messages--warning {
  background-color: #f5ddd2;
  color: #CF5E2C;
}
.messages.warning li:before,
.messages--warning li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e811';
}
.messages.warning a,
.messages--warning a {
  color: #a54b23;
}
.messages.alert,
.messages--alert {
  background-color: #6D4276;
  color: #ffffff;
}
.messages.alert a,
.messages--alert a {
  color: inherit;
}
.messages.error,
.messages--error {
  background-color: #efa7ac;
  color: #aa2029;
}
.messages.error li:before,
.messages--error li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e811';
}
.messages.error a,
.messages--error a {
  color: #7f181f;
}
p.warning {
  background-color: #efa7ac;
  color: #aa2029;
  padding: 0.5625rem 1.6875rem;
}
.message {
  padding: 1em;
}
.message h2 {
  color: inherit;
  font-size: 1.222rem;
  margin: 1em 0;
}
.message > *:first-child {
  margin-top: 0;
}
.message > *:last-child {
  margin-bottom: 0;
}
.message.renewal {
  background: #482C4E;
  color: #fff;
}
.message .btns {
  text-align: right;
}
.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-list a {
  text-decoration: none;
}
@media (max-width: 1042px) {
  .nav--primary {
    display: inline-block;
  }
  .nav--primary > .nav-list {
    position: fixed;
    left: -100%;
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(31, 31, 31, 0);
    transition: left 0.3s, box-shadow 0.2s;
    z-index: 10;
    transition-timing-function: cubic-bezier(0.03, 0.85, 0.52, 1);
  }
  .nav--primary > .nav-list:target,
  .nav--primary > .nav-list.is-open {
    left: 0;
    box-shadow: -1px 0 8px rgba(31, 31, 31, 0.3);
  }
  .nav--primary > .nav-list .nav-item {
    display: flex;
    border-bottom: 1px solid #eee;
  }
  .nav--primary > .nav-list .nav-item a {
    flex: 1;
    flex-basis: auto;
    padding: 0.5em 0.84375rem;
    color: #1D4D59;
    border-right: 1px solid #eee;
    font-weight: bold;
  }
  .nav--primary > .nav-list .nav-item > button {
    float: right;
    width: 45px;
    background-color: transparent;
    color: #0E8B61;
    border: none;
    font-size: 0;
    color: transparent;
    outline: none;
  }
  .nav--primary > .nav-list .nav-item > button:after {
    font-size: 20px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e803';
    color: #0E8B61;
  }
  .nav--primary > .nav-list .nav-item > .nav-list {
    position: absolute;
    left: -100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(31, 31, 31, 0);
    transition: left 0.3s, box-shadow 0.2s;
    transition-timing-function: cubic-bezier(0.03, 0.85, 0.52, 1);
  }
  .nav--primary > .nav-list .nav-item.is-open > .nav-list {
    box-shadow: -1px 0 8px rgba(31, 31, 31, 0.3);
    left: 0;
  }
  .nav--primary > .nav-list > .nav-item--home img {
    vertical-align: middle;
  }
  .nav--primary > .nav-list .nav-nav {
    padding: 0.5em 0.84375rem;
    border-bottom: 1px solid #eee;
    background: #3b3937;
  }
  .nav--primary > .nav-list .nav-nav button {
    background-color: transparent;
    color: transparent;
    border: none;
    font-size: 0;
    vertical-align: middle;
    padding: 0;
    width: 20px;
    display: block;
    margin-left: auto;
    outline: none;
  }
  .nav--primary > .nav-list .nav-nav button:after {
    font-size: 20px;
    color: #ffffff;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e802';
  }
  .nav--primary .nav-open {
    fill: #0E8B61;
    touch-action: manipulation;
  }
  .nav--primary .nav-open svg {
    vertical-align: middle;
  }
  .nav--primary .nav-close {
    stroke: #ffffff;
    margin-left: auto;
    width: 16px;
    display: block;
  }
}
@media (min-width: 1043px) {
  .nav--primary {
    display: inline-block;
    vertical-align: middle;
  }
  .nav--primary .nav-nav,
  .nav--primary .nav-open,
  .nav--primary button {
    display: none;
    outline: none;
  }
  .nav--primary > .nav-list > .nav-item {
    display: inline-block;
    position: relative;
  }
  .nav--primary > .nav-list > .nav-item.has-children {
    padding-right: .4em;
  }
  .nav--primary > .nav-list > .nav-item.has-children:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e800';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5em;
    color: #66A23F;
    font-size: .8em;
  }
  .nav--primary > .nav-list > .nav-item.has-children a {
    padding-right: .5em;
  }
  .nav--primary > .nav-list > .nav-item a {
    display: block;
    color: #1D4D59;
    padding: 0.84375rem 0.3em;
    line-height: 1.2;
    font-size: .9em;
    letter-spacing: -0.03em;
    font-weight: bold;
  }
  .nav--primary > .nav-list > .nav-item > .nav-list {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 15rem;
    background-color: #ffffff;
    display: none;
    border-top: 3px solid #66A23F;
    padding: 0;
    box-shadow: 0 1px 2px rgba(31, 31, 31, 0.1);
    z-index: 10;
  }
  .nav--primary > .nav-list > .nav-item > .nav-list a {
    padding: 0.5em 0.84375rem 0.5em 2.1em;
    text-transform: none;
  }
  .nav--primary > .nav-list > .nav-item > .nav-list a:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e803';
    color: #66A23F;
    position: absolute;
    left: 1em;
    line-height: inherit;
  }
  .nav--primary > .nav-list > .nav-item > .nav-list a:hover,
  .nav--primary > .nav-list > .nav-item > .nav-list a:focus {
    background-color: #eee;
  }
  .nav--primary > .nav-list > .nav-item > .nav-list .nav-item:nth-child(2) a {
    padding-top: 0.84375rem;
  }
  .nav--primary > .nav-list > .nav-item > .nav-list .nav-item:last-of-type a {
    padding-bottom: 0.84375rem;
  }
  .nav--primary > .nav-list > .nav-item--home a {
    padding-right: 0.5625rem;
  }
  .nav--primary > .nav-list > .nav-item--home a:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e817';
  }
  .nav--primary > .nav-list > .nav-item--home img {
    vertical-align: top;
  }
}
@media (min-width: 68.375rem) {
  .nav--primary > .nav-list > .nav-item a {
    letter-spacing: 0;
    font-size: 1em;
    padding: 0.84375rem;
  }
  .nav--primary > .nav-list > .nav-item.has-children a {
    padding-right: 0.84375rem;
  }
  .nav--primary > .nav-list > .nav-item.has-children:after {
    font-size: 1em;
  }
  .nav--primary > .nav-list > .nav-item--home a {
    padding-right: 0;
  }
}
.nav--secondary {
  background-color: #27717A;
  color: #ffffff;
  margin-bottom: 1.6875rem;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 1142em) {
  .nav--secondary {
    border-radius: 3em 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
.nav--secondary h2 {
  color: #ffffff;
  margin: 0;
  padding: 0.84375rem;
}
@media (max-width: 1142em) {
  .nav--secondary h2 {
    padding: 1.6875rem;
  }
}
.nav--secondary .nav-list .nav-item {
  border-top: 1px solid #ffffff;
}
.nav--secondary .nav-list .nav-item a {
  display: block;
  padding: 0.6em 0.84375rem;
  color: inherit;
}
@media (max-width: 1142em) {
  .nav--secondary .nav-list .nav-item a {
    padding: 0.5em 1.6875rem;
  }
}
.nav--secondary .nav-list .nav-item a:hover,
.nav--secondary .nav-list .nav-item a:focus,
.nav--secondary .nav-list .nav-item.is-active > a {
  background-color: #205E65;
}
.nav--secondary .nav-list .nav-item .nav-list a {
  background-color: #1A4B51;
}
.nav--secondary .nav-list .nav-item .nav-list a:hover,
.nav--secondary .nav-list .nav-item .nav-list a:focus,
.nav--secondary .nav-list .nav-item .nav-list .is-active a {
  background-color: #14393e;
}
.nav--header .nav-list {
  text-align: center;
}
@media screen and (min-width: 36rem) {
  .nav--header .nav-list {
    text-align: right;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
  }
}
.nav--header .nav-item {
  display: block;
}
.nav--header .nav-item a {
  display: block;
  color: inherit;
  padding: 0.5625rem 1.6875rem;
  text-align: center;
  border-bottom: 1px solid #6d6d6d;
}
.nav--header .nav-item a:hover,
.nav--header .nav-item a:focus {
  background-color: #66A23F;
}
@media (max-width: 1142em) {
  .nav--header .nav-item a {
    min-width: 8.33333333rem;
    border: none;
  }
}
.nav--header .nav-item--join,
.nav--header .nav-item--login {
  display: inline-block;
}
.nav--header .nav-item--join a {
  background-color: #AC4E24;
}
.nav--header .nav-item--join a:hover,
.nav--header .nav-item--join a:focus {
  background-color: #c15828;
}
.nav--header .nav-item--login a {
  background-color: #6D4276;
}
.nav--header .nav-item--login a:hover,
.nav--header .nav-item--login a:focus {
  background-color: #7c4b86;
}
.nav--footer .nav-item {
  display: inline-block;
}
.nav--footer .nav-item a {
  padding-right: 0.5625rem;
}
.nav--footer .nav-item a:after {
  content: '|';
  color: #66A23F;
  margin-left: 0.5625rem;
}
.nav--footer .nav-item:last-child a:after {
  content: none;
}
.nav--breadcrumbs {
  font-size: 0.66666667em;
}
.nav--breadcrumbs ol {
  margin: 0;
  text-transform: lowercase;
}
.nav--breadcrumbs ol li {
  display: inline-block;
}
.nav--breadcrumbs ol li a {
  padding-right: .5em;
  color: #1f1f1f;
  text-decoration: none;
}
.nav--breadcrumbs ol li a:hover,
.nav--breadcrumbs ol li a:focus {
  text-decoration: underline;
}
.nav--breadcrumbs ol .branch:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f101';
  font-weight: bold;
  line-height: 1;
  padding-right: .5em;
  vertical-align: middle;
}
.nav--breadcrumbs ol .leaf {
  font-weight: bold;
}
@media (max-width: 1236px) {
  .nav--primary > .nav-list > .nav-item.has-children:after {
    font-size: .8em;
  }
  .nav--primary > .nav-list > .nav-item.has-children a {
    padding: 0.84375rem 0.5em;
    font-size: .9em;
    letter-spacing: -0.03em;
    font-weight: bold;
    padding-right: 0.5em;
  }
}
.page {
  overflow: hidden;
}
@media screen and (min-width: 56rem) {
  .page-header {
    position: relative;
    z-index: 1;
  }
}
.page-main {
  max-width: 68.375rem;
  margin: 0 auto;
  padding: 0 0.84375rem 1.6875rem;
}
.page-main:after {
  content: " ";
  display: table;
  clear: both;
}
@media screen and (min-width: 36rem) {
  .page-main {
    padding: 0 1.6875rem 1.6875rem;
  }
}
.page-logo {
  display: inline-block;
  width: 200px;
}
.page-logo img {
  display: block;
  margin: 1em 0;
  max-width: 200px;
}
.two-columns-right .container--secondary .container-inner {
  padding: 1.6875rem 0 0;
}
@media screen and (min-width: 56rem) {
  .two-columns-right .container--primary {
    width: 65%;
    float: left;
  }
  .two-columns-right .container--secondary {
    width: 35%;
    float: right;
    clear: none;
  }
  .two-columns-right .container--secondary .container-inner {
    padding: 0 0 1.6875rem 1.6875rem;
  }
  .two-columns-right .container--tertiary {
    float: right;
    width: 35%;
  }
  .two-columns-right .container--tertiary .container-inner {
    padding: 0 0 1.6875rem 1.6875rem;
  }
}
@media screen and (min-width: 56rem) {
  .two-columns-left .container--primary {
    width: 65%;
    float: left;
    margin-left: 35%;
  }
  .two-columns-left .container--secondary {
    width: 35%;
    float: left;
    clear: none;
    margin-left: -100%;
    position: relative;
  }
  .two-columns-left .container--secondary .container-inner {
    padding: 0 1.6875rem 1.6875rem 0;
  }
  .two-columns-left .container--tertiary {
    float: left;
    width: 35%;
  }
  .two-columns-left .container--tertiary .container-inner {
    padding: 0 0 1.6875rem 1.6875rem;
  }
}
.home-template .page-main {
  max-width: none;
  padding: 0;
}
.error-template {
  background-color: #ffffff;
}
@media screen and (min-width: 36rem) {
  .error-template .container--primary .container-inner {
    padding: 3.375rem 0;
  }
}
.error-template h1 {
  color: #27717A;
  letter-spacing: -0.05em;
  font-size: 1.66666667em;
  line-height: 1;
}
@media screen and (min-width: 36rem) {
  .error-template h1 {
    letter-spacing: -0.01em;
  }
}
.error-template h1 + .headerCaption {
  margin-top: -1.6875rem;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  color: #6d6d6d;
}
@media screen and (min-width: 36rem) {
  .error-template h1 {
    font-size: 2.66666667em;
  }
}
.membersArea-template .page-tools {
  margin: 1.6875rem auto;
  float: none;
  text-align: center;
}
.front-admin-template .container--primary .container-inner {
  background-color: transparent;
  padding: 0;
}
.front-admin-template .container--h1 {
  text-transform: lowercase;
  padding-bottom: 1.6875rem;
}
.front-admin-template .page-main {
  margin-top: 1.6875rem;
}
.slim-page .page-main {
  max-width: 36rem;
}
.pageTile {
  display: block;
  text-decoration: none;
  flex: 1;
  text-align: center;
  background-color: #0E8B61;
  background-size: cover;
  background-position: center;
  color: #fff;
  height: 100%;
  overflow: hidden;
  border-radius: 3em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.pageTile:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pageTile-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30% 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s;
}
@media screen and (min-width: 36rem) {
  .pageTile-link {
    padding: 25% 0;
  }
}
.pageTile:hover .pageTile-link,
.pageTile:focus .pageTile-link {
  background-color: rgba(0, 0, 0, 0.4);
}
.pageTile h2 {
  font-size: 1.2em;
  color: #fff;
  margin: auto;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: opacity .2s, transform .2s;
}
.pageTile.has-description .pageTile-reveal {
  display: block;
  border: none;
  background-color: transparent;
  font-size: .9em;
  margin-top: 0.84375rem;
  position: absolute;
  text-align: center;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  outline: none;
  z-index: 2;
  transition: bottom .2s, transform .2s;
}
.pageTile.has-description .pageTile-description {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40px;
  padding: 0.84375rem 1.6875rem;
  overflow: auto;
  font-size: .9em;
  margin: 0;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .2s, transform .2s;
  user-select: none;
  pointer-events: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageTile.has-description .pageTile-description p {
  margin: 0;
}
.pageTile.has-description[aria-expanded="true"] .pageTile-link {
  background-color: rgba(0, 0, 0, 0.4);
}
.pageTile.has-description[aria-expanded="true"] h2 {
  opacity: 0;
  transform: translateY(-20px);
}
.pageTile.has-description[aria-expanded="true"] .pageTile-description {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  user-select: text;
}
.pageTile.has-description[aria-expanded="true"] .pageTile-reveal {
  bottom: 0px;
  transform: translateX(-50%) rotate(-45deg);
}
@media (hover: hover) {
  .pageTile.has-description .pageTile-reveal {
    display: none;
  }
  .pageTile.has-description .pageTile-description {
    bottom: 0;
  }
  .pageTile.has-description:hover .pageTile-link,
  .pageTile.has-description:focus .pageTile-link {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .pageTile.has-description:hover h2,
  .pageTile.has-description:focus h2 {
    opacity: 0;
    transform: translateY(-20px);
  }
  .pageTile.has-description:hover .pageTile-description,
  .pageTile.has-description:focus .pageTile-description {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
    user-select: text;
  }
  .pageTile.has-description:hover .pageTile-reveal,
  .pageTile.has-description:focus .pageTile-reveal {
    bottom: 0px;
    transform: translateX(-50%) rotate(-45deg);
  }
}
@keyframes fadeInIcon {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.page-tools {
  text-align: center;
}
@media screen and (min-width: 36rem) {
  .page-back {
    display: inline-block;
  }
  .page-tools {
    text-align: right;
    float: right;
    margin-top: 1.6875rem;
  }
}
.page-share {
  display: inline-block;
  position: relative;
  line-height: 1;
}
.page-share .page-share-button {
  text-decoration: none;
}
.page-share .page-share-options {
  display: none;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 15px;
  white-space: nowrap;
  padding: 0.84375rem;
  text-align: center;
  border: 1px solid #446C2A;
  border-radius: 3px;
  min-width: 150px;
  box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.1);
}
.page-share .page-share-options:target {
  display: block;
}
.page-share .page-share-options:before {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  width: 0;
  height: 0;
  border-top-color: #446C2A;
  left: 10px;
  bottom: -20px;
  margin-top: -10px;
}
.page-share .page-share-options a {
  display: inline-block;
  margin: 0 .5em;
  vertical-align: middle;
}
.page-share .page-share-options a b {
  display: none;
}
.page-share .page-share-options a:before {
  margin-right: .3em;
  color: #66A23F;
  font-size: 1.3em;
}
.page-share .page-share-options a.twitter:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f30a';
}
.page-share .page-share-options a.linkedin:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f319';
}
.page-share .page-share-options a.facebook:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f30d';
}
.page-share .page-share-options.is-active a {
  opacity: 1;
  transform: translateY(0);
  animation: fadeInIcon .3s forwards;
}
.page-share .page-share-options.is-active a:nth-child(2) {
  animation-duration: .4s;
}
.page-share .page-share-options.is-active a:nth-child(3) {
  animation-duration: .5s;
}
.container--footer .grid-cell:first-child {
  display: flex;
  flex-direction: column;
}
.page-socialLinks {
  margin-top: 1.6875rem;
}
@media screen and (min-width: 56rem) {
  .page-socialLinks {
    margin-left: 1.6875rem;
  }
}
.page-socialLinks .page-socialLink {
  text-decoration: none;
  margin-right: 0.5625rem;
}
.page-socialLinks .page-socialLink span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.page-socialLinks .page-socialLink span.focusable:active,
.page-socialLinks .page-socialLink span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.page-socialLinks .page-socialLink--facebook:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f09a';
}
.page-socialLinks .page-socialLink--twitter:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f099';
}
.page-socialLinks .page-socialLink--instagram:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f16d';
}
.page-socialLinks .page-socialLink--linkedin:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f0e1';
}
.page-socialLinks .page-socialLink--youtube:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f16a';
}
.paging,
ul.pagination {
  display: block;
  margin: 0.84375rem 0;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 36rem) {
  .paging,
  ul.pagination {
    text-align: left;
  }
}
.paging span {
  display: inline-block;
  vertical-align: middle;
  padding: .2em;
}
.paging span a,
ul.pagination li a {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  color: #1f1f1f;
  padding: 0 .1em;
  text-align: center;
}
.paging span.paging-num,
.paging span.paging-dots {
  display: none;
}
@media screen and (min-width: 36rem) {
  .paging span.paging-num,
  .paging span.paging-dots {
    display: inline-block;
  }
}
.paging span.is-active a,
ul.pagination .active a {
  color: #66A23F;
  border-bottom: 1px solid;
}
.paging span.paging-next,
.paging span.paging-previous {
  overflow: hidden;
  position: relative;
  padding: 0;
}
.paging span.paging-next a,
.paging span.paging-previous a,
.paging span.paging-next span,
.paging span.paging-previous span {
  display: block;
  width: 1.2em;
  height: 1.2em;
  outline: 1px solid;
  vertical-align: middle;
  padding: 0;
  overflow: hidden;
  text-indent: -999px;
  position: relative;
  z-index: 1;
}
.paging span.paging-next:after,
.paging span.paging-previous:after {
  font-size: 1.1em;
  color: #558734;
  position: absolute;
  left: 0;
  top: 0.1em;
  height: 1em;
  pointer-events: none;
}
.paging span.paging-previous:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f137';
}
.paging span.paging-next {
  margin-left: .2em;
}
.paging span.paging-next:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f138';
}
.paging-info {
  font-size: .9em;
  text-align: center;
  margin-top: 0.84375rem;
}
@media screen and (min-width: 36rem) {
  .paging-info {
    display: none;
  }
}
.paging--alpha {
  text-align: left;
  display: grid;
  grid-template-columns: repeat(auto-fit, 27px);
  grid-gap: 1px;
  margin: 0 0 1.6875rem;
}
.paging--alpha li {
  display: inline-block;
  text-transform: uppercase;
}
.paging--alpha li a {
  background-color: #c2c2b1;
  padding: .4em 0;
}
.paging--alpha li.active a {
  border: none;
  background-color: #66A23F;
  color: #ffffff;
}
ul.pagination li {
  display: inline-block;
}
/* Cookie notification widget */
#cookie-notification {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #3b3937;
  color: #ffffff;
  text-align: center;
  padding: 0.84375rem 0.84375rem;
  font-size: .9em;
}
#cookie-notification a {
  color: inherit;
}
#cookie-notification h2 {
  font-size: 1.2em;
  color: #66A23F;
  margin-bottom: 0.84375rem;
}
#cookie-notification p {
  margin-bottom: 0.84375rem;
}
#cookie-notification ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cookie-notification ul li {
  display: inline-block;
}
#cookie-notification ul li a {
  display: block;
  padding: 0.3rem 0.84375rem;
  background-color: #ffffff;
  color: #3b3937;
  text-decoration: none;
  font-size: .8em;
  font-weight: bold;
  margin-bottom: 0.5625rem;
}
#cookie-notification ul li a:hover,
#cookie-notification ul li a:focus {
  background-color: #66A23F;
  color: constrast(#66A23F);
}
@media screen and (min-width: 36rem) {
  #cookie-notification {
    text-align: left;
  }
  #cookie-notification .inner {
    max-width: 80%;
    margin: 0 auto;
    overflow: hidden;
  }
  #cookie-notification h2,
  #cookie-notification p,
  #cookie-notification ul {
    display: inline-block;
    vertical-align: top;
  }
  #cookie-notification h2 {
    left: 0;
    width: 30%;
    margin-bottom: 0.5625rem;
  }
  #cookie-notification p {
    float: right;
    width: 68%;
    margin-bottom: 0.5625rem;
  }
  #cookie-notification ul {
    float: right;
    width: 68%;
  }
  #cookie-notification ul li a {
    font-size: .9em;
  }
}
@media screen and (min-width: 56rem) {
  #cookie-notification h2 {
    width: 20%;
  }
  #cookie-notification p {
    width: 78%;
  }
  #cookie-notification ul {
    width: 78%;
  }
}
/* Cookie preference widget */
#cookie-widget fieldset {
  border: none;
  padding: 2em 1em 1em 1em;
  background: #EEE;
}
#cookie-widget legend {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: bold;
  position: relative;
  top: 1.4em;
}
#cookie-widget label {
  font-weight: bold;
  display: block;
  font-size: 1.2em;
  line-height: 1.5;
}
#cookie-widget ul {
  display: block;
  margin: 1em 0;
  padding: 0;
  list-style: none;
  border-top: 1px dotted #999;
}
#cookie-widget ul ul {
  border: none;
  list-style: circle inside;
}
#cookie-widget li {
  margin: 0;
  padding: 1em 1em 1em 3em;
  border-bottom: 1px dotted #999;
  position: relative;
}
#cookie-widget li li {
  border: none;
  padding: 0 0 0 1em;
}
#cookie-widget li input {
  position: absolute;
  top: 1.5em;
  left: 1em;
}
#cookie-widget .submit {
  text-align: right;
  margin-bottom: 0;
}
#cookie-widget .submit input {
  display: inline-block;
  padding: 0.5625rem 1.6875rem;
  margin-bottom: 0.5625rem;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1rem;
  letter-spacing: .05rem;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid #ffffff;
  outline: none;
  cursor: pointer;
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
}
@media screen and (min-width: 36rem) {
  #cookie-widget .submit input {
    margin-bottom: 0;
    margin-right: 0.5625rem;
  }
}
#cookie-widget .submit input b {
  font-weight: inherit;
  text-transform: none;
}
#cookie-widget .submit input:last-child {
  margin-right: 0;
}
#cookie-widget .submit input:visited {
  color: #ffffff;
}
#cookie-widget .submit input:hover,
#cookie-widget .submit input:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
#cookie-widget .submit input[disabled] {
  background-color: #c2c2b1 !important;
  cursor: initial;
  opacity: 0.5;
}
.sitesearch {
  display: inline-block;
  background: #ffffff;
  margin-right: 0.5625rem;
}
.sitesearch .form-field,
.sitesearch form.standard .field {
  margin: 0;
}
.sitesearch .form-field label,
.sitesearch form.standard .field label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sitesearch .form-field label.focusable:active,
.sitesearch .form-field label.focusable:focus,
.sitesearch form.standard .field label.focusable:active,
.sitesearch form.standard .field label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.sitesearch .form-field .form-inputs,
.sitesearch form.standard .field .form-inputs,
.sitesearch .form-field form.standard .input {
  display: none;
  position: absolute;
  left: 0.84375rem;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
}
.sitesearch .form-field .form-inputs input,
.sitesearch form.standard .field .form-inputs input,
.sitesearch .form-field form.standard .input input {
  opacity: 0;
  z-index: -1;
}
.sitesearch .form-field button,
.sitesearch form.standard .field button {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: 0.84375rem;
  margin-bottom: 0;
  padding: 0;
  vertical-align: middle;
  border: none;
  background-color: transparent;
}
.sitesearch .form-field button:hover,
.sitesearch .form-field button:focus,
.sitesearch form.standard .field button:hover,
.sitesearch form.standard .field button:focus {
  background-color: transparent;
}
@media screen and (min-width: 56rem) {
  .sitesearch .form-field button,
  .sitesearch form.standard .field button {
    padding-right: 0;
    margin-right: 0;
    margin-left: 0.84375rem;
  }
}
.sitesearch .form-field img,
.sitesearch form.standard .field img {
  vertical-align: middle;
}
.sitesearch.is-focused {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
@media screen and (min-width: 56rem) {
  .sitesearch.is-focused {
    left: 250px;
    right: 1.6875rem;
  }
}
.sitesearch.is-focused .form-field button,
.sitesearch.is-focused form.standard .field button {
  position: absolute;
  right: 0.84375rem;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 0;
}
.sitesearch.is-focused .form-inputs,
.sitesearch.is-focused form.standard .input {
  display: block;
}
.sitesearch.is-focused .form-inputs input,
.sitesearch.is-focused form.standard .input input {
  opacity: 1;
  z-index: 1;
}
.sitemap {
  list-style: none;
  padding: 0;
}
.sitemap a {
  text-decoration: none;
  display: block;
  padding-top: .3em;
  padding-bottom: .3em;
  padding-left: .5em;
  position: relative;
  transition-duration: .4s;
  border: 1px solid transparent;
  color: #1f1f1f;
}
.sitemap a:hover,
.sitemap a:focus {
  text-decoration: underline;
}
.sitemap li.depth-2 a,
.sitemap li.depth-3 a,
.sitemap li.depth-4 a {
  padding-left: 1em;
  position: relative;
}
.sitemap li.depth-2 a:before,
.sitemap li.depth-3 a:before,
.sitemap li.depth-4 a:before {
  content: '';
  position: absolute;
  left: 0;
  top: -10%;
  height: 60%;
  width: .6em;
  border-left: 1px dotted #99C17F;
  border-bottom: 1px dotted #99C17F;
}
.sitemap .depth-1 {
  font-weight: bold;
}
.sitemap li.depth-2 {
  padding-left: 1em;
}
.sitemap li.depth-3 {
  padding-left: 2em;
}
.sitemap li.depth-4 {
  padding-left: 3em;
}
@media (max-width: 36rem) {
  .tablesaw-stack {
    border: none;
  }
  .tablesaw-stack thead {
    display: none;
  }
  .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    margin-bottom: 1.6875rem;
    border-left: 1px solid #c2c2b1;
    border-right: 1px solid #c2c2b1;
  }
  .tablesaw-stack tbody tr td,
  .tablesaw-stack tbody tr th {
    display: block;
    display: flex;
    border: none;
    border-bottom: 1px solid #c2c2b1;
    padding: 0;
    width: 100% !important;
  }
  .tablesaw-stack tbody tr td:first-child,
  .tablesaw-stack tbody tr th:first-child {
    border-top: 1px solid #c2c2b1;
  }
  .tablesaw-stack tbody .tablesaw-cell-label {
    display: inline-block;
    width: 40%;
    background-color: #ffffff;
    padding: .7rem .5rem;
    overflow: hidden;
  }
  .tablesaw-stack tbody .tablesaw-cell-content {
    display: inline-block;
    width: 60%;
    padding: .7rem 1rem;
  }
}
@media screen and (min-width: 36rem) {
  .tablesaw-stack tbody .tablesaw-cell-label {
    display: none;
  }
}
.tool {
  display: inline-block;
  margin-right: 0.5625rem;
  color: #66A23F;
}
.tool a {
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  color: #1f1f1f;
}
.tool a:hover,
.tool a:focus {
  color: #66A23F;
}
.tool a svg,
.tool a img {
  vertical-align: sub;
}
.tool:before {
  font-size: 1.3em;
}
.tool--share:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f1e0';
}
.tool--print:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80e';
}
.wysiwyg p {
  margin-bottom: 1em;
}
.wysiwyg blockquote,
.wysiwyg p.blockquote {
  background-color: #b4d2a1;
  padding: 1.6875rem;
  margin: 0 0 1.6875rem;
}
.wysiwyg blockquote:before,
.wysiwyg p.blockquote:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f10d';
  display: block;
  font-size: 1.6em;
  color: #66A23F;
}
p.pullquote {
  border-left: 3px solid #0E8B61;
  padding: 0.84375rem 1.6875rem;
  color: #66A23F;
  font-size: 1.3em;
  line-height: 1.3;
}
p.letterbox,
p.summarybox {
  padding: 0.84375rem 1.6875rem;
  padding-right: 3.375rem;
  font-size: 1.1em;
  font-weight: bold;
}
@media screen and (min-width: 56rem) {
  p.letterbox,
  p.summarybox {
    padding: 1.6875rem 2.53125rem;
    padding-right: 6.75rem;
  }
}
p.letterbox {
  background-color: #c2c2b1;
  color: #1f1f1f;
  position: relative;
}
p.letterbox:after {
  content: '';
  position: absolute;
  border: 20px solid #ffffff;
  bottom: 0;
  right: 0;
  border-top-color: #9e9e9f;
  border-left-color: #9e9e9f;
}
@media screen and (min-width: 56rem) {
  p.letterbox:after {
    border-width: 40px;
  }
}
p.standout {
  background-color: #ffffff;
  color: #66A23F;
  padding: 1.6875rem;
}
p.standfirst {
  font-size: 1.25em;
  font-style: italic;
  padding-top: 1.6875rem;
  padding-bottom: 1.6875rem;
  border-top: 2px solid #c2c2b1;
  border-bottom: 2px solid #c2c2b1;
  font-weight: 600;
}
p.documentbox {
  padding: 1.6875rem;
}
p.documentbox {
  border: 2px solid #99C17F;
}
p.summarybox {
  background-color: #c2c2b1;
}
p.intro {
  font-size: 1.1em;
  font-weight: light;
  font-style: italic;
  margin-bottom: 1.6875rem;
  border-top: 1px solid #c2c2b1;
  border-bottom: 1px solid #c2c2b1;
  padding: 1.6875rem 0;
}
@media screen and (min-width: 36rem) {
  .image-left,
  .image-right {
    width: 100%;
    max-width: 100%;
  }
  .floated-left {
    float: left;
    margin-right: 0.84375rem;
  }
  .floated-right {
    float: right;
    margin-left: 0.84375rem;
  }
  .image-left {
    float: left;
    display: block;
    margin: 0 1em 1em 0;
    width: auto;
    max-width: 400px;
  }
  .image-right {
    float: right;
    display: block;
    margin: 0 0 1em 1em;
    width: auto;
    max-width: 400px;
  }
}
.u-hidden {
  display: none !important;
}
.u-visuallyHidden,
.form [type='submit'].remove-file span,
.form [type='reset'].remove-file span,
.form [type='button'].remove-file span,
#purchase-order-fieldset legend,
.form--membershipRenewal fieldset.submit legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.u-visuallyHidden.focusable:active,
.u-visuallyHidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.u-left {
  float: left;
}
.u-right {
  float: right;
}
.u-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.u-clearFix:after,
#direct-debit-guarantee h2:after {
  content: " ";
  display: table;
  clear: both;
}
.radius-small {
  border-radius: 0.5em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.radius-medium {
  border-radius: 1.8em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.radius-large {
  border-radius: 3em 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ease-out {
  transition-timing-function: cubic-bezier(0.03, 0.85, 0.52, 1);
}