/*
  *
  * Define colours, fonts and other settings
  *
  */

:root {
  --liberty-green: #008561;
  --liberty-green-slightly-transparent: #008561ee;
  --liberty-light-grey: #666666;
  --liberty-dark-grey: #292c31;
  --liberty-dark-grey-slightly-transparent: #292c31ee;
  --liberty-gold: #9e814f;
  --liberty-orange: #f76345;
  --liberty-orange-slightly-transparent: #f76345ee;
  --liberty-pink: #e2aaab;
  --liberty-white-slightly-transparent: #ffffffee;

  /* Spacing -- common spacing amount for e.g. padding, margins */
  --liberty-spacing-mobile: 1.25rem;
  --liberty-spacing-desktop: 1.5rem;

  --liberty-font-title: "Bureau Grot Condensed", Helvetica, Arial, sans-serif;
}


/*
  *
  * Typography
  *
  */

@font-face {
  font-family: 'Bureau Grot Condensed';
  src: url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/BureauGrotCondensed-Bold.eot?v=1540342782000");
  src: url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/BureauGrotCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/BureauGrotCondensed-Bold.woff2?v=1540342782000") format("woff2"), url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/BureauGrotCondensed-Bold.woff?v=1540342782000") format("woff"), url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/BureauGrotCondensed-Bold.ttf?v=1540342782000") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/fontawesome-webfont.eot");
  src: url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/fontawesome-webfont.eot#iefix&v=4.7.0") format("embedded-opentype"), url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/fontawesome-webfont.woff2?v=1540434007000") format("woff2"), url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/fontawesome-webfont.woff?v=1540434007000") format("woff"), url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/fontawesome-webfont.ttf?v=1540434007000") format("truetype");
  font-weight: normal;
  font-style: normal;
}

a, a:link, a:visited {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

a:hover, a:active, a:focus {
  text-decoration: none;
}

h1, .h1, h2, .h2, h3, .h3 {
  font-family: var(--liberty-font-title);
  letter-spacing: 0.04rem;
  line-height: 1.1;
  text-transform: uppercase; 
}

h1, .h1 {
  font-size: 3rem;
  margin: 1rem 0 1rem;
}

h1:first-child, .h1:first-child {
  margin-top: 0.5rem;
}

div.en__component--row--1 .en__component--column .single-column-row,
div.en__component--row--1 .en__component--column .single-column-row p, div.en__component--row--1 .en__component--column .single-column-row h1, div.en__component--row--1 .en__component--column .single-column-row h2, div.en__component--row--1 .en__component--column .single-column-row h3
    {
      color: white;
    }

div.en__component--row--1 .en__component--column p, div.en__component--row--1 .en__component--column h1, div.en__component--row--1 .en__component--column h2, div.en__component--row--1 .en__component--column h3, div.en__component--row--1 .en__component--column li, div.en__component--row--1 .en__component--column ul, div.en__component--row--1 .en__component--column ol {
color: white;
} 

@media screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 4.5rem;
    margin: 2rem 0 1.5rem;
  }

  h1:first-child, .h1:first-child {
    margin-top: 1rem;
  }
}

h2, .h2 {
  font-size: 2.5rem;
  margin: 2rem 0 1rem;
}

h2:first-child, .h2:first-child {
  margin-top: 1rem;
}

@media screen and (min-width: 40em) {
  h2, .h2 {
    font-size: 3.25rem;
  }
}

h3, .h3 {
  font-size: 1.75rem;
  margin: 2rem 0 1rem;
}

h3:first-child, .h3:first-child {
  margin-top: 1rem;
}

@media screen and (min-width: 40em) {
  h3, .h3 {
    font-size: 2.25rem;
  }
}

p {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.5;
}

@media screen and (min-width: 40em) {
  p {
    font-size: 1.125rem;
  }
}

.en__component--column--1 h1, .en__component--column--1 h2, .en__component--column--1 h3 {color: #008561;}

.en__field__element > .en__field__input--email {height: auto; padding: 0.75rem;}

/*
  *
  * Utility classes
  *
  */

.border-rounded {
  border-radius: 1rem;
}

.border-green {
  border: 1px solid var(--liberty-green);
}

.border-white {
  border: 1px solid white;
}

.margin-none {
  margin: 0 !important;
}

.margin-slight {
  margin: 1px !important;
}

.margin {
  margin: 1rem !important;
}

.margin-large {
  margin: 2rem !important;
}

.margin-bottom-negative {
  margin-bottom: -1rem !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.margin-bottom {
  margin-bottom: 1rem !important;
}

.margin-bottom-large {
  margin-bottom: 2rem !important;
}

.margin-top-negative {
  margin-top: -1rem !important;
}

.margin-top-none {
  margin-top: 0 !important;
}

.margin-top {
  margin-top: 1rem !important;
}

.margin-top-large {
  margin-top: 2rem !important;
}

.padding-none {
  padding: 0 !important;
}

.padding-slight {
  padding: 1px !important;
}

.padding {
  padding: 1rem !important;
}

.padding-large {
  padding: 2rem !important;
}

.padding-bottom-none {
  padding-bottom: 0 !important;
}

.padding-bottom-slight {
  padding-bottom: 1px !important;
}

.padding-bottom {
  padding-bottom: 1rem !important;
}

.padding-bottom-large {
  padding-bottom: 2rem !important;
}

.padding-top-none {
  padding-top: 0 !important;
}

.padding-top-slight {
  padding-top: 1px !important;
}

.padding-top {
  padding-top: 1rem !important;
}

.padding-top-large {
  padding-top: 2rem !important;
}


/*
  *
  * Forms
  *
  */

button,
.button,
.button:link,
.button:visited,
input[type="submit"]
{
  border: 2px solid white;
  border-radius: 0;
  color: white;
  display: block;
  font-family: Liberty Sans Cond Bd, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  max-width: 30rem;
  padding: calc(var(--liberty-spacing-mobile) / 2);
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: all .15s cubic-bezier(.22,.61,.36,1);
  -webkit-transition: all .15s cubic-bezier(.22,.61,.36,1);
  width: 100%;
  background-color: var(--liberty-orange);
}

@media screen and (min-width: 40em) {
  button,
  .button,
  .button:link,
  .button:visited,
  input[type="submit"]
  {
    padding: calc(var(--liberty-spacing-desktop) / 2);
  }
}

button:hover,
button:active,
button:focus,
.button:hover,
.button:active,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus
{
  background-color: var(--liberty-gold);
  border-color: var(--liberty-gold);
  color: white;
}

div.en__component--contactblock {
  background-color: var(--liberty-gold);
}

.en__component--formblock:not(:first-child) {
  margin-top: 2rem;
}

div.en__field {
  padding-bottom: 0;
}

.en__field__element--calendar, .en__field__element--checkbox, .en__field__element--email, .en__field__element--number, .en__field__element--password, .en__field__element--radio, .en__field__element--splitselect, .en__field__element--splittext, .en__field__element--telephone, .en__field__element--text, .en__field__element--textarea, .en__field__element--tripleselect, .en__field__element--tripletext, .en__field__item, .en__field__label {width: 100%;}

.en__field__error {
  background-color: var(--liberty-dark-grey);
  color: var(--liberty-orange);
  font-weight: bold;
  margin-top: 1rem;
  padding: .25rem .5rem;
}

.en__errorList {color: var(--liberty-orange); font-weight: bold; margin-top: 1rem; padding: .25rem .5rem;}
.en__errorList li {background-color: var(--liberty-dark-grey);}
ul.en__errorList {list-style-type: none;}

.en__field__input--calendar, .en__field__input--email, .en__field__input--number, .en__field__input--password, .en__field__input--telephone, .en__field__input--text, .en__field__element--select, .en__field__input--textarea {width: 100%!important;}
.en__field__input--telephone {height: auto!important; padding: 0.75rem!important;}
.en__field__input--checkbox,
.en__field__input--radio
{
  display: none;
}

.validator select {width: 100%;}

.en__field__item > select,
.en__field__element > .en__field__input--text
{
  height: auto;
  padding: 0.75rem;
}

.en__field__item > select {
  background-position: right center;
  cursor: pointer;
}

div.en__field--recurrpay > div.en__field__element--radio,
div.en__field--donationAmt > div.en__field__element--radio
{
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: space-between;
  width: 100%;
}

div.en__field--donationAmt > div.en__field__element--radio
{
  justify-content: flex-start;
}

div.en__field--recurrpay > div.en__field__element--radio > div.en__field__item > input[type="radio"]:checked + label,
div.en__field--donationAmt > div.en__field__element--radio > div.en__field__item > input[type="radio"]:checked + label
{
  background-color: var(--liberty-gold) !important;
  color: #fff!important;
  border: 4px solid black !important;
  height: 60px;
  box-shadow: 1px 1px 1px black; border: 2px solid black !important;
}

div.en__field--recurrpay > div.en__field__element--radio > div.en__field__item > input[type="radio"] {
      opacity: 0; position: fixed; width: 0;
}

div.en__field--recurrpay > div.en__field__element--radio > div.en__field__item,
div.en__field--donationAmt > div.en__field__element--radio > div.en__field__item
{
  display: inline;
  flex-grow: 1;
  width: auto;
}

div.en__field--donationAmt > div.en__field__element--radio > div.en__field__item {
  flex-grow: 0;
  width: 31%;
}

div.en__field--donationAmt {margin-top: 25px;}

div.en__field--recurrpay > div.en__field__element--radio > div.en__field__item > label,
div.en__field--donationAmt > div.en__field__element--radio > div.en__field__item > label {
  align-items: center;
  background-color: white;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 2px 2px 0;
  border: 2px solid #008561;
  color: #000!important;
  font-family: var(--liberty-font-title);
  font-size: 1.5rem;
  height: 60px;
  text-align: center;
}

div.en__field--donationAmt > div.en__field__element--radio > div.en__field__item > input[type="radio"] {
      opacity: 0; position: fixed; width: 0;
}

div.en__field--donationAmt > div.en__field__element--radio > div.en__field__item > label:hover {
  background-color: #9e814f; color: white!important;
}

div.en__field--recurrpay > div.en__field__element--radio > div.en__field__item > label:hover {
  background-color: #9e814f; color: white!important;
}

.en__field__element.en__field__element--radio > .en__field__item.en__field__item--other.en__field__item--hidden {display: none;}

.en__field__input--other {
  display: inline;
  margin: 5px 0 0 1px!important;
  font-family: var(--liberty-font-title);
  font-size: 1.5rem !important;
  padding: 15px!important;
  height: 60px;
  border: 1px solid black;
}

div.en__field--dd-only-person > div.en__field__element--radio > div.en__field__item {display: inline-flex;}

.en__field--email-opt-in > label {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff!important; font-weight: 400 !important;}

.en__field--dd-only-person > label {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff!important;}

.en__field--age-checker-dd > label {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff!important;}

div.en__field--email-opt-in > div.en__field__element--radio > div.en__field__item {display: inline-flex;}

div.en__field--age-checker-dd > div.en__field__element--radio > div.en__field__item {display: inline-flex;}

.en__submit button {
  margin: 2rem auto 1.5rem;
  height: 60px;
}

input#en__field_supporter_questions_54721:checked ~ label[for="en__field_supporter_questions_54721"]::after {
  background-color: var(--liberty-pink);
  color: black;
  content: "Are you sure? If you click no, we won't be able to email you with updates about this campaign or our other work. And if you're already on our email list and click no, you will be unsubscribed from all future communications.";
  display: block;
  font-weight: bold;
  margin-top: 1rem;
  padding: calc(var(--liberty-spacing-mobile) / 2);
}

@media screen and (min-width: 40em) {
  input#en__field_supporter_questions_54721:checked ~ label[for="en__field_supporter_questions_54721"]::after {
    padding: calc(var(--liberty-spacing-desktop) / 2);
  }
}

input[type=checkbox] + label:before,
input[type=radio] + label:before
{
  content: '';
  background-color: white;
  border: 1px solid var(--liberty-light-grey);
  display: block;
  height: 2rem;
  float: left;
  margin-right: .75rem;
  width: 2rem;
}

.en__field--recurrpay input[type=checkbox] + label:before,
.en__field--recurrpay input[type=radio] + label:before,
.en__field--donationAmt input[type=checkbox] + label:before,
.en__field--donationAmt input[type=radio] + label:before
{
  display: none;
}

input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before
{
  background-image: url('https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1826/check_mark_icon_gold.svg?v=1713541923000');
  background-size: 1.5rem;
  background-position: center center;
  background-repeat: no-repeat;
}

[type=checkbox]+label,
[type=radio]+label
{
  display: block;
  margin: 0 !important;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="date"], input[type="time"], input[type="url"], input[type="search"], input[type="color"], input[type="range"], input[type="month"], input[type="week"], input[type="datetime-local"], input[type="datetime"], input[type="week"], input[type="file"], input[type="radio"], input[type="checkbox"], select, textarea {
  background-color: white;
  border: 1px solid var(--liberty-light-grey);
  color: var(--liberty-dark-grey);
  font-size: 1.125rem;
  margin-bottom: .5rem;
}

select {height: auto!important; padding: 0.75rem!important; background-position: right 0 center!important;}

input[type="checkbox"] + label::before, input[type="radio"] + label::before {margin-top: -6px; margin-bottom: 6px;}

label {
  color: white;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.5;
}

@media screen and (min-width: 40em) {
  label {
    font-size: 1.125rem;
  }
}

label.en__field__label {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.25; font-weight: bold; margin-top: 6px;
}

div.en__field > label {
  width: 100%;
}

label[for=en__field_transaction_donationAmt3] {margin-top: 5px!important;}

.progress-bar, #donate-progress-bar {
  display: inline-flex;
  font-family: var(--liberty-font-title);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .progress-bar, #donate-progress-bar {
    font-size: 1.25rem;
  }
}

.progress-bar-container {
  margin: calc(-1 * var(--liberty-spacing-mobile)) calc(-1 * var(--liberty-spacing-mobile)) var(--liberty-spacing-mobile);
}

@media screen and (min-width: 40em) {
  .progress-bar-container {
    margin: calc(-1 * var(--liberty-spacing-desktop)) calc(-1 * var(--liberty-spacing-desktop)) var(--liberty-spacing-desktop);
  }
}

.selected-step-1, .selected-step-2, .selected-step-3 {
  background-color: transparent;
  color: white;
  padding: 3%;
  width: 33%;
}

.step-1, .step-2, .step-3 {
  background-color: var(--liberty-light-grey);
  color: white;
  flex-grow: 1;
  padding: 3%;
  width: 33%;
}


/*
  *
  * Header & footer
  *
  */

footer {
  background-color: var(--liberty-dark-grey-slightly-transparent);
  color: white;
  padding: var(--liberty-spacing-mobile) 0;
  width: 100%;
}

@media screen and (min-width: 40em) {
  footer {
    padding: var(--liberty-spacing-desktop) 0;
  }
}

footer a:active,
footer a:hover,
footer a:focus
{
  color: var(--liberty-gold);
}

footer h3 {
  font-size: 1.5rem;
}

footer .social-icon {
  border: none;
  margin: .25rem .5rem .25rem 0;
}

footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

footer li {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

div.footer-inner {
  max-width: 100rem;
}

div.footer-inner:first-child {
  padding-bottom: var(--liberty-spacing-mobile);
}

@media screen and (min-width: 40em) {
  div.footer-inner:first-child {
    padding-bottom: var(--liberty-spacing-desktop)1.5em;
  }
}

div.footer-inner:last-child {
  border-top: 1px solid white;
  padding-top: var(--liberty-spacing-mobile);
}

@media screen and (min-width: 40em) {
  div.footer-inner:last-child {
    padding-top: var(--liberty-spacing-desktop);
  }
}

div.footer-inner div.cell {
  padding: 1rem 2rem;
}

@media screen and (min-width: 64em) {
  div.footer-inner:first-child div.cell:nth-child(1),
  div.footer-inner:first-child div.cell:nth-child(2),
  div.footer-inner:first-child div.cell:nth-child(4)
  {
    flex-basis: 24%;
  }

  div.footer-inner:first-child div.cell:nth-child(3) {
    flex-basis: 28%;
  }
}

div.footer-column a {color: white; text-decoration: underline; font-weight: bold;}
div.footer-2 a {color: white; text-decoration: underline; font-weight: bold;}
div.footer-2 button {background: white; border: 1px solid #666666; color: #666666; text-decoration: none; padding: 12px 24px; text-align: center; transition: background-color 0.5s, color 0.5s; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: normal; text-transform: none; width: 340px;}
div.footer-2 button:hover {background: #008561; color: white; text-decoration: none;}
div.footer-2 button::after {
    content: "\f178";
    display: inline-block;
    font: normal normal normal 1.25rem FontAwesome;
    margin-left: calc(12px / 2 );
}

div.footer-2 a:hover {color: #9e814f; text-decoration: underline;}
div.footer-4 a {color: white; text-decoration: underline;}
div.footer-4 a:hover {color: #9e814f; text-decoration: underline;}
div.footer-column a:hover {color: #9e814f; text-decoration: underline;}

header {
  background-color: var(--liberty-green-slightly-transparent);
  width: 100%;
}

.logo {
  height: 1.75em;
  margin: var(--liberty-spacing-mobile) 0;
  width: auto;
}

@media screen and (min-width: 40em) {
  .logo {
    height: 2.25em;
    margin: 1.5em 0;
  }
}

/*
  *
  * Main page content
  *
  */

#background-image {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 225vw; /* don't use 100vh on mobiles, because the window height resizes on some mobiles when the browser address bar or keyboard are visible */
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 40em) {
  #background-image {
    background-position: center;
    height: 100vh;
  }
}

body {
  background-color: white;
}

details, summary {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  details, summary {
    font-size: 1.125rem;
  }
}

details > summary {
  cursor: pointer;
  list-style-type: none;
  margin-bottom: 0.5em;
}

details > summary::-webkit-details-marker {
  display: none;
}

details > summary::after {
  content: '▼';
  margin-left: 0.5em;
}

details[open] > summary::after {
  content: '▲';
}

.en__component--column {
  margin-bottom: calc(var(--liberty-spacing-mobile) * 4);
  padding: var(--liberty-spacing-mobile);
}

@media screen and (min-width: 40em) {
  .en__component--column {
    margin-bottom: calc(var(--liberty-spacing-desktop) * 4);
    padding: var(--liberty-spacing-desktop);
  }
}

.en__component--copyblock {
  color: #292c31;
  padding: 0;
}

@media screen and (min-width: 40em) {
  .en__component--copyblock {
    padding: 0;
  }
}

.en__component--row {
  align-items: flex-start;
  padding-top: calc(var(--liberty-spacing-mobile) * 1);
}

@media screen and (min-width: 40em) {
  .en__component--row {
    padding-top: calc(var(--liberty-spacing-desktop) * 2);
  }
}

div.en__component--row--1 .en__component--column {
  background-color: var(--liberty-green-slightly-transparent);
  margin-left: auto;
  margin-right: auto;
  max-width: 44rem;
  width: 100%;
}

div.en__component--row--2 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--liberty-spacing-mobile) * 2);
}

@media screen and (min-width: 64em) {
  div.en__component--row--2 {
    flex-direction: row;
    gap: 8%;
  }
}

div.en__component--row--2 .en__component--column--1
{
  background-color: white;
  width: 100%;
}

@media screen and (min-width: 64em) {
  div.en__component--row--2 .en__component--column--1 {
    width: 57%;
  }
}

div.en__component--row--2 .en__component--column--2
{
  background-color: var(--liberty-green);
  color: white;
  width: 100%;
}

div.en__component--row--2 .en__component--column--2 .en__component--copyblock,
div.en__component--row--2 .en__component--column--2 .en__component--copyblock p
{
  color: white;
}

@media screen and (min-width: 64em) {
  div.en__component--row--2 .en__component--column--2 {
    width: 35%;
  }
}

.en__mandatory label.en__field__label:not(.en__field__label--item)::after {
  content: ' *';
  color: var(--liberty-pink);
}

div.enWidget {
  margin: 2rem 0;
  padding: 0;
}

.grid-container {
  max-width: 64.5rem;
}

#main {
  margin-top: 2em;
  min-height: calc(100vh - (1.75em + 2 * var(--liberty-spacing-mobile))); /* Make main content fill height of screen, minus the height of header */
}

@media screen and (min-width: 40em) {
  #main {
    margin-top: 4rem;
    min-height: calc(100vh - (2.25em + 2 * var(--liberty-spacing-desktop))); /* Make main content fill height of screen, minus the height of header */
  }
 .grid-container {padding-right: 2rem; padding-left: 2rem;}
}

.side-by-side {
  display: flex;
  flex-direction: column;
  gap: var(--liberty-spacing-mobile);
  justify-content: space-between;
  margin-bottom: 2rem;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .side-by-side {
    flex-direction: row;
    gap: var(--liberty-spacing-desktop);
  }

  .side-by-side-image-right {
    flex-direction: row-reverse;
  }
}

.side-by-side h1,
.side-by-side .h1,
.side-by-side h2,
.side-by-side .h2,
.side-by-side h3,
.side-by-side .h3
{
  margin-top: 0;
}

@media screen and (min-width: 40em) {
  .side-by-side img {
    max-height: 18rem;
  }

  .side-by-side-small img {
    max-height: 12rem;
  }
}

.skip-to-main-content-link {
  background-color: var(--liberty-green);
  color: white;
  left: -9999px;
  z-index: 999;
  opacity: 0;
  padding: 1em;
  position: absolute;
}

.skip-to-main-content-link:focus {
  left: 50%;
  opacity: 1;
  transform: translateX(-50%);
}

.text-medium-large {
  font-family: var(--liberty-font-title);
  font-size: 1.4rem;
}

.text-large {
  font-family: var(--liberty-font-title);
  font-size: 1.6rem;
}

.text-orange {
  color: var(--liberty-orange-slightly-transparent);
}

.textblock-background-green {
  background-color: var(--liberty-green) !important;
}

.textblock-background-green h1,
.textblock-background-green .h1,
.textblock-background-green h2,
.textblock-background-green .h2,
.textblock-background-green h3,
.textblock-background-green .h3,
.textblock-background-green p
{
  color: white !important;
}

.textblock-no-margins {
  margin: calc(-1 * var(--liberty-spacing-mobile));
  padding: var(--liberty-spacing-mobile);
}

@media screen and (min-width: 40em) {
  .textblock-no-margins {
    margin: calc(-1 * var(--liberty-spacing-desktop));
    padding: var(--liberty-spacing-desktop);
  }
}

/*
  *
  * Captcha
  *
  */

.en__captcha {margin-top: 18px; padding-bottom: 0px;}

/*
  *
  * Ul and li
  *
  */

li::marker {color: rgb(226, 170, 171);}
li {margin-bottom: 0.5em;}
@media screen and (min-width: 40em) {
  ul {
    font-size: 1.125rem;
  }
}

 .en__contact__detail {color: black; background-color: var(--liberty-pink);}
 div.en__component--contactblock {background-color: var(--liberty-pink);}

/*
  *
  * Tweet to target
  *
  */

.en__twitterTarget__details {color: var(--liberty-dark-grey);}
.en__tweetContact {background-color: white!important;}

/*
  *
  * Scrolling thank you page
  *
  */

.button.membership {margin: 1rem auto 1.2rem auto;}
.button.donate {display: inline; padding-left: 2rem; padding-right: 2rem;}
a:hover {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .button.donate {
    display: inline-block;
  }
}

/*
  *
  * Share buttons
  *
  */

.en__socialShare--twitter {margin-bottom: 10px;}
.en__socialShare--facebook {margin-bottom: 10px;}
.en__socialShare--whatsapp {margin-bottom: 10px;}
.en__socialShare--linkedin {margin-bottom: 10px;}
.en__socialShares {filter: none!important;}
.en__socialShare {
        text-decoration: none !important;
  align-items: center !important;
  background-color: rgb(247, 99, 69);
  background-image: none !important;
  color: white !important;
  display: flex !important;
  height: 60px !important;
  justify-content: center !important;
  max-width: 350px !important;
  padding: 0.5em !important;
  width: 100% !important;
  border: 2px solid white;
  text-transform: uppercase;
  transition: all .15s cubic-bezier(.22,.61,.36,1);
  -webkit-transition: all .15s cubic-bezier(.22,.61,.36,1);
  margin-bottom: 1.2rem!important;
  font-family: Liberty Sans Cond Bd, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
}
.en__socialShare:hover {background-color: var(--liberty-gold); border-color: var(--liberty-gold);}
.en__socialShare__image {display: none;}