@charset "UTF-8";
/**
 * https://bitbucket.org/jonahwhale/propeller.la/src/master/css/style.css
 */
:root {
  --cause-bg-color: #3BA4C9;
  --input-background-color: #e9ecef;
  /* was #E4F2F7 */
  --field-validate-border: rgba(59, 164, 202, 0.5);
  --icon-color: #3BA4C9;
  --pink: rgb(254, 122, 155);
  --red: #EE2C67;
  --light-red: #EE2C67;
  --fuchsia: #EE2C67;
  --experience: #EE2C67;
  --reward:#252525;
  --yellow: #FFC108;
  --button-primary: #FC503B;
  --primary: #f820b2;
  --orange: #FC503B;
  --grey: gray;
  --dark-dark: black;
  --dark-grey: #666666;
  --dark-gray: #666666;
  --bloom-background: #F7C763;
  --bloom-text: #F44661;
  --pride-background: #fea706;
  --pride-text: #000;
  --pride-highlight: #46a3b3;
  --green: #5CDB95;
  --buku-background: #000;
  --buku-text: #fff;
  --buku-green: #52f342;
  --buku-yellow: #f0fa18;
}

html, body {
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* color: #5B5A5C; */
  color: black;
}

body {
  overflow-y: scroll;
}

label {
  font-weight: 100;
}

img {
  display: block;
}

.col-form-label {
  text-align: right;
}

.large {
  font-size: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.date {
  min-width: 100px;
  padding: 10px;
}

#timer {
  color: var(--primary);
  margin: auto;
}

#scrollforce {
  position: absolute;
  top: 0;
  bottom: -1px;
  width: 1em;
  z-index: -1;
}

.blue {
  color: var(--icon-color);
}

.hidden {
  display: none;
}

.handhold {
  background-color: var(--input-background-color) !important;
  border: none;
}

.active-cause {
  background-color: var(--cause-bg-color);
  color: #FFF;
}

.break-word {
  word-break: break-all;
}

#header {
  display: none;
}

divXX {
  border: 1px solid rgba(133, 111, 243, 0.56);
  box-sizing: border-box;
}

body {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 500;
  /* color: #5B5A5C; */
  color: black;
  background-color: #fbfbfb;
  overflow-x: hidden;
}

.bold {
  font-weight: 700;
  font-family: neue-haas-grotesk-display, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0 !important;
  font-weight: bold;
  font-weight: 700;
  font-family: neue-haas-grotesk-display, sans-serif;
}

/*!---------------------*/
/*! The Basics          */
/*!---------------------*/
.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clearer {
  content: "";
  display: table;
  clear: both;
}

.abso {
  position: absolute;
  left: 0;
  top: 0;
}

.rela {
  position: relative;
}

.mAuto {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.nowrap {
  white-space: nowrap;
}

.txt_C {
  text-align: center;
  text-indent: 0;
}
.txt-white {
    color: white;
}
.txt_J {
  text-align: justify;
  text-indent: 0;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.txt_L {
  text-align: left;
}

.txt_R {
  text-align: right;
}

.ital {
  font-style: italic;
}

.bbox {
  box-sizing: border-box;
}

.ofHidden {
  overflow: hidden;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.case_norm {
  text-transform: none;
}

.hand {
  cursor: pointer;
}

.trans {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     not supported by any browser */
}

.img_100 img {
  width: 100%;
  padding-bottom: 0;
}

p img {
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
}

.underline {
  width: 100%;
  height: 2px;
  background-color: #F1F1F1;
}

.underline.blue1 {
  background-color: #133c63;
}

.underline1 {
  width: 100%;
  height: 2px;
  background-color: #ececec;
}

.underline2 {
  width: 100%;
  height: 2px;
  background-color: #e2e2e2;
  margin: 20px 0;
}

.iblock {
  display: inline-block;
}

.vertmid {
  vertical-align: middle;
}

.vertbot {
  vertical-align: bottom;
}

.bulletsDash li {
  text-indent: 0px;
  list-style-type: none;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  margin-left: 11px;
}

.bulletsDash li:before {
  content: "- ";
  margin-left: -11px;
}

.bulletsDash small {
  font-weight: 700;
  color: #133c63;
}

.ta {
  display: table;
}

.tr {
  display: table-row;
}

.ta .tc {
  display: table-cell;
}

.ta .tc.m {
  vertical-align: middle;
}

.ta .tc.t {
  vertical-align: top;
}

input, select {
  width: 100%;
  max-width: 100%;
  border: none;
}

.multiply {
  mix-blend-mode: multiply;
}

.colorize {
  /* 	mix-blend-mode: color; */
  /* opacity: .85; */
}

.shadow {
  -webkit-box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.14);
}

.shadow_sm {
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.rounded {
  border-radius: 3px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
}

.rounded3 {
  border-radius: 3px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
}
.rounded5 {
    border-radius: 5px;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    padding: 3px;
}
.rounded7 {
  border-radius: 7px;
  -webkit-border-radius: 7px 7px;
  -moz-border-radius: 7px 7px;

}

.rounded7T {
  border-top-right-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
}

.rounded7B {
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
}

.opac1 {
  opacity: 0.1;
}

.opac2 {
  opacity: 0.2;
}

.opac3 {
  opacity: 0.3;
}

.opac4 {
  opacity: 0.4;
}

.opac5 {
  opacity: 0.5;
}

.opac6 {
  opacity: 0.6;
}

.opac7 {
  opacity: 0.7;
}

.opac8 {
  opacity: 0.8;
}

.opac9 {
  opacity: 0.9;
}

.opac10 {
  opacity: 1;
}

@media (min-width: 1150px) {
  .newspaper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
}
.w100, .w95, .w90, .w85, .w80, .w75, .w70, .w65, .w60, .w55, .w50, .w48, .w45, .w40, .w35, .w30, .w33, .w25, .w20, .w15, .w10, .w5, .w0 {
  width: 100%;
}

.w101 {
  width: calc(100% + 1px);
}

.wGutter,
.wGutter.right,
.wGutter.left,
.wGutter.left.two {
  padding-right: 0;
  padding-left: 0;
}

.wMblHide {
  display: none;
}

.wMblShow {
  display: block;
}

.wMblTxtC {
  text-align: center;
}

@media (min-width: 650px) {
  .w100 {
    width: 100%;
  }

  .w95 {
    width: 95%;
  }

  .w90 {
    width: 90%;
  }

  .w85 {
    width: 85%;
  }

  .w80 {
    width: 80%;
  }

  .w75 {
    width: 75%;
  }

  .w70 {
    width: 70%;
  }

  .w65 {
    width: 65%;
  }

  .w60 {
    width: 60%;
  }

  .w55 {
    width: 55%;
  }

  .w50 {
    width: 50%;
  }

  .w48 {
    width: 48%;
  }

  .w45 {
    width: 45%;
  }

  .w40 {
    width: 40%;
  }

  .w35 {
    width: 35%;
  }

  .w33 {
    width: 33.3%;
  }

  .w30 {
    width: 30%;
  }

  .w25 {
    width: 25%;
  }

  .w20 {
    width: 20%;
  }

  .w15 {
    width: 15%;
  }

  .w10 {
    width: 10%;
  }

  .w5 {
    width: 5%;
  }

  .w0 {
    width: 0%;
  }

  .wGutter.left {
    padding-right: 20px;
  }

  .wGutter.left.two,
.wGutter.right.two {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wGutter.right {
    padding-left: 20px;
  }

  .wMblHide {
    display: block;
  }

  .wMblShow {
    display: none;
  }

  .wMblTxtC {
    text-align: inherit;
  }
}
.w_100 {
  width: 100%;
}

.w_95 {
  width: 95%;
}

.w_90 {
  width: 90%;
}

.w_85 {
  width: 85%;
}

.w_80 {
  width: 80%;
}

.w_75 {
  width: 75%;
}

.w_70 {
  width: 70%;
}

.w_65 {
  width: 65%;
}

.w_60 {
  width: 60%;
}

.w_55 {
  width: 55%;
}

.w_50 {
  width: 50%;
}

.w_48 {
  width: 48%;
}

.w_45 {
  width: 45%;
}

.w_40 {
  width: 40%;
}

.w_35 {
  width: 35%;
}

.w_33 {
  width: 33.3%;
}

.w_30 {
  width: 30%;
}

.w_25 {
  width: 25%;
}

.w_20 {
  width: 20%;
}

.w_15 {
  width: 15%;
}

.w_10 {
  width: 10%;
}

.w_5 {
  width: 5%;
}

.w_0 {
  width: 0%;
}

.altKidsPadL .left:nth-child(even) {
  margin-left: 4%;
}

@media (max-width: 650px) {
  .altKidsPadL .w48.left:nth-child(even) {
    margin-left: 0%;
  }
}
/*!---------------------*/
/*! Pads                */
/*!---------------------*/
.padT {
  padding-top: 20px;
}

.padT1 {
  padding-top: 15px;
}

.padT2 {
  padding-top: 10px;
}

.padT3 {
  padding-top: 5px;
}

.padB {
  padding-bottom: 20px;
}

.padB1 {
  padding-bottom: 15px;
}

.padB2 {
  padding-bottom: 10px;
}

.padB3 {
  padding-bottom: 5px;
}

.padL {
  padding-left: 20px;
}

.padL1 {
  padding-left: 15px;
}

.padL2 {
  padding-left: 10px;
}

.padL3 {
  padding-left: 5px;
}

.padR {
  padding-right: 20px;
}

.padR1 {
  padding-right: 15px;
}

.padR2 {
  padding-right: 10px;
}

.padR3 {
  padding-right: 5px;
}

.pad {
  padding: 20px;
}

.pad1 {
  padding: 15px;
}

.pad2 {
  padding: 10px;
}

.pad3 {
  padding: 5px;
}

@media (min-width: 550px) {
  .padT {
    padding-top: 30px;
  }

  .padB {
    padding-bottom: 30px;
  }

  .padL {
    padding-left: 30px;
  }

  .padR {
    padding-right: 30px;
  }

  .pad {
    padding: 30px;
  }

  .pad2 {
    padding: 15px;
  }
}
/*!---------------------*/
/*! Margins                */
/*!---------------------*/
.marT {
  margin-top: 20px;
}

.marT1 {
  margin-top: 15px;
}

.marT2 {
  margin-top: 10px;
}

.marT3 {
  margin-top: 5px;
}

.marB {
  margin-bottom: 20px;
}

.marB1 {
  margin-bottom: 15px;
}

.marB2 {
  margin-bottom: 10px;
}

.marB3 {
  margin-bottom: 5px;
}

.marL {
  margin-left: 20px;
}

.marL1 {
  margin-left: 15px;
}

.marL2 {
  margin-left: 10px;
}

.marL3 {
  margin-left: 5px;
}

.marR {
  margin-right: 20px;
}

.marR1 {
  margin-right: 15px;
}

.marR2 {
  margin-right: 10px;
}

.marR3 {
  margin-right: 5px;
}

.mar {
  margin: 20px;
}

.mar1 {
  margin: 15px;
}

.mar2 {
  margin: 10px;
}

.mar3 {
  margin: 5px;
}

.marL150 {
  margin-left: 100px;
}

@media (max-width: 670px) {
  .marL150 {
    margin-left: 0px;
  }
}
@media (min-width: 550px) {
  .marT {
    margin-top: 30px;
  }

  .marB {
    margin-bottom: 30px;
  }

  .marL {
    margin-left: 30px;
  }

  .marR {
    margin-right: 30px;
  }

  .mar {
    margin: 30px;
  }

  .mar2 {
    margin: 15px;
  }
}
/*!---------------------*/
/*! Text Sizes         */
/*!---------------------*/
.txt_8 {
  font-size: 0.8rem;
}

.txt_9 {
  font-size: 0.9rem;
}

.txt_10 {
  font-size: 1rem;
}

.txt_11 {
  font-size: 1.1rem;
}

.txt_12 {
  font-size: 1.2rem;
}

.txt_13 {
  font-size: 1.3rem;
}

.txt_14 {
  font-size: 1.4rem;
}

.txt_15 {
  font-size: 1.5rem;
}

.txt_16 {
  font-size: 1.6rem;
}

.txt_17 {
  font-size: 1.7rem;
}

.txt_18, .txt_18 p {
  font-size: 1.8rem;
}

.txt_19, .txt_19 p {
  font-size: 1.9rem;
}

.txt_20, .txt_20 p {
  font-size: 2rem;
}

.txt_21, .txt_21 p {
  font-size: 2.1rem;
}

.txt_22, .txt_22 p {
  font-size: 2.2rem;
}

.txt_23, .txt_23 p {
  font-size: 2.3rem;
}

.txt_24, .txt_24 p {
  font-size: 2.4rem;
}

.txt_30, .txt_30 p {
  font-size: 3rem;
}

.txt_40, .txt_40 p {
  font-size: 4.5rem;
}

.txt_50, .txt_50 p {
  font-size: 5rem;
}

.h1super {
  font-size: 3.8rem;
  line-height: 4rem;
}

.letS_1 {
  letter-spacing: 1px;
}

.letS_2 {
  letter-spacing: 2px;
}

.campaign_headline_big {
  font-size: 3rem;
  color: black;
}

@media (max-width: 675px) {
  .campaign_headline_big {
    font-size: 2.3rem;
  }
}

.campaign_body.short-description {
  color: black !important;
}

.body_campaigns .page-footer-content {
  color: black;
}

@media screen and (max-width: 649px) {
  .body_campaigns .featured-actions.carouselTitle {
    font-size: 18px;
  }
}

.breadArrow {
  position: relative;
  top: 3px;
}

.mbl_nav {
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
  font-size: 2.1rem;
  position: fixed;
  top: 0;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mbl_nav.in {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mbl_nav a {
  color: inherit;
}

.mbl_nav_in {
  padding-top: 100px;
}

/*!---------------------*/
/*! Sliding Nav         */
/*!---------------------*/
*,
*:after,
*::before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*!---------------------*/
/*! Background Colors   */
/*!---------------------*/
.bg_creme0 {
  background-color: #FEFBF2;
}

.bg_creme {
  background-color: #fbfbfb;
  /* 	color: #318787; */
}

.bg_creme2 {
  background-color: #F0EDE4;
}

.bg_white {
  background-color: white;
}

.bg_grey0 {
  background-color: #F1F1F1;
}

.bg_grey1 {
  background-color: #E7E7E7;
}

.bg_grey2 {
  background-color: #DFDFDF;
}

.bg_green1 {
  background-color: #5CA365;
  color: white;
}

.bg_green2 {
  background-color: #63c7c6;
  color: white;
}

.bg_yellow {
  /* This is not yellow. Leaving it in case it's in use */
  background-color: #133D64;
  color: white;
}

.bg_yellow1 {
  background-color: #ffc107;
  color: #292929;
}

.bg_yellow2 {
  background-color: #d19d00;
  color: #292929;
}

.bg_blue1 {
  background-color: #3BA4C9;
}

.bg_navy {
  background-color: #133c63;
}

.bg_black {
  background-color: #484846;
}

.bg_blacker {
  background-color: #292929;
}

.bg_blackest {
  background-color: #151515;
}

.bg_red {
  background-color: #FC503B;
  color: white;
}

.bg_pink1 {
  background-color: #ed2c67;
  color: white;
}

.bg_pink2 {
  background-color: #DACCAA;
}

.bg_experiences {
  background-color: #ed2c67;
  color: white;
}

.bg_featureds {
  background-color: #ed2c67;
  color: white;
}

.bg_causes {
  background-color: #3BA4C9;
  /* was #292929  */
  color: white;
}

.bg_actions {
  background-color: #ffc107;
  /* was #FE7A9B */
  color: white;
}



.bg_rewards {
  background-color: #133c63;
  /* was #133D64 */
  color: white;
}

.bg_voteclub {
  background: #1f5fab;
  color: white;
}

.action_icon2_in.bg_causes,
.action_icon2.bg_causes {
  background: #292929;
}

.action_icon2_in.bg_causes,
.action_icon2.bg_causes {
  background: #292929;
}



.grid-item .txt_experiences,
.grid-item .txt_rewards,
.grid-item .txt_actions,
.grid-item .txt_causes {
  color: #292929;
}

/*!---------------------*/
/*! Text Colors         */
/*!---------------------*/
.txt_white {
  color: white;
}

.txt_grey1 {
  color: #A4A3A4;
}

.txt_black {
  /* color: #5B5A5C; */
  color: black;
}

.txt_blacker {
  color: #3D3D3D;
}

.txt_green1 {
  color: #318787;
}

.txt_pink1 {
  color: #ed2c67;
  /* was #FE7A9B; */
}

.txt_blue1 {
  color: #3BA4C9;
  color: #133c63;
}

.txt_small_gry {
  font-size: 15px;
  color: #777;
  font-weight: 600;
  margin-bottom: 0px;
  font-family: 'neue-haas-grotesk-display';
}

.txt_title_black {
  color: #090f15;
}

.txt_dark_navy {
  color: #0a2844;
}

.txt_yellow1 {
  color: #133D64;
}

.txt_red {
  color: #FC503B;
}

.txt_experiences {
  color: #ed2c67;
}

.txt_causes {
  color: #3BA4C9;
}

.txt_actions {
  color: #d49f00;
  /* was #FE7A9B */
}

.txt_rewards {
  color: #133c63;
  /* was #133D64  */
}

.event_act_cont .txt_rewards {
  color: white;
}

.txt_voteclub {
  color: #1f5fab;
}

.ta.table_blue {
  border-top: 2px solid #3aa4c7;
}

.ta.table_blue .tr .tc {
  padding: 11px 4px 10px 0px;
  border-bottom: 2px solid rgba(58, 164, 199, 0.4);
}

.ta.table_blue.sm {
  border-top: none;
}

.ta.table_blue.sm .tr .tc {
  padding: 6px 4px 6px 0px;
  border-bottom: 2px solid rgba(58, 164, 199, 0.4);
}

.ta.table_blue.sm .tr:last-child .tc {
  border-bottom: none;
}

.ta.table_blue .tr .tc:first-child {
  border-right: 2px solid rgba(58, 164, 199, 0.4);
}

.ta.table_blue .tr .tc:last-child {
  padding-left: 16px;
  color: #3BA4C9;
}

.ta.table_blue .tr .tc.ta_icon {
  font-size: 4rem;
  padding-right: 10px;
  vertical-align: top;
}

.ta.table_blue.red .tr .tc {
  border-bottom: 2px solid rgba(255, 123, 156, 0.5);
}

.ta.table_blue.red .tr .tc:first-child {
  border-right: 2px solid rgba(255, 123, 156, 0.5);
}

/*!---------------------*/
/*! Big Red              */
/*!---------------------*/
.big_red, .big_red a {
  color: #FC503B;
}

.big_red .underline {
  background-color: #FEA79E;
}

.big_red input,
.big_red textarea {
  border: none;
  width: 100%;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-color: #FFFFFF;
  color: #FEA79E;
  font-size: 2.6rem;
  text-indent: 1.8rem;
  height: 60px;
  padding: 0;
  margin-bottom: 2rem;
}

.big_red .submitButton {
  background-color: #FC503B;
}

.big_red .submitButton:hover {
  color: #FC503B;
  background-color: white;
}

.button {
  border-radius: 0px;
}

.button-dark {
  background-color: var(--dark-dark);
}

.error {
  background-color: var(--light-red);
}

/*!---------------------*/
/*! Nav Update          */
/*!---------------------*/
.nav-update-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 50px;
  margin-top: 20px;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.4rem;
  font-weight: 700;
}

.nav-update-item {
  padding-left: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nav-update-thumb {
  width: 40px;
  height: 40px;
  border-radius: 200px;
  background-size: cover;
  background-position: center;
  margin-left: 10px;
}

.nav-update-points {
  font-size: 1.8rem;
  padding-left: 10px;
  min-width: 90px;
  color: #FFF;
  mix-blend-mode: difference;
  display: flex;
}

.nav-points-mobile {
  margin-top: 35px;
  font-weight: 700;
  text-align: right !important;
  font-size: 1.5rem;
}
@media screen and (max-width:420px) {
  .nav-points-mobile {
    margin-top: 28px;
  }
}

/* dont show mobile on desktop */
@media screen and (min-width:1350px) {
  .nav-points-mobile {
    display: none !important;
  }
}

.nav-update-points .odometer-inside:after {
  content: ' pts';
}
.user-premier-status-page {
    display:block;
    width:100%;
}
.nav-update-premier {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nav-update-premier img {
  width: 30px;
  margin-right: 7px;
}

.nav-update-item a {
  color: #000000 !important;
  transition: color 0.7s;
}

.nav-update-item a:hover {
  color: #fb23b3 !important;
  text-decoration: none;
  transition: color 0.7s;
}

.headertrans .nav-update-item a {
  color: #FFFFFF !important;
  transition: color 0.7s;
}

.headertrans .nav-update-item a:hover {
  color: #fb23b3 !important;
  text-decoration: none;
  transition: color 0.7s;
}

@media (max-width: 1350px) {
  .nav-update-container {
    display: none;
  }
}
/*!---------------------*/
/*! Header              */
/*!---------------------*/
.adaptive-header {
  height: 620px;
}

.adaptive-header-image, .adaptive-banner-image {
  height: 100% !important;
}

.header {
  height: 72px;
  width: 100%;
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0px;
  background-color: white;
  color: #3D3D3D;
}

.headerfix {
  position: fixed;
  background-color: white;
}

.headerscroll {
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.headerscroll_on {
  background-color: white;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.feed_over_hero {
  /*margin-top: -100px;*/
  z-index: 9;
}

.header_push {
  height: 72px;
  width: 100%;
}

.header_left {
  width: 140px;
}

.header_right {
  width: auto;
  text-align: right;
}
.header_right_cont {
  display: inline;
  /* flex-direction: row; */
  /* justify-content: end !important; */
}

.headertrans {
  background-color: rgba(255, 255, 255, 0);
}

.logo {
  overflow: hidden;
}

.logo a {
  color: #3D3D3D;
}

.header_white .logo a {
  color: white;
}

.logo .icon-propeller2 {
  margin-top: 13px;
  margin-left: -2px;
  font-size: 46px;
}

.logo .icon-propeller_horizontal {
  display: none;
}

.logo .propeller {
  /* 	display: none; */
  font-family: "MarkOT";
  margin-left: 8px;
  margin-top: 26px;
  font-size: 18px;
  letter-spacing: 1px;
  font-style: italic;
  height: 33px;
  display: block;
}

.hamburger .icon-hamburger {
  font-size: 60px;
  margin-top: 7px;
  margin-right: -16px;
  color: #3D3D3D;
}

.header_white .hamburger .icon-hamburger {
  color: white;
}

.profile {
  margin-right: 4px;
}

.profile .icon-profile {
  font-size: 44px;
  margin-top: 16px;
  margin-right: -8px;
  color: #3D3D3D;
}

.nav-thumb-circular {
  width: 35px;
  height: 35px;
  background-size: cover;
  display: block;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  margin: 27px 10px 0px 0px;
}

.header_white .profile .icon-profile {
  color: white;
}

.profile .points {
  font-size: 17px;
  margin-top: 28px;
  letter-spacing: 0px;
}

.header_white .profile .points {
  color: white;
}

.head_nav {
  display: none;
}

.header_white .head_nav .txt_blue1 {
  /* 	color: #3BA4C9; */
  color: #3b3a3b;
  /*
  	border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  	padding-bottom: 4px;
  */
}

.header_white .head_nav .txt_blacker {
  color: white;
}

@media (min-width: 420px) {
  #st-container {
    padding-top: 84px;
  }

  .header {
    height: 84px;
  }

  .header_push {
    height: 84px;
  }

  .header_left {
    width: 180px;
  }

  .header_right {
    width: 50%;
    text-align: right;
  }

  .logo .icon-propeller2 {
    margin-top: 19px;
  }

  .logo .icon-propeller_horizontal {
    margin-left: 12px;
    margin-top: 30px;
    font-size: 110px;
    height: 33px;
    display: block;
  }

  .logo .propeller {
    margin-left: 8px;
    margin-top: 26px;
    font-size: 25px;
    letter-spacing: 1px;
    font-style: italic;
    height: 33px;
    display: block;
  }

  .hamburger .icon-hamburger {
    margin-top: 14px;
  }

  .profile {
    margin-right: 20px;
  }

  .profile .icon-profile {
    margin-top: 0;
    margin-right: -8px;
    font-size: 56px;
  }

  .profile .points {
    font-size: 21px;
    margin-top: 34px;
    letter-spacing: 0px;
  }
}
.filter_item.menu {
  margin-bottom: 30px;
}

.filter_item.menu h5 {
  font-size: 20px;
  letter-spacing: 1px;
}

.filter_item.hit {
  color: white;
}

.filter_item.actio.hit .icon_filter,
.filter_item.actio.hit .txt {
  color: #3BA4C9 !important;
}

.mbl_nav .filter_item.menu {
  margin-bottom: 20px;
  display: block;
  font-weight: 600;
}

@media (min-width: 1350px) {
  .header_left {
    width: 200px;
  }

  .header_right {
    width: 75%;
    width: calc(100% - 225px);
  }

  .head_nav {
    display: block;
    margin-top: 36px;
    margin-right: 16px;
    font-weight: 700;
  }

  .head_nav.hide {
    display: none;
  }

  .head_nav .filter_item {
    margin-right: 10px;
  }

  .head_nav .filter_item:last-child {
    margin-right: 0px;
  }

  .hamburger {
    display: none;
  }

  .profile {
    margin-right: 0px;
  }

  .mbl_nav {
    display: none;
  }
}
.header.header_white .logo {
  color: white;
}

/*!---------------------*/
/*! Footer              */
/*!---------------------*/
.news {
  font-weight: 700 !important;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0;
  margin-bottom: -170px;
}

.footer, .push {
  height: 200px;
  margin-top: -30px;
}

.footer .newspaper {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  -webkit-column-rule: 2px solid #4B4B4B;
  -moz-column-rule: 2px solid #4B4B4B;
  column-rule: 2px solid #4B4B4B;
  width: 90%;
}

.footer .newspaper > section {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

.footer .newspaper .news {
  display: block;
  line-height: 30px;
  padding-right: 18px;
}

.footer .icon-propeller2 {
  font-size: 4rem;
}

.footr1 {
  display: none;
}

.footr2 {
  display: block;
  text-align: right;
}

.footer h5 {
  font-size: 1.4rem;
}

.footer .tcX {
  border: 1px solid black;
}

.footr1 .logof,
.footr2 .logof {
  font-size: 30px !important;
  margin-top: -6px;
}

@media (min-width: 500px) {
  .footer .newspaper {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
}
@media (min-width: 730px) {
  .footer h5 {
    font-size: inherit;
  }
}
@media (min-width: 930px) {
  .footer .footr1 {
    display: block;
  }

  .footer .footr2 {
    display: none;
  }

  .footer .icon-propeller2 {
    font-size: 6rem;
  }
}
/* GOING DOWN NOW!! */
@media (max-width: 730px) {
  .wrapper {
    margin-bottom: -190px;
  }

  .footer, .push {
    height: 190px;
  }

  .footer .newspaper {
    width: 100%;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
  }

  .footer .nota.ta,
.footer .nota.tr,
.footer .nota.tc {
    display: block;
  }

  .footer .footr1 {
    margin-top: 25px;
    margin-left: 0;
    display: block;
  }

  .foot_tc_r {
    float: left;
    margin-left: -6px;
  }

  .footer .footr2 {
    display: none;
  }

  .footer .icon-propeller2 {
    margin-top: -6px;
  }
}
@media (max-width: 500px) {
  .wrapper {
    margin-bottom: -215px;
  }

  .footer, .push {
    height: 215px;
  }

  .footer .newspaper .news {
    display: inline-block;
    margin-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
  }

  .footer .newspaper {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #4B4B4B;
  }

  .footer h5 {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 30px;
  }

  .footer .footr1 {
    margin-top: 20px;
    margin-left: 0;
    display: block;
  }

  .footer .icon-propeller2 {
    margin-top: -2px;
  }

  .foot_tc_r {
    float: none;
    margin-left: 0;
  }

  .foot_tc_r .ta {
    float: none;
  }

  .foot_tc_r .ta {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
/*!---------------------*/
/*! Input         */
/*!---------------------*/
input.inputf {
  padding-top: 16px;
  padding-bottom: 17px;
  text-indent: 10px;
  background-color: white;
  border: none;
}

/*!---------------------*/
/*! Button         */
/*!---------------------*/
.submit_button, .btn {
  cursor: pointer;
  letter-spacing: 1px;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  background-color: #FC503B;
  display: inline-block;
  color: #fff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 700;
}

.btn {
  background-color: #FC503B;
  border-color: #FC503B;
  font-weight: 1000;
  border: 1px solid;
}

.fixed-table-toolbar > .btn-group-vertical > .btn, .btn-group > .btn {
  position: absolute;
  padding: 4px;
  background-color: grey;
}

.btn-sm {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: #FC503B;
  border-color: #FC503B;
}

.btn-secondary {
  background-color: #FFF;
  border-color: var(--dark-gray);
  color: var(--dark-gray);
}

.submit_button:hover {
  color: #FC503B;
  background-color: white;
}

.submit_button.bg_actions {
  background-color: #ffc107;
  color: white;
}

.submit_button.bg_actions:hover {
  background-color: #f1b500;
  color: white;
}

.submit_button.bg_causes {
  background-color: #133c63;
  /* was #3BA4C9 */
  color: white;
}

.submit_button.bg_causes:hover {
  background-color: #FC503B;
  color: white;
}

.submit_button.button_sm {
  letter-spacing: 0px;
  height: auto;
  padding-top: 8px;
  padding-bottom: 9px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
}

.submit_button.blue {
  background-color: #00A0DF;
}

.submit_button.blue:hover {
  color: #00A0DF;
  background-color: white;
}

.submit_button h5 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.submit_button.disabled {
  pointer-events: none;
}

/*!---------------------*/
/*! Home Swiper         */
/*!---------------------*/
.home_swiper {
  margin-top: 0px;
}

.swiper-slide {
  position: relative;
  height: 420px;
  overflow: hidden;
}

.swiper-slide .ta {
  height: 100%;
}

.swiper-slide .tr {
  height: 100%;
}

.swiper-slide .tc {
  height: 100%;
}

.swiper-slide img.swiper_img {
  height: 420px;
  left: -100%;
  position: relative;
}

.swiper-slide .title {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 3rem;
  width: 80%;
  padding-top: 2%;
}

.small_swiper .swiper-slide .title {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 3rem;
  width: 80%;
  padding-top: 0%;
}

.small_swiper .swiper-slide .logo {
  margin-top: 35px;
  bottom: 0;
  width: 230px;
  padding-bottom: 6px;
}

.small_swiper .swiper-slide .logo.med {
  margin-top: 65px;
  bottom: 0;
  width: 330px;
  padding-bottom: 6px;
}

.small_swiper .swiper-slide .logo img {
  width: 100%;
  /* opacity: .9; */
}

/*
.small_swiper .swiper-slide img.swiper_img {
height: 165px;
left: -70%;
opacity: .5;
position: relative;
}
*/
.swiper-slide .title .submit_button {
  margin-top: 3rem;
  font-size: 2.4rem;
}

.swiper_shade {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.25;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.headline {
  font-weight: 700;
}

@media (min-width: 550px) {
  .swiper-slide {
    height: 520px;
  }

  .swiper-slide img.swiper_img {
    height: 100%;
    width: auto;
    left: 0%;
  }

  .swiper-slide .title {
    height: 520px;
    top: 0;
    bottom: 0;
    width: 80%;
  }

  .headline {
    text-transform: uppercase;
  }

  .swiper-slide .title .headline {
    font-size: 4.5rem;
  }

  .small_swiper .swiper-slide .logo img {
    left: 0;
  }
}
@media (min-width: 1000px) {
  .swiper-slide .title {
    width: 100%;
    margin: auto;
  }
}
@media (min-width: 1450px) {
  .swiper-slide {
    height: 510px;
  }

  .swiper-slide .title {
    position: absolute;
    width: 760px;
  }

  .swiper-slide img.swiper_img {
    height: auto;
    width: 100%;
    left: 0%;
  }
}
/*!---------------------*/
/*! Home About            */
/*!---------------------*/
.home_about .img_100 {
  text-align: center;
}

.home_about .img_100 img {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 550px) {
  .home_about .img_100 img {
    width: 100%;
  }
}
/*!---------------------*/
/*! Home Join            */
/*!---------------------*/
.home_join {
  padding-top: 200px;
  margin-top: -240px;
  min-height: 400px;
  font-size: 2rem;
}

.home_joinf.submit_button {
  background-color: white;
  color: #FC503B;
}

.home_joinf.submit_button:hover {
  background-color: #FC503B;
  color: white;
}

/*!---------------------*/
/*! Hero Small Swiper         */
/*!---------------------*/
.small_swiper {
  margin-top: 0px;
}

.small_swiper .swiper-slide {
  position: relative;
  height: 265px;
  overflow: hidden;
}

.small_swiper .swiper-slide .ta {
  height: 100%;
}

.small_swiper .swiper-slide .tr {
  height: 100%;
}

.small_swiper .swiper-slide .tc {
  height: 100%;
}

/**
 * Mobile slider image.
 */
.small_swiper .swiper-slide img.swiper_img {
  /* height: 160px; */
  /* height: 265px; */
  left: -1%;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  position: relative;
}

/*
@media (min-width: 414px) {
    .small_swiper .swiper-slide img.swiper_img {
    	height: 160px;

    	left: -60%;
    	opacity: .4;
    	position: relative;

    }
}
*/
/**
 * iPhone 8 Plus
 */
@media only screen and (device-width: 414px) {
  .small_swiper .swiper-slide img.swiper_img {
    /* height: 160px; */
    /* height: 265px; */
    /* left: -60%; */
    opacity: 0.4;
    position: relative;
  }
}
.small_swiper .swiper-slide .title {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 3rem;
  width: 80%;
  padding-top: 20px;
}

.small_swiper .swiper-slide .title .submit_button {
  margin-top: 3rem;
  font-size: 2.4rem;
}

.small_swiper .swiper_shade {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.25;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/**
 * Desktop
 */
@media (min-width: 550px) {
  .small_swiper .swiper-slide {
    height: 265px;
  }

  .small_swiper .swiper-slide img.swiper_img {
    height: 100%;
    /* width: auto; */
    width: 100%;
    left: 0%;
    opacity: 0.6;
  }

  .small_swiper .swiper-slide .title {
    height: 265px;
    top: 0;
    bottom: 0;
    width: 80%;
    padding-top: 0px;
  }

  .small_swiper.user .swiper-slide .title,
.small_swiper.cause .swiper-slide .title,
.small_swiper.causes .swiper-slide .title,
.small_swiper.experiences .swiper-slide .title,
.small_swiper.rewards .swiper-slide .title,
.small_swiper.stewards .swiper-slide .title,
.small_swiper.actions .swiper-slide .title,
.small_swiper.feed .swiper-slide .title,
.small_swiper.engage .swiper-slide .title,
.small_swiper.blog .swiper-slide .title,
.small_swiper.leaderboards .swiper-slide .title {
    padding-top: 30px;
  }

  .small_swiper .swiper-slide .title .headline {
    font-size: 4rem;
  }
}
@media (min-width: 1000px) {
  .small_swiper .swiper-slide .title {
    width: 760px;
  }
}
@media (min-width: 1450px) {
  .small_swiper .swiper-slide .title {
    position: absolute;
    width: 760px;
    height: 100%;
    display: block;
  }

  .small_swiper .swiper-slide img.swiper_img {
    height: auto;
    width: 100%;
    left: 0%;
  }
}
/*!---------------------*/
/*! About               */
/*!---------------------*/
.ahout_h1 p {
  color: #F9C3D3;
}

.ahout_h1 p a {
  color: #F02765;
  text-decoration: underline;
}

.ahout_h1 p a:hover {
  color: #318787;
}

/* Larger than mobile */
/* Larger than phablet */
@media (min-width: 550px) {
  .ahout_h1 h1 {
    font-size: 4rem;
  }
}
/* Larger than tablet */
@media (min-width: 750px) {
  .ahout_h1 h1 {
    font-size: 5rem;
  }
}
/* Larger than desktop */
@media (min-width: 1000px) {
  .ahout_h1 h1 {
    font-size: 6rem;
  }
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {
  .ahout_h1 h1 {
    font-size: 7rem;
  }
}
/*!---------------------*/
/*! Actions             */
/*!---------------------*/
.feed_nav {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
}

.feed_nav .filter_item {
  text-align: center;
  margin-right: 10px;
  min-width: 50px;
}

.feed_nav .icon_filter {
  font-size: 2.8rem;
  margin-top: 0px;
  text-align: center;
}

.feed_nav .icon_filter.first {
  margin-bottom: 3px;
  font-size: 2.1rem;
}

.feed_nav .icon_filter.last {
  margin-right: 0px;
}

.feed_nav .txt {
  margin-top: 0px;
  font-size: 0.8rem;
  letter-spacing: 0px;
}

@media (min-width: 550px) {
  .feed_nav {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .feed_nav .filter_item {
    margin-right: 41px;
    min-width: 50px;
  }

  .feed_nav .icon_filter.last {
    margin-right: 0px;
  }

  .feed_nav .icon_filter {
    font-size: 3.8rem;
    margin-top: 0px;
    text-align: center;
  }

  .feed_nav .icon_filter.first {
    margin-bottom: 8px;
    font-size: 2.8rem;
  }

  .feed_nav .txt {
    margin-top: 0px;
    font-size: 1rem;
    letter-spacing: 0px;
  }
}
.action_nav {
  text-align: center;
  padding-top: 20px;
}

.action_nav {
  display: inline-block;
  white-space: nowrap;
  padding: 16px 0px 20px 0px;
}

.nav .txt_blue1 {
  color: #3BA4C9;
  color: #133c63;
}

/*
.header.land .nav .txt_blue1{
	color: #f5f5f5 !important;
}
*/
.body_feed .nav:hover a {
  color: #3BA4C9;
}

.mbl_nav .nav .txt_blue1 {
  color: #3BA4C9;
}

.header.det .nav:hover a {
  color: #7bc0d9 !important;
}

.filter_nav {
  position: relative;
  max-height: 0px;
  overflow: hidden;
  overflow-x: auto;
  transition: max-height 0.4s ease-out;
}

.filter_nav_in {
  max-height: 95px;
  transition: max-height 0.4s ease-out;
  margin-bottom: -20px;
}

.filter_nav .container {
  padding: 12px 0px 4px 0px;
  text-align: center;
}

.filter_nav .filter_item {
  text-align: center;
  padding: 0px 4px 10px 4px;
  margin-right: 20px;
  text-align: center;
}

.filter_nav .filter_item:last-child {
  margin-right: 0px;
}

.filter_nav .icon_filter {
  font-size: 4.5rem;
  color: #acacac;
  text-align: center;
}

.filter_nav .txt {
  margin-top: 0px;
  font-size: 1rem;
  letter-spacing: 0px;
  color: #acacac;
}

/*!---------------------*/
/*! Grid for feed & profile       */
/*!---------------------*/
.grid {
  padding-top: 50px;
  height: 75%;
  /* inherit height from body */
}

.grid:after {
  content: "";
  display: block;
  clear: both;
}

.grid-item {
  float: left;
  width: 100%;
  background-color: white;
  margin-bottom: 10%;
  -webkit-box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.14);
  cursor: pointer;
}

.grid-item.gridBREAK {
  width: 100% !important;
  height: 50px;
  background-color: red;
}

.action_bar.one {
  padding: 11px 4% 0px 8%;
  position: relative;
}

.break-medium .action_bar.one {
  padding: 10px 4% 0px 8%;
}

.break-small .action_bar.one {
  padding: 9px 4% 0px 8%;
}

.action_bar .action_icon {
  font-size: 50px;
  margin-top: -18px;
  margin-left: -6px;
  margin-right: 15px;
  margin-bottom: 12px;
  width: 65px;
  color: white;
  text-align: center;
}

.grid-item.breaks.break-medium .action_bar .action_icon {
  font-size: 40px;
  margin-top: -18px;
  margin-left: -4px;
  margin-right: 16px;
  margin-bottom: 10px;
  width: 60px;
}

.grid-item.breaks.break-small .action_bar .action_icon {
  font-size: 32px;
  margin-top: -18px;
  margin-left: -2px;
  margin-right: 12px;
  margin-bottom: 8px;
  width: 55px;
}

.action_bar .action_icon_in {
  color: white;
  width: 65px;
  text-align: center;
}

.grid-item.breaks.break-medium .action_bar .action_icon_in {
  width: 50px;
  margin-top: -4px;
}

.grid-item.breaks.break-small .action_bar .action_icon_in {
  width: 40px;
}

.action_bar .action_title {
  margin-top: 0px;
  padding-bottom: 3px;
  border-bottom: 2px solid #B5D3B7;
  font-size: 2rem;
  margin-bottom: 12px;
}

.grid-item.breaks.break-medium .action_title {
  font-size: 1.6rem;
  padding-bottom: 3px;
  margin-top: -1px;
}

.grid-item.breaks.break-small .action_title {
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding-bottom: 2px;
  margin-top: -2px;
}

.grid_hide_1 .dev {
  display: block;
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 0.6rem;
}

.grid_hide_0 .dev {
  display: none;
}

.grid_user_entries {
  margin-top: 21px;
  font-size: 1.6rem;
}

.grid_user_entries span {
  font-size: 0.6rem;
}

.b-card-container.grid-item {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  width: 100%;
  background-color: transparent !important;
  height: 100%;
}

.iadopt_gutter {
  width: 5%;
}

.grid.dash {
  padding-top: 10px;
}

.grid.dash .grid-item {
  /* width: 100%;
  margin-bottom: 10%; */
}

.grid.dash .underline {
  margin-top: 14px;
}

.grid.dash .submit_button {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.4rem;
}

.grid-item {
  width: 48%;
  margin-bottom: 6.5%;
}

.iadopt_gutter {
  width: 3.5%;
}

.grid.dash .iadopt_gutter {
  width: 3.5%;
}

@media (min-width: 500px) {
  .grid-item {
    width: 48%;
    margin-bottom: 6.5%;
  }

  .iadopt_gutter {
    width: 3.5%;
  }

  .grid.dash .iadopt_gutter {
    width: 5%;
  }

  .grid.dash .grid-item {
    width: 100%;
    width: 47.5%;
    margin-bottom: 6.5%;
  }

  .grid.dash {
    padding-top: 16px;
  }
}
@media (min-width: 880px) {
  .grid-item {
    width: 31.62%;
    margin-bottom: 3.8%;
  }

  .iadopt_gutter {
    width: 2.6%;
  }

  .grid.dash .iadopt_gutter {
    width: 5%;
  }

  .grid.dash .grid-item {
    width: 100%;
    width: 47.5%;
    margin-bottom: 5%;
  }
}
/* Larger than desktop */
@media (min-width: 1180px) {
  .grid-item {
    width: 23.5%;
    margin-bottom: 3%;
  }

  .iadopt_gutter {
    width: 2%;
  }
}
.grid.engage {
  padding-top: 0;
}

.grid.engage .grid-item {
  width: 48%;
  margin-bottom: 6%;
  background-color: white;
}

.grid.engage .iadopt_gutter {
  width: 4%;
}

.grid.engage_landing .grid-item {
  background-color: white;
}

.grid.blog {
  padding-top: 0;
}

.grid.blog .grid-item {
  width: 48%;
  margin-bottom: 6%;
  background-color: white;
}

.grid.blog .iadopt_gutter {
  width: 4%;
}

.grid.blog_landing .grid-item {
  background-color: white;
}

.grid.home .grid-item {
  margin-top: -12px;
}

.grid.home .action_bar.two {
  /* 	display: none; */
}

.grid.home .squigly {
  display: none;
}

.grid.home2 .grid-item {
  width: 100% !important;
  height: 800px !important;
  margin-top: 20px !important;
}

.home_swiperX,
.swiper-container_contX,
.swiper-container_contX .swiper-container,
.swiper-container_contX .swiper-wrapper,
.swiper-container_contX .swiper-slide {
  height: 800px;
}

.grid.home .grid-item:nth-child(n+6) {
  display: none;
}

@media (max-width: 1179px) {
  .grid.home .grid-item:nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 879px) {
  .grid.home .grid-item:nth-child(n+4) {
    display: none;
  }
}
/*!---------------------*/
/*! start grid item       */
/*!---------------------*/
.action_bar.two {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.action_bar .points {
  display: none;
}

.action_bar.two .points h6 {
  font-size: 1.7rem;
  margin-left: 0;
  padding: 2rem 0 1.5rem 0;
}

/*
.action_bar .action_icon{
	font-size: 25px;
	margin-top: -9px;
	margin-left: 6px;
	width: 33px;
	color: white;
	text-align: center;
}
.action_bar .action_icon_in{
	color: white;
	width: 33px;
	text-align: center;
}
*/
/*
.action_bar .action_title{
	margin-left: 8px;
	margin-top: -3px;
	padding-bottom: 3px;
	border-bottom: 2px solid #B5D3B7;
	font-size: 1.3rem;
}
*/
.grid-item .title_bar {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 0 2rem 0;
  overflow: hidden;
  font-size: 1.5rem;
}

.grid-item .title_bar .submit_button {
  margin-top: 16px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  padding: 18px 10px 16px 10px;
  height: auto;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.grid-item.grid_causes .submit_button:hover {
  background-color: #3BA4C9;
  color: white;
}

.grid-item.grid_experiences .submit_button:hover {
  background-color: #5CA365;
  color: white;
}

.grid-item.grid_rewards .submit_button:hover {
  background-color: #133D64;
  color: white;
}

.grid-item.grid_actions .submit_button:hover {
  background-color: #ed2c67;
  /* was #FE7A9B; */
  color: white;
}

.grid-item.experience_ended .title_bar .submit_button {
  display: none;
}

.grid-item.experience_ended .exp_ended_bar {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: -8px;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.squigly {
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("/images/waveyGrey1.png");
  background-repeat: repeat-x;
  opacity: 0.8;
}

.squigly2 {
  /* height: 8px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('/images/waveyBrown1.png');
  background-repeat: repeat-x;
  opacity: .8; */
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.8;
  background-color: #dedede;
  border-radius: 100%;
  margin-bottom: 25px;
  padding: 0;
}

.grid-item .squigly {
  width: 84%;
}

.grid.dash .points {
  display: none;
}

.grid.dash .a2_experiences {
  display: none;
}

.grid.dash .grid_experiences .action_bar_cont {
  display: none;
}

/* 'donte to' in front of causes */
.onboardContainer .grid-item.grid_causes .title_bar::before {
  content: 'Donate to ';
}

.onboarding-ex-ta {
  font-size: 12.8px;
  color: black;
  padding-bottom: 0;
  margin-bottom: 0.6rem;
}

.onboarding-ex {
  font-size: 32px;
  color: #090f15;
  padding-bottom: 0px;
}

.onboarding-experience-details img {
  max-width: 300px;
}

.body-page-21470 .onboarding-experience-details img {
  max-width: 100%;
}

.onex-ss {
  margin: 20px 0px;
}

.entries-form-desktop {
  display: none !important;
}

.entries-form-current-entries h4 {
  font-size: 25px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.entries-form #redeemPointsForm h3 {
  font-size: 18px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block !important;
}

#gme-scrollToAnchor {
    position: absolute;
    margin-top: -100px;
    height: 1px;
    background-color: transparent;
    width: 1px;
}

.read-more-text-container-mobile {
  display: block;
}
.read-more-text-container-desktop {
  display: none;
}

@media screen and (min-width: 650px) {
  .onex-ss {
    display: none;
  }
  
  .entries-form-desktop {
    display: block !important;
  }

  .read-more-text-container-mobile {
    display: none;
  }
  .read-more-text-container-desktop {
    display: block;
  }
}

.onboardContainer .mobileOnly .take-action-gif {
  background-image: url('../images/exp-takeaction.gif');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  /* filter: brightness(0%); */
}

@media screen and (min-width: 650px) {
  .onboarding-ex-ta {
    font-size: 12.8px;
  }

  .onboardContainer .mobileOnly .take-action-gif {
    display: none;
  }
}

.onboardContainer {
  color: #090F15;
}

.onboardContainer .bulletsDash small {
  color: black;
}

.enter_button_docked {
  display: none;
}

.onboard-ex-h3-desktop, .onboard-ex-h3-mobile {
  display: none;
}

.onboard-ex-h3-show {
  display: block;
}

.onboard-fineprint-desktop {
  display: none;
}

.onboard-fineprint-mobile {
  display: block;
  margin-bottom: 30px;
}

@media screen and (min-width: 650px) {
  .onboard-fineprint-mobile {
    display: none !important;
  }

  .onboard-fineprint-desktop {
    display: block;
  }
}

@media (max-width: 649px) {


  .onboardex .img {
      width: 110%;
      margin-left: -5%;
      margin-top: -40px;
      padding-bottom: 0px;
  }

  .onboarding-ex {
      font-size: 25px;
  }

  .onboardContainer .bulletsDash p {
    margin-bottom: 3px;
    margin-top: -7px;
  }

  .onboardContainer .bulletsDash ul li {
    font-size: 15px;
    margin-bottom: 0px;
  }

  .onboardActionsList {
    text-align: center;
  }

  .desktopOnly h3 {
    display: none;
  }

  .enter_button_docked {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    height: 90px;
    justify-content: center;
    align-items: center;
    z-index: 10;
    background: linear-gradient(transparent, #f2f2f2);
  }

  .enter_button_bg {
    width: 90%;
    padding: 3px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #e82ea9, #0afff0);
  }

  .enter_button_bg2 {
    background-color: black;
    border-radius: 8px;
  }

  .enter_button {
    position: relative;
    text-transform: uppercase;
    /* color: transparent; */
    font-weight: 900;
    font-size: 30px;
    /* background-color: #FB523B; */
    /* background-color: black; */
    width: 100%;
    margin: 8px 0px;
    letter-spacing: 2px;
    /* height: 50px; */
    border: none;
    background: transparent;
  }

  .enter_button div {
    color: transparent;
    background: -webkit-linear-gradient(#e82ea9, #0afff0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

}

.read-more-text-container.exp-rm-cont {
  position: relative;
  margin-top: -12px;
}

.read-more-text.exp-read-more {
  display: none;

}

.read-more-button.exp-rm-button {
  margin-left: calc(50% - 66px);
  margin-right: auto;
  border: 1px solid black;
  color: black;
  text-transform: uppercase;
  /* position: absolute; */
  margin-bottom: 30px;
}

.elig-timeline-desktop {
  display: none;
}

.elig-timeline-mobile {
  display: block;
}

@media screen and (min-width: 650px) {
  .read-more-text.exp-read-more {
    display: block;
  }

  .read-more-button.exp-rm-button {
    display: none;
  }

  .elig-timeline-desktop {
    display: block;
  }

  .elig-timeline-mobile {
    display: none;
  }
}

.exp-dccont .badge {
  z-index: unset;
}
/* https://coolors.co/palette/ffbe0b-fb5607-ff006e-8338ec-3a86ff */
.badge-purple {
    background-color: transparent;
    background-image: linear-gradient(rgba(113, 44, 249, 1), rgba(113, 44, 249, 0.95));
}
.badge-blue, .badge-primary {
    background-color: #0484f8;
}

.a2_engage.squigly {
  display: none;
}

.a2_blog.squigly {
  display: none;
}

.grid-item .odds_bar {
  margin-top: 12px;
  font-size: 1.4rem;
}

.grid-item .entries_bar {
  margin-top: 12px;
}

@media (min-width: 550px) {
  /*
  .grid-item .title_bar{
  	font-size: 2.2rem;
  }
  .action_bar.one{
  	padding: 12px 14px;
  	position: relative;
  }
  */
  /*
  .action_bar .action_icon{
  	font-size: 50px;
  	margin-top: -18px;
  	margin-left: 12px;
  	width: 65px;
  	color: white;
  	text-align: center;
  }
  .action_bar .action_icon_in{
  	color: white;
  	width: 65px;
  	text-align: center;
  }
  /*
  .action_bar .action_title{
  	margin-left: 22px;
  	margin-top: 0px;
  	padding-bottom: 4px;
  	border-bottom: 2px solid #B5D3B7;
  	font-size: 2rem;
  }
  */
}
.new_action_header {
  background-color: white;
  width: 100%;
  height: 66px;
}

/*!---------------------*/
/*! start custom grid        */
/*!---------------------*/
.grid_actions .action_bar.one .action_icon {
  width: 60px;
  height: 36px;
  background: #ed2c67;
  /* was #FE7A9B; */
  position: relative;
  margin-top: -14px;
}

.break-medium.grid_actions .action_bar.one .action_icon {
  width: 50px;
  height: 31px;
  margin-top: -12px;
}

.break-small.grid_actions .action_bar.one .action_icon {
  width: 40px;
  height: 24px;
  margin-top: -9px;
}

.grid_actions .action_bar.one .action_icon_in {
  height: 100%;
  width: 100%;
  margin-top: -7px;
  margin-left: 1px;
}

.break-medium.grid_actions .action_bar.one .action_icon_in {
  margin-top: -4px;
  margin-left: 1px;
}

.break-small.grid_actions .action_bar.one .action_icon_in {
  margin-top: -4px;
  margin-left: 1px;
}

.grid_actions .action_bar.one .action_icon:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 15px solid #ed2c67;
  /* was #FE7A9B; */
}

.grid_actions .action_bar.one .action_icon:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid #ed2c67;
  /* was #FE7A9B; */
}

.break-medium.grid_actions .action_bar.one .action_icon:before {
  top: -12px;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 12px solid #ed2c67;
  /* was #FE7A9B; */
}

.break-medium.grid_actions .action_bar.one .action_icon:after {
  bottom: -12px;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 12px solid #ed2c67;
  /* was #FE7A9B; */
}

.break-small.grid_actions .action_bar.one .action_icon:before {
  top: -10px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 10px solid #ed2c67;
  /* was #FE7A9B; */
}

.break-small.grid_actions .action_bar.one .action_icon:after {
  bottom: -10px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #ed2c67;
  /* was #FE7A9B; */
}

.grid_actions .action_bar.one .action_title {
  color: #ed2c67;
  /* was #FE7A9B; */
  border-bottom: 2px solid #f9e4e1;
}

.grid_actions .action_bar.two .points {
  color: #ed2c67;
  /* was #FE7A9B; */
}

.grid_actions .action_bar.two .points h6 {
  color: #ed2c67;
  /* was #FE7A9B; */
  color: #3D3D3D;
}

.grid_actions .points_action {
  display: block;
}

.grid_experiences .points_experience {
  display: block;
}

.supporting_bar {
  width: 100%;
  position: relative;
  display: table;
}

.supporting_bar_img {
  width: 18%;
  display: table-cell;
  vertical-align: middle;
  mix-blend-mode: multiply;
}

.supporting_bar .txt {
  display: table-cell;
  width: 75%;
  text-align: left;
  padding-left: 20px;
  vertical-align: middle;
  padding-top: 1px;
  font-size: 13px;
  line-height: 15px;
}

.break-small .supporting_bar .txt {
  padding-top: 2px;
  font-size: 10px;
  line-height: 12px;
}

.grid-item.grid_engage .action_bar_cont {
  display: none;
}

.grid-item.grid_blog .action_bar_cont {
  display: none;
}

@media (max-width: 550px) {
  /*
  	.grid_actions .action_bar.one .action_icon {
  		width: 40px;
  		height: 25px;
  		background: #FE7A9B;
  		position: relative;
  		margin-top: -11px;
  		left:-6px;
  	}
  	.grid_actions .action_bar.one .action_icon_in{
  		margin-top: -4px;
  		font-size: 33px;
  	}
  	.grid_actions .action_bar.one .action_icon:before {
  		content: "";
  		position: absolute;
  		top: -10px;
  		left: 0;
  		width: 0;
  		height: 0;
  		border-left: 20px solid transparent;
  		border-right: 20px solid transparent;
  		border-bottom: 10px solid #FE7A9B;
  	}
  	.grid_actions .action_bar.one .action_icon:after {
  		content: "";
  		position: absolute;
  		bottom: -10px;
  		left: 0;
  		width: 0;
  		height: 0;
  		border-left: 20px solid transparent;
  		border-right: 20px solid transparent;
  		border-top: 10px solid #FE7A9B;
  	}
  */
}
.grid_rewards .action_bar.one {
  color: #133D64;
}

.grid_rewards .action_bar.one .action_title {
  border-bottom: 2px solid #F5E9E0;
}

.grid_rewards .action_bar.one .action_icon {
  position: relative;
  text-align: center;
  height: 52px;
  width: 60px;
  margin-top: -23px;
}

.break-medium.grid_rewards .action_bar.one .action_icon {
  height: 42px;
  width: 50px;
  margin-top: -19px;
}

.break-small.grid_rewards .action_bar.one .action_icon {
  height: 36px;
  width: 40px;
  margin-top: -17px;
}

.grid_rewards .action_bar.one .action_icon_in {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  left: 0;
  top: -2px;
}

.break-medium.grid_rewards .action_bar.one .action_icon_in {
  top: 2px;
}

.break-small.grid_rewards .action_bar.one .action_icon_in {
  top: 0px;
}

.grid_rewards .action_bar.one .action_icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 51%;
  background: #133D64;
  -webkit-transform: skew(0deg, -22deg);
  -moz-transform: skew(0deg, -22deg);
  -ms-transform: skew(0deg, -22deg);
  -o-transform: skew(0deg, -22deg);
  transform: skew(0deg, -22deg);
}

.grid_rewards .action_bar.one .action_icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: #133D64;
  -webkit-transform: skew(0deg, 22deg);
  -moz-transform: skew(0deg, 22deg);
  -ms-transform: skew(0deg, 22deg);
  -o-transform: skew(0deg, 22deg);
  transform: skew(0deg, 22deg);
}

.grid_rewards .action_bar.two {
  color: #3D3D3D;
}

.grid_rewards .action_bar.two h6 {
  color: #3D3D3D;
}

.grid_rewards .points_reward {
  display: block;
}

.grid.dash .grid_rewards .a2_rewards {
  display: none;
}

.grid.dash .grid_rewards .action_bar_cont {
  display: none;
}

@media (max-width: 550px) {
  /*
  .grid_rewards .action_bar.one .action_icon_in{
  	position: absolute;
  	z-index: 2;
  	height: 100%;
    width: 100%;
    left: 0;
    top: 1px;
  }
  .grid_rewards .action_bar.one .action_icon {
    position: relative;
    text-align: center;
    height: 30px;
    width: 35px;
    margin-top: -17px;
    left: -5px;
  }
  */
}
.grid_experiences .action_bar.one .action_icon {
  background-color: #5CA365;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  margin-top: -21px;
  margin-left: 2px;
}

.break-medium.grid_experiences .action_bar.one .action_icon {
  width: 56px;
  padding: 5px 4px 3px 4px;
  margin-top: -18px;
  margin-left: 2px;
}

.break-small.grid_experiences .action_bar.one .action_icon {
  width: 44px;
  padding: 3px 4px 3px 2px;
  margin-top: -18px;
  margin-left: 6px;
}

.grid_experiences .action_bar.one .action_icon_in {
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
}

/*
.grid_experiences .action_bar.one{
	color: #5CA365;
}
.grid_experiences .action_bar.two{
	color: #5B5A5C;
}

.grid_experiences .title_bar{
	color: #5B5A5C;
}

.grid_experiences .action_bar.two h6{
	color: #5B5A5C;
}
.grid_experiences .points_experience{
	display: block;
}
*/
@media (max-width: 550px) {
  /*.grid_experiences .action_bar.one .action_icon{
  			background-color: #5CA365;
  			-webkit-transform: skew(-20deg);
  			   -moz-transform: skew(-20deg);
  			     -o-transform: skew(-20deg);
  			margin-top: -13px;
  			margin-left: 2px;
  		}
  		.grid_experiences .action_bar.one .action_icon_in{
  			-webkit-transform: skew(20deg);
  			   -moz-transform: skew(20deg);
  			     -o-transform: skew(20deg);
  		}
  */
}
.grid_causes .action_bar.one .action_title {
  color: #3BA4C7;
  border-bottom: 2px solid #DFE4E7;
}

.grid_causes .action_bar.one .action_icon {
  background-color: #3BA4C9;
  margin-top: -23px;
  width: 60px;
  height: 60px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  margin-bottom: 3px;
}

.break-medium.grid_causes .action_bar.one .action_icon {
  margin-top: -20px;
  width: 50px;
  height: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.break-small.grid_causes .action_bar.one .action_icon {
  width: 43px;
  height: 43px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  margin-bottom: 3px;
}

.grid_causes .action_bar.one .action_icon_in {
  width: 100%;
  padding-top: 7px;
}

.break-medium.grid_causes .action_bar.one .action_icon_in {
  width: 100%;
  padding-top: 12px;
}

.break-small.grid_causes .action_bar.one .action_icon_in {
  width: 100%;
  padding-top: 7px;
}

.grid_causes .action_bar.two {
  color: #3D3D3D;
}

.grid_causes .action_bar.two h6 {
  color: #3D3D3D;
}

.grid_causes .action_bar.two {
  /* display: none; */
}

.grid_causes .points_cause {
  display: block;
}

.a2_causes {
  /* display: none; */
}

.grid.dash .a2_causes {
  display: none;
}

.grid_causes .donations_made {
  margin-top: 12px;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

@media (max-width: 550px) {
  /*
  .grid_causes .action_bar.one .action_icon{
  	background-color: #3BA4C9;
  	margin-top: -18px;
  	margin-left: -3px;
  }
  .grid_causes .action_bar.one .action_icon_in{
  	width: 100%;
  	padding-top: 7px;
  	font-size: 33px;
  }
  .grid_causes .action_bar.one .action_icon {
  	width: 45px;
  	height: 45px;
  	-moz-border-radius: 35px;
  	-webkit-border-radius: 35px;
  	border-radius: 35px;
  }
  */
}
.gridimg {
  position: relative;
}

.gridimg .img_bw {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.grid_causes .gridimg .img_color {
  mix-blend-mode: multiply;
}

.gridimg .img_color {
  position: relative;
  z-index: 3;
  opacity: 1;
  /*
  	-webkit-transition: all 0.4s;
  	transition: all 0.4s;
  */
}

/* REMOVE GRAY SCALE HOVER EFFECT
  .not_mobile .gridimg .img_color{
  	-webkit-filter: grayscale(90%); * Chrome, Safari, Opera *
    filter: grayscale(90%);
  }

  .gridimg .img_color.hover{
  	-webkit-filter: grayscale(0%); * Chrome, Safari, Opera *
    filter: grayscale(0%);
  }
*/
.grid_experiences .img_color {
  z-index: 5;
  opacity: 1;
}

.force_grid_item_color .gridimg .img_color {
  -webkit-filter: none;
  /* Chrome, Safari, Opera */
  filter: none;
}

.grid_causes .gridimg.hover {
  background-color: white;
}

.grid_causes .gridimg .img_bw {
  mix-blend-mode: multiply;
}

/*!---------------------*/
/*! end custom grid       */
/*!---------------------*/
/*!---------------------*/
/*! BREAKS              */
/*!---------------------*/
.action_icon {
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border-top: 80px solid red;
  border-left: 80px solid transparent;
}

.break-medium .action_icon {
  border-top-width: 70px;
  border-left-width: 70px;
}

.break-small .action_icon {
  border-top-width: 60px;
  border-left-width: 60px;
}

.action_icon_in {
  color: white;
  position: absolute;
  top: -75px;
  right: 5px;
  font-size: 40px;
}

.break-medium .action_icon_in {
  top: -66px;
  right: 4px;
  font-size: 35px;
}

.break-small .action_icon_in {
  top: -57px;
  right: 3px;
  font-size: 30px;
}

.tri_causes {
  border-top-color: #3BA4C9;
}

.tri_actions {
  border-top-color: #ed2c67;
  /* was #FE7A9B; */
}

.tri_experiences {
  border-top-color: #5CA365;
}

.tri_rewards {
  border-top-color: #133D64;
}

.action_icon2.tc {
  min-width: 60px !important;
  max-width: 60px !important;
  height: 60px;
  position: relative;
}

.break-medium .action_icon2.tc {
  min-width: 50px !important;
  height: 50px;
  position: relative;
}

.break-small .action_icon2.tc {
  min-width: 40px !important;
  height: 40px;
  position: relative;
}

.action_icon2_in {
  color: white;
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 41px;
}

.break-medium .action_icon2_in {
  color: white;
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 34px;
}

.break-small .action_icon2_in {
  color: white;
  position: absolute;
  top: 7px;
  left: 7px;
  font-size: 26px;
}

.action_bar.tc {
  height: 100%;
  width: 100%;
  padding-left: 10%;
  padding-right: 5%;
  vertical-align: middle;
  font-size: 12px;
}

.break-medium .action_bar.tc {
  font-size: 13px;
}

.break-small .action_bar.tc {
  font-size: 14px;
}

.grid_causes .gridimg {
  /* background-color: white; */
  background-color: transparent;
  width: 100%;
  border: none;
  aspect-ratio: 1/1;
}

.grid_causes .gridimg img {
  /* width: 40%; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: auto;
  left: 0;
  right: 0;
  /* padding: 40px 0px; */
  text-align: center;
}

/* .break-medium.grid_causes .gridimg img {
  width: 45%;
  padding: 30px 0px;
}

.break-small.grid_causes .gridimg img {
  width: 50%;
  padding: 20px 0px;
} */

.action_bar {
  width: 100%;
}

.grid-item .gpad {
  width: 80%;
}

.grid-item .title_bar {
  font-size: 19px;
  padding: 0;
}

.break-medium.grid-item .title_bar {
  font-size: 16px;
}

.break-small.grid-item .title_bar {
  font-size: 13px;
  line-height: 16px;
}

.squiglyNew {
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.grid_causes .squiglyNew {
  background-color: #D8EDF4;
}

.grid_actions .squiglyNew {
  background-color: #FFD8E1;
}

.grid_experiences .squiglyNew {
  background-color: #CBDCCD;
}

.grid_rewards .squiglyNew {
  background-color: #133D64;
}

.grid-item .action_bar {
  padding-top: 3px;
}

.action_bar .points {
  font-size: 16px;
  line-height: 19px;
}

.break-medium .action_bar .points {
  font-size: 14px;
  line-height: 16px;
}

.break-small .action_bar .points {
  font-size: 10px;
  line-height: 11px;
}

.action_bar .points span {
  font-size: 13px;
}

.break-medium .action_bar .points span {
  font-size: 11px;
}

.break-small .action_bar .points span {
  font-size: 8px;
}

.grid-item .marB {
  margin-bottom: 20px;
}

.grid-item.break-medium .marB {
  margin-bottom: 16px;
}

.grid-item.break-small .marB {
  margin-bottom: 12px;
}

.grid-item .marT {
  margin-top: 20px;
}

.grid-item.break-medium .marT {
  margin-top: 16px;
}

.grid-item.break-small .marT {
  margin-top: 12px;
}

/*!---------------------*/
/*! start re grid       */
/*!---------------------*/
/*!---------------------*/
/*! half-wide grid (onboarding)   */
/*!---------------------*/
.onboard_actions .grid_actions img {
  /* 	display: none; */
}

.onboard_actions .grid-item {
  width: 100%;
  margin-bottom: 5.5%;
}

.onboard_actions .iadopt_gutter {
  width: 0;
}

@media (min-width: 300px) {
  .onboard_actions .grid-item {
    width: 47.5%;
    margin-bottom: 5.5%;
  }

  .onboard_actions .iadopt_gutter {
    width: 5.2%;
  }
}
@media (min-width: 500px) {
  .onboard_actions .grid-item {
    width: 47.5%;
    margin-bottom: 6.5%;
  }

  .onboard_actions .iadopt_gutter {
    width: 5%;
  }
}
@media (min-width: 750px) {
  .onboard_actions .grid-item {
    width: 47.5%;
    margin-bottom: 5.5%;
  }

  .onboard_actions .iadopt_gutter {
    width: 5.1%;
  }
}
@media (min-width: 550px) {
  .ob_right {
    min-height: 800px;
  }
}
/*!---------------------*/
/*! Dashboard       */
/*!---------------------*/
.dashboard .underline {
  width: 100%;
  height: 2px;
  background-color: #cfcfcf;
  margin-top: 5px;
  margin-bottom: 5px;
}

.dashboard .col1 {
  width: 48%;
  float: left;
}

.dashboard .col2 {
  width: 48%;
  float: right;
}

/*!---------------------*/
/*! Shop                */
/*!---------------------*/
#image_zoom {
  display: inline-block;
  position: relative;
  background-color: white !important;
  width: 100%;
}

#image_zoom img {
  display: block;
  background-color: white !important;
}

#image_zoom img::selection {
  background-color: transparent;
  background-color: white !important;
}

.shop_img.w75 {
  width: 75%;
}

.shop_detail .col_left {

}

.shop_img_thumbs {
  padding-left: 1.3rem;
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.shop_det_thumb {
  margin-bottom: 20px;
}

/* image overlap fix on variations */
.shopVariations .flickity-viewport {
  /* width: 100%; */

}

.shopVariations .flickity-slider div:nth-child(1) {

}


.shop_sizes {
  font-size: 1.2rem;
}

.sizeHit {
  background-color: #FC503B;
  color: white;
}

.shop_color.hit .vari_title {
  color: #133D64;
}

.vari_swatc {
  width: 14px;
  height: 14px;
}

.vari_title {
  line-height: 20px;
  font-size: 12px;
  margin-left: 10px;
  color: #B1B1B1;
}

.vari_title:hover {
  color: #133D64;
}

/* https://propeller.la/rewards/17201/plant-a-tree-with-one-tree-planted/17212/india */
.shop_vars {
  width: 100px;
  text-align: center;
  margin-right: 15px;
  /* height: 170px; */
  margin-bottom: 15px;
}

/* Larger than phablet */
/*!---------------------*/
/*! onboarding          */
/*!---------------------*/
.onboarding_div {
  position: relative;
}

.onboarding_div .ss-delete {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 2.8rem;
}

.onboarding_div .container {
  padding: 20px 30px;
}

.onboard_actions .submit_button {
  margin-top: 0px;
  font-size: 2rem;
  padding: 14px 22px 14px 22px;
  margin-bottom: 0px;
}

.onboard_actions .break-small .submit_button {
  padding: 12px 20px 12px 20px;
  font-size: 1.7rem;
}

.onboard_actions .grid-item .title_bar {
  padding: 2rem 0 1.6rem 0;
  overflow: hidden;
  font-size: 1.8rem;
  color: #4A4C49;
}

/* Larger than phablet */
@media (min-width: 550px) {
  .onboarding_div .container {
    padding: 24px 40px;
  }

  .onboarding_div .ss-delete {
    font-size: 2rem;
  }
}
/*!---------------------*/
/*! input handhold           */
/*!---------------------*/
.input_handhold {
  font-size: 0.8rem;
  font-style: italic;
  color: rgba(55, 55, 55, 0.44);
  top: 2px;
  left: 4px;
}

/*!---------------------*/
/*! user                */
/*!---------------------*/
input.validateError {
  border: 1px #ED2C67 solid;
}

.formErrors {
  color: #ED2C67;
  font-style: italic;
}

.mT_20 {
  display: block;
  padding-top: 16px;
}

.userForm {
  margin-top: 20px;
  padding-bottom: 20px;
}

.login_wrapper_new .userForm input {
  border: 1px solid #DE4DB9;
}

.share_access .service {
  margin-bottom: 20px;
}

a.logout {
  display: inline !important;
  width: auto;
}

.submitButton {
  background-color: #222;
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 10px 30px 10px 30px;
  display: inline-block;
  letter-spacing: 1px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  margin-top: 5px;
}

.submitButton:hover {
  color: #FC503B;
  background-color: #F0EDE3;
}

.submitButton.sb_rewards {
  letter-spacing: 0px;
  background-color: #F0EDE3;
  color: #7e9ebc;
  padding: 5px 10px 5px 10px;
}

.submitButton.sb_rewards:hover {
  background-color: white;
  color: #133D64;
}

.submitButton.sb_rewards.hit {
  background-color: #133D64;
  color: white;
}

.forgotPass {
  color: #2E52EA;
  font-weight: 600;
}

.commissions.ta .tr .tc {
  border: none !important;
  font-weight: 300;
  font-size: 12px !important;
  padding: 0px;
  padding-top: 2px;
  text-transform: lowercase;
}

.open_ig {
  padding: 4px 24px 4px 24px;
  font-size: 1.4rem;
  display: inline-block;
}

.open_ig .icon-igfollow2 {
  font-size: 3rem;
  text-align: right;
  padding-right: 4px;
}

/*!---------------------*/
/*! donation rewards         */
/*!---------------------*/
.reward_cause {
  text-align: left;
}

.reward_cause .img_100 {
  width: 50%;
}

.reward_cause .four {
  display: none;
}

.reward_cause .eight {
  width: 90%;
}

.reward_cause .eight h2 {
  text-align: left;
}

.reward_cause input {
  width: 100%;
}

.reward_cause input[type=checkbox] {
  width: auto;
}

.reward_cause .action_box .padL {
  padding-left: 0;
}

.reward_cause .action_box .padR {
  padding-right: 0;
}

.reward_cause .action_box .pad {
  padding: 15px 0 0 0;
}

.reward_cause .action_box .desc {
  display: none;
}

.abreaks.abreak-desktop .col_left {
  width: 55%;
}

.abreaks.abreak-desktop .col_right {
  width: 45%;
  padding-left: 5%;
}

.abreaks.abreak-mbl .col_left {
  width: 100%;
}

.abreaks.abreak-mlb .col_right {
  width: 100%;
  padding-left: 0%;
}

.event_act_act .col_right {
  width: 100%;
}

.user_page.action {
  width: 100% !important;
  max-width: 100% !important;
}

.timeline {
  width: 100%;
  height: 16px;
  margin-bottom: 5px;
  position: relative;
}

.timeline .cap {
  width: 2px;
  height: 16px;
  position: absolute;
  top: 0;
}

.timeline .cap.capL {
  left: -2px;
}

.timeline .cap.capR {
  right: -2px;
}

.timeline .tline {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0;
}

.timeline .plane {
  width: 0px;
  height: 40px;
  position: absolute;
  top: 7px;
  font-size: 5.9rem;
  display: table;
}

.timeline .thebike {
  height: 40px;
  width: 62px;
  position: absolute;
  top: -18px;
  left: -21px;
  display: table-cell;
  vertical-align: middle;
  line-height: 4rem;
  box-sizing: border-box;
  background-color: #fbfbfb;
}

.timeline .thebike.planeZero {
  left: 0px;
}

/*!---------------------*/
/*! MADRIDS CSS         */
/*!---------------------*/
/*!---------------------*/
/*! Action Defaults       */
/*!---------------------*/
/* come back to this ?? */
.actionX h5 {
  padding: 0px;
}

*:focus {
  outline: 0;
}

/*
modal{
	fixed
	overflow-y: auto;
    overflow-x: hidden;
}
modal container{
	text-align: center;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

modal container:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
modal container content{
	margin:0 auto;
	position: relative;
    display: inline-block;
    vertical-align: middle;
}


*/
/*
html.overflow{
	overflow: hidden !important;
}
html.overflow body{
	overflow: hidden !important;
}
*/
/* bootstrap modal */
.modal-header {
  background: black;
  color: white;
}

.modal-title {
  padding-left: 10px;
}

.modal-body {
  padding: 20px;
  font-size: 18px;
}

/* end bootstrap modal */
#blue_modal {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(59, 164, 202, 0.9);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
  opacity: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  visibility: hidden;
}

#blue_modal.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
}

#blue_modal .upup {
  display: none;
  width: 200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  position: fixed;
  top: 30%;
  left: 0px;
  right: 0px;
}

#blue_modal.active .upup {
  display: block;
}

#pink_modal {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(240, 39, 101, 0.9);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
  opacity: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  visibility: hidden;
}

#pink_modal.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
}

#pink_modal .screen {
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 140px;
  -webkit-backface-visibility: hidden;
  display: none;
  position: absolute;
  pointer-events: none;
}

#pink_modal.active .screen.active {
  display: block;
  pointer-events: all;
}

#pink_modal .screen:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#pink_modal .screen.on {
  display: block;
}

#pink_modal .content {
  color: #fff;
  width: 80%;
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

#pink_modal input {
  color: #D71F5C !important;
  border: none;
}

input:-webkit-autofill {
  color: white !important;
}

input:-webkit-autofill {
  color: #D71F5C !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#pink_modal .form_errors {
  background-color: transparent !important;
  color: white;
  font-size: 14px;
  padding-bottom: 10px;
  text-align: center;
}

#pink_modal input.validateError {
  color: #ED2C67;
  background-color: #FFEFF4;
  border: 2px solid blue;
}



/*
 Onboard screen
*/
#onboard .msg {
  font-size: 24px;
}

#onboard .cta {
  padding: 20px;
  font-size: 14px;
}

#onboard .social {
  max-width: 340px;
  border-top: 1px white solid;
  border-bottom: 1px white solid;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#onboard .social a {
  color: #fff;
  font-size: 16px;
}

#onboard .social a:hover {
  color: #999;
}

#onboard .social a span {
  padding-left: 8px;
  font-family: "MarkOT", sans-serif;
}

#onboard .social a:first-child {
  margin-right: 10px;
}

#congrats .badge {
  position: absolute;
  font-size: 24px;
  letter-spacing: 1px;
  height: 300px;
  margin-top: -150px;
  text-align: center;
  white-space: normal;
  color: #fff;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 500px;
  background-color: rgba(240, 39, 101, 0.9);
  /* Put Congratulations on it's own line */
  width: 280px;
  line-height: 40px;
}

.badge {
  padding: 5px;
  /* background-image: linear-gradient(5deg, #fb83d4, #fd4d0f); */
  /* background-color: transparent; */
  border-radius: 5px;
  position: relative;
  z-index: 1000;
}


/* pink screen animation container */

.lottieplayercont {
  /* background-color: #e8fc39; */
  position: fixed;
  /* z-index: 999; */
  text-align: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 140px;
  -webkit-backface-visibility: hidden;
  display:flex;
  justify-content: center;
  align-content:center;
}

.lottieplayeranim {
  /* width: 160%;
  height: 150%;
  margin-top: -15%; */

  width: 2000px;
  height: 2000px;
  margin-top: -500px;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 450px) {
  .lottieplayeranim {
    width: 200%;
    height: 100%;
    margin-top: 0px;
  }
}

.pstext {
  position: relative;
  text-align: center;
  align-self: center;
  font-size: 24px;
  letter-spacing: 1px;
  opacity: 0;
  animation: showit 0.1s linear 2.5s forwards;
}
@keyframes showit {
  to {
    opacity: 1;
  }
}


.black {
  background: black;
  background-image: linear-gradient(195deg, purple, black);
  color: white;
}

.btn-black {
  background: black;
  background-image: linear-gradient(195deg, purple, black);
  color: white;
}

.black:hover {
  color: grey;
}

.action.profile {
  background-color: inherit;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  max-width: none;
}

.action.profile input,
.action.profile select {
  /*
  background-color: white;
  width: 80%;
  margin-bottom: 1.0rem !important;
  */
}

.action .action_header {
  text-align: center;
  position: relative;
  min-height: 105px;
  height: auto;
  padding: 30px;
}

.action_header .icon {
  vertical-align: top;
  color: #fff;
  font-size: 58px;
  display: inline-block;
  width: 100%;
}

.action_header .title {
  vertical-align: top;
  font-size: 14px;
  display: inline-block;
  color: #fff;
  width: 100%;
}

/*
	border-left:2px solid #D71F5C;
	padding-top:18px;
	padding-bottom: 18px;
	display: block;
	float:left;
	color:#fff;
	padding-left:40px;
	margin-top:30px;
*/
.complete .onCompleteHide {
  display: none;
}

.action .action_subhead {
  text-align: center;
  padding-top: 40px;
  width: 80%;
  margin: 0 auto;
}

.action .action_subhead .cta {
  text-transform: uppercase;
  color: #ED2C67;
}

.action_description, .action_description2 {
  color: #666;
  font-size: 14px;
  margin-bottom: 20px;
}

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

.action_description .iblock {
  width: 100%;
  text-align: center !important;
  display: inline-block;
}

.action_description .iblock img {
  margin: 0 auto;
  display: inline-block !important;
}

.action_description .bordbotx {
  border-bottom: 2px solid #F1F1F1;
}

.sos {
  border: solid 1px red;
}

.action_form {
  margin: 0 auto;
  width: 90%;
}

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

.action_form .center img {
  display: inline-block;
}

.action .form_errors,
.action_detail .form_errors,
.alert {
  font-size: 14px;
  padding: 14px;
  margin-bottom: 20px;
  width: 100%;
  background-color: #FFEFF4;
  color: #ED2C67;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.alert-success {
  background-color: var(--primary);
  color: #FFF;
  font-weight: 300;
}

.form_errors {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
  height: 0px;
  overflow: hidden;
  display: none;
}

.form_errors.active {
  opacity: 1;
  height: auto;
  display: block;
  background-color: #efefef;
  padding: 5px;
}

.action .bord,
.submit_button.bord {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.action input.validateError {
  color: #ED2C67;
  background-color: #efefef;
  border: 2px #ED2C67 solid;
}

.action input.validateError::-webkit-input-placeholder {
  color: #ED2C67;
}

.action input.validateError::-moz-placeholder {
  color: #ED2C67;
}

.action input.validateError:-moz-placeholder {
  color: #ED2C67;
}

.action input.validateError:-ms-input-placeholder {
  color: #ED2C67;
}

.action input {
  outline: 0 none !important;
  /* 	padding: 16px 20px 13px 15px; */
  text-indent: 2px;
  background-color: #efefef;
  font-size: 1.6rem;
  width: 100%;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* 	height:auto; */
  box-sizing: border-box;
}

.action.user_page select {
  border: none;
}

.action .update_profile {
  display: block;
  height: 40px;
  border: solid 1px red;
}

.action #update_profile {
  width: 30px;
  height: 20px;
}

.action .update_profile span {
  float: left;
}

.share_module {
  margin-top: 30px;
}

.update_profile_box {
  color: #61A3A3;
  font-size: 15px;
  text-align: left;
}

.share_row {
  font-size: 15px;
  text-align: center;
  width: 100%;
  border-top: 2px solid #F1F1F1;
  padding-top: 14px;
  padding-bottom: 14px;
  color: #61A3A3;
}

.share_row:first-child {
  border-bottom: none;
}

.share_row span {
  color: #EB3086;
  margin-right: 10px;
}

.share_row a {
  margin-top: 10px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  font-size: 24px;
  margin-left: 16px;
  color: #61A3A3;
}

.share_row a.active {
  pointer-events: none;
  color: #61A3A3;
  opacity: 0.25;
}

.share_row .cnt {
  width: 90%;
  display: inline-block;
}

.share_row .cnt div {
  display: inline-block;
}

.share_module .share_extra {
  pointer-events: none;
  opacity: 0.5;
}

.action_detail.complete .share_extra {
  opacity: 1;
  pointer-events: all;
}

.action_detail.share .share_extra {
  opacity: 1;
  pointer-events: all;
}

.action.complete .off_content {
  display: none;
}

.action .complete_notice {
  display: none;
  margin: 0 auto;
  width: 100%;
  color: #fff;
  text-align: left;
}

.action.complete .complete_notice {
  display: block;
  margin-bottom: 0px;
}

.card.complete_notice {
  color: #5B5A5C;
}

.action .action_tagline {
  display: block;
  line-height: 16px;
}

.action.complete .action_tagline {
  display: none;
}

.watch_action_inner {
  background-color: #252527;
}

.watch_action_inner .squigly2 {
  display: none;
}

.watch_action_inner .actionDetailsMiniActionTitle, .watch_action_inner .actionDetailsActionTitle {
  color: white;
  font-weight: 800;
  font-size: 30px;
  font-weight: 900;
  padding-top: 8px;
}

.watch_action_inner .blockTitle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4983FD;
  color: white;
  text-transform: uppercase;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  top: 10;
  left: 0;
  width: 200px;
  height: 40px;
}

.watch_action_inner .blockTitle h3:after {
  content: "Watch this video";
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 2px !important;
}

.action .watch_block {
  width: 100%;
  height: auto;
}

.action .watch_block iframe {
  max-height: 100%;
}

.action #player.lock {
  pointer-events: none !important;
}

iframe,
embed,
object {
  border: none !important;
  max-width: 100%;
  max-height: 100%;
}

/* video timer bar */


.videoProgressBar {
  padding-bottom: 20px;
  padding-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.time_bar_container {
  width: 100%;
}

.time_bar_container .time_bar {
  width: 400px;
  height: 15px;
  background-color: #FC4269;
  z-index: 5;
}

.watch_action_inner .action_descriptionX {
  background-color: #f2f2f2;
  width: 100%;
  padding: 8px;
  word-wrap: break-word;
  font-weight: 500;
}



.action_detail {
  /*width:100%;
  text-align: center;*/
}

.action_detail .w50 {
  /* width: 45%; */
}

.action {
  vertical-align: top;
  /* width:100%; */
  display: inline-block;
}

.next_action {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  display: none;
}

/*
Actions but onboard
*/
.onboard_right .action_bar .points {
  display: none;
}

.onboard_right .action_bar .points.a3_rewards {
  display: block;
}

.fb-likeX span {
  width: 250px !important;
  height: 370px !important;
  background-color: red;
}

/*
.fb-comments, .fb-comments iframe[style], .fb-like, .fb-like iframe[style] {
	width:  100% !important;
	display:block;
	z-index:2000;
	position:relative
}
.fb-comments span, .fb-comments iframe span[style], .fb-like span, .fb-like iframe  span[style] {
	width: 100% !important;
	display:block;
	z-index:2000;
	position:relative
}
*/
@media (min-width: 550px) {
  .share_row a {
    margin-top: 0px;
    margin-bottom: -6px;
  }
}
@media (min-width: 750px) {
  .dual_col {
    width: 90%;
    margin: 0 auto;
  }

  .dual_col .action_form {
    width: 45%;
    float: left;
  }

  .dual_col .action_description {
    width: 45%;
    margin-right: 5%;
    float: left;
    text-align: left;
    text-align: justify;
  }

  .action_detail.complete .action_form {
    display: none;
  }
}
/* Larger than tablet */
@media (min-width: 1000px) {
  .action_header {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
    padding-left: 30px;
    padding-right: 30px;
  }

  .action_header .icon {
    color: #fff;
    font-size: 58px;
    display: inline-block;
    width: calc(10% - 20px);
    margin-right: 30px;
    padding-top: 5px;
    text-align: left;
    box-sizing: border-box;
  }

  .action_header .title {
    font-size: 18px;
    display: inline-block;
    color: #fff;
    width: calc(90% - 30px);
    border-left: 2px solid rgba(0, 0, 0, 0.15);
    margin-top: 12px;
    padding-top: 14px;
    height: 50px;
    padding-left: 30px;
    text-align: left;
    box-sizing: border-box;
  }
}
/*

	Onboarding Actions
--------------
*/
.onboard_left {
  display: block;
  float: left;
  width: 100%;
}

.onboard_right {
  display: block;
  float: left;
  width: 100%;
}

/* Larger than phablet */
@media (min-width: 750px) {
  .onboard_left {
    width: 65%;
  }

  .onboard_right {
    margin-left: 4%;
    width: 30%;
  }

  .mini_actions {
    height: 0px !important;
    visibility: hidden;
  }

  .onboard .large_actions {
    display: block !important;
  }
}
.onboard .cta_banner {
  font-size: 14px;
  text-transform: uppercase;
  background-color: #fff;
  color: #F02765;
  width: 100%;
  text-align: center;
  padding: 14px;
  margin-bottom: 30px;
}

.onboard .mini_actions {
  width: 100%;
  height: 120px;
  /*
  	width:100%;
  	overflow: hidden;
  	height:100px;
  	background-color: white;
  */
}

.onboard .mini_action {
  text-align: center;
  float: left;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  box-sizing: border-box;
}

.onboard .grid-item .img_100 {
  display: none;
}

.onboard .grid-item .gridimg_rewards.img_100 {
  display: block;
}

.onboard .grid-item {
  cursor: pointer;
}

.onboard .mini_action:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.onboard .mini_action .cnt {
  font-size: 55px;
  color: #fff;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.onboard .mini_action.pink {
  background-color: #E93369;
}

.onboard .mini_action.green {
  background-color: #3A8788;
}

.onboard .mini_action a {
  color: #EA3369;
}

.onboard .mini_action.donate {
  background-color: #333;
  color: #EA3369;
}

.onboard .large_actions {
  display: none;
}

.onboard .large_actions .grid-item {
  width: 100%;
  margin-bottom: 30px;
}

.onboard .supporting_cause {
  width: 100%;
  padding: 20px;
  background-color: #EDEDEE;
}

#onboard .submitButton {
  display: block;
  background-color: white;
  color: #E9336A;
  padding: 10px;
  max-width: 240px;
  margin: 0 auto;
}

#onboard .twitter_on {
  display: none;
}

#onboard.twitter .twitter_off {
  display: none;
}

#onboard.twitter .twitter_on {
  display: block;
}

.supporting_cause .pretitle {
  font-size: 13px;
}

.onboard .fine_print {
  padding-top: 20px;
  line-height: 17px;
  font-size: 12px;
}

#confirm_redeem .point_ratio {
  font-size: 14px;
  color: #999;
}

#points_choose {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
}

#points_choose div {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  width: 50px;
  display: inline-block;
  margin: 4px;
  padding: 8px;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

#points_choose div:hover {
  background-color: #666666;
}

#points_choose div.active {
  background-color: #398785;
  color: #fff;
}

.point_ratio {
  text-align: center;
}

#points_select {
  margin: 0 auto;
  margin-bottom: 20px;
  display: none;
}

#submitPointsEntry {
  margin-left: auto;
  margin-right: auto;
}

.entryTextForm {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 15px;
}

#video_length {
  font-size: 13px;
  padding-bottom: 20px;
  margin-top: -10px;
  color: #f2f2f2;
}

.watchthevideo {
  color: white;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 9px;
}

/*
@media (min-width: 550px) {

	#points_choose{
		display:none;
	}

	#points_select{
		display: block;
	}
}
*/
.mini_action {
  position: relative;
}

.mini_action .cnt {
  display: block !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.mini_action .cnt .hold {
  text-align: center;
  display: block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  height: 70px;
}

.mini_action .cnt .txt {
  color: #fff;
  display: block;
  padding-top: 2px;
  font-size: 13px;
  text-transform: uppercase;
}

/*!---------------------*/
/*! Action Detail  */
/*!---------------------*/
.action_detail .action {
  width: 100%;
  padding-right: 0;
}

.action_detail .grid-item {
  width: 100%;
}

.action_detail .action_cont {
  /* min-height: 600px; */
  margin-bottom: 2rem;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.action_detail .action_cont .action_inner {
  padding: 3.5rem 3.6rem 2rem 3.6rem;
}

.action_detail .action_cont .action_inner {
  min-height: 250px;
}

.action_detail .actionDetailsActionTitle {
  text-transform: uppercase;
}

.petition_action_inner, .join_action_inner {
  background-color: #f2f2f2;
}

.petition_action_inner {
  padding-top: 0px;
}


.petition_action_inner .blockTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #AB23FE;
  color: white;
  text-transform: uppercase;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  width: 200px;
  height: 40px;
}
.join_action_inner .blockTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-transform: uppercase;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  background-color: #FFC108;
  top: 10;
  left: 0;
  width: 58px;
  height: 40px;
  position: relative;
}

.petition_action_inner .blockTitle h3:after {
  content: 'sign this petition';
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 2px !important;
}

.join_action_inner .blockTitle h3:after {
  content:'join';
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 2px !important;
}

#joinMailingListForm {
  padding: 15px;
}


.petition_action_inner .actionTitle .actionDetailsMiniActionTitle, .join_action_inner .actionDetailsActionTitle,
.petition_action_inner .actionTitle .actionDetailsActionTitle, .join_action_inner .actionDetailsMiniActionTitle {
  font-size: 35px;
  color: black;
  padding-top: 8px;
  font-weight: 900;
  /* font-family: 'Helvetica Neue'; */
}

.petition_action_inner .squigly2 {
  display: none;
}

.petition_action_inner img, .join_action_inner img {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.action_petition #signPetitionForm {
  padding: 25px;
}

.action_petition #signPetitionForm input, .join_action_inner .action_join_container input {
  border: 1px solid #DE4DB9;
}


.action_petition #signPetitionForm label {
  color: black;
  font-weight: 600;
  font-size: 15px;
}

.action_petition .img_100 {
  padding-top: 0px;
}

.actionDisclaimer {
  color: black;
}

.action_petition #signPetitionForm

.action_petition .signPetitionButton {
  background-color: #AB23FE !important;
}


.watch_action_inner .action_descriptionX p, .petition_action_inner .action_descriptionX p {
  font-weight: 500;
  color: #222;
  font-family: 'Helvetica Neue';
  padding: 10px;
}

.join_action_inner .action_description2 p {
  padding: 0;
}

.join_action_inner .join_button_docked {
  display: none;
}


@media (max-width: 649px) {
  .join_button_cont {
    height: 100px;
    margin-top: 350px;
    position: absolute;
  }

  #scrollToAction {
    position: absolute;
    margin-top: -100px;
    height: 1px;
    background-color: transparent;
    width: 1px;
  }

  #scrollToJoinButton {
    position: absolute;
    margin-top: -300px;
    height: 1px;
    background-color: transparent;
    width: 1px;
  }

  .join_action_inner .join_button_docked {
    width: 100%;
    bottom: 0;
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center;
    z-index: 10;
    background: linear-gradient(transparent, #f2f2f2);
  }

  .join_action_inner .join_button_docked .join_button {
    text-transform: uppercase;
    color: black;
    font-weight: 900;
    font-size: 12px;
    /* background-color: #74D401; green color */
    background-color: #FB523B;
    width: 90%;
    letter-spacing: 1px;
    height: 50px;
    border: none;
    border-radius: 8px;
  }

  .dockedElement {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }


  .petition_action_inner, .join_action_inner, .watch_action_inner {
    width: 100%;
  }

  .join_action_inner .action_description2, .petition_action_inner .action_descriptionX {
    width: 100%;
    background-color: #f2f2f2;
    padding: 10px;
  }

  .watch_action_inner {
    width: 110%;
    margin-left: -5%;
  }

  .watch_action_inner .action_descriptionX {
    width: 116%;
    margin-left: -8%;
    padding-left: 45px;
    padding-right: 45px;

  }

  .action_petition .signPetitionButton div {
    font-size: 22px;
    font-weight: 500;
  }

}

@media (max-width: 500px) {
  .watch_action_inner .action_descriptionX {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* Carbonauts Custom */
.carbonauts .submit_btn {
  text-align: center;
  color: white;
  background-color: #FC503B;
  cursor: pointer;
  letter-spacing: 1px;
  height: auto;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 25px;
  padding-right: 25px;
  display: block;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: 700;
}

.carbonauts .submit_btn a {
  text-decoration: none;
  color: white;
}

.carbonauts .carbon_container {
  display: grid;
  grid-template-columns: auto auto;
}

.carbonauts li {
  background: url("/images/sprout_bullet.png") no-repeat top left;
  background-size: 15px 15px;
  margin: 0;
  padding-left: 20px;
  list-style: none;
}

.carbonauts .fineprint {
  font-size: 0.7em;
}

@media (max-width: 550px) {
  .carbonauts .carbon_container {
    display: grid;
    grid-template-columns: auto;
  }

  .carbon_container .child1 {
    grid-row: 2;
  }

  .carbon_container .child2 {
    grid-row: 1;
  }

  .carbon_container .child5 {
    grid-row: 6;
  }

  .carbon_container .child6 {
    grid-row: 5;
  }

  .carbonauts .submit_btn {
    width: 100%;
  }
}
.action_detail.complete .action_cont .action {
  /*
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
  */
}

.action_rewards .action_detail .action_cont {
  width: 100%;
  max-width: 1000px;
}

.action_rewards .action_detail .shop_detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.action_rewards .action_detail .col_left {
  width: 100%;
  /* padding-right: 10px; */
  margin-top: -10px;
}


.action_rewards .action_detail .actionDetailsActionTitle {
  display: none;
}

.action_rewards .action_detail .actionDetailsActionTitle.actionDetailsActionTitleRewards {
  display: block;
}


@media screen and (max-width: 649px) {
  .action_rewards .action_detail .shop_detail {
    display: block;
  }

  .action_rewards .action_detail .col_left {
    width: 100%;
    padding-right: 0px;
    margin-top: 0px;
  }
}

.action_detail.complete .action_cont {
  width: 65%;
  float: left;
}

.action_detail.complete .next_action {
  width: 35%;
  padding-left: 2.5%;
  display: block;
}

.actionCause .action_detail .action_cont,
.actionCause .action_detail.complete .action_cont {
  width: 100%;
}

.actionCause .action_detail .action_cont .action_inner,
.actionCause .action_detail.complete .action_cont .action_inner {
  min-height: 0px;
}

.actionCause .action_detail.complete .next_action {
  width: 100%;
  display: block;
}

.action_detail.complete .tagline {
  display: none;
}

.action_detail.has_cause .action_cont {
  width: 65%;
  padding-right: 2.5%;
  float: left;
}

.action_detail.has_cause .action_cause {
  width: 35%;
  padding-left: 2.5%;
}

.action_detail.has_cause .action_cause .action_bar.one {
  padding-left: 0;
}

.action_detail.has_cause.complete .action_cause {
  display: none;
}

.action_detail.has_cause .action_cause .action_icon {
  display: none;
}

.action_detail .action_experience {
  display: none;
}

.action_detail.has_experience .action_experience {
  display: block;
}

.action_detail.has_experience .action_cont {
  float: right;
  padding-left: 2.5%;
  width: 50%;
}

.action_detail.has_experience .action_experience {
  width: 50%;
  padding: 2.5%;
}

.action_experience .action_bar.one {
  background-color: white;
}

.action_detail.has_onboarding .action_cont {
  width: 65%;
  padding-right: 2.5%;
  float: left;
}

.action_detail .get_onboard {
  width: 30%;
  padding-left: 2.5%;
  float: right;
  margin-bottom: 2rem;
}

@media (max-width: 649px) {
  .action_detail .action_cont .action_inner {
    min-height: 20px;
  }

  .petition_action_inner .sign_petition_title {
    top: 50px;
    left: 20px;
  }
}
@media (max-width: 849px) {
  .action_detail .action_cont .action_inner {
    padding: 2.8rem 2.6rem 2rem 2.6rem;
  }

  .action_detail .action_cont {
    width: 100%;
  }

  .action_detail.has_cause.complete .action_cause {
    display: none;
  }

  .action_detail .action_cause .acause_img {
    width: 40%;
  }

  .action_rewards .action_detail .action_cont {
    width: 100%;
  }
}
@media (max-width: 649px) {
  .action_detail .action_cont {
    width: 100%;
    min-height: 0;
    margin-bottom: 0rem;
  }

  .action_detail.complete .next_action {
    width: 100%;
    padding-left: 0;
  }

  .action_detail.has_cause .action_cont {
    width: 100%;
    padding-left: 0;
  }

  .action_detail.has_cause .action_cause {
    width: 100%;
    padding-left: 0;
  }

  .action_detail.has_cause .next_action {
    width: 100;
    padding-left: 0;
  }

  .action_detail.complete .action_cont {
    width: 100%;
    padding-right: 2.5%;
  }

  .action_detail.complete .next_action {
    padding-left: 2.5%;
    width: 100%;
  }

  .action_detail.has_experience {
    display: grid;
    grid-template-rows: auto auto;
  }

  .action_detail.has_experience .action_experience {
    float: none;
    padding-left: 0;
    width: 100%;
    grid-row: 2;
  }

  .action_detail.has_experience .action_experience .action_bar.one {
    padding-left: 0;
  }

  .action_detail.has_experience .action_cont {
    float: none;
    padding-left: 0;
    width: 100%;
  }

  .action_detail .get_onboard {
    float: none;
    padding-left: 0;
    width: 100%;
  }

  .action_detail.has_onboarding .action_cont {
    width: 100%;
    padding-right: 0;
    float: none;
  }

  .action_experience .action_bar.one {
    background-color: transparent;
  }
}

/* Discover Action */

/* this needs to display */
.body_discover .row-discover {
  /* display: none; */
}

.body_discover .action-discover-title {
  font-family: 'neue-haas-grotesk-display', sans-serif;
  font-size: 33px;
  color: #222;
  padding-bottom: 10px;
}

.container-action-discover {
  text-align: left;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  padding: 15px 10px 30px 10px;
}
/*
* https://app.asana.com/0/936994971041396/1202447318429080
* https://www.propeller.la/discover/19580/learn-about-floridas-dont-say-gay-bill-and-take-action
*/
.container-action-discover .submit_button {
  /* position: fixed;*/
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  margin-bottom: 20px;
  /* bottom: 0;
  left: 0; */
  z-index: 2;
  background-color: #DA02F4;

}



@media screen and (min-width: 650px) {
  .container-action-discover .submit_button {
    position: relative;
    width: 300px;
    background-color: #DA02F4;
    float: left;
    border-radius: 6px;
  }
  .container-action-discover .discover-give-now-button.submit_button {
    margin-left: auto;
    margin-right: auto;
    float:none;
  }
}

.container-action-discover .submit_button:hover {
  color: #f2f2f2;
  text-decoration: none;
}

.body_discover .footer {
  z-index: 3;
}

.exploding-offer-description {
  font-weight: 400;
  color: #2a2a2a;
  text-align: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.exploding-offer-description p {
  margin-bottom: 20px;
  font-size: 20px;
}

.discover-exploding-ppd {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.discover-exploding-notif {
  font-size: 15px !important;
}

.action-discover-success-title {
  text-decoration-line: line-through;
  text-decoration-color: #DA02F4;
  color: black;
  font-weight: 800;
  font-size: 30px;
  padding-top: 10px;
  margin-bottom: 8px;
}

.container-action-discover .discover-give-now-button.submit_button {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.container-action-discover .discover-nothanks {
  padding: 10px 0px 20px 0px;
}
.action-discover-success {
  text-align: center;
  padding: 20px 0px;
  color: #DA02F4;
  font-size: 18px;
}



/*!---------------------*/
/*! Steward         */
/*!---------------------*/
.steward_grid {
  padding-top: 30px;
}

.steward_img {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  overflow: hidden;
}

.steward_img.cause {
  padding: 15%;
  background-color: white;
}

.steward_img_top {
  margin-top: -90px;
}

.steward_img_top_none {
  margin-top: 0px;
}

.steward_img .steward_stamp {
  color: white;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
}

.steward_img .steward_stamp .icon-steward3 {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 6rem;
}

.steward_tri_cont {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.steward_tri {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 80px solid #5CA365;
  border-left: 80px solid transparent;
}

.stew_cause {
  width: 100%;
  margin-right: 0%;
}

.cause_stew {
  width: 100%;
  margin-right: 0%;
  margin-bottom: 7%;
}

.tutu_stew {
  width: 100%;
}

@media (max-width: 974px) {
  /*
  	.causes_new .w30{
  		width: 40%;
  	}
  	.causes_new .w50{
  		width: 60%;
  	}
  	.causes_new .w20{
  		width:60%;
  	}
  	.cause_stew{
  		width: 46%;
  		margin-right: 4%;
  	}
  */
}
@media (max-width: 649px) {
  /*
  	.causes_new .w30{
  		width: 100%;
  	}
  	.causes_new .w50{
  		width: 100%;
  	}
  	.causes_new .w20{
  		width:100%;
  	}
  */
  .stew_cause {
    width: 46%;
    margin-right: 4%;
  }

  .steward_img.cause {
    width: 50%;
    padding: 8%;
    background-color: white;
  }

  .tutu_stew {
    width: 45%;
  }

  .tutu_stew:nth-child(odd) {
    padding-right: 5%;
  }
}
.stew_cau_img {
  padding: 15%;
  background-color: white;
  border-radius: 1px;
}

.cau_stew_img {
  overflow: hidden;
  border-radius: 1px;
}

.stew_cig .txt {
  width: 130px;
  margin-left: 16px;
  padding-top: 16px;
}

.stew_cig .ico {
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}

.stew_cig .stew_ico {
  font-size: 60px;
}

.stew_grid .grid {
  margin-top: -20px;
}

.donate_amount {
  font-size: 18px;
  line-height: 60px;
}

.amount_dollar {
  text-indent: 5px;
  width: 45%;
  overflow: hidden;
  height: 60px;
  background-color: #E4F2F7;
  border-radius: 3px;
}

.amount_dollar .dollar_sign {
  line-height: 58px;
  color: #133c63;
}

.donate_amount input {
  width: 80%;
  border: none;
  height: 39px;
  position: relative;
  top: 10px;
  margin-left: 2px;
}

.amount_readout {
  margin-top: 10px;
  background-color: #E4F2F7;
  color: #133c63;
  width: 100%;
  line-height: 40px;
  text-align: center;
}

@media (max-width: 449px) {
  .donate_amount {
    font-size: 16px;
    line-height: 40px;
  }

  .amount_dollar .dollar_sign {
    line-height: 60px;
  }
}
#map {
  height: 400px;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

.stews .stew_name {
  display: none;
}

.stews .stew_txt2 {
  display: none;
}

.stews .squigly2.stewc {
  display: none;
}

.stew_more_txt {
  padding-top: 0;
  margin-top: -40px;
}

.stews .fix_to_head_push {
  display: none;
}

@media (max-width: 415px) {
  .stews.stew_cont_w {
    overflow: hidden;
    width: 100%;
  }

  .small_swiper.stewards {
    display: none;
  }

  .stews .steward_img_top {
    margin-top: 0px !important;
  }

  .stews .steward_img {
    width: 116%;
    margin-left: -8%;
    margin-top: -8% !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .stews .stew_name {
    display: block;
  }

  .stews .stew_stats .squigly2 {
    display: none;
  }

  .stews .stew_stats {
    margin-top: -30px;
  }

  .stews .squigly2.stewc {
    display: block;
    margin-bottom: 16px;
    margin-top: 10px;
  }

  .stews .stew_cig {
    display: inline-block;
    padding-top: 0;
    width: 32%;
    height: 60px;
    vertical-align: top !important;
  }

  .stews .stew_cig.sc1 {
    width: 30%;
  }

  .stews .stew_cig.sc2 {
    width: 37%;
  }

  .stews .stew_cig.sc3 {
    width: 30%;
  }

  .stews .stew_cig .txt {
    width: 50px;
    margin-left: 5px;
    padding-top: 0px;
    font-size: 9px;
  }

  .stews .stew_cig .txt h2 {
    font-size: 13px;
    letter-spacing: 0px;
    margin-top: 7px;
  }

  .stews .stew_cig .txt .txt_txt {
    display: none;
  }

  .stews .stew_txt2 {
    display: block;
    margin-top: 0px;
    font-size: 10px;
  }

  .stews .stew_cig .ico {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
  }

  .stews .stew_cig .stew_ico {
    font-size: 30px;
  }

  .stews h2.stew_about {
    font-size: 18px;
  }

  .stews .desc {
    padding-bottom: 20px;
  }

  .stews .fix_to_head {
    position: relative;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }

  .stews .fix_to_head.fix {
    position: fixed;
    top: 72px;
    width: 100%;
    left: 0;
    padding: 0 4%;
    z-index: 9;
    -webkit-transform: translate3d(0, 0, 0);
  }

  .stews .fix_to_head_push {
    display: block;
  }
}
/*!---------------------*/
/*! Cause Signup        */
/*!---------------------*/
.cause_select_org .item {
  padding: 14px;
  border-radius: 3px;
}

.cause_select_org .item:hover {
  background-color: white;
}

.cause_signup .big_red input,
.cause_signup .big_red textarea {
  color: #3BA4C9;
  font-size: 20px;
}

.cause_signup .big_red textarea {
  height: 110px;
  padding: 20px;
  font-size: 16px;
  text-indent: 0;
}

.cause_search input {
  border: none;
}

.cse_img {
  width: 140px;
  height: 140px;
  overflow: hidden;
  background-color: white;
  margin-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 10px solid white;
}

.cse_img .ta {
  height: 100%;
  width: 100%;
}

.cse_img:hover {
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.cse_logo {
  border: 50px solid white;
  background-color: white;
}

.cse_form .cbox {
  width: 20px;
}

.cse_terms {
  height: 500px;
  overflow-y: scroll;
}

.cause_user .small_swiper {
  display: none;
}

.cause_user .container {
  width: 100%;
}

.stew_cat:last-child {
  padding-right: 0;
}

/*!---------------------*/
/*! Welcome             */
/*!---------------------*/
.welcome_cause_box {
  position: relative;
  max-width: 150px;
}

.welcome_cause_top {
  padding: 0;
}

.welcome_cause_title {
  width: 100%;
  height: 50px;
  max-height: 50px;
  bottom: 0px;
  margin-top: -20px;
  padding: 0 10px;
}

.welcome_cause_img {
  max-width: 100%;
}

.welcome_cause_img .ta,
.welcome_cause_img .ta .tc {
  width: 100%;
  background-color: #fbfbfb;
}

.welcome_cause_img img {
  padding: 20px;
  width: 80%;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*
.welcome_cause_box .co{
	display: none;
}
.welcome_cause_box:hover .bw{
	display: none;
}
.welcome_cause_box:hover .co{
	display: block;
}
*/
/*
.welcome_cause_box .imo_4 img{
	width: 90%;

}
.welcome_cause_box .imo_3 img{
	width: 78%;

}
.welcome_cause_box .imo_2 img{
	width: 78%;

}
.welcome_cause_box .imo_1 img{
	width: 78%;

}
*/
.flickHide {
  position: fixed;
  max-width: 1px;
  max-height: 1px;
  top: -100px;
  overflow: hidden;
}

.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.flickity-prev-next-button {
  width: 10px;
  height: 220px;
  border-radius: 5px;
  background: #fbfbfb;
  color: #3BA4C9;
}

.flickity-prev-next-button:hover {
  background: #fbfbfb;
  color: white;
}

/* arrow color */
.flickity-prev-next-button .arrow {
  fill: #3BA4C9;
}

.flickity-prev-next-button.no-svg {
  color: #3BA4C9;
}

/* hide disabled button */
.flickity-prev-next-button:disabled {
  display: none;
}

/* position outside */
.flickity-prev-next-button.previous {
  left: -45px;
}

.flickity-prev-next-button.next {
  right: -45px;
}

/*
.causes_new_grid .flickity-viewport {
  transition: height 0.2s;
}
*/
.followButton {
  margin-top: 0px;
  background-color: #3BA4C9;
  color: white;
  border-radius: 4px;
  font-size: 12px;
  padding: 6px;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.followButton:hover {
  background-color: white;
  color: #3BA4C9;
}

.welcome_cause_box {
  width: 36%;
  margin-right: 18px;
}

/*
@media (min-width: 601px) {
	.welcome_cause_box{
		width: 30.8%;
	}
}

@media (min-width: 801px) {
	.welcome_cause_box{
		width: 23.3%;
	}
}

@media (min-width: 1001px) {
	.welcome_cause_box{
		width: 18.2%;
	}
}
*/
@media (max-width: 1000px) {
  .contAt1000 {
    width: 100%;
  }
}
.welcome_cont {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.welcome_head {
  height: 240px;
  position: fixed;
  top: 0;
}

.welcome_head h1 {
  padding-top: 30px;
  font-size: 3.4rem;
}

.welcome_body {
  padding-top: 240px;
  padding-bottom: 100px;
  width: 100%;
  height: 100vh;
}

.welcome_body_in {
  height: 100%;
}

.welcome_but {
  position: fixed;
  bottom: 0;
}

.welcome_body_in .watch.padT1 {
  padding-top: 0;
}

.body_welcome .header .logo .icon-propeller2,
.body_welcome .header .logo .propeller,
.body_welcome .header .hamburger .icon-hamburger,
.body_welcome .header .icon-profile,
.body_welcome .header .points {
  color: white;
}

.body_welcome .header .icon-profile {
  display: none;
}

@media (max-width: 550px) {
  .welcome_cont {
    position: fixed;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
  }

  .welcome_head {
    position: fixed;
    top: 0;
    height: 170px;
  }

  .welcome_head h1 {
    padding-top: 50px;
    font-size: 2.4rem;
  }

  .welcome_body {
    padding-top: 170px;
    padding-bottom: 100px;
    width: 100%;
    height: 100vh;
  }

  .welcome_body_in {
    height: 100%;
  }

  .welcome_but {
    position: fixed;
    bottom: 0;
  }

  .welcome_body_in .watch.padT1 {
    padding-top: 0;
  }

  .welcome_but .submit_button {
    font-style: 2rem;
  }
}

/*!---------------------*/
/*! Cause new         */
/*!---------------------*/
.causes_2020_col1, .causes_2020_col2 {
  display: flex;
  flex-direction: column;
}

.causes_2020_col1 {
  width: 80%;
}

.causes_2020_col2 {
  width: 20%;
}

@media (max-width: 650px) {
  .causes_2020_col1, .causes_2020_col2 {
    width: 100%;
  }
}
.causes_new {
  display: flex;
  flex-direction: column;
}

.causes_new .col1 {
  order: 2 !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

.causes_new .col2 {
  order: 1;
  width: 100% !important;
}

.causes_new .col3 {
  order: 3;
  width: 100% !important;
}

.causes_new .cause-about-title {
  text-transform: uppercase;
}

.causes_new .cause-about-title a {
  text-transform: none;
}

.causes_new .cause_new_donate_line {
  border-bottom: 2px solid black;
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 20px;
  line-height: 40px;
}

.cause_new_donate_line .icon-cause2 {
  font-size: 40px;
  width: 60px;
}

.causes_new .donatePro_buts .tc .but {
  padding: 10px 0;
}

.causes_new .donatePro_buts .tc .but .txt_9 {
  position: absolute;
  bottom: -20px;
  color: black;
}

.causes_new .donatePro_buts {
  margin-bottom: 20px;
}

.causes_new .donatePro_amts {
  margin-bottom: 20px;
}

.causes_new .donatePro_amts .tc .but,
.causes_new .donatePro_amts .tc input {
  font-size: 18px;
  border-width: 2px;
  font-weight: 600;
}

.causes_new .donatePro_amts .tc .dols {
  color: #3BA4C9;
}

.causes_new .donatePro_amts .tc .but::before {
  content: '$';
}

.causes_new .donatePro_amts .tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}

.causes_new .donatePro_amts .tc.m {
  width: 50%;
  margin-top: 0;
}

.causes_new .donatePro_amts .tc {
  margin-top: 10px;
}

.causes_new .right.amount_readout {
  font-weight: bolder;
}

.causes_new .right.amount_readout::before {
  content: "You'll earn ";
  font-weight: 500;
}

.causes_new .payment_form input,
.causes_new .payment_form select#cc_exp_mo, 
.causes_new .payment_form select#cc_exp_yr, 
.causes_new .payment_form select#s_state, 
.causes_new .payment_form select#s_country {
  border: 1px solid #3BA4C9;
}

.causes_new .submit_button.bg_causes {
  background-color: black;
}

.causes_new_img {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  overflow: hidden;
  padding: 15%;
  background-color: white;
}

.cause_stats_cont {
  width: 73% !important;
  border: none;
  float: right;
}

.cause_stats .tc {
  border-left: 2px solid #133c63;
  border-top: 2px solid #6d94b9;
}

.cause_stats .tc:first-child {
  border-left: none;
  width: auto;
}

.cause_stats .tc:last-child {
  padding-left: 20px;
  width: 100%;
}

.cause_stats .tr:first-child .tc {
  border-top: none;
}

.cause_stats .ico {
  font-size: 50px;
}

.cause_new_donate {
  width: 100%;
}

.cause_new_donate .icon-cause2 {
  font-size: 40px;
  width: 60px;
}

.icon-petition2 {
  background-image: url("/images/icon_clipboard_black.svg");
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
}

.causes_new_grid .grid {
  padding-top: 0px;
}

.causes_new_stew {
  height: 260px;
}

.causes_new_stew .cause_stew {
  margin-top: 0;
  height: 170px;
  width: auto;
  float: left;
  margin-right: 10px;
}

.causes_new_stew .cause_stew .cau_stew_img {
  height: 150px;
  width: auto;
}

.causes_new_stew .cause_stew .cau_stew_img img {
  height: 100%;
  width: auto;
}

.causes_new_stew.mini {
  width: 100%;
  height: auto;
}

.causes_new_stew.mini .cause_stew {
  margin-top: 0;
  width: 100%;
  height: auto;
  float: none;
  margin-right: 0px;
}

.causes_new_stew.mini .cause_stew .cau_stew_img {
  height: auto;
  width: 100%;
}

.causes_new_stew.mini .cause_stew .cau_stew_img img {
  height: auto;
  width: 100%;
}

.causes_new .action_detail .action_cont {
  padding-bottom: 0;
}

.causes_new .action_detail.complete .next_action {
  width: 100%;
  padding-left: 0;
  display: block;
  padding-top: 14px;
}

.causes_new .action_detail.complete .action_inner {
  display: none;
}

.causes_pink_share {
  display: none;
}

.action_detail.complete .causes_pink_share {
  background-color: #133c63;
  display: block;
}

.causes_pink_share .underline.blue1 {
  background-color: white;
}

.causes_pink_share a,
.causes_pink_share .txt_grey1,
.causes_pink_share .txt_blue1,
.causes_pink_share .button {
  color: white;
}

.tutu_exp_grid .grid-item {
  width: 100%;
}

.tutu_exp_grid img {
  opacity: 1 !important;
}

.tutu_mbl_exp .img_100 {
  width: 35%;
  float: left;
}

.tutu_mbl_exp .wMblTxtC {
  width: 55%;
  float: right;
  text-align: left;
  font-size: 15px;
}

.causes_new_related_gitem .grid-item {
  margin-right: 10px;
}

.causes_new_grid .flickity-prev-next-button {
  width: 60px;
  height: 100%;
  margin-top: -2px;
  border-radius: 0;
}

.causes_new_grid .flickity-prev-next-button.previous {
  left: -14px;
  display: none;
}

.causes_new_grid .flickity-prev-next-button.next {
  right: -14px;
}

.causes_logo_follow {
  width: 25%;
  float: left;
}

@media (min-width: 1000px) {
  /*
  	.action_detail.complete .causes_pink_share{
  		display: none;
  	}
  */
}
@media (max-width: 999px) {
  .causes_new {
    display: block;
  }

  .causes_new .col1 {
    width: 25%;
  }

  .causes_new .col2 {
    width: 75%;
    padding-right: 0;
  }

  .causes_new .col3 {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }

  .wGutter.left.two {
    padding-right: 0;
  }
}
@media (max-width: 649px) {
  .causes_new .action_detail.complete .action_cont {
    padding-right: 0;
  }

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

  .causes_new .col1 {
    margin-top: 40px;
    width: 100%;
    order: 2;
  }

  .causes_new .col2 {
    order: 1;
    width: 100%;
  }

  .causes_new .col3 {
    order: 3;
    width: 100%;
  }

  .causes_logo_follow {
    width: 40% !important;
    float: left;
    margin-top: 0;
  }

  .causes_new_img {
    padding: 20px;
  }

  .cause_stats_cont {
    width: 52% !important;
    float: right;
    margin-top: 0;
    padding-top: 0;
  }

  .cause_stats_cont .cause_stats {
    margin-top: 0;
    padding-top: 0;
  }

  .cause_stats.ta .tc .ico {
    font-size: 40px;
  }

  .cause_stats.ta .tc .txt_13 {
    font-size: 10px;
  }

  .cause_stats.ta .tc .txt_20 {
    font-size: 16px;
  }

  .causes_new .submit_button {
    /* padding: 10px; */
    font-size: 14px;
  }

  .causes_new_related_gitem .grid-item {
    width: 70%;
  }

  .causes_new_grid .flickity-prev-next-button {
    display: none;
  }
}
@media (max-width: 449px) {
  .causes_logo_follow {
    width: 100% !important;
  }

  .cause_stats_cont {
    width: 100% !important;
    margin-top: 15px;
  }

  .cause_stats.ta .tc .ico {
    font-size: 32px;
  }

  .cause_stats.ta .tc .txt_13 {
    font-size: 10px;
  }

  .cause_stats.ta .tc .txt_20 {
    font-size: 14px;
  }

  .causes_new .cause_desc {
    padding-top: 0;
  }

  .small_swiper.causes .swiper-slide {
    height: 160px;
  }

  .small_swiper.causes .swiper-slide .title {
    height: 160px;
    top: 0;
    bottom: 0;
    width: 92%;
    padding-top: 40px;
    font-size: 26px;
  }
}
#next_action_container2.grid {
  padding-top: 0;
}

#next_action_container2 .grid-item {
  width: 100%;
}

#next_action_container2 img {
  opacity: 1 !important;
}

.causes_new .causes_new_nextA {
  display: none;
}

.causes_new.complete .causes_new_nextA {
  display: block;
}

.causes_new .causes_new_shareR {
  display: block;
}

.causes_new.complete .causes_new_shareR {
  display: none;
}

/*!---------------------*/
/*! Donate Form         */
/*!---------------------*/
#cc_type {
  width: 50px;
  height: 32px;
  background: url("/images/cards.png") 0px 0px;
  background-size: 45px 250px;
  background-repeat: no-repeat;
}

#cc_type.visa {
  background: url("/images/cards.png") 0px -42px;
  background-size: 45px 250px;
  background-repeat: no-repeat;
}

#cc_type.visa_electron {
  background: url("/images/cards.png") 0px -84px;
  background-size: 45px 250px;
  background-repeat: no-repeat;
}

#cc_type.mastercard {
  background: url("/images/cards.png") 0px -126px;
  background-size: 45px 250px;
  background-repeat: no-repeat;
}

#cc_type.amex {
  background: url("/images/cards.png") 0px -168px;
  background-size: 45px 250px;
  background-repeat: no-repeat;
}

#cc_type.discover {
  background: url("/images/cards.png") 0px -210px;
  background-size: 45px 250px;
  background-repeat: no-repeat;
}

.payment_form input {
  border: none;
  background-color: #E4F2F7;
}

.payment_form .ccNum {
  /* 	margin-top: 16px; */
  width: 200px;
  max-width: 205px;
  width: calc(100% - 60px);
}

.payment_form .ccType {
  width: 50px;
  height: 32px;
  margin-left: 10px;
  margin-top: 21px;
}

.payment_form select#cc_exp_mo,
.payment_form select#cc_exp_yr,
.payment_form select#s_state,
.payment_form select#s_country {
  -webkit-appearance: none;
  border: none;
  background-color: #E4F2F7;
}

.payment_form .ccMo {
  width: 55px;
  color: gray;
}

.payment_form .ccYr {
  width: 65px;
  margin-left: 5px;
  color: gray;
}

.payment_form .ccCode {
  width: 75px;
  margin-left: 5px;
}

.payment_form .ccZip {
  width: 205px;
}

.payment_form .cclast4 {
  margin-left: 0px;
  width: 220px;
}

@media (max-width: 620px) {
  .payment_form .lastNameContainer {
    padding-left: 0px !important;
  }
}
.profile .payment_form input,
.profile .payment_form select#cc_exp_mo,
.profile .payment_form select#cc_exp_yr {
  background-color: #F0EDE3;
}

.unveil {
  /* 	min-height: 50px; */
}

.unveil img {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.unveil img.unveiled {
  opacity: 1;
}

.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.how_vid iframe {
  width: 100%;
  height: 100%;
}

.how_vid {
  position: relative;
}

.how_vid:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.how_vid > .how_vid_in {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.unity_tweet {
  padding: 12px;
  border: 1px solid #3BA4C9;
  font-size: 16px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.excerpt_txt {
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.excerpt_txt mark {
  background-color: inherit;
  color: #3BA4C9;
  padding: 8px 0px 8px 0px;
  cursor: pointer;
}

.excerpt_txt mark:hover {
  background-color: #9bd0e3;
  color: white;
  padding: 8px 0px 8px 0px;
}

.unity_topics:nth-child(odd) {
  background-color: white;
}

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

.unity_fb {
  display: flex;
  padding: 0.5em;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.unity_fb_in {
  display: flex;
  flex-direction: column;
  background-color: rgba(192, 192, 192, 0.12);
  border-radius: 4px;
  padding: 1em;
  width: 100%;
}

.unity_fb .quote {
  flex: 1 0 auto;
}

.unity_fb .fb-share-button {
  margin-top: -5px;
}

.marktutu {
  position: relative;
}

.marktutu .marktool {
  display: none;
  position: absolute;
  width: 80px;
  height: 41px;
  background-color: #3ba4ca;
  top: -40px;
  left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.marktutu:hover .marktool {
  display: block;
}

.marktool .share_link {
  color: white;
  display: inline-block;
  margin-right: 3px;
  margin-left: 10px;
}

.marktool .share_link a {
  color: white;
}

.grid_steward .action_bar_cont {
  display: none;
}

.regclosed_button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  top: 0;
  right: 0;
  color: #00A0DF;
}

.phone.ta {
  color: white;
  width: 260px;
  margin: auto;
}

.phone .tc {
  padding: 6px 10px;
}

.phone .tc div {
  border: 1px solid white;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  -webkit-border-radius: 100% 100%;
  -moz-border-radius: 100% 100%;
  background-color: #3BA4C9;
  font-size: 30px;
  line-height: 71px;
}

.phone .tc div.ss-gizmo {
  line-height: 85px;
  background-color: inherit;
  color: #3BA4C9;
  border: 0px solid #3BA4C9;
}

.phone .tc div:active {
  background-color: white;
  color: #3BA4C9;
}

.phone_input {
  width: 280px;
  height: 50px;
  background-color: #F0EDE4;
  margin: auto;
  margin-bottom: 10px;
  text-align: center;
  font-size: 30px;
  line-height: 52px;
}

.phone_send {
  width: 144px;
  font-weight: 500;
}

.back_to_vpage {
  position: absolute;
  top: 30px;
  left: 10px;
  font-size: 16px;
  color: #FC503B;
}

.phone_intro {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0px;
  left: 0;
  background-color: #3BA4C9;
  z-index: 20;
  overflow-y: scroll;
}

.phone_intro_cont {
  width: 100%;
  max-width: 400px;
}

.phone_int_but {
  background-color: #217d9e;
  color: white;
  font-size: 20px;
  font-weight: 600;
  border-radius: 4px;
  width: 90%;
  display: inline-block;
  padding: 4% 6%;
  margin: 2% 0;
  border-collapse: collapse;
}

.phone_int_but:hover {
  background-color: white;
  color: #217d9e;
}

.phone_intro hr {
  margin: 16px 0;
}

.volunter_mod.yes .vmod_hide {
  display: none;
}

.ph_table.ta {
  width: 95%;
  color: white;
}

.ph_table .ph_stat {
  font-size: 16px;
}

@media (min-width: 650px) {
  .volunter_mod.yes .vmod_hide {
    display: block;
  }
}
@media (max-width: 650px) {
  .campaign_logo {
    margin-top: -220px;
    margin-bottom: 20px;
  }
}
select.vol_change_status {
  margin-top: 4px;
  height: 20px;
  padding: 0;
}

.donatePro_buts .tc {
  padding: 4px;
}

.donatePro_buts .tc .but {
  background-color: #133c63;
  color: white;
  opacity: 0.3;
  border-radius: 5px;
  line-height: 14px;
  padding: 20px 0 35px 0;
  position: relative;
}

.donatePro_buts .tc .but span {
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  line-height: 10px;
}

.donatePro_buts .tc .but.active {
  background-color: #133c63;
  color: white;
  opacity: 1;
}

.donatePro_buts .tc .but:hover {
  background-color: #ed2c67;
  /* was #FE7A9B */
  opacity: 1;
}

.donatePro_buts .tc .but.active:hover {
  background-color: #133c63;
}

.donatePro_amts .tc {
  padding: 2px;
}

.donatePro_amts .tc .but {
  border: 1px solid rgba(59, 164, 202, 0.5);
  border-radius: 5px;
  color: #3BA4C9;
  font-size: 12px;
  padding: 7px 9px;
  line-height: 24px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.donatePro_amts .tc .inp {
  padding: 0;
  margin: 0;
  max-width: 100%;
  position: relative;
}

.donatePro_amts .tc .inp .dols {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 6px;
  top: -9px !important;
}

@media (max-width: 550px) {
  .donatePro_amts .tc .inp .dols {
    top: -9px !important;
  }
}
@media (max-width: 450px) {
  .donatePro_amts .tc .inp .dols {
    top: 1px !important;
  }
}
.donatePro_amts .tc input {
  border: 1px solid rgba(59, 164, 202, 0.5);
  border-radius: 5px;
  color: #3BA4C9;
  font-size: 13px;
  padding: 8px 7px;
  margin: 0;
  line-height: 20px;
  height: 40px;
  margin-top: -10px;
  margin-left: 18px;
}

.donatePro_amts .tc .but.active {
  background-color: #3BA4C9;
  color: white;
  opacity: 1;
}

.donatePro_amts .tc .but:hover {
  background-color: #C5E4F0;
  opacity: 1;
}

.donatePro_amts .tc .but.active:hover {
  background-color: #3BA4C9;
}

a.hover_white:hover {
  color: white;
}

.poll_buts {
  background-color: #fbfbfb;
  margin-bottom: 10px;
}

.poll_buts:hover {
  background-color: #3BA4C9;
  color: white;
}

.poll_buts.hit {
  background-color: #3BA4C9;
  color: white;
  font-weight: 700;
}

input.validateError {
  border: 2px rgba(59, 164, 202, 0.5) solid;
}

.event_img {
  position: relative;
}

.event_img_title {
  width: 100%;
  position: absolute;
  bottom: 0px;
  padding: 16px;
  font-size: 28px;
  color: white;
  font-weight: 600;
  text-align: center;
  background-color: rgba(59, 164, 202, 0.6);
  line-height: 32px;
}

.event_act {
  margin-bottom: 8px;
  margin-top: -20px;
  background-color: white;
}

.event_act .tc.txt {
  padding: 20px 20px;
}

.event_act.event-single-actbar {
  color: lightgray;
}

.act_icon {
  font-size: 36px;
  color: black;
  padding: 10px;
  text-align: center;
  width: 90px;
}

.event_action .event-icon-container {
  /* width: 70px;
  height: 70px; */
  border-radius: 6px;
}

.icon-petition3, .icon-travel3, .icon-igfollow3 {
  width: 80px;
  height: 80px;
  background-image: url("/images/sign-icon.svg");
  background-repeat: no-repeat;
}

.icon-support33 {
  width: 80px;
  height: 80px;
  background-image: url("/images/takeaction-icon.svg");
  background-repeat: no-repeat;
}

.icon-join3 {
  width: 80px;
  height: 80px;
  background-image: url("/images/newsletter-icon.svg");
  background-repeat: no-repeat;
}

.icon-donatereward3 {
  width: 80px;
  height: 80px;
  background-image: url("/images/reward-icon.svg");
  background-repeat: no-repeat;
}

.icon-cause3 {
  background-image: url("/images/heart-icon.svg");
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
}

.event_act.event_actions .tc.ico {
  /* background-color: #ffc107; */
  /* background-color: #01D2F3; */
}

.event_act.event_causes .tc.ico {
  /* background-color: #3BA4C9; */
  /* background-color: #F061CA; */
}

.event_act.event_rewards .tc.ico {
  /* background-color: #133D63; */
}

.event_act.event_actions {
  /* background-color: rgba(255, 123, 156, 0.3); */
  background-color: transparent;
}

.event_act.event_actions:hover {
  /* background-color: white;
  color: black; */
  /* border: 1px solid #01D2F3; */
}

/* .event_act.event_actions .txt {
  color: #01D2F3;
} */

.event_act.event_causes {
  /* background-color: rgba(59, 164, 202, 0.3); */
  background-color: transparent;
}

.event_act.event_causes:hover {
  /* background-color: white;
  color: black; */
  /* border: 1px solid #F061CA; */
}

/* .event_act.event_causes .act_entries {
  color: #F061CA;
} */

.event_act.event_rewards {
  /* background-color: rgba(19, 62, 100, 0.2); */
  background-color: transparent;
}

.event_act.event_rewards:hover {
  /* background-color: white;
  color: black; */
  /* border: 1px solid #f9ff0d; */
}

/* .event_act.event_rewards .txt {
  color: #f9ff0d;
} */

.event_act.action-code:hover {
  /* border: 1px solid #ff9101; */
}

/* .event_act.action-code .txt {
  color: #ff9101;
} */

.event_act.join:hover {
  /* border: 1px solid #ccc; */
}

/* .event_act.join .txt {
  color: #ccc;
} */

.event_act .act_icon_txt {
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: bold;
  color: white;
}

.event-action .act_entries {
  color: #8042FF; /*new purple uniform*/
}

.event_action .event-action-text {
  color: lightgray;
  /* padding-top:8px; */
}

.event_act.nohover {
  background-color: #000;
  color: inherit;
}

.event_act.nohover:hover {
  border: none;
}

.event_act.completed .over {
  width: 100%;
  height: 100%;
  /* background-color: rgba(181, 181, 181, 0.85); */
  /* background-color: #00FF7F; */
  background-color: transparent;
  position: absolute;
  padding-left: 110px;
  padding-top: 10px;
  /* color: white; */
  color: black;
  font-weight: 600;
  font-size: 18px;
}

.event_act.completed .over .act_icon {
  position: absolute;
  left: 0;
  top: 0px;
}

.event_act .completedMessage {
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 15px;
}

.event_act .act_icon_completed_txt {
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: bold;
}

.event_act .action_completed_icon {
  width: 80px;
  height: 80px;
  background-image: url("/images/actioncomplete-icon.svg");
  background-repeat: no-repeat;
}

.event_act .action_completed_icon p {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 70px;
  color: black;
}

.act-entries-com {
  text-align: center;
  width: 100%;
  color: #00FF7F !important;
}

.event_dates {
  margin-bottom: 8px;
  background-color: rgba(59, 164, 202, 0.5);
  color: white;
}

.event_dates:hover {
  background-color: white;
  color: inherit;
}

.event_upgrades {
  background-color: white;
  margin-bottom: 8px;
}

.event_upgrades:hover {
  background-color: #3BA4C9;
  color: white;
  margin-bottom: 8px;
}

.event_act_cont .event_act {
  margin-bottom: 0;
}

.event_act_cont .event_act {
  margin-bottom: 0;
}

.event_act_cont {
  width: 100%;
  padding: 40px;
}

.actiond-container .event_act_cont {
  padding: 0;
}

.actiond-container {
  background-image: url('../images/stars-background.gif');
  background-repeat: repeat;
  background-size: contain;
  background-position: center top;
  width: 100%;
  height: 100%;

}

.ev_act_header span {
  line-height: 1px;
}

.action-details.ev-head {
  background-color: transparent;
}

.action-details.ev-head .ev-head-txt {
  color: #1EFE90;
}

#clockdiv {
  width: 100%;
  font-size: 15px;
}

#clockdiv span {
  float: left;
}

#clockdiv .dij {
  float: left;
  text-align: right;
  padding-right: 4px;
  width: 38px;
  font-weight: 600;
}

#clockdiv .dij.seconds {
  text-align: left;
  margin-left: 15px;
  width: 20px;
}

.event_cont {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 750px) {
  .event_cont {
    width: 100%;
  }
}
/*!---------------------*/
/*! Mbl Queries         */
/*!---------------------*/
/* Larger than mobile */
/* Larger than phablet */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
.validateError, select.validateError, .payment_form.validateError {
  color: #666;
  border: 2px solid var(--cause-bg-color) !important;
  padding: 5px;
  border-radius: 3px;
}

::placeholder {
  color: #888;
}

/**
* The CSS shown here will not be introduced in the Quickstart guide, but
* shows how you can use CSS to style your Element's container.
* https://stripe.com/docs/stripe-js
*/
input,
.StripeElement {
  height: 40px;
  color: #292929;
  /* was #32325d */
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

input:focus,
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.fieldWrapper {
  margin-bottom: 15px;
}



/* Home Page Cards -logged in */

.body_feed.body-page-0 .featuredActionsWrapper,
.body_feed.body-page-0 .ex-featuredWrapper,
.body_feed.body-page-0 #blog-wrapper {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}

.body_feed.body-page-0 #featuredActionsCarouselWrapper .home-header-row,
.body_feed.body-page-0 .ex-featuredWrapper .home-header-row,
.body_feed.body-page-0 #blog-wrapper .home-header-row {
  margin-bottom: 0px;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-track,
.body_feed.body-page-0 .ex-featuredWrapper .slick-track,
.body_feed.body-page-0 #blog-wrapper .slick-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.body_feed.body-page-0 #blog-wrapper .slick-track {
  height: 480px;
}

@media screen and (min-width: 700px) and (max-width: 1025px) {
  .body_feed.body-page-0 .featuredActionsWrapper .slick-track,
  .body_feed.body-page-0 .ex-featuredWrapper .slick-track,
  .body_feed.body-page-0 #blog-wrapper .slick-track {
    margin-left: -150px;
  }
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-slide,
.body_feed.body-page-0 .ex-featuredWrapper .slick-slide,
.body_feed.body-page-0 #blog-wrapper .slick-slide {
  transform: scale(0.6);
  height: 475px;
  width: 280px;
  margin: -100px -40px 0px -40px;
}

.body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .campaign-card-new-image {
  height: 400px !important;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.body_feed.body-page-0 .featuredActionsWrapper .campaign-card-new-container {
  width: 280px;
}

.body_feed.body-page-0 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: -120px;
}

.body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-container,
.body_feed.body-page-0 .ex-featuredWrapper .card-new-container,
.body_feed.body-page-0 #blog-wrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-current .card-new-container {
  height: 700px;
  margin-top: 0px;
}

.body_feed.body-page-0 #featuredActionsCarouselWrapper .slick-current .card-new-container,
.body_feed.body-page-0 .ex-featuredWrapper .slick-current .card-new-container,
.body_feed.body-page-0 #blog-wrapper .slick-current .card-new-container {
  margin-top: 0px;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-current .card-new,
.body_feed.body-page-0 .ex-featuredWrapper .slick-current .card-new {
  position: relative;
}

.body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current .card-new {
  background-color: transparent;
  height: 700px;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-current, .body_feed.body-page-0 .featuredActionsWrapper .slick-center {
  transform: scale(1);
  z-index: 10;
  height: 680px;
}

.body_feed.body-page-0 #featuredActionsCarouselWrapper .slick-current, .body_feed.body-page-0 #featuredActionsCarouselWrapper .slick-center,
.body_feed.body-page-0 .ex-featuredWrapper .slick-current, .body_feed.body-page-0 .ex-featuredWrapper .slick-center,
.body_feed.body-page-0 #blog-wrapper .slick-current, .body_feed.body-page-0 #blog-wrapper .slick-center {
  transform: scale(0.9);
  z-index: 10;
  height: 480px;
}

.body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current .campaign-card-title {
  display: block !important;
  text-align: center;
  color: #242424;
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  padding: 15px 0px 10px 0px;
  font-size: 28px;
  font-weight: 800;
  width: 120%;
  margin-left: -10%;
}

.body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current .campaign-card-desc-text {
  text-align: center;
  color: #242424;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  /* padding: 10px 0px 10px 0px; */
  font-size: 18px;
  font-weight: 500;
  width: 120%;
  margin-left: -10%;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-arrow,
.body_feed.body-page-0 .ex-featuredWrapper .slick-arrow,
.body_feed.body-page-0 #blog-wrapper .slick-arrow {
  position: absolute;
  z-index: 8;
  width: 50px;
  height: 50px;
}


.body_feed.body-page-0 .featuredActionsWrapper .slick-prev,
.body_feed.body-page-0 .ex-featuredWrapper .slick-prev,
.body_feed.body-page-0 #blog-wrapper .slick-prev {
  margin-left: -30px;
  margin-top: -120px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.body_feed.body-page-0 #blog-wrapper .slick-prev {
  margin-top: -60px;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-next,
.body_feed.body-page-0 .ex-featuredWrapper .slick-next,
.body_feed.body-page-0 #blog-wrapper .slick-next {
  margin-right: -30px;
  margin-top: -100px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.body_feed.body-page-0 #blog-wrapper .slick-next {
  margin-top: -40px;
}

@media screen and (min-width: 650px) {
   .body_feed.body-page-0 .featuredActionsWrapper .slick-slide,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-slide,
   .body_feed.body-page-0 #blog-wrapper .slick-slide {
     transform: scale(0.7);
     margin: 170px -40px 30px -40px;
     transition: transform 0.3s linear;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .card-new-container {
     margin-top: -300px;
     width: 100%;
   }

   .body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: -270px;
  }
  .body_feed.body-page-0 #featuredActionsCarouselWrapper .slick-current .card-new-container {
    width: 100%;
    margin-top: -80px;
  }

  .body_feed.body-page-0 .ex-featuredWrapper .card-new-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: -250px;
  }
  .body_feed.body-page-0 .ex-featuredWrapper .slick-current .card-new-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: -50px;
  }

  .body_feed.body-page-0 #blog-wrapper .card-new-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: -120px;
  }
  .body_feed.body-page-0 #blog-wrapper .slick-current .card-new-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 50px;
  }

   .body_feed.body-page-0 .featuredActionsWrapper .card-new,
   .body_feed.body-page-0 .ex-featuredWrapper .card-new,
   .body_feed.body-page-0 #blog-wrapper .card-new {
     width: 100%;
   }

   .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .campaign-card-new-image {
     width: 100%;
     height: 550px !important;
     margin-left:auto;
     margin-right:auto;
   }
   .body_feed.body-page-0 .featuredActionsWrapper .slick-current,
   .body_feed.body-page-0 .featuredActionsWrapper .slick-center,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-current,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-center,
   .body_feed.body-page-0 #blog-wrapper .slick-center,
   .body_feed.body-page-0 #blog-wrapper .slick-current {
     transform: scale(0.9);
     margin-top: -100px;
   }
   .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current,
   .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-center {
     transform: scale(0.8);
     margin-top: -100px;
   }

   .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current .card-new {
     height: 840px;
   }
}

/* @media screen and (min-width:830px) and (max-width: 955px) {
   .body_feed.body-page-0 .featuredActionsWrapper .slick-prev,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-prev {
     margin-left: 40%;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-next,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-next {
     margin-right: 40%;
   }
} */

@media screen and (max-width: 650px) {
   .body_feed.body-page-0 .featuredActionsWrapper .slick-current,
   .body_feed.body-page-0 .featuredActionsWrapper .slick-center,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-current,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-center,
   .body_feed.body-page-0 #blog-wrapper .slick-current,
   .body_feed.body-page-0 #blog-wrapper .slick-center {
     margin-top: 0px !important;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-arrow,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-arrow,
   .body_feed.body-page-0 #blog-wrapper .slick-arrow {
     display: none !important;
     margin-top: 265px;
     width: 100px;
     height: auto;
     z-index: 8;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-prev,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-prev,
   .body_feed.body-page-0 #blog-wrapper .slick-prev {
     margin-left: calc(50% - 125px);
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-next,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-next,
   .body_feed.body-page-0 #blog-wrapper .slick-next {
     margin-right: calc(50% - 220px);
   }
}


@media screen and (min-width:480px) and (max-width: 557px) {

   .body_feed.body-page-0 .featuredActionsWrapper .slick-track,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-track,
   .body_feed.body-page-0 #blog-wrapper .slick-track {
     margin-left: -150px;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-slide,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-slide,
   .body_feed.body-page-0 #blog-wrapper .slick-slide {
     transform: scale(0.6);
     margin: -170px 0px 0px 0px;
     height: auto;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-current,
   .body_feed.body-page-0 .featuredActionsWrapper .slick-center,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-current,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-center,
   .body_feed.body-page-0 #blog-wrapper .slick-current,
   .body_feed.body-page-0 #blog-wrapper .slick-center {
     align-self: center;
     transform: scale(1);
   }
}

@media screen and (max-width: 479px) {
    .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) {
      margin-bottom: -90px;
    }

    .body_feed.body-page-0 .featuredActionsWrapper .slick-track {
      margin-left: -75px;
    }

   .body_feed.body-page-0 #featuredActionsCarouselWrapper .slick-track,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-track,
   .body_feed.body-page-0 #blog-wrapper .slick-track {
     margin-left: -30px;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-track a,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-track a,
   .body_feed.body-page-0 #blog-wrapper .slick-track a {
     padding: 20px;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-slide,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-slide,
   .body_feed.body-page-0 #blog-wrapper .slick-slide {
     margin: -200px 0px 0px -40px;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-current,
   .body_feed.body-page-0 .featuredActionsWrapper .slick-center {
     margin: 0px 23px 0px -75px !important;
   }

   .body_feed.body-page-0 #featuredActionsCarouselWrapper .slick-current,
   .body_feed.body-page-0 #featuredActionsCarouselWrapper .slick-center,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-current,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-center,
   .body_feed.body-page-0 #blog-wrapper .slick-current,
   .body_feed.body-page-0 #blog-wrapper .slick-center {
     margin: 0px 3px 0px -60px !important;
   }
}

@media screen and (max-width: 475px) {
  .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current,
  .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-center {
    height: 800px;
  }

   .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current .campaign-card-title,
   .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) .slick-current .campaign-card-desc-text  {
     width: 300px;
     margin-left: -10px;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-arrow,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-arrow,
   .body_feed.body-page-0 #blog-wrapper .slick-arrow {
     margin-top: 310px;
   }
   .body_feed.body-page-0 .featuredActionsWrapper .slick-prev,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-prev,
   .body_feed.body-page-0 #blog-wrapper .slick-prev {
     margin-left: calc(50% - 135px);
   }

   .body_feed.body-page-0 .featuredActionsWrapper .slick-next,
   .body_feed.body-page-0 .ex-featuredWrapper .slick-next,
   .body_feed.body-page-0 #blog-wrapper .slick-next {
     margin-right: calc(50% - 230px);
   }
}

@media screen and (max-width: 430px) {
  .body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-container,
  .body_feed.body-page-0 .ex-featuredWrapper .card-new-container,
  .body_feed.body-page-0 #blog-wrapper .card-new-container {
    width: 300px;
    height: auto;
  }

  .body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-bar,
  .body_feed.body-page-0 .ex-featuredWrapper .card-new-bar,
  .body_feed.body-page-0 #blog-wrapper .card-new-bar {
    font-size: 15px !important;
    padding: 15px !important;
  }

  .body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-icon,
  .body_feed.body-page-0 .ex-featuredWrapper .card-new-icon {
    padding: 10px !important;
  }

  .body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-description-box,
  .body_feed.body-page-0 .ex-featuredWrapper .card-new-description-box {
    margin-left: 15px !important;
  }

  .body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-info,
  .body_feed.body-page-0 .ex-featuredWrapper .card-new-info {
    font-size: 15px !important;
    padding: 10px;
    height: 65px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .body_feed.body-page-0 #blog-wrapper .card-new-info {
    font-size: 15px !important;
    padding: 10px;
    height: 85px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

}

@media screen and (max-width: 375px) {
  .body_feed.body-page-0 #featuredActionsCarouselWrapper .card-new-bar,
  .body_feed.body-page-0 .ex-featuredWrapper .card-new-bar {
    font-size: 15px !important;
    padding: 15px !important;
  }
}

/* homepage not logged in  */
/* campaign cards */
.non-login-carousel-title {
  padding-bottom: 10px;
}

.body_home.body-page-0 .non-login-home-campaigns {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.body_home.body-page-0 .non-login-home-campaigns .home-header-row {
  display: none;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-slide {
  height: 475px;
  width: 280px;
  transform: scale(0.8);
  margin: 170px -40px 30px -40px;
}

.body_home.body-page-0 .non-login-home-campaigns .campaign-card-new-image {
  height: 450px !important;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.body_home.body-page-0 .non-login-home-campaigns .campaign-card-new-container {
  width: 300px;
}

.body_home.body-page-0 .non-login-home-campaigns .card-new-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: -220px;
  padding: 0px;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-current .card-new-container {
  height: 700px;
  margin-top: -200px;
}


.body_home.body-page-0 .non-login-home-campaigns .slick-current .card-new {
  position: relative;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-current .card-new {
  background-color: transparent;
  height: 600px;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-current, .body_home.body-page-0 .non-login-home-campaigns .slick-center {
  transform: scale(1);
  z-index: 10;
  height: 500px;
  position: relative;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-current .campaign-card-title {
  display: block !important;
  text-align: center;
  color: #242424;
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  padding: 15px 0px 10px 0px;
  font-size: 28px;
  font-weight: 800;
  width: 120%;
  margin-left: -10%;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-current .campaign-card-desc-text {
  text-align: center;
  color: #242424;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  /* padding: 10px 0px 10px 0px; */
  font-size: 18px;
  font-weight: 500;
  width: 120%;
  margin-left: -10%;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-arrow {
  position: absolute;
  z-index: 8;
  width: 50px;
  height: 50px;
}

.body_home.body-page-0 .non-login-home-campaigns .slick-prev {
  margin-left: -30px;
  margin-top: -120px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.body_home.body-page-0 .non-login-home-campaigns .slick-next {
  margin-right: -30px;
  margin-top: -100px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 650px) {
  .body_home.body-page-0 .slick-arrow {
    display: none !important;
  }

  .body_home.body-page-0 .non-login-home-campaigns {
    width: 98%;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1375px) {
    .body_home.body-page-0 .non-login-home-campaigns .slick-slide {
      margin: 130px -10px 30px -10px;
      transform: scale(0.5);
    }

    .body_home.body-page-0 .non-login-home-campaigns .slick-current, .body_home.body-page-0 .non-login-home-campaigns .slick-center {
      transform: scale(0.8);
    }

    .body_home.body-page-0 .non-login-home-campaigns .slick-track {
      margin-left: -30px;
    }
}

@media screen and (min-width: 700px) and (max-width: 1025px) {
  .body_home.body-page-0 .slick-track {
    margin-left: -150px;
  }
}

@media screen and (min-width:480px) and (max-width: 715px) {
  .body_home.body-page-0 .non-login-home-campaigns .slick-track {
    margin-left: -10px;
  }
}

@media screen and (max-width: 479px) {
  .body_home.body-page-0 .non-login-home-campaigns .slick-track {
    margin-left: -30px;
  }

  .body_home.body-page-0 .non-login-home-campaigns .slick-track a {
   padding: 20px;
 }

 .body_home.body-page-0 .non-login-home-campaigns .slick-slide {
   margin-right: -40px;
 }

 .body_home.body-page-0 .non-login-home-campaigns .slick-current,
 .body_home.body-page-0 .non-login-home-campaigns .slick-center {
   margin-right: 45px !important;
   margin-left: 38px !important;
   transform: scale(0.9);
 }

 .body_home.body-page-0 .non-login-home-campaigns .slick-current .campaign-card-title {
  /* margin-left: -8%; */
  margin-left: 0;
  }

  .body_home.body-page-0 .non-login-home-campaigns .slick-current .campaign-card-desc-text {
    /* margin-left: -8%; */
    margin-left: 0;
  }
}

@media screen and (max-width: 475px) {
  .body_home.body-page-0 .non-login-home-campaigns .slick-current,
  .body_home.body-page-0 .non-login-home-campaigns .slick-center {
    /* height: 800px; */
  }

  .body_home.body-page-0 .non-login-home-campaigns .slick-current .campaign-card-title,
  .body_home.body-page-0 .non-login-home-campaigns .slick-current .campaign-card-desc-text  {
     width: 300px;
     /* margin-left: -10px; */
   }
}

@media screen and (max-width: 430px) {
  .body_home.body-page-0 .non-login-home-campaigns .card-new-container {
    width: 300px;
    height: auto;
  }

  .body_home.body-page-0 .non-login-home-campaigns .card-new-bar {
    font-size: 15px !important;
    padding: 15px !important;
  }

  .body_home.body-page-0 .non-login-home-campaigns .card-new-icon {
    padding: 10px !important;
  }
}




/* homepage not logged in experience cards */

.body_home.body-page-0 .non-login-home-experiences {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.body_home.body-page-0 .non-login-home-experiences .ex-featuredWrapper {
  padding-bottom: 30px;
}

.body_home.body-page-0 .non-login-home-experiences .home-header-row {
  display: none;
}

.body_home.body-page-0 .non-login-home-experiences .slick-list {
  height: 500px;
}

.body_home.body-page-0 .non-login-home-experiences .slick-slide {
  transform: scale(0.8);
  height: 475px;
  width: 280px;
  margin: -100px -40px 0px -40px;
  transition: transform 0.3s;
}

.body_home.body-page-0 .non-login-home-experiences .card-new-container {
  margin-top: 110px;
  margin-left: auto;
  margin-right: auto;
}

.body_home.body-page-0 .non-login-home-experiences .slick-current,
.body_home.body-page-0 .non-login-home-experiences .slick-center {
  transform: scale(1);
  height: 480px;
  margin-top: -110px;
  position: relative;
  z-index: 10;
}

.body_home.body-page-0 .non-login-home-experiences .slick-arrow {
  position: absolute;
  z-index: 8;
  width: 50px;
  height: 50px;
}

.body_home.body-page-0 .non-login-home-experiences .slick-prev {
  margin-left: -30px;
  margin-top: -80px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.body_home.body-page-0 .non-login-home-experiences .slick-next {
  margin-right: -30px;
  margin-top: -60px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 430px) {
  .body_home.body-page-0 .non-login-home-experiences {
    width: 98%;
  }
  .body_home.body-page-0 .non-login-home-experiences .ex-featuredWrapper {
    padding-bottom: 10px;
  }

  .body_home.body-page-0 .non-login-home-experiences .slick-track {
    margin-left: -10px;
  }

  .body_home.body-page-0 .non-login-home-experiences .slick-center {
    margin: -110px 25px 0px 20px !important;
  }

  .body_home.body-page-0 .non-login-home-experiences .slick-arrow {
    display: none !important;
  }

  .body_home.body-page-0 .non-login-home-experiences .card-new-container {
    width: 300px;
    height: auto;
  }

  .body_home.body-page-0 .non-login-home-experiences .card-new-bar {
    font-size: 15px !important;
    padding: 15px !important;
  }

  .body_home.body-page-0 .non-login-home-experiences .card-new-icon {
    padding: 10px !important;
  }

  .body_home.body-page-0 .non-login-home-experiences .card-new-description-box {
    margin-left: 15px !important;
  }

  .body_home.body-page-0 .non-login-home-experiences .card-new-info {
    font-size: 15px !important;
    padding: 10px;
    height: 65px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media screen and (max-width: 375px) {
  .body_home.body-page-0 .non-login-home-experiences .card-new-bar {
    font-size: 15px !important;
    padding: 15px !important;
  }
}

.body_home.body-page-0 .home_join {
  /* margin-bottom: -140px; */
  margin-top:-300px;
  min-height: 350px;
  padding-top: 50px;
}

@media screen and (max-width: 650px) {
  .body_home.body-page-0 .home_join {
    /* margin-bottom: -140px; */

    margin-top:0px;
    min-height: auto;
  }
}

/* impact - minus "my impact" */
.body_home.body-page-0 .home-my-impact {
  display: none;
}

/* not logged in blog carousel - same style */
.body_home.body-page-0 #blog-wrapper {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.body_home.body-page-0 #blog-wrapper .home-header-row {
  /* display: none; */
  margin-bottom: -30px;
}
.body_home.body-page-0 #blog-wrapper .home-header a {
  visibility: hidden;
}
.body_home.body-page-0 #blog-wrapper .home-header a:after {
  visibility: visible;
  content: 'The Latest';
  display: block;
}

.body_home.body-page-0 #blog-wrapper .slick-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  height: 480px;
}

.body_home.body-page-0 #blog-wrapper .slick-slide {
  transform: scale(0.8);
  height: 475px;
  width: 280px;
  margin: -100px -40px 0px -40px;
  transition: transform 0.3s;
}

.body_home.body-page-0 #blog-wrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 110px;
}

.body_home.body-page-0 #blog-wrapper .slick-current .card-new-container {
  margin-top: 0px;
}

.body_home.body-page-0 #blog-wrapper .slick-current, .body_home.body-page-0 #blog-wrapper .slick-center {
  transform: scale(1);
  position: relative;
  z-index: 10;
  height: 480px;
  margin-top:100px;
}

.body_home.body-page-0 #blog-wrapper .slick-arrow {
  position: absolute;
  z-index: 8;
  width: 50px;
  height: 50px;
}

.body_home.body-page-0 #blog-wrapper .slick-prev {
  margin-left: -30px;
  margin-top: -120px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.body_home.body-page-0 #blog-wrapper .slick-prev {
  margin-top: -60px;
}

.body_home.body-page-0 #blog-wrapper .slick-next {
  margin-right: -30px;
  margin-top: -100px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.body_home.body-page-0 #blog-wrapper .slick-next {
  margin-top: -40px;
}

@media screen and (max-width: 430px) {
  .body_home.body-page-0 #blog-wrapper {
    width: 98%;
    margin-bottom: -100px;
  }
  .body_home.body-page-0 #blog-wrapper .ex-featuredWrapper {
    padding-bottom: 10px;
  }

  .body_home.body-page-0 #blog-wrapper .slick-track {
    margin-left: -10px;
  }

  .body_home.body-page-0 #blog-wrapper .slick-center {
    margin: 110px 25px 0px 20px !important;
  }

  .body_home.body-page-0 #blog-wrapper .slick-arrow {
    display: none !important;
  }

  .body_home.body-page-0 #blog-wrapper .card-new-container {
    width: 300px;
    height: auto;
  }

  .body_home.body-page-0 #blog-wrapper .card-new-bar {
    font-size: 15px !important;
    padding: 15px !important;
  }

  .body_home.body-page-0 #blog-wrapper .card-new-icon {
    padding: 10px !important;
  }

  .body_home.body-page-0 #blog-wrapper .card-new-description-box {
    margin-left: 15px !important;
  }

  .body_home.body-page-0 #blog-wrapper .card-new-info {
    font-size: 15px !important;
    padding: 10px;
    height: 65px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media screen and (max-width: 375px) {
  .body_home.body-page-0 #blog-wrapper .card-new-bar {
    font-size: 15px !important;
    padding: 15px !important;
  }
}

/* not logged in bottom section - "what are you propelling?" */
.body_home.body-page-0 .nli-bottom {
  width: 100%;
  margin-top: 80px;
  background-color: #222;
  margin-bottom: -150px;
  height: 320px;
  padding: 100px 0px;
  display: flex;
  align-items: center;
}

.body_home.body-page-0 .nli-bottom h1 {
  font-family: itc-avant-garde-gothic-pro, sans-serif !important;
  width: 400px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-size: 40px;


  background: -webkit-linear-gradient(top, #D8787A, #D858AB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width:650px) {
  .body_home.body-page-0 .nli-bottom h1 {
    font-size: 35px;
  }
}


/*!---------------------*/
/*! Causes Page /causes         */
/*!---------------------*/

/* Causes Landing Page Campaign Cards */

.body_causes.body-page-0 {

}

.body_causes.body-page-0 .featuredActionsWrapper  {
 width: 92%;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

  @media screen and (min-width: 700px) and (max-width: 1025px) {
    .body_causes.body-page-0 .featuredActionsWrapper .slick-track {
      margin-left: -150px;
    }
  }


.body_causes.body-page-0 .featuredActionsWrapper .slick-slide {
  transform: scale(0.6);
  height: 475px;
  width: 280px;
  margin: -100px -40px 0px -40px;
  /* transition: all 0.2s ease-in-out; */
}

.body_causes.body-page-0 .featuredActionsWrapper .campaign-card-new-image {
  height: 400px !important;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.body_causes.body-page-0 .featuredActionsWrapper .campaign-card-new-container {
  width: 280px;
}

.body_causes.body-page-0 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: -120px;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-current .card-new-container {
  height: 700px;
  margin-top: 0px;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-current .card-new {
  position: relative;
  height: 700px;
  background-color: transparent;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-current, .body_causes.body-page-0 .featuredActionsWrapper .slick-center {
  transform: scale(1);
  /* margin-top: 0px !important; */
  z-index: 10;
  height: 680px;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-title {
  display: block !important;
  text-align: center;
  color: #242424;
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  padding: 15px 0px 10px 0px;
  font-size: 28px;
  font-weight: 800;
  width: 120%;
  margin-left: -10%;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-desc-text {
  display: block !important;
  text-align: center;
  color: #242424;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  padding: 10px 0px 10px 0px;
  font-size: 18px;
  font-weight: 500;
  width: 120%;
  margin-left: -10%;
}

/* .body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-launch-button {
  display: block !important;
  padding: 10px;
  background-color: #FDC31B;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  left: 10%;
  color: #242424;
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  position: absolute;
  bottom: 0;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-launch-button:hover {
  color: black;
  transform: scale(1.06);
} */

.body_causes.body-page-0 .featuredActionsWrapper .slick-arrow {
  position: absolute;

  z-index: 8;
  width: 50px;
  height: 50px;
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-prev {
  /* margin-left: calc(50% - 200px); */
  margin-left: -30px;
  margin-top: -120px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.body_causes.body-page-0 .featuredActionsWrapper .slick-next {
  /* margin-right: calc(50% - 285px); */
  margin-right: -30px;
  margin-top: -100px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 650px) {

  .body_causes.body-page-0 .featuredActionsWrapper .slick-slide {
    transform: scale(0.7);
    margin: 170px -40px 0px -40px;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .card-new-container {
    margin-top: -300px;
    width: 100%;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .card-new {
    width: 100%;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .campaign-card-new-image {
    width: 100%;
    height: 550px !important;
    margin-left:auto;
    margin-right:auto;
  }
  .body_causes.body-page-0 .featuredActionsWrapper .slick-current, .body_causes.body-page-0 .featuredActionsWrapper .slick-center {
    transform: scale(0.8);
    margin-top: -100px;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-current .card-new {
    height: 840px;
  }
}

@media screen and (min-width:830px) and (max-width: 955px) {
  .body_causes.body-page-0 .featuredActionsWrapper .slick-prev {
    margin-left: 40%;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-next {
    margin-right: 40%;
  }
}

@media screen and (max-width: 650px) {
  .body_causes.body-page-0 .featuredActionsWrapper .slick-current, .body_causes.body-page-0 .featuredActionsWrapper .slick-center {
    margin-top: 0px !important;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-arrow {
    display: none !important;
    margin-top: 265px;
    width: 100px;
    height: auto;
    z-index: 8;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 125px);
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 220px);
  }
}


@media screen and (min-width:480px) and (max-width: 557px) {

  .body_causes.body-page-0 .featuredActionsWrapper .slick-track {
    margin-left: -150px;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-slide {
    transform: scale(0.6);
    margin: -170px 0px 0px 0px;
    height: auto;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-current, .body_causes.body-page-0 .featuredActionsWrapper .slick-center {
    align-self: center;
    transform: scale(1);
  }
}

@media screen and (max-width: 479px) {
  .body_causes.body-page-0 .featuredActionsWrapper .slick-track {
    margin-left: -75px;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-track a {
    padding: 20px;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-slide {
    margin: -200px 0px 0px -40px;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-current, .body_causes.body-page-0 .featuredActionsWrapper .slick-center {
    margin: 0px 23px 0px -75px !important;

  }
}

@media screen and (max-width: 475px) {

  .body_causes.body-page-0 .featuredActionsWrapper .slick-current, .body_causes.body-page-0 .featuredActionsWrapper .slick-center {
    height: 800px;
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-title,
  .body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-desc-text  {
    width: 300px;
    margin-left: -10px;
  }

  /* .body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-launch-button {
    width: 280px;
  } */

  .body_causes.body-page-0 .featuredActionsWrapper .slick-arrow {
    margin-top: 310px;
  }
  .body_causes.body-page-0 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 135px);
  }

  .body_causes.body-page-0 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 230px);
  }
  /* .body_causes.body-page-0 .featuredActionsWrapper .slick-current .campaign-card-launch-button {
    width: 280px;
    margin-left: 0px;
    left: 0;
  } */
}

/* End Causes Landing */

.body_causes .feed_list_page .action_bar_cont {
  display: none;
}

.body_causes .feed_list_page .grid-item {
  /* background-color: #F1F1F1; */
  background-color: transparent;
  box-shadow: none;
}

.body_causes .feed_list_page .title_bar.txt_L {
  text-align: center;
}

.body_causes .causes_new_shareR a.but1,
.body_causes .causes_new_shareR a.but2 {
  color: #133c63;
}

.body_causes .nav-update-item a, .body_onboarding .nav-update-item a {
  color: #3D3D3D !important;
}

/*!---------------------*/
/*! Rewards Page /rewards         */
/*!---------------------*/
.body_rewards {
  background-color: #eaeaea;
}

.body_rewards.body-page-0 .grid-item {
  display: flex;
  flex-direction: column;
}

.body_rewards.body-page-0 .grid-item .title_bar {
  order: 6;
  background-color: black;
  color: white;
  width: 100%;
  height:100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 525px) {
  .body_rewards.body-page-0 .grid-item .title_bar {
    font-size: 20px;
    line-height: 25px;
  }
}

.body_rewards.body-page-0 .grid-item .a2_rewards {
  order: 5;
  display: none;
}
.body_rewards.body-page-0 .grid-item .action_bar_cont {
  display: flex;
  align-items: center;
}
.body_rewards.body-page-0 .grid-item .action_bar {
  order: 2;
  padding-left: 8px;
  padding-right: 8px;
  color: black;
}
.body_rewards.body-page-0 .grid-item .action_bar_cont.bg_grey0 {
  background-color: #fafafa;
}
.body_rewards.body-page-0 .grid-item .action_icon2 {
  order: 1;
  color: black;
}
.body_rewards.body-page-0 .grid-item .action_icon2_in {
  color: black;
}
.body_rewards.body-page-0 .bg_rewards {
  background-color: transparent;
}

.body_rewards.body-page-0 .grid-item .points_reward {
  display: flex;
  justify-content: space-between;
  font-size: 13.5px;
  font-weight: 600;
  text-transform: uppercase;
}

.body_rewards.body-page-0 .grid-item .points_reward span {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (max-width: 525px) {
  .body_rewards.body-page-0 .grid-item .points_reward span {
    font-size: 12px;
    /* margin-left: -10px; */
    width: 60px;
  }

  .body_rewards.body-page-0 .grid-item .points_reward {
    line-height: 15px;
    font-size: 12px;
    margin-left: -10px;
  }
}

/* shipping only for US and CA */
.body_rewards #userShippingForm #s_country option {
  display: none;
}

.body_rewards #userShippingForm #s_country option[value="US"] {
  display: block;
}

.body_rewards.body-page-16640 #userShippingForm #s_country option {
  display: block;
}


/*!---------------------*/
/*! Experiences Page /experiences         */
/*!---------------------*/
 .body_experiences.body-page-0  {  /*.feed_list_page*/
  background: #252525;
  color: white;
  overflow-x: hidden;
}

.body_experiences.body-page-0 .ex-featuredWrapper {
  margin-top: 50px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}

.body_experiences.body-page-0 .feed_list_page .home-header-row,
.body_experiences.body-page-0 .feed_list_page .card-new-bar {
  display: none;
}

.body_experiences.body-page-0 .ex-featuredWrapper .card-new-info,
.body_experiences.body-page-0 .ex-featuredWrapper .card-new {
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.body_experiences.body-page-0 .ex-featuredWrapper .slick-arrow {
  display: none;
}

@media screen and (max-width: 475px) {
  .body_experiences.body-page-0 .ex-featuredWrapper .card-new-container {
    width: 310px;
  }
}

/* grid */
.body_experiences.body-page-0 .ex-gridtitle {
  padding-top: 130px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (max-width:650px) {
  .body_experiences.body-page-0 .ex-gridtitle {
    padding-top: 200px;
  }
}

.body_experiences.body-page-0 .grid-item { /*.feed_list_page*/
  /* background-color: #3c3c3c; */
  background-color: transparent;
  box-shadow: none;
  color: white;
  /* display: none; */
}
.body_experiences.body-page-0 .grid-item.experience_running {
  /* display: none !important; */
  order: 2;
}
.body_experiences.body-page-0 .grid-item.experience_ended {
  /* display: inline; */
  order: 1;
}

.body_experiences.body-page-0 .action_bar_cont { /*.feed_list_page*/
  background-color: #191919;
  color: #e0e0e0;
  display: none;
}

/*!---------------------*/
/*! Event Page         */
/*!---------------------*/

.body_events .read-more-text,
.body_causes .read-more-text {
  display: none;
}

.event-single-wrapper {
  background-color: black;
  color: white;
  width: 100%;
  /* padding: 0px 20px; */
}

.includeEventUserSpecs {
  margin-bottom: 130px;
}

.includeEventUserSpecs.action-detail,
.event-title-x {
  display: none;
}

@media screen and (min-width:650px) {
  .event-single-wrapper {
    padding: 20px;
  }
}

.event-single .read-more-button,
.event-single-wrapper .read-more-button,
.action-details .read-more-button {
  color: white;
  background-color: black;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  padding: 0px;
}

.event-single .event-intro,
.event-desktop-top .event-intro {
  text-transform: uppercase;
  color: #1EFE90;
  text-align: center;
  font-size: 20px;
}

.event-single .event-stars {
  background-image: url('../images/event-stars.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 95%;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.event-single .event-title,
.event-desktop-top .event-title {
  text-align: center;
  text-transform: uppercase;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.actions_landing_wrapper {
  /* background-image: linear-gradient(to bottom, black, #3A3FEA, black); */
  background-color: black;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
}

/* if ended */
.action_detail_wrapper .eventDate {
  text-align: center;
  font-weight: 600;
  padding: 10px 0px 30px 0px;
}

@media screen and (min-width: 650px) {
  .action_detail_wrapper .eventDate {
    text-align: center;
    font-weight: 600;
    padding: 50px 0px;
    font-size: 20px;
  }
}


.event-actions-landing .paragraph-text,
.event-desktop-top .paragraph-text {
  text-align: center;
  margin-top: 10px;
}

.event-single-wrapper .read-more-text-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.event-single-wrapper .read-more-text img {
  width: revert-layer;
}

.read-more-text * {
  margin-left: auto;
  margin-right: auto;
}

.event-single-wrapper .read-more-button {
  background-color: transparent;
  /* border: 2px solid white; */
  border: none;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 130px;
  font-size: 14px;
  line-height: 30px;
  font-weight: 800;
  /* margin-top: 10px; */
}

.event-choose-action .event-take-action-title {
  background-image: url('../images/event-takeaction.gif');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: 200px;
}

.event-choose-action .event-take-action-desc {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.event-arrow-cont {
  height: 150px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.event-down-arrow {
  background-image: url("../images/event-green-arrow.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 80px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  animation: event-arrowm 1.2s infinite ease-in-out;
  width: 50%;
  max-width: 650px;
}

.edesktop.event-down-arrow {
  display: none;
}

@keyframes event-arrowm {
  50% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(0px);
  }
}

.event-desktop-top {
  display: none;
}

/* DESKTOP CHANGES - top section */
@media screen and (min-width: 650px) {
  .events.container {
    width: 100%;
    max-width: 2500px;
  }

  .event-single-wrapper {
    max-width: 2500px;
    width: 100%;
  }

  .event-single.actions-landing {
    display: none;
  }

  .event-desktop-top {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px 15px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
  }

  .stars-border {
    position: relative;
  }

  .stars-border-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-color: red; */
  }

  .stars-border-top {
    background-image: url('../images/event-stars.gif');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 40px;
  }

  .stars-border-bottom {
    background-image: url('../images/event-stars.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
  }

  .event-desktop-top .event-stars {
    /* background-image: url('../images/event-stars.gif'); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 95%;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .event-text-cont {
    position: relative;
    z-index: 1;
    padding: 50px 20px 40px 20px;
  }

  .event-desktop-top .edesktop.read-more-text {
    padding: 0px 20px;
  }

  .event-single-wrapper .row .event-desk-row1 {
    display: flex;
    flex-direction: row;
  }

  .event-single-wrapper .row {
    flex-direction: column;
  }

  .actions_landing_wrapper {
    overflow: visible;
  }

  .edesktop.read-more-button {
    color: #1EFE90;
  }

  .event-choose-action .event-take-action-desc {
    width: 95%;
  }

  .edesktop.event-down-arrow {
    display: block;
  }

  .event-down-arrow {
    margin-left: unset;
    margin-right: unset;
  }

  .event-arrow-cont {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .actiond-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    background-size: unset;
  }

  .actiond-container .event_act_cont.completed {
    width: 49%;
    padding-bottom: 50px;
    max-width: 650px;
  }

  .event-action-card-link {
    width: 49%;
    padding-bottom: 50px;
    max-width: 650px;
  }

}


.act_entries,
.act-entries-com {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  color: yellow;
  padding-bottom: 30px;
  padding-top: 30px;
  /* opacity: 0; */
  /* transform: scale(0.01); */
}

.entriesZoomAnimation {
  /* animation: entryzoom 0.4s linear forwards; */
}

@keyframes entryzoom {
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.event-action-card-link:hover {
  text-decoration: none;
}

.event-action-title {
  text-transform: uppercase;
  text-align: left;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
}

.event-choose-action {
  text-transform: uppercase;
  font-weight: 800;
}

.action-points {
  width: 100%;
}

.action-second-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

.event_action .event-icon-container {
  width: 55%;
  /* transform: translate(-370px); */
}

.eventImgAnimation {
  /* animation: eventmovein 0.5s linear forwards; */
}

@keyframes eventmovein {
  to {
    transform: translate(0px);
  }
}

.event_action .event-icon-container .act_icon {
  width: 100%;
  height: auto;
}

.event-single.actions-landing #clockdiv {
  display: none;
}

.event-single.actions-landing {
  text-align: center;
  padding: 0px 10px;
}

.event-action-image {
  width: 215px;
  height: 215px;
  object-fit: contain;
  object-position: center center;
}

.act_icon.act_icon_event {
  padding: 0;
}

.act-2col {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.action-second-row .alien {
  background-image: url('../images/event-alien-beam.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  /* transform: translate(240px); */
}

.action-second-row .com_alien {
  background-image: url('../images/event-alien-peace.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  /* transform: translate(240px); */
}

.moveAlien {
  /* animation: eventmovein 0.5s linear forwards; */
}

.event_act .act_icon_txt {
  font-size: 18px !important;
  font-weight: 800;
  color: white;
  margin-top: 20px;
  border: 2px solid white;
  border-radius: 5px;
  padding: 8px;
  width: 140px;
  text-align: center;
  margin-top: 10px;
  /* transform: scale(0.01); */
}
.event_act .act_icon_txt.com_1 {
  background-color: #00FF7F;
  border: none;
}

.event-single-actbar .act_icon_txt{
  border: none;
  font-weight: 700;
  margin-top: 0;
  padding: 0;
  width: auto;
  text-align: left;
  font-size: 18px;
  transform: scale(1);
}



.event-action.donate-rewards {
  font-size: 18px;
  font-weight: 800;
  color: white;
}

.event-action.action-completem {
  color: black;
  font-size: 18px;
}
.event_action .event-action-action-type.com_1.petition::before,
.event_action .event-action-action-type.com_1.causes::before {
  content: ' ' !important;
  font-size: 1px !important;
}

.action-row3 {
  width: calc(100% + 20px);
  margin-left: -10px;
  /* background-color: black; */
  height: auto;
  position: relative;
  z-index: 1;
  margin-top: -90px;
}

.event_action .event-action-text {
  position: relative;
  text-align: left;
  /* background-color: black; */
  width: 100%;
  padding: 90px 30px 20px 30px;
  font-size: 18px;
  font-weight: 500;
  color: white;
  /* transform: translate(-400px); */
}

.moveAText {
  animation: actionText 0.5s linear forwards;
}

@keyframes actionText {
  to {
    transform: translate(0px);
  }
}

.event_action .event-action-action-type.petition::before {
  content:'Sign This ';
}

.event_action .event-action-action-type.rewards {
  /* color: transparent;
  font-size: 2px; */
  font-size: 13px;
  color: white;
}

/* .event_action .event-action-action-type.rewards::before {
  content:'Get This Reward';
  font-size: 13px;
  color: white;
} */

.event_action .event-action-action-type.causes {
  color: transparent !important;
  font-size: 1px !important;
}

.event_action .event-action-action-type.causes::before {
  content: 'Donate';
  font-size: 18px;
  font-weight: 800;
  color: white !important;
}

.event-button-cont {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.event-button-docked {
  width: 100%;
  height: 90px;
  background-image: url('../images/enter-now-button.gif');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 300px) {
  .event-button-cont {
    display: none;
  }
}

.noshow {
  display: none;
}

.dockit {
  position: relative;
}

#event-ta-title {
  margin-top: -90px;
  position: absolute;
}

.events .event-footer,
.events .includeEventUserSpecs {
  display: none;
}

.event-entries-cont {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.badge.badge-entries {
  z-index: 5;
}
.badge-grey {
    background-color: white;
    border: 1px solid;
    border-color: var(--cyan);
    color: var(--cyan);
    font-size: 12px;
}
/* 620 */
@media (max-width: 620px) {
  .event-single-wrapper {
    background-color: black;
    color: white;
    margin-left: 0px;
    /* padding: 0px 14px; */
  }

  .event-single-wrapper .row {
    flex-direction: column;
  }

  .event-single-wrapper .row .col-sm {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* .event-title {
    display: flex;
    justify-content: center;
    align-items: end;
    color: white;
    position: absolute;
    width: 100vw;
    margin-left: -5vw;
    margin-right: -5vw;
    bottom: 100%;
    height: 300px;
    padding: 35px;
  } */

  /*
  *  https://stage.propeller.la/41run:bk3c
  * http://localhost:8080/events/12340/12354/10909/11138
  */

  /* .event-action-detail-upgrade-title {
    color: white;
    position: absolute;
    width: 105vw;
    margin-left: -5vw;
    margin-right: -10vw;
    bottom: 90%;
    height: 300px;
    padding: 35px;
  } */

  .event-action-detail-upgrade-title {
    margin-bottom: 0px;
  }


  .event_img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .action_detail_wrapper .event_img {
    /* display: none; */
  }

  /* .gradient-overlay {
    position: relative;
  }

  .gradient-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent, black);
    opacity: 0.8;
  } */

  .event-single .read-more-button:hover {
    border: 0.5px solid white;
  }

  .event-action-title {
    text-align: center;
    font-size: 20px;
  }

}

/* Custom Event Page - Firefly 20613 */
.body-page-20613 .event-single-wrapper,
.body-page-20613 .actions_landing_wrapper,
.body-page-20613 .actiond-container {
  background-color: transparent;
  background: transparent;
}

.body-page-20613 {
  --ff-primary: 'Fenotype', sans-serif;
  --ff-secondary: 'Rubik', sans-serif;
  /* background-image: linear-gradient(to bottom right, #6e6bb2, #99d6cc, #ffa6a8, #fca988, #fcd97a); */
  background-image: linear-gradient(to bottom right, #ebe5d8, #ceefe8, #decff9);
}

.body-page-20613 .stars-border-top,
.body-page-20613 .stars-border-bottom,
.body-page-20613 .event-stars {
  filter: brightness(0) saturate(100%) invert(81%) sepia(81%) saturate(2372%) hue-rotate(291deg) brightness(97%) contrast(109%);
}

.body-page-20613 .event-intro,
.body-page-20613 .read-more-button,
.body-page-20613 .read-more-text {
  color: #2a2256;
  font-family: var(--ff-secondary);
}

.body-page-20613 .event-title {
  font-family: var(--ff-primary);
  color: #2a2256;
  margin-bottom: 5px;
}

.body-page-20613 .event-actions-landing .paragraph-text, .event-desktop-top .paragraph-text {
  margin-top: 0;
}

.body-page-20613 .event-take-action-title {
  filter: brightness(0) saturate(100%) invert(17%) sepia(22%) saturate(1748%) hue-rotate(210deg) brightness(92%) contrast(102%);
}

.body-page-20613 .event-take-action-desc {
  font-family: var(--ff-primary);
  color: #2a2256;
}

.body-page-20613 .event-down-arrow {
  /* filter: brightness(0) saturate(100%) invert(81%) sepia(81%) saturate(2372%) hue-rotate(291deg) brightness(97%) contrast(109%); */
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%) hue-rotate(353deg) brightness(108%) contrast(103%);;
}

.body-page-20613 .event_act_cont {
  box-shadow: none;
}

.body-page-20613 .act_entries {
  font-family: var(--ff-primary);
  color: #ffa6a8;
}

.body-page-20613 .act-entries-com {
  font-family: var(--ff-primary);
  color: #fcd97a !important;
  text-shadow:
  -1px -1px 0 #2a2256,  
  1px -1px 0 #2a2256,  
  -1px 1px 0 #2a2256,  
  1px 1px 0 #2a2256;
}

.body-page-20613 .event-action-action-type {
  border: 2px solid #2a2256;
}

.body-page-20613 .event-action.action-type {
  color: #2a2256;
  font-family: var(--ff-primary);
}

.body-page-20613 .event_action .event-action-action-type.petition::before {
  color: #2a2256;
}

.body-page-20613 .act_icon_txt.com_1 {
  background-color: #fcd97a !important;
}

.body-page-20613 .action-completem {
  color: #2a2256;
  font-family: var(--ff-primary);
}

.body-page-20613 .event-action-text {
  color: #2a2256;
  font-family: vaR(--ff-secondary);
}

.body-page-20613 .alien {
  background-image: url('../images/Firefly2022_Icon_Main.png');
}

.body-page-20613 .com_alien {
  background-image: url('../images/Firefly2022_Icon_Main.png');
}

/*!---------------------*/
/*! Blog Page           */
/*!---------------------*/

.body_blog.body-page-0 #blog-wrapper .container {
  width: 100%;
}

.body_blog.body-page-0 #blog-wrapper .card-new-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  height: 350px;
}


@media screen and (min-width: 850px) {
  .body_blog.body-page-0 #blog-wrapper .card-new-container {
    width: 90%;
  }
}

.body_blog.body-page-0 #blog-wrapper .card-new {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 25px;
}

.body_blog.body-page-0 #blog-wrapper .card-new-image {
  min-width: 300px;
  width:300px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 300px;
}

.body_blog.body-page-0 #blog-wrapper .card-new-info {
  background-color: transparent;
  color: black;
}

.body_blog.body-page-0 #blog-wrapper .card-new-info-container {
  height: 350px;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  padding: 15px;
  position: relative;
}

.body_blog.body-page-0 #blog-wrapper a:hover {
  text-decoration: none;
}

.body_blog.body-page-0 #blog-wrapper .blog-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .body_blog.body-page-0 #blog-wrapper .blog-title {
    font-size: 20px;
  }
}

.body_blog.body-page-0 #blog-wrapper .blog-title:hover {
  text-decoration: underline;
}

.body_blog.body-page-0 #blog-wrapper .blog-card-meta {
  /* display: block !important; */
  font-weight: 200;
  font-size: 15px;
  padding-top: 20px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  /* height: 86px; */
  text-overflow: ellipsis;
}

.body_blog.body-page-0 #blog-wrapper .blog-card-date-published {
  display: block !important;
  position: absolute;
  bottom: 90px;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 1px;
}

/* Mobile */
@media screen and (max-width:650px) {

  .body_blog.body-page-0 #blog-wrapper .card-new-container {
    height: 650px;

  }

  .body_blog.body-page-0 #blog-wrapper .card-new {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    border-bottom: 1px solid #777;
  }

  .body_blog.body-page-0 #blog-wrapper .card-new-image {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
  }

  .body_blog.body-page-0 #blog-wrapper .blog-card-meta {
    padding-top: 20px;
  }
}

@media screen and (max-width: 375px) {
  .body_blog.body-page-0 #blog-wrapper .blog-title {
    font-size: 20px;
  }
}

/* blog single changes */

.body_blog h2 a{
  color: black;
}
.body_blog h3 {
  font-size: 25px;
}

.body_blog .wrapper .container .wGutter.right .get_onboard {
  display: none;
}

.body_blog .wrapper .container .wGutter.left .padT {
  display: flex;
  flex-direction: column;
}
.body_blog .wrapper .container .wGutter.left .padT div:nth-child(4) {
  order: 1;
  padding: 0px;
  position: absolute;
  margin-left: 100px;
  margin-top: -5px;
}
.body_blog .wrapper .container .wGutter.left .padT div:nth-child(4) h3 span,
.body_blog .wrapper .container .wGutter.left .padT div:nth-child(4) .txt_grey1.ital {
  display: none;
}
.body_blog .wrapper .container .wGutter.left .padT div:nth-child(1){
  order: 2;
}
.body_blog .wrapper .container .wGutter.left .padT div:nth-child(2){
  order: 3;
}
.body_blog .wrapper .container .wGutter.left .padT div:nth-child(3){
  order: 4;
}

.body_blog .wrapper .container .wGutter.right .card-new-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 350px;
}
.body_blog .wrapper .container .wGutter.right .card-new {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 25px;
}
.body_blog .wrapper .container .wGutter.right .card-new-image {
  height: 280px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 280px;
  margin-top: 10px;
  margin-right: 10px;
}
.body_blog .wrapper .container .wGutter.right .card-new-info {
  background-color: transparent;
  color: black;
  padding:3px;
  height: 280px;
  width: 60%;
}
.body_blog .wrapper .container .wGutter.right .card-new-info-container {
  height: 350px;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  padding: 15px;
  position: relative;
}

.body_blog .wrapper .container .wGutter.right a:hover {
  text-decoration: none;
}

.body_blog .wrapper .container .wGutter.right .blog-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  font-size: 16px;
}

.body_blog .wrapper .container .wGutter.right .blog-title:hover {
  text-decoration: underline;
}

.body_blog .wrapper .container .wGutter.right .blog-card-meta {
  font-weight: 200;
  font-size: 15px;
  padding-top: 20px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  /* height: 86px; */
  text-overflow: ellipsis;
}

.body_blog .wrapper .container .wGutter.right .blog-card-date-published {
  display: block !important;
  position: absolute;
  bottom: 90px;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 1px;
}

/*!---------------------*/
/*! Adaptive Header & Banner */
/*!---------------------*/
.adaptive-header,
.adaptive-banner {
  position: relative;
  background: black;
}

.nav-underlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%);
}

.adaptive-header-image,
.adaptive-banner-image {
  height: 400px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.adaptive-header-image {
  height: 400px;
}

.adaptive-banner-image {
  height: 250px;
}

.adaptive-banner-image.-mobile,
.adaptive-header-image.-mobile {
  height: auto;
}

.adaptive-header-image.-mobile:after {
  content: "";
  display: block;
  padding-bottom: 113%;
}

.adaptive-banner-image.-mobile:after {
  content: "";
  display: block;
  padding-bottom: 50%;
}

.adaptive-banner-image.-desktop,
.adaptive-header-image.-desktop {
  display: none;
}

@media screen and (min-width: 770px) {
  .adaptive-banner-image.-desktop,
.adaptive-header-image.-desktop {
    display: block;
  }

  .adaptive-banner-image.-mobile,
.adaptive-header-image.-mobile {
    display: none;
  }
}
/*!---------------------*/
/*! Propel Actions         */
/*!---------------------*/
.your-results-container {
  background: var(--primary);
  color: white;
}

.results {
  font-size: 1.2em;
  font-weight: 600;
}

.results .result-num {
  font-size: 2em;
  margin-right: 6px;
  margin-left: 6px;
}

.results .result-num:first-child {
  margin-left: 0;
}

.smsShareButton {
  display: inline-block;
}

.share-propel-container .icon-text svg,
.share-short .icon-text svg,
.share-global-wrapper .icon-text svg {
  width: 30px;
  height: 30px;
}

.smsShareButton {
  fill: #3BA4C9;
}

.smsShareButton:hover {
  fill: #358786;
}

.causes_new_shareR .smsShareButton,
.causes_new_shareR .smsShareButton:hover {
  fill: #133c63;
  color: #133c63;
}

.txt_white .smsShareButton,
.txt_white .smsShareButton:hover {
  fill: white;
  color: white;
}

.share-propel-container .fbShareButton span,
.share-propel-container .twShareButton span,
.share-propel-container .smsShareButton span,
.share-short .fbShareButton span,
.share-short .twShareButton span,
.share-short .smsShareButton span,
.share-global-wrapper .fbShareButton span,
.share-global-wrapper .twShareButton span,
.share-global-wrapper .smsShareButton span {
  font-size: 12px;
  vertical-align: middle;
  font-weight: 400;
  font-family: "MarkOT-Medium", sans-serif;
}

.share-propel-container .fbShareButton span,
.share-short .fbShareButton span,
.share-global-wrapper .fbShareButton span {
  margin-left: 7px;
}

/* Colors */
.bg-action {
  background-color: #FFC108;
}

.bg-experience {
  background-color: #EE2C67;
}

.bg-reward {
  background-color: #252525;
}

/* Structure */
.bg_user_new {
  background-color: #f4f4f4;
}

.home-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.home-row {
  position: relative;
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  z-index: 0;
}

.home-header-row {
  display: inline-block;
  align-items: center;
  width: auto;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 6px #000000;
}

.home-header {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 3rem;
  text-transform: uppercase;
  color: #000000;
  font-weight: 900;
}

.home-header a {
  color: #000000;
}

.home-header p {
  margin-bottom: 0;
}

.home-header-center {
  border: none;
  color: #252525;
  text-align: center !important;
  font-size: 5.6rem;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.scroll-arrow-container {
  width: 60px;
  height: 70px;
  background-color: #FBFBFB;
  position: absolute;
  right: -60px;
  top: 46%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-right: 12px;
}

.scroll-arrow img {
  height: 35px;
  z-index: 2;
}

.roundA {
  border-radius: 3px;
}

.roundT {
  border-radius: 3px 3px 0 0;
}

.roundB {
  border-radius: 0 0 3px 3px;
}

.roundTL {
  border-radius: 3px 0 0 0;
}

.roundTR {
  border-radius: 0 3px 0 0;
}

.roundBL {
  border-radius: 0 0 0 3px;
}

.roundBR {
  border-radius: 0 0 3px 0;
}

.hide-dollars {
  display: none !important;
}

.campaign-body-middle .sticker-continue {
  display: none;
}

.clipboard-button {
  background-color: black;
  color: white;
  border: none;
  border-radius: 0px;
}

.padB_100 {
  margin-bottom: 100px !important;
}

.padT_100 {
  margin-top: 100px !important;
}

.padB_75 {
  margin-bottom: 75px !important;
}

.padT_75 {
  margin-top: 75px !important;
}

.stats_bg_yellow {
  background-color: #FFC107;
}

.stats_bg_gray {
  background-color: #9C9D9D;
}

.stats_txt_blk {
  color: #151515;
}

.stats_txt_blk a {
  color: #151515 !important;
}

.stats_header_container, .stats_info, .stats_info_row {
  width: 100%;
}

.stats_header_container {
  padding-top: 120px;
  padding-bottom: 70px;
}

.stats_hero_login {
  width: 100%;
  height: 400px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  background-color: #9c9d9d;
}

.stats_header {
  font-size: 4rem;
}

.stats_info_row {
  font-size: 4rem;
}

.stats_info_small {
  font-size: 2rem;
  padding-top: 20px;
}

.small {
    letter-spacing: .5px;
    padding: 6px 15px 5px 15px;
    font-size: 12px;
}

.stats_nav {
  width: 100%;
}

img.profile_pic {
  margin: 10px 0 20px 0;
  max-width: 500px;
  max-height: 300px;
}

.my_cause {
  display: inline;
}

.stats_link_btn {
  font-size: 1.5rem;
  display: inline;
  padding: 8px 15px 10px 15px;
  border: solid 2px #151515;
  border-radius: 100px;
}

.stats_link_btn:hover {
  background-color: #151515;
  color: #FFC107 !important;
  text-decoration: none;
}

.stats_nav_pad {
  padding-top: 100px !important;
}

@media (max-width: 550px) {
  .stats_header {
    font-size: 3.25rem !important;
  }

  .stats_info_row {
    font-size: 2.8rem !important;
  }

  .my_cause {
    display: block !important;
    margin-bottom: 10px !important;
  }

  .stats_link_btn {
    font-size: 1.4rem;
  }

  .stats_header_container {
    padding-top: 85px !important;
    padding-bottom: 50px !important;
  }
}
.commission_points {
  text-align: right;
  padding-right: 10px;
  flex-grow: 1;
  color: #3BA4C9;
}

.cookies-banner {
  display: none;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 30px;
  z-index: 2 !important;
  text-align: center;
  font-size: 1.35rem;
}

.cookies-btn-cont {
  display: block;
  width: 100%;
  margin-top: 20px;
}

.cookies-btn {
  display: inline-block;
  padding: 10px 15px 13px 15px;
  border: solid 2px #fff;
  width: auto;
  color: #ffffff !important;
}

.cookies-btn:hover {
  text-decoration: underline;
}

.bg_login {
  background-color: #000 !important;
  background-image: url("../images/getonboard-2.gif");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1 !important;
}

.hero_login {
  font-family: itc-avant-garde-gothic-pro, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
}

.hero_login_headline {
  font-size: 6.4rem !important;
  display: none;
}

.login_wrapper_new {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.login_column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 80px 150px 80px 150px;
}

.login_container {
  width: 100%;
  text-align: center;
}

.bg_login_red {
  background-color: #222;
}

.bg_login_red p:nth-child(2), .bg_login_red p:nth-child(3) {
  display: none;
}

.bg_login_grey {
  background-color: #F1F1F1;
}

.login_links a {
  color: #000 !important;
}

.login_h1 {
  font-family: itc-avant-garde-gothic-pro, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-size: 4.3rem;
  letter-spacing: 0 !important;
  background: -webkit-linear-gradient(top, #D8787A, #D858AB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.login_caption {
  font-family: itc-avant-garde-gothic-pro, sans-serif !important;
  font-size: 2.4rem !important;
  color: #FFFFFF !important;
  font-weight: 200;
}

.loginForm {

}

@media (max-width: 1400px) {
  .login_column {
    padding: 80px 100px 80px 100px !important;
  }
}
@media (max-width: 1100px) {
  .login_h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 960px) {
  .login_column {
    padding: 60px !important;
  }
}
@media (max-width: 800px) {
  .login_wrapper_new {
    flex-direction: column !important;
  }

  .login_column {
    width: 100% !important;
  }

  .hero_login_headline {
    display: none;
  }

  .bg_login {
    background-image: url("../images/getonboard-mobile-2.gif");
    background-size: cover;
    background-position: center center;
  }

}
@media (max-width: 550px) {
  .login_h1 {
    font-size: 2.7rem !important;
  }

  .hero_login_headline {
    font-size: 3rem !important;
  }

  .login_column {
    padding: 45px !important;
  }
}
/* end login */
.button_brad {
  display: inline_block;
  padding: 17px 26px 17px 26px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 2rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
}

.button_brad a {
  color: #000000;
  text-decoration: none;
}

.button_brad a:hover {
  color: #FFFFFF;
}

.all_black {
  color: #000000;
}

.newH {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900 !important;
  font-style: normal !important;
  text-transform: uppercase;
}

.cms_image {
  max-width: 370px !important;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 650px) {
  .cms_image {
    width: 100% !important;
  }
}
.error {
  background-color: var(--light-red);
}

.test-text-big {
  font-size: 8rem !important;
}

.line-break {
  width: 100%;
  border-bottom: solid 2px #DDDDDD;
}

.nav-icon {
  margin-bottom: -8px;
}

.points_clause_0 {
  display: none !important;
}

.hide {
  display: none;
}

.hideImportant {
  display: none !important;
}

.showImportant {
  display: block !important;
}

/* Confirmation Page */
.boom-header {
  font-family: presicav, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  color: #000000;
  padding-top: 90px;
}

.ml2 {
  font-weight: 900;
  font-size: 5.5em;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}

@keyframes earned {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.points-earned {
  font-size: 2.5rem;
  text-align: center;
  color: #000000;
  animation-name: earned;
  animation-delay: 4.5s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.points-fade {
  width: 100%;
  opacity: 0;
  animation-name: fade;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  margin-top: -30px;
}

.caption-fade {
  width: 100%;
  opacity: 0;
  animation-name: fade;
  animation-delay: 1.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  margin-top: 0px;
}

.confirm-caption {
  font-size: 2rem;
  color: #000000;
  text-align: center;
  animation-name: earned;
  animation-delay: 4s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes container {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.confirm-container {
  display: flex;
  background-image: url("../images/premier-landscape.jpg");
  background-size: cover;
  background-position: center;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  opacity: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  animation-name: container;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}

@keyframes master {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.confirm-master {
  width: 100%;
  height: 100vh;
  opacity: 1;
  animation-name: master;
  animation-delay: 6s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.prop-spin {
  display: flex;
  flex-direction: column;
  width: 100%;
  opacity: 0;
  justify-content: center;
  align-items: center;
  align-content: center;
  animation-name: container;
  animation-duration: 0.5s;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
}

.prop-container {
  width: 140px;
  height: 140px;
  animation-name: master;
  animation-duration: 1s;
  animation-delay: 5s;
  animation-fill-mode: forwards;
}

.prop-container img {
  width: 100%;
}

.centered {
  text-align: center;
  margin: auto;
}

/*!---------------------*/
/*! Fonts / Text        */
/*!---------------------*/
@font-face {
  font-family: "MarkOT";
  src: url("/webfonts/MarkOT.eot");
  /* IE9 Compat Modes */
  src: url("/webfonts/MarkOT.eot?#iefix") format("embedded-opentype"), url("/webfonts/MarkOT.woff") format("woff"), url("/webfonts/MarkOT.ttf") format("truetype"), url("/webfonts/MarkOT.svg#9663b9ebb1d626cf9aad77b2ee2866b5") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "MarkOT-Medium";
  src: url("/webfonts/MarkOT-Medium.eot");
  /* IE9 Compat Modes */
  src: url("/webfonts/MarkOT-Medium.eot?#iefix") format("embedded-opentype"), url("/webfonts/MarkOT-Medium.woff") format("woff"), url("/webfonts/MarkOT-Medium.ttf") format("truetype"), url("/webfonts/MarkOT-Medium.svg#1e984b3c292b8cb9bc987dd1d68c963a") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}
/* caveat-regular - latin */
@font-face {
  font-family: "Caveat";
  font-style: normal;
  font-weight: 400;
  src: local("Caveat Regular"), local("Caveat-Regular"), url("/webfonts/caveat/caveat-v7-latin-regular.woff2") format("woff2"), url("/webfonts/caveat/caveat-v7-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Neue Helvetica Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Bold'), url('Helvetica Neue LT 75 Bold.woff') format('woff');
  }

@font-face {
  font-family: 'Neue Helvetica Light';
  font-style: normal;
  font-weight: normal;
  src: local('Neue Helvetica Light'), url('Helvetica Neue LT 45 Light.woff') format('woff');
  }

@font-face {
  font-family: 'Druk Text Medium';
  src: url("/webfonts/Druk-Text/DrukText-Medium.otf");
}

@font-face {
  font-family: 'Termina Medium';
  src: url("/webfonts/TERMINA.otf");
}

@font-face {
  font-family: 'Posca Mad Thrasherz';
  src: url("/webfonts/posca_mad_thrasherz.ttf");
}

@font-face {
  font-family: 'Druk Text Wide Bold';
  src: url("/webfonts/Druk Wide/DrukWide-Bold.otf");
}

@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/permanent-marker/PermanentMarker.ttf");
}

@font-face {
  font-family: 'Dunbar Tall Bold';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Dunbar/DunbarTall-Bold.ttf");
}

@font-face {
  font-family: 'Dunbar Tall Ultra';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Dunbar/DunbarTall-Ultra.ttf");
}

@font-face {
  font-family: 'Dunbar Tall Book';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Dunbar/DunbarTall-Book.ttf");
}

@font-face {
  font-family: 'Archivo Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Archivo/static/Archivo/Archivo-Medium.ttf");
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Anton/Anton-Regular.ttf");
}

@font-face {
  font-family: 'Obviously Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Obviously/Obviously-Medium.otf");
}

@font-face {
  font-family: 'Obviously Wide Bold';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Obviously/Obviously-Wide-Bold.otf");
}

@font-face {
  font-family: 'Obviously Condensed Black';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Obviously/Obviously-Condensed.otf");
}

@font-face {
  font-family: 'Tablet Gothic Regular';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/TabletGothicRegular.otf");
}

@font-face {
  font-family: 'Gopher Black';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AdamLaddGopherBlack.otf");
}

@font-face {
  font-family: 'ITCKabel Bold';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ITCKabelStdBold.TTF");
}

@font-face {
  font-family: 'ITCKabel Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ITCKabelStdMedium.TTF");
}

@font-face {
  font-family: 'Proxima Nova Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ProximaNovaMedium.otf");
}

@font-face {
  font-family: 'Proxima Nova ExtraBold';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ProximaNovaExBold.otf");
}

@font-face {
  font-family: 'CCSignLanguage Italic';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/CCSignLanguageItalic.otf");
}

@font-face {
  font-family: 'Avenir Next Heavy';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AvenirNextCyr-Heavy.woff");
}

@font-face {
  font-family: 'Avenir Next Demi';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AvenirNextCyr-Demi.woff");
}

@font-face {
  font-family: 'Avenir Next Regular';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AvenirNextLTPro-Regular.otf");
}

@font-face {
  font-family: 'Arial Black';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ArialBlack.ttf");
}

@font-face {
  font-family: 'Times Regular';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/TIMESR.ttf");
}

@font-face {
  font-family: 'Neue Haas Black';
  font-style: normal;
  src: url("/webfonts/NeueHaasDisplayBlack.ttf")
}

@font-face {
  font-family: 'Neue Haas Medium';
  font-style: normal;
  src: url("/webfonts/NeueHaasDisplayMediu.ttf")
}

@font-face {
  font-family: 'Neue Haas Bold';
  font-style: normal;
  src: url("/webfonts/NeueHaasDisplayBold.ttf")
}

@font-face {
  font-family: 'Nunito Sans Semibold';
  font-style: normal;
  src: url("/webfonts/NunitoSans-SemiBold.ttf")
}

@font-face {
  font-family: 'Nunito Sans ExtraBold';
  font-style: normal;
  src: url("/webfonts/NunitoSans-ExtraBold.ttf")
}

@font-face {
  font-family: 'Nunito Sans Black';
  font-style: normal;
  src: url("/webfonts/NunitoSans-Black.ttf")
}

@font-face {
  font-family: 'Hammersmith One';
  font-style: normal;
  src: url("/webfonts/HammersmithOne-Regular.ttf")
}

@font-face {
  font-family: 'Antonio Semibold';
  font-style: normal;
  src: url("/webfonts/Antonio-VariableFont_wght.ttf")
}

@font-face {
  font-family: 'Adobe Garamond Pro Regular';
  font-style: normal;
  src: url("/webfonts/AdobeGaramondProRegular.otf")
}

@font-face {
  font-family: 'SimSun';
  font-style: normal;
  src: url("/webfonts/SimSun.ttf")
}

@font-face {
  font-family: 'Trade Gothic Next LT Pro Condensed';
  font-style: normal;
  src: url("/webfonts/TradeGothicLTCondensed.ttf")
}

@font-face {
  font-family: 'Trade Gothic Next LT Pro Heavy Condensed';
  font-style: normal;
  src: url("/webfonts/TradeGothicNextLTProHeavyCondensed.otf")
}

@font-face {
  font-family: 'Exo 2 Regular';
  font-style: normal;
  src: url("/webfonts/Exo2-Regular.ttf")
}

@font-face {
  font-family: 'Montserrat Black';
  font-style: normal;
  src: url("/webfonts/Montserrat-Black.ttf")
}

@font-face {
  font-family: 'Alternate Gothic Compressed';
  font-style: normal;
  src: url("/webfonts/ATFAlternateGothicCompressedMed.otf");
}

@font-face {
  font-family: 'Fira Sans Regular';
  font-style: normal;
  src: url("/webfonts/FiraSansReg.otf")
}

@font-face {
  font-family: 'Termina Heavy';
  font-style: normal;
  src: url("/webfonts/TerminaHeavy.otf")
}

@font-face {
  font-family: 'Knewave Regular';
  font-style: normal;
  src: url("/webfonts/Knewave-Regular.ttf")
}

@font-face {
  font-family: 'Anton Regular';
  font-style: normal;
  src: url("/webfonts/Anton-Regular.ttf")
}

@font-face {
  font-family: 'VFC Fantomen';
  font-style: normal;
  src: url("/webfonts/VFCFantomen.ttf")
}

@font-face {
  font-family: 'Trade Gothic Bold Compressed';
  font-style: normal;
  src: url("/webfonts/TradeGothicBoldCompressed.otf")
}

@font-face {
  font-family: 'Trade Gothic Condensed Bold';
  font-style: normal;
  src: url("/webfonts/TradeGothicLTBoldCondensedNo.18.ttf");
}

@font-face {
  font-family: 'Trade Gothic Next Bold';
  font-style: normal;
  src: url("/webfonts/TradeGothicLTBoldNo.2.ttf");
}

@font-face {
  font-family: 'League Gothic Regular';
  font-style: normal;
  src: url("/webfonts/LeagueGothic-Regular-VariableFont_wdth.ttf");
}

@font-face {
  font-family: 'Hardwick';
  font-style: normal;
  src: url("/webfonts/HardwickWF.otf");
}

@font-face {
  font-family: 'Aku Kamu';
  font-style: normal;
  src: url("/webfonts/Aku_Kamu.otf");
}

@font-face {
  font-family: 'Mrs Eaves OT Roman';
  font-style: normal;
  src: url("/webfonts/mrsEavesOtRoman.otf");
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  src: url("/webfonts/Caveat-VariableFont_wght.ttf");
}

@font-face {
  font-family: 'Fredoka SemiBold';
  font-style: normal;
  src: url("/webfonts/Fredoka-SemiBold.ttf");
}

@font-face {
  font-family: 'Fredoka Bold';
  font-style: normal;
  src: url("/webfonts/Fredoka-Bold.ttf");
}

@font-face {
  font-family: 'Fenotype';
  font-style: normal;
  src: url("/webfonts/FenotypeResolveSansBold.otf");
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  src: url("/webfonts/Rubik-VariableFont_wght.ttf");
}

@font-face {
  font-family: 'Lores 9 Plus Wide Regular';  
  font-style: normal;
  src: url("/webfonts/Lores9PlusWideReg.otf");
}

@font-face {
  font-family: 'Space Mono Regular';
  font-style: normal;
  src: url("/webfonts/SpaceMonoReg.otf");
}

@font-face {
  font-family: 'Mark OT Light';
  font-style: normal;
  src: url("/webfonts/MarkOT-Light.otf");
}

@font-face {
  font-family: 'Mark OT Light Italic';
  font-style: normal;
  src: url("/webfonts/MarkOT-LightItalic.otf");
}


@font-face {
  font-family: 'Presicav Bold';
  font-style: normal;
  src: url("/webfonts/PresicavBold.otf");
}


@font-face {
  font-family: 'Chantal Medium';
  font-style: normal;
  src: url("/webfonts/ChantalMed.otf");
}

/* sass --watch css/sass/modules.scss css/modules.css */
/* begin slick */
.slick-prev,
.slick-next {
  font-family: "Font Awesome 5 Free";
  color: transparent;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  font-size: 2px;
}

/*
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
*/
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev {
  left: -25px;
  background-image: url("/images/icon_arrow_left.svg");
  background-repeat: no-repeat;
}

.slick-next {
  right: -25px;
  background-image: url("/images/icon_arrow_right.svg");
  background-repeat: no-repeat;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  /* content: "\f104"; */
  content: "";
  color: #6C6C6C;
  font-weight: 400;
  width: 15px;
  height: 15px;
}

[dir=rtl] .slick-prev:before {
  /* content: "\f191"; */
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  /* content: "\f105"; */
  color: #6C6C6C;
  /* background-image: url('/images/icon_arrow-scroll_dark.svg'); */
}

[dir=rtl] .slick-next:before {
  content: "";
}

/**
* Cards and carousel css
*
* https://stage.propeller.la/actions
* JB 2021: needs to be cleaned up
*/
.card {
  border-radius: 0;
}

.card-header {
  background-color: var(--dark);
  color: var(--light);
  text-transform: uppercase;
  font-weight: 400;
  font-family: "MarkOT-Medium", sans-serif;
  padding-top: 8px;
  padding-bottom: 5px;
}

.card-header h3 {
  margin-bottom: 3px;
  font-size: 18px;
}

/* begin card-new 2020 */
.card-new-link:hover {
  text-decoration: none !important;
}

.card-new-container {
  width: 310px;
  padding: 10px;
  box-sizing: border-box;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
}

.card-new {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.card-new-image {
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
}

.campaign-card-new-image {
  height: 471px;
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
}

.card-new-bar {
  padding: 15px;
  color: #000000;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 1.5rem;
  overflow: hidden;
}

.card-new-icon-box {
  width: 20px;
}

.card-new-icon {
  width: 100%;
  padding-bottom: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.card-new-description-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-grow: 1;
  align-items: center;
  margin-left: 10px;
}

.card-new-description {
  text-transform: uppercase;
}

.card-new-info {
  width: 100%;
  height: 130px;
  background-color: #000000;
  color: #FFFFFF;
  padding: 15px;
  box-sizing: border-box;
  font-size: 2.3rem;
  display: flex;
}

.card-new-info-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 100%;
}

.card-new-bg-rewards {
  background-color: #f82ca9;
}

.card-new-bg-experiences {
  background-color: #f14424;
}

/*
http://localhost:8080/campaigns/12199/louis-the-child-gov-ball--redirect
https://www.propeller.la/campaigns/17840/pride
*/
.card-new-bg-event-dates {
  background-color: #f14424;
}

.card-new-bg-donation {
  background-color: #73dd30;
}

.card-new-bg-auction {
  background-color: #49d6ef;
}

.card-new-bg-featured {
  background-color: #f9f023;
}

.card-new-bg-petition {
  background-color: #aa24ff;
}

.card-new-bg-share {
  background-color: #ff850d;
}

.card-new-bg-join {
  background-color: #79FF9D;
}

.card-new-bg-watch {
  background-color: #4384FF;
}

.card-new-points-auction {
  text-transform: uppercase;
}

.card-container {
  margin-right: 10px;
  border-radius: 3px;
}

.card-success .card-header {
  background: var(--primary);
}

.b-card-icon {
  background-color: black;
}

.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.icon-vote::before {
  content: "";
  -webkit-mask-image: url("/images/icon_check.svg");
  mask-image: url("/images/icon_check.svg");
  position: absolute;
  margin-top: 7px;
  margin-left: 7px;
  width: 24px;
  height: 24px;
  background-color: #FFF;
}

/* 2020 cards */
.card-new {
  display: inline-block;
  white-space: normal;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 3px;
  margin-bottom: 15px;
}

.card-action {
  width: 300px;
  height: 540px;
}

.card-cause {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 240px;
}

.cause-image {
  width: 190px;
  height: 190px;
  border-radius: 150px;
  background-size: cover;
  border: solid 4px #E3E3E3;
  box-sizing: border-box;
}

/**
 * ipad mini, iphone 8 plus
 */
@media (max-width: 760px) {
  .cause-image {
    width: 100px;
    height: 100px;
  }

  .card-cause {
    height: 130px !important;
  }
}
.card-blog {
  width: 300px;
  height: 490px;
}

.card-experience {
  width: 300px;
  height: 440px;
}

.card-image {
  width: 100%;
  height: 300px;
  background-color: #CCCCCC;
  background-size: cover;
  background-position: center;
  border-radius: 3px 3px 0 0 !important;
}

.card-image-cause1 {
  width: 100%;
  height: 200px;
  background-color: #CCCCCC;
  background-size: cover;
  background-position: center;
  border-radius: 3px 3px 0 0 !important;
}

.card-image-cause {
  width: 100%;
  height: 200px;
  background-color: #CCCCCC;
  background-size: cover;
  background-position: center;
  border-radius: 3px 3px 0 0 !important;
}

.card-logo-cause {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #252525;
  border-radius: 3px 0 0 0;
}

.card-logo-cause img {
  width: 100%;
}

.card-content {
  width: 100%;
  padding: 25px;
  box-sizing: border-box;
}

.card-content-cause {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.cause-content {
  display: flex;
  width: 100%;
  height: 120px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

.cause-align {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: red;
}

.cause-name {
  font-size: 1.4rem;
  color: #6C6C6C;
  margin-bottom: 8px;
}

.card-heading {
  width: 100%;
  color: #3C3C3C;
  font-size: 1.9rem;
  line-height: 2.3rem;
  white-space: normal;
}

.card-heading-cause {
  width: 100%;
  color: #3C3C3C;
  font-size: 1.7rem;
  line-height: 2.2rem;
  white-space: normal;
  text-align: center;
}

.card-cause .card-heading {
  text-align: center;
}

.card-foot {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  color: #3C3C3C;
  box-sizing: border-box;
  background-color: #e8e8e8;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}

.card-blog-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding-left: 25px;
  padding-bottom: 25px;
  color: #6C6C6C;
  text-decoration: underline;
}

.card-description {
  display: flex;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  align-items: center;
  width: 160px;
  font-size: 1.5rem;
  line-height: 1.6rem;
}

.card-description-reward {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 240px;
  padding-left: 15px;
  font-size: 1.5rem;
  line-height: 1.6rem;
}

.card-pts {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  font-size: 1.8rem;
  border-left: solid 1px #FFFFFF;
  box-sizing: border-box;
}

.card-foot .icon {
  width: 60px !important;
  height: 60px;
  padding: 4px;
  border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
}

/**
 * iphone SE?
 */
@media (max-width: 350px) {
  .cause-image {
    width: 70px;
    height: 70px;
  }

  .card-cause {
    height: 85px !important;
  }
}
/**
 * iphone 8?
 * https://stackoverflow.com/questions/46313640/iphone-x-8-8-plus-css-media-queries
 */
@media (max-width: 375px) {
  .campaign-card-new-image {
    height: 195px;
  }

  .scroll-arrow-container {
    display: none;
  }

  .home-header {
    font-size: 1.3rem;
    margin-bottom: 0;
  }

  .home-row {
    padding-bottom: 5px;
    width: 150%;
  }

  .card-new-container {
    /* 1.5 */
    /* width: 240px !important; */
    width: 140px;
    font-weight: 501;
  }

  .card-new-bar {
    font-size: 1rem !important;
    padding: 5px !important;
  }

  .card-new-info {
    /* 2.5 */
    padding: 5px;
    font-size: 1.1rem;
    height: 55px;
    /* 1.5 */
    /* height: 108px !important; */
  }

  .card-new-icon-box {
    width: 15px !important;
    padding: 1px !important;
  }

  .card-new-description {
    text-transform: none !important;
  }

  .card-new-description-box {
    margin-left: 0px !important;
  }

  .card-new {
    margin-right: 2px;
  }

  .card-action {
    width: 105px;
    height: 235px;
  }

  .card-cause {
    width: 105px;
    height: 210px;
  }

  .card-cause {
    width: 105px;
  }

  .card-experience, .card-reward {
    width: 105px;
    height: 220px;
  }

  .card-image {
    height: 105px;
  }

  .card-image-cause {
    height: 105px;
  }

  .card-blog {
    width: 105px;
    height: 200px;
  }

  .card-blog-footer {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 1.2rem;
  }

  .card-logo-cause {
    width: 30px;
    height: 30px;
  }

  .card-content {
    padding: 10px;
  }

  .cause-content {
    height: 80px;
    padding: 4px;
  }

  .cause-name {
    display: none;
  }

  .card-heading {
    font-size: 0.8rem;
    line-height: 0.9rem;
    margin-top: 2px;
  }

  .card-heading-cause {
    font-size: 1.1rem;
    line-height: 1.1rem;
  }

  .card-description {
    font-size: 7px;
    line-height: 8px;
    width: 45px;
    padding-left: 5px;
    padding-right: 2px;
  }

  .card-pts {
    font-size: 0.8rem;
    width: 30px;
    border: none;
  }

  .card-foot {
    height: 30px;
  }

  .card-foot .icon {
    width: 30px;
    height: 30px;
  }

  .total-actions-divider {
    display: none;
  }

  .total-actions-row {
    flex-direction: column;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 35px;
    padding-bottom: 15px;
  }

  .total-actions-left, .total-actions-right {
    width: 100%;
    padding: 0px;
  }

  .total-actions-count {
    font-size: 5.5rem;
    padding-top: 20px;
  }



  .premier-wrapper {
    display: none;
  }

  .premier-wrapper-mobile {
    width: 100%;
    background-color: #133C63;
    color: #FBFBFB;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 40px;
    padding-top: 65px;
    padding-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .premier-logo-mobile {
    padding-right: 6px;
    box-sizing: border-box;
  }

  .premier-logo-mobile img {
    width: 78%;
  }

  .premier-status-mobile {
    display: flex;
    flex-direction: row;
  }

  .premier-line-mobile {
    display: block;
    width: 100%;
    border-top: solid 2px #FBFBFB;
    margin-top: 30px;
  }

  .premier-content-mobile {
    font-size: 2rem;
    margin-top: 25px;
  }
}
/**
 * iphone 8 plus
 * https://stackoverflow.com/questions/46313640/iphone-x-8-8-plus-css-media-queries
 */
/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 376px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .campaign-card-new-image {
    height: 195px;
  }

  .card-new-container {
    /* 1.5 */
    /* width: 240px !important; */
    width: 150px;
    font-weight: 501;
  }

  .card-new-bar {
    font-size: 1rem !important;
    padding: 5px !important;
  }

  .card-new-info {
    /* 2.5 */
    padding: 5px;
    font-size: 1.1rem;
    height: 55px;
    /* 1.5 */
    /* height: 108px !important; */
  }

  .card-new-icon-box {
    width: 15px !important;
    padding: 1px !important;
  }

  .card-new-description {
    text-transform: none !important;
  }

  .card-new-description-box {
    margin-left: 0px !important;
  }

  .card-new {
    margin-right: 2px;
  }
}
.b-card-text {
  color: #171717;
}

.b-card-text:hover {
  color: #171717;
}

.b-card-container {
  max-width: 310px;
  height: 510px;
  padding: 10px;
  box-sizing: border-box;
}

.b-card-container-blog {
  height: 425px !important;
}

.b-card {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}

.b-card-image {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
}

.b-card-content {
  position: relative;
  width: 100% !important;
  padding: 18px 20px 20px 20px;
  box-sizing: border-box;
  white-space: normal;
  flex-grow: 1;
}

.b-card-header {
  width: 100%;
  height: 80px;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.b-blog-link {
  font-size: 1.4rem;
}

.b-card-cause-name {
  width: auto;
  position: relative;
  white-space: normal;
  font-size: 1.3rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  color: #666666;
  margin-bottom: 5px;
  height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.b-card-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 55px;
  position: absolute;
  bottom: 0;
  background-color: #e8e8e8;
}

.b-card-icon {
  height: 55px;
  width: 55px;
}

.b-card-description, .b-card-description-only {
  font-size: 1.3rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
}

.b-card-points {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 1.5rem;
}

.b-card-description, .b-card-description-only {
  white-space: normal;
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 1.5rem;
}

.b-card-description-only {
  flex-grow: 1;
  box-sizing: border-box;
}

.b-card-divider {
  height: 100%;
  border-right: solid 1px #D1D1D1;
}

.b-card-points {
  flex-grow: 1;
  text-align: center !important;
}

.b-card-icon-action, .b-card-icon-join, .b-card-icon-instagram, .b-card-icon-share, .b-card-icon-petition, .b-card-icon-propel,
.b-card-icon-donate, .b-card-icon-featuredAction,
.b-card-icon-pledge, .b-card-icon-register, .b-card-icon-rsvp, .b-card-icon-watch, .b-card-icon-featured {
  background-color: var(--yellow);
}

.b-card-icon-rewards {
  background-color: #252525;
}

.b-card-icon-experiences {
  background-color: #EE2C67;
}

/* Cause Cards */
.b-card-cause-container {
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b-card-cause {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center;
  border-radius: 200px;
  border: solid 3px #e1e1e1;
}

@media (max-width: 800px) {
  .b-card-container {
    height: 450px !important;
  }

  .b-card-container-blog {
    height: 390px !important;
  }

  .b-card-cause {
    padding: 25px !important;
  }
}
@media (max-width: 650px) {
  .b-card-container {
    height: 330px !important;
    padding: 5px !important;
  }

  .b-card-container-blog {
    height: 260px !important;
  }

  .b-card-content {
    padding: 10px 12px 12px 12px;
  }

  .b-card-cause-name {
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-size: 0.8rem !important;
    height: 12px !important;
  }

  .b-card-header {
    font-size: 1.15rem !important;
    line-height: 1.45em !important;
    height: 50px;
    -webkit-line-clamp: 3;
  }

  .b-card-footer {
    height: 45px !important;
  }

  .b-card-icon {
    height: 45px;
    width: 45px;
    background-color: black;
  }

  .b-card-description, .b-card-description-only {
    font-size: 0.8rem !important;
    line-height: 1rem !important;
    font-family: itc-avant-garde-gothic-pro, sans-serif;
  }

  .b-card-description {
    width: 45% !important;
  }

  .b-card-points {
    font-size: 1.1rem !important;
  }

  .b-card-cause-container {
    height: 150px !important;
  }

  .b-card-cause {
    height: 110px !important;
    width: 110px !important;
  }
}
@media (max-width: 550px) {
  .b-card-container {
    height: 320px !important;
  }

  .b-card-container-blog {
    height: 220px !important;
  }

  .b-card-description, .b-card-description-only {
    font-size: 0.65rem !important;
    line-height: 0.85rem !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .b-card-footer {
    height: 35px !important;
  }

  .b-card-icon {
    width: 35px !important;
    height: 35px !important;
  }

  .b-card-header {
    -webkit-line-clamp: 5;
    height: 61px !important;
    font-size: 1rem !important;
    line-height: 1.2rem !important;
  }
}
@media (max-width: 380px) {
  .b-card-container {
    height: 280px !important;
  }

  .b-card-container-blog {
    height: 190px !important;
  }

  .b-card-content {
    padding: 7px !important;
  }

  .b-card-cause-name {
    height: 10px !important;
  }

  .b-card-header {
    -webkit-line-clamp: 5;
    height: 61px !important;
    font-size: 1rem !important;
    line-height: 1.2rem !important;
  }

  .b-card-description, .b-card-description-only {
    font-size: 7px !important;
  }

  .b-card-points {
    font-size: 0.75rem !important;
  }

  .b-card-footer {
    height: 27px !important;
  }

  .b-card-icon {
    width: 27px !important;
    height: 27px !important;
  }

  .b-card-cause-container {
    height: 100px !important;
    padding-bottom: 10px;
  }

  .b-card-cause {
    width: 90px !important;
    height: 90px !important;
  }
}
/**
 * Profile card
 */
.profilecard .avatar {
  width: 100px;
}

.profilecard .avatar img {
  width: 88%;
}

.profilecard .stats {
  width: 70%;
  width: calc(100% - 100px);
}

.profilecard .underline {
  width: 100%;
  height: 2px;
  background-color: #cfcfcf;
  margin-top: 5px;
  margin-bottom: 5px;
}

.profilecard .col1 {
  width: 100%;
}

.profilecard .col2 {
  width: 100%;
}

/* Larger than tablet */
@media (min-width: 750px) {
  .profilecard .avatar {
    width: 120px;
  }

  .profilecard .avatar img {
    width: 78%;
  }

  .profilecard .stats {
    width: 70%;
    width: calc(100% - 120px);
  }

  .profilecard .col1 {
    width: 48%;
    float: left;
  }

  .profilecard .col2 {
    width: 48%;
    float: right;
  }
}
/* begin search */
.search-box {
  display: inline-flex;
}


.search-form {
  border: 1px solid #CCC;
  display: inline-flex;
  margin-bottom: 0;
  vertical-align: center;
  border-radius: 4px;
}

.search-form input {
  margin-bottom: 0;
  box-shadow: none;
}

.search-form {
  border-color: #666666 !important;
}

.header-trans .search-form {
  border-color: #3D3D3D !important;
}

.search-box input:focus,
.search-box button:focus {
  outline: none;
}

/* .search-box input:focus {
  background-color: rgba(242, 242, 242, 1);
  border-bottom: 7px solid rgba(242, 242, 242, 1);
  margin-top: 1px;
} */

.search-box .search-field {
  background: none;
  border: none;
  border-color: transparent;
  float: left;
  font-size: 1.5rem;
  height: 36px;
  padding: 0 6px 0 6px;
  -webkit-appearance: none;
  width: 125px;
  /* maybes: */
}

.hand.search-box .search-field {
  width: 200px;
  color: inherit;
}

.search-box button {
  background: none;
  border: none;
  border-color: transparent;
  float: left;
  padding: 7px 7px 0 0;
  margin-bottom: 0;
}

.search-form input {
  color: #FFFFFF !important;
  mix-blend-mode: difference;
}

/* end search */
/* 2020 DASH STYLES */
.dash-wrapper, .dash-edit-profile-wrapper {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  color: #000000;
}

.dash-wrapper h1, .dash-wrapper h2, .dash-edit-profile-wrapper h1, .dash-edit-profile-wrapper h2 {
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  letter-spacing: 0 !important;
}

.dash-wrapper h1, .dash-edit-profile-wrapper h1 {
  font-size: 4.4rem;
  line-height: 4.2rem !important;
  letter-spacing: 0;
}

.dash-wrapper h2, .dash-edit-profile-wrapper h2 {
  font-size: 3rem !important;
  letter-spacing: 0 !important;
}

.dash-wrapper h3, .dash-edit-profile-wrapper h3 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: 0;
}

.nav-placeholder {
  width: 100%;
  height: 80px;
  background-color: #000000;
}

.footer-placeholder {
  height: 250px;
  width: 100%;
  background-color: #000000;
}

.footer-big {
  height: 800px !important;
}

.dash-hide {
  display: none !important;
}

.dash-nav a {
  color: #000000;
  text-decoration: none;
}

.dash-nav a:hover {
  text-decoration: underline;
}

.dash-link-see-all {
  color: #000000;
  text-decoration: underline;
}

.dash-link-see-all:hover {
  color: #f820b2;
}

.dash-link-new-for-you {
  color: #000000;
  text-decoration: none;
}

.dash-link-new-for-you:hover {
  text-decoration: underline;
}

.dash-btn-link {
  color: #FFFFFF;
  text-decoration: none;
}

.dash-btn-link:hover {
  text-decoration: none;
}

.dash-link-headers {
  color: #000000;
}

.dash-link-headers:hover {
  color: #f820b2;
}

.gradient-mag-red {
  background-image: linear-gradient(120deg, #f820b2, #fd4d0f);
}

.dash-bg-black {
  background-color: #000000;
  color: #FFFFFF;
}

.dash-bold {
  font-weight: 700;
}

.dash-padT-XL {
  padding-top: 60px;
}

.dash-padB-XL {
  padding-bottom: 60px;
}

.dash-marT {
  margin-top: 30px;
}

.dash-marB {
  margin-bottom: 30px;
}

.dash-marB-sm {
  margin-bottom: 15px;
}

.dash-underline {
  padding-bottom: 1.4rem;
  border-bottom: solid 2px;
}

#dash-header {
  background-image: linear-gradient(120deg, #f820b2, #fd4d0f);
}

#dash-header-edit {
  background-image: none;
}

.dash-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}

.dash-premier {
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}

.dash-100w {
  width: 100%;
}

.dash-spacer-30 {
  width: 100%;
  height: 30px;
}

.dash-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dash-col {
  width: 48%;
  margin-bottom: 30px;
}

.dash-col1, .dash-col2 {
  display: flex;
  flex-direction: column;
}

.dash-col h2 {
  line-height: 2.8rem !important;
}

.dash-col1 {
  width: 55%;
}

.dash-col2 {
  width: 45%;
  padding-left: 20px;
  box-sizing: border-box;
}

.dash-see-all, .dash-featured-link {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.dash-see-all img, .dash-featured-link-container img {
  width: 28px;
  padding-right: 6px;
}

.dash-see-all-right {
  display: flex;
  text-align: right;
  justify-content: flex-end;
  width: 100%;
  padding-top: 30px;
  border-top: solid 1px #CCCCCC;
}

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

.dash-nav {
  font-size: 1.7rem;
  text-align: center;
}

.dash-nav-edit {
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 30px;
}

.dash-nav-divider {
  height: 20px;
  border-right: solid 2px;
}

#my-dashboard {
  text-align: center;
}

.dash-stats-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}

.dash-stats-item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.dash-stats-number {
  font-family: balboa, sans-serif;
  font-weight: 900;
  font-size: 4.5rem;
}

.dash-stats-label {
  font-size: 1.7rem;
  text-transform: uppercase;
  margin-top: 10px;
}

.dash-stats-divider {
  height: 150px;
  border-right: solid 1px #000000;
  margin-left: 15px;
  margin-right: 15px;
}

.dash-popup-container {
  width: 100%;
  padding: 30px;
  background-color: #000000;
  color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
}

.dash-popup-container p {
  margin-bottom: 30px;
  font-size: 2rem;
}

.dash-popup-container-link {
  color: #00E3FF;
}

.dash-popup-container h2 {
  margin-bottom: 20px;
}

.dash-popup-x {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.dash-popup-x img {
  width: 20px;
  height: 20px;
}

.dash-card {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #CCCCCC;
}

.dash-card:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.dash-card-col1 {
  display: flex;
  flex-grow: 1;
}

.dash-card-col2 {
  width: 65%;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.dash-rounded {
  border-radius: 3px;
}

.dash-card-img {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
}

.dash-underline-txt {
  text-decoration: underline;
}

.dash-card-title, .dash-featured-title {
  font-size: 2.7rem;
  line-height: 3.2rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.dash-card-info {
  font-size: 1.7rem;
}

.dash-card-btn-container {
  display: flex;
  flex-grow: 2;
  align-items: flex-end;
}

.dash-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 150px;
  max-width: 200px;
  height: 40px;
  border-radius: 70px;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  background-image: linear-gradient(120deg, #f820b2, #fd4d0f);
  padding-left: 15px;
  padding-right: 15px;
}

.dash-btn:hover {
  background-color: #000000;
  background-image: none;
}

#prem-logo, #prem-type {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#prem-logo {
  width: 125px;
}

#prem-type {
  width: 300px;
}

.premier-status-area {
  max-width: 650px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: solid 1px #4E4E4E;
  border-bottom: solid 1px #4E4E4E;
}

.premier-status-area h1 {
  font-family: chantal;
  font-size: 7rem !important;
  color: #00E3FF;
}

.premier-status-area h2 {
  color: #f820b2;
}

.dash-premier p {
  font-size: 2rem !important;
}

.dash-txt-mag {
  color: #f820b2;
}

.dash-link-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
  justify-content: space-between;
}

.dash-link-area input {
  width: 65%;
  font-size: 2rem;
  padding: 5px;
  box-sizing: border-box;
  font-family: itc-avant-garde-gothic-pro;
  margin: 0 !important;
}

.dash-link-area .dash-btn {
  flex-grow: 2;
  margin-left: 15px;
}

#dash-my-link p {
  font-size: 1.75rem;
}

.dash-new-for-you-area {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.dash-new-for-you-col {
  width: 40%;
  text-align: center;
  font-size: 1.75rem;
}

.dash-new-for-you-col img {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}

.dash-vertical-divider {
  height: auto;
  border-right: solid 1px;
}

.dash-featured-content {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}

.dash-featured-body {
  font-size: 1.75rem;
}

.dash-row-featured {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #DDDDDD;
}

.dash-featured-img {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
}

.dash-featured-link-container {
  display: flex;
  flex-direction: row;
  flex-grow: 2;
  align-items: flex-end;
}

.dash-user-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: solid 1px #CCCCCC;
  margin-bottom: 30px;
}

.dash-user-name {
  font-size: 3.2rem;
  margin-bottom: 20px;
}

.dash-user-pic {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 300px;
  border: solid 1px #CCCCCC;
  margin-bottom: 20px;
}

.dash-user-nav {
  font-size: 1.5rem;
  color: #666666;
  margin-bottom: 30px;
}

.dash-j-center {
  justify-content: center;
}

.dash-user-nav a {
  color: #666666;
  text-decoration: none;
}

.dash-no-underline {
  border-bottom: none !important;
}

.dash-user-nav a:hover {
  text-decoration: underline;
}

.dash-user-nav ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dash-user-nav li {
  display: flex;
  flex-direction: row;
}

.dash-li-line {
  height: auto;
  border-right: solid 1px;
  margin-left: 8px !important;
  margin-right: 8px !important;
  color: #666666;
}

.dash-user-col {
  width: 31%;
  display: flex;
  flex-direction: column;
}

.dash-user-line {
  height: auto;
  border-left: solid 1px #DDDDDD;
}

.dash-underline-lite {
  padding-bottom: 30px;
  border-bottom: solid 1px #DDDDDD;
}

.dash-field-group {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  font-family: itc-avant-garde-gothic-pro !important;
}

.dash-field-row {
  width: 100%;
  border-radius: 7px;
  border: solid 1px #DDDDDD;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}

.dash-field-label {
  padding: 8px;
  width: 150px;
  color: #888888;
}

.dash-field-label-big {
  width: 200px !important;
}

.dash-field-input {
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: solid 1px #DDDDDD;
  display: flex;
  flex-grow: 1;
  font-size: 14px;
  font-family: itc-avant-garde-gothic-pro;
  color: #000000;
}

.dash-field-row input {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 8px;
  height: 100% !important;
}

.dash-field-row input:focus {
  outline: none;
}

.dash-field-border {
  border-left: solid 1px #DDDDDD;
}

.dash-btn-container {
  display: flex;
  flex-direction: row;
  flex-grow: 2;
  align-items: flex-end;
}

.dash-edit-photo-container {
  width: 100%;
  border: dashed 1px #DDDDDD;
  padding: 30px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.dash-edit-photo-container img {
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.dash-edit-photo-container a {
  color: #FB23B3;
}

.dash-edit-photo-caption {
  margin-top: 10px;
  font-size: 0.75rem;
  color: #888888;
}

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

.dash-caption {
  font-size: 0.85rem;
  margin-bottom: 30px;
}

@media (max-width: 1175px) {
  .dash-wrapper h2 {
    font-size: 1.45rem;
  }

  .dash-field-group, .dash-field-input {
    font-size: 13px;
  }

  .dash-field-label {
    width: 80px;
  }

  .dash-user-col {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #DDDDDD;
  }

  .dash-row-info {
    flex-direction: column !important;
  }

  .dash-underline-lite {
    border: none;
  }

  .dash-col {
    width: 49%;
  }

  .dash-card-col2 {
    width: 65%;
  }

  .dash-card-info {
    font-size: 1.4rem;
  }

  .dash-btn {
    height: 35px;
    width: 140px;
    font-size: 1.3rem;
  }

  .dash-card-title {
    font-size: 2.4rem;
    line-height: 2.7rem;
  }
}
@media (max-width: 975px) {
  .dash-wrapper h2 {
    font-size: 1.75rem;
  }

  .dash-row-featured {
    padding-bottom: 0;
  }

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

  .dash-col {
    width: 100%;
  }

  .dash-col1, .dash-col2 {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }

  .dash-featured-link-container {
    margin-top: 30px;
  }

  .dash-card-title {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }

  .dash-card-info {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .dash-btn {
    width: 150px;
    height: 40px;
    font-size: 1.4rem;
  }

  .dash-stats-label {
    font-size: 1.35rem;
  }

  .dash-stats-number {
    font-size: 4rem;
  }
}
@media (max-width: 775px) {
  .dash-stats-area {
    flex-direction: column;
  }

  .dash-stats-divider {
    height: 0;
    width: 100%;
    border-bottom: solid 1px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .dash-stats-item {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .dash-stats-number {
    font-size: 3.9rem;
  }

  .dash-stats-label {
    font-size: 1.7rem;
  }

  #my-dashboard {
    text-align: left;
    line-height: 2rem;
    margin-bottom: 15px;
  }

  .dash-nav {
    text-align: left;
  }
}
@media (max-width: 675px) {
  .dash-card-info {
    font-size: 1.4rem;
    line-height: 1.75rem;
  }

  .dash-card-title, .dash-featured-title {
    font-size: 2.45rem;
    line-height: 2.9rem;
  }
}
@media (max-width: 550px) {
  .dash-wrapper h2 {
    font-size: 1.4rem;
  }

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

  .dash-user-nav {
    font-size: 0.75rem;
  }

  .dash-card-col2 {
    width: 60%;
    margin-left: 10px;
  }

  .dash-card-title {
    font-size: 1.7rem;
    line-height: 2rem;
    margin-bottom: 5px;
  }

  .dash-featured-title {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .dash-card-info {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }

  .dash-btn {
    height: 30px;
    width: 130px;
    font-size: 1.15rem;
  }

  .dash-popup-x {
    width: auto;
    display: block;
    float: right;
  }

  .dash-new-for-you-col img {
    padding: 15px;
  }

  .dash-popup-container h2 {
    text-align: left;
    margin-top: -4px;
    font-size: 2.5rem !important;
  }

  .dash-popup-container p {
    text-align: left;
    font-size: 1.35rem;
    margin-bottom: 8px;
  }

  #prem-logo {
    width: 100px;
  }

  #prem-type {
    width: 275px;
  }

  .premier-status-area h1 {
    font-size: 3.45rem;
  }
}
.nav-update-premier a, .body_causes .nav-update-premier a, .body_rewards .nav-update-premier a, .body_onboarding .nav-update-premier a {
  color: #f820b2 !important;
  transition: color 0.7s;
}

.nav-update-premier a:hover, .body_causes .nav-update-premier a:hover, .body_rewards .nav-update-premier a:hover, .body_onboarding .nav-update-premier a:hover {
  color: #fd4d0f !important;
  transition: color 0.7s;
}

.dash_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.friends-list {
  height: 300px;
  overflow-y: scroll;
}

.friends-list::-webkit-scrollbar {
  width: 15px;
}

.friends-list::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.friends-list::-webkit-scrollbar-thumb {
  background: #ABABAC;
}

/**
 * begin impact
 */
.home-my-impact {
  background-color: #f9f023;
  color: #000000;
  width: 100%;
  padding-top: 160px;
  padding-bottom: 190px;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.my-impact-container {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.impact-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.impact-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  width: 25%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.impact-btn-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 50px;
}

.impact-btn {
  padding: 16px 25px 16px 25px;
  border: solid 2px #252525;
  border-radius: 24px;
  text-transform: uppercase;
  font-size: 1.8rem;
}

.impact-btn-container a {
  color: #252525 !important;
}

.impact-btn-container a:hover {
  color: #FFC108 !important;
  text-decoration: none !important;
}

.impact-btn:hover {
  background-color: #252525;
}

.impact-divider {
  border-right: solid 2px #252525;
}

.impact-count, .impact-count-mobile {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900 !important;
}

.impact-count {
  font-size: 4.9rem;
}

.impact-label, .impact-label-mobile {
  font-family: neue-haas-grotesk-display, sans-serif;
}

.impact-label {
  text-transform: uppercase;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;
  margin-top: 7px;
}

.impact-icon {
  margin-top: 5px;
  width: 60px;
  height: 60px;
}

.impact-row-mobile, .impact-cell-mobile {
  display: none;
}

.total-actions-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  /* padding-left: 155px;
  padding-right: 155px; */
  box-sizing: border-box;
  margin-top: 50px;
}

.total-actions-left, .total-actions-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 0px;
  width: 100%;
}

.total-actions-right {
  padding-bottom: 40px;
}

@media screen and (max-width: 650px) {
  .total-actions-right {
    padding-bottom: 0px;
  }
}

.total-actions-divider {
  border-right: solid 2px #252525;
}

.total-actions-icon {
  width: 120px;
  height: 120px;
}

.total-actions-label {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 3.4rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: #49d6ef;
  text-align:center;
}

.total-actions-count {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900 !important;
  font-size: 15rem;
  color: #49d6ef;
}

@media (max-width: 1000px) {
  .impact-count {
    font-size: 4rem;
  }

  .impact-label {
    font-size: 1.2rem;
  }

  .total-actions-count {
    font-size: 5.5rem !important;
  }

  .total-actions-label {
    font-size: 1.9rem;
  }
}
.more-posts {
  margin-top: 20px;
  color: #6C6C6C;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-decoration: underline;
}

.bg_black {
  background-color: #484846;
}

.bg_blacker {
  background-color: #292929;
}

.bg_blackest {
  background-color: #151515;
}

/* end card */
/* begin icon */
.icon-action, .icon-join, .icon-instagram, .icon-share, .icon-petition, .icon-propel,
.icon-donate, .icon-featuredAction,
.icon-pledge, .icon-register, .icon-rsvp, .icon-watch, .icon-featured {
  background-color: var(--yellow);
}

.icon-rewards {
  background-color: #252525;
}

.icon-experiences {
  background-color: #EE2C67;
}

.section-link {
  color: #6C6C6C !important;
}

.section-link:hover {
  text-decoration: none;
  color: #6C6C6C !important;
}

#actions-see-all, #causes-see-all, #experiences-see-all, #rewards-see-all {
  opacity: 0;
  transition: opacity 0.5s;
}

#actions-link:hover + #actions-see-all {
  display: flex;
  opacity: 1;
  transition: opacity 1s;
}

#causes-link:hover + #causes-see-all {
  display: flex;
  opacity: 1;
  transition: opacity 1s;
}

#experiences-link:hover + #experiences-see-all {
  display: flex;
  opacity: 1;
  transition: opacity 1s;
}

#rewards-link:hover + #rewards-see-all {
  display: flex;
  opacity: 1 !important;
  transition: opacity 1s;
}

.link-see-all {
  font-size: 1rem;
  margin-left: 10px;
  padding-top: 3px;
}

.my-impact-wrapper-new {
  width: 100%;
  border: solid 2px green;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #FFC108;
  color: #252525;
}

.my-impact-container-new {
  width: 100%;
  max-width: 1400px;
  border: solid 1px red;
  margin-left: auto;
  margin-right: auto;
}

/* begin mobile impact */
@media (max-width: 760px) {
  .home-my-impact {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
  }

  .imact-row, .impact-cell, .impact-divider {
    display: none;
  }

  .impact-row-mobile {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
  }

  .impact-cell-mobile {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: center;
    text-align: center;
    width: 50%;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 30px;
  }

  .impact-count-mobile {
    font-size: 3rem;
    margin-top: -10px;
  }

  .impact-label-mobile {
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    margin-top: 5px;
  }

  .impact-icon-mobile {
    width: 80px;
  }

  .impact-divider-mobile {
    border-right: solid 2px #252525;
  }

  .impact-line-mobile {
    border-top: solid 2px #252525;
  }

  .impact-btn-container {
    margin-top: 20px;
  }
}
/* end mobile impact */
/**
* Custom page css
*/
/* CLIMATE NOW 2021 */
.body-page-17498 .col1, .body-page-17560 .col1, .body-page-17723 .col1, .body-page-17840 .col1, .body-page-18076 .col1, .body-page-17996 .col1, .body-page-17515 .col1 {
  display: none;
}

.body-page-17498 .wGutter, .body-page-17560 .wGutter, .body-page-17723 .wGutter, .body-page-17840 .wGutter, .body-page-18076 .wGutter, .body-page-17996 .wGutter, .body-page-17515 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-17498 .col2, .body-page-17560 .col2, .body-page-17723 .col2, .body-page-17840 .col2, .body-page-18076 .col2, .body-page-17996 .col2, .body-page-17515 .col2 {
  width: 100% !important;
  text-align: center;
}

.body-page-17560 .txt_blue1, .body-page-17723 .txt_blue1 {
  color: #FFFFFF !important;
}

.body-page-17718 .txt_blue1 {
  color: #FFFFFF !important;
}

.body-page-17718 .col1 {
  display: none;
}

.page-17718 .marL150 {
  margin-left: 0 !important;
}

.page-17718 .wGutter {
  padding: 0 !important;
}

.body-page-17718 {
  color: #FFFFFF !important;
}

.body-page-17718 .climate_cream {
  color: #FFFFFF;
}

.climate_cream {
  color: #fdfeec;
}

.climate_bg_cream {
  background-color: #fdfeec;
}

.climate_pink {
  color: #ff6fd1;
}

.climate_bg_pink {
  background-color: #ff6fd1;
}

.climate_blue {
  color: #52eefb;
}

.climate_bg_blue {
  background-color: #52eefb;
}

.climate_green {
  color: #5ef1bd;
}

.climate_bg_green {
  background-color: #5ef1bd;
}

.climate_purple {
  color: #905bdf;
}

.climate_bg_purple {
  background-color: #905bdf;
}

.climate_orange {
  color: #ffbd71;
}

.climate_bg_orange {
  background-color: #ffbd71;
}

.climate_yellow {
  color: #eeff35;
}

.climate_bg_yellow {
  background-color: #eeff35;
}

.climate_black {
  color: #1b1a20;
}

.body-page-17718 .climate_bg_black {
  background-color: #000000;
}

.climate_bg_black {
  background-color: #1b1a20;
}

.page-17498 {
  background-color: #fdfeec !important;
}

.page-17498 .col3, .body-page-17560 .col3, .body-page-17723 .col3, .body-page-17840 .col3, .body-page-18076 .col3, .body-page-17996 .col3, .body-page-17515 .col3 {
  display: none !important;
}

.body-page-17498 .wrapper {
  background-color: #fdfeec !important;
}

.body-page-17840 .wrapper {
  background-color: var(--pride-background) !important;
}

.body-page-17723 .wrapper {
  background-color: var(--bloom-background) !important;
}

.body-page-17718 .wrapper {
  background-image: url("/images/gojira/gojira_background.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.body-page-17498 .home-header-row, .body-page-17560 .home-header-row, .body-page-17723 .home-header-row, .body-page-17840 .home-header-row, .body-page-18076 .home-header-row, .body-page-17996 .home-header-row, .body-page-17515 .home-header-row {
  border: none !important;
  padding: none !important;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.body-page-17498 .home-header, .body-page-17560 .home-header, .body-page-17723 .home-header, .body-page-17840 .home-header, .body-page-18076 .home-header, .body-page-17996 .home-header, .body-page-17515 .home-header {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #1b1a20;
  font-size: 4rem !important;
  display: inline-block;
  width: auto;
  border-bottom: solid 7px;
}

.body-page-18076 .home-header {
  border-color: #46affd;
}

/* https://propeller.la/gojira */
.body-page-17718 .home-header {
  color: white;
}

.body-page-17718 .home-header-row {
  border-color: #FFFFFF !important;
}

.body-page-17718 .home-header a {
  color: #FFFFFF !important;
}

.body-page-17718 .climate_container {
  color: #FFFFFF;
}

.body-page-17718 .slick-prev.slick-arrow, .body-page-18076 .slick-prev.slick-arrow {
  background-image: url(/images/icon_arrow_left_white.svg);
}

.body-page-17718 .slick-next.slick-arrow, .body-page-18076 .slick-next.slick-arrow {
  background-image: url(/images/icon_arrow_right_white.svg);
}

.body-page-18076 .climate_leaderboard_header {
  color: #fd46c4;
}

.body-page-18076 .climate_leaderboard_row {
  border-color: var(--buku-green);
}

.body-page-17560 .climate_leaderboard_row .climate_green {
  color: var(--buku-green);
}

.body-page-17560 .climate_leaderboard_row .climate_yellow {
  color: #FFFFFF !important;
}

#home_header_Trending {
  border-color: #5ef1bd;
}

#home_header_TakeAction {
  border-color: #eeff35;
}

#home_header_Prizes {
  border-color: #ff6fd1;
}

.body-page-17560 #home_header_Trending, .body-page-17560 #home_header_TakeAction, .body-page-17560 #home_header_Prizes {
  border-color: #FFFFFF !important;
}

.body-page-17723 #home_header_Trending, .body-page-17723 #home_header_TakeAction, .body-page-17723 #home_header_Prizes {
  border-color: #1b1a20 !important;
}

.body-page-17840 #home_header_Trending, .body-page-17840 #home_header_TakeAction, .body-page-17840 #home_header_Prizes {
  border-color: var(--pride-highlight) !important;
}

.body-page-17840 .home-header {
  border-color: var(--pride-highlight);
}

.body-page-18076 .home-header-row {
  border-color: #46affd;
}

.body-page-18076 #home_header_TakeAction {
  border-color: #fd47c2 !important;
}

.body-page-18076 #home_header_Prizes {
  border-color: var(--buku-green) !important;
}

.body-page-18076 #campaign_leaders {
  color: var(--buku-yellow);
  -webkit-text-stroke: none;
  background-image: none;
}

.body-page-18076 .home-header, .body-page-18076 body {
  color: white;
}

.body-page-17498 .home-header a {
  color: #1b1a20;
}

.body-page-17498 .home-header a:hover {
  text-decoration: none !important;
}

.body-page-17498 .page-footer, .body-page-17560 .page-footer, .body-page-17718 .page-footer, .body-page-17723 .page-footer {
  display: block;
  width: 92%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 60px;
  box-sizing: border-box;
}

.body-page-17560 .page-footer {
  color: #FFFFFF !important;
}

.body-page-17723 .page-footer {
  color: var(--bloom-text) !important;
}

.body-page-17840 .page-footer {
  color: var(--pride-text) !important;
}

.body-page-17498 .page-footer-title {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: black;
  font-size: 4rem !important;
  text-transform: uppercase !important;
  display: inline-block;
  width: auto;
  border-bottom: solid 7px;
  border-color: black !important;
  margin-bottom: 30px;
}

.body-page-17560 .page-footer-title {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #FFFFFF;
  font-size: 4rem !important;
  text-transform: uppercase !important;
  display: inline-block;
  width: auto;
  border-bottom: solid 7px;
  border-color: #FFFFFF !important;
  margin-bottom: 30px;
}

.body-page-17723 .page-footer-title {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: var(--bloom-text);
  font-size: 4rem !important;
  text-transform: uppercase !important;
  display: inline-block;
  width: auto;
  border-bottom: solid 7px;
  border-color: var(--bloom-text) !important;
  margin-bottom: 30px;
}

.body-page-17840 .page-footer-title {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: var(--pride-text);
  font-size: 4rem !important;
  text-transform: uppercase !important;
  display: inline-block;
  width: auto;
  border-bottom: solid 7px;
  border-color: var(--pride-text) !important;
  margin-bottom: 30px;
}

.wrapper_climate2021 {
  width: 100%;
  font-family: neue-haas-grotesk-text, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1b1a20;
}

.climate_w100 {
  width: 100%;
}

.climate_leaderboard_container {
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.climate_leaderboard_column {
  display: flex;
  flex-direction: column;
  width: 49%;
}

.climate_leaderboard_header {
  display: flex;
  flex-direction: row;
  font-size: 2.2rem;
  margin-bottom: 20px;
}

.climate_leaderboard_rank {
  width: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.climate_leaderboard_photo {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.climate_leaderboard_photo_header {
  width: 80px;
}

.climate_noMar {
  margin: 0 !important;
}

.climate_leaderboard_name {
  width: 300px;
  padding-left: 20px;
  box-sizing: border-box;
}

.climate_leaderboard_name_header {
  padding-left: 20px;
  box-sizing: border-box;
}

.climate_leaderboard_points {
  display: flex;
  flex-grow: 2;
  justify-content: flex-end;
  text-align: right;
}

.climate_leaderboard_row {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-bottom: solid 1px #905bdf;
  font-size: 2.4rem;
  align-items: center;
  padding-bottom: 2px;
  margin-top: 2px;
}

.climate_leaderboard_row:last-child {
  border: none;
}

.climate_header {
  width: 100%;
  height: 650px;
  background-size: cover;
  background-position: center;
}

.climate_container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  font-family: neue-haas-grotesk-text, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1b1a20;
}

.campaign_desc_gif {
  display: none;
  width: 100%;
  height: 400px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.climate_spacer_30 {
  width: 100%;
  height: 30px;
}

.climate_spacer_60 {
  width: 100%;
  height: 60px;
}

.climate_heading {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  font-size: 7.5rem;
}

.campaign_start_propelling {
  width: 550px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/images/StartPropelling_Arrows.gif");
}

.body-page-17560 .campaign_start_propelling {
  background-image: url("/images/enough_start-propelling.png");
}

.body-page-17840 .campaign_start_propelling {
  display: none;
}

.body-page-17840 .climate_start_propelling {
  color: var(--pride-text) !important;
}

.body-page-17723 .campaign_start_propelling {
  height: 500px;
  background-image: url("/images/BLOOM/arrow1.png");
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ded3c0 */
.body-page-17560 .climate_start_propelling {
  border-bottom: none !important;
}

.body-page-17723 .climate_start_propelling {
  border-bottom: none !important;
}

.body-page-17560 .home-header a {
  color: #FFFFFF !important;
}

.body-page-17560 .home-header-row {
  border-color: #FFFFFF !important;
}

.body-page-17723 .home-header a {
  color: var(--bloom-text) !important;
}

.body-page-17723 .home-header-row {
  border-color: var(--bloom-text) !important;
}

.body-page-17840 .home-header a {
  color: var(--pride-text) !important;
}

.body-page-17840 .home-header-row {
  border-color: var(--pride-highlight) !important;
}

.body-page-17560 .climate_heading {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  width: 100%;
  color: #FFFFFF !important;
  padding: 15px;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  font-size: 7.5rem;
}

.body-page-17723 .climate_heading {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  width: 100%;
  color: var(--bloom-text) !important;
  padding: 15px;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  font-size: 7.5rem;
}

.body-page-17840 .climate_heading {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  width: 100%;
  color: var(--pride-highlight);
  padding: 15px;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  font-size: 7.5rem;
}

.body-page-17718 .col3 {
  display: none !important;
}

.body-page-17560 .climate_leaderboard_header {
  color: #c2d641 !important;
}

.body-page-17560 .climate_leaderboard_row .climate_green, .body-page-17560 .climate_leaderboard_row .climate_yellow {
  color: #FFFFFF !important;
}

.body-page-17560 .climate_leaderboard_row {
  border-color: #782c65 !important;
}

.body-page-17723 .climate_leaderboard_row {
  border-color: #C49E4F !important;
}

.body-page-17560 .climate_bg_green, .body-page-17560 .climate_bg_yellow, .body-page-17560 .climate_bg_orange {
  background-color: #782c65;
}

.body-page-17723 .climate_bg_green, .body-page-17723 .climate_bg_yellow, .body-page-17723 .climate_bg_orange {
  background-color: var(--bloom-text);
}

.body-page-17840 .climate_bg_green, .body-page-17840 .climate_bg_yellow, .body-page-17840 .climate_bg_orange {
  background-color: var(--pride-highlight);
}

.climate_impact_row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.climate_impact_stat {
  width: 32%;
}

.climate_impact_image {
  width: 100%;
  height: 350px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.body-page-17718 #container_how_it_works, .body-page-18076 #container_how_it_works, .body-page-17996 #container_how_it_works {
  display: none !important;
}

#campaign_image_actions {
  background-image: url("/images/climate2021_ActionsGenerated.gif");
}

#campaign_image_money {
  background-image: url("/images/climate2021_MoneyRaised.gif");
}

#campaign_image_participants {
  background-image: url("/images/climate2021_TotalParticipants.gif");
}

.body-page-17560 #campaign_image_actions {
  background-image: url("/images/enough_actions.png");
}

.body-page-17560 #campaign_image_money {
  background-image: url("/images/enough_money.png");
}

.body-page-17560 #campaign_image_participants {
  background-image: url("/images/enough_participants.png");
}

.body-page-17723 #campaign_image_actions {
  background-image: url("/images/BLOOM/icon.png");
}

.body-page-17723 #campaign_image_money {
  background-image: url("/images/BLOOM/icon5.png");
}

.body-page-17723 #campaign_image_participants {
  background-image: url("/images/BLOOM/icon6.png");
}

.body-page-17840 #campaign_image_actions {
  background-image: url("/files/pride_actions_generated_53247.png");
}

.body-page-17840 #campaign_image_money {
  background-image: url("/files/pride_money_raised_53247.png");
}

.body-page-17840 #campaign_image_participants {
  background-image: url("/files/pride_total_participants_53247.png");
}

.body-page-18076 #campaign_image_actions {
  background-image: url("/files/buku_actions_icon_02086.gif");
}

.body-page-18076 #campaign_image_money {
  background-image: url("/files/buku_raised_icon_02086.gif");
}

.body-page-18076 #campaign_image_participants {
  background-image: url("/files/buku_participants_icon_02086.gif");
}

.body-page-17718 #campaign_image_actions {
  background-image: url("/images/gojira/actions.png");
}

.body-page-17718 #campaign_image_money {
  background-image: url("/images/gojira/money.png");
}

.body-page-17718 #campaign_image_participants {
  background-image: url("/images/gojira/participants.png");
}

/* Demi x2 */
.body-page-17996 .home-header {
  color: black;
}

.body-page-17996 #campaign_image_actions {
  background-image: url("/files/orange_butterfly_68577.png");
}

.body-page-17996 #campaign_image_money {
  background-image: url("/files/green_butterfly_68577.png");
}

.body-page-17996 #campaign_image_participants {
  background-image: url("/files/pink_butterfly_68577.png");
}

.body-page-17996 {
  background-image: url("/files/demi_site_background_68577.jpg");
}

.body-page-17996 #home_header_TakeAction {
  border-color: #e96a2f !important;
}

.body-page-17996 #home_header_Prizes {
  border-color: #48a08d !important;
}

.body-page-17996 .climate_leaderboard_row_1:last-child {
  border-bottom: solid 1px #e96a2f !important;
}

.body-page-17996 .climate_leaderboard_header {
  color: #48a08d;
}

.body-page-17996 .climate_leaderboard_row {
  border-color: #e96a2f;
}

/*Portal 17515*/
.body-page-17515 .climate_container {
  color: #FFFFFF !important;
}

.body-page-17515 .home-header {
  color: #fff;
}

.body-page-17515 .climate_arrows {
  height: 300px;
}

.body-page-17515 .climate_start_propelling {
  color: #fff;
}

.body-page-17515 body {
  color: #fff;
}

.body-page-17515 #campaign_image_take_action {
  background-image: url("/files/portal_takeaction_71052.png");
}

.body-page-17515 #campaign_image_earn_points {
  background-image: url("/files/portal_earnpoints_71052.png");
}

.body-page-17515 #campaign_image_get_rewards {
  background-image: url("/files/portal_getrewards_71052.png");
}

.body-page-17515 .campaign_start_propelling {
  background-image: url("/files/portal_arrows_71052.gif");
}

.body-page-17515 #campaign_image_actions {
  background-image: url("/files/portal_actions_71052.gif");
}

.body-page-17515 #campaign_image_money {
  background-image: url("/files/portal_raised_71052.gif");
}

.body-page-17515 #campaign_image_participants {
  background-image: url("/files/portal_participants_71052.gif");
}

.body-page-17515 {
  background-image: url("/files/portal_background_62415.jpg");
}

.body-page-17515 #home_header_TakeAction {
  border-color: #ff6da0 !important;
}

.body-page-17515 #home_header_Prizes {
  border-color: #78c9bd !important;
}

.body-page-17515 .climate_leaderboard_row_1:last-child {
  border-bottom: solid 1px #ff6da0 !important;
}

.body-page-17515 .climate_leaderboard_header {
  color: #78c9bd;
}

.body-page-17515 .climate_leaderboard_row {
  border-color: #ff6da0;
}

.body-page-17515 .climate_bg_black .climate_leaderboard_container {
  background-color: #252525;
  background-image: none;
}

.body-page-17515 .climate_bg_black {
  background-image: url("/files/portal_gradient_bar_71052.jpg");
}

.body-page-17515 .climate_heading {
  color: #252525;
}

.body-page-17515 .climate_impact_number_bg {
  display: none;
}

.body-page-17515 #money_raised .climate_impact_label {
  color: #ff6da0;
}

.body-page-17515 #actions_generated .climate_impact_label {
  color: #78c9bd;
}

.body-page-17515 #total_participants .climate_impact_label {
  color: #fea905;
}

.body-page-17515 #campaign_leaders {
  background-image: url("/files/portal_gradient_bar_71052.jpg");
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

/*BUKU*/
.body-page-18076 .climate_impact_number {
  color: #fff;
}

.body-page-18076 .climate_impact_number_bg {
  display: none;
}

.body-page-18076 #money_raised .climate_impact_label {
  color: #52f342;
}

.body-page-18076 #actions_generated .climate_impact_label {
  color: #46affd;
}

.body-page-18076 #total_participants .climate_impact_label {
  color: #f0fa18;
}

.body-page-18076 .climate_bg_black {
  background-image: url("/files/buku_titles_background_02086.jpg");
}

.body-page-18076 .climate_bg_black .climate_leaderboard_container {
  background-image: none;
  background-color: black;
}

.body-page-18076 .climate_heading {
  -webkit-text-stroke: 3px #6739cf;
  color: #f0fa18;
}

.climate_impact_label {
  font-weight: 700;
  font-size: 2.5rem;
  text-transform: uppercase;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 55px;
}

.climate_impact_number_box {
  width: 100%;
  margin-top: -40px;
}

.climate_impact_number {
  font-size: 7rem;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-style: normal;
  position: relative;
  z-index: 2;
  text-align: center;
}

.climate_impact_number_bg {
  position: relative;
  width: 100%;
  height: 40px;
  z-index: 1;
  margin-top: -65px;
}

.body-page-17718 .climate_impact_number_bg {
  display: none;
}

.body-page-17718 #actions_generated, .body-page-17718 #total_participants {
  visibility: hidden;
}

.climate_how_it_works_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-top: 60px;
}

.climate_how_it_works_column {
  display: flex;
  flex-direction: column;
  width: 33%;
  height: 250px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.body-page-17560 .climate_how_it_works_column {
  height: 320px;
}

#campaign_image_take_action {
  background-image: url("/images/takeaction_1.png");
}

#campaign_image_earn_points {
  background-image: url("/images/earnpoints_2.png");
}

#campaign_image_get_rewards {
  background-image: url("/images/getrewards_3.png");
}

.body-page-17560 #campaign_image_take_action {
  background-image: url("/images/enough_take-action.png?cache=1");
}

.body-page-17560 #campaign_image_earn_points {
  background-image: url("/images/enough_earn-points.png");
}

.body-page-17560 #campaign_image_get_rewards {
  background-image: url("/images/enough_get-rewards.png");
}

/* 17723 */
.body-page-17723 #campaign_image_take_action {
  background-image: url("/images/BLOOM/1text.png");
}

.body-page-17723 #campaign_image_earn_points {
  background-image: url("/images/BLOOM/2text.png");
}

.body-page-17723 #campaign_image_get_rewards {
  background-image: url("/images/BLOOM/3text.png");
}

.body-page-17840 #campaign_image_take_action {
  background-image: url("/files/pride_take_action_53247.png");
}

.body-page-17840 #campaign_image_earn_points {
  background-image: url("/files/pride_earn_points_53247.png");
}

.body-page-17840 #campaign_image_get_rewards {
  background-image: url("/files/pride_get_rewards_53247.png");
}

.climate_arrows {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.body-page-17560 {
  background-color: #db5a83 !important;
}

.body-page-17723 {
  background-color: var(--bloom-background) !important;
}

.body-page-17840 {
  background-color: var(--pride-background) !important;
}

.body-page-18076 {
  background-color: var(--buku-background) !important;
}

.body-page-17560 .climate_container {
  color: #FFFFFF !important;
}

.body-page-17560 .climate_container {
  color: var(--bloom-text) !important;
}

.body-page-17840 .climate_container {
  color: var(--pride-text) !important;
}

@media (max-width: 1255px) {
  .climate_leaderboard_name {
    width: 270px;
  }

  .climate_leaderboard_header {
    font-size: 2rem;
  }

  .climate_leaderboard_row {
    font-size: 2rem;
  }
}
@media (max-width: 1075px) {
  .climate_leaderboard_container {
    flex-direction: column;
  }

  .climate_leaderboard_column {
    width: 100%;
  }

  .climate_leaderboard_header_2 {
    display: none !important;
  }

  .climate_leaderboard_row_1:last-child {
    border-bottom: solid 1px #905bdf !important;
  }

  .body-page-17560 .climate_leaderboard_row_1:last-child {
    border-bottom: solid 1px #782c65 !important;
  }

  .body-page-17723 .climate_leaderboard_row_1:last-child {
    border-bottom: solid 1px #C49E4F !important;
  }

  .climate_impact_row {
    flex-direction: column;
  }

  .climate_impact_stat {
    width: 100%;
  }

  .climate_impact_number_box {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .climate_impact_image {
    height: 400px;
  }

  .climate_how_it_works_column {
    height: 180px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .climate_how_it_works_row {
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }

  .body-page-17515 .climate_how_it_works_column {
    height: 280px;
  }
}
@media (max-width: 875px) {
  .climate_how_it_works_column {
    height: 120px;
  }

  .climate_heading {
    font-size: 6rem;
  }

  .climate_start_propelling {
    font-size: 5.6rem !important;
    margin-top: -40px;
  }

  .climate_arrows img {
    width: 400px;
  }

  .body-page-17515 .climate_how_it_works_column {
    height: 220px;
  }
}
@media (max-width: 650px) {
  .climate_heading {
    font-size: 5rem;
  }

  .climate_start_propelling {
    font-size: 4rem !important;
  }

  .climate_how_it_works_column {
    height: 100px;
  }

  .body-page-17515 .climate_how_it_works_row {
    flex-direction: column;
  }

  .body-page-17515 .climate_how_it_works_column {
    width: 100%;
    height: 260px;
  }

  .climate_arrows img {
    width: 300px;
  }
}
@media (max-width: 500px) {
  .climate_impact_label {
    padding-bottom: 30px;
  }

  .climate_impact_image {
    height: 300px;
  }

  .climate_leaderboard_container {
    padding: 15px;
  }

  .climate_how_it_works_column {
    height: 80px;
  }

  .climate_start_propelling {
    font-size: 3rem !important;
  }

  .climate_impact_number_box {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .climate_how_it_works_row {
    padding-top: 25px;
  }

  .body-page-17560 .climate_impact_stat, .body-page-17723 .climate_impact_stat {
    margin-bottom: 20px;
  }

  .body-page-17560 #impact_spacer, .body-page-17723 #impact_spacer {
    display: none;
  }

  .climate_leaderboard_name {
    width: 200px;
  }

  .climate_leaderboard_photo {
    width: 40px;
    height: 40px;
  }

  .climate_leaderboard_photo_header {
    width: 40px;
  }

  .climate_leaderboard_header {
    font-size: 1.2rem;
  }

  .climate_leaderboard_row {
    font-size: 1.5rem;
  }

  .climate_leaderboard_rank {
    width: 50px;
  }

  .climate_heading {
    font-size: 3.2rem !important;
  }

  .body-page-17498 .home-header, .body-page-17498 .page-footer-title, .body-page-17560 .page-footer-title, .body-page-17560 .home-header,
.body-page-17723 .page-footer-title, .body-page-17723 .home-header {
    font-size: 2.3rem !important;
  }

  .body-page-17560 .campaign_start_propelling, .body-page-17498 .campaign_start_propelling, .body-page-17515 .campaign_start_propelling {
    height: 260px;
  }

  .body-page-17560 .climate_how_it_works_column {
    height: 140px !important;
  }

  .body-page-17515 .climate_how_it_works_column {
    height: 260px;
  }
}
@media (max-width: 400px) {
  .climate_how_it_works_column {
    height: 70px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .climate_start_propelling {
    margin-top: -50px;
  }

  .body-page-17515 .climate_how_it_works_column {
    width: 100%;
    height: 240px;
  }
}
.campaign-body .onboarding .right {
  display: none;
}

.page-16722 .left {
  float: none !important;
}

.page-16722 .col3, .page-16722 .col1 {
  display: none;
}

.page-16722 .col2 {
  width: 100%;
  margin: 0 !important;
}

.page-16722 .two {
  padding: 0 !important;
}

.page-16722 .marL150 {
  margin: 0 !important;
}

.page-16722 .campaign_headline_big {
  display: none;
}

.page-16722 .container {
  padding: 0 !important;
  width: 100% !important;
}

/* Turbo Vote Test Page - campaigns, 22058 */
.body-page-22058,
.page-22058 {
  width: 100%;
  max-width: 100%;
}

.body-page-22058 .wrapper {
  overflow-x: hidden;
}

.header-page-22058 .header {
  padding: 0px 30px;
  background: #262626;
}

.header-page-22058 .header_right {
  width: auto;
}

.body-page-22058 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22058 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22058 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22058 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22058 .wGutter.right {
  display: none;
}

.body-page-22058 .col2  {
  display: none;
}

.body-page-22058 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22058 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22058 .small_swiper {
  display: none;
}

.page-22058 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22058 .container,
.body-page-22058 .container {
  max-width: 100%;
  width: 100%;
}

.body-page-22058 .cause_desc {
  background-color: #f2f2f2;
  width: 100%;
  margin-top: 150px;
}

.body-page-22058 .tv-test {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.body-page-22058 .tv-test h2 {
  text-transform: uppercase;
  text-align: center;
  padding-top: 30px;
}

.body-page-22058 .top-sec {
  width: 550px;
  height: 680px; /* match iframe dimensions */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
}

.body-page-22058 .frameCont {
  background-color: #c5c5c5;
  margin-top: -680px;
  position: relative;
  /* z-index: -1; */
}

.body-page-22058 .tv-test2 h2 {
  text-transform: uppercase;
  text-align: center;
}

.body-page-22058 .tv-test-2 {
  margin-top: 80px;
}

.body-page-22058 .cont2 {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.body-page-22058 .top-sec2 {
  width: 40%;
}

/* Unstyled Campaigns */
.body_campaigns {
  overflow-x: hidden;
}

.body_campaigns .featuredActionsWrapper {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.body_campaigns p img {
  width: auto;
}

@media screen and (min-width: 650px) {
  .featuredActionsWrapper.SingleSlideCarousel .slick-track { /* Center slides if there is only one */
    transform: none !important;
  }
}


.body_campaigns .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  transition: all 0.4s ease-in-out;
}

.body_campaigns .featuredActionsWrapper.FullCarousel .card-new-container {
  transform: scale(0.8);
}

.body_campaigns .featuredActionsWrapper .slick-current .card-new-container {
  transform: scale(1);
}

@media screen and (max-width: 649px) {
  .body_campaigns .featuredActionsWrapper .card-new-container {
    transform: scale(0.9);
  }

  .body_campaigns .featuredActionsWrapper .campaign-card-new-image {
    height: 430px !important;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
  }

  .body_campaigns .featuredActionsWrapper .slick-arrow {
    display: none;
  }
}

.body_campaigns .featuredActionsWrapper .slick-next {
  right: -38px;
}

.body_campaigns .slick-current .campaign-card-desc-text {
  display: block !important;
  text-align: center;
  color: black;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  font-size: 18px;
  font-weight: 500;
  width: 120%;
  margin-left: -10%;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  height: 100px;
}

.body_campaigns .featuredActionsWrapper .slick-current .campaign-card-title {
  display: block !important;
  text-align: center;
  color: #242424;
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  padding: 15px 0px 10px 0px;
  font-size: 28px;
  font-weight: 800;
  width: 120%;
  margin-left: -10%;
}

@media screen and (max-width: 450px) {
  .body_campaigns .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .body_campaigns .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .body_campaigns .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .body_campaigns .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .body_campaigns .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .body_campaigns .featuredActionsWrapper .slick-arrow {
    /* margin-top: 260px; */
  }

  .body_campaigns .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: scale(1);
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .body_campaigns .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .body_campaigns .featuredActionsWrapper .slick-arrow {
    display: none;
  }

  .body_campaigns .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: scale(1);
  }

}



/* Custom Campaigns */

/* PORTAL TEST HUB - 19155 & 19210 */

.body-page-19155 .col1, .body-page-19210 .col1 {
  display: none;
}

.body-page-19155 .wGutter, .body-page-19210 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19155 .col2, .body-page-19210 .col2 {
  width: 100% !important;
  /* text-align: center; */
}

.page-19155 .container, .page-19210 .container,
.body-page-19155 .container, .body-page-19210 .container,
.body-page-19155 .climate_container, .body-page-19210 .climate_container,
.body-page-19210 .page-footer, .body-page-19155 .page-footer {
  width: 100% !important;
  max-width: 1700px !important;
  overflow-x: hidden;
}

.page-19210 .campaigns {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
}

.page-19210 .campaigns:nth-child(1), .page-19155 .campaigns:nth-child(1) {
  margin-top: -80px;
}

.header-page-19155 .header, .header-page-19210 .header {
  width: 100%;
  overflow-x: visible;
  z-index: 999;
  padding: 0px 30px;
}
.body-page-19155 .header-page-19155 .container, .body-page-19210 .header-page-19210 .container {
  max-width: 1400px !important;
  margin-left: auto;
  margin-right: auto;
  overflow-x:visible;
}
@media screen and (max-width:650px) {
  .header-page-19155 .header, .header-page-19210 .header {
    width: 100%;
    overflow-x: visible;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
  }
}

.page-19210 .campaign_body {
  order: -1;
  margin-bottom: -50px;
}

/* HUB FUNCTION */
.page-19210.campaign-locked #TakeActionWrapper,
.page-19210.campaign-locked .featuredActionsWrapper {
  display: none;
}
.page-19210.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -130px;
}

@media screen and (max-width: 650px) {
  .page-19210.campaign-locked .tat-contain {
    margin-top: 30px;
  }
  .page-19210.campaign-locked .tat-title-contain {
    z-index: -2;
  }
}


.page-19210.campaign-locked ~ .page-footer .portal-2b-content .tat-contain,
.page-19210.campaign-locked ~ .page-footer .portal-2b-content .hiw-container,
.page-19210.campaign-locked ~ .page-footer .portal-2b-content .portal-mission-container {
  display: none;
}

.page-19210.campaign-locked ~ .page-footer .portal-2b-content .portal-bottom-content {
  margin-top: -50px;
}

.page-19210 ~ .page-footer .portal-2b-content .portal-join {
  display: none;
}

.page-19210.campaign-locked ~ .page-footer .portal-2b-content .portal-join {
  display: block !important;
}

.page-19210 .campaign-body {
  position:relative;
  z-index:8;
}

.page-19155, .page-19210, .body-page-19155, .body-page-19210 {
  margin:0;
  padding:0;
  width: 100%;
  max-width: 100%;
}

.body-page-19155 .small_swiper, .body-page-19210 .small_swiper {
  display: none;
}

.page-19155 .portal-header-cont, .page-19210 .portal-header-cont {
  background-image: url('../images/portal-textured-background.jpg');
  width: 100%;
}

.portal-header-gif {
  position: relative;
  z-index: 2;
  padding-top: 100px;
  width: 140% !important;
  margin-left: -20%;
}

.page-hub .portal-intro, .page-19210 .portal-intro-u {
  /* background-image: url("../images/textured-white-background.jpg"); */
  background-color: transparent;
  display: flex;
  flex-direction: column;
  padding: 15px;
  margin-top: -20px;
  min-height: 350px;
  position: relative;
}

.page-hub .portal-intro-title, .portal-intro-title-u {
  font-weight: bolder;
  font-size: 40px;
  width: 95%;
  color: #252525;
}

.page-hub .portal-intro-cont, .page-19210 .portal-intro-cont-u {
  width: 70%;
  z-index: 2;
  display: flex;
  flex-direction: row;
}

.portal-intro-text {
  transform: translate(-300px);
  opacity: 0;
}

.portal-intro-desc, .portal-intro-desc-u{
  font-family: 'neue-haas-grotesk-display';
  color: #252525;
  font-weight: 500;
  font-size: 18px;
}

.page-hub .portal-mushrooms {
  position: absolute;
  height: 250px;
  width: auto;
  transform: rotate(-30deg) translate(300px);
  margin-top: 30px;
  grid-column: 5;
  right: -80px;
  opacity: 0;
}

.page-19210 .portal-intro-u {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}

.page-19210 .portal-intro-title-u, .page-19210 .portal-intro-desc-u {
  width: 60%;
  float: left;
  text-align: left;
}
.page-19210 .portal-intro-desc-u {
  margin-top: 50px;
}

.page-19210 .portal-intro-cont-u {
  width: 100%;
  display: flex;
  flex-direction: row;
}


.page-19210 .portal-face {
  float: right;
  margin-top: -100px;

}

@media screen and (max-width: 650px) {



  .page-19210 .portal-intro-title-u {
    width: 90%;
    font-size: 30px;
    z-index: 1;
  }

  .page-19210 .portal-face {
    transform: translate(500px);
    height: 350px;
    width: auto;
    z-index: -1;
    margin-top: 0;
  }

  .portalFaceMoveIn {
    animation: none;
  }
}





.page-19210 .portal-face {
  height: 350px;
  width: auto;

}


.portalFaceMoveIn {
  animation: lefttoright 1s;
  -webkit-animation: lefttoright 1s;
  -moz-animation: lefttoright 1s;
  -ms-animation: lefttoright 1s;
  -o-animation: lefttoright 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;

  margin-right: -160px;
}

@keyframes fadeinmove-animate {
  to {
    transform: translate(0px);
    opacity: 1;
  }
}
@-webkit-keyframes fadeinmove-animate {
  to {
    transform: translate(0px);
    opacity: 1;
  }
}
@-moz-keyframes fadeinmove-animate {
  to {
    transform: translate(0px);
    opacity: 1;
  }
}
@-ms-keyframes fadeinmove-animate {
  to {
    transform: translate(0px);
    opacity: 1;
  }
}
@-o-keyframes fadeinmove-animate {
  to {
    transform: translate(0px);
    opacity: 1;
  }
}

.portal-movein-animate {
  animation: fadeinmove-animate 1s;
  -webkit-animation: fadeinmove-animate 1s;
  -moz-animation: fadeinmove-animate 1s;
  -ms-animation: fadeinmove-animate 1s;
  -o-animation: fadeinmove-animate 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeinrotate-animate {
  to {
    transform: rotate(-30deg) translate(0px);
    opacity: 1;
  }
}
@-webkit-keyframes fadeinrotate-animate {
  to {
    transform: rotate(-30deg) translate(0px);
    opacity: 1;
  }
}
@-moz-keyframes fadeinrotate-animate {
  to {
    transform: rotate(-30deg) translate(0px);
    opacity: 1;
  }
}
@-ms-keyframes fadeinrotate-animate {
  to {
    transform: rotate(-30deg) translate(0px);
    opacity: 1;
  }
}
@-o-keyframes fadeinrotate-animate {
  to {
    transform: rotate(-30deg) translate(0px);
    opacity: 1;
  }
}

.portal-mushroom-animate {
  animation: fadeinrotate-animate 1s;
  -webkit-animation: fadeinrotate-animate 1s;
  -moz-animation: fadeinrotate-animate 1s;
  -ms-animation: fadeinrotate-animate 1s;
  -o-animation: fadeinrotate-animate 1s;
  animation-fill-mode: forwards;
}

.page-19155 .portal-mission-container,
.portal-mission-container {
  position: relative;
  background-image: url("../images/portal-textured-background.jpg");
  font-family: 'neue-haas-grotesk-display';
  padding-bottom: 40px;
  min-height: 470px;
  z-index: 1;
  overflow: hidden;
}

/* .mission-scroll-wrapper {
  max-width: 100%;
  overflow: hidden;
}

.mission-scroll {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: floatText 8s linear infinite;
  -webkit-animation: floatText 8s linear infinite;
  -moz-animation: floatText 8s linear infinite;
  -ms-animation: floatText 8s linear infinite;
  -o-animation: floatText 8s linear infinite;
}

.our-mission-banner {
  word-spacing: 10px;
  text-transform: uppercase;
  font-size: 30px;
  color: white;
  font-weight: 200;
  display: inline-block;
  margin-top: 10px;
  overflow-x:hidden;
} */

/* .mission-banner-cont {
  padding-top: 30px;
}

.our-mission-banner2 {
  width: 100%;
  background-image: url('../images/our-mission.gif');
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-position: center;
  height: 30px;
} */

.portal-mission-title-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}

.waviy {
  position: relative;
}
.waviy span {
  position: relative;
  display: inline-block;
  font-size: 35px;
  color: #fff;
  text-transform: uppercase;
  animation: flip 2.5s infinite;
  animation-delay: calc(.2s * var(--i))
}
@keyframes flip {
  0%,60% {
    transform: rotateY(360deg)
  }
}



 @keyframes floatText {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}
@-webkit-keyframes floatText {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}
@-moz-keyframes floatText {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}
@-o-keyframes floatText {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}
@-ms-keyframes floatText {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}

.portal-mission-text {
  background-image: url("../images/pink-rectangle.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 5px;
  width: 100%;
  height: 350px;
}

.portal-mission-rectangle-animate {
  animation: pinkRectangle 1s;
  -webkit-animation: pinkRectangle 1s;
  -moz-animation: pinkRectangle 1s;
  -ms-animation: pinkRectangle 1s;
  -o-animation: pinkRectangle 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes pinkRectangle {
  to {
    background-size: 320px;
  }
}
@-webkit-keyframes pinkRectangle {
  to {
    background-size: 320px;
  }
}
@-moz-keyframes pinkRectangle {
  to {
    background-size: 320px;
  }
}
@-o-keyframes pinkRectangle {
  to {
    background-size: 320px;
  }
}
@-ms-keyframes pinkRectangle {
  to {
    background-size: 320px;
  }
}

.page-19155 .mission-title,
.mission-title {
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display';
  font-size: 30px;
  font-weight: bolder;
  text-align: center;
  transform: translate(-450px);
}

.mission-title1 {
  padding-top: 60px;
  color: #86CDC3;
}

.mission-title2 {
  color: #E76E9B;
  padding-top: 5px;
}

.mission-title3 {
  color: #EFAC0F;
  padding-top: 5px;
}

.lefttoright-animate {
  animation: lefttoright 1s;
  -webkit-animation: lefttoright 1s;
  -moz-animation: lefttoright 1s;
  -ms-animation: lefttoright 1s;
  -o-animation: lefttoright 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes lefttoright {
 to {
   transform: translate(0px);
 }
}
@-webkit-keyframes lefttoright {
  to {
    transform: translate(0px);
  }
 }
@-moz-keyframes lefttoright {
  to {
    transform: translate(0px);
  }
 }
@-o-keyframes lefttoright {
  to {
    transform: translate(0px);
  }
 }
@-ms-keyframes lefttoright {
  to {
    transform: translate(0px);
  }
 }

.page-19155 .mission-desc,
.mission-desc {
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-family: 'neue-haas-grotesk-display';
  font-size: 13px;
  margin-top: -10px;
  transform: translate(450px);
}

.righttoleft-animate {
  animation: lefttoright 1s;
  -webkit-animation: lefttoright 1s;
  -moz-animation: lefttoright 1s;
  -ms-animation: lefttoright 1s;
  -o-animation: lefttoright 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes righttoleft {
  to {
    transform: translate(0px);
  }
}

.mission-mdma-crop {
  position: absolute;
  width: 170px;
  margin: 0;
  padding: 0;
  bottom: -35px;
  right: 0;
  transform: translate(300px);
}

.righttoleft-animate-delay {
  animation: lefttoright 1s;
  -webkit-animation: lefttoright 1s;
  -moz-animation: lefttoright 1s;
  -ms-animation: lefttoright 1s;
  -o-animation: lefttoright 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

.page-19155 .tat-contain {
  padding-top: 30px;
}

.tat-contain {
  position: relative;
  padding-bottom: 30px;
}

.body-page-19210 .tat-title-2, .body-page-19210 .tat-desc {
  padding: 10px 40px !important;
}

.tat-contain .tat-title-contain {
  position: relative;
  text-align: center;
  background-color: #EFAC0F;
  width: 280px;
  transform: translateY(-100px);
}

@keyframes moveDownY {
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes moveDownY {
  to {
    transform: translateY(0);
  }
}
@-moz-keyframes moveDownY {
  to {
    transform: translateY(0);
  }
}
@-o-keyframes moveDownY {
  to {
    transform: translateY(0);
  }
}
@-ms-keyframes moveDownY {
  to {
    transform: translateY(0);
  }
}

.moveDownY-animate {
  animation: moveDownY 1.5s;
  -webkit-animation: moveDownY 1.5s;
  -moz-animation: moveDownY 1.5s;
  -ms-animation: moveDownY 1.5s;
  -o-animation: moveDownY 1.5s;
  animation-fill-mode: forwards;
  animation-delay: 3s;
}

.tat-contain .tat-label {
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display';
  font-size: 15px;
  font-weight: 600;
  color: black;
  text-align: right;
  padding: 8px;
  position: relative;
  z-index: -1;
}

.tat-contain .tat-title-2 {
  width: 65%;
  color: black;
  font-family: 'neue-haas-grotesk-display';
  font-weight: bold;
  font-size: 35px;
  padding: 10px;
  opacity: 0;
  transform: translate(-150px);
}

.tat-title-animate {
  animation: fadeinmove-animate 1.5s;
  -webkit-animation: fadeinmove-animate 1.5s;
  -moz-animation: fadeinmove-animate 1.5s;
  -ms-animation: fadeinmove-animate 1.5s;
  -o-animation: fadeinmove-animate 1.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.5s;
}

.tat-contain .tat-desc {
  width: 80%;
  color: black;
  font-size: 18px;
  font-family: 'neue-haas-grotesk-display';
  padding: 10px;
  opacity: 0;
}

@keyframes fadeInPortal {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInPortal {
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeInPortal {
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeInPortal {
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadeInPortal {
  to {
    opacity: 1;
  }
}

.tat-desc-animate {
  animation: fadeInPortal 1s;
  -webkit-animation: fadeInPortal 1s;
  -moz-animation: fadeInPortal 1s;
  -ms-animation: fadeInPortal 1s;
  -o-animation: fadeInPortal 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}

/* .hiw-scroll-wrapper {
  max-width: 100%;
  overflow: hidden;
}

.hiw-scroll {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: floatText 10s linear infinite;
  -webkit-animation: floatText 10s linear infinite;
  -moz-animation: floatText 10s linear infinite;
  -ms-animation: floatText 10s linear infinite;
  -o-animation: floatText 10s linear infinite;
}

.hiw-banner {
  word-spacing: 10px;
  text-transform: uppercase;
  font-size: 30px;
  color: black;
  font-weight: 200;
  display: inline-block;
  margin-top: 20px;
} */

.hiw-container {
  background-image: linear-gradient(to bottom, #E4AE3E, #D7759A);
  padding-bottom: 20px;
}

/* .hiw-banner2-cont {
  padding-top: 30px;
  padding-bottom: 20px;
}

.hiw-banner2 {
  background-image: url('../images/how-it-works.gif');
  height: 30px;
  background-size: auto 30px;
  background-position: center;
  background-repeat: no-repeat;
} */

#hiw-title-container {
  text-align: center;
}

.hiw-title-wrapper span {
  font-size: 30px;
  /* text-shadow: 0 0px #f3c623, 0 0px #f2aaaa; */
  transform: translate(0, 20%) rotate(4deg);
  animation: jump 2s ease-in-out infinite;
  display: inline-block;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  color: #2a2a2a;
  padding-top: 30px;
  padding-bottom: 20px;
}
.hiw-title-wrapper span:nth-child(1) {
  animation-delay: 120ms;
}
.hiw-title-wrapper span:nth-child(2) {
  animation-delay: 240ms;
}
.hiw-title-wrapper span:nth-child(3) {
  animation-delay: 360ms;
}
.hiw-title-wrapper span:nth-child(4) {
  animation-delay: 480ms;
}
.hiw-title-wrapper span:nth-child(5) {
  animation-delay: 600ms;
}
.hiw-title-wrapper span:nth-child(6) {
  animation-delay: 720ms;
}
.hiw-title-wrapper span:nth-child(7) {
  animation-delay: 840ms;
}
.hiw-title-wrapper span:nth-child(8) {
  animation-delay: 960ms;
}
.hiw-title-wrapper span:nth-child(9) {
  animation-delay: 1080ms;
}
.hiw-title-wrapper span:nth-child(10) {
  animation-delay: 1200ms;
}
.hiw-title-wrapper span:nth-child(11) {
  animation-delay: 1320ms;
}
.hiw-title-wrapper span:nth-child(12) {
  animation-delay: 1440ms;
}

@keyframes jump {
  33% {
    /* text-shadow: 0 60px #f37121, 0 150px #f2aaaa; */
  }
  50% {
    transform: translate(0, 0) rotate(-4deg);
    /* text-shadow: 0 0px #8fc0a9, 0 0px #84a9ac; */
  }
  66.67% {
    /* text-shadow: 0 -60px #d54062, 0 -150px #8fc0a9; */
  }
}


.hiw-section {
  padding: 15px;
  text-align: center;
}

.body-page-19210 .hiw-section {
  padding: 15px 30px !important;
}

.hiw-section img {
  max-width: 90%;
  width: 90%;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  object-fit: contain;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
}

.hiw-img {
  transform: rotate(8deg) scale(0.7);
}

.hiw-img2 {
  transform: rotate(-8deg) scale(0.7);
}

@keyframes rotateImg {
  to {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotateImg {
  to {
    transform: rotate(0deg);
  }
}
@-moz-keyframes rotateImg {
  to {
    transform: rotate(0deg);
  }
}
@-o-keyframes rotateImg {
  to {
    transform: rotate(0deg);
  }
}
@-ms-keyframes rotateImg {
  to {
    transform: rotate(0deg);
  }
}

.hiw-img-rotate-animation {
  animation: rotateImg 1.5s;
  -webkit-animation: rotateImg 1.5s;
  -moz-animation: rotateImg 1.5s;
  -ms-animation: rotateImg 1.5s;
  -o-animation: rotateImg 1.5s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

.hiw-section h2 {
  font-family: 'neue-haas-grotesk-display', sans-serif;
  font-size: 30px;
  color: white;
  /* -webkit-text-stroke: 1px black; */
}

.hiw-section p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: #252525;
  font-weight: 600;
}

.page-19155 #TakeActionWrapper, .page-19155 .share-global-wrapper {
  display: none;
}

/* current rewards */


.page-19155 #PrizesWrapper {
  position: relative;
  margin-top: -130px !important;
  background-image: url('../images/portal-textured-background.jpg');
  min-height: 580px;
}

.page-19210 #PrizesWrapper {
  position: relative;
  /* margin-top: -130px !important; */
  background-image: url('../images/portal-textured-background.jpg');
  min-height: 580px;
  order: 3;
  top: 0px;
  margin-top: -100px;
}

.page-19155 #PrizesWrapper .carouselTitle,
.page-19210 #PrizesWrapper .carouselTitle {
  visibility: hidden;
}

/* .page-19155 #PrizesWrapper .carouselTitle:after,
.page-19210 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  content: 'CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS CURRENT REWARDS';
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: white;
  font-weight: 200;
  word-spacing: 10px;
  animation: floatText 18s linear infinite;
  -webkit-animation: floatText 18s linear infinite;
  -moz-animation: floatText 18s linear infinite;
  -ms-animation: floatText 18s linear infinite;
  -o-animation: floatText 18s linear infinite;
  position: absolute;
  top: 0px;
  margin-top: 20px;
} */

.page-19155 #PrizesWrapper .home-header-row,
.page-19210 #PrizesWrapper .home-header-row {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 10px;
  width: 100%;
}

.page-19155 #PrizesWrapper .carouselTitle:after,
.page-19210 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  content: 'CURRENT REWARDS';
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: white;
  font-weight: 500;
  display: block;
  width: 350px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  animation: 3s anim-flipX  infinite;
  /* animation: 3s anim-popoutin infinite; */
  /* animation-direction: alternate; */
  letter-spacing: 1px;
}

@keyframes anim-flipX {
  0% {
    /* opacity: 0; */
    transform: rotateX(90def);
  }
  50% {
    /* opacity: 1; */
    transform: rotateX(720deg);
  }
  100% {
    /* animate nothing to pause animation at the end */
    /* opacity: 1; */
    transform: rotateX(720deg);
  }
}

@keyframes anim-popoutin {
  50% {

    transform: scale(1.2);
    /* opacity: 1; */
    /* text-shadow: 1px 0 0 rgba(0, 0, 0, 0); */
  }
}


/* .page-19155 #PrizesWrapper .home-header,
.page-19210 #PrizesWrapper .home-header {
  background-image: url('../images/current-rewards.gif');
  width: 100%;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
} */

.page-19210 #PrizesWrapper .slick-track {
  padding: 0px;
}

@media screen and (max-width:650px) {
  .page-19210 #PrizesWrapper .slick-track {
    margin-top: -20px;
  }
}

.page-19155 #PrizesWrapper .slick-track .card-new-icon-box,
.page-19210 #PrizesWrapper .slick-track .card-new-icon-box  {
  display: none;
}

.page-19155 #PrizesWrapper .slick-track .card-new-bg-donation,
.page-19210 #PrizesWrapper .slick-track .card-new-bg-donation {
  background-color: transparent;
}

.page-19155 #PrizesWrapper .slick-track .card-new-bar,
.page-19210 #PrizesWrapper .slick-track .card-new-bar {
  padding: 0px;
}

.page-19155 #PrizesWrapper .slick-track .card-new-container,
.page-19210 #PrizesWrapper .slick-track .card-new-container {
  position: relative;
  /* width: 90%; */
  width: 310px;
  height: 380px;
  /* background-image: url('../images/pink-rectangle.png');
  background-size: contain;
  background-repeat: no-repeat; */
  padding-bottom: 50px;
  transform: scale(0.1);
  margin-left: auto;
  margin-right: auto;

}

@keyframes scalelarge {
  to {
    transform: scale(1.0);
  }
}
@-webkit-keyframes scalelarge {
  to {
    transform: scale(1.0);
  }
}
@-moz-keyframes scalelarge {
  to {
    transform: scale(1.0);
  }
}
@-o-keyframes scalelarge {
  to {
    transform: scale(1.0);
  }
}
@-ms-keyframes scalelarge {
  to {
    transform: scale(1.0);
  }
}

.current-rewards-animation {
  animation: scalelarge 2s;
  -webkit-animation: scalelarge 2s;
  -moz-animation: scalelarge 2s;
  -ms-animation: scalelarge 2s;
  -o-animation: scalelarge 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}

.page-19155 #PrizesWrapper .slick-list,
.page-19210 #PrizesWrapper .slick-list {
  /* margin-top: -35px; */
  margin-top: 35px;
}

.page-19155 #PrizesWrapper .slick-track .card-new,
.page-19210 #PrizesWrapper .slick-track .card-new {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 30px;
  height: 300px;
}

.page-19155 #PrizesWrapper .slick-track .card-new-image,
.page-19210 #PrizesWrapper .slick-track .card-new-image {
  margin-right: auto;
  margin-left: auto;
  background-size: 100% 100%;
  background-position: cover;
  background-repeat: no-repeat;
  /* transform: rotate(-3deg); */
  margin-top: -20px;
}

.page-19155 #PrizesWrapper .slick-track .card-new-info-container,
.page-19210 #PrizesWrapper .slick-track .card-new-info-container {
  height: 80%;
  font-size: 15px;
  font-family: 'neue-haas-grotesk-display';
  letter-spacing: 1px;
  width: 100%;
  font-weight: 500;
}

.page-19155 #PrizesWrapper .slick-track .card-new-info,
.page-19210 #PrizesWrapper .slick-track .card-new-info {
  background-color: transparent;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-19210 #PrizesWrapper .slick-track .card-propel .card-new-info {
  margin-top: 0px;
}

.page-19155 #PrizesWrapper .card-new-description,
.page-19210 #PrizesWrapper .card-new-description {
  display: none;
}

.page-19155 #PrizesWrapper .card-new-description-box,
.page-19210 #PrizesWrapper .card-new-description-box {
  margin-left: 0px;
}

.page-19155 #PrizesWrapper .card-new-points,
.page-19210 #PrizesWrapper .card-new-points {
  overflow: visible;
  bottom: -60px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 38px;
  color: #fafafa;
  font-weight: 800px;
}

.page-19155 #PrizesWrapper .card-new-points:after,
.page-19210 #PrizesWrapper .card-new-points:after {
  content: '';
}

@media screen and (max-width: 650px) {
  .page-19155 #PrizesWrapper .slick-track .card-new-container,
  .page-19210 #PrizesWrapper .slick-track .card-new-container {
    height: 480px;
  }

  .page-19155 #PrizesWrapper,
  .page-19210 #PrizesWrapper {
    height: 700px;
  }

  .page-19155 .slick-arrow,
  .page-19210 #PrizesWrapper .slick-arrow {
    top: 260px;
  }
}


@media screen and (max-width: 480px) {
  .page-19155 #PrizesWrapper .slick-track .card-new-container,
  .page-19210 #PrizesWrapper .slick-track .card-new-container {
    /* min-height: 350px;
    max-height: 350px; */
    /* background-size: 250px 300px; */
    background-size: contain;
    /* padding: 20px; */
    left: 0;
    margin-top: -30px;
  }

  .page-19155 #PrizesWrapper .slick-track .card-new,
  .page-19210 #PrizesWrapper .slick-track .card-new {
    margin-top: 40px;
    padding-bottom: 40px;
    width: 90%;
    /* margin-left: 10%; */
    /* margin-right: 10%; */
  }

  .page-19155 #PrizesWrapper .slick-track .card-new-info,
  .page-19210 #PrizesWrapper .slick-track .card-new-info {
    font-size: 15px;
    height: 85%;
  }


}

.page-19155 .slick-arrow,
.page-19210 #PrizesWrapper .slick-arrow {
  position: absolute;
  margin-top: 210px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

@media (max-width:375px) {

  .page-19155 #PrizesWrapper,
  .page-19210 #PrizesWrapper {
    height: 680px;
  }

  .page-19155 #PrizesWrapper .card-new-container {
  }

  .page-19155 .slick-arrow,
  .page-19210 #PrizesWrapper .slick-arrow {
    width: 80px;
    height: 50px;
    right: 0 !important;
    transform: none;
    display: flex;
    margin-top: 190px;
  }

  .page-19155 .slick-prev,
  .page-19210 #PrizesWrapper .slick-prev {
    margin-left: calc( 50% - 50px);
  }

  .page-19155 .slick-next,
  .page-19210 #PrizesWrapper .slick-next {
    position: absolute;
    margin-right: calc( 50% - 50px);
    right: 0 !important;
    transform: translate(-120px);
  }

}

.page-19155 .slick-prev,
.page-19210 #PrizesWrapper .slick-prev {
  background-image: url('../images/portal-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 80px;
}

.page-19155 .slick-next,
.page-19210 #PrizesWrapper .slick-next {
  background-image: url('../images/portal-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 80px;
}

.portal-left-arrow:hover, .portal-right-arrow:hover {
  transform: scale(1.1);
}

/* campaign impact */

.page-19210 .climate_container {
  order: 4;
}

.page-19155 .campaign_impact,
.page-19210 .campaign_impact {
  margin-top: -25px;
  z-index: -1;
  position: relative;
  background-image: url('../images/gradient-background.png');
  overflow-y: hidden;
}

@media screen and (max-width: 500px) {
  .page-19155 .campaign_impact,
  .page-19210 .campaign_impact {
    height: 1200px;
  }
}

.page-19155 .climate_container .climate_bg_black,
.page-19210 .climate_container .climate_bg_black {
  background-color: transparent !important;
}

 .page-19155 .climate_container .climate_heading,
.page-19210 .climate_container .climate_heading {
  visibility: hidden;
  margin-top: 20px;
  margin-bottom: 30px;
}



.page-19155 .climate_container .climate_heading:after,
.page-19210 .climate_container .climate_heading:after {
  visibility: visible;
  color: blue;
  content: 'IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  ';
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: black;
  font-weight: 200;
  position: absolute;
  left: 0;
  transform: translate3d(-1%, 0, 0);
  word-spacing: 10px;
  animation: floatText 15s linear infinite;
  -webkit-animation: floatText 15s linear infinite;
  -moz-animation: floatText 15s linear infinite;
  -ms-animation: floatText 15s linear infinite;
  -o-animation: floatText 15s linear infinite;
}

.page-19155 .climate_container .climate_impact_row,
.page-19210 .climate_container .climate_impact_row  {
  flex-direction: column-reverse;
}

.page-19155 .climate_container .climate_impact_row #total_participants,
.page-19155 .climate_container .climate_impact_row #actions_generated,
.page-19155 .climate_container .climate_impact_row #money_raised,
.page-19210 .climate_container .climate_impact_row #total_participants,
.page-19210 .climate_container .climate_impact_row #actions_generated,
.page-19210 .climate_container .climate_impact_row #money_raised {
  position: relative;
  display: flex;
  flex-direction: column;
  top: -65px;
}

.page-19155 .climate_container .climate_impact_row #actions_generated,
.page-19210 .climate_container .climate_impact_row #actions_generated {
  top: -140px;
}

.page-19155 .climate_container .climate_impact_row #money_raised,
.page-19210 .climate_container .climate_impact_row #money_raised {
  top: -200px;
}

.page-19155 .climate_container .climate_impact_row #total_participants .climate_impact_image,
.page-19210 .climate_container .climate_impact_row #total_participants .climate_impact_image {
  background-image: url('../images/supporters-icon.gif');
  margin-bottom: 20px;
}
.page-19155 .climate_container .climate_impact_row #actions_generated .climate_impact_image,
.page-19210 .climate_container .climate_impact_row #actions_generated .climate_impact_image {
  background-image: url('../images/actions-icon.gif');
  margin-bottom: 20px;
}
.page-19155 .climate_container .climate_impact_row #money_raised .climate_impact_image,
.page-19210 .climate_container .climate_impact_row #money_raised .climate_impact_image {
  background-image: url('../images/raised-icon.gif');
  margin-bottom: 20px;
}

.page-19155 .climate_container .climate_impact_row #total_participants .climate_impact_number,
.page-19155 .climate_container .climate_impact_row #actions_generated .climate_impact_number,
.page-19155 .climate_container .climate_impact_row #money_raised .climate_impact_number,
.page-19210 .climate_container .climate_impact_row #total_participants .climate_impact_number,
.page-19210 .climate_container .climate_impact_row #actions_generated .climate_impact_number,
.page-19210 .climate_container .climate_impact_row #money_raised .climate_impact_number {
  color: #252525;
  font-family: 'neue-haas-grotesk-display';
  font-size: 40px;
  padding-top: 5px;
}

.page-19155 .climate_container .climate_impact_row #total_participants .climate_impact_number_bg,
.page-19155 .climate_container .climate_impact_row #actions_generated .climate_impact_number_bg,
.page-19155 .climate_container .climate_impact_row #money_raised .climate_impact_number_bg,
.page-19210 .climate_container .climate_impact_row #total_participants .climate_impact_number_bg,
.page-19210 .climate_container .climate_impact_row #actions_generated .climate_impact_number_bg,
.page-19210 .climate_container .climate_impact_row #money_raised .climate_impact_number_bg {
  background-color: transparent;
}


.page-19155 .climate_container .climate_impact_row #total_participants .climate_impact_label,
.page-19155 .climate_container .climate_impact_row #actions_generated .climate_impact_label,
.page-19155 .climate_container .climate_impact_row #money_raised .climate_impact_label,
.page-19210 .climate_container .climate_impact_row #total_participants .climate_impact_label,
.page-19210 .climate_container .climate_impact_row #actions_generated .climate_impact_label,
.page-19210 .climate_container .climate_impact_row #money_raised .climate_impact_label {
  order: 1;
  color: #252525;
  font-family: 'neue-haas-grotesk-display';
  font-weight: 600;
  font-size: 20px;
}

.page-19155 .climate_container .climate_impact_row #actions_generated,
.page-19210 .climate_container .climate_impact_row #actions_generated {
  margin-top: 40px;
}

.page-19155 .climate_container .climate_impact_row #money_raised,
.page-19210 .climate_container .climate_impact_row #money_raised  {
  order: -1; /* reorder elements */
  margin-top: 40px;
}

/* partners */

.portal-partners {
  padding-bottom: 30px;
  background-color: white;
  margin-top: -35px;
}


.portal-banner-cont {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.portal-partners-title-wrapper {
  background-color: white;
  margin-bottom: -50px;
  margin-top: 60px;
}

.portal-partners-title-wrapper span {
  font-size: 40px;
  /* text-shadow: 0 0px #f3c623, 0 0px #f2aaaa; */
  transform: scale(1.0);
  animation: scalein 3s ease-in-out infinite;
  display: inline-block;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  color: #2a2a2a;
  padding-top: 20px;
  padding-bottom: 20px;
}
.portal-partners-title-wrapper span:nth-child(1) {
  animation-delay: 100ms;
}
.portal-partners-title-wrapper span:nth-child(2) {
  animation-delay: 150ms;
}
.portal-partners-title-wrapper span:nth-child(3) {
  animation-delay: 200ms;
}
.portal-partners-title-wrapper span:nth-child(4) {
  animation-delay: 250ms;
}
.portal-partners-title-wrapper span:nth-child(5) {
  animation-delay: 300ms;
}
.portal-partners-title-wrapper span:nth-child(6) {
  animation-delay: 350ms;
}
.portal-partners-title-wrapper span:nth-child(7) {
  animation-delay: 400ms;
}
.portal-partners-title-wrapper span:nth-child(8) {
  animation-delay: 450ms;
}

@keyframes scalein {
  30% {
    transform: scale(0.5);
    /* text-shadow: 0 0px #8fc0a9, 0 0px #84a9ac; */
  }
}


.portal-partner-logo-container {
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
  width: 100%;
  padding: 20px;
}


.portal-partner-logo-container .pLogo {
  width: 180px;
  height: 100px;
  object-fit: contain;
  background-color: transparent;
}



.portal-join {
  background-image: url('../images/portal-textured-background.jpg');
  height: 500px;
  width: 100%;
  position: relative;
}

.mdma-whole {
  background-image: url('../images/mdma-microscope.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  width: 300px;
  height: 300px;
  top: 20px;
  margin: auto;
  -webkit-animation: infinitespin 7s linear infinite;
  -moz-animation: infinitespin 7s linear infinite;
  -ms-animation: infinitespin 7s linear infinite;
  -o-animation: infinitespin 7s linear infinite;
  animation: infinitespin 7s linear infinite;
  z-index: 0;
}

@keyframes infinitespin {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

.portal-join-title {
  position: relative;
  text-align: center;
  background-color: #333;
  border: 1px solid rgba(251, 251, 251, 0.6);
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -155px;
  color: white;
  font-family: 'neue-haas-grotesk-display';
  font-size: 20px;
  z-index: 5;
}

.portalPropellerLogo {
  position: relative;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 180px;
}
.portalPropellerLogo img {
  width: 240px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}


/* docked button */

.portal-dockedb-cont {
  width: 100%;
  height: 50px;
  background-color: #FAB704;
  position: fixed;
  bottom: 0;
  z-index: 10;
  text-align: center;
  padding: 11px 10px;
}

.portal-docked-button {
  text-align: center;
  color: black;
  text-transform: uppercase;
  width: 100%;
  height: 40px;
  font-family: 'neue-haas-grotesk-display';
  font-size: 20px;
  font-weight: 600;
}

.body-page-19210 .footer {
  position: relative;
  z-index: 11;
}

@media screen and (min-width: 650px) {

  .portal-dockedb-cont {
    width: 300px;
    right: 20px;
    bottom: 20px;
    border-radius: 10px;
  }

  .body-page-19210 .footer {
    z-index: 110;
  }

}


/* END PORTAL LANDING PAGE */


/* PORTAL Page 2 - 19210*/



.page-19210 {
  /* width: 104vw;
  margin-left: -4vw; */
  width: 100%;
}

.page-19210 .share-global-wrapper {
  display: none;
}

@media screen and (min-width: 650px) {
  .page-19210 .share-global-wrapper {
    display: block;
  }
}

.portal-partners2 {
  margin-top: -60px;
}

/* PORTAL page 2 take action */



.page-19210 #TakeActionWrapper {
  width: 100%;
  position: relative;
  /* margin-top: -40px; */
  top: -100px;
  background-image: url('../images/portal-moreactions-background2.jpg');
  background-size: cover;
  height: 700px;
  padding-bottom: 15px;
  order: 1;
  top: -100px;
}

.page-19210 .featuredActionsWrapper {
  order: 2;
  width: 100%;
  background-image: url('../images/portal-moreactions-background2.jpg');
  background-size: cover;
  height: 730px;
  padding-bottom: 15px;
  top: -100px;
}

.page-19210 .featuredActionsWrapper:nth-child(3),
.page-19210 .featuredActionsWrapper:nth-child(7) {
  background-image: url('../images/portal-moreactions-background-flipped.jpg');
  height: 700px;
  padding-bottom: 15px;
  top: -100px;
  width: 100%;
}

@media screen and (min-width: 1515px ) {
  .page-19210 #TakeActionWrapper,
  .page-19210 .featuredActionsWrapper:nth-child(3),
  .page-19210 .featuredActionsWrapper:nth-child(7),
  .page-19210 .featuredActionsWrapper {
    background-size: contain;
    background-repeat: repeat-x;
  }
}

.page-19210 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  text-align: center;

}

.page-19210 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: '\AKEEP TAKING ACTION';
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: black;
  font-weight: 500;
  /* position: absolute; */
  display: block;
  width: 350px;
  text-align: center;
  /* width: 50%; */
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  /* background: linear-gradient(to right, #2a2a2a 0, #79cabd 20%, #2a2a2a 40%); */
  /* background: linear-gradient(to right, #79cabd 0, #fafafa 20%, #79cabd 40%); */
  background: linear-gradient(to right, #000 0, #79cabd 10%, #fc74ad 15%, #79cabd 20%, #000 30%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-size-adjust: none;
  animation: shine 4s linear 0s infinite forwards;
  animation-fill-mode: forwards;
  white-space: nowrap;
}

@keyframes shine {
  0% {
    background-position: 0px;
  }
  100% {
    background-position: 350px;
  }
}
 @-moz-keyframes shine {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 350px;
  }
}
 @-webkit-keyframes shine {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 350px;
  }
}
@-o-keyframes shine {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 350px;
  }
}

@media screen and (min-width:400px) and (max-width: 515px) {
  .page-19210 #TakeActionWrapper .carouselTitle:after {
    width: 130%;
    margin-left: -15%;
    animation: shine 7s linear 0s infinite forwards;
  }

  @keyframes shine {
    0% {
      background-position: 0px;
    }
    50%, 100% {
      background-position: 450px;
    }
  }
   @-moz-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 450px;
    }
  }
   @-webkit-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 450px;
    }
  }
  @-o-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 450px;
    }
  }
}

@media screen and (min-width: 516px) and (max-width: 649px) {
  .page-19210 #TakeActionWrapper .carouselTitle:after {
    width: 130%;
    margin-left: -15%;
    animation: shine 7s linear 0s infinite forwards;
  }

  @keyframes shine {
    0% {
      background-position: 0px;
    }
    50%, 100% {
      background-position: 530px;
    }
  }
   @-moz-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 530px;
    }
  }
   @-webkit-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 530px;
    }
  }
  @-o-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 530px;
    }
  }
}

@media screen and (min-width: 650px) {
  .page-19210 #TakeActionWrapper .carouselTitle:after {
    width: 600px;
    animation: shine 7s linear 0s infinite forwards;
  }

  @keyframes shine {
    0% {
      background-position: 0px;
    }
    50%, 100% {
      background-position: 550px;
    }
  }
  @-moz-keyframes shine {
    0% {
      background-position: 0;
    }
    100% {
      background-position: 550px;
    }
  }
   @-webkit-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 550px;
    }
  }
  @-o-keyframes shine {
    0% {
      background-position: 0;
    }
    50%, 100% {
      background-position: 550px;
    }
  }
}

.page-19210 .featuredActionsWrapper .carouselTitle {
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: black;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.page-19210 #TakeActionWrapper .home-header-row,
.page-19210 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 40px;
  width: 100%;
}

.page-19210 #TakeActionWrapper .home-row:after {
  content: 'MORE \A ACTIONS';
  white-space: pre;
  text-align: center;
  font-family: 'neue-haas-grotesk-display';
  font-size: 18px;
  font-weight: 600;
  margin-left: 30%;
  width: 40%;
  position: absolute;
  bottom: 10px;
  color: black;
}

.page-19210 #TakeActionWrapper .slick-track,
.page-19210 .featuredActionsWrapper .slick-track {
  padding: 20px;
}

.page-19210 #TakeActionWrapper .card-new-container,
.page-19210 .featuredActionsWrapper .card-new-container {
  width: 320px;
  padding: 10px;
  height: 550px;
  min-height: 550px;
}

.page-19210 #TakeActionWrapper .card-new ,
.page-19210 .featuredActionsWrapper .card-new {
  display: flex;
  background-color: #2A2A2A;
  border: 1px solid white;
  padding: 10px;
  border-radius: 0px;
  height: 410px;
  min-height: 380px;
}

.page-19210 #TakeActionWrapper .card-new-image,
.page-19210 .featuredActionsWrapper .card-new-image {
  height: 230px;
  background-color: #2A2A2A;
  object-fit: contain !important;
  background-position: top;
  background-repeat: no-repeat;
}

.page-19210 #TakeActionWrapper .card-new-bar,
.page-19210 .featuredActionsWrapper .card-new-bar {
  background-color: #2A2A2A;
  display: flex;
  flex-direction: column;
  width: 107%;
  margin-left: -3.5%;
  margin-top: 50px;
  background-color: transparent;
}


.page-19210 #TakeActionWrapper .card-propel,
.page-19210 .featuredActionsWrapper .card-propel {
  order: 2;
}

.page-19210 #TakeActionWrapper .card-propel-action-type,
.page-19210 #TakeActionWrapper .card-new-icon-box,
.page-19210 .featuredActionsWrapper .card-propel-action-type,
.page-19210 .featuredActionsWrapper .card-new-icon-box {
  display: none;
}

.page-19210 #TakeActionWrapper .card-new-info,
.page-19210 .featuredActionsWrapper .card-new-info {
  background-color: #2A2A2A;
  margin-top: 0px;
  order: 1;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  /* padding: 10px 20px 0px 20px; */
}

.page-19210 #TakeActionWrapper .card-new.reward .card-new-info {
  margin-top: -80px;
}

@media only screen and (min-width: 810px) and (max-width: 1080px)  {
  .page-19210 #TakeActionWrapper .card-new-info,
  .page-19210 .featuredActionsWrapper .card-new-info {
    height: 115px;
  }
}

@media screen and (max-width: 650px) {
  .page-19210 #TakeActionWrapper .card-new-info,
  .page-19210 .featuredActionsWrapper .card-new-info {
    height: 118px;
  }
}

.page-19210 #TakeActionWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before,
.page-19210 .featuredActionsWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before {
  content: 'Donate to ';
}

.page-19210 #TakeActionWrapper .card-new-info-container,
.page-19210 .featuredActionsWrapper .card-new-info-container {
  text-transform: uppercase;
  font-size: 20px;
  height: 84px;
}

.page-19210 #TakeActionWrapper .card-new-description-box,
.page-19210 .featuredActionsWrapper .card-new-description-box  {
  display: flex;
  flex-direction: column;
}

/* .page-19210 #TakeActionWrapper .card-new-share-socials {
  display: block !important;
  color: white;
  font-size: 14px;
  line-height: 15px;
  height: 45px;
  overflow: hidden;
  font-weight: 500;
  margin-top: -8px;
} */

.page-19210 #TakeActionWrapper .card-new-points,
.page-19210 .featuredActionsWrapper .card-new-points {
  overflow: visible;
  bottom: -60px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #2A2A2A;
  font-weight: 800;
  margin-left: -10px;
}

.page-19210 #TakeActionWrapper .card-new-points:after,
.page-19210 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS'
}

.page-19210 #TakeActionWrapper .card-new-bg-causes .card-points-per-dollar,
.page-19210 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  overflow: visible;
  bottom: -50px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #2A2A2A;
  font-weight: 800;
  margin-left: -10px;
}

.page-19210 #TakeActionWrapper .slick-arrow,
.page-19210 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19210 #TakeActionWrapper .slick-prev,
.page-19210 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/black-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 80px;
}

.page-19210 #TakeActionWrapper .slick-next,
.page-19210 .featuredActionsWrapper .slick-next {
  background-image: url('../images/black-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 80px;
}



@media screen and (max-width: 375px) {

  .page-19210 #TakeActionWrapper .home-row:after {
    margin-left: 22% !important;
    width: 20%;
  }

  .page-19210 #TakeActionWrapper .slick-next,
  .page-19210 .featuredActionsWrapper .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(7) .slick-next {
    margin-right: 80px !important;
    right: 0px !important;
  }

  .page-19210 #TakeActionWrapper .slick-prev,
  .page-19210 .featuredActionsWrapper .slick-prev,
  .page-19210 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-19210 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-19210 .featuredActionsWrapper:nth-child(7) .slick-prev {
    margin-left: 50px !important;
  }

  .page-19210 #TakeActionWrapper .card-new-share-socials,
  .page-19210 .featuredActionsWrapper .card-new-share-socials {
    margin-top: 20px;
    padding: 0px 15px;
  }

}

@media (max-width:450px) {
  .page-19210 #TakeActionWrapper .slick-arrow,
  .page-19210 .featuredActionsWrapper .slick-arrow,
  .page-19210 .featuredActionsWrapper:nth-child(3) .slick-arrow,
  .page-19210 .featuredActionsWrapper:nth-child(5) .slick-arrow,
  .page-19210 .featuredActionsWrapper:nth-child(7) .slick-arrow  {
    margin-top: 230px;
    /* width: 80px;
    height: 50px; */
    /* right: 0 !important; */
    transform: none;
    display: flex;
  }

  .page-19210 #TakeActionWrapper .slick-next,
  .page-19210 .featuredActionsWrapper .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(7) .slick-next  {
    position: absolute;
    /* margin-right: -60px !important; */
    right: -150px;
    transform: translate(-120px);
  }

}




/* End Portal Page 2 */

/* Portal Desktop */

@media screen and (min-width:650px) {

  .body-page-19155 .col1, .body-page-19210 .col1 {
    display: none;
  }

  .body-page-19155 .wGutter, .body-page-19210 .wGutter {
    margin-left: 0 !important;
    padding: 0 !important;
  }

  .body-page-19155 .col2, .body-page-19210 .col2 {
    width: 100% !important;
    text-align: center;
  }

  .page-19155 .portal-hub-container, .page-19210 .portal-hub-container,
  .body-page-19155 .page-footer, .body-page-19210 .page-footer {
    width: 100% !important;
  }

  .page-19155 .portal-header-cont, .page-19210 .portal-header-cont {
    background-image: url('../images/portal-textured-background.jpg');

  }

  .page-19155 .portal-header-gif, .page-19210 .portal-header-gif {
    margin-top: -80px;
    width: 60%;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
  }

  .portal-intro-text {
    text-align: left;
    width: 50%;
    max-width: 600px;
    margin-left: 25%;
  }

  .page-19210 .portal-intro-title-u {
    width: 75%;
    margin-top: 100px;
  }

  .page-19210 .portal-intro-cont-u {
    position: relative;
    height: 100%;
  }

  .page-19210 .portal-intro-desc-u {
    width: 60%;
    margin-top: 20px;
  }

  .page-19210 .portal-intro-u {
    position: relative;
    background-color: transparent;
    height: 420px;
    min-height: 420px;
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .portal-face {
    position: absolute;
    height: 400px;
    width: auto;
    bottom: -5px;
    right: 0;
    margin-right: 0;
    margin-top: 0px !important;
  }

  .page-hub .portal-mushrooms {
    height: 400px;
    transform: rotate(-30deg) translate(300px, 300px);
    margin-top: -50px;
    right: -90px;
  }

  .portal-mission-container {
    min-height: 750px;
  }

  .portal-mission-text {
    background-size: 600px 600px;
    height: 650px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .portal-mission-rectangle-animate {
    animation: pinkRectangleDesk 1s;
    -webkit-animation: pinkRectangleDesk 1s;
    -moz-animation: pinkRectangleDesk 1s;
    -ms-animation: pinkRectangleDesk 1s;
    -o-animation: pinkRectangleDesk 1s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
  }

  @keyframes pinkRectangleDesk {
    to {
      background-size: 600px;
    }
  }
  @-webkit-keyframes pinkRectangleDesk {
    to {
      background-size: 600px;
    }
  }
  @-moz-keyframes pinkRectangleDesk {
    to {
      background-size: 600px;
    }
  }
  @-o-keyframes pinkRectangleDesk {
    to {
      background-size: 600px;
    }
  }
  @-ms-keyframes pinkRectangleDesk {
    to {
      background-size: 600px;
    }
  }

  .page-19155 .mission-title,
  .body-page-19210 .mission-title {
    font-size: 60px;
    transform: translate(-2000px);
  }

  .body-page-19210 .mission-title1 {
    padding-top: 0;
  }

  .page-19155 .mission-desc,
  .page-19210.campaign-locked .mission-desc,
  .body-page-19210 .mission-desc {
    font-size: 25px;
    transform: translate(2000px);
  }

  .mission-mdma-crop {
    transform: translate(2000px);
  }

  .page-19155 .tat-contain, .page-19210.campaign-locked .tat-contain {
    padding-top: 50px !important;
    padding-bottom: 50px;
  }

  .page-19210 .tat-contain {
    padding-top: 30px !important;
    padding-bottom: 50px;
  }

  .tat-title-contain {
    margin-left: auto;
    margin-right: auto;
  }

  .tat-contain .tat-label {
    text-align: center;
  }

  .tat-title-2, .tat-desc {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .page-19155 .featuredActionsWrapper, .page-19210 .featuredActionsWrapper {
    width: 100%
  }

  .page-19210 #TakeActionWrapper {
    margin-top: -10px;
    width: 100%;
  }

  .page-19155 #PrizesWrapper {
    margin-top: -145px !important;
  }

  .page-19155 #PrizesWrapper, .page-19210 #PrizesWrapper {
    width: 100%;
    min-height: 850px;
  }

  .page-19155 #PrizesWrapper .slick-list, .page-19210 #PrizesWrapper .slick-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    transform: scale(1.2);
    margin-top: 90px;
  }

  .page-19155 #PrizesWrapper .slick-track a, .page-19210 #PrizesWrapper .slick-track a {
    padding: 10px;
    margin-top: -10px;
    max-width: 400px;
  }

  .page-19155 #PrizesWrapper .card-new-info, .page-19210 #PrizesWrapper .card-new-info {
    margin-top: 0;
  }

  .page-19155 #PrizesWrapper .card-new-info-container, .page-19210 #PrizesWrapper .card-new-info-container {
    font-size: 13px;
  }

  .page-19155 #PrizesWrapper .slick-arrow, .page-19210 #PrizesWrapper .slick-arrow {
    margin-top: 275px;
  }

  .page-19210 #TakeActionWrapper .slick-arrow,
  .page-19210 .featuredActionsWrapper .slick-arrow {
    margin-top: 260px;
  }

  .page-19155 #PrizesWrapper .slick-prev, .page-19210 #PrizesWrapper .slick-prev,
  .page-19210 #TakeActionWrapper .slick-prev,
  .page-19210 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-19210 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-19210 .featuredActionsWrapper:nth-child(7) .slick-prev  {
    margin-left: calc(50% - 130px);
  }

  .page-19155 #PrizesWrapper .slick-next, .page-19210 #PrizesWrapper .slick-next,
  .page-19210 #TakeActionWrapper .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-19210 .featuredActionsWrapper:nth-child(7) .slick-next  {
    margin-right: calc(50% - 130px);
  }

  .page-19155 .climate_container, .page-19210 .climate_container {
    max-width: 100%;
  }

  .portal-2b-content .tat-title-contain {
    width: 280px;
  }

  .portal-2b-content .hiw-section {
    text-align: center;
  }

  .portal-bottom-content {
    width: 100%;
    max-width: 100%;
  }

  .portal-bottom-content .portal-partners {
    width: 100%;
    max-width: 100%;
  }

  .portal-partner-logo-container {
    width: 95%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }
  .portal-partner-logo-container .pLogo {
    width: 300px;
    height: 180px;
  }

  .portal-bottom-content .portal-join {
    width: 100%;
    max-width: 100%;
  }

}


@media screen and (min-width: 650px) and (max-width: 860px) {
  .portal-intro-text {
    margin-left: 20px;
  }
}

@media screen and (min-width: 500px) and (max-width: 1076px) {
  .page-19155 .climate_container, .page-19210 .climate_container {
    max-height: 1600px;
  }
}

@media screen and (min-width:1170px) {

  .page-19155 .portal-intro-cont, .page-19210.campaign-locked .portal-intro-cont {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-left: 30px;
  }

  .portal-intro-bg {
    width: 100%;
    /* background-image: url('../images/portal-textured-background.jpg'); */
  }

  .page-19155 .portal-intro, .page-19210.campaign-locked .portal-intro {
    /* background-color: white; */
    background-color: transparent;
    max-height: 550px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .page-19155 .portal-intro-title, .page-19210.campaign-locked .portal-intro-title {
    text-align: left;
    margin-left: 20px;
    margin-top: 100px;
  }

  .page-19155 .portal-intro-desc, .page-19210.campaign-locked .portal-intro-desc {
    width: 100%;
    margin: 0;
    font-size: 22px;
    padding-top: 15px;
  }

  .page-hub .portal-mushrooms {
    position: relative;
    height: 500px;
    /* transform: translate(300px, 300px); */
    margin-top: -150px;
    right: 0px;
    opacity: 0;
    transform: scale(0.6);
  }

  .portal-mushroom-animate {
    animation: fadeinscale-animate 1s;
    -webkit-animation: fadeinscale-animate 1s;
    -moz-animation: fadeinscale-animate 1s;
    -ms-animation: fadeinscale-animate 1s;
    -o-animation: fadeinscale-animate 1s;
    animation-fill-mode: forwards;
    /* transform: rotate(0deg) !important; */
  }





}


@media screen and (min-width: 1076px) {
  .page-19155 .climate_impact_row, .page-19210 .climate_impact_row {
    display: flex;
    flex-direction: row !important;
  }

  .page-19155 .climate_container .climate_impact_stat, .page-19210 .climate_container .climate_impact_stat {
    margin-left: auto;
    margin-right: auto;
  }

  .page-19155 .climate_container .climate_impact_row #money_raised,
  .page-19155 .climate_container .climate_impact_row #actions_generated,
  .page-19210 .climate_container .climate_impact_row #money_raised,
  .page-19210 .climate_container .climate_impact_row #actions_generated {
    top: -100px;
  }

  .page-19155 .climate_spacer_60, .page-19210 .climate_spacer_60 {
    display: none;
  }
}

@keyframes fadeinscale-animate {
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeinscale-animate {
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes fadeinscale-animate {
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes fadeinscale-animate {
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes fadeinscale-animate {
  to {
    transform: scale(1);
    opacity: 1;
  }
}


/* end portal */


/* Incubus Portal - 21934 */

.body-page-21934 .col1 {
  display: none;
}

.body-page-21934 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21934 .col2 {
  width: 100% !important;
}

.page-21934 .container,
.body-page-21934 .container,
.body-page-21934 .climate_container,
.body-page-21934 .page-footer {
  width: 100% !important;
  max-width: 1700px !important;
  overflow-x: hidden;
}

.page-21934 .campaigns {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
}

.page-21934 .campaigns:nth-child(1) {
  margin-top: -80px;
}

.header-page-21934 .header {
  width: 100%;
  overflow-x: visible;
  z-index: 999;
  padding: 0px 30px;
}

.body-page-21934 .header-page-21934 .container {
  max-width: 1400px !important;
  margin-left: auto;
  margin-right: auto;
  overflow-x:visible;
}
@media screen and (max-width:650px) {
  .header-page-21934 .header {
    width: 100%;
    overflow-x: visible;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
  }
}

.page-21934 .campaign_body {
  order: -1;
  margin-bottom: -50px;
}

/* HUB FUNCTION */
.page-21934.campaign-locked #TakeActionWrapper,
.page-21934.campaign-locked .featuredActionsWrapper {
  display: none;
}
.page-21934.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -130px;
}

@media screen and (max-width: 650px) {
  .page-21934.campaign-locked .tat-contain {
    margin-top: 30px;
  }
  .page-21934.campaign-locked .tat-title-contain {
    z-index: -2;
  }
}


.page-21934.campaign-locked ~ .page-footer .portal-2b-content .tat-contain,
.page-21934.campaign-locked ~ .page-footer .portal-2b-content .hiw-container,
.page-21934.campaign-locked ~ .page-footer .portal-2b-content .portal-mission-container {
  display: none;
}

.page-21934.campaign-locked ~ .page-footer .portal-2b-content .portal-bottom-content {
  margin-top: -50px;
}

.page-21934 ~ .page-footer .portal-2b-content .portal-join {
  display: none;
}

.page-21934.campaign-locked ~ .page-footer .portal-2b-content .portal-join {
  display: block !important;
}

.page-21934 .campaign-body {
  position:relative;
  z-index:8;
}

.page-21934, .body-page-21934 {
  margin:0;
  padding:0;
  width: 100%;
  max-width: 100%;
}

.body-page-21934 .small_swiper {
  display: none;
}

.page-21934 .portal-header-cont {
  background-image: url('../images/portal-textured-background.jpg');
  width: 100%;
}

.page-21934 .portal-intro-u {
  /* background-image: url("../images/textured-white-background.jpg"); */
  background-color: transparent;
  display: flex;
  flex-direction: column;
  padding: 15px;
  margin-top: -20px;
  min-height: 350px;
  position: relative;
}



.page-21934 .portal-intro-u {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}

.page-21934 .portal-intro-title-u, .page-21934 .portal-intro-desc-u {
  width: 60%;
  float: left;
  text-align: left;
}
.page-21934 .portal-intro-desc-u {
  margin-top: 50px;
}

.page-21934 .portal-intro-cont-u {
  width: 100%;
  display: flex;
  flex-direction: row;
}


.page-21934 .portal-face {
  float: right;
  margin-top: -100px;

}

@media screen and (max-width: 650px) {



  .page-21934 .portal-intro-title-u {
    width: 90%;
    font-size: 30px;
    z-index: 1;
  }

  .page-21934 .portal-face {
    transform: translate(500px);
    height: 350px;
    width: auto;
    z-index: -1;
    margin-top: 0;
  }


}





.page-21934 .portal-face {
  height: 350px;
  width: auto;

}


.page-21934 .portal-mission-container {
  position: relative;
  background-image: url("../images/portal-textured-background.jpg");
  font-family: 'neue-haas-grotesk-display';
  padding-bottom: 40px;
  min-height: 470px;
  z-index: 1;
  overflow: hidden;
}

.body-page-21934 .tat-title-2, .body-page-21934 .tat-desc {
  padding: 10px 40px !important;
}

/* rewards */

.page-21934 #PrizesWrapper {
  position: relative;
  /* margin-top: -130px !important; */
  background-image: url('../images/portal-textured-background.jpg');
  min-height: 580px;
  order: 3;
  top: 0px;
  margin-top: -100px;
}


.page-21934 #PrizesWrapper .carouselTitle {
  visibility: hidden;
}

.page-21934 #PrizesWrapper .home-header-row {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 10px;
  width: 100%;
}

.page-21934 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  content: 'CURRENT REWARDS';
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: white;
  font-weight: 500;
  display: block;
  width: 350px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  animation: 3s anim-flipX  infinite;
  letter-spacing: 1px;
}


.page-21934 #PrizesWrapper .slick-track {
  padding: 0px;
}

@media screen and (max-width:650px) {
  .page-21934 #PrizesWrapper .slick-track {
    margin-top: -20px;
  }
}

.page-21934 #PrizesWrapper .slick-track .card-new-icon-box  {
  display: none;
}

.page-21934 #PrizesWrapper .slick-track .card-new-bg-donation {
  background-color: transparent;
}

.page-21934 #PrizesWrapper .slick-track .card-new-bar {
  padding: 0px;
}

.page-21934 #PrizesWrapper .slick-track .card-new-container {
  position: relative;
  /* width: 90%; */
  width: 310px;
  height: 380px;
  padding-bottom: 50px;
  transform: scale(0.1);
  margin-left: auto;
  margin-right: auto;

}

.page-21934 #PrizesWrapper .slick-list {
  /* margin-top: -35px; */
  margin-top: 35px;
}

.page-21934 #PrizesWrapper .slick-track .card-new {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 30px;
  height: 300px;
}

.page-21934 #PrizesWrapper .slick-track .card-new-image {
  margin-right: auto;
  margin-left: auto;
  background-size: 100% 100%;
  background-position: cover;
  background-repeat: no-repeat;
  /* transform: rotate(-3deg); */
  margin-top: -20px;
}

.page-21934 #PrizesWrapper .slick-track .card-new-info-container {
  height: 80%;
  font-size: 15px;
  font-family: 'neue-haas-grotesk-display';
  letter-spacing: 1px;
  width: 100%;
  font-weight: 500;
}

.page-21934 #PrizesWrapper .slick-track .card-new-info {
  background-color: transparent;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-21934 #PrizesWrapper .slick-track .card-propel .card-new-info {
  margin-top: 0px;
}

.page-21934 #PrizesWrapper .card-new-description {
  display: none;
}

.page-21934 #PrizesWrapper .card-new-description-box {
  margin-left: 0px;
}

.page-21934 #PrizesWrapper .card-new-points {
  overflow: visible;
  bottom: -60px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 38px;
  color: #fafafa;
  font-weight: 800px;
}

.page-21934 #PrizesWrapper .card-new-points:after {
  content: '';
}

@media screen and (max-width: 650px) {
  .page-21934 #PrizesWrapper .slick-track .card-new-container {
    height: 480px;
  }

  .page-21934 #PrizesWrapper {
    height: 700px;
  }

  .page-21934 #PrizesWrapper .slick-arrow {
    top: 260px;
  }
}


@media screen and (max-width: 480px) {
  .page-21934 #PrizesWrapper .slick-track .card-new-container {
    background-size: contain;
    left: 0;
    margin-top: -30px;
  }

  .page-21934 #PrizesWrapper .slick-track .card-new {
    margin-top: 40px;
    padding-bottom: 40px;
    width: 90%;
  }

  .page-21934 #PrizesWrapper .slick-track .card-new-info {
    font-size: 15px;
    height: 85%;
  }


}

.page-21934 #PrizesWrapper .slick-arrow {
  position: absolute;
  margin-top: 210px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

@media (max-width:375px) {
  .page-21934 #PrizesWrapper {
    height: 680px;
  }

  .page-21934 #PrizesWrapper .slick-arrow {
    width: 80px;
    height: 50px;
    right: 0 !important;
    transform: none;
    display: flex;
    margin-top: 190px;
  }

  .page-21934 #PrizesWrapper .slick-prev {
    margin-left: calc( 50% - 50px);
  }

  .page-21934 #PrizesWrapper .slick-next {
    position: absolute;
    margin-right: calc( 50% - 50px);
    right: 0 !important;
    transform: translate(-120px);
  }

}

.page-21934 #PrizesWrapper .slick-prev {
  background-image: url('../images/portal-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 80px;
}

.page-21934 #PrizesWrapper .slick-next {
  background-image: url('../images/portal-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 80px;
}


/* campaign impact */

.page-21934 .climate_container {
  order: 4;
}

.page-21934 .campaign_impact {
  margin-top: -25px;
  z-index: -1;
  position: relative;
  background-image: url('../images/gradient-background.png');
  overflow-y: hidden;
}

@media screen and (max-width: 500px) {
  .page-21934 .campaign_impact {
    height: 1200px;
  }
}

.page-21934 .climate_container .climate_bg_black {
  background-color: transparent !important;
}

.page-21934 .climate_container .climate_heading {
  visibility: hidden;
  margin-top: 20px;
  margin-bottom: 30px;
}

.page-21934 .climate_container .climate_heading:after {
  visibility: visible;
  color: blue;
  content: 'IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  IMPACT  ';
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: black;
  font-weight: 200;
  position: absolute;
  left: 0;
  transform: translate3d(-1%, 0, 0);
  word-spacing: 10px;
  animation: floatText 15s linear infinite;
  -webkit-animation: floatText 15s linear infinite;
  -moz-animation: floatText 15s linear infinite;
  -ms-animation: floatText 15s linear infinite;
  -o-animation: floatText 15s linear infinite;
}

.page-21934 .climate_container .climate_impact_row  {
  flex-direction: column-reverse;
}

.page-21934 .climate_container .climate_impact_row #total_participants,
.page-21934 .climate_container .climate_impact_row #actions_generated,
.page-21934 .climate_container .climate_impact_row #money_raised {
  position: relative;
  display: flex;
  flex-direction: column;
  top: -65px;
}

.page-21934 .climate_container .climate_impact_row #actions_generated {
  top: -140px;
}

.page-21934 .climate_container .climate_impact_row #money_raised {
  top: -200px;
}

.page-21934 .climate_container .climate_impact_row #total_participants .climate_impact_image {
  background-image: url('../images/supporters-icon.gif');
  margin-bottom: 20px;
}
.page-21934 .climate_container .climate_impact_row #actions_generated .climate_impact_image {
  background-image: url('../images/actions-icon.gif');
  margin-bottom: 20px;
}
.page-21934 .climate_container .climate_impact_row #money_raised .climate_impact_image {
  background-image: url('../images/raised-icon.gif');
  margin-bottom: 20px;
}

.page-21934 .climate_container .climate_impact_row #total_participants .climate_impact_number,
.page-21934 .climate_container .climate_impact_row #actions_generated .climate_impact_number,
.page-21934 .climate_container .climate_impact_row #money_raised .climate_impact_number {
  color: #252525;
  font-family: 'neue-haas-grotesk-display';
  font-size: 40px;
  padding-top: 5px;
}

.page-21934 .climate_container .climate_impact_row #total_participants .climate_impact_number_bg,
.page-21934 .climate_container .climate_impact_row #actions_generated .climate_impact_number_bg,
.page-21934 .climate_container .climate_impact_row #money_raised .climate_impact_number_bg {
  background-color: transparent;
}

.page-21934 .climate_container .climate_impact_row #total_participants .climate_impact_label,
.page-21934 .climate_container .climate_impact_row #actions_generated .climate_impact_label,
.page-21934 .climate_container .climate_impact_row #money_raised .climate_impact_label {
  order: 1;
  color: #252525;
  font-family: 'neue-haas-grotesk-display';
  font-weight: 600;
  font-size: 20px;
}


.page-21934 .climate_container .climate_impact_row #actions_generated {
  margin-top: 40px;
}

.page-21934 .climate_container .climate_impact_row #money_raised  {
  order: -1; /* reorder elements */
  margin-top: 40px;
}

/* partners */

.body-page-21934 .footer {
  position: relative;
  z-index: 11;
}

@media screen and (min-width: 650px) {


  .body-page-21934 .footer {
    z-index: 110;
  }

}



.page-21934 {
  /* width: 104vw;
  margin-left: -4vw; */
  width: 100%;
}

.page-21934 .share-global-wrapper {
  display: none;
}

@media screen and (min-width: 650px) {
  .page-21934 .share-global-wrapper {
    display: block;
  }
}


/* Incubus Portal take action */

.page-21934 #TakeActionWrapper {
  width: 100%;
  position: relative;
  /* margin-top: -40px; */
  top: -100px;
  background-image: url('../images/portal-moreactions-background2.jpg');
  background-size: cover;
  height: 700px;
  padding-bottom: 15px;
  order: 1;
  top: -100px;
}

.page-21934 .featuredActionsWrapper {
  order: 2;
  width: 100%;
  background-image: url('../images/portal-moreactions-background2.jpg');
  background-size: cover;
  height: 730px;
  padding-bottom: 15px;
  top: -100px;
}

.page-21934 .featuredActionsWrapper:nth-child(3),
.page-21934 .featuredActionsWrapper:nth-child(7) {
  background-image: url('../images/portal-moreactions-background-flipped.jpg');
  height: 700px;
  padding-bottom: 15px;
  top: -100px;
  width: 100%;
}

@media screen and (min-width: 1515px ) {
  .page-21934 #TakeActionWrapper,
  .page-21934 .featuredActionsWrapper:nth-child(3),
  .page-21934 .featuredActionsWrapper:nth-child(7),
  .page-21934 .featuredActionsWrapper {
    background-size: contain;
    background-repeat: repeat-x;
  }
}

.page-21934 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  text-align: center;

}

.page-21934 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: '\AKEEP TAKING ACTION';
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: black;
  font-weight: 500;
  /* position: absolute; */
  display: block;
  width: 350px;
  text-align: center;
  /* width: 50%; */
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  /* background: linear-gradient(to right, #2a2a2a 0, #79cabd 20%, #2a2a2a 40%); */
  /* background: linear-gradient(to right, #79cabd 0, #fafafa 20%, #79cabd 40%); */
  background: linear-gradient(to right, #000 0, #79cabd 10%, #fc74ad 15%, #79cabd 20%, #000 30%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-size-adjust: none;
  animation: shine 4s linear 0s infinite forwards;
  animation-fill-mode: forwards;
  white-space: nowrap;
}


@media screen and (min-width:400px) and (max-width: 515px) {
  .page-21934 #TakeActionWrapper .carouselTitle:after {
    width: 130%;
    margin-left: -15%;
    animation: shine 7s linear 0s infinite forwards;
  }
}

@media screen and (min-width: 516px) and (max-width: 649px) {
  .page-21934 #TakeActionWrapper .carouselTitle:after {
    width: 130%;
    margin-left: -15%;
    animation: shine 7s linear 0s infinite forwards;
  }
}

@media screen and (min-width: 650px) {
  .page-21934 #TakeActionWrapper .carouselTitle:after {
    width: 600px;
    animation: shine 7s linear 0s infinite forwards;
  }
}

.page-21934 .featuredActionsWrapper .carouselTitle {
  font-family: 'neue-haas-grotesk-display';
  text-transform: uppercase;
  font-size: 30px;
  color: black;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.page-21934 #TakeActionWrapper .home-header-row,
.page-21934 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 40px;
  width: 100%;
}

.page-21934 #TakeActionWrapper .home-row:after {
  content: 'MORE \A ACTIONS';
  white-space: pre;
  text-align: center;
  font-family: 'neue-haas-grotesk-display';
  font-size: 18px;
  font-weight: 600;
  margin-left: 30%;
  width: 40%;
  position: absolute;
  bottom: 10px;
  color: black;
}

.page-21934 #TakeActionWrapper .slick-track,
.page-21934 .featuredActionsWrapper .slick-track {
  padding: 20px;
}

.page-21934 #TakeActionWrapper .card-new-container,
.page-21934 .featuredActionsWrapper .card-new-container {
  width: 320px;
  padding: 10px;
  height: 550px;
  min-height: 550px;
}

.page-21934 #TakeActionWrapper .card-new ,
.page-21934 .featuredActionsWrapper .card-new {
  display: flex;
  background-color: #2A2A2A;
  border: 1px solid white;
  padding: 10px;
  border-radius: 0px;
  height: 410px;
  min-height: 380px;
}

.page-21934 #TakeActionWrapper .card-new-image,
.page-21934 .featuredActionsWrapper .card-new-image {
  height: 230px;
  background-color: #2A2A2A;
  object-fit: contain !important;
  background-position: top;
  background-repeat: no-repeat;
}

.page-21934 #TakeActionWrapper .card-new-bar,
.page-21934 .featuredActionsWrapper .card-new-bar {
  background-color: #2A2A2A;
  display: flex;
  flex-direction: column;
  width: 107%;
  margin-left: -3.5%;
  margin-top: 50px;
  background-color: transparent;
}

.page-21934 #TakeActionWrapper .card-propel,
.page-21934 .featuredActionsWrapper .card-propel {
  order: 2;
}

.page-21934 #TakeActionWrapper .card-propel-action-type,
.page-21934 #TakeActionWrapper .card-new-icon-box,
.page-21934 .featuredActionsWrapper .card-propel-action-type,
.page-21934 .featuredActionsWrapper .card-new-icon-box {
  display: none;
}

.page-21934 #TakeActionWrapper .card-new-info,
.page-21934 .featuredActionsWrapper .card-new-info {
  background-color: #2A2A2A;
  margin-top: 0px;
  order: 1;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
}

.page-21934 #TakeActionWrapper .card-new.reward .card-new-info {
  margin-top: -80px;
}

@media only screen and (min-width: 810px) and (max-width: 1080px)  {
  .page-21934 #TakeActionWrapper .card-new-info,
  .page-21934 .featuredActionsWrapper .card-new-info {
    height: 115px;
  }
}

@media screen and (max-width: 650px) {
  .page-21934 #TakeActionWrapper .card-new-info,
  .page-21934 .featuredActionsWrapper .card-new-info {
    height: 118px;
  }
}

.page-21934 #TakeActionWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before,
.page-21934 .featuredActionsWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before {
  content: 'Donate to ';
}

.page-21934 #TakeActionWrapper .card-new-info-container,
.page-21934 .featuredActionsWrapper .card-new-info-container {
  text-transform: uppercase;
  font-size: 20px;
  height: 84px;
}

.page-21934 #TakeActionWrapper .card-new-description-box,
.page-21934 .featuredActionsWrapper .card-new-description-box  {
  display: flex;
  flex-direction: column;
}

.page-21934 #TakeActionWrapper .card-new-points,
.page-21934 .featuredActionsWrapper .card-new-points {
  overflow: visible;
  bottom: -60px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #2A2A2A;
  font-weight: 800;
  margin-left: -10px;
}

.page-21934 #TakeActionWrapper .card-new-points:after,
.page-21934 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS'
}

.page-21934 #TakeActionWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21934 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  overflow: visible;
  bottom: -50px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #2A2A2A;
  font-weight: 800;
  margin-left: -10px;
}

.page-21934 #TakeActionWrapper .slick-arrow,
.page-21934 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-21934 #TakeActionWrapper .slick-prev,
.page-21934 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/black-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 80px;
}

.page-21934 #TakeActionWrapper .slick-next,
.page-21934 .featuredActionsWrapper .slick-next {
  background-image: url('../images/black-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 80px;
}



@media screen and (max-width: 375px) {

  .page-21934 #TakeActionWrapper .home-row:after {
    margin-left: 22% !important;
    width: 20%;
  }

  .page-21934 #TakeActionWrapper .slick-next,
  .page-21934 .featuredActionsWrapper .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(7) .slick-next {
    margin-right: 80px !important;
    right: 0px !important;
  }

  .page-21934 #TakeActionWrapper .slick-prev,
  .page-21934 .featuredActionsWrapper .slick-prev,
  .page-21934 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-21934 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-21934 .featuredActionsWrapper:nth-child(7) .slick-prev {
    margin-left: 50px !important;
  }

  .page-21934 #TakeActionWrapper .card-new-share-socials,
  .page-21934 .featuredActionsWrapper .card-new-share-socials {
    margin-top: 20px;
    padding: 0px 15px;
  }

}

@media (max-width:450px) {
  .page-21934 #TakeActionWrapper .slick-arrow,
  .page-21934 .featuredActionsWrapper .slick-arrow,
  .page-21934 .featuredActionsWrapper:nth-child(3) .slick-arrow,
  .page-21934 .featuredActionsWrapper:nth-child(5) .slick-arrow,
  .page-21934 .featuredActionsWrapper:nth-child(7) .slick-arrow  {
    margin-top: 230px;
    /* width: 80px;
    height: 50px; */
    /* right: 0 !important; */
    transform: none;
    display: flex;
  }

  .page-21934 .featuredActionsWrapper .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(7) .slick-next  {
    position: absolute;
    /* margin-right: -60px !important; */
    right: -150px;
    transform: translate(-120px);
  }

}

/* Desktop */

@media screen and (min-width:650px) {

  .body-page-21934 .col1 {
    display: none;
  }

  .body-page-19210 .wGutter {
    margin-left: 0 !important;
    padding: 0 !important;
  }

  .body-page-21934 .col2 {
    width: 100% !important;
    text-align: center;
  }

  .page-21934 .portal-hub-container,
  .body-page-21934 .page-footer {
    width: 100% !important;
  }

  .page-21934 .portal-header-cont {
    background-image: url('../images/portal-textured-background.jpg');

  }

  .page-21934 .portal-header-gif {
    margin-top: -80px;
    width: 60%;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
  }

  .page-21934 .portal-intro-title-u {
    width: 75%;
    margin-top: 100px;
  }

  .page-21934 .portal-intro-cont-u {
    position: relative;
    height: 100%;
  }

  .page-21934 .portal-intro-desc-u {
    width: 60%;
    margin-top: 20px;
  }

  .page-21934 .portal-intro-u {
    position: relative;
    background-color: transparent;
    height: 420px;
    min-height: 420px;
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .body-page-21934 .mission-title {
    font-size: 60px;
    transform: translate(-2000px);
  }

  .body-page-21934 .mission-title1 {
    padding-top: 0;
  }


  .page-21934.campaign-locked .mission-desc,
  .body-page-21934 .mission-desc {
    font-size: 25px;
    transform: translate(2000px);
  }

   .page-21934.campaign-locked .tat-contain {
    padding-top: 50px !important;
    padding-bottom: 50px;
  }

  .page-21934 .tat-contain {
    padding-top: 30px !important;
    padding-bottom: 50px;
  }


 .page-21934 .featuredActionsWrapper {
    width: 100%
  }

  .page-21934 #TakeActionWrapper {
    margin-top: -10px;
    width: 100%;
  }


  .page-21934 #PrizesWrapper {
    width: 100%;
    min-height: 850px;
  }

  .page-21934 #PrizesWrapper .slick-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    transform: scale(1.2);
    margin-top: 90px;
  }

  .page-21934 #PrizesWrapper .slick-track a {
    padding: 10px;
    margin-top: -10px;
    max-width: 400px;
  }

  .page-21934 #PrizesWrapper .card-new-info {
    margin-top: 0;
  }

  .page-21934 #PrizesWrapper .card-new-info-container {
    font-size: 13px;
  }

  .page-21934 #PrizesWrapper .slick-arrow {
    margin-top: 275px;
  }

  .page-21934 #TakeActionWrapper .slick-arrow,
  .page-21934 .featuredActionsWrapper .slick-arrow {
    margin-top: 260px;
  }

.page-21934 #PrizesWrapper .slick-prev,
  .page-21934 #TakeActionWrapper .slick-prev,
  .page-21934 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-21934 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-21934 .featuredActionsWrapper:nth-child(7) .slick-prev  {
    margin-left: calc(50% - 130px);
  }

  .page-21934 #PrizesWrapper .slick-next,
  .page-21934 #TakeActionWrapper .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-21934 .featuredActionsWrapper:nth-child(7) .slick-next  {
    margin-right: calc(50% - 130px);
  }

.page-21934 .climate_container {
    max-width: 100%;
  }


}

@media screen and (min-width: 500px) and (max-width: 1076px) {
.page-21934 .climate_container {
    max-height: 1600px;
  }
}

@media screen and (min-width:1170px) {

.page-21934.campaign-locked .portal-intro-cont {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-left: 30px;
  }


  .page-21934.campaign-locked .portal-intro {
    /* background-color: white; */
    background-color: transparent;
    max-height: 550px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .page-21934.campaign-locked .portal-intro-title {
    text-align: left;
    margin-left: 20px;
    margin-top: 100px;
  }

  .page-21934.campaign-locked .portal-intro-desc {
    width: 100%;
    margin: 0;
    font-size: 22px;
    padding-top: 15px;
  }


}


@media screen and (min-width: 1076px) {
.page-21934 .climate_impact_row {
    display: flex;
    flex-direction: row !important;
  }

.page-21934 .climate_container .climate_impact_stat {
    margin-left: auto;
    margin-right: auto;
  }

  .page-21934 .climate_container .climate_impact_row #money_raised,
  .page-21934 .climate_container .climate_impact_row #actions_generated {
    top: -100px;
  }

  .page-21934 .climate_spacer_60 {
    display: none;
  }
}



/* end incubus portal */

/* Portal Custom Watch Page - 19211, body-page-17564 */
.body-page-17564 .causes_new {
  background-image: url('../images/portal-textured-background.jpg');
  background-position: center top;
  width: 100%;
  padding: 30px;
  padding-top: 100px;
}

.body-page-17564.body_causes .watch_action_inner {
  background-color: transparent;
}

.body-page-17564.body_causes .bg_white {
  background-color: transparent;
}

.body-page-17564.body_causes .watch_action_inner .blockTitle {
  background-color: #E1437F;
}

.body-page-17564.body_causes .watch_action_inner .watch_action div,
.body-page-17564.body_causes .watch_action_inner .watch_action p {
  color: white;
}

.body-page-17564.body_causes .watch_action_inner .action_descriptionX {
  background-color: transparent;
}

.body-page-17564.body_causes .cause_stats,
.body-page-17564.body_causes .cause_stats .txt_blue1 {
  color: white !important;
}

.body-page-17564.body_causes .causes_new_img {
  padding: 0;
  background-color: transparent;
  border: 1px solid white;
}

.body-page-17564.body_causes .share-global-wrapper,
.body-page-17564.body_causes .causes_new_shareR a.but1, 
.body-page-17564.body_causes .causes_new_shareR a.but2,
.body-page-17564.body_causes .causes_new_shareR .smsShareButton, 
.body-page-17564.body_causes .causes_new_shareR .smsShareButton:hover {
  color: white;
  fill: white;
}

.body-page-17564.body_causes .actionDetailsMiniActionTitle,
.body-page-17564.body_causes #joinMailingListForm,
.body-page-17564.body_causes .actionDisclaimer,
.body-page-17564.body_causes .cause-about-title,
.body-page-17564.body_causes .wGutter.left,
.body-page-17564.body_causes .txt_black,
.body-page-17564.body_causes .txt_9 {
  color: white !important;
}

/* BUKU LANDING PAGE - page 19172 */

.body-page-19172 .col1, .body-page-19204 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-19172 .col1 .wMblShowX.hide,
.body-page-19204 .col1 .wMblShowX.hide {
  display: block !important;
}

.body-page-19172 .col1 .wMblShowX.hide .submitButton,
.body-page-19204 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19172 .wGutter, .body-page-19204 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19172 .col2, .body-page-19204 .col2 {
  /* width: 100% !important;
  text-align: center; */
  display: none;
}

.page-19172 .container, .page-19204 .container,
.body-page-19172 .container, .body-page-19204 .container {
  width: 100% !important;
  max-width: 100% !important;
}

.body-page-19172 .small_swiper .swiper_slide, .body-page-19204 .small_swiper .swiper_slide {
  display: none;
}

.header-page-19172 .header{
  width: 94%;
  margin-left: 2%;
  margin-right: auto;
}

/* styling for short desc and locked desc*/
.buku-header {
  background-image: url("../images/pink-graffiti-background.jpg");
  margin-top: -320px;
  position: relative;
  z-index: 5;
}

.buku-header img {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 85px;
}

/* BUKU intro */

.buku-intro-cont {
  background-color: black;
  margin-top: -20px;
}

.buku-intro-title {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  padding-top: 15px;
}

.buku-intro-title h2 {
  position: relative;
  z-index: 2;
  width: 75%;
  color: white;
  text-transform: uppercase;
  font-family: "Druk Text Medium", sans-serif;
  font-size: 35px;
  grid-column: 1 / span 4;
  grid-row: 1;
  font-weight: 400;
}

.buku-intro-title img {
  position: relative;
  width: 100%;
  object-fit: contain;
  align-self: end;
  grid-column: 3 / span 4;
  margin-left: 40px;
  grid-row: 1;
  z-index: 1;
}

.buku-intro-title  {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.buku-intro-p {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.buku-intro-p {
  color: white;
  font-family: 'Termina Medium', sans-serif;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
}

.buku-hand-gif {
  width: 100%;
  margin-top: 0px;
  background-color: black;
}

.buku-hand-gif img {
  object-fit: cover;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}


.page-19172 .share-global-wrapper {
  display: none;
}


/* BUKU Current Rewards - unlocked & locked*/

.page-19172 .campaigns {
  display: flex;
  flex-direction: column;
}

.page-19172 #PrizesWrapper {
  order: 1; /* Switch Current Rewards with Take Action section */
  margin-top: -150px;
  background-image: url('../images/green-trippy-background.jpg');
  background-size: cover;
  padding-bottom: 0px;
}

 .page-19172 #PrizesWrapper .carouselTitle, .page-19204 #PrizesWrapper .carouselTitle { /* including Buku page 2 prizes */
  visibility: hidden;
}

.page-19172 #PrizesWrapper .home-header-row, .page-19204 #PrizesWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
}

.page-19172 #PrizesWrapper .home-header, .page-19204 #PrizesWrapper .home-header {
  background-image: url('../images/current-rewards.png');
  background-size: cover;
  width: 550px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
}

@media screen and (max-width: 649px) {
  .page-19172 #PrizesWrapper .home-header-row, .page-19204 #PrizesWrapper .home-header-row {
    width: 100%;
  }
}

.page-19172 #PrizesWrapper .home-row {
  margin-top: -45px;
  background-image: url('../images/more-rewards.png');
  background-size: 200px 100px;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 80px;
}

.page-19204 #PrizesWrapper .home-row {
  margin-top: -45px;
  background-image: url('../images/more-rewards.png');
  background-size: 200px 100px;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 70px;
}

.page-19172 #PrizesWrapper .home-row .card-new, .page-19204 #PrizesWrapper .home-row .card-new {
  background-color: black;
  max-width: 430px;
  min-width: 300px;
  height:400px;
}

.page-19172 #PrizesWrapper .home-row .card-new-container, .page-19204 #PrizesWrapper .home-row .card-new-container {
  width: 90vw;
  max-width: 90vw;
  margin-right: auto;
  margin-left: auto;
  height: 420px;
}

.page-19172 #PrizesWrapper .home-row .card-new-image, .page-19204 #PrizesWrapper .home-row .card-new-image {
  width: 280px;
  height: 280px;
  object-fit: cover;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  padding-bottom: 0px;
}

.page-19172 #PrizesWrapper .home-row .card-new-bar, .page-19204 #PrizesWrapper .home-row .card-new-bar {
  display: none;
}

.page-19172 #PrizesWrapper .home-row .card-new-info-container, .page-19204 #PrizesWrapper .home-row .card-new-info-container {
  text-align: center;
  font-family: 'Termina Medium', sans-serif !important;
  font-size: 13px;
  padding: 15px;
}

.page-19172 #PrizesWrapper .slick-arrow, .page-19204 #PrizesWrapper .slick-arrow {
  position: absolute;
  margin-top: 210px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19172 #PrizesWrapper .slick-prev, .page-19204 #PrizesWrapper .slick-prev {
  background-image: url('../images/yellow-left-arrow.png');
  background-position: center;
  background-size: contain;
  /* margin-left: 80px; */
  margin-left: calc(50% - 200px);
}

.page-19172 #PrizesWrapper .slick-next, .page-19204 #PrizesWrapper .slick-next {
  background-image: url('../images/yellow-right-arrow.png');
  background-position: center;
  background-size: contain;
  /* margin-right: 80px; */
  margin-right: calc(50% - 190px);
}

@media (max-width:449px) {
  .page-19172 #PrizesWrapper .slick-prev, .page-19204 #PrizesWrapper .slick-prev {
    /* margin-left: 30px; */
    margin-left: calc(60% - 200px);
  }

  .page-19172 #PrizesWrapper .slick-next, .page-19204 #PrizesWrapper .slick-next {
    /* margin-right: 30px; */
    margin-right: calc(60% - 190px);
  }
}





@media screen and (max-width: 375px) {
  .page-19172 .slick-arrow {
    max-width: 50px;
    height: 30px;
    right: 0 !important;
    transform: none;
    display: flex;
  }

  .page-19172 #PrizesWrapper .slick-arrow, .page-19204 #PrizesWrapper .slick-arrow {
    margin-top: 180px !important;
  }

  .page-19172 #PrizesWrapper .slick-list {
    margin-top: -80px;
  }

  .page-19172 .slick-prev {
    left: 0px;
    margin-left: calc(50% - 210px) !important;
  }

  .page-19172 .slick-next {
    position: absolute;
    /* margin-right: 90px;
    right: 0 !important; */
    transform: translate(-180px);
    margin-right: calc(50% - 190px) !important;
  }

  .page-19172 #PrizesWrapper .home-row, .page-19204 #PrizesWrapper .home-row {
    padding-bottom: 60px !important;
    background-size: 180px auto;
    background-repeat: no-repeat;
    background-position: 24% 100%;
  }

  .page-19172 #PrizesWrapper .card-new-info {
    height: 100px;
  }

}

/* Remove BUKU Impact */
.page-19172 .climate_container {
  display: none;
}

.buku-bottom-content {
  width: 100%;
}

/* BUKU How it Works - both unlocked & locked */

.buku-hiw-container {
  background-image: url('../images/concrete-background.png');
  margin-top: -40px;
  width: 100%;
  padding-bottom: 30px;
}

.buku-hiw-title img {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 15px;
}

.buku-hiw-sections-cont {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -200px;
  padding: 20px;
}

@media screen and (max-width: 420px) {
  .buku-hiw-title img {
    margin-top: -30px;
  }
}

@media screen and (max-width: 375px) {
  .buku-hiw-sections-cont {
    margin-top: -160px;
  }
}

.buku-hiw-section {
  height: 400px;
  width: 100%;
  background-color: black;
  padding: 20px;
  margin-top: 30px;
}

.buku-hiw-section img {
  width: 100%;
  height: 70%;
  object-fit: cover;
  /* margin-right: auto;
  margin-left: auto; */
}

.buku-hiw-section-title {
  padding-top: 8px;
  text-transform: uppercase;
  font-family: 'Druk Text Wide Bold', sans-serif;
  font-size: 20px;
  font-weight: 200;
}

.buku-hiw-1 {
 color: #FFFF33;
}

.buku-hiw-2 {
  color: #1FE61F;
}

.buku-hiw-3 {
  color: #FF9900;
}

.buku-hiw-section-p {
  font-family: 'Termina Medium', sans-serif;
  color: white;
  font-size: 13px;
}

/* BUKU footer - both unlocked & locked */

.buku-footer {
  background-color: black;
}

.buku-footer .buku-ta {
  width: 55%;
  margin-top: 0 !important;
  padding: 50px 20px 30px 20px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.buku-footer p {
  color: white;
  font-family: 'Termina Medium', sans-serif;
  padding: 20px;
  width: 80%;
  margin-left: 10%;
}

.buku-footer img {
  width: 80%;
  margin-left: 10%;
  object-fit: contain;
  margin-top: 0px;
}

.buku-prop-logo-cont {
  width: 100%;
  margin-top: 40px;
  position: relative;
  z-index: 4;
}

.buku-prop-logo {
  margin-top: 0;
  position: relative;
  padding: 60px 90px 40px 90px;
  margin-left: 50%;
}

/* buku docked button - only locked (in locked desc on CMS) */
.buku-docked-cont {
  display: block;
  width: 250px;
  background-color: #ffff33;
  border-radius: 10px;
  text-align: center;
  padding: 15px 10px 15px 10px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}

.buku-docked-cont .buku-docked-ta {
  color: black;
  position: relative;
  font-family: 'Druk Text Medium', sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 30px;
}

@media screen and (max-width:649px) {

  .buku-docked-cont {
    display: block;
    width: 100vw;
    background-color: #ffff33;
    border-radius: 0px;
    /* border-radius: 20px 20px 0px 0px; */
    text-align: center;
    padding: 15px 10px 15px 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
  }

  .buku-docked-cont .buku-docked-ta {
    color: black;
    position: relative;
    font-family: 'Druk Text Medium', sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    /* margin-left: -5vw; */
  }

}

/* BUKU desktop */

@media screen and (min-width: 650px) {

  .buku-header {
    margin-top: -310px;
    width: 100%;
  }

  .page-19172 .cause_desc, .page-19204 .cause_desc {
    background-color: black;
    width: 100%;
  }

  .buku-header img {
    width: 60%;
    padding-top: 60px;
    max-width: 600px;
  }

  .buku-intro-cont {
    width: 100%;
  }

  .buku-intro-title h2 {
    width: 55%;
    max-width: 300px;
    text-align: left;
    margin-top: 100px;
    grid-column: 2 / span 4;
  }

  .buku-intro-title img {
    max-width: 500px;
    grid-column: 5 / span 2;
  }

  .buku-intro-p {
    max-width: 800px;
  }

  .buku-hand-gif {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -15px;
  }

  .page-19172 .campaigns, .page-19172 .page-footer, .page-19204 .campaigns, .page-19204 .page-footer {
    width: 100%;
  }

  /* .page-19172 .buku-docked-cont {
    display: none;
  } */

  .page-19172 .featuredActionsWrapper, .page-19204 .featuredActionsWrapper {
    width: 100%;
    margin-top: 40px;
  }

  .page-19172 #TakeActionWrapper {
    position: relative;
    margin-top: -90px;
    background-image: url('../images/blue-trippy-background.jpg');
    padding-bottom: 150px;
    padding-top: 20px;
  }

  .page-19172 #PrizesWrapper {
    margin-top: -140px;
  }

  .page-19172 #PrizesWrapper .home-row .card-new-image,  .page-19204 #PrizesWrapper .home-row .card-new-image {
    width: 90%;
  }

  /* .page-19172 .share-global-wrapper, .page-19204 .share-global-wrapper {
    display: block;
  } */

  /* Current rewards */

  .page-19172 #PrizesWrapper .home-row .card-new-container, .page-19172 #TakeActionWrapper .home-row .card-new-container,
  .page-19204 #PrizesWrapper .home-row .card-new-container, .page-19204 #TakeActionWrapper .home-row .card-new-container {
    width: 100% !important;
  }

  .page-19172 #PrizesWrapper .slick-prev {
    /* margin-left: calc(50% - 200px); */
  }


  /* how it works */

  .buku-hiw-title img {
    width: 550px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .buku-hiw-sections-cont {
    width: 100%;
    margin-top: -190px;
    flex-direction: row;
  }

  .buku-hiw-section {
    width: 30%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }

  .buku-hiw-container {
    margin-top: -40px;
  }

  /* footer */

  .buku-footer p {
    width: 60%;
    margin-left: 20%;
  }

  .buku-footer .buku-ta {
    width: 25%;
  }

  .buku-footer img {
    width: 500px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .buku-prop-logo-cont {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

}

@media screen and (min-width: 1220px ) {
  /* .buku-hiw-sections-cont {
    width: 30%;
    max-width: 800px;
  } */
}

/* END BUKU LANDING */


/* BUKU PAGE 2 */

.page-19204 .campaigns,
.page-19172 .campaigns {
  display: flex;
  flex-direction: column;
}

@media  (max-width: 650px) {

  /* .buku-header, .buku-intro-cont, .buku-hand-gif, .buku-bottom-content {
    width: 110%;
    margin-left: -5%;
  } */

  .page-19204  {
    width: 110vw;
    margin-left: -5vw;
  }

  .page-19204 #TakeActionWrapper, .page-19204 #PrizesWrapper {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

}

/* BUKU 2 Take Action section */

.page-19204 #TakeActionWrapper {
  position: relative;
  margin-top: -150px;
  background-image: url('../images/blue-trippy-background.jpg');
  padding-bottom: 30px;
  padding-top: 20px;
}
.page-19172 #TakeActionWrapper {
  position: relative;
  margin-top: -120px;
  background-image: url('../images/blue-trippy-background.jpg');
  padding-bottom: 150px;
  padding-top: 20px;
}
.page-19172.campaign-locked #TakeActionWrapper {
  display: none;
}

.page-19204 #TakeActionWrapper .carouselTitle,
.page-19172 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
}

.page-19204 #TakeActionWrapper .home-header-row,
.page-19172 #TakeActionWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  padding-top: 10px;
  padding-bottom: 30px;
  height: 190px;
  margin-top: -100px;
}

.page-19204 #TakeActionWrapper .home-header {
  background-image: url('../images/take-action-and-earn-points.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 170px;
}
.page-19172 #TakeActionWrapper .home-header {
  background-image: url('../images/take-action-and-earn-points.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 550px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
}

@media screen and (max-width: 649px) {
  .page-19204 #TakeActionWrapper .home-header-row,
  .page-19172 #TakeActionWrapper .home-header-row {
    width: 100%;
  }
}

.page-19204 #TakeActionWrapper .home-row {
  margin-top: -45px;
  background-image: url('../images/more-actions.png');
  background-size: 200px 100px;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 80px;
}
.page-19172 #TakeActionWrapper .home-row  {
  margin-top: -15px;
  background-image: url('../images/more-actions.png');
  background-size: 200px 100px;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 120px;
}

.page-19204 #TakeActionWrapper .home-row .card-new-container,
.page-19172 #TakeActionWrapper .home-row .card-new-container {
  width: 90vw;
  max-width: 90vw;
  margin-right: auto;
  margin-left: auto;
  height: 570px;
}

.page-19204 #TakeActionWrapper .home-row .card-new,
.page-19172 #TakeActionWrapper .home-row .card-new {
  display: flex;
  flex-direction: column;
  background-color: black;
  height: 100%;
  max-width: 430px;
}

.page-19204 #TakeActionWrapper .home-row .card-new-image,
.page-19172 #TakeActionWrapper .home-row .card-new-image {
  width: 280px;
  height: 280px;
  object-fit: cover;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  padding-bottom: 0px;
}

.page-19204 #TakeActionWrapper .home-row .card-new-bar,
.page-19172 #TakeActionWrapper .home-row .card-new-bar {
  order: 2;
  display: flex;
  flex-direction: column;
  background-color: black;
  padding: 5px;
}

.page-19204 #TakeActionWrapper .card-new-description-box,
.page-19172 #TakeActionWrapper .card-new-description-box {
  display: flex;
  flex-direction: column;
}

.page-19204 #TakeActionWrapper .card-propel-action-type,
.page-19172 #TakeActionWrapper .card-propel-action-type {
  display: none;
}

/* .page-19204 #TakeActionWrapper .home-row .card-new-bar .card-new-share-socials {
  display: block !important;
  color: white;
  font-family: 'Termina Medium', sans-serif;
  font-size: 13px;
  line-height: 15px;
  height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
} */



.page-19204 #TakeActionWrapper .home-row .card-new-info,
.page-19172 #TakeActionWrapper .home-row .card-new-info {
  order: 1;
  font-family: 'Druk Text Wide Bold', sans-serif;
  font-size: 17px;
  color: #FF3333;
  height: auto;
}

.page-19204 .card-new-icon,
.page-19172 .card-new-icon {
  display: none;
}

.page-19204 .card-new-points,
.page-19172 .card-new-points {
  /* margin-top: -30px; */
  color: white;
  width: 100%;
  font-family: 'Druk Text Medium', sans-serif;
  font-size: 40px;
  text-align: center;
  color: black;
  -webkit-text-stroke: 1px rgba(250,250,250,0.8);
  padding-top: 10px;
  position: absolute;
  bottom: 10px;
}

.page-19204 .card-new-points:after,
.page-19172 .card-new-points:after {
  content: ' POINTS';
}

.page-19204 #TakeActionWrapper .slick-arrow,
.page-19172 #TakeActionWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19204 #TakeActionWrapper .slick-prev,
.page-19172 #TakeActionWrapper .slick-prev {
  background-image: url('../images/pink-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: calc(50% - 200px);
}

.page-19204 #TakeActionWrapper .slick-next,
.page-19172 #TakeActionWrapper .slick-next {
  background-image: url('../images/pink-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: calc(50% - 190px);
}

@media (max-width:449px) {
  .page-19204 #TakeActionWrapper .slick-prev,
  .page-19172 #TakeActionWrapper .slick-prev {
    margin-left: calc(60% - 200px);
  }

  .page-19204 #TakeActionWrapper .slick-next,
  .page-19172 #TakeActionWrapper .slick-next {
    margin-right: calc(60% - 190px);
  }
}

@media screen and (max-width: 375px) {
  .page-19204 .slick-arrow,
  .page-19172 .slick-arrow {
    max-width: 50px;
    height: 30px;
    right: 0 !important;
    transform: none;
    display: flex;

  }

  .page-19204 #TakeActionWrapper .slick-arrow,
  .page-19172 #TakeActionWrapper .slick-arrow {
    margin-top: 180px !important;
  }


  .page-19204 .slick-prev,
  .page-19172 #TakeActionWrapper .slick-prev {
    left: 0px;
    margin-left: calc(50% - 210px) !important;
  }

  .page-19204 .slick-next ,
  .page-19172 #TakeActionWrapper .slick-next {
    position: absolute;
    /* margin-right: 90px;
    right: 0 !important; */
    transform: translate(-180px);
    margin-right: calc(50% - 190px) !important;
  }

  .page-19204 #TakeActionWrapper .home-row,
  .page-19172 #TakeActionWrapper .home-row {
    padding-bottom: 0px !important;
    background-size: 180px auto;
    background-repeat: no-repeat;
    background-position: 24% 100%;
  }


}

.page-19204 .share-global-wrapper,
.page-19172 .share-global-wrapper {
  display: none;
}

/* BUKU 2 Prizes - other changes under BUKU landing*/

.page-19204 #PrizesWrapper {
  order: 2; /* Switch order back to normal*/
  margin-top: -30px;
  background-image: url('../images/green-trippy-background.jpg');
  background-size: cover;
  padding-bottom: 0px;
}

.page-19204 #TakeActionWrapper {
  order: 1; /* Switch order back to normal */
}

.page-19204 .climate_container {
  display: none;
}

/* BUKU page 2 docked button */

.buku2_button_docked {
  display: none;
}

@media screen and (max-width: 649px) {
  .page-19204 .buku2_button_docked {
    display: block;
    width: 110vw;
    margin-left: -5vw;
    background-color: #ffff33;
    /* border-radius: 20px 20px 0px 0px; */
    text-align: center;
    padding: 15px 10px 15px 10px;
    position: fixed;
    bottom: 0;
    z-index: 10;
  }

  .page-19204 .buku2_button_docked .buku2_button{
    color: black;
    position: relative;
    font-family: 'Druk Text Medium', sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    margin-left: 5vw;
    border: none;
  }
}


.bukuNoShowButton {
  display: none !important;
}

/* END BUKU */

/* Justin Bieber Campaign Pages -
19191, 19215 (HUB),
19373 (Action page),
19375 (SB Version) (  */

.body-page-19191 .col1,
.body-page-19215 .col1,
.body-page-19373 .col1,
.body-page-19375 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-19191 .col1 .wMblShowX.hide,
.body-page-19215 .col1 .wMblShowX.hide,
.body-page-19373 .col1 .wMblShowX.hide,
.body-page-19375 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19191 .col1 .wMblShowX.hide .submitButton,
.body-page-19215 .col1 .wMblShowX.hide .submitButton,
.body-page-19373 .col1 .wMblShowX.hide .submitButton,
.body-page-19375 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19191 .wGutter,
.body-page-19215 .wGutter,
.body-page-19373 .wGutter,
.body-page-19375 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19191 .col2,
.body-page-19215 .col2,
.body-page-19373 .col2,
.body-page-19375 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-19191 .page-footer,
.body-page-19215 .page-footer,
.body-page-19373 .page-footer,
.body-page-19375 .page-footer {
  width: 100% !important;
}

.body-page-19191 .small_swiper,
.body-page-19215 .small_swiper,
.body-page-19373 .small_swiper,
.body-page-19375 .small_swiper {
  display: none;
}

.body-page-19191, .page-19191, .page-19191 .jb-header-cont, .page-19191 .jb-intro-cont,
.body-page-19215, .page-19215, .page-19215 .jb-header-cont, .page-19215 .jb-intro-cont,
.body-page-19373, .page-19373, .page-19373 .jb-header-cont, .page-19373 .jb-intro-cont,
.body-page-19375, .page-19375, .page-19375 .jb-header-cont, .page-19375 .jb-intro-cont {
  width: 100%;
  background-color: black;
}

.page-19215 .campaigns,
.page-19373 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-19215 .campaign_body,
.page-19373 .campaign_body {
  order: -1;
  margin-bottom: -50px;
}

.page-19215 #TakeActionWrapper,
.page-19373 #TakeActionWrapper {
  order: 1;
}


.page-19191 .jb-header-cont,
.page-19215 .jb-header-cont,
.page-19373 .jb-header-cont,
.page-19375 .jb-header-cont {
  background-color: black;
}

.page-19191 .jb-header-gif,
.page-19215 .jb-header-gif,
.page-19373 .jb-header-gif,
.page-19375 .jb-header-gif  {
  width: 100%;
  height: auto;
  margin-top: -40px;
  /* padding-top: 60px; */
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.page-19191 .campaign_headline_big,
.page-19215 .campaign_headline_big,
.page-19373 .campaign_headline_big,
.page-19375 .campaign_headline_big {
  display: none;
}

.page-19191 .jb-intro-title, .page-19191 .jb-intro-p1, .page-19191 .jb-intro-p2,
.page-19215 .jb-intro-title, .page-19215 .jb-intro-p1, .page-19215 .jb-intro-p2,
.page-19373 .jb-intro-title, .page-19373 .jb-intro-p1, .page-19373 .jb-intro-p2,
.page-19375 .jb-intro-title, .page-19375 .jb-intro-p1, .page-19375 .jb-intro-p2 {
  width: 95%;
  padding-left: 10px;
  padding-bottom: 10px;
}

.page-19191 .jb-intro-title,
.page-19215 .jb-intro-title,
.page-19373 .jb-intro-title,
.page-19375 .jb-intro-title {
  font-family: 'Neue Helvetica Bold', sans-serif;
  color: white;
  font-size: 30px;

}

.page-19191 .jb-intro-p1,
.page-19215 .jb-intro-p1,
.page-19373 .jb-intro-p1,
.page-19375 .jb-intro-p1 {
  font-family: 'Neue Helvetica Light', sans-serif;
  color: white;
  font-size: 20px;
}

.page-19373 .jb-intro-p1 a {
  color: #CFFF00;
  font-weight: 600;
}

.page-19191 .jb-intro-p2,
.page-19215 .jb-intro-p2,
.page-19373 .jb-intro-p2,
.page-19375 .jb-intro-p2 {
  font-family: 'Neue Helvetica Light', sans-serif;
  color: #CFFF00;
  text-transform: uppercase;
  font-size: 14px;
}

.page-19191 .climate_spacer_30,
.page-19215 .climate_spacer_30,
.page-19373 .climate_spacer_30,
.page-19375 .climate_spacer_30 {
  display: none;
}

.page-19215 .padT3,
.page-19373 .padT3 {
  margin-bottom: -130px;
}

.page-19191 .padT3 {
  margin-bottom: -40px;
}

/* HUB FUNCTIONALITY */
.page-19215.campaign-locked #TakeActionWrapper,
.page-19215.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-19215.campaign-locked #PrizesWrapper {
  display: block;
}


/* Take Action */
.page-19215 #TakeActionWrapper,
.page-19373 #TakeActionWrapper {
  background-image: linear-gradient(to bottom, #08FDFE, #CFFF00);
  width: 100%;
  margin-top: -20px;
  padding-bottom: 50px;
  height: 720px;
  padding-top: 0px;
}

.page-19373 #TakeActionWrapper {
  background-image: none;
  background-color: #08fdfe;
}

.page-19215 #TakeActionWrapper .home-header-row,
.page-19373 #TakeActionWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-top: -24px;
  margin-bottom: 0px;
}

.page-19215 #TakeActionWrapper .home-header,
.page-19373 #TakeActionWrapper .home-header {
  width: 100%;
}

@media screen and (max-width: 650px) {
  .page-19215 #TakeActionWrapper,
  .page-19373 #TakeActionWrapper {
    margin-top: 0px;
  }

  .page-19215 #TakeActionWrapper .home-header-row,
  .page-19373 #TakeActionWrapper .home-header-row {
    margin-bottom: -20px;
    margin-top: -20px;
  }

  .page-19215 #TakeActionWrapper .home-header,
  .page-19373 #TakeActionWrapper .home-header {
    margin-top: -10px;
  }
}


.page-19215 .featuredActionsWrapper:nth-child(3) .home-row:after,
.page-19215 .featuredActionsWrapper:nth-child(5) .home-row:after,
.page-19215 .featuredActionsWrapper:nth-child(7) .home-row:after,
.page-19373 .featuredActionsWrapper:nth-child(3) .home-row:after,
.page-19373 .featuredActionsWrapper:nth-child(5) .home-row:after,
.page-19373 .featuredActionsWrapper:nth-child(7) .home-row:after {
  background-image: url('../images/peach.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: calc(100% - 36px);
  height: 100px;
  margin-left: 0;
  left: 0;
  bottom: -80px;
  position: absolute;
  content: ' ';
  z-index: -1;
}

.page-19215 #TakeActionWrapper .home-row:after,
.page-19373 #TakeActionWrapper .home-row:after {
  bottom: -20px !important;
  background-image: none;
}


.page-19215 #TakeActionWrapper .carouselTitle,
.page-19373 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  display: block;
  height: auto;
}

/* .page-19373 #TakeActionWrapper .carouselTitle {
  text-align: center;
  width: 100%;
  color: black;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 4px;
  top: 20px;
  padding-bottom: 0px;
  padding-top: 60px;
  text-shadow: -2px 1px #CFFF00;
  animation: jb-glitch-skew .5s infinite linear alternate-reverse, cr-glitch 0.5s infinite linear;
} */
/*
@media screen and (max-width: 650px) {
  .page-19373 #TakeActionWrapper .carouselTitle {
    margin-top: 15px;
    padding-bottom: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
} */

.page-19215 #TakeActionWrapper .carouselTitle:after,
.page-19373 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: 'TAKE ACTION FOR CRIMINAL JUSTICE REFORM';
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  width: 100%;
  color: black;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 4px;
  animation: jb-glitch-skew 1s infinite linear alternate-reverse;
  top: 20px;
  padding-bottom: 30px;
  padding-top: 10px;
}

.page-19215 #TakeActionWrapper .carouselTitle::before,
.page-19373 #TakeActionWrapper .carouselTitle::before {
  content: 'TAKE ACTION FOR CRIMINAL JUSTICE REFORM';
  visibility: visible;
  display: block;
  text-align: center;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  width: 100%;
  letter-spacing: 4px;
  font-size: 20px;
  z-index: 1;
  color: transparent;
  padding-top: 10px;
  padding-bottom: 30px;
  position: absolute;
  top: 49px;
  left: 1px;
  text-shadow: -1px 1px #CFFF00;
  /* clip: rect(44px, 450px, 56px, 0); */
  animation: jb-glitch-anim 5s infinite linear alternate-reverse,
  jb-glitch-skew 1s infinite linear alternate-reverse;
}

/* .page-19215 #TakeActionWrapper .home-header:after {
  content: 'KEEP TAKING ACTION';
  position: absolute;
  z-index: 1;
  top: 28px;
  display: block;
  text-align: center;
  width: 100%;
  color: #000;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 4px;
  padding-top: 10px;
  left: -1px;
  text-shadow: 2px -1px #fff;
  /* clip: rect(44px, 450px, 56px, 0);
  animation: jb-glitch-anim2 1s infinite linear alternate-reverse,
  jb-glitch-skew 3s infinite linear alternate-reverse;
} */

@media screen and (max-width: 650px) {

  .page-19215 #TakeActionWrapper .carouselTitle::after,
  .page-19373 #TakeActionWrapper .carouselTitle::after {
    top: 20px;
    /* width: 96%;
    margin-left: 2%;
    margin-right: auto; */
  }

  .page-19215 #TakeActionWrapper .carouselTitle::before,
  .page-19373 #TakeActionWrapper .carouselTitle::before {
    top: 50px;
    /* width: 96%;
    margin-left: 2%;
    margin-right: auto; */
  }

  .page-19215 #TakeActionWrapper .home-header:after {
    top: 19px;
  }
}

@media screen and (max-width: 375px) {
  .page-19215 #TakeActionWrapper .carouselTitle::after,
  .page-19373 #TakeActionWrapper .carouselTitle::after {
    top: 0px;
  }
  .page-19215 #TakeActionWrapper {
    padding-top: 24px;
    /* height: 670px; */
  }

  .page-19215 #TakeActionWrapper .carouselTitle::before,
  .page-19373 #TakeActionWrapper .carouselTitle::before {
    top: 30px;
  }

  .page-19215 #TakeActionWrapper .home-header:after {
    top: 23px;
  }
}


.page-19215 #TakeActionWrapper .slick-track,
.page-19373 #TakeActionWrapper .slick-track {
  padding: 20px;
  margin-top: 0px;
}

.page-19215 #TakeActionWrapper .card-new-container,
.page-19215 .featuredActionsWrapper .card-new-container,
.page-19373 #TakeActionWrapper .card-new-container,
.page-19373 .featuredActionsWrapper .card-new-container {
  width: 320px;
  padding: 10px;
  height: 550px;
  min-height: 450px;
  overflow: visible;
}



.page-19215 #TakeActionWrapper .card-new,
.page-19215 .featuredActionsWrapper .card-new,
.page-19373 #TakeActionWrapper .card-new,
.page-19373 .featuredActionsWrapper .card-new {
  display: flex;
  background-color: black;
  padding: 10px;
  border-radius: 0px;
  height: 460px;
  min-height: 380px;
}

.page-19215 #TakeActionWrapper .card-new-image,
.page-19215 .featuredActionsWrapper .card-new-image,
.page-19373 #TakeActionWrapper .card-new-image,
.page-19373 .featuredActionsWrapper .card-new-image {
  width: 280px;
  height: 280px;
  background-color: black;
  object-fit: contain !important;
  background-position: top;
  background-repeat: no-repeat;
}


.page-19215 #TakeActionWrapper .card-new-bar,
.page-19215 .featuredActionsWrapper .card-new-bar,
.page-19373 #TakeActionWrapper .card-new-bar,
.page-19373 .featuredActionsWrapper .card-new-bar,
.page-19191 .featuredActionsWrapper .card-new-bar {
  background-color: black;
  display: flex;
  flex-direction: column;
  width: 105%;
  margin-left: -3.5%;
  padding: 0;
}

.page-19215 #TakeActionWrapper .card-propel,
.page-19215 .featuredActionsWrapper .card-propel,
.page-19373 #TakeActionWrapper .card-propel,
.page-19373 .featuredActionsWrapper .card-propel {
  order: 2;
}

.page-19215 #TakeActionWrapper .card-propel-action-type,
.page-19215 #TakeActionWrapper .card-new-icon-box,
.page-19215 .featuredActionsWrapper .card-propel-action-type,
.page-19215 .featuredActionsWrapper .card-new-icon-box,
.page-19191 .featuredActionsWrapper .card-propel-action-type,
.page-19191 .featuredActionsWrapper .card-new-icon-box,
.page-19373 #TakeActionWrapper .card-propel-action-type,
.page-19373 #TakeActionWrapper .card-new-icon-box,
.page-19373 .featuredActionsWrapper .card-propel-action-type,
.page-19373 .featuredActionsWrapper .card-new-icon-box {
  display: none;
}


.page-19215 #TakeActionWrapper .card-new-info,
.page-19215 .featuredActionsWrapper .card-new-info,
.page-19373 #TakeActionWrapper .card-new-info,
.page-19373 .featuredActionsWrapper .card-new-info {
  background-color: black;
  margin-top: 8px;
  order: 1;
  height: auto;
  padding: 10px;
}

.page-19215 #TakeActionWrapper .card-new-info-container,
.page-19215 .featuredActionsWrapper .card-new-info-container,
.page-19373 #TakeActionWrapper .card-new-info-container,
.page-19373 .featuredActionsWrapper .card-new-info-container {
  font-family: 'Neue Helvetica Bold', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  color: #CFFF00;
  font-weight: 800;
  letter-spacing: 1px;
  -webkit-line-clamp: 5;
}

.page-19215 #TakeActionWrapper .card-new-description-box,
.page-19215 .featuredActionsWrapper .card-new-description-box,
.page-19191 .featuredActionsWrapper .card-new-description-box,
.page-19373 #TakeActionWrapper .card-new-description-box,
.page-19373 .featuredActionsWrapper .card-new-description-box
 {
  display: flex;
  flex-direction: column;
  align-items: start;
}

/* .page-19215 #TakeActionWrapper .card-new-share-socials,
.page-19215 .featuredActionsWrapper .card-new-share-socials,
.page-19373 #TakeActionWrapper .card-new-share-socials,
.page-19373 .featuredActionsWrapper .card-new-share-socials {
  font-family: 'Neue Helvetica Bold', sans-serif;
  display: block !important;
  color: white;
  font-size: 14px;
  line-height: 15px;
  height: 45px;
  overflow: hidden;
  font-weight: 500;
  padding: 0px 10px;
} */

/* .page-19215 #TakeActionWrapper .card-new-share-socials:after {
  content:' ...';
} */

.page-19215 #PrizesWrapper .card-new-share-socials,
.page-19373 #PrizesWrapper .card-new-share-socials {
  display: none !important;
}

/* dont diaplay points per dollar if there is already a points value */
.page-19215 .featuredActionsWrapper .card-new-points + .card-points-per-dollar,
.page-19373 .featuredActionsWrapper .card-new-points + .card-points-per-dollar  {
  display: none !important;
}

/* .page-19215 .featuredActionsWrapper .card-new-points + .card-highest-bid-price {
  display: none !important;
} */

.page-19191 .featuredActionsWrapper .card-new-points + .card-points-per-dollar,
.page-19373 .featuredActionsWrapper .card-new-points + .card-points-per-dollar {
  display: none !important;
}

.page-19191 #TakeActionWrapper .card-new-points,
.page-19191 .featuredActionsWrapper .card-new-points,
.page-19215 #TakeActionWrapper .card-new-points,
.page-19215 .featuredActionsWrapper .card-new-points,
.page-19373 #TakeActionWrapper .card-new-points,
.page-19373 .featuredActionsWrapper .card-new-points {
  overflow: visible;
  bottom: -50px;
  position: absolute;
  width: 100%;
  margin-left: -10px;
  text-align: center;
  /* font-size: 33px; */
  font-size: 20px;
  color: black;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.page-19215 #TakeActionWrapper .card-new-points:after,
.page-19215 .featuredActionsWrapper .card-new-points:after,
.page-19373 #TakeActionWrapper .card-new-points:after,
.page-19373 .featuredActionsWrapper .card-new-points:after  {
  content: ' POINTS'
}

.page-19215 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-19215 #PrizesWrapper .card-new-bg-causes .card-points-per-dollar,
.page-19373 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-19373 #PrizesWrapper .card-new-bg-causes .card-points-per-dollar  {
  display: block !important;
  overflow: visible;
  text-transform: uppercase;
  bottom: -50px;
  position: absolute;
  width: 90%;
  text-align: center;
  font-family: 'Neue Helvetica Bold', sans-serif;
  /* font-size: 18px; */
  font-size: 20px;
  color: black;
  font-weight: 800;
  margin-left: 6px;
  letter-spacing: 3px;
}

.page-19215 #PrizesWrapper .card-new-points,
.page-19373 #PrizesWrapper .card-new-points,
.page-19215 #PrizesWrapper .card-new-bg-causes .card-points-per-dollar,
.page-19373 #PrizesWrapper .card-new-bg-causes .card-points-per-dollar {
  color: white;
}

.page-19215 #PrizesWrapper .card-highest-bid-price,
.page-19373 #PrizesWrapper .card-highest-bid-price {
  display: block !important;
  text-transform: uppercase;
  bottom: -70px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-family: 'Neue Helvetica Bold', sans-serif;
  font-size: 20px;
  color: white;
  font-weight: 600;
  margin-left: -9px;
  letter-spacing: 3px;
}

.page-19215 #TakeActionWrapper .slick-arrow,
.page-19373 #TakeActionWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19215 #TakeActionWrapper .slick-prev,
.page-19373 #TakeActionWrapper .slick-prev {
  background-image: url('../images/black-arrow-left.png');
  background-position: center;
  background-size: contain;
  margin-left: 30px;
}

.page-19215 #TakeActionWrapper .slick-next,
.page-19373 #TakeActionWrapper .slick-next {
  background-image: url('../images/black-arrow-right.png');
  background-position: center;
  background-size: contain;
  margin-right: 30px;
}

.page-19215 #TakeActionWrapper .slick-list,
.page-19373 #TakeActionWrapper .slick-list {
  height: 640px;
}

.page-19215 #TakeActionWrapper .slick-list:after,
.page-19373 #TakeActionWrapper .slick-list:after {
  content: ' MORE \A ACTIONS';
  white-space: pre-wrap;
  color: black;
  text-align: center;
  font-family: 'Neue Helvetica Light', sans-serif;
  letter-spacing: 3px;
  font-size: 15px;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0px;
  position: absolute;
}

.page-19215 #PrizesWrapper,
.page-19373 #PrizesWrapper {
  background-image: url("../images/bieber-textured-bg-black.jpg");
  padding-top: 30px;
  /* margin-top: -20px; */
  width: 100%;
  height: 680px;
}

.page-19375 #PrizesWrapper {
  display: none;
}

.page-19191 #PrizesWrapper {
  background-image: url("../images/bieber-textured-bg-black.jpg");
  margin-top: -30px;
  width: 100%;
  height: 680px;
}

.page-19191 #PrizesWrapper .climate_spacer_30,
.page-19215 #PrizesWrapper .climate_spacer_30,
.page-19373 #PrizesWrapper .climate_spacer_30 {
  display: none;
}

.page-19191 #PrizesWrapper .home-header-row,
.page-19215 #PrizesWrapper .home-header-row,
.page-19373 #PrizesWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-top: -80px;
  margin-bottom: 10px;
}

.page-19191 #PrizesWrapper .home-header,
.page-19215 #PrizesWrapper .home-header,
.page-19373 #PrizesWrapper .home-header {
  width: 100%;
}



@keyframes cr-glitch2 {
  50% {
    text-shadow: -2px 1px #08fdfe;
  }
  100% {
    text-shadow: none;
  }
}

@media screen and (max-width: 650px) {
  .page-19373 #PrizesWrapper .carouselTitle {
    padding-top: 35px;
  }
}

.page-19191 #PrizesWrapper .carouselTitle,
.page-19215 #PrizesWrapper .carouselTitle,
.page-19373 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  display: block;
  height: auto;
}

.page-19215 #PrizesWrapper .carouselTitle,
.page-19373 #PrizesWrapper .carouselTitle {
  text-align: center;
  width: 100%;
  color: white;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 4px;
}

.page-19373 #PrizesWrapper .carouselTitle {

}

.page-19191 #PrizesWrapper .carouselTitle:after,
.page-19215 #PrizesWrapper .carouselTitle:after,
.page-19373 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  position: relative;
  z-index: 2;
  content: 'WHAT YOU CAN WIN';
  display: block;
  text-align: center;
  width: 100%;
  color: white;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 4px;
  animation: jb-glitch-skew 1s infinite linear alternate-reverse;
}

.page-19373 #PrizesWrapper .carouselTitle:after {
  content: 'PRIZES' !important;
}

.page-19191 #PrizesWrapper .carouselTitle::before,
.page-19215 #PrizesWrapper .carouselTitle::before,
.page-19373 #PrizesWrapper .carouselTitle::before {
  content: "WHAT YOU CAN WIN";
  visibility: visible;
  display: block;
  text-align: center;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 400;
  width: 100%;
  letter-spacing: 4px;
  font-size: 20px;
  z-index: 1;
  color: white;

  position: absolute;
  top: 30px;
  left: 1px;
  text-shadow: -2px 1px #CFFF00;
  /* clip: rect(44px, 450px, 56px, 0); */
  animation: jb-glitch-anim 5s infinite linear alternate-reverse,
  jb-glitch-skew 1s infinite linear alternate-reverse;
}

@media screen and (max-width: 650px) {
  .page-19373 #PrizesWrapper .carouselTitle::before {
    top: 62px;
  }
}


.page-19373 #PrizesWrapper .carouselTitle::before {
  content:'PRIZES' !important;
}

.page-19191 #PrizesWrapper .home-header:after,
.page-19215 #PrizesWrapper .home-header:after,
.page-19373 #PrizesWrapper .home-header:after {
  content: 'WHAT YOU CAN WIN';
  position: absolute;
  z-index: 1;
  top: 27px;
  display: block;
  text-align: center;
  width: 100%;
  color: white;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 4px;

  left: -1px;
  text-shadow: 1px -1px #08fdfe;
  /* clip: rect(44px, 450px, 56px, 0); */
  animation: jb-glitch-anim2 1.5s infinite linear alternate-reverse,
  jb-glitch-skew 3s infinite linear alternate-reverse;
}

.page-19373 #PrizesWrapper .home-header:after {
  content: 'PRIZES' !important;
}

.page-19191 #PrizesWrapper .card-new-icon-box,
.page-19191 #PrizesWrapper .card-new-description,
.page-19215 #PrizesWrapper .card-new-icon-box,
.page-19215 #PrizesWrapper .card-new-description,
.page-19373 #PrizesWrapper .card-new-icon-box,
.page-19373 #PrizesWrapper .card-new-description {
  display: none;
}


.page-19215 #PrizesWrapper .card-new-description-box,
.page-19373 #PrizesWrapper .card-new-description-box {
  background-color: transparent;
}

.page-19215 #PrizesWrapper .slick-track,
.page-19373 #PrizesWrapper .slick-track {
  padding: 0px;
  margin-top: 0px;
}

.page-19191 #PrizesWrapper .slick-track a,
.page-19215 #PrizesWrapper .slick-track a,
.page-19373 #PrizesWrapper .slick-track a {
  padding: 20px;
  margin-top: -10px;
}

.page-19191 #PrizesWrapper .card-new, .page-19191 #PrizesWrapper .card-new-bar,
.page-19215 #PrizesWrapper .card-new-bar, .page-19215 #PrizesWrapper .card-new,
.page-19373 #PrizesWrapper .card-new-bar, .page-19373 #PrizesWrapper .card-new  {
  background-color: transparent;
  height: auto;
  min-height:auto
}

.page-19191 #PrizesWrapper .card-new-container,
.page-19215 #PrizesWrapper .card-new-container,
.page-19373 #PrizesWrapper .card-new-container {
  /* background-image: url('../images/bieber-pink-rectangle.png'); */
  border: 2px solid #08fdfe;
  background-size: 100% 100%;
  width: 300px;
  height: auto;
  min-height: auto;
  /* padding: 18px; */
  margin: 0px 50px;
}


.page-19191 #PrizesWrapper .card-new-image,
.page-19215 #PrizesWrapper .card-new-image,
.page-19373 #PrizesWrapper .card-new-image {
  width: 260px !important;
  height: 240px;
  background-color: transparent;
}

@media screen and (max-width:650px) {
  .page-19191 #PrizesWrapper .card-new-container,
  .page-19215 #PrizesWrapper .card-new-container,
  .page-19373 #PrizesWrapper .card-new-container {
    margin:0;
    margin-left: auto;
    margin-right: auto;
  }
}


.page-19191 #PrizesWrapper .card-new-info,
.page-19215 #PrizesWrapper .card-new-info,
.page-19373 #PrizesWrapper .card-new-info {
  background-color: transparent;
  margin-top: 0px;
  height: 80px;
}

.page-19191 #PrizesWrapper .card-new-info-container,
.page-19215 #PrizesWrapper .card-new-info-container,
.page-19373 #PrizesWrapper .card-new-info-container {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 200;
  /* margin-top: 25px; */
  color: white;
  height: 60px;
}

.page-19191 #PrizesWrapper .card-new-points,
.page-19215 #PrizesWrapper .card-new-points,
.page-19373 #PrizesWrapper .card-new-points {
  /* font-size: 30px; */
  bottom: -125px;
  height: 85px;

}

.page-19191 #PrizesWrapper .card-new-points:after,
.page-19215 #PrizesWrapper .card-new-points:after,
.page-19373 #PrizesWrapper .card-new-points:after  {
  content: '';
}

.page-19191 #PrizesWrapper .slick-arrow,
.page-19215 #PrizesWrapper .slick-arrow,
.page-19373 #PrizesWrapper .slick-arrow {
  position: absolute;
  margin-top: 245px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19191 #PrizesWrapper .slick-prev,
.page-19215 #PrizesWrapper .slick-prev,
.page-19373 #PrizesWrapper .slick-prev {
  background-image: url('../images/bieber-arrow-left.png');
  background-position: center;
  background-size: contain;
  margin-left: 30px;
}

.page-19191 #PrizesWrapper .slick-next,
.page-19215 #PrizesWrapper .slick-next,
.page-19373 #PrizesWrapper .slick-next {
  background-image: url('../images/bieber-arrow-right.png');
  background-position: center;
  background-size: contain;
  margin-right: 30px;
}

.page-19191 #PrizesWrapper .home-row:after,
.page-19215 #PrizesWrapper .home-row:after,
.page-19373 #PrizesWrapper .home-row:after {
  background-image: url('../images/peach.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: calc(100% - 20px);
  height: 100px;
  margin-left: 0;
  left: 0;
  bottom: -20px;
  position: absolute;
  content: ' ';
  z-index: -1;
}

.page-19191 #PrizesWrapper .slick-list,
.page-19215 #PrizesWrapper .slick-list,
.page-19373 #PrizesWrapper .slick-list {
  height: 550px;
}

.page-19191 #PrizesWrapper .slick-list:after,
.page-19215 #PrizesWrapper .slick-list:after,
.page-19373 #PrizesWrapper .slick-list:after {
  content: ' MORE \A PRIZES';
  white-space: pre-wrap;
  color: white;
  text-align: center;
  font-family: 'Neue Helvetica Light', sans-serif;
  letter-spacing: 3px;
  font-size: 15px;
  width: 100%;
  height: auto;
  margin-left: 10px;
  left: 0;
  bottom: 0px;
  position: absolute;
}

@media screen and (max-width: 375px) {

  .page-19191 #PrizesWrapper  {
    height: 550px;
  }
  .page-19215 #PrizesWrapper,
  .page-19373 #PrizesWrapper {
    height: 650px;
  }

  .page-19191 #PrizesWrapper .slick-arrow  {
    margin-top: 140px;
  }

  .page-19215 #PrizesWrapper .slick-arrow,
  .page-19373 #PrizesWrapper .slick-arrow  {
    margin-top: 190px;
  }

  .page-19191 #PrizesWrapper .slick-next, .page-19215 #PrizesWrapper .slick-next,
  .page-19215 #TakeActionWrapper .slick-next, .page-19215 .featuredActionsWrapper .slick-next,
  .page-19373 #PrizesWrapper .slick-next, .page-19373 #TakeActionWrapper .slick-next,
  .page-19373 .featuredActionsWrapper .slick-next{
    right: 40vw;
  }

  .page-19191 #PrizesWrapper .card-new-info-container,
  .page-19215 #PrizesWrapper .card-new-info-container,
  .page-19373 #PrizesWrapper .card-new-info-container {
    margin-top: 0px;
  }

  .page-19191 #PrizesWrapper .home-row:after {
    width: calc(65% - 20px);
    bottom: 90px;
  }

  .page-19215 #PrizesWrapper .home-row:after,
  .page-19373 #PrizesWrapper .home-row:after  {
    width: calc(65% - 20px);
    bottom: 40px;
  }

  .page-19191 #PrizesWrapper .slick-list:after {
    width: 65%;
    bottom: 110px;
  }

  .page-19215 #PrizesWrapper .slick-list:after,
  .page-19373 #PrizesWrapper .slick-list:after {
    width: 65%;
    bottom: 60px;
  }

  .page-19215 #TakeActionWrapper .slick-list:after,
  .page-19373 #TakeActionWrapper .slick-list:after  {
    width: 70%;
  }

}

/* extra rows - card design in TakeActionWrapper*/

.page-19215 .featuredActionsWrapper {
  background-image: linear-gradient(to bottom, #08FDFE, #CFFF00);
  width: 100%;
  order: 2;
  height: 800px;
  padding-top: 30px;
}

.page-19373 .featuredActionsWrapper {
  background-color: #08FDFE;
  background-image: none;
  width: 100%;
  order: 2;
  height: 800px;
  padding-top: 30px;
}

.page-19215 .featuredActionsWrapper:nth-child(3),
.page-19215 .featuredActionsWrapper:nth-child(7) {
  background-image: linear-gradient(to bottom, #CFFF00, #08FDFE);
}

.page-19215 .featuredActionsWrapper:nth-child(5) {
  background-image: linear-gradient(to bottom, #08FDFE, #CFFF00);
}






.page-19215 .featuredActionsWrapper .home-header-row,
.page-19373 .featuredActionsWrapper .home-header-row {
  width: 100%;
  margin-top: 25px;
  border-bottom: none;
}


.page-19215 .featuredActionsWrapper .home-header,
.page-19373 .featuredActionsWrapper .home-header {
  width: 100%;
  color: white;
  text-align: center;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 4px;
}

.page-19215 .featuredActionsWrapper .carouselTitle,
.page-19373 .featuredActionsWrapper .carouselTitle {
  width: 100%;
  text-align: center;
  color: black;
  font-weight: 600;
}

@media screen and (max-width:650px) {
  .page-19215 .featuredActionsWrapper .carouselTitle,
  .page-19373 .featuredActionsWrapper .carouselTitle  {
    display: flex;
    height: 62px;
    justify-content: center;
    align-items: center;
  }
}

.page-19215 .featuredActionsWrapper:nth-child(3) .carouselTitle,
.page-19373 .featuredActionsWrapper:nth-child(3) .carouselTitle,
.page-19215 .featuredActionsWrapper:nth-child(7) .carouselTitle,
.page-19373 .featuredActionsWrapper:nth-child(7) .carouselTitle {
  text-shadow: -2px 1px #08fdfe;
  animation: jb-glitch-skew 1s infinite linear alternate-reverse, cr-glitch 1s infinite linear;
}

.page-19215 .featuredActionsWrapper:nth-child(5) .carouselTitle,
.page-19373 .featuredActionsWrapper:nth-child(5) .carouselTitle {
  text-shadow: -2px 1px #CFFF00;
  animation: jb-glitch-skew 1.5s infinite linear alternate-reverse, cr-glitch 0.5s infinite linear;
}

@keyframes cr-glitch {
  50% {
    text-shadow: -2px 1px #fff;
  }
  100% {
    text-shadow: none;
  }
}

.page-19215 .featuredActionsWrapper .slick-track,
.page-19373 .featuredActionsWrapper .slick-track {
  padding: 20px;
  margin-top: -30px;
}

.page-19215 .featuredActionsWrapper .slick-arrow,
.page-19373 .featuredActionsWrapper .slick-arrow  {
  position: absolute;
  margin-top: 320px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

/* .page-19215 .featuredActionsWrapper:nth-child(5) .slick-prev,
.page-19373 .featuredActionsWrapper:nth-child(5) .slick-prev {
  background-image: url('../images/black-arrow-left.png');
  background-position: center;
  background-size: contain;
  margin-left: 30px;
}

.page-19215 .featuredActionsWrapper:nth-child(5) .slick-next,
.page-19373 .featuredActionsWrapper:nth-child(5) .slick-next {
  background-image: url('../images/black-arrow-right.png');
  background-position: center;
  background-size: contain;
  margin-right: 30px;
} */


.page-19215 .featuredActionsWrapper:nth-child(3) .slick-prev,
.page-19215 .featuredActionsWrapper:nth-child(7) .slick-prev,
.page-19373 .featuredActionsWrapper:nth-child(3) .slick-prev,
.page-19373 .featuredActionsWrapper:nth-child(7) .slick-prev,
.page-19215 .featuredActionsWrapper:nth-child(5) .slick-prev,
.page-19373 .featuredActionsWrapper:nth-child(5) .slick-prev {
  background-image: url('../images/black-arrow-left.png');
  background-position: center;
  background-size: contain;
  margin-left: 30px;
}

.page-19215 .featuredActionsWrapper:nth-child(3) .slick-next,
.page-19215 .featuredActionsWrapper:nth-child(7) .slick-next,
.page-19373 .featuredActionsWrapper:nth-child(3) .slick-next,
.page-19373 .featuredActionsWrapper:nth-child(7) .slick-next,
.page-19215 .featuredActionsWrapper:nth-child(5) .slick-next,
.page-19373 .featuredActionsWrapper:nth-child(5) .slick-next {
  background-image: url('../images/black-arrow-right.png');
  background-position: center;
  background-size: contain;
  margin-right: 30px;
}


.page-19191 .campaign_impact,
.page-19215 .campaign_impact,
.page-19373 .campaign_impact,
.page-19375 .campaign_impact {
  display: none;
}


.jb-hiw-cont {
  display: none;
  background-image: url('../images/bieber-textured-bg-white.jpg');
  width: 100%;
  margin-top: -60px;
  padding-top: 30px;
}

.body-page-19215 .page-19215.campaign-locked + .page-footer .jb-hiw-cont {
  display: block !important;
}

@media screen and (max-width: 650px) {
  .jb-hiw-cont {
    margin-top: -30px;
  }
}

.jb-hiw-cont h1 {
  color: black;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 4px !important;
  text-align: center;
  position: relative;
  z-index: 2;
  animation: jb-glitch-skew 1s infinite linear alternate-reverse;
}

.jb-hiw-cont h1:before {
  content: "HOW IT WORKS";
  visibility: visible;
  display: block;
  text-align: center;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  width: 100%;
  letter-spacing: 4px;
  font-size: 22px;
  z-index: 1;
  color: black;

  position: absolute;
  left: 1px;
  text-shadow: -1px 1px #CFFF00;
  /* clip: rect(44px, 450px, 56px, 0); */
  animation: jb-glitch-anim 5s infinite linear alternate-reverse,
  jb-glitch-skew 1s infinite linear alternate-reverse;
}

.jb-hiw-cont h1:after {
  content: 'HOW IT WORKS';
  position: absolute;
  z-index: 1;
  display: block;
  text-align: center;
  width: 100%;
  color: black;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 4px;
  top: 0px;

  left: -1px;
  text-shadow: 1px -1px #08fdfe;
  /* clip: rect(44px, 450px, 56px, 0); */
  animation: jb-glitch-anim2 1s infinite linear alternate-reverse,
  jb-glitch-skew 3s infinite linear alternate-reverse;
}



.jb-hiw-section-cont {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
}

.jb-hiw-section {
  background-color: black;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  margin-bottom: 20px;
  max-width: 500px;
}

.jb-hiw-section-img {
  width: 100%;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}

.jb-hiw-section-title {
  text-transform: uppercase;
  color: #CFFF00;
  font-family: 'Neue Helvetica Bold', sans-serif;
  font-size: 22px;
  text-align: left;
  padding: 10px 10px 0px 10px;
  letter-spacing: 4px;
  /* font-weight: 600; */
}

.jb-hiw-desc {
  color: white;
  font-family: 'Neue Helvetica Light', sans-serif;
  padding: 0px 10px;
}

.jb-partners-cont {
  background-color: white;
  width: 100%;
  padding: 20px;
  padding-bottom: 40px;
  margin-top: -60px;
}

.body-page-19215 .page-19215.campaign-locked + .page-footer .jb-partners-cont {
  margin-top: 0px;
}

.jb-partners-cont h1 {
  font-family: 'Neue Helvetica Light', sans-serif;
  text-transform: uppercase;
  color: black;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 4px !important;
  text-align: center;
  position: relative;
  z-index: 2;
  animation: jb-glitch-skew 1s infinite linear alternate-reverse;
}

.jb-partners-cont h1:before {
  content: "PARTNERS";
  visibility: visible;
  display: block;
  text-align: center;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  width: 100%;
  letter-spacing: 4px;
  font-size: 22px;
  z-index: 1;
  color: black;

  position: absolute;
  /* top: 25px; */
  left: 1px;
  text-shadow: -1px 1px #CFFF00;
  /* clip: rect(44px, 450px, 56px, 0); */
  animation: jb-glitch-anim 5s infinite linear alternate-reverse,
  jb-glitch-skew 1s infinite linear alternate-reverse;
}

.jb-partners-cont h1:after {
  content: 'PARTNERS';
  position: absolute;
  z-index: 1;
  top: 0;
  display: block;
  text-align: center;
  width: 100%;
  color: black;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 4px;

  left: -1px;
  text-shadow: 2px -1px #08fdfe;
  /* clip: rect(44px, 450px, 56px, 0); */
  animation: jb-glitch-anim2 1s infinite linear alternate-reverse,
  jb-glitch-skew 3s infinite linear alternate-reverse;
}


.jb-partner-logo-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.jb-partner-logo-cont img {
  width: 50%;
  /* max-width: 300px; */
  object-fit: cover;
  height: 200px;
  margin-bottom: -50px;
}

.jb-partner-logo-cont img:nth-child(1) {
  max-width: 300px;
  height: auto;
  object-fit: contain;
}

.jb-partner-logo-cont img:nth-child(6),
.jb-partner-logo-cont img:nth-child(11) {
  max-width: 300px;
}

@media screen and (max-width: 650px) {
  .jb-partner-logo-cont img {
    height: 110px;
    width: 33%;
    margin-bottom: -20px;
  }
}

@media screen and (max-width: 400px) {
  .jb-partner-logo-cont img {
    object-fit: cover;
    height: auto;
    margin-bottom: 0px;
  }
}

.jb-prop-logo-cont {
  width: 100%;
  max-width: 100%;
  background-color: white;
  padding-bottom: 40px;
}

.jb-prop-logo {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  height: auto;
}

.jb-docked-button-cont {
  width: 100%;
  background-color: #CFFF00;
  height: 60px;
  position: fixed;
  bottom: 0;
  z-index: 10;
  text-align: center;
  padding: 15px 10px;
  margin-left: -17px;
}

.body-page-19375 .jb-docked-button-cont {
  margin-left: 0;
}

.jb-docked-button {
  font-family: 'Neue Helvetica Bold', sans-serif;
  font-size: 20px;
  color: black !important;
  width: 100%;
  height: 50px;
  font-weight: 600;
  letter-spacing: 4px;

}
.jb-docked-button:hover {
  text-decoration: none;
}

/* JB title animations */

@keyframes jb-glitch-anim {
  0% {
    clip: rect(-10px, 9999px, 8px, 20px);
    transform: skew(0.69deg);
  }
  5% {
    clip: rect(-60px, 9999px, 0px, 10px);
    transform: skew(0.75deg);
  }
  10% {
    clip: rect(-15px, 9999px, 9px, 5px);
    transform: skew(0.47deg);
  }
  15% {
    clip: rect(-47px, 9999px, 30px, 15px);
    transform: skew(0.89deg);
  }
  20% {
    clip: rect(-6px, 9999px, 7px, 0);
    transform: skew(0.38deg);
  }
  25% {
    clip: rect(0px, 9999px, 21px, 23px);
    transform: skew(0.43deg);
  }
  30% {
    clip: rect(-8px, 9999px, 40px, 30px);
    transform: skew(0.06deg);
  }
  35% {
    clip: rect(-5px, 9999px, 45px, 20px);
    transform: skew(0.03deg);
  }
  40% {
    clip: rect(-18px, 9999px, 82px, 25px);
    transform: skew(0.34deg);
  }
  45% {
    clip: rect(-7px, 9999px, 25px, 10px);
    transform: skew(0.66deg);
  }
  50% {
    clip: rect(-7px, 9999px, 42px, 10px);
    transform: skew(0.04deg);
  }
  55% {
    clip: rect(-4px, 9999px, 70px, 0);
    transform: skew(0.28deg);
  }
  60% {
    clip: rect(-16px, 9999px, 43px, 8px);
    transform: skew(0.1deg);
  }
  65% {
    clip: rect(0px, 9999px, 0px, 16px);
    transform: skew(0.29deg);
  }
  70% {
    clip: rect(-2px, 9999px, 6px, 5px);
    transform: skew(0.82deg);
  }
  75% {
    clip: rect(-14px, 9999px, 77px, 0);
    transform: skew(0.5deg);
  }
  80% {
    clip: rect(-20px, 9999px, 41px, 20px);
    transform: skew(0.76deg);
  }
  85% {
    clip: rect(-6px, 9999px, 71px, 10px);
    transform: skew(0.92deg);
  }
  90% {
    clip: rect(5px, 9999px, 100px, 12px);
    transform: skew(0.58deg);
  }
  95% {
    clip: rect(17px, 9999px, 24px, 4px);
    transform: skew(0.53deg);
  }
  100% {
    clip: rect(8px, 9999px, 22px, 15px);
    transform: skew(0.58deg);
  }
}

@keyframes jb-glitch-anim2 {
  0% {
    clip: rect(20px, 9999px, 41px, 20px);
    transform: skew(0.76deg);
  }
  5% {
    clip: rect(6px, 9999px, 40px, 10px);
    transform: skew(0.75deg);
  }
  10% {
    clip: rect(27px, 9999px, 20px, 15px);
    transform: skew(0.89deg);
  }
  15% {
    clip: rect(25px, 9999px, 1px, 23px);
    transform: skew(0.43deg);
  }
  20% {
    clip: rect(7px, 9999px, 42px, 10px);
    transform: skew(0.04deg);
  }
  25% {
    clip: rect(25px, 9999px, 1px, 23px);
    transform: skew(0.43deg);
  }
  30% {
    clip: rect(15px, 9999px, 69px, 5px);
    transform: skew(0.47deg);
  }
  35% {
    clip: rect(4px, 9999px, 7px, 0);
    transform: skew(0.28deg);
  }
  40% {
    clip: rect(18px, 9999px, 82px, 25px);
    transform: skew(0.34deg);
  }
  45% {
    clip: rect(7px, 9999px, 25px, 10px);
    transform: skew(0.66deg);
  }
  50% {
    clip: rect(14px, 9999px, 77px, 0);
    transform: skew(0.5deg);
  }
  55% {
    clip: rect(4px, 9999px, 7px, 0);
    transform: skew(0.28deg);
  }
  60% {
    clip: rect(16px, 9999px, 43px, 8px);
    transform: skew(0.1deg);
  }
  65% {
    clip: rect(20px, 9999px, 100px, 13px);
    transform: skew(0.29deg);
  }
  70% {
    clip: rect(60px, 9999px, 1px, 0);
    transform: skew(0.38deg);
  }
  75% {
    clip: rect(8px, 9999px, 22px, 15px);
    transform: skew(0.58deg);
  }
  80% {
    clip: rect(20px, 9999px, 41px, 20px);
    transform: skew(0.76deg);
  }
  85% {
    clip: rect(6px, 9999px, 71px, 10px);
    transform: skew(0.92deg);
  }
  90% {
    clip: rect(5px, 9999px, 100px, 12px);
    transform: skew(0.58deg);
  }
  95% {
    clip: rect(10px, 9999px, 8px, 20px);
    transform: skew(0.69deg);
  }
  100% {
    clip: rect(2px, 9999px, 6px, 5px);
    transform: skew(0.82deg);
  }
}

@keyframes jb-glitch-skew {
  0% {
    transform: skew(-1deg);
  }
  10% {
    transform: skew(6deg);
  }
  20% {
    transform: skew(1deg);
  }
  30% {
    transform: skew(1deg);
  }
  40% {
    transform: skew(2deg);
  }
  50% {
    transform: skew(2deg);
  }
  60% {
    transform: skew(0deg);
  }
  70% {
    transform: skew(6deg);
  }
  80% {
    transform: skew(4deg);
  }
  90% {
    transform: skew(-1deg);
  }
  100% {
    transform: skew(0deg);
  }
}

/* JB Desktop */

@media screen and (min-width:650px) {

  .page-19191 .jb-intro-cont,
  .page-19215 .jb-intro-cont,
  .page-19373 .jb-intro-cont,
  .page-19375 .jb-intro-cont {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* padding-bottom: 20px; */
  }

  .page-19215 #PrizesWrapper,
  .page-19373 #PrizesWrapper {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .page-19215 #PrizesWrapper .card-new-container,
  .page-19373 #PrizesWrapper .card-new-container {
    margin: 0;
  }

  .page-19191 #PrizesWrapper .slick-prev,
  .page-19215 #PrizesWrapper .slick-prev,
  .page-19373 #PrizesWrapper .slick-prev  {
    margin-left: calc(50% - 140px);
  }

  .page-19215 #TakeActionWrapper .slick-prev,
  .page-19215 .featuredActionsWrapper .slick-prev,
  .page-19215 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-19215 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-19215 .featuredActionsWrapper:nth-child(7) .slick-prev,
  .page-19373 #TakeActionWrapper .slick-prev,
  .page-19373 .featuredActionsWrapper .slick-prev,
  .page-19373 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-19373 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-19373 .featuredActionsWrapper:nth-child(7) .slick-prev{
    margin-left: calc(50% - 130px);
  }

  .page-19191 #PrizesWrapper .slick-next,
  .page-19215 #PrizesWrapper .slick-next,
  .page-19373 #PrizesWrapper .slick-next  {
    margin-right: calc(50% - 140px);
  }

  .page-19215 #TakeActionWrapper .slick-next,
  .page-19215 .featuredActionsWrapper .slick-next,
  .page-19215 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-19215 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-19215 .featuredActionsWrapper:nth-child(7) .slick-next,

  .page-19373 #TakeActionWrapper .slick-next,
  .page-19373 .featuredActionsWrapper .slick-next,
  .page-19373 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-19373 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-19373 .featuredActionsWrapper:nth-child(7) .slick-next{
    margin-right: calc(50% - 130px);
  }

  .jb-hiw-section-cont {
    flex-direction: row;
  }

  .jb-hiw-section {
    width: 30%;
  }

  .jb-partner-logo-cont {
    width: 86%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .jb-partner-logo-cont img {
    max-width: 200px;
  }

  .jb-docked-button-cont {
    width: 330px;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
  }

}



/* End Justin Bieber Page (old design) */


/* JB NEW DESIGN - pages 19385 (landing/hub) */


.body-page-19385 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-19385 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19385 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19385 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19385 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-19385 .page-footer {
  width: 100% !important;
}

.body-page-19385 .small_swiper {
  display: none;
}

.body-page-19385, .page-19375, .page-19385 .ndjb-header-cont, .page-19385 .ndjb-intro-cont {
  width: 100%;
  background-color: white;
}

.page-19385 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-19385 .container, .body-page-19385 .container {
  max-width: 1600px;
}

.page-19385 .campaign_body {
  order: -1;
  margin-bottom: -50px;
}

.page-19385 #TakeActionWrapper {
  order: 1;
}

.page-19385 .ndjb-header-cont {
  background-color: white;
}

.page-19385 .ndjb-header-gif  {
  width: 100%;
  height: auto;
  margin-top: -40px;
  /* padding-top: 60px; */
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.page-19385 .campaign_headline_big {
  display: none;
}



.page-19385.campaign-locked .ndjb-intro-cont {
  height: 680px;
}

.page-19385 .ndjb-intro-cont {
  height: 700px;
}

/* including tour date page basic styles */
.page-19385 .ndjb-intro-title, .page-19385 .ndjb-intro-p1, .page-19385 .ndjb-intro-p2,
.page-19384 .ndjb-intro-title,  .page-19384 .ndjb-intro-p2 {
  width: 95%;
  padding-left: 10px;
  padding-bottom: 10px;
}

.page-19384 .ndjb-intro-p1 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-19385 .ndjb-intro-p1,
.page-19384 .ndjb-intro-p1 {
  font-weight: 600;
  line-height: 25px;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-size: 20px;
}

.page-19385 .ndjb-intro-p1 a,
.page-19384 .ndjb-intro-p1 a {
  color: #01e300;
}

.page-19385 .ndjb-intro-title,
.page-19384 .ndjb-intro-title {
  width: 95%;
  margin-left: auto;
  padding-left: 0;
  margin-right: auto;
  object-fit: contain;
}
.page-19385 .ndjb-intro-title img,
.page-19384 .ndjb-intro-title img {
  width: 100%;
  height: auto;
}

.page-19385 .ndjb-intro-tog {
  background-image: url('../images/together-we-can-mobile.png');
  height: 400px;
  width: auto;
  background-repeat: no-repeat;
  background-position: center top;
  position:relative;
  /* z-index: 3; */
}

@media screen and (min-width:650px) {
  .page-19385 .ndjb-intro-tog {
    background-image: url('../images/together-we-can-desktop.png')
  }
}


.page-19385 .ndjb-intro-p2 {

}

.page-19385 .climate_spacer_30 {
  display: none;
}

.page-19385 .padT3 {
  margin-bottom: -130px;
}


/* HUB FUNCTIONALITY */
.body-page-19385 .page-footer, .ndjb-hiw-cont {
  display: none;
}

 .body-page-19385 .page-19385.campaign-locked ~ .page-footer  {
  display: block !important;
}

.body-page-19385 .page-19385.campaign-locked ~ .page-footer .ndjb-hiw-cont {
  display: block !important;
}

.page-19385.campaign-locked #TakeActionWrapper,
.page-19385.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-19385.campaign-locked #PrizesWrapper {
  display: block;
}



/* weird mobile card sizing fix */
@media screen and (max-width: 445px) {
  .page-19385 .card-new-container {
    width: 310px !important;
  }
  .page-19385 .card-new-info-container {
    padding: 0px 10px;
    height: auto;
    align-self: center;
  }
  .page-19385 .card-new {
    height: 430px;
  }
  .page-19385 .card-new-description-box {
    margin-left: 10px;
  }
  .page-19385 .card-new-description {
    font-size: 15px;
    margin-left: 15px;
  }
  .page-19385 .card-new-icon {
    height: 30px;
  }
  .page-19385 .card-new-bar {
    height: 40px;
    font-size: 12px;
  }
  .page-19385 .card-new-points {
    font-size: 15px;
    margin-right: 12px;
  }
  .page-19385 .card-new-info {
    font-size: 15px;
    height: 100px;
  }
}


/* Take Action */
.page-19385 #TakeActionWrapper {
  background-image: url('../images/actions-background.jpg');
  width: 100%;
  margin-top: -20px;
  padding-bottom: 50px;
  height: 750px;
  padding-top: 0px;
}

.page-19385 #TakeActionWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-top: -24px;
  margin-bottom: 0px;
}

.page-19385 #TakeActionWrapper .home-header {
  width: 100%;
}

@media screen and (max-width: 650px) {
  .page-19385 #TakeActionWrapper {
    margin-top: 0px;
  }

  .page-19385 #TakeActionWrapper .home-header-row {
    margin-bottom: -20px;
    margin-top: -20px;
  }

  .page-19385 #TakeActionWrapper .home-header {
    margin-top: -10px;
  }
}


.page-19385 .featuredActionsWrapper .home-row:after {
  background-image: url('../images/jbmore-actions.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  bottom: 0px;
  position: absolute;
}

.page-19385 #TakeActionWrapper .home-row:after {
  bottom: -20px !important;
  background-image: none;
}

.page-19385 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  display: block;
  height: auto;
}

.page-19385 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: '';
  background-image: url('../images/take-action-criminal-justice-mobile.png');
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  margin-bottom: 10px;
  height: 100px;
  width: auto;
}

@media screen and (min-width: 650px) {
  .page-19385 #TakeActionWrapper .carouselTitle:after {
    background-image: url('../images/take-action-criminal-justice-desktop.png');
  }
}

@media screen and (max-width: 650px) {
  .page-19385 #TakeActionWrapper .carouselTitle::after {
    top: 20px;
    /* width: 96%;
    margin-left: 2%;
    margin-right: auto; */
  }

  .page-19385 #TakeActionWrapper .carouselTitle::before {
    top: 50px;
    /* width: 96%;
    margin-left: 2%;
    margin-right: auto; */
  }

  .page-19385 #TakeActionWrapper .home-header:after {
    top: 19px;
  }
}

@media screen and (max-width: 375px) {
  .page-19385 #TakeActionWrapper .carouselTitle::after {
    top: 0px;
  }
  .page-19385 #TakeActionWrapper {
    padding-top: 24px;
    /* height: 670px; */
  }

  .page-19385 #TakeActionWrapper .carouselTitle::before {
    top: 30px;
  }

  .page-19385 #TakeActionWrapper .home-header:after {
    top: 23px;
  }
}


.page-19385 #TakeActionWrapper .slick-arrow,
.page-19385 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 270px;
  width: 80px;
  height: 70px;
  z-index: 8;
}

.page-19385 #TakeActionWrapper .slick-prev,
.page-19385 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ndleft-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 40px;
}

.page-19385 #TakeActionWrapper .slick-next,
.page-19385 .featuredActionsWrapper .slick-next {
  background-image: url('../images/ndright-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 40px;
}

.page-19385 .featuredActionsWrapper .slick-list {
  height: 575px;
}

.page-19385 .featuredActionsWrapper .slick-list:after {
  content: '';
  background-image: url('../images/jbmore-actions.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  bottom: 0px;
  position: absolute;
}

.page-19385 #PrizesWrapper {
  background-image: url("../images/prizes-background.jpg");
  padding-top: 30px;
  /* margin-top: -20px; */
  width: 100%;
  height: 680px;
  margin-top:20px;
}

.page-19385 #PrizesWrapper .climate_spacer_30{
  display: none;
}

.page-19385 #PrizesWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-top: -80px;
  margin-bottom: 10px;
}

.page-19385 #PrizesWrapper .home-header {
  width: 100%;
}

.page-19385 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  display: block;
  height: auto;
}

.page-19385 #PrizesWrapper .carouselTitle:after {
  content: '';
  visibility: visible;
  text-align: center;
  width: 100%;
  background-image: url("../images/prizes.png");
  margin-top: -30px;
  margin-bottom: -55px;
  height: 80px;
}

.page-19385 #PrizesWrapper .slick-list {
  height: 600px;
}

.page-19385 #PrizesWrapper .slick-list:after {
  content: '';
  background-image: url('../images/more-prizes.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  bottom: 0px;
  position: absolute;
}

.page-19385 #PrizesWrapper .slick-list {
  height: 580px;
}


@media screen and (max-width: 375px) {

  .page-19385 #PrizesWrapper {
    height: 650px;
  }


  .page-19385 #PrizesWrapper .slick-arrow  {
    margin-top: 190px;
  }

  .page-19385 #PrizesWrapper .slick-next,
  .page-19385 #TakeActionWrapper .slick-next, .page-19385 .featuredActionsWrapper .slick-next {
    right: 40vw;
  }

  .page-19385 #PrizesWrapper .card-new-info-container {
    margin-top: 0px;
  }

  .page-19385 #PrizesWrapper .home-row:after {
    width: calc(65% - 20px);
    bottom: 40px;
  }

  .page-19385 #PrizesWrapper .slick-list:after {
    width: 65%;
    bottom: 60px;
  }

  .page-19385 #TakeActionWrapper .slick-list:after {
    width: 70%;
  }

}

/* extra rows - card design in TakeActionWrapper*/

.page-19385 .featuredActionsWrapper {
  background-image: url('../images/actions-background.jpg');
  background-size: contain;
  width: 100%;
  order: 2;
  height: 800px;
  padding-top: 30px;
}

.page-19385 .featuredActionsWrapper .home-header-row {
  width: 100%;
  margin-top: 25px;
  border-bottom: none;
}

.page-19385 .featuredActionsWrapper .carouselTitle {
  visibility: hidden;
  display: block;
  height: auto;
}

.page-19385 .featuredActionsWrapper .carouselTitle:after {
  visibility: visible;
  content: '';
  background-image: url('../images/more-actions-to-earn-mobile.png');
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -80px;
  margin-bottom: -40px;
  height: 100px;
  width: auto;
}

@media screen and (min-width:650px) {
  .page-19385 .featuredActionsWrapper .carouselTitle {
    background-image: url('../images/more-actions-to-earn-desktop.png')
  }
}

.page-19385 .featuredActionsWrapper .slick-track {
  padding: 20px;
}

.page-19385 .campaign_impact {
  display: none;
}

.ndjb-hiw-cont {
  /* display: none; */
  background-color: white;
  width: 100%;
  margin-top: -60px;
  padding-top: 30px;
}

.body-page-19385 .page-19385.campaign-locked + .page-footer .jb-hiw-cont {
  display: block !important;
}

@media screen and (max-width: 650px) {
  .ndjb-hiw-cont {
    margin-top: -30px;
  }
}

.ndjb-hiw-section-cont {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
}

.ndjb-hiw-section {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  margin-bottom: 20px;
  max-width: 500px;
}

.ndjb-hiw-section-img {
  width: 100%;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}

.ndjb-hiw-section-title img {
  object-fit: contain;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
}

.ndjb-hiw-desc {
  color: black;
  font-family: 'Neue Helvetica Light', sans-serif;
  padding: 0px 10px;
  text-align: center;
}

@media screen and (max-width: 649px) {
  .ndjb-partners-cont {
    display: block !important;
    background-image: url('../images/partners-background-mobile.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center -100px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 650px) {
  .ndjb-partners-cont {
    background-image: url('../images/partners-background-desktop.jpg');
    width: 100%;
    padding: 0px;
    padding-bottom: 40px;
    margin-top: -60px;
  }
  .ndjb-prop-cont {
    display: flex !important;
  }
}

@media screen and (max-width: 649px) {
  .ndjb-part-tc {
    background-image: url('../images/partners-header-mobile.png');
    padding: 15px;
    width: 95%;
    height: 80px;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width:650px) {
  .ndjb-part-tc {
    background-image: url('../images/partners-header-desktop.png');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
  }
}

.ndjb-partner-logo-cont {
  /* background-color: white; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ndjb-partner-logo-cont img {
  width: 50%;
  /* max-width: 300px; */
  object-fit: cover;
  height: 200px;
  max-height: 200px;
  line-height: 200px;
  margin-bottom: -50px;
}

.ndjb-partner-logo-cont img:nth-child(1) {
  max-width: 300px;
  max-height: 200px;
  height: auto;
  object-fit: contain;
  object-position: center top;
  position: relative;
  overflow: hidden;
}


.ndjb-partner-logo-cont img:nth-child(6),
.ndjb-partner-logo-cont img:nth-child(11) {
  max-width: 300px;
}

@media screen and (max-width: 650px) {
  .ndjb-partner-logo-cont img {
    height: 110px;
    width: 33%;
    margin-bottom: -20px;
  }
}

@media screen and (max-width: 400px) {
  .ndjb-partner-logo-cont img {
    object-fit: cover;
    height: auto;
    margin-bottom: 0px;
  }
}

.ndjb-prop-logo-cont {
  width: 100%;
  max-width: 100%;
  padding-bottom: 40px;
  padding-top:20px;
}

.ndjb-prop-logo {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  height: auto;
}

.ndjb-docked-button-cont {
  width: 100%;
  background-image: url('../images/start.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  height: 90px;
  position: fixed;
  bottom: 8px;
  z-index: 10;
  text-align: center;
  padding: 15px 10px;
  margin-left: -17px;
}

.body-page-19375 .ndjb-docked-button-cont {
  margin-left: 0;
}

.ndjb-docked-button {
  font-family: 'Neue Helvetica Bold', sans-serif;
  font-size: 20px;
  width: 100%;
  height: 50px;
  font-weight: 600;
  letter-spacing: 4px;
  color: transparent;
  padding: 10px 60px 40px 90px;
}
.ndjb-docked-button:hover {
  text-decoration: none;
  color: transparent;
}



/* JB Desktop */

@media screen and (min-width:650px) {

  .page-19385 .ndjb-intro-cont,
  .page-19384 .ndjb-intro-cont {
    height: 550px;
  }

  .page-19385 .ndjb-intro-p1,
  .page-19384 .ndjb-intro-p1 {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* padding-bottom: 20px; */
  }

  .page-19385 .ndjb-intro-title img,
  .page-19384 .ndjb-intro-title img {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-19385 .ndjb-intro-tog {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    max-width:1000px;
  }

  .page-19385 #TakeActionWrapper .carouselTitle:after {
    margin-top: 20px;
    margin-bottom: -30px;
  }

  .page-19385 #PrizesWrapper {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .page-19385 #PrizesWrapper .card-new-container {
    margin: 0;
  }

  .page-19385 #PrizesWrapper .slick-prev {
    margin-left: calc(50% - 140px);
  }

  .page-19385 .featuredActionsWrapper {
    height: 720px;
  }

  .page-19385 #TakeActionWrapper .slick-prev,
  .page-19385 .featuredActionsWrapper .slick-prev,
  .page-19385 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-19385 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-19385 .featuredActionsWrapper:nth-child(7) .slick-prev {
    margin-left: calc(50% - 130px);
  }

  .page-19385.campaign-locked #PrizesWrapper {
    margin-top: -100px;
  }

  .page-19385 #PrizesWrapper .slick-next  {
    margin-right: calc(50% - 140px);
  }

  .page-19385 #TakeActionWrapper .slick-next,
  .page-19385 .featuredActionsWrapper .slick-next,
  .page-19385 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-19385 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-19385 .featuredActionsWrapper:nth-child(7) .slick-next {
    margin-right: calc(50% - 130px);
  }

  .ndjb-hiw-section-cont {
    flex-direction: row;
  }

  .ndjb-hiw-section {
    width: 30%;
  }

  .ndjb-partners-cont {

    background-position: left center;
    margin-top: 0px;
  }
  .ndjb-prop-cont {
    display: flex;
    flex-direction: row;
    background-size: cover;
  }

  .ndjb-part-tc {
    width: 15%;
    height: 500px;
    align-self: center;
    justify-self: center;
  }

  .ndjb-partner-logo-cont {
    width: 80%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .ndjb-partner-logo-cont img {
    max-width: 200px;
  }

  .ndjb-docked-button-cont {
    width: 200px;
    /* height: 150px; */
    background-size: contain;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
  }

  .ndjb-docked-button {
    padding: 10px 40px 40px 40px;
  }

  .ndjb-prop-logo {
    margin-top: 30px;
  }

}

/* Copy of 19385 */
.body-page-21733 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-21733 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21733 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21733 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21733 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-21733 .page-footer {
  width: 100% !important;
}

.body-page-21733 .small_swiper {
  display: none;
}

.body-page-21733, .page-19375, .page-21733 .ndjb-header-cont, .page-21733 .ndjb-intro-cont {
  width: 100%;
  background-color: white;
}

.page-21733 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21733 .container, .body-page-21733 .container {
  max-width: 1600px;
}

.page-21733 .campaign_body {
  order: -1;
  margin-bottom: -50px;
}

.page-21733 #TakeActionWrapper {
  order: 1;
}

.page-21733 .ndjb-header-cont {
  background-color: white;
}

.page-21733 .ndjb-header-gif  {
  width: 100%;
  height: auto;
  margin-top: -40px;
  /* padding-top: 60px; */
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.page-21733 .campaign_headline_big {
  display: none;
}



.page-21733.campaign-locked .ndjb-intro-cont {
  height: 680px;
}

.page-21733 .ndjb-intro-cont {
  height: 700px;
}

/* including tour date page basic styles */
.page-21733 .ndjb-intro-title, .page-21733 .ndjb-intro-p1, .page-21733 .ndjb-intro-p2 {
  width: 95%;
  padding-left: 10px;
  padding-bottom: 10px;
}


.page-21733 .ndjb-intro-p1 {
  font-weight: 600;
  line-height: 25px;
  font-family: 'Neue Helvetica Light', sans-serif;
  font-size: 20px;
}

.page-21733 .ndjb-intro-p1 a{
  color: #01e300;
}

.page-21733 .ndjb-intro-title {
  width: 95%;
  margin-left: auto;
  padding-left: 0;
  margin-right: auto;
  object-fit: contain;
}
.page-21733 .ndjb-intro-title img {
  width: 100%;
  height: auto;
}

.page-21733 .ndjb-intro-tog {
  background-image: url('../images/together-we-can-mobile.png');
  height: 400px;
  width: auto;
  background-repeat: no-repeat;
  background-position: center top;
  position:relative;
  /* z-index: 3; */
}

@media screen and (min-width:650px) {
  .page-21733 .ndjb-intro-tog {
    background-image: url('../images/together-we-can-desktop.png')
  }
}


.page-21733 .ndjb-intro-p2 {

}

.page-21733 .climate_spacer_30 {
  display: none;
}

.page-21733 .padT3 {
  margin-bottom: -130px;
}


/* HUB FUNCTIONALITY */
.body-page-21733 .page-footer, .ndjb-hiw-cont {
  display: none;
}

 .body-page-21733 .page-21733.campaign-locked ~ .page-footer  {
  display: block !important;
}

.body-page-21733 .page-21733.campaign-locked ~ .page-footer .ndjb-hiw-cont {
  display: block !important;
}

.page-21733.campaign-locked #TakeActionWrapper,
.page-21733.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21733.campaign-locked #PrizesWrapper {
  display: block;
}



/* weird mobile card sizing fix */
@media screen and (max-width: 445px) {
  .page-21733 .card-new-container {
    width: 310px !important;
  }
  .page-21733 .card-new-info-container {
    padding: 0px 10px;
    height: auto;
    align-self: center;
  }
  .page-21733 .card-new {
    height: 430px;
  }
  .page-21733 .card-new-description-box {
    margin-left: 10px;
  }
  .page-21733 .card-new-description {
    font-size: 15px;
    margin-left: 15px;
  }
  .page-21733 .card-new-icon {
    height: 30px;
  }
  .page-21733 .card-new-bar {
    height: 40px;
    font-size: 12px;
  }
  .page-21733 .card-new-points {
    font-size: 15px;
    margin-right: 12px;
  }
  .page-21733 .card-new-info {
    font-size: 15px;
    height: 100px;
  }
}


/* Take Action */
.page-21733 #TakeActionWrapper {
  background-image: url('../images/actions-background.jpg');
  width: 100%;
  margin-top: -20px;
  padding-bottom: 50px;
  height: 750px;
  padding-top: 0px;
}

.page-21733 #TakeActionWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-top: -24px;
  margin-bottom: 0px;
}

.page-21733 #TakeActionWrapper .home-header {
  width: 100%;
}

@media screen and (max-width: 650px) {
  .page-21733 #TakeActionWrapper {
    margin-top: 0px;
  }

  .page-21733 #TakeActionWrapper .home-header-row {
    margin-bottom: -20px;
    margin-top: -20px;
  }

  .page-21733 #TakeActionWrapper .home-header {
    margin-top: -10px;
  }
}


.page-21733 .featuredActionsWrapper .home-row:after {
  background-image: url('../images/jbmore-actions.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  bottom: 0px;
  position: absolute;
}

.page-21733 #TakeActionWrapper .home-row:after {
  bottom: -20px !important;
  background-image: none;
}

.page-21733 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  display: block;
  height: auto;
}

.page-21733 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: '';
  background-image: url('../images/take-action-criminal-justice-mobile.png');
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  margin-bottom: 10px;
  height: 100px;
  width: auto;
}

@media screen and (min-width: 650px) {
  .page-21733 #TakeActionWrapper .carouselTitle:after {
    background-image: url('../images/take-action-criminal-justice-desktop.png');
  }
}

@media screen and (max-width: 650px) {
  .page-21733 #TakeActionWrapper .carouselTitle::after {
    top: 20px;
    /* width: 96%;
    margin-left: 2%;
    margin-right: auto; */
  }

  .page-21733 #TakeActionWrapper .carouselTitle::before {
    top: 50px;
    /* width: 96%;
    margin-left: 2%;
    margin-right: auto; */
  }

  .page-21733 #TakeActionWrapper .home-header:after {
    top: 19px;
  }
}

@media screen and (max-width: 375px) {
  .page-21733 #TakeActionWrapper .carouselTitle::after {
    top: 0px;
  }
  .page-21733 #TakeActionWrapper {
    padding-top: 24px;
    /* height: 670px; */
  }

  .page-21733 #TakeActionWrapper .carouselTitle::before {
    top: 30px;
  }

  .page-21733 #TakeActionWrapper .home-header:after {
    top: 23px;
  }
}


.page-21733 #TakeActionWrapper .slick-arrow,
.page-21733 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 270px;
  width: 80px;
  height: 70px;
  z-index: 8;
}

.page-21733 #TakeActionWrapper .slick-prev,
.page-21733 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ndleft-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 40px;
}

.page-21733 #TakeActionWrapper .slick-next,
.page-21733 .featuredActionsWrapper .slick-next {
  background-image: url('../images/ndright-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 40px;
}

.page-21733 .featuredActionsWrapper .slick-list {
  height: 575px;
}

.page-21733 .featuredActionsWrapper .slick-list:after {
  content: '';
  background-image: url('../images/jbmore-actions.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  bottom: 0px;
  position: absolute;
}

.page-21733 #PrizesWrapper {
  background-image: url("../images/prizes-background.jpg");
  padding-top: 30px;
  /* margin-top: -20px; */
  width: 100%;
  height: 680px;
  margin-top:20px;
}

.page-21733 #PrizesWrapper .climate_spacer_30{
  display: none;
}

.page-21733 #PrizesWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-top: -80px;
  margin-bottom: 10px;
}

.page-21733 #PrizesWrapper .home-header {
  width: 100%;
}

.page-21733 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  display: block;
  height: auto;
}

.page-21733 #PrizesWrapper .carouselTitle:after {
  content: '';
  visibility: visible;
  text-align: center;
  width: 100%;
  background-image: url("../images/prizes.png");
  margin-top: -30px;
  margin-bottom: -55px;
  height: 80px;
}

.page-21733 #PrizesWrapper .slick-list {
  height: 600px;
}

.page-21733 #PrizesWrapper .slick-list:after {
  content: '';
  background-image: url('../images/more-prizes.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  bottom: 0px;
  position: absolute;
}

.page-21733 #PrizesWrapper .slick-list {
  height: 580px;
}


@media screen and (max-width: 375px) {

  .page-21733 #PrizesWrapper {
    height: 650px;
  }


  .page-21733 #PrizesWrapper .slick-arrow  {
    margin-top: 190px;
  }

  .page-21733 #PrizesWrapper .slick-next,
  .page-21733 #TakeActionWrapper .slick-next,
  .page-21733 .featuredActionsWrapper .slick-next {
    right: 40vw;
  }

  .page-21733 #PrizesWrapper .card-new-info-container {
    margin-top: 0px;
  }

  .page-21733 #PrizesWrapper .home-row:after {
    width: calc(65% - 20px);
    bottom: 40px;
  }

  .page-21733 #PrizesWrapper .slick-list:after {
    width: 65%;
    bottom: 60px;
  }

  .page-21733 #TakeActionWrapper .slick-list:after {
    width: 70%;
  }

}

/* extra rows - card design in TakeActionWrapper*/

.page-21733 .featuredActionsWrapper {
  background-image: url('../images/actions-background.jpg');
  background-size: contain;
  width: 100%;
  order: 2;
  height: 800px;
  padding-top: 30px;
}

.page-21733 .featuredActionsWrapper .home-header-row {
  width: 100%;
  margin-top: 25px;
  border-bottom: none;
}

.page-21733 .featuredActionsWrapper .carouselTitle {
  /* visibility: hidden; */
  display: block;
  height: auto;
  /* addition */
  font-weight: 400;
  line-height: 25px;
  font-family: neue helvetica light,sans-serif;
  font-size: 40px;
  text-align:center;
}

/* .page-21733 .featuredActionsWrapper .carouselTitle:after {
  visibility: visible;
  content: '';
  background-image: url('../images/more-actions-to-earn-mobile.png');
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -80px;
  margin-bottom: -40px;
  height: 100px;
  width: auto;
}

@media screen and (min-width:650px) {
  .page-21733 .featuredActionsWrapper .carouselTitle {
    background-image: url('../images/more-actions-to-earn-desktop.png')
  }
} */

.page-21733 .featuredActionsWrapper .slick-track {
  padding: 20px;
}

.page-21733 .campaign_impact {
  display: none;
}

.ndjb-hiw-cont {
  /* display: none; */
  background-color: white;
  width: 100%;
  margin-top: -60px;
  padding-top: 30px;
}

.body-page-21733 .page-21733.campaign-locked + .page-footer .jb-hiw-cont {
  display: block !important;
}

/* JB Desktop */

@media screen and (min-width:650px) {

  .page-21733 .ndjb-intro-cont  {
    height: 550px;
  }

  .page-21733 .ndjb-intro-p1  {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* padding-bottom: 20px; */
  }

  .page-21733 .ndjb-intro-title img {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-21733 .ndjb-intro-tog {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    max-width:1000px;
  }

  .page-21733 #TakeActionWrapper .carouselTitle:after {
    margin-top: 20px;
    margin-bottom: -30px;
  }

  .page-21733 #PrizesWrapper {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .page-21733 #PrizesWrapper .card-new-container {
    margin: 0;
  }

  .page-21733 #PrizesWrapper .slick-prev {
    margin-left: calc(50% - 140px);
  }

  .page-21733 .featuredActionsWrapper {
    height: 720px;
  }

  .page-21733 #TakeActionWrapper .slick-prev,
  .page-21733 .featuredActionsWrapper .slick-prev,
  .page-21733 .featuredActionsWrapper:nth-child(3) .slick-prev,
  .page-21733 .featuredActionsWrapper:nth-child(5) .slick-prev,
  .page-21733 .featuredActionsWrapper:nth-child(7) .slick-prev {
    margin-left: calc(50% - 130px);
  }

  .page-21733.campaign-locked #PrizesWrapper {
    margin-top: -100px;
  }

  .page-21733 #PrizesWrapper .slick-next  {
    margin-right: calc(50% - 140px);
  }

  .page-21733 #TakeActionWrapper .slick-next,
  .page-21733 .featuredActionsWrapper .slick-next,
  .page-21733 .featuredActionsWrapper:nth-child(3) .slick-next,
  .page-21733 .featuredActionsWrapper:nth-child(5) .slick-next,
  .page-21733 .featuredActionsWrapper:nth-child(7) .slick-next {
    margin-right: calc(50% - 130px);
  }


}

/* JB TOUR DATES new design - 19384 */
.body-page-19384 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-19384 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19384 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19384 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19384 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-19384 .page-footer {
  width: 100% !important;
}

.body-page-19384 .small_swiper {
  display: none;
}

.body-page-19384, .page-19375, .page-19384 .ndjb-header-cont, .page-19384 .ndjb-intro-cont {
  width: 100%;
}
.page-19384 .campaign_headline_big {
  display: none;
}

.page-19384 .climate_container {
  display: none;
}

.page-19384 {
  width: 100%;
  background-image: url('../images/tourdates-background.jpg');
  background-repeat: repeat;
}

.page-19384 .jb-tour-dates-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.page-19384 .jb-tour-sec {
  padding-bottom: 45px;
}

.page-19384 .jb-tour-sec h2 {
  font-family: 'Neue Helvetica Bold', sans-serif;
  font-weight: 600;
  margin-bottom: 0px;
}

.page-19384 .jb-tour-sec h1 {
  font-family: 'Neue Helvetica Bold', sans-serif;
  font-weight: 600;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: black;
}

.page-19384 .jb-tour-sec p {
  font-family: 'Neue Helvetica', sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 20px;
  color: #1f1f1f;
}

.page-19384 .tour-button img {
  margin-left: auto;
  margin-right: auto;
  height:45px;
  width: auto;
}

@media screen and (min-width:650px) {
  .page-19384 .container {
    width: 100%;
    max-width: 1700px;
  }

  .page-19384 .ndjb-intro-cont {
    height: auto;
  }

  .page-19384 .jb-tour-dates-cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
  }

  .page-19384 .jb-tour-sec {
    width: 380px;
    padding: 30px;
    align-self: center;
  }
}

/* end JB NEW DESIGN */


/* Enough Campaign Pages - 19276 & 19330 */


.body-page-19276 .col1, .body-page-19330 .col1 {
  display: none;
}

.body-page-19276 .wGutter, .body-page-19330 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19276 .col2, .body-page-19276 .page-footer, .page-19276 .campaign-body,
.body-page-19330 .col2, .body-page-19330 .page-footer, .page-19330 .campaign-body {
  width: 100% !important;
}

.page-19276 .campaign-body, .page-19330 .campaign-body {
  margin-bottom: -50px;
}

.body-page-19276, .page-19276,
.body-page-19330, .page-19330 {
  width: 100%;
  background-color: #0D0D0D;
}

.page-19330 .campaigns {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.page-19330 .container,
.body-page-19330 .container {
  max-width: 100%;
  width: 100%;
}


.body-page-19276 .adaptive-header-image,
.body-page-19330 .adaptive-header-image {
  z-index: 2;
}

.enough-headline {
  width: 100%;
  max-width: 100%;
  background-color: #0D0D0D;
  margin-top: -65px;
  position: relative;
  z-index: 1;
}

.enough-of-cont {
  overflow: hidden;
  margin-bottom: -65px;
  margin-top: -60px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 550px) {
  .enough-headline {
    margin-top: -20px;
  }
}

.enough-paper-divider {
  width: 100%;
  max-width: 100%;
  position: relative;
  height: 68px;
  overflow: hidden;

}

.paper-div-cont1 {
  top: -40px;
}

.paper-div1 {
  position: absolute;
  z-index: 3;
}

.paper-div-cont2 {
  bottom: -30px;
}

.paper-div2 {
  position: absolute;
  z-index: 2;
  transform: scaleX(-1);
}

.paper-div-cont3 {
  top: -90px;
}

.paper-div3 {
  z-index: 2;
  position: absolute;
  width: fit-content;
}

.paper-div-cont4 {
  top: -35px;
  transform: scaleX(-1);
}

.paper-div4 {
  position: absolute;
}


.enough-headline .enough-headline-image {
  width: 80%;
  padding-top: 50px;
  padding-left: 20px;
}

.enough-headline .enough-headline-text-cont {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.enough-headline .enough-headline-text {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding: 10px 0px 10px 30px;
}

.enough-headline-text p {
  color: white;
  line-height: 28px;
  font-size: 15px;
  padding-top: 10px;
  padding-left: 8px;
  font-weight: 500;
}

.enough-headline-ta {
  padding-top: 10px;
  object-fit: contain;
  padding-bottom: 50px;
}

.enough-raising-fist {
  width: 180px;
  height: 440px;
  right: -10px;
  object-fit: cover;
  object-position: top;
  overflow: hidden;
  position: relative;
  transform: translateY(800px);
  z-index: -1;
}

@media screen and (max-width: 370px) {
  .enough-raising-fist {
    height: 450px;
  }
}

@media screen and (max-width: 333px) {
  .enough-raising-fist {
    height: 405px;
    bottom: -100px;
    margin-right: -20px;
  }
}

.enough-fist-anim {
  animation: movetoY0 1s linear;
  animation-fill-mode: forwards;
}

@keyframes movetoY0 {
  to {
    transform: translateY(0px);
  }
}

.page-19330 .campaign_body {
  order: -1;
}

.page-19330.campaign-locked #TakeActionWrapper,
.page-19330.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-19330.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -100px;
}

.page-19330 #TakeActionWrapper {
  width: 100%;
  background-image: url('../images/blue-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  order: 1;
  margin-top: -90px !important;
  padding-top: 0;
  height: 720px;
}

.page-19330 .featuredActionsWrapper {
  order: 2;
  padding-top: 30px;
  width: 100%;
  background-image: url('../images/blue-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 0px;
  height: 630px;
}

.page-19330 #TakeActionWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  padding-top: 80px;
}

.page-19330 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  padding-top: 10px;
}

.page-19330 .featuredActionsWrapper .home-header-row:after {
  content: '';
  background-image: url('../images/torn-paper-divider.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 70px;
  width: 100%;
  position: absolute;
  top: -35px;
  z-index: 8;
}

.page-19330 #TakeActionWrapper .home-header-row:after {
  content:'';
  background-image: none !important;
}

.page-19330 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  text-align: center;
  --ta-bg: url('../images/keep-taking-action2.png');
}

.page-19330 #TakeActionWrapper .carouselTitle:after {
  content:'';
  visibility: visible;
  display: block;
  background-image: var(--ta-bg, url('../images/keep-taking-action2.png'));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 110px;
  z-index: 3;
  margin-top: -90px;
  margin-bottom: -20px;
}


/* fallback compatability */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .page-19330 #TakeActionWrapper .carouselTitle:after{
    background-image: url('../images/keep-taking-action2.gif');
  }
}}

.page-19330 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 25px;
  font-family: 'Permanent Marker', sans-serif;
}

.page-19330 #TakeActionWrapper .home-row:after  {
  content: ' MORE \A ACTIONS ';
  white-space: pre-wrap;
  color: black;
  font-family: 'Permanent Marker';
  font-size: 23px;
  text-align: center;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -80px;
  left: 0;
}

.page-19330 .featuredActionsWrapper .home-row:after  {
  content: ' MORE ';
  white-space: pre-wrap;
  color: black;
  font-family: 'Permanent Marker';
  font-size: 23px;
  text-align: center;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -10px;
  left: 0;
}



.page-19330 #TakeActionWrapper .card-new,
.page-19330 .featuredActionsWrapper .card-new  {
  background-color: transparent;
  height: 410px;
}

.page-19330 #TakeActionWrapper .card-new-container,
.page-19330 .featuredActionsWrapper .card-new-container {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.page-19330 #TakeActionWrapper .card-new-icon-box,
.page-19330 #TakeActionWrapper .card-new-description,
.page-19330 #TakeActionWrapper .card-new-share-socials,
.page-19330 #PrizesWrapper .card-new-icon-box,
.page-19330 #PrizesWrapper .card-new-description,
.page-19330 #PrizesWrapper .card-new-share-socials,
.page-19276 #PrizesWrapper .card-new-icon-box,
.page-19276 #PrizesWrapper .card-new-description,
.page-19276 #PrizesWrapper .card-new-share-socials,
.page-19330 .featuredActionsWrapper .card-new-icon-box,
.page-19330 .featuredActionsWrapper .card-new-description,
.page-19330 .featuredActionsWrapper .card-new-share-socials,
.page-19330 .featuredActionsWrapper .card-new-points {
  display: none;
}

.page-19330 #TakeActionWrapper .card-new-bar,
.page-19330 .featuredActionsWrapper .card-new-bar {
  display: block !important;
  background-color: transparent !important;
}

.page-19330 #TakeActionWrapper .card-new-info,
.page-19330 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding-top: 10px;
  color: #2A2A2A;
}

.page-19330 #TakeActionWrapper .card-new-info-container,
.page-19330 .featuredActionsWrapper .card-new-info-container {
  height: 70px;
  margin-top: -5px;
}

.page-19330 #TakeActionWrapper .card-new-description-box {
  margin-left: 0px;
}

.page-19330 #TakeActionWrapper .card-new-points {
  overflow: visible;
  display: block !important;
  bottom: 0px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #fff;
  font-weight: 800;
  font-family: 'Permanent Marker', sans-serif;
  margin-left: -12px;
}

.page-19330 #TakeActionWrapper .card-new-points:after {
  content: ' POINTS'
}




.page-19330 #TakeActionWrapper .slick-arrow {
  position: absolute;
  margin-top: 270px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19330 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 220px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19330 #TakeActionWrapper .slick-prev,
.page-19330 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/enough-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 30px;
}

.page-19330 #TakeActionWrapper .slick-next,
.page-19330 .featuredActionsWrapper .slick-next {
  background-image: url('../images/enough-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 30px;
}

@media screen and (min-width: 650px) {
  .page-19330 #TakeActionWrapper .slick-prev,
  .page-19330 .featuredActionsWrapper .slick-prev  {
    margin-left: calc(50% - 130px);
  }
  .page-19330 #TakeActionWrapper .slick-next,
  .page-19330 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 130px);
  }
}

@media screen and (max-width: 375px) {

  .page-19330 #TakeActionWrapper .card-new-info,
  .page-19330 .featuredActionsWrapper .card-new-info {
    height: 130px;
  }

  .page-19330 #TakeActionWrapper .slick-arrow,
  .page-19330 .featuredActionsWrapper .slick-arrow {
    margin-top: 195px;
  }

  .page-19330 #TakeActionWrapper .slick-prev,
  .page-19330 .featuredActionsWrapper .slick-prev {
    margin-left: 50px;
  }

  .page-19330 #TakeActionWrapper .slick-next,
  .page-19330 .featuredActionsWrapper .slick-next {
    right: 41vw;
    margin-right: 50px;
  }

  .page-19330 #TakeActionWrapper .home-row,
  .page-19330 .featuredActionsWrapper .home-row {
    margin-bottom: 0;
  }

  .page-19330 #TakeActionWrapper .home-row:after,
  .page-19330 .featuredActionsWrapper .home-row:after {
    bottom: -2px;
    width: 100vw;
  }

}



/*  */

.page-19276 #PrizesWrapper,
.page-19330 #PrizesWrapper {
  background-image: url('../images/what-you-can-win-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  z-index: 0;
  /* margin-top: -80px; */
  height: 750px;
  margin-bottom: 20px;
}

.page-19276 #PrizesWrapper .home-header-row,
.page-19330 #PrizesWrapper .home-header-row  {
  border-bottom: none;
  width: 100%;
  margin-top: -100px;
}

.page-19276 #PrizesWrapper .carouselTitle,
.page-19330 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  text-align: center;
  --rewards-bg: url('../images/what-you-can-win.png');
}

.page-19276 #PrizesWrapper .carouselTitle:after,
.page-19330 #PrizesWrapper .carouselTitle:after {
  content:'';
  visibility: visible;
  display: block;
  background-image: var(--rewards-bg, url('../images/what-you-can-win.png'));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 120px;
  z-index: 3;
  margin-top: -20px;
  margin-bottom: -20px;
}

/* fallback compatability */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .page-19276 #PrizesWrapper .carouselTitle:after,
  .page-19330 #PrizesWrapper .carouselTitle:after {
    background-image: url('../images/what-you-can-win.gif');
  }
}}


.page-19276 #PrizesWrapper .card-new,
.page-19330 #PrizesWrapper .card-new  {
  background-color: transparent;
  height: 440px;
}

.page-19276 #PrizesWrapper .card-new-container,
.page-19330 #PrizesWrapper .card-new-container {
  width: 300px;
  height: 550px;
}

.page-19276 #PrizesWrapper .card-new-bar,
.page-19330 #PrizesWrapper .card-new-bar {
  display: block;
  background-color: transparent !important;
}

.page-19276 #PrizesWrapper .card-new-info,
.page-19330 #PrizesWrapper .card-new-info {
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding-top: 10px;
}

.page-19276 #PrizesWrapper .card-new-info-container,
.page-19330 #PrizesWrapper .card-new-info-container {
  height: 80px;
  color: white;
  margin-top: 0px;
}


.page-19276 #PrizesWrapper .card-new-description-box,
.page-19330 #PrizesWrapper .card-new-description-box {
  margin-left: -10px;
}


.page-19276 #PrizesWrapper .card-new-points,
.page-19330 #PrizesWrapper .card-new-points {
  display: block !important;
  overflow: visible;
  bottom: 0px;
  margin-top: 110px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-family: 'Permanent Marker', sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 800px;
  /* background-color: red; */
}

.page-19276 #PrizesWrapper .card-points-per-dollar,
.page-19330 #PrizesWrapper .card-points-per-dollar {
  display: block !important;
  overflow: visible;
  bottom: 0px;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 35px;
  font-family: 'Permanent Marker', sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 800;
  margin-left: 0px;
}

.page-19276 #PrizesWrapper .home-row:after,
.page-19330 #PrizesWrapper .home-row:after  {
  content: 'MORE\APRIZES';
  white-space: pre-wrap;
  color: white;
  font-family: 'Permanent Marker';
  font-size: 23px;
  text-align: center;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 15px;
  left: 0;

}

.page-19276 #PrizesWrapper .slick-arrow,
.page-19330 #PrizesWrapper .slick-arrow {
  position: absolute;
  margin-top: 230px;
  width: 100px;
  height: 70px;
  z-index: 8;

}

.page-19276 #PrizesWrapper .slick-prev,
.page-19330 #PrizesWrapper .slick-prev {
  background-image: url('../images/enough-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 30px;
}

.page-19276 #PrizesWrapper .slick-next,
.page-19330 #PrizesWrapper .slick-next {
  background-image: url('../images/enough-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 30px;
}

@media screen and (min-width: 650px) {
  .page-19276 #PrizesWrapper .slick-prev,
  .page-19330 #PrizesWrapper .slick-prev  {
    margin-left: calc(50% - 130px);
  }
  .page-19276 #PrizesWrapper .slick-next,
  .page-19330 #PrizesWrapper .slick-next {
    margin-right: calc(50% - 130px);
  }
}

@media screen and (max-width: 375px) {

  .page-19276 #PrizesWrapper .card-new-info,
  .page-19330 #PrizesWrapper .card-new-info {
    height: 130px;
  }

  .page-19276 #PrizesWrapper .slick-arrow,
  .page-19330 #PrizesWrapper .slick-arrow {
    margin-top: 195px;
  }

  .page-19276 #PrizesWrapper .slick-prev,
  .page-19330 #PrizesWrapper .slick-prev {
    margin-left: 50px;
  }

  .page-19276 #PrizesWrapper .slick-next,
  .page-19330 #PrizesWrapper .slick-next {
    right: 41vw;
    margin-right: 50px;
  }

  .page-19276 #PrizesWrapper .home-row,
  .page-19330 #PrizesWrapper .home-row {
    margin-bottom: 0;
  }

  .page-19276 #PrizesWrapper .home-row:after,
  .page-19330 #PrizesWrapper .home-row:after {
    bottom: -2px;
    width: 100vw;
  }

}

.page-19276 .climate_container,
.page-19330 .climate_container {
  display: none;
}

.enough-hiw-container {
  background-image: url('../images/how-it-works-background.jpg');
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 20px;
  margin-top: -120px;
}

.enough-hiw-title-container {
  --hiw-bg: url('../images/e-how-it-works.png');
  background-image: var(--hiw-bg, url('../images/e-how-it-works.gif'));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
}

/* fallback compatability */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .enough-hiw-title-container {
    background-image: url('../images/e-how-it-works.gif');
  }
}}

.enough-hiw-section {
  padding: 15px;
  text-align: center;
}

.enough-hiw-section img {
  max-width: 90%;
  width: 90%;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  object-fit: contain;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  transform: rotate(-8deg) scale(0.6);
}

@keyframes rotateScale {
  to {
    transform: rotate(0deg) scale(1);
  }
}
@-webkit-keyframes rotateScale {
  to {
    transform: rotate(0deg) scale(1);
  }
}
@-moz-keyframes rotateScale {
  to {
    transform: rotate(0deg) scale(1);
  }
}
@-o-keyframes rotateScale {
  to {
    transform: rotate(0deg) scale(1);
  }
}
@-ms-keyframes rotateScale {
  to {
    transform: rotate(0deg) scale(1);
  }
}

.enough-img-rotate-animation {
  animation: rotateScale 2.5s;
  -webkit-animation: rotateScale 2.5s;
  -moz-animation: rotateScale 2.5s;
  -ms-animation: rotateScale 2.5s;
  -o-animation: rotateScale 2.5s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}


.enough-hiw-section h2 {
  font-family: 'Permanent Marker';
  font-size: 28px;
  color: white;
}

.enough-hiw-section p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-weight: 600;
}

.enough-partners-cont {
  background-image: url('../images/partners-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-bottom: 40px;
  position: relative;
}

.enough-partners-cont h1 {
  font-family: 'Permanent Marker';
  text-transform: uppercase;
  font-size: 35px;
  color: black;
  text-align: center;
  margin-top: -20px;
  padding-bottom: 10px;
}

 .enough-partner-logo-cont {
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}

.enough-partner-logo-cont img {
  width: 100px;
  object-fit: contain;
  height: auto;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width:649px) {
  .enoughup {
    margin-top: -15px;
  }

}


.enough-prop-logo-cont {
  width: 100%;
  max-width: 100%;
  padding-bottom: 20px;
  padding-top: 30px;
}

.enough-prop-logo {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  height: auto;
}

.enough-docked-button-cont {
  width: 100%;
  overflow: hidden;
  background-image: url('../images/star-campaign-background.png');
  position: fixed;
  height: 80px;
  text-align: center;
  bottom: 0;
  left: 0;
  z-index: 8;
}

.enough-docked-button {
  font-family: 'Permanent Marker', sans-serif;
  font-size: 26px;
  color: black !important;
  position: absolute;
  left: 0;
  right: 0;
  padding: 20px;
  padding-top: 30px;
}

.enough-docked-button:hover {
  text-decoration: none;
}

.body-page-19276 .footer,
.body-page-19330 .footer {
  position: relative;
  z-index: 14;
}

/* Enough desktop */

@media screen and (min-width: 650px) {
  .enough-headline {
    /* margin-top: -80px; */
  }

  .enough-headline .enough-headline-image {
    max-width: 800px;
  }

  .enough-headline .enough-headline-text-cont {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-evenly;
  }

  .enough-headline-text {
    padding: 10px;
    width: 60%;
  }

  .enough-headline-ta {
    max-width: 500px;
  }

  .page-19276 #PrizesWrapper,
  .page-19330 #PrizesWrapper {
    margin-bottom: 30px;
  }

  .page-19276 #PrizesWrapper .carouselTitle:after,
  .page-19330 #PrizesWrapper .carouselTitle:after {
    margin-top: -40px;
  }

  .page-19276 #PrizesWrapper .home-row:after,
  .page-19330 #PrizesWrapper .home-row:after {
    bottom: -5px;
  }

  .page-19276 #PrizesWrapper .slick-arrow,
  .page-19330 #PrizesWrapper .slick-arrow {
    margin-top: 250px;
  }

  .page-19276 #PrizesWrapper .card-new-points,
  .page-19330 #PrizesWrapper .card-new-points {
    bottom: -15px;
    margin-left: 0px;
    font-size: 35px;
  }

  .page-19276 #PrizesWrapper .card-points-per-dollar,
.page-19330 #PrizesWrapper .card-points-per-dollar {
  font-size: 35px;
  bottom: -16px;
}

  .page-19330 #TakeActionWrapper {
    margin-top: -100px !important;
  }

  .page-19330 #TakeActionWrapper .card-new-points {
    bottom: -30px;
  }

  .page-19330 #TakeActionWrapper .slick-arrow {
    margin-top: 280px;
  }

  .page-19330 #TakeActionWrapper .home-row:after {
    bottom: -90px;
  }

  .enough-partner-logo-cont {
    width: 85%;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }


  .enough-partner-logo-cont img {
    width: 30%;
    max-width: 200px;
  }

  .enough-hiw-container {
    margin-top: -150px;
  }



  .paper-div-cont3 {
    top: -120px;
  }

  .enough-docked-button-cont {
    width: 350px;
    right: 30px;
    bottom: 30px;
    left: auto;
  }

}

@media screen and (min-width: 1282px) {
  .enough-raising-fist {
    width: 280px;
    height: 545px;
    bottom: -10px;
    margin-top: -200px;
    right: 30px;
  }
}

@media screen and (min-width:1314px) {
  .paper-div1, .paper-div2, .paper-div3, .paper-div4 {
    width: 100%;
  }
}

/* end Enough Campaign Page */



/* Bonnaroo Campaign Page - 19474 */

.body-page-19474 {
  /* color vars for Bonnaroo */
  --bona-light: #efe7D9;
  --bona-darkgreen: #1AA819;
  --bona-lightgreen: #62c749;
  --bona-lightblue: #7ccabe;
  --bona-darkblue: #34B0B1;
  --bona-lightpurple: #8a78dc;
  --bona-darkpurple: #7154d2;
  --bona-pink: #e66b84;
  --bona-yellow: #f7c42a;
  --bona-orange: #F07B16;
  --bona-red: #D53e3f;
}

.body-page-19474 {
  width: 100%;
  max-width: 100%;
  background-image: url('../images/stars-bg.gif');
  background-size: 500px 500px;
  background-repeat: repeat;
}
/* .body-page-19474::-webkit-scrollbar {
  display: none;
} */

@media screen and (max-width:650px) {
  .body-page-19474 {
    background-size: 300px 300px;
  }
}

.body-page-19474 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-19474 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19474 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19474 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19474 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-19474 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-19474 .footer-propeller {
  position: relative;
  z-index: 11;
}

.body-page-19474 .small_swiper {
  display: none;
}

.body-page-19474, .page-19474 {
  width: 100%;
}

.page-19474 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-19474 .container, .body-page-19474 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.page-19474 .campaign-body {
  margin-top: -48px;
  position: relative;
  z-index: 10;
}

.page-19474 .bona-desc {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.page-19474 .bona-of {
  overflow: hidden;
  width: 100%;
  padding: 25px;
}

.page-19474 .bona-desc-title, .page-19474 .bona-desc-cont {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.page-19474 .bona-desc-title {
  width: 100%;
  text-align: left;
  color: var(--bona-light);
}

.page-19474 .bona-desc-titletop {
  font-family: 'Dunbar Tall Bold', sans-serif;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 0px;
}

.page-19474 .bona-desc-titlebottom {
  font-family: 'Dunbar Tall Ultra', sans-serif;
  text-transform: uppercase;
  font-size: 50px;
}

.page-19474 .bona-desc-cont {
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  position: relative;
}

.page-19474 .bona-desc-cont p {
  width: 55%;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 18px;
  color: var(--bona-light);
  text-align: left;
  min-height:290px;
}

.page-19474 .bona-desc-cont img {
  position: absolute;
  top: 0;
  height: 280px;
  width: auto;
  right: -440px;
  animation: bonamovein 3s linear forwards;
}

@keyframes bonamovein {
  to {
    right: -140px;
  }
}

.page-19474 .bona-light-bar {
  background-image: url('../images/lights-bar.gif');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  object-fit: contain;
  height: 51px;
}

/* hub */
.page-19474.campaign-locked .featuredActionsWrapper {
  display: none !important;
}
.page-19474.campaign-locked #TakeActionWrapper {
  /* display: block !important; */
  display: none !important;
  /* order: 2; */
}
.page-19474.campaign-locked #PrizesWrapper {
  display: block !important;
  order: 1;
}

.page-19474 .featuredActionsWrapper, .page-19474 #TakeActionWrapper {
  display: block !important;
}
.page-19474 .climate_container {
  display: none;
}


/* card sizing fix */
@media screen and (max-width:375px) {
  .page-19474 #PrizesWrapper .card-new {
    height: 315px;
  }
  .page-19474 #TakeActionWrapper .card-new, .page-19474 .featuredActionsWrapper .card-new {
    height: 315px;
  }
  .page-19474 #PrizesWrapper .card-new-image:after {
    bottom: 0 !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper .card-new-image:after {
    /* bottom: 0 !important; */
  }
  .page-19474 #TakeActionWrapper .card-new-points,
  .page-19474 .featuredActionsWrapper .card-new-points {
    /* margin-top: 160px !important; */
    margin-left: 0px !important;
  }
  .page-19474 .featuredActionsWrapper .card-new-bar {
    height: 50px;
  }
}

@media screen and (max-width:430px) {
  .page-19474 #TakeActionWrapper .card-new-container,
  .page-19474 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
    padding-bottom: 40px !important;
    height: 550px;
  }
  .page-19474 #TakeActionWrapper .home-row:after,
  .page-19474 .featuredActionsWrapper .home-row:after {
    margin-top: -40px !important;
  }
  .page-19474 #PrizesWrapper .home-row:after {
    margin-top: -70px !important;
  }
  .page-19474 #PrizesWrapper .slick-arrow{
    margin-top: 300px !important;
  }
  .page-19474 #TakeActionWrapper .card-new-points,
  .page-19474 .featuredActionsWrapper .card-new-points {
    margin-top: 265px !important;
    margin-left: 0px !important;
  }
  .page-19474 #PrizesWrapper .card-new-points {
    margin-top: 220px !important;
  }
  .page-19474 #TakeActionWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-19474 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-19474 #TakeActionWrapper .card-new-bg-featured .card-points-per-dollar,
  .page-19474 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar   {
    margin-top: 300px !important;
    margin-left: 0px !important;
  }
  .page-19474 .card-new-info-container {
    margin-top: 25px;
  }
  .page-19474 .slick-arrow {
    width: 80px !important;
    /* height: 70px; */
    margin-top: 255px !important;
  }
  .page-19474 #PrizesWrapper .card-new-image:after {
    bottom: 35px !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper .card-new-image:after {
    bottom: 35px !important;
  }
}

@media screen and (min-width:480px) and (max-width:557px) {
  .page-19474 .card-new-container {
    /* height: 500px; */
    width: auto;
  }
  .page-19474 #PrizesWrapper {
    height: 700px !important;
  }
  .page-19474 #PrizesWrapper .home-row:after {
    margin-top: 0px !important;
  }
  .page-19474 #PrizesWrapper .slick-arrow {
    margin-top: 210px !important;
  }
  .page-19474 #PrizesWrapper .card-new-points {
    margin-top: 265px !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper {
    height: 770px !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper .card-new-points {
    font-size: 30px !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper .home-row:after {
    margin-top: 40px;
  }
  .page-19474 #TakeActionWrapper .slick-arrow,
  .page-19474 .featuredActionsWrapper .slick-arrow {
    margin-top: 225px !important;
  }

}
@media screen and (min-width:1093px) and (max-width:1260px) {
  .page-19474 .card-new-container {
    width: auto;
  }
  .page-19474 #PrizesWrapper {
    height: 650px;
  }
  .page-19474 #PrizesWrapper .home-row:after {
    margin-top: 10px !important;
  }
  .page-19474 #PrizesWrapper .slick-arrow {
    margin-top: 220px !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper {
    height: 740px !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper .card-new-points {
    font-size: 30px !important;
  }
  .page-19474.campaign-locked #TakeActionWrapper .home-row:after {
    margin-top: 40px;
  }
  .page-19474.campaign-locked #TakeActionWrapper .slick-arrow {
    margin-top: 235px !important;
  }

}

.page-19474 #PrizesWrapper {
  background-color: var(--bona-light);
  z-index: 0;
  height: 800px;
  background-image: none;
  padding-top: 20px;
}

.page-19474.campaign-locked #PrizesWrapper{
  order: 1;
  margin-top: -190px;
}

.page-19474 #PrizesWrapper::before {
  content: '';
  background-image: url('../images/lights-bar.gif');
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 51px;
  position: absolute;
  z-index: 2;
  top: 0;
}

.page-19474.campaign-locked #PrizesWrapper::before {
  background-image: none;
}

.page-19474 #PrizesWrapper::after {
  content: '';
  background-image: url('../images/lights-bar.gif');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 51px;
  position: absolute;
  z-index: 2;
  bottom: 0;
}

.page-19474 #PrizesWrapper .home-header {
  width: 100%;
}

.page-19474 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  text-align: center;
}

.page-19474 #PrizesWrapper .carouselTitle::after {
  content: 'CURRENT REWARDS';
  visibility: visible;
  text-align: center;
  color: black;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  margin-top: 20px;
}

.page-19474 #PrizesWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  margin-top: -20px;
}

.page-19474.campaign-locked #PrizesWrapper .home-header-row {
  margin-top: 20px !important;
}

.page-19474 #PrizesWrapper .card-new {
  background-color: transparent;
}

.page-19474 #PrizesWrapper .card-new-image {
  border-radius: 40px;
  border: 12px solid var(--bona-lightgreen);
}

.page-19474 #PrizesWrapper .card-new-image:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 130px;
  left: 0;
  border-radius: 40px;
  border: 2px solid black;
}

.page-19474 #PrizesWrapper .card-new-info {
  background-color: transparent;
}

.page-19474 #PrizesWrapper .card-new-points {
  position: absolute;
  color: var(--bona-darkblue);
  text-align: center;
  width: 100%;
  margin-top: 230px;
  font-size: 40px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
  -webkit-text-stroke: 1px black;
}

.page-19474.campaign-locked #PrizesWrapper .card-new-points {
  font-size: 40px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  -webkit-text-stroke: 1px black;
}

.page-19474 #PrizesWrapper .card-new-points:after {
  content: '';
}

.page-19474 #PrizesWrapper .card-new-info-container {
  text-align: center;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 20px;
  color: black;
  height: 60px;
}

.page-19474 #PrizesWrapper .slick-arrow {
  position: absolute;
  margin-top: 250px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19474 #PrizesWrapper .slick-prev {
  background-image: url('../images/green-left-arrow-cream.gif');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-19474 #PrizesWrapper .slick-next {
  background-image: url('../images/green-right-arrow-cream.gif');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

.page-19474 .home-row {
  justify-content: center;
}
.page-19474 .home-row:after {
  position: absolute;
}

.page-19474 #PrizesWrapper .home-row:after {
  content: ' MORE \A REWARDS ';
  position: absolute;
  bottom: -30px;
  white-space: pre-wrap;
  font-family: 'Dunbar Tall Bold', sans-serif;
  color: black;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -10px;
  display: block;
  text-align: center;
  font-size: 20px;
}



/* locked action section */
.page-19474.campaign-locked #TakeActionWrapper {
  background-color: var(--bona-yellow);
  width: 100%;
  height: 800px;
  position: relative;
  z-index: 0;
  margin-top: 0px;
  background-image: none;
}

.page-19474.campaign-locked #TakeActionWrapper::after {
  content: '';
  background-image: url('../images/lights-bar.gif');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 51px;
  position: absolute;
  z-index: 20;
  bottom: 0;
}

.page-19474.campaign-locked #TakeActionWrapper .home-header {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.page-19474.campaign-locked #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  text-align: center;
}

.page-19474.campaign-locked #TakeActionWrapper .carouselTitle::after {
  content: 'TAKE ACTION & EARN POINTS';
  visibility: visible;
  text-align: center;
  display: block;
  width: 100%;
  color: black;
  text-transform: uppercase;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  margin-top: 10px;
}
.page-19474.campaign-locked #TakeActionWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  margin-top: -60px;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new {
  background-color: transparent;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-container {
  padding-bottom: 30px;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-image {
  border-radius: 40px;
  border: 12px solid var(--bona-orange);
}
.page-19474.campaign-locked #TakeActionWrapper .card-new-image:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 130px;
  left: 0;
  border-radius: 40px;
  border: 2px solid black;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-icon-box, .page-19474 #TakeActionWrapper .card-new-description {
  display: none;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-bar, .page-19474 #TakeActionWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-points,
.page-19474.campaign-locked #TakeActionWrapper .card-new-bg-featured .card-points-per-dollar,
.page-19474.campaign-locked #TakeActionWrapper .card-new-bg-causes .card-points-per-dollar {
  position: absolute;
  color: var(--bona-light);
  text-align: center;
  width: 100%;
  margin-top: 305px;
  font-size: 35px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  -webkit-text-stroke: 1px black;
  margin-left: -25px;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-points:after {
  content:' POINTS';
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-info {
  background-color: transparent;
}

.page-19474.campaign-locked #TakeActionWrapper .card-new-info-container {
  text-align: center;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 20px;
  color: black;
  height: 85px;
  overflow: hidden;
}

.page-19474.campaign-locked #TakeActionWrapper .slick-arrow {
  position: absolute;
  margin-top: 265px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19474.campaign-locked #TakeActionWrapper .slick-prev {
  background-image: url('../images/red-left-arrow-yellow.gif');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-19474.campaign-locked #TakeActionWrapper .slick-next {
  background-image: url('../images/red-right-arrow-yellow.gif');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

.page-19474.campaign-locked #TakeActionWrapper .home-row:after {
  content: ' MORE \A ACTIONS ';
  white-space: pre-wrap;
  font-family: 'Dunbar Tall Bold', sans-serif;
  color: black;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  display: block;
  text-align: center;
  font-size: 20px;
}

/* unlocked action section & custom rows */
.page-19474 #TakeActionWrapper {
  order: 1;
}

.page-19474 .featuredActionsWrapper {
  order: 2;
}

.page-19474 #PrizesWrapper {
  order: 3;
}


.page-19474 #TakeActionWrapper {
  margin-top: -180px;
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  background-position: center center;
  overflow: hidden;
}

.page-19474 .featuredActionsWrapper {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  background-position: center center;
  padding-top: 40px;
  padding-bottom: 20px;
  height: 800px;
}

.page-19474 #TakeActionWrapper::after,
.page-19474 .featuredActionsWrapper::after {
  content:'';
  background-image: url('../images/saturn-animation.gif');
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.page-19474 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  text-align: center;
}

.page-19474 #TakeActionWrapper .carouselTitle::after {
  content: 'KEEP TAKING ACTION';
  visibility: visible;
  text-align: center;
  display: block;
  width: 100%;
  color: var(--bona-yellow);
  text-transform: uppercase;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  margin-top: 10px;
}

.page-19474 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  display: block;
  width: 100%;
  color: var(--bona-yellow);
  text-transform: uppercase;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  margin-top: 10px;
}

.page-19474 #TakeActionWrapper .home-header-row,
.page-19474 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  margin-top: -50px;
}

.page-19474 #TakeActionWrapper .card-new,
.page-19474 .featuredActionsWrapper .card-new {
  background-color: transparent;
}

.page-19474 #TakeActionWrapper .card-new-container,
.page-19474 .featuredActionsWrapper .card-new-container {
  padding-bottom: 30px;
  margin-left:auto;
  margin-right:auto;
}

.page-19474 #TakeActionWrapper .card-new-image,
.page-19474 .featuredActionsWrapper .card-new-image {
  border-radius: 40px;
  border: 12px solid var(--bona-orange);
}

.page-19474 #TakeActionWrapper .card-new-icon-box, .page-19474 #TakeActionWrapper .card-new-description,
.page-19474 .featuredActionsWrapper .card-new-icon-box, .page-19474 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-19474 #TakeActionWrapper .card-new-bar, .page-19474 #TakeActionWrapper .card-new-bg-petition,
.page-19474 .featuredActionsWrapper .card-new-bar, .page-19474 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-19474 #TakeActionWrapper .card-new-points,
.page-19474 .featuredActionsWrapper .card-new-points {
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 305px;
  font-size: 30px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
}

.page-19474 #TakeActionWrapper .card-new-points:after,
.page-19474 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-19474 #TakeActionWrapper .card-new-bg-featured .card-points-per-dollar,
.page-19474 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-19474 #TakeActionWrapper .card-new-bg-featured .card-new-points,
.page-19474 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}


.page-19474 #TakeActionWrapper .card-new-bg-join .card-points-per-dollar,
.page-19474 .featuredActionsWrapper .card-new-bg-join .card-points-per-dollar,
.page-19474 #TakeActionWrapper .card-new-bg-causes .card-points-per-dollar,
.page-19474 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 305px;
  font-size: 30px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
}

.page-19474 #TakeActionWrapper .card-new-info,
.page-19474 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-19474 #TakeActionWrapper .card-new-info-container,
.page-19474 .featuredActionsWrapper .card-new-info-container {
  text-align: center;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 20px;
  color: var(--bona-light);
  height: 85px;
  /* height: auto;
  align-self: center;
  max-height: 85px; */
  overflow: hidden;
}

.page-19474 #TakeActionWrapper .slick-arrow,
.page-19474 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19474 #TakeActionWrapper .slick-prev,
.page-19474 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/red-left-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-19474 #TakeActionWrapper .slick-next,
.page-19474 .featuredActionsWrapper .slick-next {
  background-image: url('../images/red-right-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

.page-19474 #TakeActionWrapper .home-row:after,
.page-19474 .featuredActionsWrapper .home-row:after {
  content: ' MORE \A ACTIONS ';
  white-space: pre-wrap;
  font-family: 'Dunbar Tall Bold', sans-serif;
  color: var(--bona-light);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  bottom: -80px;
  display: block;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width:650px) {
  .page-19474 #TakeActionWrapper .home-row:after,
  .page-19474 .featuredActionsWrapper .home-row:after {
    bottom: -15px;
  }
}

.page-19474 #PrizesWrapper .home-row:after {
  bottom: 10px;
}


/* bonnaroo how it works section */
.bona-hiw {
  width: 100%;
  height: auto;
  background-image: url('../images/clouds-bg.gif');
  background-position: center center;
  overflow: hidden;
  padding-top:30px;
  margin-top:-30px;
  position: relative;
}

@media screen and (min-width: 550px) {
  .bona-hiw {
    margin-top:-40px;
  }
}

.bona-hiw-title {
  color: black;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  text-align: center;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.bona-hiw-section-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.bona-hiw-section {
  width: 100%;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: auto;
  border-radius: 40px;
  background-color: var(--bona-light);
  margin-bottom: 20px;
  position: relative;
}

.bona-hiw-section:nth-child(1) {
  border: 12px solid var(--bona-pink);
}

.bona-hiw-section:nth-child(2) {
  border: 12px solid var(--bona-lightgreen);
}

.bona-hiw-section:nth-child(3) {
  border: 12px solid var(--bona-orange);
}

.bona-hiw-section::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  border-radius: 40px;
  border: 2px solid black;
}

.bona-hiw-section img {
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 200px;
  border-radius: 30px 30px 0px 0px;
}

.bona-hiw-section h2 {
  color: black;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 20px;
  text-align: center;
  padding-top: 10px;
}

.bona-hiw-section p {
  color: black;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 15px;
  text-align: center;
  padding: 0px 20px 10px 20px;
}

.bona-hiw-sun {
  width: 80%;
  max-width: 400px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -40%;
}

.bona-hiw-bar {
  background-image: url('../images/lights-bar.gif');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100px;
  position: absolute;
  width: 100%;
  height: 51px;
  object-fit: contain;
  object-position: bottom;
  bottom: 0;
}

.bona-footer {
  width: 100%;
  background-color: var(--bona-light);
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

.bona-footer img {
  object-fit: contain;
}

.bona-footer-works {
  width: 85%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bona-footer p {
  padding: 20px 30px;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 15px;
  color: black;
  text-align: left;
  line-height: 25px;
}

.bona-footer-ta {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bona-footer-char {
  width: 100%;
  height: auto;
  padding-top: 30px;
}

.bona-footer-prop {
  background-color: black;
  width: 100%;
  padding: 40px;
}

@media screen and (max-width:650px) {
  .bona-footer-prop {
    margin-bottom: 40px;
  }
}

.bona-footer-prop img {
  width: 60%;
  max-width: 300px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bona-docked-button {
  display: block;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
}

.bona-docked-button img:hover {
  cursor: pointer;
}

.bona-docked-button img {
  width: 100%;
  height: 100px;
  object-fit: contain;
  margin-bottom: 15px;
}


/* Bonnaroo Desktop */

@media screen and (min-width: 650px) {
  .page-19474 .campaign-body {
    margin-bottom: -60px;
  }
  .page-19474 .bona-desc-cont img {
    right: -1000px;
  }

  @keyframes bonamovein {
    to {
      right: 0;
    }
  }

  .page-19474 .bona-light-bar {
    background-image: url('../images/lights-bar-1200px.gif');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
    position: relative;
    bottom: -80px;
  }
  .page-19474 #PrizesWrapper::before {
    background-image: url('../images/lights-bar-1200px.gif');
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
    margin-bottom: 15px;
  }
  .page-19474 #PrizesWrapper::after {
    background-image: url('../images/lights-bar-1200px.gif');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
  }
  .page-19474.campaign-locked #TakeActionWrapper::after {
    background-image: url('../images/lights-bar-1200px.gif');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
  }
  .bona-hiw-bar {
    background-image: url('../images/lights-bar-1200px.gif');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
  }

  .page-19474 #PrizesWrapper {
    height: 820px;
    margin-top: 0px;
  }
  .page-19474.campaign-locked #PrizesWrapper {
    height: 820px;
    margin-top: -30px;
  }
  .page-19474.campaign-locked #PrizesWrapper .home-header-row {
    margin-top: 50px;
  }
  .page-19474 #PrizesWrapper .home-row:after {
    bottom: -30px;
  }

  .page-19474 #PrizesWrapper .slick-prev,
  .page-19474.campaign-locked #TakeActionWrapper .slick-prev,
  .page-19474 #TakeActionWrapper .slick-prev,
  .page-19474 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-19474 #PrizesWrapper .slick-next,
  .page-19474.campaign-locked #TakeActionWrapper .slick-next,
  .page-19474 #TakeActionWrapper .slick-next,
  .page-19474 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 150px);
  }

  .page-19474 #PrizesWrapper::after {
    /* bottom: -20px; */
  }

  .page-19474 #PrizesWrapper .carouselTitle::after {
    margin-top: 50px;
  }
  .page-19474.campaign-locked #PrizesWrapper .carouselTitle::after {
    margin-top: 10px;
  }

  .bona-hiw {
    margin-top: -40px;
    height: 700px;
  }

  .bona-hiw-section-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 95%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }

  .bona-hiw-section {
    width: 80%;
  }

  .bona-hiw-sun {
    margin-bottom: 0px;
  }

  .bona-hiw-bar {
    margin-top: -213px;
  }

  .bona-footer p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }

  .bona-footer-works, .bona-footer-ta, .bona-footer-char {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
  }

  .bona-docked-button {
    bottom: 0;
    max-width: 1800px;
    left: unset;
    width: 100%;
  }
  .bona-docked-button img {
    right: 25px;
    width: 350px;
    left: unset;
    position: relative;
    float: right;
  }
}
/* End Bonnaroo Campaign */
/* Bonnaroo Sweepstakes Landing Page */
.body-page-20289 {
  /* color vars for Bonnaroo */
  --bona-light: #efe7D9;
  --bona-darkgreen: #1AA819;
  --bona-lightgreen: #62c749;
  --bona-lightblue: #7ccabe;
  --bona-darkblue: #34B0B1;
  --bona-lightpurple: #8a78dc;
  --bona-darkpurple: #7154d2;
  --bona-pink: #e66b84;
  --bona-yellow: #f7c42a;
  --bona-orange: #F07B16;
  --bona-red: #D53e3f;
}

.body-page-20289 {
  width: 100%;
  max-width: 100%;
  background-image: url('../images/stars-bg.gif');
  background-size: 500px 500px;
  background-repeat: repeat;
}


@media screen and (max-width:650px) {
  .body-page-20289 {
    background-size: 300px 300px;
  }
}

.header-page-20289 .header {
  padding: 0px 30px;
}

.body-page-20289 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-20289 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20289 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20289 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20289 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-20289 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}

.body-page-20289 .footer-propeller {
  position: relative;
  z-index: 11;
}

.body-page-20289 .small_swiper {
  display: none;
}

.body-page-20289,
.page-20289 {
  width: 100%;
}

.page-20289 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20289 .container,
.body-page-20289 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.page-20289 .campaign-body {
  margin-top: -48px;
  position: relative;
  z-index: 10;
}

.page-20289 .climate_container {
  display: none;
}



.page-20289 .bona-desc {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  margin-top: 50px;
  /* padding-bottom: 50px; */
  display: flex;
  flex-direction: column;
  position: relative;
}

.page-20289 .bona-of {
  overflow: hidden;
  width: 100%;
  padding: 25px;
}

.page-20289 .bona-desc-title,
.page-20289 .bona-desc-cont {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.page-20289 .bona-desc-title {
  width: 100%;
  text-align: left;
  color: var(--bona-light);
}

.page-20289 .bona-desc-titletop {
  font-family: 'Dunbar Tall Bold', sans-serif;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 0px;
}

.page-20289 .bona-desc-titlebottom {
  font-family: 'Dunbar Tall Ultra', sans-serif;
  text-transform: uppercase;
  font-size: 50px;
}

.page-20289 .bona-desc-cont {
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  position: relative;
}

.page-20289 .bona-desc-cont p {
  width: 55%;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 18px;
  color: var(--bona-light);
  text-align: left;
  min-height:290px;
}

.page-20289 .bona-desc-cont img {
  position: absolute;
  top: 0;
  height: 280px;
  width: auto;
  right: -440px;
  animation: bonamovein 3s linear forwards;
}

@keyframes bonamovein {
  to {
    right: -140px;
  }
}

.page-20289 .bona-light-bar {
  background-image: url('../images/lights-bar.gif');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  object-fit: contain;
  height: 51px;
}

/* carousels */
.page-20289 .featuredActionsWrapper {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  background-position: center center;
  padding-top: 40px;
  padding-bottom: 20px;
  height: 800px;
}

.page-20289 .featuredActionsWrapper::after {
  content:'';
  background-image: url('../images/saturn-animation.gif');
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.page-20289 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  display: block;
  width: 100%;
  color: var(--bona-yellow);
  text-transform: uppercase;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  margin-top: 10px;
}

.page-20289 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  margin-top: -50px;
}

.page-20289 .featuredActionsWrapper .card-new {
  background-color: transparent;
}

.page-20289 .featuredActionsWrapper .card-new-container {
  padding-bottom: 30px;
  margin-left:auto;
  margin-right:auto;
}

.page-20289 .featuredActionsWrapper .card-new-image {
  border-radius: 40px;
  border: 12px solid var(--bona-orange);
}

.page-20289 .featuredActionsWrapper .card-new-icon-box,
.page-20289 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-20289 .featuredActionsWrapper .card-new-bar,
.page-20289 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-20289 .featuredActionsWrapper .card-new-points {
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 305px;
  font-size: 30px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
}

.page-20289 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-20289 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-20289 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}


.page-20289 .featuredActionsWrapper .card-new-bg-join .card-points-per-dollar,
.page-20289 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 305px;
  font-size: 30px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
}

.page-20289 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-20289 .featuredActionsWrapper .card-new-info-container {
  text-align: center;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 20px;
  color: var(--bona-light);
  height: 85px;
  /* height: auto;
  align-self: center;
  max-height: 85px; */
  overflow: hidden;
}

.page-20289 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 250px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-20289 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/red-left-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-20289 .featuredActionsWrapper .slick-next {
  background-image: url('../images/red-right-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

@media screen and (min-width: 650px) {

  .page-20289 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-20289 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 150px);
  }
}

.page-20289 .featuredActionsWrapper .home-row {
  --morecontent: ' MORE ';
}

.page-20289 .featuredActionsWrapper .home-row:after {
  content: var(--morecontent);
  white-space: pre-wrap;
  font-family: 'Dunbar Tall Bold', sans-serif;
  color: var(--bona-light);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  bottom: -80px;
  display: block;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width:650px) {
  /* .page-20289 #TakeActionWrapper .home-row:after,
  .page-20289 .featuredActionsWrapper .home-row:after {
    bottom: -15px;
  } */
}

.page-20289 #PrizesWrapper .home-row:after {
  bottom: 10px;
}


/* mobile */
@media screen and (max-width: 420px) {
  .page-20289 #PrizesWrapper .card-new-points,
  .page-20289 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }
  .page-20289 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20289 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20289 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20289 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20289 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .page-20289 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20289 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }
  .page-20289 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20289 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}

.bona-footer-works {
  width: 85%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bona-footer p {
  padding: 20px 30px;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 15px;
  color: black;
  text-align: left;
  line-height: 25px;
}

.bona-footer-ta {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bona-footer-char {
  width: 100%;
  height: auto;
  padding-top: 30px;
}

.bona-footer-prop {
  background-color: black;
  width: 100%;
  padding: 40px;
}
.bona-footer-prop img {
  width: 60%;
  max-width: 300px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}


/* End Bonnaroo Sweeps Landing */


/* Bonnaroo Sweeps Copy 1 */

.body-page-20512 {
  /* color vars for Bonnaroo */
  --bona-light: #efe7D9;
  --bona-darkgreen: #1AA819;
  --bona-lightgreen: #62c749;
  --bona-lightblue: #7ccabe;
  --bona-darkblue: #34B0B1;
  --bona-lightpurple: #8a78dc;
  --bona-darkpurple: #7154d2;
  --bona-pink: #e66b84;
  --bona-yellow: #f7c42a;
  --bona-orange: #F07B16;
  --bona-red: #D53e3f;
}

.body-page-20512 {
  width: 100%;
  max-width: 100%;
  background-image: url('../images/stars-bg.gif');
  background-size: 500px 500px;
  background-repeat: repeat;
}


@media screen and (max-width:650px) {
  .body-page-20512 {
    background-size: 300px 300px;
  }
}

.header-page-20512 .header {
  padding: 0px 30px;
}

.body-page-20512 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-20512 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20512 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20512 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20512 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-20512 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}

.body-page-20512 .footer-propeller {
  position: relative;
  z-index: 11;
}

.body-page-20512 .small_swiper {
  display: none;
}

.body-page-20512,
.page-20512 {
  width: 100%;
}

.page-20512 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20512 .container,
.body-page-20512 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.page-20512 .campaign-body {
  margin-top: -48px;
  position: relative;
  z-index: 10;
}

.page-20512 .climate_container {
  display: none;
}



.page-20512 .bona-desc {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  margin-top: 50px;
  /* padding-bottom: 50px; */
  display: flex;
  flex-direction: column;
  position: relative;
}

.page-20512 .bona-of {
  overflow: hidden;
  width: 100%;
  padding: 25px;
}

.page-20512 .bona-desc-title,
.page-20512 .bona-desc-cont {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.page-20512 .bona-desc-title {
  width: 100%;
  text-align: left;
  color: var(--bona-light);
}

.page-20512 .bona-desc-titletop {
  font-family: 'Dunbar Tall Bold', sans-serif;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 0px;
}

.page-20512 .bona-desc-titlebottom {
  font-family: 'Dunbar Tall Ultra', sans-serif;
  text-transform: uppercase;
  font-size: 50px;
}

.page-20512 .bona-desc-cont {
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  position: relative;
}

.page-20512 .bona-desc-cont p {
  width: 55%;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 18px;
  color: var(--bona-light);
  text-align: left;
  min-height:290px;
}

.page-20512 .bona-desc-cont img {
  position: absolute;
  top: 0;
  height: 280px;
  width: auto;
  right: -440px;
  animation: bonamovein 3s linear forwards;
}

@keyframes bonamovein {
  to {
    right: -140px;
  }
}

.page-20512 .bona-light-bar {
  background-image: url('../images/lights-bar.gif');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  object-fit: contain;
  height: 51px;
}

/* carousels */
.page-20512 .featuredActionsWrapper {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  background-position: center center;
  padding-top: 40px;
  padding-bottom: 20px;
  height: 800px;
}

.page-20512 .featuredActionsWrapper::after {
  content:'';
  background-image: url('../images/saturn-animation.gif');
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.page-20512 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  display: block;
  width: 100%;
  color: var(--bona-yellow);
  text-transform: uppercase;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  margin-top: 10px;
}

.page-20512 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  margin-top: -50px;
}

.page-20512 .featuredActionsWrapper .card-new {
  background-color: transparent;
}

.page-20512 .featuredActionsWrapper .card-new-container {
  padding-bottom: 30px;
  margin-left:auto;
  margin-right:auto;
}

.page-20512 .featuredActionsWrapper .card-new-image {
  border-radius: 40px;
  border: 12px solid var(--bona-orange);
}

.page-20512 .featuredActionsWrapper .card-new-icon-box,
.page-20512 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-20512 .featuredActionsWrapper .card-new-bar,
.page-20512 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-20512 .featuredActionsWrapper .card-new-points {
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 305px;
  font-size: 30px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
}

.page-20512 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-20512 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-20512 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}


.page-20512 .featuredActionsWrapper .card-new-bg-join .card-points-per-dollar,
.page-20512 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 305px;
  font-size: 30px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
}

.page-20512 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-20512 .featuredActionsWrapper .card-new-info-container {
  text-align: center;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 20px;
  color: var(--bona-light);
  height: 85px;
  /* height: auto;
  align-self: center;
  max-height: 85px; */
  overflow: hidden;
}

.page-20512 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 250px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-20512 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/red-left-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-20512 .featuredActionsWrapper .slick-next {
  background-image: url('../images/red-right-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

@media screen and (min-width: 650px) {

  .page-20512 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-20512 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 150px);
  }
}

.page-20512 .featuredActionsWrapper .home-row {
  --morecontent: ' MORE ';
}

.page-20512 .featuredActionsWrapper .home-row:after {
  content: var(--morecontent);
  white-space: pre-wrap;
  font-family: 'Dunbar Tall Bold', sans-serif;
  color: var(--bona-light);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  bottom: -80px;
  display: block;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width:650px) {
  /* .page-20289 #TakeActionWrapper .home-row:after,
  .page-20289 .featuredActionsWrapper .home-row:after {
    bottom: -15px;
  } */
}

.page-20512 #PrizesWrapper .home-row:after {
  bottom: 10px;
}


/* mobile */
@media screen and (max-width: 420px) {
  .page-20512 #PrizesWrapper .card-new-points,
  .page-20512 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }
  .page-20512 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20512 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20512 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20512 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20512 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .page-20512 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20512 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }
  .page-20512 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20512 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}

/* End Bonnaroo Sweeps Copy 1 */


/* Bonnaroo Sweeps Copy 2 */

.body-page-20513 {
  /* color vars for Bonnaroo */
  --bona-light: #efe7D9;
  --bona-darkgreen: #1AA819;
  --bona-lightgreen: #62c749;
  --bona-lightblue: #7ccabe;
  --bona-darkblue: #34B0B1;
  --bona-lightpurple: #8a78dc;
  --bona-darkpurple: #7154d2;
  --bona-pink: #e66b84;
  --bona-yellow: #f7c42a;
  --bona-orange: #F07B16;
  --bona-red: #D53e3f;
}

.body-page-20513 {
  width: 100%;
  max-width: 100%;
  background-image: url('../images/stars-bg.gif');
  background-size: 500px 500px;
  background-repeat: repeat;
}


@media screen and (max-width:650px) {
  .body-page-20513 {
    background-size: 300px 300px;
  }
}

.header-page-20513 .header {
  padding: 0px 30px;
}

.body-page-20513 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-20513 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20513 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20513 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20513 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-20513 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}

.body-page-20513 .footer-propeller {
  position: relative;
  z-index: 11;
}

.body-page-20513 .small_swiper {
  display: none;
}

.body-page-20513,
.page-20513 {
  width: 100%;
  /* font-family: 'Dunbar Tall Bold', sans-serif; */
}

.page-20513 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20513 .container,
.body-page-20513 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.page-20513 .campaign-body {
  margin-top: -48px;
  position: relative;
  z-index: 10;
}

.page-20513 .climate_container {
  display: none;
}


/* desc */
.page-20513 .bona-desc {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  margin-top: 50px;
  /* padding-bottom: 50px; */
  display: flex;
  flex-direction: column;
  position: relative;
}

.page-20513 .bona-of {
  overflow: hidden;
  width: 100%;
  padding: 25px;
}

.page-20513 .bona-desc-title,
.page-20513 .bona-desc-cont {
  /* max-width: 800px; */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.page-20513 .bona-desc-title {
  width: 100%;
  text-align: left;
  color: var(--bona-light);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.page-20513 .bona-desc-title p {
  color: var(--bona-light);
  font-family: 'Dunbar Tall Bold', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}

.page-20513 .bona-desc-titletop {
  font-family: 'Dunbar Tall Bold', sans-serif;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 0px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.page-20513 .bona-desc-titlebottom {
  font-family: 'Dunbar Tall Ultra', sans-serif;
  text-transform: uppercase;
  font-size: 50px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.page-20513 .bona-desc-cont {
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  position: relative;
}

.page-20513 .bona-desc-cont p {
  width: 55%;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 18px;
  color: var(--bona-light);
  text-align: left;
  min-height: 290px;

}

.page-20513 .bona-desc-cont img {
  position: absolute;
  top: 0;
  height: 280px;
  width: auto;
  right: -440px;
  animation: bonamovein 3s linear forwards;
}

@keyframes bonamovein {
  to {
    right: -140px;
  }
}

/* AUCTION ITEMS */

/* remove header fix */
.body_causes .rewards.causes_new  {
  margin-top: 100px;
}

.body_causes .petition.causes_new h1,
.body_causes .petition.causes_new h2,
.body_causes .petition.causes_new h3 {
  color: black;
}

.body_causes .causes_new.join {
  margin-top: 100px;
}

.body_causes .odometer-inside,
.body_causes .nav-update-points,
.body_causes .odometer-digit .odometer-value,
.body_causes .header_white .hamburger .icon-hamburger  {
  color: #3d3d3d !important;
}

.causes_new .action_inner .center.img_100 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.body-page-20513 .bona-fest-container {
  font-family: 'Dunbar Tall Bold', sans-serif;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 649px) {
  .body-page-20513 .bona-fest-container {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

.body-page-20513 .bona-fest-container div {
  color: var(--bona-light);
  font-family: 'Dunbar Tall Bold', sans-serif;
  padding: 8px 20px;
  font-size: 18px;
}

.body-page-20513 .bona-fest-container div a {
  color: var(--bona-lightblue);
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.body-page-20513 .auca {
  width: 100% !important;
  text-align: center !important;
  margin-left: 230px !important;
  margin-right: auto !important;
  padding: 25px 0px 30px 0px !important;
  font-size: 15px;
}

@media screen and (max-width:649px) {
  .body-page-20513 .auca {
    margin-left: 0px !important;
  }
}

.body-page-20513 .bona-fest-container div a:hover {
  color: var(--bona-yellow);
}

.body-page-20513 .bona-fest-container .bona-desc-cont img {
  position: relative;
  top: unset;
  right: unset;
  animation: none;
  width: 180px;
  height: 180px;
  object-fit: cover;
  aspect-ratio: 1/1;
  margin-right: 30px;
}

@media screen and (max-width:550px) {
  .body-page-20513 .bona-fest-container .bona-desc-cont img {
    width: 150px;
    height: 150px;
  }
}

.body-page-20513 .bona-fest-container .bona-desc-cont:nth-child(1) a,
.body-page-20513 .bona-fest-container .bona-desc-cont:nth-child(2) a {
  margin-left: 0;
  padding: 0;
}

.body-page-20513 .bona-fest-container .bona-desc-cont a {
  margin-left: 210px; /* image width + margin */
  padding: 30px 0px;
}

.body-page-20513 .bona-fest-container .bona-desc-cont.featured-lot-item a {
  margin-left: 0;
  padding: 0;
}


.body-page-20513 .bona-footer img,
.body-page-20513 .bona-footer-prop img {
  object-fit: contain !important;
  aspect-ratio: unset !important;
  width: 85% !important;
  height: auto !important;
  max-width: 500px !important;
  margin-left: auto;
  margin-right: auto !important;
}
.body-page-20513 .bona-footer-prop img {
margin: 50px auto;
}


/* light bar */
.page-20513 .bona-light-bar {
  background-image: url('../images/lights-bar.gif');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  object-fit: contain;
  height: 51px;
}

/* carousels */
.page-20513 .featuredActionsWrapper {
  background-image: url('../images/stars-bg.gif');
  background-repeat: repeat;
  background-size: contain;
  background-position: center center;
  padding-top: 40px;
  padding-bottom: 20px;
  height: 800px;
}

.page-20513 .featuredActionsWrapper::after {
  content:'';
  background-image: url('../images/saturn-animation.gif');
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 50px;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.page-20513 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  display: block;
  width: 100%;
  color: var(--bona-yellow);
  text-transform: uppercase;
  font-family: 'Dunbar Tall Bold', sans-serif;
  font-size: 30px;
  margin-top: 10px;
}

.page-20513 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  margin-top: -50px;
}

.page-20513 .featuredActionsWrapper .card-new {
  background-color: transparent;
}

.page-20513 .featuredActionsWrapper .card-new-container {
  padding-bottom: 30px;
  margin-left:auto;
  margin-right:auto;
}

.page-20513 .featuredActionsWrapper .card-new-image {
  border-radius: 40px;
  border: 12px solid var(--bona-orange);
}

.page-20513 .featuredActionsWrapper .card-new-icon-box,
.page-20513 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-20513 .featuredActionsWrapper .card-new-bar,
.page-20513 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-20513 .featuredActionsWrapper .card-new-points,
.page-20513 .featuredActionsWrapper .card-auction-price {
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 280px;
  font-size: 25px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -20px;
  /* left: 0; */
}

.page-20513 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-20513 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-20513 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}


.page-20513 .featuredActionsWrapper .card-new-bg-join .card-points-per-dollar,
.page-20513 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--bona-lightgreen);
  text-align: center;
  width: 100%;
  margin-top: 280px;
  font-size: 25px;
  font-family: 'Dunbar Tall Ultra', sans-serif;
  margin-left: -25px;
  /* left: 0; */
}

.page-20513 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-20513 .featuredActionsWrapper .card-new-info-container {
  text-align: center;
  font-family: 'Dunbar Tall Book', sans-serif;
  font-size: 20px;
  color: var(--bona-light);
  height: 85px;
  /* height: auto;
  align-self: center;
  max-height: 85px; */
  overflow: hidden;
}

.page-20513 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 250px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-20513 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/red-left-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-20513 .featuredActionsWrapper .slick-next {
  background-image: url('../images/red-right-arrow-black.gif');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

@media screen and (min-width: 650px) {

  .page-20513 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-20513 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 150px);
  }
}

.page-20513 .featuredActionsWrapper .home-row {
  --morecontent: ' MORE ';
}

.page-20513 .featuredActionsWrapper .home-row:after {
  content: var(--morecontent);
  white-space: pre-wrap;
  font-family: 'Dunbar Tall Bold', sans-serif;
  color: var(--bona-light);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  bottom: -80px;
  display: block;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width:650px) {
  /* .page-20289 #TakeActionWrapper .home-row:after,
  .page-20289 .featuredActionsWrapper .home-row:after {
    bottom: -15px;
  } */
}

.page-20513 #PrizesWrapper .home-row:after {
  bottom: 10px;
}


/* mobile */
@media screen and (max-width: 375px) {
  .page-20513 .featuredActionsWrapper .card-new-container {
    /* width: 280px !important; */
    transform: scale(0.9);
  }

  .page-20513 .featuredActionsWrapper .card-new-info-container {
    margin-top: -180px;
  }

  .page-20513 .featuredActionsWrapper .card-new-points,
  .page-20513 .featuredActionsWrapper .card-auction-price,
  .page-20513 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
    margin-top: 120px;
  }

  .page-20513 .featuredActionsWrapper .slick-prev {
    margin-left: 30px;
  }

  .page-20513 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 50px);
  }

  .page-20513 .featuredActionsWrapper .home-row:after {
    width: 68%;
    display: flex;
    margin: 0;
    justify-content: center;
  }

  .page-20513 .featuredActionsWrapper:after {
    z-index: -1;
  }
}
@media screen and (max-width: 420px) {
  .page-20513 #PrizesWrapper .card-new-points,
  .page-20513 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }
  .page-20513 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20513 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20513 .featuredActionsWrapper .card-new-container {
    width: 310px;
  }

  .page-20513 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20513 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .page-20513 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20513 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }
  .page-20513 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20513 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}

/* End Bonnaroo Sweeps Copy 2 */

/* Bonnaroo Festival Poster Auctions */
.body-page-21070 {
  /* color vars */
  --bona-light: #efe7D9;
  --bona-darkgreen: #1AA819;
  --bona-lightgreen: #62c749;
  --bona-lightblue: #7ccabe;
  --bona-darkblue: #34B0B1;
  --bona-lightpurple: #8a78dc;
  --bona-darkpurple: #7154d2;
  --bona-pink: #e66b84;
  --bona-yellow: #f7c42a;
  --bona-orange: #F07B16;
  --bona-red: #D53e3f;
}

.body-page-21070 {
  width: 100%;
  max-width: 100%;
  background-image: url('../images/stars-bg.gif');
  background-size: 500px 500px;
  background-repeat: repeat;
}

@media screen and (max-width:650px) {
  .body-page-21070 {
    background-size: 300px 300px;
  }
}

.body-page-21070 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-21070 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21070 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21070 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21070 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-21070 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-21070 .footer-propeller {
  position: relative;
  z-index: 11;
}

.body-page-21070 .small_swiper {
  display: none;
}

.body-page-21070, .page-21070 {
  width: 100%;
}

.page-21070 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21070 .container, .body-page-21070 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.page-21070 .climate_container {
  display: none;
}

/* desc */
.page-21070 .bona-of {
  display: flex;
  flex-direction: row;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  position: relative;
}

.page-21070 .bona-desc-titletop {
  font-family: 'Dunbar Tall Bold', sans-serif;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 0px;
  text-align: left;
}

.page-21070 .bona-desc-titlebottom {
  font-family: 'Dunbar Tall Ultra', sans-serif;
  text-transform: uppercase;
  font-size: 50px;
  text-align: left;
}

.page-21070 .bona-desc-title {
  text-align: left;
  color: var(--bona-light);
  font-family: 'Dunbar Tall Bold', sans-serif;
  /* font-size: 34px; */
  margin-bottom: 0px;
  width: 55%;
  text-align: left;

}

.page-21070 .bona-desc-title p {
  margin-top: 15px;
}

.page-21070 .bona-of img {
  position: absolute;
  top: 0;
  height: 280px;
  width: auto;
  right: -440px;
  animation: bonamovein 3s linear forwards;
}

/* poster thumbnails */

.body-page-21070 .bona-fest-container {
  font-family: 'Dunbar Tall Bold', sans-serif;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 649px) {
  .body-page-21070 .bona-fest-container {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

.page-21070 .bona-fest-container .bona-desc-cont img {
  position: relative;
  top: unset;
  right: unset;
  animation: none;
  width: 180px;
  height: 180px;
  object-fit: cover;
  aspect-ratio: 1/1;
  margin-right: 30px;
}

.body-page-21070 .bona-fest-container .bona-desc-cont a {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.body-page-21070 .bona-fest-container div {
  color: var(--bona-light);
  font-family: 'Dunbar Tall Bold', sans-serif;
  padding: 8px 20px;
  font-size: 18px;
}

.body-page-21070 .bona-fest-container div a {
  color: var(--bona-lightblue);
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.body-page-21070 .bona-fest-container div a:hover {
  color: var(--bona-yellow);
}


.body-page-21070 .bona-footer img,
.body-page-21070 .bona-footer-prop img {
  object-fit: contain !important;
  aspect-ratio: unset !important;
  width: 85% !important;
  height: auto !important;
  max-width: 500px !important;
  margin-left: auto;
  margin-right: auto !important;
}
.body-page-21070 .bona-footer-prop img {
margin: 50px auto;
}

/* body */
.page-21070 .bona-fest-container {
  margin-top: 70px;
}

.page-21070 .bona-fest-container div {
  color: var(--bona-light);
  font-family: 'Dunbar Tall Bold', sans-serif;
  padding: 8px 20px;
  font-size: 18px;
}

.page-21070 .bona-fest-container div a {
  color: var(--bona-lightblue);
}

.page-21070 .bona-fest-container div a:hover {
  color: var(--bona-yellow);
}


/* desktop */

@media screen and (min-width: 650px) {
  .page-21070 .bona-desc-cont img {
    right: -1000px;
  }

  @keyframes bonamovein {
    to {
      right: 0;
    }
  }
}


/* End Bonnaroo Festival Poster Auctions */

/* Red Rocks Campaign - 19513 */
.body-page-19513 {
  /* color vars for Red Rocks */
  --redrock-dark: #3c2b2f;
  --redrock-darkbrown: #5f3536;
  --redrock-lightbrown: #ab593c;
  --redrock-green: #6e6f38;
  --redrock-pink: #ce4eab;
  --redrock-darkorange: #f46744;
  --redrock-lightorange: #fa953c;
  --redrock-tan: #f4cfa6;
}

.header-page-19513 .header {
  padding: 0px 30px;
}

.body-page-19513 {
  width: 100%;
  max-width: 100%;
  font-family: 'Archivo Medium', sans-serif;
  background-color: var(--redrock-tan);

}

.body-page-19513 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-19513 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19513 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19513 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19513 .col2  {
  display: none;
}

.body-page-19513 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-19513 .footer-propeller {
  position: relative;
  /* z-index: 11; */
  z-index: -1;
  padding: 0px 30px;
}

.body-page-19513 .small_swiper {
  display: none;
}

.body-page-19513, .page-19513 {
  width: 100%;
}

.page-19513 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-19513 .container, .body-page-19513 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}


.body-page-19513 .adaptive-header-image.-mobile {
    background-image: url('../images/redrocks-header-mobile.gif') !important;
}

.body-page-19513 .adaptive-header-image.-desktop {
  background-image: url('../images/redrocks-header-desktop.gif') !important;
}


/* hide impact */
.page-19513 .climate_container {
  display: none;
}

.page-19513 .campaign-body {
  margin-top: -20px;
  position:relative;
  /* z-index: 10; */
}
@media screen and (min-width: 550px) {
  .page-19513 .campaign-body {
    margin-top: -23px;
  }
}

/* Set up order */
.page-19513 #TakeActionWrapper {
  order: 1;
}

.page-19513 .featuredActionsWrapper {
  order: 2;
}

.page-19513 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-19513.campaign-locked #TakeActionWrapper,
.page-19513.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-19513.campaign-locked #PrizesWrapper {
  display: block;
  margin-top: -170px;
}

/* redrocks desc */
.page-19513 .redrocks-desc {
  width: 100%;
  background-color: var(--redrock-tan);
  display: flex;
  flex-direction: row;
  padding: 0px 20px;
  overflow: hidden;
}

.page-19513 .redrocks-desc .redrocks-desc-left {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.page-19513 .redrocks-desc p {
  font-family: 'Archivo Medium', sans-serif;
  font-weight: 600;
  text-align: left;
  padding: 20px 0px;

}

.page-19513 .redrocks-desc h2 {
  color: var(--redrock-pink);
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  font-weight: 300;
  font-size: 35px;
  width: 200px;
  text-align: left;
}

.page-19513 .redrocks-desc img {
  width: 180px;
  height: auto;
  object-fit: cover;
  object-position: center bottom;
  margin-right: -60px;
  padding-top: 20px;
  position:relative;
  z-index: 2;
  transform: translateY(500px);
}
.ships-up {
  animation: redrocks 1.7s linear forwards;
}
@media screen and (max-width:390px) {
  .page-19513 .redrocks-desc img {
    width: 55%;
    margin-right: -80px;
    bottom: 0;
    object-fit: contain;
  }
}

@keyframes redrocks {
  to {
    transform: translateY(0px);
  }
}

.page-19513 .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

/* red rocks Take Action and custom rows */
.page-19513 #TakeActionWrapper,
.page-19513 .featuredActionsWrapper {
  width: 100%;
  background-image: url('../images/spiral.gif');
  background-size: cover;
  background-position: center center;
  padding-bottom: 100px;
}
.page-19513 #TakeActionWrapper {
  margin-top: -154px;
}

.page-19513 #TakeActionWrapper .home-header-row,
.page-19513 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
}

.page-19513 #TakeActionWrapper .home-header,
.page-19513 .featuredActionsWrapper .home-header {
  width: 100%;
}
@media screen and (min-width:700px) {
  .page-19513 #TakeActionWrapper .carouselTitle {
    /* visibility: hidden; */
    color: transparent;
    background-image: url('../images/keep-taking-action-1200px.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    height: 50px;
  }
}
@media screen and (max-width: 699px) {
  .page-19513 #TakeActionWrapper .carouselTitle {
    /* visibility: hidden; */
    color: transparent;
    background-image: url('../images/keep-taking-action.png');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    height: 60px;
  }
}
@media screen and (min-width: 510px) {
  .page-19513 #TakeActionWrapper .carouselTitle {
    height: 90px;
  }
}
@media screen and (min-width: 550px) {
  .page-19513 #TakeActionWrapper .carouselTitle {
    margin-top: -10px;
  }
}

.page-19513 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  font-family: 'Anton', sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
  color: var(--redrock-dark);
  font-size: 28px;
}

.page-19513 #TakeActionWrapper .card-new,
.page-19513 .featuredActionsWrapper .card-new {
  padding: 10px;
  background-color: var(--redrock-dark);
  padding-bottom: 30px;
}

/* campaigns */
.page-19513 .featuredActionsWrapper:nth-child(3) .card-new {
  padding: 10px;
  padding-bottom: 10px;
}
.page-19513 .featuredActionsWrapper:nth-child(3) .slick-arrow {
  margin-top: 325px;
}

.page-19513 #TakeActionWrapper .card-new-description,
.page-19513 .featuredActionsWrapper .card-new-description,
.page-19513 #TakeActionWrapper .card-new-icon-box,
.page-19513 .featuredActionsWrapper .card-new-icon-box {
  display: none;
}

.page-19513 #TakeActionWrapper .card-new-bar, .page-19513 #TakeActionWrapper .card-new-bg-petition,
.page-19513 .featuredActionsWrapper .card-new-bar, .page-19513 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-19513 #TakeActionWrapper .card-new-points,
.page-19513 .featuredActionsWrapper .card-new-points {
  position: absolute;
  color: var(--redrock-lightorange);
  text-align: center;
  width: 100%;
  margin-top: 280px;
  font-size: 30px;
  font-family: 'Anton', sans-serif;
  margin-left: -35px;
  letter-spacing: 1px;
}

.page-19513 #TakeActionWrapper .card-new-points:after,
.page-19513 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-19513 #TakeActionWrapper .card-new-bg-featured .card-points-per-dollar,
.page-19513 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-19513 #TakeActionWrapper .card-new-bg-featured .card-new-points,
.page-19513 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}

.page-19513 #TakeActionWrapper .card-new-bg-join .card-points-per-dollar,
.page-19513 .featuredActionsWrapper .card-new-bg-join .card-points-per-dollar,
.page-19513 #TakeActionWrapper .card-new-bg-causes .card-points-per-dollar,
.page-19513 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--redrock-lightorange);
  text-align: center;
  width: 100%;
  margin-top: 280px;
  font-size: 30px;
  font-family: 'Anton', sans-serif;
  letter-spacing: 1px;
  margin-left: -35px;
}

.page-19513 #TakeActionWrapper .card-new-info,
.page-19513 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-19513 #TakeActionWrapper .card-new-info-container,
.page-19513 .featuredActionsWrapper .card-new-info-container {
  text-align: center;
  font-family: 'Archivo Medium', sans-serif;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 15px;
  color: var(--redrock-tan);
  height: 85px;
  overflow: hidden;
}

.page-19513 #TakeActionWrapper .slick-arrow,
.page-19513 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 80px;
  height: 50px;
  z-index: 8;
}

.page-19513 #TakeActionWrapper .slick-prev,
.page-19513 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/rrleft-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-19513 #TakeActionWrapper .slick-next,
.page-19513 .featuredActionsWrapper .slick-next {
  background-image: url('../images/rrright-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

.page-19513 #TakeActionWrapper:after {
  content: 'MORE ACTIONS';
  font-family: 'Anton', sans-serif;
  color: var(--redrock-tan);
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  bottom: -40px;
  position: relative;
  z-index:1;
  display: block;
  text-align: center;
  font-size: 30px;
}

/* red rocks prizes */
.page-19513 #PrizesWrapper {
  background-image: url('../images/ink-bg.png');
}

@media screen and (min-width:700px) {
  .page-19513 #PrizesWrapper .carouselTitle {
    /* visibility: hidden; */
    color: transparent;
    background-image: url('../images/what-you-can-win-1200px.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    height: 50px;
  }
}

@media screen and (max-width:699px) {
  .page-19513 #PrizesWrapper .carouselTitle {
    /* visibility: hidden; */
    color: transparent;
    background-image: url('../images/rrwhat-you-can-win.png');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    height: 60px;
  }
}

@media screen and (min-width: 510px) {
  .page-19513 #PrizesWrapper .carouselTitle {
    height: 90px;
  }
}
@media screen and (min-width: 550px) {
  .page-19513 #PrizesWrapper .carouselTitle {
    margin-top: -10px;
  }
}

.page-19513 #PrizesWrapper .card-new-points:after {
  content: '';
}

.page-19513 #PrizesWrapper:after {
  content: 'MORE PRIZES';
  font-family: 'Anton', sans-serif;
  color: var(--redrock-tan);
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  bottom: -40px;
  position: relative;
  z-index:1;
  display: block;
  text-align: center;
  font-size: 30px;
}

/* how it works */
.body-page-19513 .redrock-hiw {
  margin-top: -30px;
  background-image: url('../images/checkered.gif');
  background-size:cover;
  background-position: center center;
  padding-bottom: 40px;
}
@media screen and (min-width: 550px) {
  .body-page-19513 .redrock-hiw {
    margin-top: -45px;
  }
}

.body-page-19513 .redrock-hiw-title {
  object-fit: contain;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 700px) {
  .body-page-19513 .redrock-hiw-title.redrock-hiw-mobile {
    display: none;
  }
  .body-page-19513 .redrock-hiw-title.redrock-hiw-desktop {
    object-fit: cover;
    height: 90px;
  }
}
@media screen and (max-width: 699px) {
  .body-page-19513 .redrock-hiw-title.redrock-hiw-desktop {
    display: none;
  }
}

.body-page-19513 .redrock-hiw-section-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.body-page-19513 .redrock-hiw-section {
  width: 85%;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding: 10px;
  background-color: var(--redrock-dark);
}

.body-page-19513 .redrock-hiw-section img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: auto;
}

.body-page-19513 .redrock-hiw-section h2 {
  text-transform: uppercase;
  font-family: 'Anton', sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
  font-size: 30px;
  padding: 10px 8px 0px 8px;
}
.body-page-19513 .redrock-hiw-section:nth-child(1) h2 {
  color: var(--redrock-darkorange);
}
.body-page-19513 .redrock-hiw-section:nth-child(2) h2 {
  color: var(--redrock-pink);
}
.body-page-19513 .redrock-hiw-section:nth-child(3) h2 {
  color: var(--redrock-lightorange);
}

.body-page-19513 .redrock-hiw-section p {
  color: var(--redrock-tan);
  font-family: 'Archivo Medium', sans-serif;
  font-weight: 200;
  padding: 0px 8px;
}

.body-page-19513 .redrock-foot {
  width: 100%;
  position: relative;
}

.body-page-19513 .redrock-foot .redrock-prop-logo {
  width: 100%;
  height: 40px;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 25%;
}

.body-page-19513 .redrock-foot .redrock-man {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 650px) {
  .body-page-19513 .redrock-foot .rrman-mobile {
    display: none;
  }
  .body-page-19513 .redrock-foot .rrman-desktop {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center bottom;
  }
  .body-page-19513 .redrock-foot .redrock-prop-logo {
    top: 16%;
  }
}
@media screen and (max-width: 649px) {
  .body-page-19513 .redrock-foot .rrman-desktop {
    display: none;
  }
}

/* start button */
.redrock-start-cont {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 15;
}

.page-19513.campaign-locked ~ .page-footer .redrock-start-cont {
  display: block !important;
}

.redrock-start-cont img {
  margin-bottom: 0px;
}

/* mobile fix */
/* tablet */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-19513 .card-new-points,
  .page-19513 .card-points-per-dollar {
    margin-left: -35px !important;
    margin-top: 140px !important;
  }
}
/* @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .page-19513 .card-new-points,
  .page-19513 .card-points-per-dollar {
    margin-left: -35px !important;
    margin-top: 140px !important;
  }
} */
@media screen and (max-width:425px) { /*425*/
  .page-19513 .card-new-points,
  .page-19513 .card-points-per-dollar {
    margin-top: 160px !important;
    margin-left: -35px !important;
    /* background:red; */
  }

  .page-19513 .card-new-container {
    width: 310px;
  }
  .page-19513 .card-new-bar {
    padding: 15px;
    font-size:1.5rem;
  }
  .page-19513 .card-new-info {
    padding: 15px;
    font-size: 2.3rem;
    height: 130px;
    margin-top: 20px;
  }
  .page-19513 .featuredActionsWrapper {
    padding-bottom: 150px;
  }
  .page-19513 #PrizesWrapper {
    padding-bottom: 120px;
  }
  .page-19513 .featuredActionsWrapper:nth-child(3) .card-new {
    padding: 10px;
    padding-bottom: 10px;
    height: 440px;
  }
  .page-19513 .featuredActionsWrapper:nth-child(3) .campaign-card-new-image {
    height: 420px;
  }
  .page-19513 .featuredActionsWrapper:nth-child(3) .slick-arrow {
    margin-top: 305px;
  }

}

@media screen and (min-width:426px) and (max-width:440px) {
  .page-19513 .card-new-container {
    width: 310px;
  }
  .page-19513 .card-new-bar {
    padding: 15px;
    font-size:1.5rem;
  }
  .page-19513 .card-new-info {
    padding: 15px;
    font-size: 2.3rem;
    height: 130px;
    margin-top: 20px;
  }
  .page-19513 .card-new-points,
  .page-19513 .card-points-per-dollar {
    margin-left: -15px !important;
    margin-top: 300px !important;
  }
  .page-19513 .featuredActionsWrapper {
    padding-bottom: 150px;
  }
  .page-19513 #PrizesWrapper {
    padding-bottom: 120px;
  }
  .page-19513 .featuredActionsWrapper:nth-child(3) .card-new {
    padding: 10px;
    padding-bottom: 10px;
    height: 440px;
  }
  .page-19513 .featuredActionsWrapper:nth-child(3) .campaign-card-new-image {
    height: 420px;
  }
  .page-19513 .featuredActionsWrapper:nth-child(3) .slick-arrow {
    margin-top: 305px;
  }

}

/* red rock desktop */

@media screen and (min-width:650px) {
  .redrocks-desc {
    justify-content: center;
  }

  .redrocks-desc-left {
    max-width: 500px;
  }

  .page-19513 #TakeActionWrapper,
  .page-19513 .featuredActionsWrapper  {
    background-repeat: repeat;
    background-size: contain;
  }

  .page-19513 #PrizesWrapper  {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 120px;
  }

  .page-19513 .featuredActionsWrapper {
    padding-bottom: 150px;
  }

  /* .page-19513 #TakeActionWrapper .carouselTitle,
  .page-19513 #PrizesWrapper .carouselTitle,
  .body-page-19513 .redrock-hiw-title {
    width: 100%;
    height: 90px;
    background-size: 715px 90px;
    background-position: center top;
    background-color: var(--redrock-dark);
    box-shadow: inset 0 0 0 4px var(--redrock-dark),
                inset 0 0 0 8px var(--redrock-lightbrown);
  } */

  .page-19513 .featuredActionsWrapper .carouselTitle {
    font-size: 50px;
    letter-spacing: 2px;
    padding-top: 20px;
  }

  .page-19513 .slick-prev {
    margin-left: calc(50% - 200px) !important;;
  }

  .page-19513 .slick-next {
    margin-right: calc(50% - 200px) !important;;
  }

  .redrock-foot {
    background-color: var(--redrock-darkorange);
  }

  .redrock-start-cont {
    width: 430px;
    height: auto;
    position: fixed;
    bottom: 30px;
    left: unset;
    right: 50px;
    z-index: 15;
  }
  .redrock-start-cont img {
    object-fit: cover;
    width: 260px;
    height: 80px;
  }
}

@media screen and (min-width:1125px) {

  .body-page-19513 .redrock-hiw {
    background-repeat: repeat;
    background-size: contain;
  }

  .body-page-19513 .redrock-hiw-section-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    justify-items: center;
    width: 100%;
  }
}



/* J BALVIN CAMPAIGN */

.body-page-19697 {
  --jbalvin-dark: #231f20;
  --jbalvin-light-blue: #cff4ff;
  --jbalvin-med-blue: #65bad3;
  --jbalvin-dark-blue: #5eabc2;
}

.header-page-19697 .header {
  padding: 0px 30px;
}

.body-page-19697 {
  width: 100%;
  max-width: 100%;
  background: white;
}

.body-page-19697 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-19697 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19697 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19697 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19697 .col2  {
  display: none;
}

.body-page-19697 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-19697 .footer-propeller {
  position: relative;
  /* z-index: 11; */
  z-index: -1;
  padding: 0px 30px;
}

.body-page-19697 .small_swiper {
  display: none;
}

.body-page-19697, .page-19697 {
  width: 100%;
}

.page-19697 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-19697 .container, .body-page-19697 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.body-page-19697 .adaptive-header-image.-mobile {
  background-image: url('../images/jbalvin_header_mobile.gif') !important;
}

.body-page-19697 .adaptive-header-image.-desktop {
  background-image: url('../images/jbalvin_header_desktop.gif') !important;
  margin-top: 80px;
}

.body-page-19697 .nav-underlay {
  background: black;
  height: 90px;
}
@media screen and (min-width: 650px) {
  .body-page-19697 .nav-underlay {
    margin-top: -80px;
  }
}

/* hide impact */
.page-19697 .climate_container {
  display: none;
}

/* hub functionality */
.page-19697.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-19697.campaign-locked #PrizesWrapper {
  display: block !important;
  background-image: linear-gradient(#fff, #cff4ff, #cff4ff, #5eabc2);
  padding-top: 180px;
  margin-top: -100px;
  z-index: 0;
}
.page-19697.campaign-locked .jbalvin-desc {
  margin-bottom: -250px;
}

.body-page-19697 .page-19697.campaign-locked ~ .page-footer .jbal-start {
  display: block !important;
}




/* desc */
.page-19697 .jbalvin-desc {
  width: 100%;
  max-width: 1000px;
  padding: 0px 25px;
  margin-top: -80px;
  margin-bottom: -100px;
}

.page-19697 .jbalvin-desc1 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
}

.page-19697 .jbalvin-desc1 p {
  font-family: 'Obviously Medium', sans-serif;
  color: var(--jbalvin-dark);
  text-align: left;
  font-size: 14px;
}

.page-19697 .jbalvin-desc1 img {
  width: 120px;
  height: auto;
  object-fit: cover;
  align-self: center;
  transform: translateX(150px) scale(0.4);
}

.animate-lightning {
  animation: lightning 0.5s linear forwards;
}

@keyframes lightning {
  to {
    transform: translateX(0px) scale(1);
  }
}

.page-19697 .jbalvin-desc h2 {
  color: var(--jbalvin-dark-blue);
  font-family: 'Obviously Wide Bold', sans-serif;
  text-align: left;
  width: 280px;
  text-transform: uppercase;
  font-size: 22px;
}

/* Set up order */
.page-19697 #TakeActionWrapper {
  order: 1;
}

.page-19697 .featuredActionsWrapper {
  order: 2;
}

.page-19697 #PrizesWrapper {
  order: 3;
}


.page-19697 .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

/* Take Action & Custom Rows */
.page-19697 .featuredActionsWrapper {
  width: 100%;
  background-color: var(--jbalvin-dark-blue);
  padding-bottom: 120px;
}

.page-19697 .featuredActionsWrapper:nth-child(7){
  background-image: linear-gradient(to bottom, #5eabc2, #cff4ff, #cff4ff, #cff4ff);
}
.page-19697 .featuredActionsWrapper:nth-child(7) .slick-prev {
  background-image: url('../images/balvin-left-arrow.png');
  background-size: contain;
  background-position: center;

}

.page-19697 .featuredActionsWrapper:nth-child(7) .slick-next {
  background-image: url('../images/balvin-right-arrow.png');
  background-size: contain;
  background-position: center;

}

.page-19697 #TakeActionWrapper {
  padding-top: 30px;
  padding-bottom: 80px;
}

.page-19697 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-19697 .featuredActionsWrapper .carouselTitle {
  font-family: 'Obviously Wide Bold', sans-serif;
  font-size: 22px;
  color: white;
}

.page-19697 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-19697 #TakeActionWrapper .carouselTitle::after {
  visibility: visible;
  content: 'KEEP TAKING ACTION';
  font-size: 22px;
  display: block;
}

.page-19697 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 80px;
  height: 70px;
  z-index: 8;
}

.page-19697 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/left-arrow-02.png');
  background-size: contain;
  background-position: center;
  margin-left: calc(50% - 120px);
}

.page-19697 .featuredActionsWrapper .slick-next {
  background-image: url('../images/right-arrow-02.png');
  background-size: contain;
  background-position: center;
  margin-right: calc(50% - 120px);
}

.page-19697 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  font-family: 'Obviously Medium', sans-serif;
  color: white;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -20px;
  display: block;
  text-align: center;
  font-size: 20px;
}

/* Prizes */
.page-19697 #PrizesWrapper {
  background-image: linear-gradient(#cff4ff, #5eabc2);
  background-color: transparent;
  padding-top: 30px;
  padding-bottom: 80px;
}

.page-19697 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-19697 #PrizesWrapper .carouselTitle::after {
  visibility: visible;
  content: 'WHAT YOU CAN WIN';
  color: var(--jbalvin-dark);
  display: block;
  font-size: 22px;
}

.page-19697 #PrizesWrapper .card-new-description,
.page-19697 #PrizesWrapper .card-new-icon-box {
  display: none;
}

.page-19697 #PrizesWrapper .card-new-bar {
  background-color: transparent;
  margin-top: -30px;
}

.page-19697  #PrizesWrapper .card-new-points {
  position: absolute;
  color: var(--jbalvin-dark-blue);
  text-align: center;
  width: 100%;
  margin-top: 220px;
  font-size: 28px;
  font-family: 'Obviously Wide Bold', sans-serif;
  margin-left: -25px;
  letter-spacing: 1px;
}

.page-19697 #PrizesWrapper .card-new-info {
  background-color: var(--jbalvin-dark);
}

.page-19697 #PrizesWrapper .card-new-info-container {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.page-19697 #PrizesWrapper .slick-arrow {
  margin-top: 270px;
}

.page-19697 #PrizesWrapper .slick-prev {
  background-image: url('../images/balvin-left-arrow.png');
  background-position: center;
  background-size: contain;
}
.page-19697 #PrizesWrapper .slick-next {
  background-image: url('../images/balvin-right-arrow.png');
  background-position: center;
  background-size: contain;
}

.page-19697 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  font-family: 'Obviously Medium', sans-serif;
  color: var(--jbalvin-dark);
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -15px;
  display: block;
  text-align: center;
  font-size: 20px;
}

/* mobile cards */
@media screen and (max-width:420px) {
  .page-19697 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -25px !important;
  }
}

@media screen and (max-width:450px) {
  .page-19697 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-19697 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-19697 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    padding: 15px !important;
    height: 130px !important;
  }

  .page-19697 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-19697 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -15px;
  }
}
/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-19697 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -10px;
  }
}

/* footer gradient */
.body-page-19697 .page-footer-content {
  background-image: linear-gradient(to bottom, #5eabc2, #5eabc2, #5eabc2, #cff4ff);
  margin-top: -30px;
}

/* How it works */
.jbalvin-hiw-cont h1 {
  text-align: center;
  font-family: 'Obviously Wide Bold', sans-serif;
  font-size: 28px;
  color: var(--jbalvin-dark);
}

.jbalvin-hiw-section-cont {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.jbalvin-hiw-section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.jbal-hiw-img {
  max-width: 85%;
  aspect-ratio: 1/1;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(40px);
}

.jbal-hiw-img.hiwim1 {
  animation: jbalimg 3s linear infinite alternate;
  animation-delay: 0s;
}
.jbal-hiw-img.hiwim2 {
  animation: jbalimg 3s linear infinite alternate;
  animation-delay: 2s;
}
.jbal-hiw-img.hiwim3 {
  animation: jbalimg 3s linear infinite alternate;
  animation-delay: 1s;
}

@keyframes jbalimg {
  to {
    transform: translateX(-40px);
  }
}

.jbal-hiw-title {
  width: 230px;
  margin-top: -140px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-40px);
}

.jbal-hiw-title.hiw1 {
  animation: jbaltitle 3s linear infinite alternate;
  animation-delay: 0s;
}
.jbal-hiw-title.hiw2 {
  animation: jbaltitle 3s linear infinite alternate;
  animation-delay: 2s;
}
.jbal-hiw-title.hiw3 {
  animation: jbaltitle 3s linear infinite alternate;
  animation-delay: 1s;
}

@keyframes jbaltitle {
  to {
    transform: translateX(40px);
  }
}

.jbalvin-hiw-section p {
  text-align: center;
  font-family: 'Obviously Medium', sans-serif;
  color: var(--jbalvin-dark);
  padding-top: 10px;
  padding-bottom: 20px;
}

/* partners */
.jbalvin-partners-cont {
  background-image: url('../images/bolts-pattern.png');
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
}

.jbalvin-partners-cont h1 {
  font-family: 'Obviously Condensed Black', sans-serif;
  font-size: 22px;
  font-size: 33vw;
  text-align: center;
  background: -webkit-linear-gradient(#65bad3, #cff4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 2px !important;
}

.jbal-partners {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-items: center;
  align-items: center;
  justify-content: space-around;
}

.jbal-partners div {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  height: 120px;
  width: 120px;
  margin: 15px 25px;
}

.body-page-19697 .prop-logo img {
  width: 250px;
  max-width: 250px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0px;
}

/* start button */
.jbal-start {
  display: none;
  background-color: var(--jbalvin-dark);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}
.jbal-start a {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  justify-items: center;
  align-items: center;
  width: 100%;
  font-family: 'Obviously Condensed Black', sans-serif;
  color: white;
  font-size: 90px;
  height: 100px;
  margin-top: -10px;
}

.jbal-start a:hover {
  text-decoration: none;
}

.jbal-start img {
  /* transform: rotate(90deg); */
  width: 25%;
  height: auto;
  object-fit: contain;
  margin-top: 25px;
}




/* J Balvin Desktop */
@media screen and (min-width: 550px) {
  .body-page-19697 .page-footer-content {
    margin-top: -40px;
  }
}

@media screen and (min-width:650px) {
  .jbalvin-desc {
    margin-bottom: -40px;
    margin-left: auto;
    margin-right: auto;
  }

  .jbalvin-desc1 p {
    align-self: center;
  }

  .page-19697 .jbalvin-desc h2 {
    width: 100%;
    text-align: left;
    font-size: 25px;
  }

  .page-19697 .jbalvin-desc1 img {
    margin-top: 20px;
    transform: translateX(50px) scale(0);
  }

  .page-19697 #PrizesWrapper .carouselTitle::after,
  .page-19697 #TakeActionWrapper .carouselTitle::after,
  .page-19697 .featuredActionsWrapper .carouselTitle {
    font-size: 30px;
  }

  .jbalvin-hiw-cont h1 {
    font-size: 30px;
  }

  .jbalvin-partners-cont h1 {
    font-size: 25vw;
    letter-spacing: 10px !important;
  }

  .jbal-partners {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .jbal-start {
    width: 300px;
    height: 100px;
    left: unset;
    bottom: 30px;
    right: 30px;
    border-radius: 2px;
  }
  .jbal-start a {
    font-size: 70px;
    height: 100px;
    margin-top: -10px;
  }

}

@media screen and (min-width:1250px) {
  .jbalvin-hiw-section-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .jbalvin-hiw-section {
    width: 31%;
    max-width: 375px;
  }
}


/* End J Balvin */


/* Outside Lands Campaign */

.body-page-19774 {
  /* color vars for Outside Lands (OL) */
  /* primary */
  --ol-kelly-green: #339900;
  --ol-blue: #0066cc;
  --ol-orange: #ef613b;
  --ol-yellow: #ffcc33;
  --ol-bison-red: #660000;
  --ol-dark-brown: #330000;
  --ol-offwhite: #fbf6eb;
  --ol-dark-green: #336600;
  --ol-peach: #fedc94;
  --ol-maize: #ffcc66;
  /* secondary */
  --ol-french-lime: #99ff33;
  --ol-lizard: #97ea21;
  --ol-lime-green: #33cc00;
  --ol-robinegg-blue: #00cccc;
  --ol-carolina-blue: #3399cc;
  --ol-saffron: #ff9933;
  --ol-sf-orange: #ff6633;
  --ol-tart-orange: #ff3333;
}

.header-page-19774 .header {
  padding: 0px 30px;
}
.header-page-19774 .header_right {
  width: auto;
}

.body-page-19774 {
  width: 100%;
  max-width: 100%;
  font-family: 'Archivo Medium', sans-serif;
  /* background-color: var(--ol-offwhite); */
}

.body-page-19774 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-19774 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19774 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19774 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19774 .col2  {
  display: none;
}

.body-page-19774 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-19774 .footer-propeller {
  position: relative;
  /* z-index: 11; */
  z-index: -1;
  padding: 0px 30px;
}

.body-page-19774 .small_swiper {
  display: none;
}

.body-page-19774, .page-19774 {
  width: 100%;
}

.page-19774 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-19774 .container, .body-page-19774 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.body-page-19774 .adaptive-header-image.-mobile {
    background-image: url('../images/outsidelands_header_mobile.gif') !important;
}

.body-page-19774 .adaptive-header-image.-desktop {

}

/* hide impact */
.page-19774 .climate_container {
  display: none;
}

/* Set up order */
.page-19774 #TakeActionWrapper {
  order: 1;
  margin-top: -175px;
}

.page-19774 .featuredActionsWrapper {
  order: 2;
}

.page-19774 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-19774.campaign-locked #TakeActionWrapper,
.page-19774.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-19774.campaign-locked #PrizesWrapper {
  display: block;
  margin-top: -175px;
}
@media screen and (min-width:550px) {
  .page-19774.campaign-locked #PrizesWrapper {
    margin-top: -187px;
  }
}
.page-19774.campaign-locked ~ .page-footer .ol-start-button {
  display: block !important;
}
.ol-start-button {
  display: none;
}


/* desc */

.page-19774 .ol-desc-outer {
  background-color: #FDF0E0;
  border-bottom: 1px solid black;
  width: 100%;
}

.page-19774 .ol-desc {
  /* background-color: var(--ol-offwhite); */
  background-color: #FDF0E0;
  display: flex;
  flex-direction:row;
  width: 100%;
  padding: 15px 15px 0px 15px;
  margin-top: -35px;
  position: relative;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;

}
@media screen and (min-width:550px) {
  .page-19774 .ol-desc {
    margin-top: -45px;
  }
}

.page-19774 .ol-desc .ol-desc-sec1 {
  text-align: left;
  z-index: 1;
  align-self: center;
}

.page-19774 .ol-desc p {
  font-family: 'Tablet Gothic Regular', sans-serif;
  color: black;
}

.page-19774 .ol-desc h2 {
  font-family: 'Gopher Black', sans-serif;
  text-transform: uppercase;
  color: var(--ol-sf-orange);
  /* color: blue; */
  width: 200px;
  font-size:25px;
}

.ol-start {
  --instruments-src: url('https://propeller.la/files/instruments.gif') !important;
}

.page-19774 .ol-desc img {
  margin-right: -90px;
  align-self: end;
  z-index: 0;
  margin-left: -20px;
  margin-top: 5px;
  --instruments-src: url('../images/instruments1.png');
  content: var(--instruments-src);
}
@media screen and (max-width:650px) {
  .page-19774 .ol-desc img {
    /* --instruments-src: url('https://propeller.la/files/instruments.gif'); */
  }
}


/* Take Action Section / Custom Rows */
.page-19774 .featuredActionsWrapper {
  padding-bottom: 130px;
  padding-top: 30px;

  /* background-image: url('../images/keep-taking-action-background.jpg');
  background-size: auto;
  background-position: center top; */
}

.page-19774 .featuredActionsWrapper:nth-child(3) {
  margin-top: -150px;
}

.page-19774 .featuredActionsWrapper:nth-child(3) .home-header-row {
  margin-bottom: 30px;
}

.page-19774 .campaigns.container-full {
  background-image: url('../images/keep-taking-action-background.jpg');
  background-size: auto;
  background-position: center;
  background-repeat: repeat-y;
  max-width: 1800px;
  margin-left:auto;
  margin-right:auto;
}

@media screen and (min-width:1200px) {
  .page-19774 .campaigns.container-full {
    background-size: contain;
    background-position: center top;
  }
}

@media screen and (min-width:550px) {
  .page-19774 #TakeActionWrapper {
    margin-top: -187px;
  }
}

.page-19774 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0px;
}

.page-19774 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  font-family: 'Gopher Black', sans-serif;
  margin-left: auto;
  margin-right: auto;
  color: var(--ol-offwhite);
  font-size: 50px;
  -webkit-text-stroke: 1px #2f1211;
  line-height: 50px;
  width: 90%;
}
.page-19774 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-19774 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: 'KEEP TAKING ACTION';
  font-size: 50px !important;
}

.page-19774 .featuredActionsWrapper .card-new-container {
  /* padding: 0; */
  margin-left: auto;
  margin-right: auto;
}

.page-19774 .featuredActionsWrapper .card-new {
  background-color: var(--ol-offwhite);
  border-radius: 20px;
  border: 2px solid black;
}

.page-19774 .featuredActionsWrapper .card-new-image {
  transform: scale(0.85);
}

.page-19774 .featuredActionsWrapper .card-new-icon-box,
.page-19774 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-19774 .featuredActionsWrapper .card-new-bar,
.page-19774 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-19774 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
  color: black;
  text-align: center;
  font-family: 'Tablet Gothic Regular', sans-serif;
  font-size: 16px;
  font-weight: 100;
  margin-top: -15px;
  margin-bottom: 10px;
}

.page-19774 .featuredActionsWrapper .card-new-info-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 65px;
}

.page-19774 .featuredActionsWrapper .card-new-points {
  position: absolute;
  color: var(--ol-tart-orange);
  text-align: center;
  width: 100%;
  bottom: 10px;
  font-size: 30px;
  font-family: 'Gopher Black', sans-serif;
  margin-left: -25px;
}

.page-19774 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-19774 .featuredActionsWrapper .card-auction-price {
  position: absolute;
  color: var(--ol-tart-orange);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 10px;
  font-size: 25px;
  font-family: 'Gopher Black', sans-serif;
  margin-left: -25px;
}

.page-19774 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--ol-tart-orange);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 10px;
  font-size: 25px;
  font-family: 'Gopher Black', sans-serif;
  margin-left: -25px;
}

.page-19774 .featuredActionsWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before {
  content: 'Donate to ';
}

.page-19774 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
  height: 100px !important;
}


.page-19774 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 310px;
  width: 170px;
  height: 90px;
  z-index: 8;
}
.page-19774 #TakeActionWrapper .slick-arrow,
.page-19774 #PrizesWrapper .slick-arrow {
  margin-top: 310px;
}
@media screen and (max-width:390px) {
  .page-19774 .featuredActionsWrapper .slick-arrow {
    width: 120px;
    height: 70px;
  }
}
.page-19774 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/yellow-arrow-left.png');
  background-position: center;
  background-size: contain;
  margin-left: 40px;
}

.page-19774 .featuredActionsWrapper .slick-next {
  background-image: url('../images/yellow-arrow-right.png');
  background-position: center;
  background-size: contain;
  margin-right: 40px;
}

.page-19774 #TakeActionWrapper:after {
  content: ' MORE ACTIONS ';
  font-family: 'Gopher Black', sans-serif;
  color: var(--ol-dark-brown);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
  text-align: center;
  font-size: 35px;
}

.page-19774 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: 'Gopher Black', sans-serif;
  color: var(--ol-dark-brown);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
  text-align: center;
  font-size: 35px;
}



/* Prizes Section */
.page-19774 #PrizesWrapper {
  background-image: url('../images/olwhatyoucanwin-background.png');
  background-size: cover;
  background-position: center;
}

.page-19774 #PrizesWrapper .carouselTitle {
  visibility: hidden;
}
.page-19774 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-19774 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  content: 'WHAT YOU CAN WIN';
  font-size: 50px !important;
  color: var(--ol-robinegg-blue);
}

.page-19774 #PrizesWrapper .card-new-points {
  color: var(--ol-kelly-green);
}

.page-19774 #PrizesWrapper .card-new-points:after {
  content:' ';
}


.page-19774 #PrizesWrapper:after {
  content: ' MORE REWARDS ';
  font-family: 'Gopher Black', sans-serif;
  color: var(--ol-bison-red);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
  text-align: center;
  font-size: 35px;
}

.page-19774 #PrizesWrapper .slick-prev {
  background-image: url('../images/ol-left-arrow.png');
  background-position: center;
  background-size: contain;
}

.page-19774 #PrizesWrapper .slick-next {
  background-image: url('../images/ol-right-arrow.png');
  background-position: center;
  background-size: contain;
}

/* mobile cards */
@media screen and (max-width:420px) {
  .page-19774 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -25px !important;
  }
}

@media screen and (max-width:450px) {
  .page-19774 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-19774 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-19774 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    padding: 15px !important;
    height: 130px !important;
  }

  .page-19774 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-19774 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -20px;

  }
}
/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-19774 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -10px;
  }
}

/* How it works */
.body-page-19774 .ol-hiw {
  background-image: url('../images/ol-howitworks-background.jpg');
  background-size: auto;
  background-position: center top;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--ol-dark-brown);
  margin-top: -40px;
}

.ol-hiw-title {
  text-align: center;
  font-family: 'Gopher Black', sans-serif;
  margin-left: auto;
  margin-right: auto;
  color: var(--ol-maize);
  font-size: 50px;
  -webkit-text-stroke: 1px #2f1211;
  line-height: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.ol-hiw-cont {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;

}

.ol-hiw-sec {
  /* background-image: url('../images/howitworks-container.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; */
  background-color: var(--ol-offwhite);
  border: 1px solid var(--ol-dark-brown);
  border-radius: 20px;
  padding: 20px;
  margin-top: 30px;
}

.ol-hiw-sec img {
  width: auto;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
}

.ol-hiw-sec h2 {
  font-family: 'Gopher Black', sans-serif;
  text-align: center;
  font-size: 35px;
}
.ol-hiw-sec:nth-child(1) h2 {
  color: var(--ol-blue);
}
.ol-hiw-sec:nth-child(2) h2 {
  color: var(--ol-orange);
}
.ol-hiw-sec:nth-child(3) h2 {
  color: var(--ol-kelly-green);
}

.ol-hiw-sec p {
  font-family: 'Tablet Gothic Regular', sans-serif;
  text-align: center;
  color: var(--ol-dark-brown);
  font-size: 22px;
}

/* partners */
.ol-partners {
  width: 100%;
  background-image: url('../images/olpartners-background.jpg');
  background-size: auto;
  padding-top: 30px;
  padding-bottom: 70px;
}

.ol-partners-title {
  text-align: center;
  font-family: 'Gopher Black', sans-serif;
  margin-left: auto;
  margin-right: auto;
  color: var(--ol-lizard);
  font-size: 50px;
  -webkit-text-stroke: 1px #2f1211;
  line-height: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.ol-partners-logo-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  /* padding-top: 10px; */
}

.ol-partners-logo-cont div {
  background-color: var(--ol-offwhite);
  width: 45%;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  border: 1px solid var(--ol-dark-brown);
  margin-top: 35px;
  padding: 10px;
}

.ol-partners-logo-cont img {
  object-fit: contain;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
}

.ol-prop-cont {
  width: 100%;
  max-width: 100%;
  position: relative;
  background-color: black;
  padding: 40px 30px;
}

.ol-prop-cont img {
  max-width: 70%;
  width: 200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* start button */
.ol-start-button {
  position: fixed;
  bottom: -10px;
  left: 0;
}

.ol-start-button img {
  object-fit: contain;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
}

/* outside lands desktop */
@media screen and (min-width: 1100px) {
  .ol-hiw-cont {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1280px;
  }

  .ol-hiw-sec {
    width: 330px;
  }
}

@media screen and (min-width:650px) {
  .page-19774 .ol-desc img {
    margin-right: 0px;
    margin-left: 0px;
  }

  .page-19774 .ol-desc h2 {
    width: auto;
    color: var(--ol-kelly-green);
    font-size: 28px;
  }

  .page-19774 .featuredActionsWrapper {
    background-size: cover;
  }

  .page-19774 #TakeActionWrapper .slick-arrow,
  .page-19774 #PrizesWrapper .slick-arrow,
  .page-19774 .featuredActionsWrapper .slick-arrow {
    margin-top: 280px;
  }

  .page-19774 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 300px);
  }
  .page-19774 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 300px);
  }

  .page-19774 #PrizesWrapper:after,
  .page-19774 #TakeActionWrapper:after,
  .page-19774 .featuredActionsWrapper:after {
    bottom: -30px;
  }

  .ol-partners-logo-cont div {
    width: 300px;
    height: 150px;
    margin: 35px 30px;
  }

  .ol-start-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    left: unset;
  }

  .ol-start-button img {
    object-fit: contain;
    margin-right: auto;
    margin-left: auto;
    width: 350px;
    height: auto;
  }

}

/* End Outside Lands */

/* Outside Lands Copy - 21589 */
.body-page-21589 {
  /* color vars for Outside Lands (OL) */
  /* primary */
  --ol-kelly-green: #339900;
  --ol-blue: #0066cc;
  --ol-orange: #ef613b;
  --ol-yellow: #ffcc33;
  --ol-bison-red: #660000;
  --ol-dark-brown: #330000;
  --ol-offwhite: #fbf6eb;
  --ol-dark-green: #336600;
  --ol-peach: #fedc94;
  --ol-maize: #ffcc66;
  /* secondary */
  --ol-french-lime: #99ff33;
  --ol-lizard: #97ea21;
  --ol-lime-green: #33cc00;
  --ol-robinegg-blue: #00cccc;
  --ol-carolina-blue: #3399cc;
  --ol-saffron: #ff9933;
  --ol-sf-orange: #ff6633;
  --ol-tart-orange: #ff3333;
}

.header-page-21589 .header {
  padding: 0px 30px;
}
.header-page-21589 .header_right {
  width: auto;
}

.body-page-21589 {
  width: 100%;
  max-width: 100%;
  font-family: 'Archivo Medium', sans-serif;
  /* background-color: var(--ol-offwhite); */
}

.body-page-21589 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21589 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21589 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21589 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21589 .col2  {
  display: none;
}

.body-page-21589 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-21589 .footer-propeller {
  position: relative;
  /* z-index: 11; */
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21589 .small_swiper {
  display: none;
}

.body-page-21589, .page-21589 {
  width: 100%;
}

.page-21589 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21589 .container,
.body-page-21589 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.body-page-21589 .adaptive-header-image.-mobile {
    background-image: url('../images/outsidelands_header_mobile.gif') !important;
}

.body-page-21589 .adaptive-header-image.-desktop {

}

/* hide impact */
.page-21589 .climate_container {
  display: none;
}

/* Set up order */
.page-21589 #TakeActionWrapper {
  order: 1;
  margin-top: -175px;
}

.page-21589 .featuredActionsWrapper {
  order: 2;
}

.page-21589 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-21589.campaign-locked #TakeActionWrapper,
.page-21589.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21589.campaign-locked #PrizesWrapper {
  display: block;
  margin-top: -175px;
}
@media screen and (min-width:550px) {
  .page-21589.campaign-locked #PrizesWrapper {
    margin-top: -187px;
  }
}
.page-21589.campaign-locked ~ .page-footer .ol-start-button {
  display: block !important;
}
.ol-start-button {
  display: none;
}


/* desc */

.page-21589 .ol-desc-outer {
  background-color: #FDF0E0;
  border-bottom: 1px solid black;
  width: 100%;
}

.page-21589 .ol-desc {
  /* background-color: var(--ol-offwhite); */
  background-color: #FDF0E0;
  display: flex;
  flex-direction:row;
  width: 100%;
  padding: 15px 15px 0px 15px;
  margin-top: -35px;
  position: relative;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;

}
@media screen and (min-width:550px) {
  .page-21589 .ol-desc {
    margin-top: -45px;
  }
}

.page-21589 .ol-desc .ol-desc-sec1 {
  text-align: left;
  z-index: 1;
  align-self: center;
}

.page-21589 .ol-desc p {
  font-family: 'Tablet Gothic Regular', sans-serif;
  color: black;
}

.page-21589 .ol-desc h2 {
  font-family: 'Gopher Black', sans-serif;
  text-transform: uppercase;
  color: var(--ol-sf-orange);
  /* color: blue; */
  width: 200px;
  font-size:25px;
}

.ol-start {
  --instruments-src: url('https://propeller.la/files/instruments.gif') !important;
}

.page-21589 .ol-desc img {
  margin-right: -90px;
  align-self: end;
  z-index: 0;
  margin-left: -20px;
  margin-top: 5px;
  --instruments-src: url('../images/instruments1.png');
  content: var(--instruments-src);
}
@media screen and (max-width:650px) {
  .page-21589 .ol-desc img {
    /* --instruments-src: url('https://propeller.la/files/instruments.gif'); */
  }
}


/* Take Action Section / Custom Rows */
.page-21589 .featuredActionsWrapper {
  padding-bottom: 130px;
  padding-top: 30px;

  /* background-image: url('../images/keep-taking-action-background.jpg');
  background-size: auto;
  background-position: center top; */
}

.page-21589 .featuredActionsWrapper:nth-child(3) {
  margin-top: -150px;
}

.page-21589 .featuredActionsWrapper:nth-child(3) .home-header-row {
  margin-bottom: 30px;
}



.page-21589 .campaigns.container-full {
  /* background-image: url('../images/keep-taking-action-background.jpg'); */
  background-image: url('../images/keep-taking-action-background-2.jpg');
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
  max-width: 1800px;
  margin-left:auto;
  margin-right:auto;
}

@media screen and (min-width:1200px) {
  .page-21589 .campaigns.container-full {
    background-size: 50%;
    background-position: center top;
  }
}

@media screen and (min-width:550px) {
  .page-21589 #TakeActionWrapper {
    margin-top: -187px;
  }
}

.page-21589 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0px;
}

.page-21589 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  font-family: 'Gopher Black', sans-serif;
  margin-left: auto;
  margin-right: auto;
  color: var(--ol-offwhite);
  font-size: 50px;
  -webkit-text-stroke: 1px #2f1211;
  line-height: 50px;
  width: 90%;
}
.page-21589 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-21589 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: 'KEEP TAKING ACTION';
  font-size: 50px !important;
}

.page-21589 .featuredActionsWrapper .card-new-container {
  /* padding: 0; */
  margin-left: auto;
  margin-right: auto;
}

.page-21589 .featuredActionsWrapper .card-new {
  background-color: var(--ol-offwhite);
  border-radius: 20px;
  border: 2px solid black;
}

.page-21589 .featuredActionsWrapper .card-new-image {
  transform: scale(0.85);
}

.page-21589 .featuredActionsWrapper .card-new-icon-box,
.page-21589 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-21589 .featuredActionsWrapper .card-new-bar,
.page-21589 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-21589 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
  color: black;
  text-align: center;
  font-family: 'Tablet Gothic Regular', sans-serif;
  font-size: 16px;
  font-weight: 100;
  margin-top: -15px;
  margin-bottom: 10px;
}

.page-21589 .featuredActionsWrapper .card-new-info-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 65px;
}

.page-21589 .featuredActionsWrapper .card-new-points {
  position: absolute;
  color: var(--ol-tart-orange);
  text-align: center;
  width: 100%;
  bottom: 10px;
  font-size: 30px;
  font-family: 'Gopher Black', sans-serif;
  margin-left: -25px;
}

.page-21589 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-21589 .featuredActionsWrapper .card-auction-price {
  position: absolute;
  color: var(--ol-tart-orange);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 10px;
  font-size: 25px;
  font-family: 'Gopher Black', sans-serif;
  margin-left: -25px;
}

.page-21589 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--ol-tart-orange);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 10px;
  font-size: 25px;
  font-family: 'Gopher Black', sans-serif;
  margin-left: -25px;
}

.page-21589 .featuredActionsWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before {
  content: 'Donate to ';
}

.page-21589 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
  height: 100px !important;
}

.page-21589 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 310px;
  width: 170px;
  height: 90px;
  z-index: 8;
}
.page-21589 #TakeActionWrapper .slick-arrow,
.page-21589 #PrizesWrapper .slick-arrow {
  margin-top: 310px;
}
@media screen and (max-width:390px) {
  .page-21589 .featuredActionsWrapper .slick-arrow {
    width: 120px;
    height: 70px;
  }
}
.page-21589 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/yellow-arrow-left.png');
  background-position: center;
  background-size: contain;
  margin-left: 40px;
}

.page-21589 .featuredActionsWrapper .slick-next {
  background-image: url('../images/yellow-arrow-right.png');
  background-position: center;
  background-size: contain;
  margin-right: 40px;
}


.page-21589 #TakeActionWrapper:after {
  content: ' MORE ACTIONS ';
  font-family: 'Gopher Black', sans-serif;
  color: var(--ol-dark-brown);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
  text-align: center;
  font-size: 35px;
}

.page-21589 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-21589 .featuredActionsWrapper:after {
  content: var(--more-content);
  font-family: 'Gopher Black', sans-serif;
  color: var(--ol-dark-brown);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
  text-align: center;
  font-size: 35px;
}

/* Prizes Section */
.page-21589 #PrizesWrapper {
  background-image: url('../images/olwhatyoucanwin-background.png');
  background-size: cover;
  background-position: center;
}

.page-21589 #PrizesWrapper .carouselTitle {
  visibility: hidden;
}
.page-21589 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-21589 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  content: 'AUCTIONS & OTHER REWARDS';
  font-size: 50px !important;
  color: var(--ol-robinegg-blue);
}

.page-21589 #PrizesWrapper .card-new-points {
  color: var(--ol-kelly-green);
}

.page-21589 #PrizesWrapper .card-new-points:after {
  content:' ';
}

.page-21589 #PrizesWrapper {
  --more-content: ' MORE REWARDS ';
}

.page-21589 #PrizesWrapper:after {
  content: var(--more-content);
  font-family: 'Gopher Black', sans-serif;
  color: var(--ol-bison-red);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
  text-align: center;
  font-size: 35px;
}

.page-21589 #PrizesWrapper .slick-prev {
  background-image: url('../images/ol-left-arrow.png');
  background-position: center;
  background-size: contain;
}

.page-21589 #PrizesWrapper .slick-next {
  background-image: url('../images/ol-right-arrow.png');
  background-position: center;
  background-size: contain;
}

/* mobile cards */
@media screen and (max-width:420px) {
  .page-21589 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -25px !important;
  }
}

@media screen and (max-width:450px) {
  .page-21589 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21589 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-21589 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    padding: 15px !important;
    height: 130px !important;
  }

  .page-21589 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-21589 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -20px;

  }
}
/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-21589 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -10px;
  }
}

/* How it works */
.body-page-21589 .ol-hiw {
  background-image: url('../images/ol-howitworks-background.jpg');
  background-size: auto;
  background-position: center top;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--ol-dark-brown);
  margin-top: -40px;
}

.ol-hiw-title {
  text-align: center;
  font-family: 'Gopher Black', sans-serif;
  margin-left: auto;
  margin-right: auto;
  color: var(--ol-maize);
  font-size: 50px;
  -webkit-text-stroke: 1px #2f1211;
  line-height: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.ol-hiw-cont {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;

}

.ol-hiw-sec {
  /* background-image: url('../images/howitworks-container.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; */
  background-color: var(--ol-offwhite);
  border: 1px solid var(--ol-dark-brown);
  border-radius: 20px;
  padding: 20px;
  margin-top: 30px;
}

.ol-hiw-sec img {
  width: auto;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
}

.ol-hiw-sec h2 {
  font-family: 'Gopher Black', sans-serif;
  text-align: center;
  font-size: 35px;
}
.ol-hiw-sec:nth-child(1) h2 {
  color: var(--ol-blue);
}
.ol-hiw-sec:nth-child(2) h2 {
  color: var(--ol-orange);
}
.ol-hiw-sec:nth-child(3) h2 {
  color: var(--ol-kelly-green);
}

.ol-hiw-sec p {
  font-family: 'Tablet Gothic Regular', sans-serif;
  text-align: center;
  color: var(--ol-dark-brown);
  font-size: 22px;
}

/* partners */
.ol-partners {
  width: 100%;
  background-image: url('../images/olpartners-background.jpg');
  background-size: auto;
  padding-top: 30px;
  padding-bottom: 70px;
}

.ol-partners-title {
  text-align: center;
  font-family: 'Gopher Black', sans-serif;
  margin-left: auto;
  margin-right: auto;
  color: var(--ol-lizard);
  font-size: 50px;
  -webkit-text-stroke: 1px #2f1211;
  line-height: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.ol-partners-logo-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  /* padding-top: 10px; */
}

.ol-partners-logo-cont div {
  background-color: var(--ol-offwhite);
  width: 45%;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  border: 1px solid var(--ol-dark-brown);
  margin-top: 35px;
  padding: 10px;
}

.ol-partners-logo-cont img {
  object-fit: contain;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
}

.ol-prop-cont {
  width: 100%;
  max-width: 100%;
  position: relative;
  background-color: black;
  padding: 40px 30px;
}

.ol-prop-cont img {
  max-width: 70%;
  width: 200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* start button */
.ol-start-button {
  position: fixed;
  bottom: -10px;
  left: 0;
}

.ol-start-button img {
  object-fit: contain;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
}

/* outside lands desktop */
@media screen and (min-width: 1100px) {
  .ol-hiw-cont {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1280px;
  }

  .ol-hiw-sec {
    width: 330px;
  }
}

@media screen and (min-width:650px) {
  .page-21589 .ol-desc img {
    margin-right: 0px;
    margin-left: 0px;
  }

  .page-21589 .ol-desc h2 {
    width: auto;
    color: var(--ol-kelly-green);
    font-size: 28px;
  }

  .page-21589 .featuredActionsWrapper {
    background-size: cover;
  }

  .page-21589 #TakeActionWrapper .slick-arrow,
  .page-21589 #PrizesWrapper .slick-arrow,
  .page-21589 .featuredActionsWrapper .slick-arrow {
    margin-top: 280px;
  }

  .page-21589 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 300px);
  }
  .page-21589 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 300px);
  }

  .page-21589 #PrizesWrapper:after,
  .page-21589 #TakeActionWrapper:after,
  .page-21589 .featuredActionsWrapper:after {
    bottom: -30px;
  }

  .ol-partners-logo-cont div {
    width: 300px;
    height: 150px;
    margin: 35px 30px;
  }

  .ol-start-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    left: unset;
  }

  .ol-start-button img {
    object-fit: contain;
    margin-right: auto;
    margin-left: auto;
    width: 350px;
    height: auto;
  }

}

/* End Outside Lands Copy */

/* Shawn Mendes Campaign - 19777 */

.body-page-19777 {
  /* color/font vars for Shawn Mendes */
  --shawnmendes-orange: #fa5a23;
  --shawnmendes-offwhite: #d8b7a1;

  --smtitle-font: 'ITCKabel Bold', sans-serif;
  --smtext-font: 'ITCKabel Medium', sans-serif;
}

.page-19777 p {
  font-family: var(--smtext-font);
}

.page-19777 h1 {
  font-family: var(--smtitle-font);
}

.header-page-19777 .header {
  padding: 0px 30px;
}
.header-page-19777 .header_right {
  width: auto;
}

.body-page-19777 {
  width: 100%;
  max-width: 100%;
  background-color: black;
}

.body-page-19777 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-19777 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19777 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19777 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}
.body-page-19777 .wGutter.right {
  display: none;
}

.body-page-19777 .col2  {
  display: none;
}

.body-page-19777 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-19777 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-19777 .small_swiper {
  display: none;
}

.body-page-19777, .page-19777 {
  width: 100%;
}

.page-19777 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: black;
}

.page-19777 .container, .body-page-19777 .container {
  max-width: 1800px;
  width: 100%;
  z-index: 1;
}

.body-page-19777 .adaptive-header-image.-mobile {
    background-image: url('../images/shawnmendes_header_mobile.gif') !important;
}

.body-page-19777 .adaptive-header-image.-desktop {
  background-image: url('../images/shawnmendes_header_desktop.gif') !important;
}

/* hide impact */
.page-19777 .climate_container {
  display: none;
}

/* Set up order */
.page-19777 #TakeActionWrapper {
  order: 1;
  margin-top: -175px;
}

.page-19777 .featuredActionsWrapper {
  order: 2;
}

.page-19777 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-19777.campaign-locked #TakeActionWrapper,
.page-19777.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-19777.campaign-locked #PrizesWrapper {
  display: block;
  /* margin-top: -175px; */
}
@media screen and (min-width:550px) {
  .page-19777.campaign-locked #PrizesWrapper {
    /* margin-top: -187px; */
  }
}
.page-19777.campaign-locked ~ .page-footer .shawnm-start {
  display: block !important;
}
.shawnm-start {
  display: none;
}
/* points under rewards */
.page-19777.campaign-locked .featuredActionsWrapper .card-new-points,
.page-19777.campaign-locked .featuredActionsWrapper .card-auction-price,
.page-19777.campaign-locked .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
 display: none;
}

.page-19777.campaign-locked .featuredActionsWrapper .card-new-info-container {
  height: 110px;
  -webkit-line-clamp: 4;
}
@media screen and (max-width:450px) {
  .page-19777.campaign-locked .featuredActionsWrapper .card-new-info-container {
    height: 120px;
  }
}

.page-19777 .shawnm-desc {
  text-align: left;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  /* margin-bottom: -80px; */
}

.page-19777 .shawnm-desc p {
  font-family: var(--smtext-font);
  font-size: 18px;
  color: var(--shawnmendes-offwhite);
}

.page-19777 .shawnm-desc h2 {
  font-family: var(--smtext-font);
  font-size: 40px;
  font-weight: 100;
  line-height: 38px;
  color: var(--shawnmendes-orange);
  width: 300px;
}


/* carousels */
.page-19777.campaign-locked #PrizesWrapper .card-new-link {
  pointer-events: none;
}

.page-19777 .featuredActionsWrapper {
  background-color: black;
  padding-top: 30px;
  padding-bottom: 50px;
}

.page-19777 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  text-align: center;
  margin-bottom: 0px;
}

.page-19777 .featuredActionsWrapper .carouselTitle {
  color: var(--shawnmendes-offwhite);
  /* -webkit-text-stroke: 1px var(--shawnmendes-orange); */
  text-shadow: 0 0 2px var(--shawnmendes-orange), 0 0 4px var(--shawnmendes-orange);
  font-family: var(--smtext-font);
  font-weight: 100;
  text-align: center;
  font-size: 38px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.page-19777 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-19777 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  content: '';
  display: block;
  background-image: url('../images/shawnmendes-keeptakingaction.gif');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  height: 100px;
  width: auto;
}

.page-19777 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-19777 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  content: '';
  display: block;
  background-image: url('../images/what-you-can-earn.gif');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  height: 100px;
  width: auto;
}

.page-19777 .featuredActionsWrapper .slick-track {
  padding-bottom: 10px;
  padding-top: 10px;
  height: 500px;
}


/* .page-19777 .featuredActionsWrapper:nth-child(7) .slick-track {
  transform: none !important;
}

.page-19777 .featuredActionsWrapper:nth-child(7):after {
  content: '';
}

.page-19777.campaign-locked .featuredActionsWrapper:nth-child(7):after {
  content: ' MORE ';
}

.page-19777.campaign-locked .featuredActionsWrapper:nth-child(7) .slick-track {
  transform: auto;
}  */


.page-19777 .featuredActionsWrapper .card-new {
  background-color: black;
}

.page-19777 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}

.page-19777 .slick-current.slick-center .card-new-image {
  transform: scale(1.2);
  z-index:5;
  position:relative;
  /* margin-top: -10px; */
}
.page-19777 .slick-current.slick-center .card-new-info {
  margin-top: 30px;
}

.page-19777 .card-new-image {
  transition: transform 0.3s;
}
.page-19777 .card-new-info {
  transition: margin-top 0.3s;
}

@media screen and (min-width: 680px) and (max-width: 1080px) {
  .page-19777 .slick-current.slick-center .card-new-image {
    transform: scale(1);
    /* margin-top: -10px; */
  }
  .page-19777 .slick-current.slick-center .card-new-info {
    margin-top: 0px;
  }
}


.page-19777 .featuredActionsWrapper .card-new-icon-box,
.page-19777 #PrizesWrapper .card-new-description  {
  display: none;
}

.page-19777 .featuredActionsWrapper .card-new-description {
  color: var(--shawnmendes-orange);
  position: absolute;
  bottom: 130px;
  z-index: 5;
  text-align: center;
  width: 80%;
  font-family: var(--smtitle-font);
}

.page-19777 .featuredActionsWrapper .card-new-bar,
.page-19777 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-19777 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
  color: black;
  text-align: center;
  font-family: var(--smtext-font);
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 30px;
  padding: 15px 0px;
}

.page-19777 .featuredActionsWrapper .card-new-info-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: var(--shawnmendes-offwhite);
  overflow: hidden;
  height: 90px;
  text-transform: uppercase;
  margin-top: 20px;
}
@media screen and (min-width:450px) and (max-width: 650px) {
  .page-19777 .featuredActionsWrapper .card-new-info-container {
    height: 70px;
  }
}

.page-19777 .featuredActionsWrapper .card-new-points {
  position: absolute;
  color: var(--shawnmendes-orange);
  text-align: center;
  width: 100%;
  bottom: -20px;
  font-size: 30px;
  font-family: var(--smtitle-font);
  margin-left: -25px;
}

.page-19777 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-19777 #PrizesWrapper .card-new-points:after {
  content:'';
}

.page-19777 .featuredActionsWrapper .card-auction-price {
  position: absolute;
  color: var(--shawnmendes-orange);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: -20px;
  font-size: 25px;
  font-family: var(--smtitle-font);
  margin-left: -25px;
}

.page-19777 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  color: var(--shawnmendes-orange);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: -20px;
  font-size: 25px;
  font-family: var(--smtitle-font);
  margin-left: -25px;
}

.page-19777 .featuredActionsWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before {
  content: 'Donate to ';
}

.page-19777 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
  height: 110px !important;
}

@media screen and (max-width:650px) {
  .page-19777 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
    height: 120px !important;
  }
}

.page-19777 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-19777 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}


.page-19777 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-19777 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/shawnmendes-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 40px;
}

.page-19777 .featuredActionsWrapper .slick-next {
  background-image: url('../images/shawnmendes-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 40px;
}

.page-19777 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--smtext-font);
  color: var(--shawnmendes-offwhite);
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -10px;
  display: block;
  text-align: center;
  font-size: 30px;
  text-shadow: 0 0 3px var(--shawnmendes-orange), 0 0 6px var(--shawnmendes-offwhite);
}

.page-19777 #TakeActionWrapper:after {
  content: ' ';
  background-image: url('../images/shawnmendes-more-prizes.png'); /* temporary */
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 280px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
}

.page-19777 #PrizesWrapper:after {
  content: ' ';
  background-image: url('../images/shawnmendes-more-prizes.png'); /* temporary */
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 280px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-19777 #PrizesWrapper .card-new-points,
  .page-19777 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -25px !important;
  }
  .page-19777 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-19777 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-19777 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-19777 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-19777 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    padding: 15px 0px !important;
    height: 130px !important;
  }

  .page-19777 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-19777 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -15px;
  }
  .page-19777 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-19777 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}
@media screen and (max-width:500px) {
  .page-19777 #PrizesWrapper:after,
  .page-19777 #TakeActionWrapper:after {
    width: 240px;
    height: 40px;
    bottom: -12px;
  }
}
/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-19777 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -10px;
  }
}


/* how it works */
.body-page-19777 .page-footer {
  background-color: black;
  margin-top: -15px;
}

.shawnm-hiw {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shawnm-hiw-title {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.shawnm-hiw-sec-cont {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.shawnm-hiw-sec {
  margin: 20px 0px;
}

.shawnm-sec-img {
  max-width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  position:relative;
  z-index: 0;
}

.shawnm-fadein {
  animation: sfadein 2s 1s forwards;
}

@keyframes sfadein {
  to {
    opacity: 1;
  }
}

.shawnm-sec-title {
  width: 90%;
  max-width: 500px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  margin-top: -60px;
  position: relative;
  z-index: 1;
}

.shawnm-hiw-sec p {
  text-align: center;
  font-size: 25px;
  font-family: var(--smtext-font);
  color: var(--shawnmendes-offwhite);
  padding-top: 20px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

/* partners */
.shawnm-partners {
  background-color: black;
}

.shawnm-partners-title {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.shawnm-logo-cont {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 95%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
  align-items: center;
  justify-content: space-around;
}

.shawnm-logo-cont div {
  /* background-color: rgba(251, 251, 251, 0.5); */
  box-shadow: 0 0 8px #E8692c;
  background-color: #fce1c3;
  border-radius: 50%;
  height: 170px;
  width: 170px;
  margin: 15px 15px;
  display: flex;
}

.shawnm-logo-cont div img {
  border-radius: 50%;
  height: 150px;
  width: 150px;
  /* margin: 15px 25px; */
  padding: 8px;
  object-fit: contain;
  align-self: center;
  margin-left:auto;
  margin-right:auto;
}

.shawnm-logo-cont div .smlim {
  height: 140px;
  width: 170px;
  padding: 10px;
  margin-bottom: 15px;
}

.shawnm-logo-cont div .smhrc {
  margin-left: 12px;
}

.shawnm-prop-logo {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}

.shawnm-prop-logo img {
  width: 75%;
  max-width: 300px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

/* start button */
.shawnm-start {
  position: fixed;
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  z-index: 5;
}

.shawnm-start img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

/* Shawn Mendes Desktop */
@media screen and (min-width: 650px) {
  .page-19777 .shawnm-desc {
    text-align: center;
  }
  .page-19777 .shawnm-desc h2 {
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }

  .page-19777 #PrizesWrapper .carouselTitle:after,
  .page-19777 #TakeActionWrapper .carouselTitle:after {
    height: 140px;
    width: auto;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-19777 .featuredActionsWrapper .carouselTitle {
    font-size: 60px;
  }

  .page-19777 .featuredActionsWrapper .card-new-info {
    font-size: 20px;
  }

  .page-19777 .featuredActionsWrapper .card-new-info-container {
    height: 78px;
  }

  .page-19777 .featuredActionsWrapper .card-new-points,
  .page-19777 .featuredActionsWrapper .card-auction-price,
  .page-19777 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
    bottom: -10px;
  }

  .page-19777 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 210px);
  }

  .page-19777 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 210px);
  }

  .shawnm-start {
    bottom: 30px;
    right: 50px;
    left: unset;
    width: 350px;
  }

  .shawnm-start img {
    width: 100%;
  }

}
@media screen and (min-width:1000px) {
  .shawnm-hiw-sec-cont {
    flex-direction: row;
    justify-content: space-evenly;
    width: 95%;
  }
  .shawnm-hiw-sec {
    width: 30%;
  }
  .shawnm-sec-title {
    margin-top: -40px;
  }
  .shawnm-hiw-sec p {
    font-size: 22px;
  }
}


/* Shawn Mendes Tour Dates Page */
.body-page-19876 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-19876 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19876 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19876 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19876 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-19876 .page-footer {
  width: 100% !important;
}

.body-page-19876 .small_swiper {
  display: none;
}

.body-page-19876, .page-19876 {
  width: 100%;
  background-color: black;
}
.page-19876 .campaign_headline_big {
  display: none;
}

.page-19876 .climate_container {
  display: none;
}

.page-19876 {
  width: 100%;
}

.body-page-19876 .adaptive-header-image.-mobile {
  background-image: url('../images/shawnmendes_header_mobile.gif') !important;
}

.body-page-19876 .adaptive-header-image.-desktop {
background-image: url('../images/shawnmendes_header_desktop.gif') !important;
}

.page-19876 .shawnm-tour-desc {
  color: #FCE1C3;
  text-align: left;
  font-family: 'ITCKabel Medium', sans-serif;
  font-size: 18px;
  padding: 10px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.page-19876 .shawnm-tour-desc p {
  line-height: 26px;
  margin-bottom: 2rem;
}

.page-19876 .shawnm-tour-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.page-19876 .shawnm-tour-sec {
  padding-bottom: 50px;
  font-family: 'ITCKabel Medium', sans-serif;
}

/* text glow */
.page-19876 .shawnm-tour-sec h2,
.page-19876 .shawnm-tour-sec h1 {
  text-shadow: 0 0 5px #E8692C, 0 0 8px #E8692C;
  font-family: 'ITCKabel Medium', sans-serif;
  font-weight: 100;
}

.page-19876 .shawnm-tour-sec h2 {
  margin-bottom: 0px;
  color: #FCE1C3;
  font-size:28px;
}

.page-19876 .shawnm-tour-sec h1 {
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #FCE1C3;
  font-size: 34px;
  margin-top: 5px;
}

.page-19876 .shawnm-tour-sec p {
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 25px;
  color: #D14B1D;
  margin-top: 5px;
}

.page-19876 .sm-tour-button img {
  margin-left: auto;
  margin-right: auto;
  height:45px;
  width: auto;
  margin-top: 5px;
}

@media screen and (min-width:650px) {
  .page-19876 .container {
    width: 100%;
    max-width: 1700px;
  }

  .page-19876 .shawnm-tour-cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
  }

  .page-19876 .shawnm-tour-sec {
    width: 380px;
    padding: 30px;
    align-self: center;
  }
}

/* End Shawn Mendes Tour Dates */

/* Shawn Mendes VIP */
.body-page-19877 .col1 {
  /* display: none; */
  width: 100% !important;
  text-align: center;
}

.body-page-19877 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-19877 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-19877 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-19877 .col2  {
  /* width: 100% !important; */
  display: none;
}

.body-page-19877 .page-footer {
  width: 100% !important;
}

.body-page-19877 .small_swiper {
  display: none;
}

.body-page-19877, .page-19877 {
  width: 100%;
  background-color: black;
}
.page-19877 .campaign_headline_big {
  display: none;
}

.page-19877 .climate_container {
  display: none;
}

.page-19877 {
  width: 100%;
}

.body-page-19877 .adaptive-header-image.-mobile {
  background-image: url('../images/shawnmendes_header_mobile.gif') !important;
}

.body-page-19877 .adaptive-header-image.-desktop {
background-image: url('../images/shawnmendes_header_desktop.gif') !important;
}

.page-19877 .shawnm-tour-desc {
  color: #FCE1C3;
  text-align: left;
  font-family: 'ITCKabel Medium', sans-serif;
  font-size: 18px;
  padding: 10px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.page-19877 .shawnm-tour-desc p {
  line-height: 26px;
  margin-bottom: 2rem;
}

.page-19877 .shawnm-tour-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.page-19877 .shawnm-tour-sec {
  padding-bottom: 50px;
  font-family: 'ITCKabel Medium', sans-serif;
}

/* text glow */
.page-19877 .shawnm-tour-sec h2,
.page-19877 .shawnm-tour-sec h1 {
  text-shadow: 0 0 5px #E8692C, 0 0 8px #E8692C;
  font-family: 'ITCKabel Medium', sans-serif;
  font-weight: 100;
}

.page-19877 .shawnm-tour-sec h2 {
  margin-bottom: 0px;
  color: #FCE1C3;
  font-size:28px;
}

.page-19877 .shawnm-tour-sec h1 {
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #FCE1C3;
  font-size: 34px;
  margin-top: 5px;
}

.page-19877 .shawnm-tour-sec p {
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 25px;
  color: #D14B1D;
  margin-top: 5px;
}

.page-19877 .sm-tour-button img {
  margin-left: auto;
  margin-right: auto;
  height:45px;
  width: auto;
  margin-top: 5px;
}

@media screen and (min-width:650px) {
  .page-19877 .container {
    width: 100%;
    max-width: 1700px;
  }

  .page-19877 .shawnm-tour-cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
  }

  .page-19877 .shawnm-tour-sec {
    width: 380px;
    padding: 30px;
    align-self: center;
  }
}
/* End Shawn Mendes VIP */

/* Shawn Mendes Events - 20862 */

.body-page-20862 {
  /* color/font vars for Shawn Mendes */
  --shawnmendes-orange: #fa5a23;
  --shawnmendes-offwhite: #d8b7a1;

  --smtitle-font: 'ITCKabel Bold', sans-serif;
  --smtext-font: 'ITCKabel Medium', sans-serif;
}

.body-page-20862 .event-intro {
  color: var(--shawnmendes-orange);
  font-family: var(--smtext-font);
}

.body-page-20862 .event-title {
  font-family: var(--smtext-font);
  color: var(--shawnmendes-offwhite);
  font-weight: 500;
  padding: 10px 0px 8px 0px;
}

.body-page-20862 .read-more-button {
  color: var(--shawnmendes-orange);
  font-family: var(--smtext-font);
  font-size: 16px;
}

.body-page-20862 .read-more-button:hover {
  border: 2px solid var(--shawnmendes-orange);
}

.body-page-20862 .event-actions-landing .paragraph-text,
.body-page-20862 .event-desktop-top .paragraph-text,
.body-page-20862 .read-more-text {
  color: var(--shawnmendes-offwhite);
  font-family: var(--smtext-font);
}

.body-page-20862 .event-stars,
.body-page-20862 .stars-border-top,
.body-page-20862 .stars-border-bottom {
  /* filter: brightness(0) invert(44%) sepia(98%) saturate(2608%) hue-rotate(347deg) brightness(99%) contrast(97%); */
  filter: brightness(0) invert(100%) sepia(23%) saturate(4098%) hue-rotate(300deg) brightness(85%) contrast(98%);
}

.body-page-20862 .event-take-action-title,
.body-page-20862 .event-down-arrow {
  /* filter: brightness(0) invert(100%) sepia(23%) saturate(4098%) hue-rotate(300deg) brightness(85%) contrast(98%); */
  filter: brightness(0) invert(44%) sepia(98%) saturate(2608%) hue-rotate(347deg) brightness(99%) contrast(97%);
}

.body-page-20862 .event-take-action-desc {
  color: var(--shawnmendes-offwhite);
  font-family: var(--smtext-font);
}

.body-page-20862 .actiond-container {
  /* filter: brightness(0) invert(44%) sepia(98%) saturate(2608%) hue-rotate(347deg) brightness(99%) contrast(97%); */
  background-image: none;
}

.body-page-20862 .act-entries-com {
  color: var(--shawnmendes-orange) !important;
  font-family: var(--smtext-font);
}

.body-page-20862 .act_entries {
  color: var(--shawnmendes-offwhite);
  font-family: var(--smtext-font);
}

.body-page-20862 .event_act .act_icon_txt {
  color: var(--shawnmendes-offwhite);
  border: 2px solid var(--shawnmendes-offwhite);
  font-family: var(--smtext-font);
  font-size: 22px;
  padding-top: 12px;
}

.body-page-20862 .event-action.action-completem {
  /* color: var(--shawnmendes-offwhite); */
  color: black;
  font-family: var(--smtext-font);
  font-size: 22px;
  /* padding-top: 4px; */
}

.body-page-20862 .event_act .act_icon_txt.com_1 {
  background-color: var(--shawnmendes-orange);
  border: none;
}

.body-page-20862 .action-second-row .com_alien,
.body-page-20862 .action-second-row .alien {
  display: none;
}

.body-page-20862 .actiond-container .event_act_cont.completed,
.body-page-20862 .event-action-card-link {
  max-width: 600px;
}

.body-page-20862 .event_action .event-action-text {
  color: var(--shawnmendes-offwhite);
  font-family: var(--smtext-font);
}

.body-page-20862 .event-action.donate-rewards,
.body-page-20862 .event_action .event-action-action-type.causes::before {
  color: var(--shawnmendes-offwhite);
  font-size: 22px;
}

.body-page-20862 .event-button-docked {
  background-image: none;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid var(--shawnmendes-orange);
  background-color: black;
  margin-bottom: 15px;
}

.body-page-20862 .event-button-docked::before {
  content: 'ENTER NOW';
  display: block;
  text-align: center;
  padding-top: 12px;
  width: 100%;
  width: 100%;
  font-size: 50px;
  font-family: var(--smtext-font);
  color: var(--shawnmendes-offwhite);
}

.body-page-20862 .event-button-cont:hover{
  text-decoration: none;
}

.body-page-20862 .event-button-cont:active{
  text-decoration: none;
}



/* End Shawn Mendes */


/* Quavo Huncho - 20020 */

.body-page-20020 {
  /* color/font vars for Quavo Huncho */
  --qh-pink: #eb008b;
  --qh-purple: #652d90;

  --qh-bold: 'Proxima Nova ExtraBold', sans-serif;
  --qh-text: 'Proxima Nova Medium', sans-serif;
  --qh-italic: 'CCSignLanguage Italic', sans-serif;
}

.header-page-20020 .header {
  padding: 0px 30px;
}
.header-page-20020 .header_right {
  width: auto;
}

.body-page-20020 {
  width: 100%;
  max-width: 100%;

}

.body-page-20020 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20020 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20020 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20020 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}
.body-page-20020 .wGutter.right {
  display: none;
}

.body-page-20020 .col2  {
  display: none;
}

.body-page-20020 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-20020 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-20020 .small_swiper {
  display: none;
}

.body-page-20020,
.page-20020 {
  width: 100%;
}

.page-20020 {
  background-image: linear-gradient(to bottom, #eb008b, #652d90);
}

.page-20020 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;

}

.page-20020 .container,
.body-page-20020 .container {
  max-width: 100%;
  width: 100%;
  z-index: 1;
}

/* hide impact */
.page-20020 .climate_container {
  display: none;
}

/* Set up order */
.page-20020 #TakeActionWrapper {
  order: 1;
}

.page-20020 .featuredActionsWrapper {
  order: 2;
}

.page-20020 #PrizesWrapper {
  order: 3;
}

/* desc */
.page-20020 .qh-desc {
  color: white;
  width: 100%;
  text-align: center;
  margin-bottom: -60px;
}

.page-20020 .qh-desc p {
  max-width: 650px;
  padding: 10px 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--qh-text);
  text-align: left;
  font-size: 18px;
}

/* Carousels */
.page-20020 .featuredActionsWrapper {
  padding-top: 20px;
  padding-bottom: 40px;
}
.page-20020 #TakeActionWrapper {
  /* margin-top: 50px; */
}

@media screen and (min-width:650px) {
  .page-20020 .featuredActionsWrapper .slick-track {
    transform: none !important;
  }
}

.page-20020 .featuredActionsWrapper .home-header-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: none;
  margin-bottom: -10px;
  padding-bottom: 0px;
}

.page-20020 .featuredActionsWrapper .carouselTitle {
  font-family: var(--qh-bold);
  color: transparent;
  text-align: center;
  -webkit-text-stroke: 2px white;
  font-size: 50px;
}

.page-20020 .featuredActionsWrapper .carouselTitle::before{
  content:'aa';
  -webkit-text-stroke: 2px transparent !important;
  background-image: url('../images/left-bolt.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  width: 300px;
  height: 40px;
  /* position: absolute; */
}
.page-20020 .featuredActionsWrapper .carouselTitle::after{
  content:'aa';
  -webkit-text-stroke: 2px transparent !important;
  background-image: url('../images/right-bolt.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
  width: 300px;
  height: 40px;
  /* position: absolute; */
}

.page-20020 .featuredActionsWrapper .slick-track {
  padding-bottom: 10px;
  padding-top: 10px;
  height: 500px;
}

.page-20020 .featuredActionsWrapper .card-new {
  background-color: black;
}

.page-20020 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

@media screen and (min-width:1093px) and (max-width:1270px) {
  .page-20020 .featuredActionsWrapper .card-new-container {
    width:280px;
  }
}
/*
.page-20020 .slick-current.slick-center .card-new-image {
  transform: scale(1.2);
  z-index:5;
  position:relative;
}
.page-20020 .slick-current.slick-center .card-new-info {
  margin-top: 30px;
}

.page-20020 .card-new-image {
  transition: transform 0.3s;
}
.page-20020 .card-new-info {
  transition: margin-top 0.3s;
} */

/* @media screen and (min-width: 680px) and (max-width: 1080px) {
  .page-20020 .slick-current.slick-center .card-new-image {
    transform: scale(1);
  }
  .page-20020 .slick-current.slick-center .card-new-info {
    margin-top: 0px;
  }
} */


.page-20020 .featuredActionsWrapper .card-new-icon-box,
.page-20020 .featuredActionsWrapper .card-new-description  {
  display: none;
}



.page-20020 .featuredActionsWrapper .card-new-bar,
.page-20020 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-20020 .featuredActionsWrapper .card-new-info {
  color: white;
  text-align: center;
  font-size: 18px;
  font-weight: 100;
  padding: 15px 5px;
  /* height: 110px;  */
  /* removed points height adhustment */ height: 80px;
}

.page-20020 .featuredActionsWrapper .reward.donation .card-new-info {
  height: 120px;
}
.page-20020 .featuredActionsWrapper .reward.donation .card-new-info-container {
  -webkit-line-clamp: 3;
  height: 70px;
  margin-top: -8px;
}

.page-20020 .featuredActionsWrapper .card-new-info-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 50px;
  text-transform: uppercase;
  margin-top: 0px;
  font-family: var(--qh-bold);
}

.page-20020 .featuredActionsWrapper .card-new-points {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 8px;
  font-size: 30px;
  margin-left: -25px;
  color: var(--qh-pink);
  font-family: var(--qh-bold);
  /* remove */ display: none;
}

.page-20020 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-20020 #PrizesWrapper .card-new-points:after {
  content:'';
}

.page-20020 .featuredActionsWrapper .card-auction-price {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 4px;
  font-size: 25px;
  margin-left: -25px;
  color: var(--qh-pink);
  font-family: var(--qh-bold);
  /* display: none; */
}



.page-20020 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  /* display: block !important; */
  /* remove */ display: none;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 8px;
  font-size: 23px;
  margin-left: -25px;
  color: var(--qh-pink);
  font-family: var(--qh-bold);
}

.page-20020 .featuredActionsWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before {
  content: 'Donate to ';
}

.page-20020 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
  height: 110px !important;
}

@media screen and (max-width:650px) {
  .page-20020 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
    height: 120px !important;
  }
}

.page-20020 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-20020 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}


.page-20020 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 240px;
  width: 120px;
  height: 80px;
  z-index: 8;
}

.page-20020 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/qh-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 40px;
}

.page-20020 .featuredActionsWrapper .slick-next {
  background-image: url('../images/qh-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 40px;
}

.page-20020 .featuredActionsWrapper:after {
  /* content: ' MORE '; */
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 50px;
  display: block;
  text-align: center;
  font-size: 30px;
  color: white;
  font-family: var(--qh-italic);
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-20020 #PrizesWrapper .card-new-points,
  .page-20020 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -25px !important;
  }
  .page-20020 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20020 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}

@media screen and (max-width: 450px) {
  .page-20020 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20020 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20020 .featuredActionsWrapper .card-new-info {
    font-size: 18px !important;
    padding: 15px 10px !important;
    /* height: 120px !important; */
    height: 80px;  /* removed points height adjustment */
  }

  .page-20020 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20020 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -15px;
  }
  .page-20020 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20020 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}

@media screen and (max-width:500px) {
  .page-20020 #PrizesWrapper:after,
  .page-20020 #TakeActionWrapper:after {
    width: 240px;
    height: 40px;
    /* bottom: -12px; */
  }
}

@media screen and (max-width:1195px) {
  .page-20020 .featuredActionsWrapper .carouselTitle {
    /* font-size: 40px; */
    font-size: 4vw;
  }
  .page-20020 .featuredActionsWrapper .carouselTitle::before{
    margin-right: 0px;
  }
  .page-20020 .featuredActionsWrapper .carouselTitle::after{
    margin-left: 0px;
  }
}

/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-20020 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -10px;
  }
}

.qhprop-logo {
  width: 100%;
  background-color: var(--qh-purple);
  padding: 0px 0px 50px 0px;
  margin-top: -25px;
}

.qhprop-logo img {
  max-width: 280px;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  object-fit: contain;
}

/* Desktop */
@media screen and (min-width:650px) {
  .page-20020 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 180px);
  }

  .page-20020 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 180px);
  }

}


/* End Quavo Huncho */


/* Planned Parenthood - 20105 */

.body-page-20105 {
  /* color/font vars */

  --pp-bold: 'Avenir Next Heavy', sans-serif;
  --pp-demi: 'Avenir Next Demi', sans-serif;
  --pp-regular: 'Avenir Next Regular', sans-serif;

  --pp-dark: #34373E;
  --pp-light: #E8E5E1;
  --pp-lightblue: #4541c9;
  --pp-darkblue: #0C296A;
  --pp-peach: #f4CDB3;
  --pp-pink: #EC008C;
}

.header-page-20105 .header {
  padding: 0px 30px;
}
.header-page-20105 .header_right {
  width: auto;
}

.body-page-20105 {
  width: 100%;
  max-width: 100%;

}

.body-page-20105 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20105 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20105 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20105 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}
.body-page-20105 .wGutter.right {
  display: none;
}

.body-page-20105 .col2  {
  display: none;
}

.body-page-20105 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}
.body-page-20105 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-20105 .small_swiper {
  display: none;
}

.body-page-20105,
.page-20105 {
  width: 100%;
}

.page-20105 {
  background-color: var(--pp-light);
}

.page-20105 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20105 .container,
.body-page-20105 .container {
  max-width: 100%;
  width: 100%;
  z-index: 1;
}

.body-page-20105 .adaptive-header-image.-mobile {
  background-image: url('../images/plannedarenthood_header_mobile.gif') !important;
}

.body-page-20105 .adaptive-header-image.-desktop {
  background-image: url('../images/plannedarenthood_header_desktop.gif') !important;
}

/* hide impact */
.page-20105 .climate_container {
  display: none;
}

/* Set up order */
.page-20105 #TakeActionWrapper {
  order: 1;
}

.page-20105 .featuredActionsWrapper {
  order: 2;
}

.page-20105 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-20105.campaign-locked #TakeActionWrapper,
.page-20105.campaign-locked .featuredActionsWrapper {
  display: none;
}

/* .page-20105.campaign-locked #PrizesWrapper {
  display: block;
} */

.page-20105.campaign-locked .pp-start {
  display: block !important;
}

.pp-start {
  display: none;
}

/* desc */
.page-20105 .campaign-body {
  position: relative;
  z-index: 10;
}

.ppdesk {
  display: flex;
  max-width: 600px;
}

.pp-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: -100px;
  /* margin-bottom: -100px; */
  overflow: hidden;
}

/* temp */
.page-20105.campaign-locked .pp-desc {
  /* margin-bottom: -80px; */
}

.pp-desc .top-sec {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 12px;
  height: 230px;
}

.pp-desc .background-slant {
  background-color: var(--pp-lightblue);
  width: 150%;
  margin-left: -20%;
  margin-top: -50px;
  height: 260px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transform: rotate(-5deg);
}

.pp-desc .top-sec h2,
.pp-desc .top-sec img {
  position: relative;
  z-index: 2;
}

.pp-desc .top-sec h2 {
  color: white;
  text-transform: uppercase;
  font-family: var(--pp-bold);
  font-size: 35px;
  line-height: 35px;
  width: 80%;
  text-align: left;
  padding-top: 20px;
}

.pp-desc .top-sec img {
  height: 130px;
  width: auto;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  z-index: 2;

  clip-path: polygon(0 0, 100% 0%, 100% 28%, 70% 20%);
}

.pplines-animate {
  animation: peachlines 1.5s 1s linear forwards;
}

@keyframes peachlines {
  to {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}

.pp-desc p {
  padding: 20px;
  color: var(--pp-dark);
  font-family: var(--pp-demi);
  text-align: left;
  margin-top: 10px;
}

.pp-desc .bott-cont {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.pp-desc .bottom-sec {
  width: 225px;
  text-align: center;
  margin-right: auto;
  padding: 0px 10px;
  text-transform: uppercase;
  color: var(--pp-dark);
}

.pp-desc .bottom-sec h2 {
  margin-bottom: -4px;
  font-family: var(--pp-bold);
  font-size: 20px;
}

.pp-desc .bottom-sec h1 {
  font-family: var(--pp-bold);
  font-size: 24px;
}

.ppbar {
  height: 10px;
  width: 100%;
  margin-top: -8px;
  background-color: var(--pp-lightblue);
  transform: translate(-300px);
}

.ppbarin {
  animation: ppbarin 1s 1s forwards;
}

@keyframes ppbarin {
  to {
    transform: translate(0px);
  }
}

/* Band Together Section */
.pp-bt-sec {
  margin-top: 130px;
  margin-bottom: -110px;
  position: relative;
  background-color: var(--pp-pink);
  padding: 20px 20px 30px 20px;
  /* temp */ display: none;
}

@media screen and (min-width: 650px) {
  .pp-bt-sec {
    margin-bottom: -100px;
  }
}

.pp-bt-sec .background-slant {
  /* position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 150%;
  margin-left: -20%;
  height: 138px;
  margin-top: -30px;
  transform: rotate(-5deg);
  background-color: var(--pp-peach); */
}

.pp-bt-sec h2 {
  text-transform: uppercase;
  font-family: var(--pp-bold);
  font-size: 35px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  position: relative;
  z-index: 2;
  padding: 0px 0px 20px 0px;
}

.pp-bt-sec p {
  color: white;
  font-family: var(--pp-demi);
  font-size: 18px;
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.pp-bt-sec .sol {
  color: var(--pp-darkblue);
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--pp-bold);
}

.pp-bt-sec .bt-sec p {
  max-width: 800px;
  padding-bottom: 0px;
  font-size: 22px;
}

.pp-bt-sec .pp-list {
  /* display: grid;
  grid: 40px / auto auto; */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 3200px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}

@media screen and (min-width: 650px) {
  .pp-bt-sec .pp-list {
    height: 2500px;
    max-width: 1000px;
  }
}

@media screen and (min-width: 1000px) {
  .pp-bt-sec .pp-list {
    height: 1700px;
    max-width: 1000px;
  }
}

@media screen and (min-width: 1300px) {
  .pp-bt-sec .pp-list {
    height: 1400px;
    max-width: 1000px;
  }

  .pp-bt-sec .bt-sec p {
    max-width: 1000px;
  }
}


@media screen and (min-width: 1500px) {
  .pp-bt-sec .pp-list {
    height: 1000px;
    max-width: 1500px;
  }

  .pp-bt-sec .bt-sec p {
    max-width: 1500px;
  }
}

.pp-list div {
  width: 180px;
}

.pp-list p {
  text-align: left;
  margin-right: auto;
  font-family: var(--pp-bold);
  font-size: 15px;
  padding: 0px 10px;
}

/* Carousels */
.page-20105 .featuredActionsWrapper {
  background-image: url('../images/pp-textured-bg.jpg');
  overflow: hidden;
  padding-bottom: 80px;
}

.page-20105 #PrizesWrapper {
  background-color: var(--pp-pink);
  background-image: none;
  padding-bottom: 60px;
}

.page-20105 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
}

.page-20105 .featuredActionsWrapper .home-header-row::before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 150%;
  margin-left: -20%;
  margin-top: -100px;
  height: 220px;
  background-color: var(--pp-pink);
  transform: rotate(-20deg);
}

.page-20105 #PrizesWrapper .home-header-row::before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 150%;
  margin-left: -20%;
  margin-top: -100px;
  height: 230px;
  background-color: var(--pp-darkblue);
  transform: rotate(-20deg);
}

.page-20105 .featuredActionsWrapper .carouselTitle {
  font-family: var(--pp-bold);
  color: white;
  text-align: center;
  padding-top: 20px;
  position: relative;
  z-index: 2;
  font-size: 35px;
}

.page-20105 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-20105 #TakeActionWrapper .carouselTitle::after {
  visibility: visible;
  display: block;
  content: 'KEEP TAKING ACTION';
  font-family: var(--pp-bold);
  color: white;
  text-align: center;
  font-size: 35px;
}

.page-20105 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-20105 #PrizesWrapper .carouselTitle::after {
  visibility: visible;
  display: block;
  content: 'WHAT YOU CAN WIN';
  font-family: var(--pp-bold);
  color: white;
  text-align: center;
  font-size: 35px;
}

.page-20105 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-20105 .featuredActionsWrapper:after {
  content: ' MORE ';
  width: 180px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -25px;
  display: block;
  text-align: center;
  font-size: 30px;
  color: var(--pp-dark);
  font-family: var(--pp-bold);
}

.page-20105 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS';
  width: 150px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 30px;
  z-index: 1;
  bottom: -18px;
  display: block;
  text-align: center;
  font-size: 30px;
  color: var(--pp-dark);
  font-family: var(--pp-bold);
}

.page-20105 #PrizesWrapper:after {
  content: ' MORE\A PRIZES';
  width: 150px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 30px;
  z-index: 1;
  bottom: -18px;
  display: block;
  text-align: center;
  font-size: 30px;
  color: var(--pp-light);
  font-family: var(--pp-bold);
}

.page-20105 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 100px;
  height: 70px;
}

.page-20105 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/pp-left-arrow-pink.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20105 .featuredActionsWrapper .slick-next {
  background-image: url('../images/pp-right-arrow-pink.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

.page-20105 #PrizesWrapper .slick-prev {
  background-image: url('../images/pp-left-arrow-blue.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20105 #PrizesWrapper .slick-next {
  background-image: url('../images/pp-right-arrow-blue.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-20105 #PrizesWrapper .card-new-points,
  .page-20105 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }
  .page-20105 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20105 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20105 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20105 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20105 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .page-20105 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20105 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }
  .page-20105 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20105 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}
/* @media screen and (max-width:500px) {
  .page-20105 #PrizesWrapper:after,
  .page-20105 #TakeActionWrapper:after {
    width: 240px;
    height: 40px;
    bottom: -12px;
  }
} */

/* hiw */
.pp-footer {
  /* background-color: var(--pp-lightblue); */
  background-color: #504BCB;
  margin-top: -30px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width:550px) {
  .pp-footer {
    margin-top: -45px;
  }
}

.pp-foot-background-slant {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 150%;
  margin-left: -20%;
  height: 138px;
  margin-top: -30px;
  transform: rotate(-5deg);
  background-color: var(--pp-darkblue);
}

.pp-footer h1 {
  color: var(--pp-light);
  text-align: center;
  font-family: var(--pp-bold);
  font-size: 35px;
  position: relative;
  z-index: 2;
  padding-top: 20px;
}

.pp-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 60px;
  padding-bottom: 30px;
}

.pp-hiw-sec {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  margin-bottom: 15px;
}

.pp-hiw-sec img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.pp-hiw-sec h2 {
  color: var(--pp-light);
  font-family: var(--pp-bold);
  text-align: center;
  font-size: 27px;
  text-transform: uppercase;
}

.pp-hiw-sec p {
  color: var(--pp-light);
  font-family: var(--pp-regular);
  text-align: center;
  font-size: 18px;
  width: 270px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
}

.pp-bottom-slant {
  height: 220px;
  width: 150%;
  margin-left: -20%;
  margin-bottom: -100px;
  background-color: var(--pp-light);
  transform: rotate(-8deg);
  position: relative;
  z-index: 1;
  bottom:-30px;
}

.pp-footer .proplogo {
  width: 200px;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: -120px;
  z-index: 2;
  padding-bottom: 50px;
}

/* start-button */
.pp-start {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
  position: fixed;
  z-index: 15;
  bottom: -2px;
  left: 0;
  overflow: hidden;
}

.pp-start img {
  object-fit: contain;
  width: 102%;
  max-width: 102%;
  margin-left: -1%;
  height: auto;
}

/* desktop */
@media screen and (min-width: 650px) {
  .pp-desc {
    margin-top: -45px;
  }

  .ppdesk {
    margin-left: auto;
    margin-right: auto;
  }

  .pp-desc .background-slant {
    margin-top: -80px;
  }

  .pp-desc .top-sec img {
    height: auto;
    bottom: -20px;
  }

  .pp-desc p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .ppbar {
    transform: translate(-1000px);
  }

  .page-20105 .featuredActionsWrapper .home-header-row::before,
  .page-20105 #PrizesWrapper .home-header-row::before {
    margin-top: -100px;
    height: 230px;
    transform: rotate(-5deg);
  }

  .page-20105 .featuredActionsWrapper .slick-next,
  .page-20105 #PrizesWrapper .slick-next {
    margin-right: calc(50% - 180px);
  }

  .page-20105 .featuredActionsWrapper .slick-prev,
  .page-20105 #PrizesWrapper .slick-prev {
    margin-left: calc(50% - 180px);
  }

  .pp-foot-background-slant {
    height: 200px;
    margin-top: -80px;
  }

  .pp-bottom-slant {
    height: 240px;
    bottom: -60px;
    transform: rotate(-5deg);
  }

  .pp-start {
    width:350px;
    height: auto;
    bottom: 40px;
    left: unset;
    right: 40px;
  }

}

@media screen and (min-width: 1015px) {
  .pp-hiw-cont {
    margin-top: 80px;
    flex-direction: row;
  }

  .pp-hiw-sec img {
    width: 320px;
    height: 320px;
    object-position: center bottom;
  }

  .pp-hiw-sec:nth-child(2) img {
    margin-top: 1px;
  }

  .pp-hiw-sec:nth-child(3) img {
    margin-top: -3px;
  }

}

/* End Planned Parenthood Campaign */

/* Planned Parenthood Events - 20613 */

.body-page-20613 .event-single-wrapper.single-21286 .event-intro {
  visibility: hidden;
}

.body-page-20613 .event-single-wrapper.single-21286 .event-intro::after {
  visibility: visible;
  display: block;
  content: 'Electric Forest Partners With Planned Parenthood';
  text-transform: uppercase;
}

/* End Planned Parenthood Events */

/* End Planned Parenthood */


/* Human Rights Campaign - 20174 */

/* setup */
.body-page-20174 {
  --hrc-pink: #CE0F69;
  --hrc-yellow: #FEDB00;
  --hrc-darkblue: #002677;
  --hrc-lightblue: #00A9E0;

  --hrc-bold: 'Arial Black', sans-serif;
  --hrc-text: 'Times Regular', sans-serif;
}

.body-page-20174,
.page-20174 {
  width: 100%;
  max-width: 100%;
  background-color: white;
}

.header-page-20174 .header {
  padding: 0px 30px;
}

.header-page-20174 .header_right {
  width: auto;
}

.body-page-20174 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20174 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20174 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20174 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20174 .wGutter.right {
  display: none;
}

.body-page-20174 .col2  {
  display: none;
}

.body-page-20174 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}

.body-page-20174 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-20174 .small_swiper {
  display: none;
}

.page-20174 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20174 .container,
.body-page-20174 .container {
  max-width: 100%;
  width: 100%;
  z-index: 1;
}

/* hide impact */
.page-20174 .climate_container {
  display: none;
}

/* Set up order */
.page-20174 #TakeActionWrapper {
  order: 1;
}

.page-20174 .featuredActionsWrapper {
  order: 2;
}

.page-20174 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-20174.campaign-locked #TakeActionWrapper,
.page-20174.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-20174.campaign-locked #PrizesWrapper {
  display: block;
}

.hrc-start {
  display: none;
}

.page-20174.campaign-locked .hrc-start {
  display: block !important;
}

/* desc */
.hrc-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -80px;
  margin-top: -30px;
}

.hrc-desc p {
  font-family: var(--hrc-text);
  color: var(--hrc-darkblue);
  padding: 20px;
  text-align: left;
  line-height: 25px;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.hrc-desc .desc-sec {
  display: flex;
  flex-direction: row;
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
}

.hrc-desc .desc-sec img {
  width: 65px;
  height: auto;
  object-fit: contain;
  object-position: center;
}

.hrc-desc .desc-sec h2 {
  font-family: var(--hrc-bold);
  color: var(--hrc-lightblue);
  text-transform: uppercase;
  font-size: 23px;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 250px;
}


/* carousels */
.page-20174 .featuredActionsWrapper {
  background-color: var(--hrc-pink);
  padding-bottom: 80px;
}

.page-20174 #TakeActionWrapper {
  padding-bottom: 60px;
}

.page-20174 #PrizesWrapper {
  background-color: var(--hrc-darkblue);
  padding-bottom: 60px;
}

.page-20174 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  background-color: var(--hrc-darkblue);
  padding-bottom: 8px;
  padding-top: 8px;
}

.page-20174 #TakeActionWrapper .home-header-row,
.page-20174 #PrizesWrapper .home-header-row {
  padding-bottom: 8px;
  padding-top: 5px;
}

.page-20174 #PrizesWrapper .home-header-row {
  background-color: var(--hrc-yellow);
}

.page-20174 .featuredActionsWrapper .carouselTitle {
  color: var(--hrc-yellow);
  font-family: var(--hrc-bold);
  font-size: 28px;
  text-align: center;
}

.page-20174 #TakeActionWrapper .carouselTitle,
.page-20174 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  color: transparent;
}

.page-20174 #TakeActionWrapper .carouselTitle::after {
  content: 'KEEP TAKING ACTION';
  visibility: visible;
  display: block;
  color: var(--hrc-yellow);
  font-size: 28px;
}

.page-20174 #PrizesWrapper .carouselTitle::after {
  content: 'WHAT YOU CAN WIN';
  visibility: visible;
  display: block;
  color: var(--hrc-darkblue);
  font-size: 28px;
}

.page-20174 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-20174 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 100px;
  height: 80px;
}

.page-20174 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/hrc-yellow-arrow-left.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20174 .featuredActionsWrapper .slick-next {
  background-image: url('../images/hrc-yellow-arrow-right.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

.page-20174 #PrizesWrapper .slick-prev {
  background-image: url('../images/hrc-pink-arrow-left.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20174 #PrizesWrapper .slick-next {
  background-image: url('../images/hrc-pink-arrow-right.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

.page-20174 .featuredActionsWrapper:after {
  content: ' MORE ';
  width: 180px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -25px;
  display: block;
  text-align: center;
  font-size: 28px;
  color: white;
  font-family: var(--hrc-bold);
}

.page-20174 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS';
  width: 150px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 30px;
  z-index: 1;
  bottom: -20px;
  display: block;
  text-align: center;
  font-size: 28px;
  color: white;
  font-family: var(--hrc-bold);
}

.page-20174 #PrizesWrapper:after {
  content: ' MORE\A PRIZES';
  width: 150px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 30px;
  z-index: 1;
  bottom: -20px;
  display: block;
  text-align: center;
  font-size: 28px;
  color: var(--hrc-yellow);
  font-family: var(--hrc-bold);
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-20174 #PrizesWrapper .card-new-points,
  .page-20174 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }

  .page-20174 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20174 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20174 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20174 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20174 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .page-20174 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20174 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }

  .page-20174 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20174 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }
}

/* footer */
.hrc-footer {
  background-color: var(--hrc-yellow);
  margin-top: -30px;
  padding-bottom: 50px;
}

@media screen and (min-width:550px) {
  .hrc-footer {
    margin-top: -40px;
  }
}

.hrc-hiw-title {
  width: 100%;
  background-color: var(--hrc-pink);
  padding: 10px;
}

.hrc-hiw-title h1 {
  text-align: center;
  font-family: var(--hrc-bold);
  font-size: 28px;
  color: white;
  text-transform: uppercase;
  margin-bottom: 0;
}

.hrc-hiw-cont {
  display: flex;
  flex-direction: column;
}

.hrc-hiw-sec {
  width: 85%;
  max-width: 365px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  margin-bottom: 50px;
}

.hrc-hiw-sec:nth-child(1) {
  background-color: var(--hrc-darkblue);
  margin-top: 40px;
}

.hrc-hiw-sec:nth-child(2) {
  background-color: var(--hrc-lightblue);
}

.hrc-hiw-sec:nth-child(3) {
  background-color: var(--hrc-pink);
}

.hrc-hiw-sec img {
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.hrc-hiw-sec h2 {
  text-align: center;
  text-transform: uppercase;
  font-family: var(--hrc-bold);
  font-size: 28px;
  margin-top: 10px;
}

.hrc-hiw-sec p {
  text-align: center;
  font-family: var(--hrc-text);
  margin-bottom: 0;
  font-size: 18px;
}

.hrc-hiw-sec:nth-child(1) h2,
.hrc-hiw-sec:nth-child(1) p {
  color: var(--hrc-yellow);
}

.hrc-hiw-sec:nth-child(2) h2,
.hrc-hiw-sec:nth-child(2) p {
  color: var(--hrc-darkblue);
}

.hrc-hiw-sec:nth-child(3) h2,
.hrc-hiw-sec:nth-child(3) p {
  color: white;
}

.hrc-footer .prop-logo {
  width: 220px;
  max-width: 220px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

/* start button */
.page-20174 .campaign-body {
  position: relative;
  z-index: 10;
}

.hrc-start {
  width: 100%;
  background-color: var(--hrc-darkblue);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 15;
  padding: 10px;
  /* border: 3px solid var(--hrc-yellow); */
}

.hrc-start a {
  font-family: var(--hrc-bold);
  color: var(--hrc-yellow);
  font-size: 40px;
  text-align: center;
  padding: 10px 100px;
}

/* desktop */
@media screen and (min-width: 650px) {
  .page-20174 .featuredActionsWrapper .slick-prev,
  .page-20174 #PrizesWrapper .slick-prev {
    margin-left: calc(50% - 180px);
  }

  .page-20174 #PrizesWrapper .slick-next,
  .page-20174 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 180px);
  }

  .hrc-start {
    left: unset;
    right: 40px;
    bottom: 40px;
    width: 250px;
  }

  .hrc-start a {
    padding: 10px 40px;
  }

}

@media screen and (min-width: 1115px) {
  .hrc-hiw-cont {
    flex-direction: row;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

  .hrc-hiw-sec {
    margin-top: 40px;
  }
}

/* End Human Rights Campaign */

/* NOW Campaign Page re-haul - 20251*/

/* setup */
.body-page-20251 {
  /* --now-light: #fbfbeb; */
  --now-light: #FDFEEB;
  --now-blue: #52eefc;
  --now-green: #63ffb5;
  --now-black: #1a1a21;
  --now-pink: #ff75ca;
  --now-yellow: #efff31;
  --now-purple: #945ade;
  --now-orange: #ffbd73;
}

.body-page-20251,
.page-20251 {
  width: 100%;
  max-width: 100%;
  background-color: white;
}

.header-page-20251 .header {
  padding: 0px 30px;
}

.header-page-20251 .header_right {
  width: auto;
}

.body-page-20251 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20251 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20251 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20251 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20251 .wGutter.right {
  display: none;
}

.body-page-20251 .col2  {
  display: none;
}

.body-page-20251 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}

.body-page-20251 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-20251 .small_swiper {
  display: none;
}

.page-20251 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20251 .container,
.body-page-20251 .container {
  max-width: 100%;
  width: 100%;
  z-index: 1;
}

/* hide impact */
.page-20251 .climate_container {
  display: none;
}

/* Set up order */
.page-20251 #TakeActionWrapper {
  order: 1;
}

.page-20251 .featuredActionsWrapper {
  order: 2;
}

.page-20251 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-20251.campaign-locked #TakeActionWrapper,
.page-20251.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-20251.campaign-locked #PrizesWrapper {
  display: block;
}

.page-20251.campaign-locked .now-dock-button {
  display: block !important;
}

.page-20251 .now-dock-button {
  display: none;
}

.page-20251.campaign-locked #PrizesWrapper .card-new-link {
  pointer-events: none;
}

/* desc */
.now-desc {
  padding: 15px 15px 0px 15px;
  margin-top: -40px;
  background-color: var(--now-light);
  overflow: hidden;
  margin-bottom: -100px;
}

.page-20251.campaign-locked .now-desc {
  /* margin-bottom: -148px; */
}

.now-desc-h2 {
  font-family: 'Neue Haas Black', sans-serif;
  font-size: 26px;
  text-align: left;
  color: var(--now-black);
  font-weight: 800;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.now-desc-h2 span {
  border-bottom: 5px solid var(--now-pink);
}

.now-desc p {
  font-family: 'Neue Haas Medium', sans-serif;
  text-align: left;
  /* padding-right: 20px; */
  width: 80%;
  color: var(--now-black);
  font-size: 18px;
  z-index: 1;
  position: relative;
}

.now-desc .desc-sec {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: -30px;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.now-desc .desc-sec-arrow {
  /* background-image: url('../images/now-down-arrow.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; */
  width: 50%;
  object-position: center bottom;
  align-self: center;
  justify-self: end;
  height: 160px;
  margin-top: 30px;
  display: flex;
}

.now-desc .desc-sec-arrow p {
  text-transform: uppercase;
  color: var(--now-black);
  font-family: 'Neue Haas Bold', sans-serif;
  font-size: 30px;
  text-align: left;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  align-self: end;
}
@media screen and (min-width: 650px) {
  .now-desc .desc-sec-arrow p {
    width: 350px;
  }
}

.now-desc .desc-sec img {
  width: 60%;
  max-width: 300px;
  margin-right: -60px;
  object-fit: contain;
  z-index: 0;
  position: relative;
}

/* carousels */

.page-20251 .featuredActionsWrapper {
  background-color: var(--now-black);
  padding-bottom: 80px;
}

.page-20251 #TakeActionWrapper {
  margin-top: -130px;
}

.page-20251 #PrizesWrapper {
  background-color: var(--now-light);
}

.page-20251 .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-20251 .featuredActionsWrapper .carouselTitle {
  text-transform: uppercase;
  font-size: 35px;
  text-align: center;
  font-family: 'Neue Haas Black';
  color: var(--now-light);
  padding-top: 20px;

  /* animate */
  text-shadow: 1px -1px 0 var(--now-green), 2px -2px 0 var(--now-pink);
  animation: now-shadows 2.2s ease-in infinite, now-move 2.2s ease-in infinite;
}

.page-20251 #TakeActionWrapper .carouselTitle,
.page-20251 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-20251 #TakeActionWrapper .carouselTitle:after {
  visibility: visible;
  display: block;
  font-size: 35px;
  content: 'KEEP TAKING ACTION';
}

.page-20251 #PrizesWrapper .carouselTitle:after {
  visibility: visible;
  display: block;
  font-size: 35px;
  content: 'WHAT YOU CAN WIN';
  color: var(--now-black);
  text-shadow: 1px -1px 0 var(--now-blue), 2px -2px 0 var(--now-orange);
  animation: nowp-shadows 2.2s ease-in infinite, now-move 2.2s ease-in infinite;
}

/* text animation */
@keyframes now-shadows {
  0% {
    text-shadow: none;
  }
  10% {
    text-shadow: -1px 1px 0 var(--now-green);
  }
  20% {
    text-shadow: -1px 1px 0 var(--now-green),
      -2px 2px 0 var(--now-pink);
  }
  30% {
    text-shadow: -2px 2px 0 var(--now-green),
      -3px 3px 0 var(--now-pink);
  }
  40% {
    text-shadow: -2px 2px 0 var(--now-green),
      -4px 4px 0 var(--now-pink);
  }
  50% {
    text-shadow: -2px 2px 0 var(--now-green),
      -4px 4px 0 var(--now-pink);
  }
  60% {
    text-shadow: -2px 2px 0 var(--now-green),
      -4px 4px 0 var(--now-pink);
  }
  70% {
    text-shadow: -2px 2px 0 var(--now-green),
      -3px 3px 0 var(--now-pink);
  }
  80% {
    text-shadow: -2px 2px 0 var(--now-green),
      -2px 2px 0 var(--now-pink);
  }
  90% {
    text-shadow: -1px 1px 0 var(--now-green);
  }
  100% {
    text-shadow: none;
  }
}

@keyframes nowp-shadows {
  0% {
    text-shadow: none;
  }
  10% {
    text-shadow: -1px 1px 0 var(--now-blue);
  }
  20% {
    text-shadow: -1px 1px 0 var(--now-blue),
      -2px 2px 0 var(--now-orange);
  }
  30% {
    text-shadow: -2px 2px 0 var(--now-blue),
      -3px 3px 0 var(--now-orange);
  }
  40% {
    text-shadow: -2px 2px 0 var(--now-blue),
      -4px 4px 0 var(--now-orange);
  }
  50% {
    text-shadow: -2px 2px 0 var(--now-blue),
      -4px 4px 0 var(--now-orange);
  }
  60% {
    text-shadow: -2px 2px 0 var(--now-blue),
      -4px 4px 0 var(--now-orange);
  }
  70% {
    text-shadow: -2px 2px 0 var(--now-blue),
      -3px 3px 0 var(--now-orange);
  }
  80% {
    text-shadow: -2px 2px 0 var(--now-blue),
      -2px 2px 0 var(--now-orange);
  }
  90% {
    text-shadow: -1px 1px 0 var(--now-blue);
  }
  100% {
    text-shadow: none;
  }
}

@keyframes nowh-shadows {
  0% {
    text-shadow: none;
  }
  10% {
    text-shadow: -1px 1px 0 var(--now-pink);
  }
  20% {
    text-shadow: -1px 1px 0 var(--now-pink),
      -2px 2px 0 var(--now-yellow);
  }
  30% {
    text-shadow: -2px 2px 0 var(--now-pink),
      -3px 3px 0 var(--now-yellow);
  }
  40% {
    text-shadow: -2px 2px 0 var(--now-pink),
      -4px 4px 0 var(--now-yellow);
  }
  50% {
    text-shadow: -2px 2px 0 var(--now-pink),
      -4px 4px 0 var(--now-yellow);
  }
  60% {
    text-shadow: -2px 2px 0 var(--now-pink),
      -4px 4px 0 var(--now-yellow);
  }
  70% {
    text-shadow: -2px 2px 0 var(--now-pink),
      -3px 3px 0 var(--now-yellow);
  }
  80% {
    text-shadow: -2px 2px 0 var(--now-pink),
      -2px 2px 0 var(--now-yellow);
  }
  90% {
    text-shadow: -1px 1px 0 var(--now-pink);
  }
  100% {
    text-shadow: none;
  }
}

@keyframes nowp-shadows {
  0% {
    text-shadow: none;
  }
  10% {
    text-shadow: -1px 1px 0 var(--now-orange);
  }
  20% {
    text-shadow: -1px 1px 0 var(--now-orange),
      -2px 2px 0 var(--now-green);
  }
  30% {
    text-shadow: -2px 2px 0 var(--now-orange),
      -3px 3px 0 var(--now-green);
  }
  40% {
    text-shadow: -2px 2px 0 var(--now-orange),
      -4px 4px 0 var(--now-green);
  }
  50% {
    text-shadow: -2px 2px 0 var(--now-orange),
      -4px 4px 0 var(--now-green);
  }
  60% {
    text-shadow: -2px 2px 0 var(--now-orange),
      -4px 4px 0 var(--now-green);
  }
  70% {
    text-shadow: -2px 2px 0 var(--now-orange),
      -3px 3px 0 var(--now-green);
  }
  80% {
    text-shadow: -2px 2px 0 var(--now-orange),
      -2px 2px 0 var(--now-green);
  }
  90% {
    text-shadow: -1px 1px 0 var(--now-orange);
  }
  100% {
    text-shadow: none;
  }
}

@keyframes now-move {
  0% {
    transform: translate(0px, 0px);
  }
  40% {
    transform: translate(2px, -2px);
  }
  50% {
    transform: translate(2px, -2px);
  }
  60% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.page-20251 .card-new-container {
  margin-left: auto;
  margin-right: auto;
}


.page-20251 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 80px;
  height: 80px;
}

.page-20251 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/now-left-arrow-green.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20251 .featuredActionsWrapper .slick-next {
  background-image: url('../images/now-right-arrow-green.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

.page-20251 #PrizesWrapper .slick-prev {
  background-image: url('../images/now-left-arrow-purple.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20251 #PrizesWrapper .slick-next {
  background-image: url('../images/now-right-arrow-purple.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

.page-20251 .featuredActionsWrapper:after {
  content: ' MORE ';
  width: 180px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -30px;
  display: block;
  text-align: center;
  font-size: 24px;
  color: var(--now-light);
  font-family: var(--now-bold);
}

.page-20251 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS';
  width: 150px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 30px;
  z-index: 1;
  bottom: -20px;
  display: block;
  text-align: center;
  font-size: 24px;
  color: var(--now-light);
  font-family: var(--now-bold);
}

.page-20251 #PrizesWrapper:after {
  content: ' MORE\A PRIZES';
  width: 150px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 30px;
  z-index: 1;
  bottom: -20px;
  display: block;
  text-align: center;
  font-size: 24px;
  color: var(--now-black);
  font-family: var(--now-bold);
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-20251 #PrizesWrapper .card-new-points,
  .page-20251 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }

  .page-20251 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20251 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20251 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20251 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20251 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .page-20251 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20251 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }

  .page-20251 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20251 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }
}

/* footer */
.now-footer {
  margin-top: -30px;
}

.now-hiw {
  background-color: var(--now-light);
  width: 100%;
  padding-bottom: 30px;
}

.now-hiw h2 {
  text-transform: uppercase;
  font-size: 35px;
  text-align: center;
  font-family: 'Neue Haas Black';
  color: var(--now-black);
  padding-top: 20px;

  /* animate */
  text-shadow: 1px -1px 0 var(--now-pink), 2px -2px 0 var(--now-yellow);
  animation: nowh-shadows 2.2s ease-in infinite, now-move 2.2s ease-in infinite;
}

.now-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.now-hiw-sec {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 300px;
}

.now-hiw-sec img {
  object-position: center center;
  object-fit: contain;
  width: 100%;
}

.now-hiw-sec h3 {
  text-transform: uppercase;
  font-family: 'Neue Haas Black', sans-serif;
  font-size: 28px;
  color: var(--now-black);
}

.now-hiw-sec p {
  font-family: 'Neue Haas Medium', sans-serif;
  font-size: 20px;
  color: var(--now-black);
}

/* partners */
.now-partners {
  width: 100%;
  background-color: var(--now-black);
  position: relative;
  /* height: 650px; */
}

.now-partners h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
  text-align: center;
  font-family: 'Neue Haas Black';
  color: var(--now-light);
  padding-top: 20px;

  /* animate */
  text-shadow: 1px -1px 0 var(--now-orange), 2px -2px 0 var(--now-green);
  animation: nowp-shadows 2.2s ease-in infinite, now-move 2.2s ease-in infinite;
}

.now-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: var(--now-black);
  position: relative;
  margin-top: 30px;
  width: 70%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.now-partners-cont div {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  background-color: white;
}

/* .now-partners-cont div:nth-child(1){
  background-color: var(--now-orange);
}

.now-partners-cont div:nth-child(2){
  background-color: var(--now-blue);
}

.now-partners-cont div:nth-child(3){
  background-color: var(--now-pink);
} */

.now-partners-cont div img {
  width: 100%;
  max-width: 100%;
  padding: 25px;
  /* border-radius: 50%; */
  margin-left: auto;
  margin-right: auto;
}



.now-partners .prop-logo {
  width: 200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--now-black);
  padding: 40px 0px;
}

/* start button */
.page-20251 .campaign-body {
  position: relative;
  z-index: 10;
}
.now-dock-button {
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  color: var(--now-black);
  background-color: var(--now-green);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 15;
  font-family: 'Neue Haas Black', sans-serif;
  font-size: 65px;
}

.now-dock-button:hover {
  text-decoration: none;
  color: var(--now-black);
}

.now-dock-button:active {
  text-decoration: none;
  color: var(--now-black);
}

/* desktop */
@media screen and (min-width: 650px) {
  .now-desc .desc-sec img {
    margin-right: 0px;
  }

  .page-20251 .featuredActionsWrapper .slick-prev,
  .page-20251 #PrizesWrapper .slick-prev {
    margin-left: calc(50% - 180px);
  }

  .page-20251 #PrizesWrapper .slick-next,
  .page-20251 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 180px);
  }

  .now-dock-button {
    bottom: 30px;
    left: unset;
    right: 35px;
    width: 300px;
    font-size: 55px;
  }
}

@media screen and (min-width: 550px) {
  .now-desc {
    margin-top: -50px;
  }

  .now-desc p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }

  .now-footer {
    margin-top: -45px;
  }

}

@media screen and (min-width: 1115px) {
  .now-hiw-cont {
    flex-direction: row;
  }

  .now-hiw-sec {
    width: 300px;
  }

  .now-hiw-sec img {
    height: 300px;
  }
}

/* End Now Campaign - Re-haul */

/* Music's Mental Health Campaign - 20252 */
.body-page-20252 {
  --mmh-light: #FFFAF9;
}

.body-page-20252,
.page-20252 {
  width: 100%;
  max-width: 100%;
  background-color: black;
}

.header-page-20252 .header {
  padding: 0px 30px;
}

.header-page-20252 .header_right {
  width: auto;
}

.body-page-20252 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20252 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20252 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20252 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20252 .wGutter.right {
  display: none;
}

.body-page-20252 .col2  {
  display: none;
}

.body-page-20252 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 1;
}

.body-page-20252 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-20252 .small_swiper {
  display: none;
}

.page-20252 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20252 .container,
.body-page-20252 .container {
  max-width: 100%;
  width: 100%;
  z-index: 1;
}

/* hide impact */
.page-20252 .climate_container {
  display: none;
}

/* Set up order */
.page-20252 #TakeActionWrapper {
  order: 1;
}

.page-20252 .featuredActionsWrapper {
  order: 2;
}

.page-20252 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
/* .page-20252.campaign-locked #TakeActionWrapper,
.page-20252.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-20252.campaign-locked #PrizesWrapper {
  display: block;
}

.page-20252.campaign-locked .now-dock-button {
  display: block !important;
}

.page-20252 .now-dock-button {
  display: none;
} */

/* desc */
.mmhf-desc {
  text-align: left;
  font-family: 'Nunito Sans SemiBold', sans-serif;
  font-size: 18px;
  color: var(--mmh-light);
  max-width: 800px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* carousels */
.page-20252 .featuredActionsWrapper {
  padding: 30px 0px 40px 0px;
}

.page-20252 #TakeActionWrapper {
  margin-top: -100px;
}

.page-20252 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-20252 .featuredActionsWrapper .carouselTitle {
  color: var(--mmh-light);
  font-family: 'Hammersmith One', sans-serif;
  text-align: center;
  font-size: 35px;
}

.page-20252 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-20252 .featuredActionsWrapper .card-new {
  background-color: black;
}

.page-20252 .featuredActionsWrapper .card-new-icon-box,
.page-20252 #PrizesWrapper .card-new-description  {
  display: none;
}

.page-20252 .featuredActionsWrapper .card-new-description {
  color: var(--mmh-light);
  position: absolute;
  bottom: 130px;
  z-index: 5;
  text-align: center;
  width: 80%;
  font-family: 'Nunito Sans ExtraBold';
}

.page-20252 .featuredActionsWrapper .card-new-bar,
.page-20252 .featuredActionsWrapper .card-new-bg-petition {
  background-color: transparent;
  margin-top: -30px;
}

.page-20252 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
  color: black;
  text-align: center;
  font-family: 'Nunito Sans Black';
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 30px;
  padding: 15px 0px;
}

.page-20252 .featuredActionsWrapper .card-new-info-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 70px;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: 'Nunito Sans ExtraBold';
  color: var(--mmh-light);
}

@media screen and (min-width:450px) and (max-width: 650px) {
  .page-20252 .featuredActionsWrapper .card-new-info-container {
    height: 70px;
  }
}

.page-20252 .featuredActionsWrapper .card-new-points {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
  font-size: 30px;
  font-family: 'Nunito Sans Black';
  margin-left: -25px;
  color: var(--mmh-light);
}

.page-20252 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-20252 #PrizesWrapper .card-new-points:after {
  content:'';
}

.page-20252 .featuredActionsWrapper .card-auction-price {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 0px;
  font-size: 25px;
  font-family: 'Nunito Sans Black';
  margin-left: -25px;
  color: var(--mmh-light);
}

.page-20252 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  bottom: 0px;
  font-size: 25px;
  font-family: 'Nunito Sans Black';
  margin-left: -25px;
  color: var(--mmh-light);
}

.page-20252 .featuredActionsWrapper .card-new-bg-causes + .card-new-info .card-new-info-container:before {
  content: 'Donate to ';
}

.page-20252 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
  height: 110px !important;
}

@media screen and (max-width:650px) {
  .page-20252 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
    height: 120px !important;
  }
}

.page-20252 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar,
.page-20252 .featuredActionsWrapper .card-new-bg-featured .card-new-points {
  display: none;
}

.page-20252 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 85px;
  height: 70px;
  z-index: 8;
}

@media screen (max-width: 420px) {
  .page-20252 .featuredActionsWrapper .slick-arrow {
    width: 75px;
    height: 70px;
  }
}

.page-20252 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/mmhf-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 40px;
}

.page-20252 .featuredActionsWrapper .slick-next {
  background-image: url('../images/mmhf-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 40px;
}

.page-20252 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: 'Antonio Semibold';
  color: var(--mmh-light);
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -10px;
  display: block;
  text-align: center;
  font-size: 30px;
}

.page-20252 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  width: 280px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
}

.page-20252 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  width: 280px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: 0px;
  display: block;
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-20252 #PrizesWrapper .card-new-points,
  .page-20252 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -25px !important;
  }
  .page-20252 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20252 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20252 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20252 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20252 .featuredActionsWrapper .card-new-info {
    /* font-size: 2.3rem !important; */
    padding: 15px 0px !important;
    height: 130px !important;
  }

  .page-20252 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20252 .featuredActionsWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -15px;
  }
  .page-20252 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20252 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}
@media screen and (max-width:500px) {
  .page-20252 #PrizesWrapper:after,
  .page-20252 #TakeActionWrapper:after {
    width: 240px;
    height: 40px;
    bottom: -14px;
  }
}
/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-20252 #PrizesWrapper .card-new-points {
    margin-top: 110px !important;
    margin-left: -10px;
  }
}

/* footer */
.mmhf-img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  object-fit: contain;
}

.mmhf-bottom-row {
  display: flex;
  flex-direction: column;
}

.mmhf-plant {
  display: none;
}

.mmhf-plant.plant2 {
  display: block !important;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  max-width: 180px;
  object-fit: contain;
  margin-top: 40px;
}

.mmhf-prop {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  object-fit: contain;
  height: auto;
  align-self: center;
  justify-self: center;
}

@media screen and (min-width: 650px) {

  .page-20252 .featuredActionsWrapper:after,
  .page-20252 #TakeActionWrapper:after,
  .page-20252 #PrizesWrapper:after {
    bottom: -14px;
  }

  .page-20252 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 180px);
  }

  .page-20252 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 180px);
  }

  .mmhf-bottom-row {
    flex-direction: row;
    padding: 0px 80px;
    margin-top: -20px;
  }

  .mmhf-plant {
    display: block !important;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: 180px;
    object-fit: contain;
    margin-top: 40px;
  }

  .mmhf-prop {
    margin-top: 0px;
  }


}

@media screen and (min-width: 650px) and (max-width: 730px) {
  .mmhf-footer {
    padding-bottom: 30px;
  }

  .mmhf-bottom-row {
    flex-direction: row;
    padding: 0px 20px;
    margin-top: -20px;
  }
}

@media screen and (max-width: 650px) {
  .mmhf-footer {
    padding-bottom: 30px;
  }
}

/* End Music's Mental Health */


/* Fleet Foxes Campaign Page */

/* setup */
.body-page-20570 {
  --ff-titlefont: 'SimSun', sans-serif;
  --ff-textfont: 'Adobe Garamond Pro Regular', sans-serif;

  --ff-beige: #F9F7E3;
}

.body-page-20570,
.page-20570 {
  width: 100%;
  max-width: 100%;
  background-color: var(--ff-beige);
}

.header-page-20570 .header {
  padding: 0px 30px;
}

.header-page-20570 .header_right {
  width: auto;
}

.body-page-20570 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20570 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20570 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20570 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20570 .wGutter.right {
  display: none;
}

.body-page-20570 .col2  {
  display: none;
}

.body-page-20570 .page-footer {
  width: 100% !important;
  position: relative;
}

.body-page-20570 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-20570 .small_swiper {
  display: none;
}

.page-20570 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20570 .container,
.body-page-20570 .container {
  max-width: 100%;
  width: 100%;
}

.page-20570 {
  overflow-x: hidden;
  position: relative;
}

/* fix headers */
.body-page-20570 .adaptive-header-image.-mobile {
  background-image: url('../images/fleetfoxes-header-mobile.gif') !important;
}

.body-page-20570 .adaptive-header-image.-desktop {
background-image: url('../images/fleetfoxes-header-desktop.gif') !important;
}

/* hide impact */
.page-20570 .climate_container {
  display: none;
}

/* Set up order */
.page-20570 #TakeActionWrapper {
  order: 1;
}

.page-20570 .featuredActionsWrapper {
  order: 2;
}

.page-20570 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-20570.campaign-locked #TakeActionWrapper,
.page-20570.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-20570.campaign-locked #PrizesWrapper {
  display: block;
}

/* .page-20570.campaign-locked #PrizesWrapper .card-new-link {
  pointer-events: none;
} */

/* desc */
.page-20570 .campaign-body {
  position: relative;
  width: 100%;
}

.ff-desc {
  width: 100%;
  padding: 0px 30px;
  margin-bottom: -30px;
}

.ff-desc p {
  font-family: var(--ff-textfont);
  color: black;
  font-size: 20px;
  text-align: left;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ff-desc-bottom {
  display: flex;
  flex-direction: row;
  align-content: center;
  width: 100%;
  height: 180px;
  overflow-x: hidden;
}

.ff-desc-bottom h2 {
  font-family: var(--ff-titlefont);
  font-weight: 300;
  font-size: 45px;
  line-height: 45px;
  text-transform: uppercase;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  color: black;
  position: relative;
  z-index: 5;
  padding-top: 30px;
}

.ff-desc-img {
  width: 220px;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 1;
}

.ff-desc-animate {
  animation: ff-movein 2s linear forwards;
}

.ff-desc-img.desc-img1 {
  left: -40px;
  transform: translate(-400px);
  clip: rect(0px, 220px, 161px, 40px);
}

.ff-desc-img.desc-img2 {
  right: -40px;
  transform: translate(400px);
  clip: rect(0px, 180px, 171px, 0px);
}

@keyframes ff-movein {
  to {
    transform: translate(0);
    opacity: 1;
  }
}

/* locked desc start button */
.page-20570 .ff-start {
  display: block;
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  width: 100%;
}

.page-20570 .ff-start img {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  height: auto;
  margin-bottom: 15px;
  position: relative;
  /* z-index: 15; */
}


/* Carousels */

.page-20570 .featuredActionsWrapper {
  padding-bottom: 100px;
}

.page-20570 #TakeActionWrapper {
  margin-top: -30px;
  padding-bottom: 80px;
}

.page-20570 #PrizesWrapper {
  padding-bottom: 50px;
}

.page-20570.campaign-locked #PrizesWrapper {
  margin-top: -50px;
}

.page-20570 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-20570 .featuredActionsWrapper .carouselTitle {
  font-family: var(--ff-titlefont);
  font-size: 45px;
  font-weight: 200;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: black;
}

.page-20570 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-20570 #TakeActionWrapper .carouselTitle::after {
  visibility: visible;
  content: 'KEEP TAKING ACTION';
  font-size: 45px;
}

.page-20570 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}
.page-20570 #PrizesWrapper .carouselTitle::after {
  visibility: visible;
  content: 'WHAT YOU CAN WIN';
  font-size: 45px;
}

.page-20570 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-20570 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 85px;
  height: 70px;
  z-index: 8;
}

.page-20570 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ff-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-20570 .featuredActionsWrapper .slick-next {
  background-image: url('../images/ff-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}

.page-20570 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--ff-titlefont);
  color: black;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -28px;
  display: block;
  text-align: center;
  font-size: 35px;
  font-weight: 500;
  line-height: 35px;
}

.page-20570 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -10px;
  display: block;
}

.page-20570 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -10px;
  display: block;
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-20570 #PrizesWrapper .card-new-points,
  .page-20570 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }
  .page-20570 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20570 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20570 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20570 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20570 .featuredActionsWrapper .card-new-info {
    padding: 15px !important;
    height: 130px !important;
    font-size: 2.3rem !important;
  }

  .page-20570 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20570 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }
  .page-20570 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20570 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}
/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-20570 #PrizesWrapper .card-new-points {
    margin-left: -10px;
  }
}

/* how it works */

.body-page-20570 .page-footer {
  padding-top: 30px;
  position: relative;
  z-index: -1;
}

.ff-hiw h1 {
  font-family: var(--ff-titlefont);
  text-transform: uppercase;
  font-size: 45px;
  font-weight: 200;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: black;
  margin-bottom: -30px;
}

.ff-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ff-hiw-sec {
  margin-top: 30px;
  max-width: 395px;
  margin-left: auto;
  margin-right: auto;
}

.ff-hiw-sec img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  object-fit: contain;
}

.ff-hiw-sec h2 {
  text-transform: uppercase;
  font-family: var(--ff-titlefont);
  color: var(--ff-beige);
  text-align: center;
  font-size: 50px;
  font-weight: 100;
  background-image: url('../images/ff-take-action-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ff-hiw-sec:nth-child(2) h2 {
  background-image: url('../images/ff-earn-points-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.ff-hiw-sec:nth-child(3) h2 {
  background-image: url('../images/ff-get-rewards-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.ff-hiw-sec p {
  text-align: center;
  padding: 0px 20px;
  font-family: var(--ff-textfont);
  font-size: 28px;
  color: black;
}

/* partners */
.ff-partners {
  margin-top: 30px;
  padding-bottom: 100px;
}

.ff-partners h1 {
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  font-family: var(--ff-titlefont);
  color: black;
  text-align: center;
  font-size: 45px;
  font-weight: 200;
}

/* desktop */
@media screen and (min-width: 650px) {

  .ff-desc-bottom {
    max-width: 500px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    overflow-x: visible;
  }

  .ff-desc-img {
    opacity: 0;
  }

  .ff-desc-img.desc-img1 {
    left: 0px;
    transform: translate(-400px);
    clip: rect(0px, 220px, 161px, 0px);
  }

  .ff-desc-img.desc-img2 {
    right: 0px;
    transform: translate(400px);
    clip: rect(0px, 220px, 171px, 0px);
  }

  .ff-desc-animate {
    animation: ff-movein 1s linear forwards;
  }

  .ff-desc-img.desc-img1 {
    left: 0px;
    transform: translate(-200px);
  }

  .ff-desc-img.desc-img2 {
    right: 0px;
    transform: translate(200px);
  }

  .page-20570 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 140px);
  }

  .page-20570 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 140px);
  }

  .page-20570 .ff-start {
    left: unset;
    bottom: 35px;
    right: 35px;
    width: 320px;
  }

  .ff-partners h1,
  .page-20570 .featuredActionsWrapper .carouselTitle,
  .page-20570 #TakeActionWrapper .carouselTitle::after,
  .page-20570 #PrizesWrapper .carouselTitle::after,
  .ff-hiw h1 {
    font-size: 50px;
  }



}

@media screen and (min-width: 1100px) {
  .ff-hiw-cont {
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 30px;
  }

  .ff-hiw-sec {
    margin-top: 0px;
    max-width: 344px;
  }

  .ff-hiw-sec img {
    width: 344px;
    height: 344px;
    object-fit: contain;
    aspect-ratio: 1/1;
  }
}


/* End Fleet Foxes Campaign Page */

/* Jack Johnson Campaign Page */

/* setup */
.body-page-20593 {
  --jj-titlefont: 'Trade Gothic Next LT Pro Heavy Condensed', sans-serif;
  --jj-textfont: 'Trade Gothic Next LT Pro Condensed', sans-serif;

  --jj-light: #F7F7F6;
  --jj-orange: #E9A973;
  --jj-tan: #D3C282;
  --jj-pink: #F1C0BF;
}

.body-page-20593,
.page-20593 {
  width: 100%;
  max-width: 100%;
}

.header-page-20593 .header {
  padding: 0px 30px;
}

.header-page-20593 .header_right {
  width: auto;
}

.body-page-20593 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20593 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20593 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20593 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20593 .wGutter.right {
  display: none;
}

.body-page-20593 .col2  {
  display: none;
}

.body-page-20593 .page-footer {
  width: 100% !important;
  position: unset;
}

.body-page-20593 .footer-propeller {
  position: relative;
  z-index: 1;
  padding: 0px 30px;
}

.body-page-20593 .small_swiper {
  display: none;
}

.page-20593 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20593 .container,
.body-page-20593 .container {
  max-width: 100%;
  width: 100%;
}

.page-20593 {
  overflow-x: hidden;
  position: relative;
  z-index: 5;
}

/* hide impact */
.page-20593 .climate_container {
  display: none;
}

/* Set up order */
.page-20593 #TakeActionWrapper {
  order: 1;
}

.page-20593 .featuredActionsWrapper {
  order: 2;
}

.page-20593 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-20593.campaign-locked ~ .page-footer .jj-unlocked-content {
  display: none;
}

.page-20593 .featuredActionsWrapper {
  display: none;
}

.page-20593.campaign-locked .featuredActionsWrapper {
  display: block;
}

/* page background */
.body-page-20593 {

  background: repeating-linear-gradient(to bottom, #e9a973 15%, #f7f8f6 30%, #d3c282 45%, #f7f8f6 60%, #f1c0bf 75%, #e9a973 80%);

  /* background:
  radial-gradient(
    circle at top left,
    #e9a973,
    transparent 500px
  ),
  radial-gradient(
    circle at top right,
    #e9a973,
    transparent 800px
  ),
  radial-gradient(
    at bottom left,
    #d3c282,
    transparent 800px
  ),
  radial-gradient(
    at bottom right,
    #e9a973,
    transparent 800px
  ),
radial-gradient(
    circle at 10% 10%,
    #e9a973,
    transparent 800px
  ),
  radial-gradient(
    circle at 10% 80%,
    #f1c0bf,
    transparent 800px
  ),
radial-gradient(
    circle at 20% 50%,
    #f1c0bf,
    transparent 800px
  ),
  radial-gradient(
    circle at 20% 20%,
    #f1c0bf,
    transparent 800px
  ),
  radial-gradient(
    circle at 30% 70%,
    #e9a973,
    transparent 800px
  ),
    radial-gradient(
    circle at 30% 30%,
    #e9a973,
    transparent 800px
  ),
  radial-gradient(
    circle at 40% 30%,
    #e9a973,
    transparent 800px
  ),
    radial-gradient(
    circle at 40% 70%,
    #f1c0bf,
    transparent 800px
  ),
    radial-gradient(
    circle at 50% 60%,
    #e9a973,
    transparent 800px
  ),
      radial-gradient(
    circle at 50% 10%,
    #d3c282,
    transparent 800px
  ),
    radial-gradient(
    circle at 60% 20%,
    #e9a973,
    transparent 800px
  ),
      radial-gradient(
    circle at 60% 60%,
    #f1c0bf,
    transparent 800px
  ),
    radial-gradient(
    circle at 70% 90%,
    #e9a973,
    transparent 800px
  ),
      radial-gradient(
    circle at 70% 40%,
    #d3c282,
    transparent 800px
  ),
    radial-gradient(
    circle at 80% 70%,
    #f1c0bf,
    transparent 800px
  ),
      radial-gradient(
    circle at 80% 35%,
    #e9a973,
    transparent 1800px
  ),
      radial-gradient(
    circle at 90% 4%,
    #f1c0bf,
    transparent 800px
  ),
        radial-gradient(
    circle at 92% 89%,
    #e9a973,
    transparent 800px
  ),
        radial-gradient(
    circle at 95% 48%,
    #d3c282,
    transparent 800px
  ),
      radial-gradient(
    circle at 99% 99%,
    #f1c0bf,
    transparent 800px
  ),
   radial-gradient(
    circle at 99% 59%,
    #d3c282,
    transparent 800px
  ),
        radial-gradient(
    circle at 99% 9%,
    #e9a973,
    transparent 800px
  ); */
background-size: 100% 100%;
background-repeat: repeat;
  /* animation: jj-move 2s linear alternate infinite; */
}

@media screen and (max-width:649px) {
  /* .body-page-20593 {


    background:
    radial-gradient(
      circle at top left,
      #e9a973,
      transparent 400px
    ),
    radial-gradient(
      circle at top right,
      #e9a973,
      transparent 500px
    ),
    radial-gradient(
      at bottom right,
      #f1c0bf,
      transparent 100px
    ),
    radial-gradient(
      at bottom left,
      #e9a973,
      transparent 300px
    ),
    radial-gradient(
      circle at 54% 97%,
      #d3c282,
      transparent 400px
    ),
    radial-gradient(
      circle at 59% 45%,
      #e9a973,
      transparent 400px
    ),
    radial-gradient(
      circle at 60% 51%,
      #f1c0bf,
      transparent 400px
    ),
  radial-gradient(
      circle at 8% 5%,
      #e9a973,
      transparent 500px
    ),
    radial-gradient(
      circle at 15% 80%,
      #f1c0bf,
      transparent 300px
    ),
  radial-gradient(
      circle at 20% 53%,
      #f1c0bf,
      transparent 400px
    ),
    radial-gradient(
      circle at 20% 20%,
      #f1c0bf,
      transparent 500px
    ),
    radial-gradient(
      circle at 30% 75%,
      #e9a973,
      transparent 500px
    ),
      radial-gradient(
      circle at 30% 32%,
      #e9a973,
      transparent 500px
    ),
    radial-gradient(
      circle at 40% 38%,
      #e9a973,
      transparent 500px
    ),
      radial-gradient(
      circle at 40% 70%,
      #f1c0bf,
      transparent 500px
    ),
      radial-gradient(
      circle at 52% 85%,
      #e9a973,
      transparent 500px
    ),
        radial-gradient(
      circle at 48% 15%,
      #d3c282,
      transparent 500px
    ),
      radial-gradient(
      circle at 60% 25%,
      #e9a973,
      transparent 500px
    ),
        radial-gradient(
      circle at 60% 65%,
      #f1c0bf,
      transparent 600px
    ),
      radial-gradient(
      circle at 70% 95%,
      #f1c0bf,
      transparent 500px
    ),
        radial-gradient(
      circle at 70% 40%,
      #d3c282,
      transparent 300px
    ),
      radial-gradient(
      circle at 80% 68%,
      #f1c0bf,
      transparent 400px
    ),
        radial-gradient(
      circle at 80% 35%,
      #e9a973,
      transparent 500px
    ),
        radial-gradient(
      circle at 90% 4%,
      #f1c0bf,
      transparent 400px
    ),
          radial-gradient(
      circle at 92% 89%,
      #f1c0bf,
      transparent 400px
    ),
          radial-gradient(
      circle at 15% 48%,
      #d3c282,
      transparent 400px
    ),
        radial-gradient(
      circle at 99% 99%,
      #d3c282,
      transparent 400px
    ),
     radial-gradient(
      circle at 99% 59%,
      #d3c282,
      transparent 400px
    ),
          radial-gradient(
      circle at 99% 9%,
      #e9a973,
      transparent 400px
    ),
    radial-gradient(
      circle at 5% 92%,
      #d3c282,
      transparent 400px
    );
  background-size: 100% 120%;
  background-position: 100% 100%;
  background-repeat: repeat;

  } */
}


.jj-bg {
  display: none;
}
/* Maybe */
/*
.jj-bg {
  position: fixed;
  width: 100%;
  min-height: 100vh;
  top: 0;
  background-color: transparent;
  z-index: -1;
  overflow: hidden;
  filter: blur(40px);
}

@keyframes move {
  100% {
      transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

.jj-bg div {
  width: 350px;
  height: 350px;
  border-radius: 30%;
  backface-visibility: hidden;
  position: absolute;
  animation: move;
  animation-duration: 1;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


.jj-bg div:nth-child(0) {
  color: #e9a973;
  top: 88%;
  left: 23%;
  animation-duration: 30s;
  animation-delay: -468s;
  transform-origin: -4vw 1vh;
  box-shadow: -100vmin 0 13.194753689525891vmin currentColor;
}
.jj-bg div:nth-child(1) {
  color: #d3c282;
  top: 34%;
  left: 96%;
  animation-duration: 22s;
  animation-delay: -478s;
  transform-origin: 11vw -12vh;
  box-shadow: 100vmin 0 12.651847442965357vmin currentColor;
}
.jj-bg div:nth-child(2) {
  color: #f1c0bf;
  top: 90%;
  left: 42%;
  animation-duration: 39s;
  animation-delay: -338s;
  transform-origin: 9vw -8vh;
  box-shadow: 100vmin 0 12.810981410605981vmin currentColor;
}
.jj-bg div:nth-child(3) {
  color: #d3c282;
  top: 87%;
  left: 60%;
  animation-duration: 53s;
  animation-delay: -211s;
  transform-origin: 6vw -23vh;
  box-shadow: -100vmin 0 13.282516159448988vmin currentColor;
}
.jj-bg div:nth-child(4) {
  color: #d3c282;
  top: 45%;
  left: 36%;
  animation-duration: 45s;
  animation-delay: -89s;
  transform-origin: 3vw 6vh;
  box-shadow: 100vmin 0 13.004688452378787vmin currentColor;
}
.jj-bg div:nth-child(5) {
  color: #e9a973;
  top: 50%;
  left: 52%;
  animation-duration: 21s;
  animation-delay: -294s;
  transform-origin: -2vw 9vh;
  box-shadow: -100vmin 0 12.586964104881556vmin currentColor;
}
.jj-bg div:nth-child(6) {
  color: #e9a973;
  top: 2%;
  left: 77%;
  animation-duration: 33s;
  animation-delay: -386s;
  transform-origin: -12vw 23vh;
  box-shadow: 100vmin 0 12.6320441456214vmin currentColor;
}
.jj-bg div:nth-child(7) {
  color: #f1c0bf;
  top: 39%;
  left: 29%;
  animation-duration: 30s;
  animation-delay: -263s;
  transform-origin: 22vw -4vh;
  box-shadow: -100vmin 0 12.8056623748842vmin currentColor;
}
.jj-bg div:nth-child(8) {
  color: #d3c282;
  top: 78%;
  left: 57%;
  animation-duration: 25s;
  animation-delay: -220s;
  transform-origin: 20vw 2vh;
  box-shadow: 100vmin 0 13.039863336953303vmin currentColor;
}
.jj-bg div:nth-child(9) {
  color: #f1c0bf;
  top: 95%;
  left: 86%;
  animation-duration: 16s;
  animation-delay: -328s;
  transform-origin: 9vw -6vh;
  box-shadow: -100vmin 0 12.967200179458212vmin currentColor;
}
.jj-bg div:nth-child(10) {
  color: #d3c282;
  top: 44%;
  left: 44%;
  animation-duration: 43s;
  animation-delay: -149s;
  transform-origin: 5vw -11vh;
  box-shadow: 100vmin 0 13.059889712484173vmin currentColor;
}

.jj-bg div:nth-child(11) {
  color: #e9a973;
  top: 3%;
  left: 70%;
  animation-duration: 35s;
  animation-delay: -273s;
  transform-origin: -20vw -5vh;
  box-shadow: -100vmin 0 13.009343260254605vmin currentColor;
}

.jj-bg div:nth-child(12) {
  color: #f1c0bf;
  top: 54%;
  left: 11%;
  animation-duration: 37s;
  animation-delay: -351s;
  transform-origin: 22vw -10vh;
  box-shadow: -100vmin 0 13.090733550513733vmin currentColor;
}
 */



/* desc */
.jj-desc {
  width: 100%;
  position: relative;
  /* padding-bottom: 70px; */
}

.jj-desc p {
  font-family: var(--ff-textfont);
  color: black;
  font-size: 20px;
  text-align: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  margin-bottom: 30px;
}

.jj-desc img {
  position: absolute;
  z-index: -2;
  bottom: -50px;
  left: calc(50% - 108px);
  width: auto;
  height: 200px;
}

.jj-desc .jj-logo {
  width: 90%;
  max-width: 550px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  bottom: unset;
  left: unset;
  padding-bottom: 20px;
}

.jj-desc h2 {
  font-family: var(--jj-titlefont);
  color: black;
  font-size: 33px;
  text-align: center;
  font-weight: 900;
  line-height: 38px;
  width: 350px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding-top: 30px;
}

/* start button */
.jj-start-button {
  transform: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.jj-start-button img {
  width: 100%;
}

/* hardcoded rows */

.jj-action-section img {
  width: 90%;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
}

.jj-plastic-free-img {
  max-width: 280px !important;
}

.jj-action-section h2 {
  font-family: var(--jj-titlefont);
  color: black;
  text-align: center;
  text-transform: uppercase;
  font-size: 60px;
  margin: 0px 0px 30px 0px;
  line-height: 60px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.jj-action-section .jj-action-title-img {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
}

.jj-action-section p {
  font-family: var(--jj-textfont);
  color: black;
  text-align: center;
  font-size: 24px;
  line-height: 26px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
}

.jj-action-cards-section {
  width: 98%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.jj-card {
  width: 310px;
  margin-left: auto;
  margin-right: auto;
  background-color: black;
  color: white;
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
}

.jj-card a {
  position: absolute;
  width: 100%;
  height: 100%;
}

.jj-card img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 1/1;
}

/* card action type rows */
.jj-card .jj-action-type-row {
  /* temp */ background-color: white;
  color: black;
  width: 100%;
  padding: 14px 15px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-direction: row;
}

.jj-card .jj-action-type-row .jj-card-icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  margin-right: 10px;
}

.jj-card .jj-card-points {
  margin-top: 0px;
  padding: 0px;
  width: auto;
  font-size: 15px;
  text-align: right;
  margin-left: auto;
  margin-right: unset;
  margin-bottom: 0;
  line-height: unset;
  font-family: 'neue-haas-grotesk-display', sans-serif;
}

/* petition */
.jj-card .jj-action-type-row.action-petition {
  background-color: #AA24FF;
}

.jj-card .jj-action-type-row.action-petition .jj-card-icon {
  background-image: url('/images/icon_petition.svg?v=icon2021');
}

/* watch */
.jj-card .jj-action-type-row.action-watch {
  background-color: #4384ff;
}

.jj-card .jj-action-type-row.action-watch .jj-card-icon {
  background-image:url('/images/icon_watch.svg?v=icon2021');
}

/* rewards/donations */
.jj-card .jj-action-type-row.action-reward {
  background-color: #73dd30;
}

.jj-card .jj-action-type-row.action-reward .jj-card-icon {
  background-image:url('/images/icon_rewards.svg?v1');
}

/* join */
.jj-card .jj-action-type-row.action-join {
  background-color: #79ff9d;
}

.jj-card .jj-action-type-row.action-join .jj-card-icon {
  background-image:url('/images/icon_join.svg?v=icon2021');;
}


.jj-card .info-box {
  padding: 8px 20px 15px 20px;
  font-size: 23px;
  font-weight: 600;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 112px;
}

/* Prizes Carousel */
.page-20593 .featuredActionsWrapper {
  padding-bottom: 50px;
  margin-top: -40px;
}

.page-20593 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
}

.page-20593 .featuredActionsWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  color: transparent;
}

.page-20593 .featuredActionsWrapper .carouselTitle::after {
  content: "";
  visibility: visible;
  display: block;
  width: 90%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  background-image: url('../images/jj-what-you-can-win-mobile.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 650px) {
  .page-20593 .featuredActionsWrapper .carouselTitle::after {
    background-image: url('../images/jj-what-you-can-win-desktop.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

.page-20593 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-20593 .featuredActionsWrapper:after {
  content: ' MORE\A PRIZES ';
  font-family: var(--jj-titlefont);
  color: black;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -28px;
  display: block;
  text-align: center;
  font-size: 35px;
  font-weight: 500;
  line-height: 35px;
}

.page-20593 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 315px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-20593 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/jj-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 60px;
}

.page-20593 .featuredActionsWrapper .slick-next {
  background-image: url('../images/jj-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 60px;
}


/* mobile */
@media screen and (max-width: 375px) {
  .page-20593 .card-reward {
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 420px) {
  .page-20593 #PrizesWrapper .card-new-points,
  .page-20593 .featuredActionsWrapper .card-new-points {
    margin-left: -25px !important;
  }
  .page-20593 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20593 .featuredActionsWrapper .card-auction-price {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 450px) {
  .page-20593 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20593 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20593 .featuredActionsWrapper .card-new-info {
    padding: 15px !important;
    height: 130px !important;
    font-size: 2.3rem !important;
  }

  .page-20593 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }

  .page-20593 .featuredActionsWrapper .card-new-points {
    margin-left: -15px;
  }
  .page-20593 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20593 .featuredActionsWrapper .card-auction-price {
    margin-left: -15px;
  }

}
/* tablets */
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-20593 #PrizesWrapper .card-new-points {
    margin-left: -10px;
  }
}


/* HIW */
.jj-hiw {
  margin-top: 50px;
}

.jj-hiw-title {
  background-image: url('../images/jj-how-it-works-mobile.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 200px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;

}

@media screen and (min-width:650px) {
  .jj-hiw-title {
    background-image: url('../images/jj-how-it-works-desktop.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    max-width: 500px;
  }
}

.jj-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

.jj-hiw-sec {
  padding-bottom: 30px;
}

.jj-hiw-sec img {
  width: 80%;
  max-width: 380px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.jj-hiw-sec h2 {
  font-family: var(--jj-titlefont);
  text-transform: uppercase;
  font-size: 50px;
  text-align: center;
  color: black;
  margin-bottom: 0px;
}

.jj-hiw-sec p {
  font-family: var(--jj-textfont);
  color: black;
  text-align: center;
  font-size: 22px;
}

.jj-hiw-arrow {
  width: 100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(90deg);
  margin-top: 20px;
  margin-bottom: 50px;
}

@media screen and (min-width: 1250px) {
  .jj-hiw-cont {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .jj-hiw-sec {
    padding: 0px 30px 30px 30px;
  }

  .jj-hiw-sec img {
    width: 280px;
    height: 280px;
    aspect-ratio: 1/1;
  }

  .jj-hiw-arrow {
    transform: none;
    width: 80px;
  }

  .jj-action-section h2 {
    margin-top: 20px;
  }

  .jj-action-section p {
    margin-top: 10px;
    padding: 15px 0px;
  }

  .jj-action-cards-section {
    flex-direction: row;
    justify-content: center;
  }


}

/* Partners */
.jj-partners {
  width: 100%;
  padding-bottom: 50px;
}

.jj-partners-title img {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  height: 100px;
}

.jj-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

.jj-partners-cont div {
  background-image: url('../images/jj-star-burst.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 320px;
  height: 320px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-items: center;
}

.jj-partners-cont div img {
  width: 150px;
  height: 200px;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.jj-partners-cont div:nth-child(1) img {
  width: 120px;
}

/* desktop */
@media screen and (min-width: 650px) {
  .jj-start-button {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 320px;
  }

  .page-20593 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 140px);
  }

  .page-20593 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 140px);
  }

}

/* End Jack Johnson Campaign */

/* Jack Johnson Tour Dates Page */


/* setup */
.body-page-20621 {
  --jj-titlefont: 'Trade Gothic Next LT Pro Heavy Condensed', sans-serif;
  --jj-textfont: 'Trade Gothic Next LT Pro Condensed', sans-serif;

  --jj-light: #F7F7F6;
  --jj-orange: #E9A973;
  --jj-tan: #D3C282;
  --jj-pink: #F1C0BF;

  background: repeating-linear-gradient(5deg, #e9a973 800px, #f7f8f6 1600px, #d3c282 2400px, #f7f8f6 3200px, #f1c0bf 4000px, #e9a973 4800px);
  color: black;
}

.body-page-20621,
.page-20621 {
  width: 100%;
  max-width: 100%;
}

.header-page-20621 .header {
  padding: 0px 30px;
}

.header-page-20621 .header_right {
  width: auto;
}

.body-page-20621 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20621 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20621 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20621 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20621 .wGutter.right {
  display: none;
}

.body-page-20621 .col2  {
  display: none;
}

.body-page-20621 .page-footer {
  width: 100% !important;
  position: unset;
}

.body-page-20621 .footer-propeller {
  position: relative;
  z-index: 1;
  padding: 0px 30px;
}

.body-page-20621 .small_swiper {
  display: none;
}

.page-20621 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20621 .container,
.body-page-20621 .container {
  max-width: 100%;
  width: 100%;
}

.page-20621 {
  overflow-x: hidden;
  position: relative;
  z-index: 5;
}

/* hide impact */
.page-20621 .climate_container {
  display: none;
}

/* desc */
.jjtd-desc {
  font-family: var(--jj-textfont);
  color: black;
  text-align: center;
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
}

.jj-logo {
  width: 90%;
  max-width: 550px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  bottom: unset;
  left: unset;
  padding-bottom: 20px;
}

.jjtd-desc p {
  font-size: 24px;
  padding: 0px 20px;
}

.jjtd-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1500px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.jjtd-sec {
  width: 100%;
  max-width: 280px;
  margin: 40px auto;
}

.jjtd-date-sec {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;

}

.jjtd-date-sec h3 {
  font-family: var(--jj-textfont);
  font-size: 25px;
  font-weight: 100;
  padding: 0px 10px;
}

.jjtd-date-sec .burst {
  background-image: url('../images/star-tour-dates.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 28px;
  height: 28px;

}

.jjtd-sec h2 {
  font-family: var(--jj-titlefont);
  font-size: 38px;
  text-transform: uppercase;
}

.jjtd-sec p {
  font-family: var(--jj-textfont);
  font-size: 22px;
}

.jjtd-sec img {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  margin-top: -10px;
}




/* End Jack Johnson Tour Dates */

/* Jack Johnson Custom Events Page */
.body-page-20554 .event-single-wrapper {
  background: repeating-linear-gradient(to bottom, #e9a973 15%, #f7f8f6 30%, #d3c282 45%, #f7f8f6 60%, #f1c0bf 75%, #e9a973 80%);
  backdrop-filter: blur(50px) opacity(0.6);
  color: black;
}

/* .body-page-20554 .stars-border::before {
  background-color: transparent;
  display: none;
}

.body-page-20554 .stars-border {
  background-image: none;
  border: 30px solid transparent;
  border-image-source: url('../images/event-stars-still.png');
  border-image-slice: 35%;
  border-image-repeat: round;
  border-image-width: 30px;
  box-sizing: border-box;
  /* animation: starsanimation 2s infinite alternate;
} */


.body-page-20554 .event-text-cont {

}

.body-page-20554 .event-single .event-intro,
.body-page-20554 .event-desktop-top .event-intro {
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.body-page-20554 .event-single .event-intro::before,
.body-page-20554 .event-desktop-top .event-intro::before,
.body-page-20554 .event-single .event-intro::after,
.body-page-20554 .event-desktop-top .event-intro::after {
  content: "";
  display: block;
  background-image: url('../images/star-tour-dates.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  padding: 0px 20px;
}

.body-page-20554 .edesktop.read-more-button,
.body-page-20554 .event-single .read-more-button,
.body-page-20554 .event-single-wrapper .read-more-button {
  color: black;
}

.body-page-20554 .event-single .read-more-button:hover,
.body-page-20554 .event-single-wrapper .read-more-button:hover {
  border: none;
}

.body-page-20554 .actions_landing_wrapper {
  background-color: transparent;
}

.body-page-20554 .event-take-action-title {
  filter: brightness(0%);
}

.body-page-20554 .event-down-arrow {
 filter: brightness(0%);
}

.body-page-20554 .event-take-action-desc {
  color: black;
}

.body-page-20554 .actiond-container {
  background-image: none;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

/* .body-page-20554 .event-action-card-link, */
/* .body-page-20554 .event_act.event_actions, */
.body-page-20554 .event_act_cont,
.body-page-20554 .actiond-container .event_act_cont.completed {
  background-color: #151515;
  margin: 30px auto;
  width: 95%;
  padding-bottom: 0px;
  padding-top: 20px;
  border-radius: 10px;
}

@media screen and (min-width: 650px) {
  .body-page-20554 .event-action-card-link,
  .body-page-20554 .actiond-container .event_act_cont.completed {
    width: 45%;
  }
}

.body-page-20554 .event_act_cont {
  box-shadow: none;
}

.body-page-20554 .action-second-row .alien,
.body-page-20554 .action-second-row .com_alien {
  background-image: url('../images/jj-star-burst.png');
}

.body-page-20554 .act_entries,
.body-page-20554 .act_entries_com {
  color: #e9a973 !important;
}

.body-page-20554 .event_act .act_icon_txt.com_1 {
  background-color: #e9a973;
}

.body-page-20554 .event-action.action-completem {
  /* color: white; */
}

.body-page-20554 .event-button-cont {
  bottom: 10px;
}

.body-page-20554 .event-button-docked {
  width: 85%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  background-image: none;
  background-color: #e9a973;
  border: 3px solid black;
}

.body-page-20554 .event-button-docked::after {
  content: 'ENTER NOW';
  text-align: center;
  display: block;
  font-family: 'Trade Gothic Next LT Pro Heavy Condensed', sans-serif;
  font-size: 50px;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
  padding: 10px 0px 14px 0px;
}

.body-page-20554 .stars-border-top {
  background-image: none;
  width: 100%;
  height: 40px;
  text-align: center;
}
.body-page-20554 .stars-border-top::after {
  content: '* * * * * * * * * * * * * * * * * * *';
  font-family: 'Permanent Marker', sans-serif;
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  letter-spacing: 5px;
}

.body-page-20554 .stars-border-bottom {
  background-image: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  text-align: center;
}
.body-page-20554 .stars-border-bottom::after {
  content: '* * * * * * * * * * * * * * * * * * *';
  font-family: 'Permanent Marker', sans-serif;
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  letter-spacing: 5px;
}

@media screen and (max-width: 1058px) {
  .body-page-20554 .stars-border-top::after {
    content: '* * * * * * * * * * *';
  }
  .body-page-20554 .stars-border-bottom::after {
    content: '* * * * * * * * * * *';
  }
}

.body-page-20554 .event-stars {
  background-image: none;
  height: auto;
  padding: 10px 0px;
}

.body-page-20554 .event-stars::after {
  content: '* * * * * * * * * * * *';
  font-family: 'Permanent Marker', sans-serif;
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  text-align: center;
  letter-spacing: 5px;
}

/* JJ single action */

.body-page-20554 .action-details.ev-head .ev-head-txt {
  color: black;
  padding: 20px 8px 0px 8px;
}

.body-page-20554 .action_detail_wrapper .event_act_cont {
  color: white;
}

.body-page-20554 .action_detail_wrapper .event_act_cont img {
  max-width: 400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.body-page-20554 .action_detail_wrapper .event_act_cont .event-single-actbar {
  margin-top: 20px;
  max-width: 500px;
  border-radius: 10px;
  background-color: #151515;
}


/* End Jack Johnson */


/* Meow Wolf Campaign Page */

/* setup */
.body-page-20601 {
  --mw-titlefont: 'Montserrat Black', sans-serif;
  --mw-textfont: 'Exo 2 Regular', sans-serif;

  --mw-blue: #26A9E0;
  --mw-pink: #E952Bf;
  --mw-red: #E7444E;
  --mw-purple: #B728DB;
  --mw-yellow: #F7E00D;
}

.body-page-20601,
.page-20601 {
  width: 100%;
  max-width: 100%;
}

.header-page-20601 .header {
  padding: 0px 30px;
}

.header-page-20601 .header_right {
  width: auto;
}

.body-page-20601 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20601 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20601 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20601 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20601 .wGutter.right {
  display: none;
}

.body-page-20601 .col2  {
  display: none;
}

.body-page-20601 .page-footer {
  width: 100% !important;
  position: relative;
}

.body-page-20601 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-20601 .page-footer {
  position: relative;
  z-index: -1;
}

.body-page-20601 .small_swiper {
  display: none;
}

.page-20601 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20601 .container,
.body-page-20601 .container {
  max-width: 100%;
  width: 100%;
}

.page-20601 {
  overflow-x: hidden;
  position: relative;
  z-index: 5;
}

.body-page-20601 .adaptive-header-image.-mobile {
  background-image: url('../images/meow-wolf-header-mobile.gif') !important;
}

.body-page-20601 .adaptive-header-image.-desktop {
background-image: url('../images/meow-wolf-header-desktop.gif') !important;
}

/* hide impact */
.page-20601 .climate_container {
  display: none;
}

/* Set up order */
.page-20601 #TakeActionWrapper {
  order: 1;
}

.page-20601 .featuredActionsWrapper {
  order: 2;
}

.page-20601 #PrizesWrapper {
  order: 3;
}

/* hub functionality */

.page-20601.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-20601.campaign-locked #PrizesWrapper {
  display: block;
  /* margin-top: -100px; */

}

/* desc */
.mw-desc {
  width: 100%;
  min-height: 260px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  padding-bottom: 20px;
  overflow: hidden;
  position: relative;
  z-index: 5;
  margin-top: -30px;
  margin-bottom: -30px;
}

.mw-dleft {
  width: 65%;
  text-align: left;
}

.mw-dleft p {
  font-family: var(--mw-textfont);
  color: black;
  font-size: 16px;
}

.mw-dleft h2 {
  font-family: var(--mw-titlefont);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 25px;
  color: var(--mw-blue);
  /* width: 220px; */
}

.mw-dright {
  width: 40%;
  position: relative;
  height: 340px;
}

.mw-temple {
  width: 140px;
  height: auto;
  position: absolute;
  right: 0;
  /* top: 0; */
  bottom: calc(50% - 125px);
  transform: translate(350px);
}

.mw-hole {
  width: 130px;
  height: auto;
  position: absolute;
  bottom: -15px;
  transform: translate(0, 300px);
}

.mw-desc-animate {
  animation: mw-movein 1s linear forwards;
}

@keyframes mw-movein {
  to {
    transform: translate(0);
  }
}

@keyframes mw-opacityd {
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* locked desc start button */
.mw-start {
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 100%;
  z-index: 10;
}

.mw-start a {
  position: relative;
  width: 85%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mw-start img {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

/* carousels */
.page-20601 .featuredActionsWrapper {
  padding-bottom: 110px;
  background-image: url('../images/mw-background-01.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: repeat;
  border-bottom: 1px solid black;
  padding-top: 45px;
}

.page-20601 #TakeActionWrapper {
  margin-top: -100px;
  padding-bottom: 70px;
  padding-top: 0px;
}

.page-20601 #PrizesWrapper {
  background-image: url('../images/mw-background-02.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: repeat;
  padding-bottom: 70px;
  padding-top: 0px;
}

.page-20601 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-20601 .featuredActionsWrapper .carouselTitle {
  font-size: 45px;
  font-family: var(--mw-titlefont);
  color: white;
  text-align: center;
  width: 90%;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
}

.page-20601 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  color: transparent;
}

.page-20601 #TakeActionWrapper .carouselTitle::after {
  content: 'KEEP TAKING ACTION';
  font-size: 45px;
  visibility: visible;
  display: block;
  color: white;
}

.page-20601 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  color: transparent;
}

.page-20601 #PrizesWrapper .carouselTitle::after {
  content: 'WHAT YOU CAN WIN';
  font-size: 45px;
  visibility: visible;
  display: block;
  color: white;
}

/* cards */
.page-20601 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-20601 .featuredActionsWrapper .card-new {
  position: relative;
  padding-bottom: 20px;
  border: 2px solid black;
}

.page-20601 .featuredActionsWrapper .card-new-image {
  transform: scale(0.86);
}

.page-20601 .featuredActionsWrapper .card-new-bar {
  padding: 0px;
  background-color: transparent;
  height: 0px;
  width: 0px;
}

.page-20601 .featuredActionsWrapper .card-new-icon-box,
.page-20601 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-20601 .featuredActionsWrapper .card-new-points,
.page-20601 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  width: 100%;
  text-align: center;
  font-size: 30px;
  position: absolute;
  bottom: 10px;
  left: 0;
  font-family: var(--mw-titlefont);
  color: var(--mw-blue);
}

.page-20601 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-20601 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-20601 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-20601 .featuredActionsWrapper .card-new-info {
  background-color: white;
  color: black;
  margin-top: -20px;
}

.page-20601 .featuredActionsWrapper .card-new-info-container {
  font-size: 18px;
  text-align: center;
  font-family: var(--mw-textfont);
  color: black;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 75px;
}

.page-20601 .featuredActionsWrapper:after {
  content: ' MORE ';
  width: 180px;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -45px;
  display: block;
  text-align: center;
  font-size: 35px;
  color: var(--mw-yellow);
  font-family: var(--mw-titlefont);
}

.page-20601 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  bottom: -25px;
}

.page-20601 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  bottom: -25px;
}

.page-20601 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 100px;
  height: 80px;
}

.page-20601 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/mw-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20601 .featuredActionsWrapper .slick-next {
  background-image: url('../images/mw-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

/* mobile */
@media screen and (max-width: 420px) {
  .page-20601 #PrizesWrapper .card-new-points,
  .page-20601 .featuredActionsWrapper .card-new-points {
    /* margin-left: -25px !important; */
  }

  .page-20601 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-20601 .featuredActionsWrapper .card-auction-price {
    /* margin-left: -25px !important; */
  }
}
@media screen and (max-width: 450px) {
  .page-20601 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  /* .page-20601 .featuredActionsWrapper:after {
    bottom: -30px;
  }

  .page-20601 #TakeActionWrapper:after {
    bottom: -8px;
  }

  .page-20601 #PrizesWrapper:after {
    bottom: -8px;
  } */

  .page-20601 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20601 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -50px;
  }

  .page-20601 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

/* HIW */
.mw-hiw {
  background-image: url('../images/mw-background-03.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 40px 15px;
  margin-top: -30px;
  border-bottom: 1px solid black;
}

@media screen and (min-width: 550px) {
  .mw-hiw {
    margin-top: -40px;
  }
}

.mw-hiw-cont {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.mw-hiw h1 {
  font-family: var(--mw-titlefont);
  font-size: 45px;
  line-height: 50px;
  color: white;
  text-align: center;
  padding-bottom: 20px;
}

.mw-hiw-sec {
  width: 94%;
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-bottom: 30px;
  padding: 20px;
  border: 2px solid black;
}

@media screen and (min-width: 1230px) {
  .mw-hiw-cont {
    width: 90%;
    flex-direction: row;
  }

  .mw-hiw-sec {
    margin: 30px 10px;
  }
}

.mw-hiw-sec img {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.mw-hiw-sec h2 {
  font-family: var(--mw-titlefont);
  font-size: 35px;
  text-align: center;
  text-transform: uppercase;
  color: var(--mw-purple);
}

.mw-hiw-sec:nth-child(2) h2 {
  color: var(--mw-red);
}

.mw-hiw-sec:nth-child(2) h2 {
  color: var(--mw-blue);
}

.mw-hiw-sec p {
  font-family: var(--mw-textfont);
  color: black;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

/* partners */
.mw-partners-cont {
  width: 100%;
  background-image: url('../images/mw-background-02.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0px;
}

.mw-partners-cont h1 {
  font-family: var(--mw-titlefont);
  color: white;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  padding: 30px 0px;
  padding-bottom: 150px;
}

.mw-partners-cont .prop-logo {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  max-width: 350px;
}

/* desktop */
@media screen and (min-width: 650px) {
  .mw-start {
    bottom: 30px;
    left: unset;
    right: 30px;
    max-width: 320px;
  }

  .mw-desc {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 20%;
    padding-right: 20%; */
    margin-top: -30px;
    margin-bottom: -40px;
  }

  .mw-dright {
    height: 240px;
  }

  .mw-hole,
  .mw-temple {
    opacity: 0;
  }

  .mw-desc-animate {
    animation: mw-movein 1s linear forwards,
    mw-opacityd 1s linear forwards;
  }

  .page-20601 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 160px);
  }

  .page-20601 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 160px);
  }

  .page-20601 .featuredActionsWrapper:after {
    bottom: -48px;
  }

}


/* End Meow Wolf */


/* The Black Keys Campaign - 20770 */
.body-page-20770 {
  --tbk-titlefont: 'Alternate Gothic Compressed', sans-serif;
  --tbk-textfont: 'Fira Sans Regular', sans-serif;

  --tbk-light: #FCF3E1;
  --tbk-pink: #E96DA5;
}

.body-page-20770,
.page-20770 {
  width: 100%;
  max-width: 100%;
}

.header-page-20770 .header {
  padding: 0px 30px;
}

.header-page-20770 .header_right {
  width: auto;
}

.body-page-20770 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20770 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20770 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20770 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20770 .wGutter.right {
  display: none;
}

.body-page-20770 .col2  {
  display: none;
}

.body-page-20770 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
}

.body-page-20770 .footer-propeller {
  position: relative;
  z-index: 1;
  padding: 0px 30px;
}

.body-page-20770 .small_swiper {
  display: none;
}

.page-20770 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20770 .container,
.body-page-20770 .container {
  max-width: 100%;
  width: 100%;
}

.page-20770 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-20770 .climate_container {
  display: none;
}

/* Set up order */
.page-20770 #TakeActionWrapper {
  order: 1;
}

.page-20770 .featuredActionsWrapper {
  order: 2;
}

.page-20770 #PrizesWrapper {
  order: 3;
}

/* hub functionality */

.page-20770.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-20770.campaign-locked #PrizesWrapper {
  display: block;
  margin-top: -35px;
}

.page-20770.campaign-locked #PrizesWrapper .home-header::before {
  background-image: none;
}

.page-20770.campaign-locked ~ .page-footer .tbk-start {
  display: block !important;
}

.page-20770.campaign-locked .featuredActionsWrapper .slick-track a {
  pointer-events: none;
}


/* desc */
.tbk-desc {
  width: 100%;
  height: auto;
  background-image: url('../images/tbk-background.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -38px;
  position: relative;
  z-index: 1;
  display: block;
}

.tbk-desc p {
  font-family: var(--tbk-titlefont);
  font-size: 40px;
  line-height: 42px;
  padding: 30px 40px 10px 40px;
  color: var(--tbk-light);
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.tbk-desc .tbk-desc-car {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(450px);
  bottom: 0;
  z-index: 1;
}

.tbk-desc .tbk-desc-car.tbk-car-desktop {
  display: none;
}

.tbk-animate-car {
  animation: tbk-car 1s forwards linear;
}

@keyframes tbk-car {
  19% {
    transform: translateY(450px);
  }
  20% {
    transform: translateY(360px);
  }
  39% {
    transform: translateY(360px);
  }
  40% {
    transform: translateY(270px);
  }
  59% {
    transform: translateY(270px);
  }
  60% {
    transform: translateY(180px);
  }
  79% {
    transform: translateY(180px);
  }
  80% {
    transform: translateY(90px);
  }
  99% {
    transform: translateY(90px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes tbk-car-desktop {
  20% {
    transform: translateY(1100px);
  }
  39% {
    transform: translateY(1100px);
  }
  40% {
    transform: translateY(800px);
  }
  59% {
    transform: translateY(800px);
  }
  60% {
    transform: translateY(600px);
  }
  79% {
    transform: translateY(600px);
  }
  80% {
    transform: translateY(400px);
  }
  99% {
    transform: translateY(400px);
  }
  100% {
    transform: translateY(300px);
  }
}

.tbk-desc-line {
  background-image: url('../images/tbk-pink-line.png');
  background-position: center top;
  background-size: contain;
  width: 100%;
  height: 20px;
  background-repeat: repeat-x;
  position: relative;
  z-index: 2;
  margin-top: -10px;
  margin-bottom: -5px;
}

/* carousels */
.page-20770 .featuredActionsWrapper {
  position: relative;
  z-index: 2;
  background-image: url('../images/tbk-background.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 130px;
}

.page-20770 #TakeActionWrapper {
  margin-top: -128px;
  padding-bottom: 20px;
}

.page-20770 #PrizesWrapper {
  padding-bottom: 20px;
}

.page-20770 .featuredActionsWrapper .home-header::before {
  content: '';
  display: block;
  background-image: url('../images/tbk-pink-line.png');
  background-position: center top;
  background-size: contain;
  width: 100%;
  height: 20px;
  margin-top: -9px;
  background-repeat: repeat-x;
}

.page-20770 #TakeActionWrapper .home-header::before {
  content: '';
  background-image: none;
}

.page-20770 .featuredActionsWrapper .home-header-row {
  width: 100%;
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.page-20770 .featuredActionsWrapper .carouselTitle {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: var(--tbk-light);
  font-family: var(--tbk-titlefont);
  font-size: 60px;
  padding: 20px 0px;
}

.page-20770 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  color: transparent;
}

.page-20770 #TakeActionWrapper .carouselTitle::after {
  content: '';
  visibility: visible;
  display: block;
  background-image: url('../images/tbk-keep-taking-action.gif');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 94%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.page-20770 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  color: transparent;
}

.page-20770 #PrizesWrapper .carouselTitle::after {
  content: '';
  visibility: visible;
  display: block;
  background-image: url('../images/tbk-what-you-can-win.gif');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 94%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

/* cards */
.page-20770 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-20770 .featuredActionsWrapper .card-new-container {
  position: relative;
  padding-bottom: 20px;
  background-color: transparent;
  background-image: url('../images/tbk-pink-frame.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-20770 .featuredActionsWrapper .card-new {
  transform: scale(0.86);
  background-color: transparent;
}

.page-20770 .featuredActionsWrapper .card-new-image {
}

.page-20770 .featuredActionsWrapper .card-new-icon-box,
.page-20770 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-20770 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-20770 .featuredActionsWrapper .card-new-points{
  display: block;
  text-transform: uppercase;
  word-spacing: 5px;
  width: 100%;
  text-align: center;
  font-size: 60px;
  position: absolute;
  bottom: -58px;
  left: 0;
  font-family: var(--tbk-titlefont);
  color: var(--tbk-pink);
}
.page-20770 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  text-transform: uppercase;
  word-spacing: 5px;
  width: 100%;
  text-align: center;
  font-size: 60px;
  position: absolute;
  bottom: -58px;
  left: 0;
  font-family: var(--tbk-titlefont);
  color: var(--tbk-pink);
}

.page-20770 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-20770 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-20770 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none !important;
}

.page-20770 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-20770 .featuredActionsWrapper .card-new-info-container {
  font-family: var(--tbk-textfont);
  font-size: 22px;
  text-align: center;
  color: var(--tbk-light);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 95px;
}


.page-20770 #TakeActionWrapper:after {
  content: ' ';
  background-image: url('../images/tbk-more-actions.gif');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 150px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  bottom: -25px;
}

.page-20770 #PrizesWrapper:after {
  content: ' ';
  background-image: url('../images/tbk-more-prizes.gif');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 150px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  bottom: -25px;
}

.page-20770 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 100px;
  height: 80px;
}

.page-20770 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/tbk-left-arrow.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20770 .featuredActionsWrapper .slick-next {
  background-image: url('../images/tbk-right-arrow.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-20770 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20770 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20770 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-20770 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-20770 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-20770 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }
}

/* How It Works */
.tbk-hiw {
  width: 100%;
  background-image: url('../images/tbk-background.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -30px;
}

.tbk-hiw::before {
  content: '';
  display: block;
  background-image: url('../images/tbk-pink-line.png');
  background-position: center top;
  background-size: contain;
  width: 100%;
  height: 20px;
  margin-top: -9px;
  background-repeat: repeat-x;
  position: absolute;
}

.tbk-hiw-title {
  width: 95%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  object-fit: contain;
  padding: 20px 0px 20px 0px;
}

.tbk-hiw-cont {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}

.tbk-hiw-sec {
  width: 80%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.tbk-hiw-sec img {
  width: 100%;
  height: auto;
  max-height: 230px;
  object-fit: contain;
}

.tbk-hiw-sec img:nth-child(1) {
  height: 230px;
}

.tbk-hiw-sec img:nth-child(2) {
  height: 130px;
}

.tbk-hiw-sec p {
  font-family: var(--tbk-textfont);
  font-size: 20px;
  color: var(--tbk-light);
  text-align: center;
}

@media screen and (min-width: 1100px) {
  .tbk-hiw-cont {
    flex-direction: row;
  }

  .tbk-hiw-sec img {
    width: 340px;
    height: 200px;
  }
}

/* Partners */
.tbk-partners {
  background-image: url('../images/tbk-background.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 40px;
}

.tbk-partners::before {
  content: '';
  display: block;
  background-image: url('../images/tbk-pink-line.png');
  background-position: center top;
  background-size: contain;
  width: 100%;
  height: 20px;
  margin-top: -9px;
  background-repeat: repeat-x;
  position: absolute;
}

.tbk-partners-title {
  width: 70%;
  max-width: 340px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0px;
}

.tbk-partners-stm {
  width: 80%;
  max-width: 400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 80px 0px;
}

.tbk-partners-prop {
  width: 80%;
  max-width: 400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0px;
}

/* start button */
.tbk-start {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
}

.tbk-start img {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

/* desktop */
@media screen and (min-width: 550px) {
  .tbk-desc {
    margin-top: -45px;
  }

  .tbk-hiw {
    margin-top: -40px;
  }
}

@media screen and (min-width: 650px) {
  .page-20770 #TakeActionWrapper {
    margin-top: -130px;
  }

  .page-20770 #TakeActionWrapper .carouselTitle::after {
    height: 120px;
  }

  .page-20770 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 200px);
  }

  .page-20770 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 200px);
  }

  .tbk-start {
    left: unset;
    right: 30px;
    bottom: 30px;
    width: 350px;
  }

  .tbk-desc-car.tbk-car-mobile {
    display: none;
  }

  .tbk-desc .tbk-desc-car.tbk-car-desktop {
    display: block;
  }

}

@media screen and (min-width: 1000px) {
  /* .tbk-animate-car {
    animation: tbk-car-desktop 1s forwards linear;
  }

  .tbk-desc .tbk-desc-car {
    transform: translateY(1100px);
    margin-top: -300px;
    max-width: 1400px;
  } */
}
/* End The Black Keys Campaign */

/* The Black Key Tour Dates */
.body-page-20861 {
  --tbk-titlefont: 'Alternate Gothic Compressed', sans-serif;
  --tbk-textfont: 'Fira Sans Regular', sans-serif;

  --tbk-light: #FCF3E1;
  --tbk-pink: #E96DA5;

  background-image: url('../images/tbk-td-background.png');
  background-size: contain;
  background-repeat: repeat;
  color: var(--tbk-light);
}

@media screen and (min-width: 650px) {
  .body-page-20861 {
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.body-page-20861,
.page-20861 {
  width: 100%;
  max-width: 100%;
}

.header-page-20861 .header {
  padding: 0px 30px;
}

.header-page-20861 .header_right {
  width: auto;
}

.body-page-20861 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20861 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20861 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20861 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20861 .wGutter.right {
  display: none;
}

.body-page-20861 .col2  {
  display: none;
}

.body-page-20861 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
}

.body-page-20861 .footer-propeller {
  position: relative;
  z-index: 1;
  padding: 0px 30px;
}

.body-page-20861 .small_swiper {
  display: none;
}

.page-20861 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20861 .container,
.body-page-20861 .container {
  max-width: 100%;
  width: 100%;
}

/* hide impact */
.page-20861 .climate_container {
  display: none;
}

/* desc */
.tbk-td-desc {
  padding: 0px 20px 20px 20px;
  font-family: var(--tbk-titlefont);
  font-size: 35px;
  line-height: 38px;
  text-align: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* Tour Dates */
.tbk-td-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.tbk-td-sec {
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 15px;
}

.tbk-td-sec h3 {
  font-family: var(--tbk-textfont);
  margin-bottom: 0;
}

.tbk-td-sec h2 {
  font-family: var(--tbk-titlefont);
  font-size: 40px;
  font-weight: 100;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.tbk-td-sec div {
  font-family: var(--tbk-titlefont);
  border: 2px solid var(--tbk-pink);
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.tbk-td-sec div a {
  color: var(--tbk-pink);
  text-transform: uppercase;
  font-size: 35px;
  padding: 8px 0px;
}

/* End The Black Keys */

/* LIZZO campaign */
.body-page-20985 {
  --lizzo-titlefont: 'Termina Heavy', sans-serif;
  --lizzo-textfont: 'Trade Gothic Next LT Pro Heavy Condensed', sans-serif;

  --lizzo-red: #D90009;
  --lizzo-green: #109338;
  --lizzo-yellow: #F6EB4E;

  background-color: black;
}

.body-page-20985,
.page-20985 {
  width: 100%;
  max-width: 100%;
}

.header-page-20985 .header {
  padding: 0px 30px;
}

.header-page-20985 .header_right {
  width: auto;
}

.body-page-20985 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-20985 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-20985 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-20985 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-20985 .wGutter.right {
  display: none;
}

.body-page-20985 .col2  {
  display: none;
}

.body-page-20985 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-20985 .footer-propeller {
  position: relative;
  z-index: 1;
  padding: 0px 30px;
}

.body-page-20985 .small_swiper {
  display: none;
}

.page-20985 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-20985 .container,
.body-page-20985 .container {
  max-width: 100%;
  width: 100%;
}

.page-20985 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-20985 .climate_container {
  display: none;
}

/* Set up order */
.page-20985 #TakeActionWrapper {
  order: 1;
}

.page-20985 .featuredActionsWrapper {
  order: 2;
}

.page-20985 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-20985.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-20985.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -100px;
}

.page-20985.campaign-locked ~ .page-footer .lizzo-start {
  display: block;
}


/* desc */
.lizzo-desc .desc-p {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  color: var(--lizzo-yellow);
  font-family: var(--lizzo-textfont);
  padding: 20px 20px;
  font-size: 20px;
}

.lizzo-desc .desc-top {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('../images/lizzo-repeatable-bg-01.jpg');
  background-repeat: repeat;
  background-size: contain;
  background-position: center top;
  width: 100%;
  padding: 10%;
}

.lizzo-desc .desc-top iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  max-width: 450px;
  max-height: 450px;
}

.lizzo-desc .desc-bottom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 95%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  /* max-width: 450px; */
  margin-left: auto;
  margin-right: auto;
}

.lizzo-desc img:nth-child(1) {
  width: 60%;
  height: auto;
}

.lizzo-desc img:nth-child(2) {
  width: 30%;
  height: auto;
}

/* carousels */
.page-20985 .featuredActionsWrapper {
  padding-bottom: 100px;
}

.page-20985 #TakeActionWrapper {
  margin-top: -150px;
  padding-bottom: 80px;
}

.page-20985 #PrizesWrapper {
  padding-bottom: 0px;
  margin-top: -50px;
}

.page-20985 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}

.page-20985 .featuredActionsWrapper .carouselTitle {
  font-family: var(--lizzo-titlefont);
  color: var(--lizzo-red);
  font-size: 35px;
  padding: 0px 20px;
}

.page-20985 #TakeActionWrapper .carouselTitle {
  visibility: none;
  font-size: 1px;
  color: transparent;
}

.page-20985 #TakeActionWrapper .carouselTitle::after {
  content: ' ';
  visibility: visible;
  display: block;
  background-image: url('../images/lizzo-keep-taking-action.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 240px;
}

.page-20985 #PrizesWrapper .carouselTitle {
  visibility: none;
  font-size: 1px;
  color: transparent;
}

.page-20985 #PrizesWrapper .carouselTitle::after {
  content: ' ';
  visibility: visible;
  display: block;
  background-image: url('../images/lizzo-what-you-can-win.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 240px;
}

/* cards */
.page-20985 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: transparent;
}

.page-20985 .featuredActionsWrapper .card-new {
  background-color: var(--lizzo-yellow);
  border-radius: 20px;
  padding-bottom: 10px;
}

.page-20985 .featuredActionsWrapper .card-new-image {
  transform: scale(0.86);
}

.page-20985 .featuredActionsWrapper .card-new-icon-box,
.page-20985 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-20985 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-20985 .featuredActionsWrapper .card-new-points,
.page-20985 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-20985 .featuredActionsWrapper .card-auction-price {
  display: block !important;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 23px;
  position: absolute;
  bottom: 20px;
  left: 0;
  font-family: var(--lizzo-titlefont);
  color: var(--lizzo-green);
}

.page-20985 .featuredActionsWrapper .card-auction-price {
  bottom: 10px;
}

.page-20985 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-20985 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-20985 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-20985 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-20985 .featuredActionsWrapper .card-new-info-container {
  font-family: var(--lizzo-titlefont);
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: black;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 80px;
  margin-top: -28px;
}

.page-20985 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--lizzo-textfont);
  font-size: 35px;
  line-height: 35px;
  text-align: center;
  color: var(--lizzo-red);
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.page-20985 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  margin-top: 15px;
}

.page-20985 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  margin-top: 15px;
}

.page-20985 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 100px;
  height: 80px;
}

.page-20985 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/lizzo-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-20985 .featuredActionsWrapper .slick-next {
  background-image: url('../images/lizzo-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-20985 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-20985 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-20985 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-20985 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-20985 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-20985 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }
}

/* How it Works */
.lizzo-hiw-title {
  width: 100%;
  object-fit: contain;
  max-width: 450px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -70px;
}

.lizzo-hiw .hiw-cont {
  display: flex;
  flex-direction: column;
}

.lizzo-hiw .hiw-sec {
  width: 80%;
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
}

.lizzo-hiw .hiw-sec .hiwimg {
  background-size: contain;
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
}

.lizzo-hiw .hiw-sec:nth-child(1) .hiwimg {
  background-image: url('../images/lizzo-take-action.gif');
}

.lizzo-hiw .hiw-sec:nth-child(2) .hiwimg {
  background-image: url('../images/lizzo-earn-points.gif');
}

.lizzo-hiw .hiw-sec:nth-child(3) .hiwimg {
  background-image: url('../images/lizzo-get-prizes.gif');
}

.lizzo-hiw .hiw-sec p {
  color: var(--lizzo-yellow);
  font-family: var(--lizzo-textfont);
  text-align: center;
  font-size: 20px;
}

/* partners */
.lizzo-partners {
  padding-bottom: 50px;
}

.lizzo-partners-title {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding-bottom: 50px;
}

.lizzo-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -70px;
}

.lizzo-partners-cont img {
  width: 200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.lizzo-partners-cont img:nth-child(2) {
  width: 220px;
}

.lizzo-prop-logo {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  margin-top: 50px;
}

/* start-button */
.lizzo-start {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 100%;
}

.lizzo-start img {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* desktop */
@media screen and (min-width: 650px) {

  .lizzo-desc .desc-top {
    padding: 30px;
  }

  .page-20985 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 160px);
  }

  .page-20985 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 160px);
  }

  .lizzo-start {
    width: 350px;
    left: unset;
    bottom: 30px;
    right: 30px;
  }

  .lizzo-start img {
    width: 100%;
  }

}

@media screen and (min-width: 1000px) {
  .lizzo-hiw .hiw-cont {
    flex-direction: row;
  }

  .lizzo-hiw .hiw-sec {
    padding: 0px 30px;
  }
}

/* End LIZZO campaign */

/* Lil Dicky Campaign - 21234 */
.body-page-21234 {
  /* color & font vars */
  --ld-green: #17ccae;
  --ld-pink: #d84186;
  --ld-blue: #0057f0;
  --ld-yellow: #f7f114;

  --ld-font: 'Anton Regular', sans-serif;
  --ld-script: 'Knewave Regular', sans-serif;
}

.body-page-21234,
.page-21234 {
  width: 100%;
  max-width: 100%;
}

.body-page-21234 .wrapper {
  overflow-x: hidden;
}

.header-page-21234 .header {
  padding: 0px 30px;
}

.header-page-21234 .header_right {
  width: auto;
}

.body-page-21234 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21234 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21234 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21234 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21234 .wGutter.right {
  display: none;
}

.body-page-21234 .col2  {
  display: none;
}

.body-page-21234 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21234 .footer-propeller {
  position: relative;
  z-index: 1;
  padding: 0px 30px;
}

.body-page-21234 .small_swiper {
  display: none;
}

.page-21234 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21234 .container,
.body-page-21234 .container {
  max-width: 100%;
  width: 100%;
}

.page-21234 {
  position: relative;
  z-index: 1;

}

/* hide impact */
.page-21234 .climate_container {
  display: none;
}

/* Set up order */
.page-21234 #TakeActionWrapper {
  order: 1;
}

.page-21234 .featuredActionsWrapper {
  order: 2;
}

.page-21234 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-21234.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21234.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -50px;
}

.ld-start {
  display: none;
}

.page-21234.campaign-locked ~ .page-footer .ld-start {
  display: block !important;
}

.page-21234.campaign-locked #PrizesWrapper a {
  pointer-events: none;
}

/* desc */
.ld-desc {
  color: black;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 150px;
  margin-bottom: -150px;
  overflow: hidden;
}

.ld-desc p {
  font-family: var(--ld-font);
  width: 85%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.ld-desc-bottom {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.ld-desc-bottom img {
  width: 50%;
  height: auto;
  max-width: 300px;
}

.ld-earth-img {
  transform: translate(430px);
}

.ld-earth-animate {
  animation: ldearthmove 2s linear forwards;
}

@keyframes ldearthmove {
  to {
    transform: translate(0);
    opacity: 1;
  }
}

.ld-desc-bottom .ld-left {
  width: 45%;
}

.ld-desc-bottom .ld-left h2 {
  font-family: var(--ld-script);
  color: var(--ld-pink);
  text-align: center;
  font-size: 40px;
  width: 180px;
  transform: rotate(-3deg);
}

.ld-desc-bottom .ld-left img {
  width: 23%;
  margin-left: 20%;
  margin-bottom: -110px;
  position: relative;
  z-index: 5;
}

/* carousels */
.page-21234 .featuredActionsWrapper {
  background-image: url('../images/ld-clouds-background.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 50px;
}

.page-21234 #TakeActionWrapper {
  margin-top: -50px;
  padding-bottom: 40px;
}

.page-21234 #PrizesWrapper {
  background-image: url('../images/ld-forest-background.jpg');
  padding-bottom: 40px;
}

.page-21234 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-21234 .featuredActionsWrapper .carouselTitle {
  text-transform: uppercase;
  text-align: center;
  font-family: var(--ld-font);
  font-size: 50px;
  font-weight: 100;
  color: white;
  padding: 30px 10px 20px 10px;
}

.page-21234 #TakeActionWrapper .carouselTitle {
  color: transparent;
  font-size: 1px;
  visibility: hidden;
  --animation-content: none;
}

.page-21234 #TakeActionWrapper .carouselTitle::before {
  content: '';
  visibility: visible;
  display: block;
  background-image: url('../images/ld-keep-taking.png');
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 70px;
  transform: translate(-100%);
  animation: var(--animation-content);
}

.page-21234 #TakeActionWrapper .carouselTitle::after {
  content: '';
  visibility: visible;
  display: block;
  background-image: url('../images/ld-action.png');
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 65px;
  transform: translate(100%);
  animation: var(--animation-content);
}

.page-21234 #PrizesWrapper .carouselTitle {
  color: transparent;
  font-size: 1px;
  visibility: hidden;
  --animation-content: none;
}

.page-21234 #PrizesWrapper .carouselTitle::before {
  content: '';
  visibility: visible;
  display: block;
  background-image: url('../images/ld-what-you.png');
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 70px;
  transform: translate(-100%);
  animation: var(--animation-content);
}

.page-21234 #PrizesWrapper .carouselTitle::after {
  content: '';
  visibility: visible;
  display: block;
  background-image: url('../images/ld-can-win.png');
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 65px;
  transform: translate(100%);
  animation: var(--animation-content);
}

.ld-animate-titles {
  --animation-content: ld-car-titles 1s forwards !important;
}

.ld-title-animate {
  animation: ld-car-titles 1s forwards;
}

@keyframes ld-car-titles {
  to {
    transform: translate(0);
  }
}

/* cards */
.page-21234 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: transparent;
}

.page-21234 .featuredActionsWrapper .card-new {
  background-color: white;
  /* padding-bottom: 10px; */
}

.page-21234 .featuredActionsWrapper .card-new-image {
  transform: scale(0.86);
}

.page-21234 .featuredActionsWrapper .card-new-icon-box,
.page-21234 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-21234 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-21234 .featuredActionsWrapper .card-new-points,
.page-21234 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21234 .featuredActionsWrapper .card-auction-price {
  display: block !important;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 23px;
  position: absolute;
  bottom: 25px;
  left: 0;
  font-family: var(--ld-script);
  color: var(--ld-blue);
}

.page-21234 .featuredActionsWrapper .card-auction-price {
  bottom: 10px;
}

.page-21234 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-21234 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-21234 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-21234 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-21234 .featuredActionsWrapper .card-new-info-container {
  font-family: var(--ld-font);
  font-size: 18px;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 21px;
  text-align: center;
  color: black;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 65px;
  margin-top: -20px;
}

.page-21234 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--ld-script);
  font-size: 35px;
  line-height: 35px;
  text-align: center;
  color: white;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.page-21234 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  margin-top: 15px;
}

.page-21234 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  margin-top: 15px;
}

.page-21234 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 270px;
  width: 80px;
  height: 80px;
}

.page-21234 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ld-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-21234 .featuredActionsWrapper .slick-next {
  background-image: url('../images/ld-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-21234 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21234 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-21234 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-21234 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-21234 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-21234 .featuredActionsWrapper .slick-arrow {
    margin-top: 240px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-21234 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-21234 .featuredActionsWrapper .slick-arrow {
    margin-top: 220px;
  }
}

/* hiw */
.ld-hiw {
  background-image: url('../images/ld-stars-background.jpg');
  background-position: center top;
  background-size: contain;
  background-repeat: repeat;
  width: 100%;
  margin-top: -30px;
  padding-top: 40px;
  padding-bottom: 30px;
}

@media screen and (min-width:550px) {
  .ld-hiw {
    margin-top: -40px;
  }
}

.ld-hiw-titles {
  margin-bottom: 30px;
}

.ld-hiw-titles img {
  width: 100%;
  height: 80px;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.ld-hiw-tleft {
  transform: translate(-100%);
}

.ld-hiw-tright {
  height: 75px !important;
  transform: translate(100%);
}

.ld-hiw-cont {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.ld-hiw-sec {
  width: 80%;
  max-width: 350px;
  /* height: 480px; */
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 15px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ld-hiw-sec:nth-child(1),
.ld-hiw-sec:nth-child(3) {
  transform: rotate(-1deg);
}

.ld-hiw-sec:nth-child(2) {
  transform: rotate(1deg);
}

.ld-hiw-sec img {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.ld-hiw-sec h2 {
  font-family: var(--ld-script);
  font-size: 30px;
  text-align: center;
  padding: 15px 0px;
}

.ld-hiw-sec:nth-child(1) h2 {
  color: var(--ld-blue);
}

.ld-hiw-sec:nth-child(2) h2 {
  color: var(--ld-pink);
}

.ld-hiw-sec:nth-child(3) h2 {
  color: var(--ld-green);
}

.ld-hiw-sec p {
  font-family: var(--ld-font);
  color: black;
  font-size: 20px;
  text-align: center;
  font-weight: 100;
  letter-spacing: 1px;
}

/* previous winners */
.ld-prev-winners {
  background-color: var(--ld-blue);
  width: 100%;
  padding: 30px 0px 80px 0px;
}

.ld-pw-titles img {
  width: 100%;
  height: 80px;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto
}

.ld-pw-tleft {
  transform: translate(-100%);
}

.ld-pw-tright {
  transform: translate(100%);
  height: 75px !important;
}

.ld-pw {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  position: relative;
  margin-top: 60px;
  max-width: 600px;
}

.ld-pw-container1 {
  background-color: var(--ld-yellow);
  color: var(--ld-blue);
  font-family: var(--ld-font);
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 165px;
  padding: 10px;
  position: absolute;
  z-index: 2;
  left: -10px;
  top: -10px;
  transform: rotate(-2deg) scale(1) translate(-150%);
}

.ld-pw-img {
  width: 80%;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(-1deg);
  position: relative;
  z-index: 0;
}

.ld-pw-container2 {
  background-color: var(--ld-green);
  color: white;
  font-family: var(--ld-font);
  text-align: center;
  text-transform: uppercase;
  width: 220px;
  padding: 10px 0px;
  position: absolute;
  z-index: 2;
  bottom: -20px;
  right: 20px;
  transform: rotate(1deg) scale(1) translate(150%);
}

@media screen and (max-width: 549px) {
  .ld-pw-container1 {
    transform: scale(0.8) rotate(-2deg) translate(-150%);
    top: -20px;
  }

  .ld-pw-container2 {
    transform: scale(0.8) rotate(1deg) translate(150%);
    bottom: -20px;
    right: 0px;
  }

  .ldpw-move {
    animation: ldPwMoveMobile 1s forwards;
  }
}

.ldpw-move {
  animation: ldPwMove 1s forwards;
}

@keyframes ldPwMove {
  to {
    transform: scale(1) rotate(1deg) translate(0);
  }
}

@keyframes ldPwMoveMobile {
  to {
    transform: scale(0.8) rotate(1deg) translate(0);
  }
}

.ld-pw-container2 h2 {
  color: white;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--ld-font);
  font-size: 45px;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
  margin-bottom: 0;
  line-height: 46px;
}
.ld-pw-container2 p {
  color: white;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--ld-font);
  font-size: 25px;
  margin-bottom: 0;
}

/* partners */
.ld-partners {
  background-color: var(--ld-green);
  width: 100%;
  padding: 30px 0px 30px 0px;
}

.ld-partners-title {
  width: 100%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  transform: translate(-100%);
}

.ld-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
}

.ld-partners-cont img {
  width: 100%;
  max-width: 250px;
  margin: 30px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  object-fit: contain;
}

.ld-partners-cont img:nth-child(1) {
  margin: 0px;
  margin-right: auto;
  margin-left: auto;
}


/* start button */
.ld-start {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.ld-start img {
  width: 100%;
  height: 100%;
  max-height: 150px;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

/* desktop */
@media screen and (min-width: 650px) {
  .ld-desc p {
    font-size: 18px;
  }

  .ld-desc-bottom .ld-left img {
    width: 20%;
    margin-left: 20%;
    display: none;
  }

  .ld-desc-bottom .ld-left h2 {
    font-size: 45px;
    width: 290px;
  }

  .ld-earth-img {
    opacity: 0;
  }

  .ld-earth-animate {
    animation: ldearthmove 1s linear forwards;
  }

  .page-21234 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 160px);
  }

  .page-21234 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 160px);
  }

  .ld-partners-cont img:nth-child(1) {
    order: 2;
  }

  .ld-partners-cont img:nth-child(2) {
    order: 1;
  }

  .ld-partners-cont img:nth-child(3) {
    order: 3;
  }

  .ld-start {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 350px;
  }
}

@media screen and (min-width: 1050px) {
  .ld-hiw-cont {
    flex-direction: row;
  }

  .ld-hiw-sec {
    width: 30%;
  }

  .ld-hiw-sec img {
    max-height: 200px;
    width: auto;
  }

  .ld-hiw-sec:nth-child(1) img {
    max-height: 220px;
  }
}


/* End Lil Dicky Campaign */


/* Aftershock Campaign - 21452 */
.body-page-21452 {
  /* color & font vars */
  --aftershock-blue: #b4c6ef;
  --aftershock-orange: #e04b1e;

  --aftershock-title: 'VFC Fantomen', sans-serif;
  --aftershock-text: 'Trade Gothic Bold Compressed', sans-serif;

  background-image: url('../images/aftershock-space-background.jpg');
  background-repeat: repeat;
  background-position: center top;
}

.body-page-21452,
.page-21452 {
  width: 100%;
  max-width: 100%;
}

.body-page-21452 .wrapper {
  overflow-x: hidden;
}

.header-page-21452 .header {
  padding: 0px 30px;
}

.header-page-21452 .header_right {
  width: auto;
}

.body-page-21452 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21452 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21452 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21452 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21452 .wGutter.right {
  display: none;
}

.body-page-21452 .col2  {
  display: none;
}

.body-page-21452 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21452 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21452 .small_swiper {
  display: none;
}

.page-21452 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21452 .container,
.body-page-21452 .container {
  max-width: 100%;
  width: 100%;
}

.page-21452 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-21452 .climate_container {
  display: none;
}

/* Set up order */
.page-21452 #TakeActionWrapper {
  order: 1;
}

.page-21452 .featuredActionsWrapper {
  order: 2;
}

.page-21452 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-21452.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21452.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -50px;
}

.aftershock-start {
  display: none;
}

.page-21452.campaign-locked ~ .page-footer .aftershock-start {
  display: block !important;
}

.page-21452.campaign-locked #PrizesWrapper a {
  pointer-events: none;
}

/* desc cont */
.aftershock-desc-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  align-items: start;
}

/* top sec logos */
.aftershock-top {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
}

.aftershock-top h2 {
  color: white;
  text-transform: uppercase;
  font-family: var(--aftershock-text);
  font-size: 35px;
  font-weight: 500;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.aftershock-top img {
  width: 85%;
  max-width: 280px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

/* desc */
.aftershock-desc {
  width: 90%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.aftershock-desc h1 {
  font-family: var(--aftershock-title);
  font-size: 40px;
  color: var(--aftershock-blue);
}

.aftershock-desc p {
  font-family: var(--aftershock-text);
  color: white;
  font-size: 22px;
  padding: 10px;
}

.aftershock-desc h2 {
  font-family: var(--aftershock-title);
  font-size: 34px;
  color: var(--aftershock-orange);
}

/* carousels */
.page-21452 .featuredActionsWrapper {
  padding-bottom: 80px;
}

.page-21452 #TakeActionWrapper {
  padding-bottom: 80px;
  margin-top: -100px;
}

.page-21452 #PrizesWrapper {
  padding-bottom: 80px;
}

.page-21452 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-21452 .featuredActionsWrapper .carouselTitle {
  font-family: var(--aftershock-title);
  font-size: 60px;
  font-weight: 500;
  background: -webkit-linear-gradient(#fb5d10, #982724);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  -webkit-font-smoothing: antialiased;
  margin-left: auto;
  margin-right: auto;
}

.page-21452 #TakeActionWrapper .carouselTitle {
  font-size: 1px;
  visibility: hidden;
}

.page-21452 #TakeActionWrapper .carouselTitle::after {
  content: 'KEEP TAKING ACTION';
  visibility: visible;
  display: block;
  font-size: 60px;
  background: -webkit-linear-gradient(#fb5d10, #982724);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-21452 #PrizesWrapper .carouselTitle {
  font-size: 1px;
  visibility: hidden;
}

.page-21452 #PrizesWrapper .carouselTitle::after {
  content: 'WHAT YOU CAN WIN';
  visibility: visible;
  display: block;
  font-size: 60px;
  background: -webkit-linear-gradient(#fb5d10, #982724);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* cards */
.page-21452 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-21452 .featuredActionsWrapper .card-new {
  background-image: url('../images/aftershock-frame.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-bottom: 70px;
}

.page-21452 .featuredActionsWrapper .card-new-image {
  transform: scale(0.8);
}

.page-21452 .featuredActionsWrapper .card-new-bar {
  background: transparent !important;
  height: 1px;
  padding: 0;
}

.page-21452 .featuredActionsWrapper .card-new-description,
.page-21452 .featuredActionsWrapper .card-new-icon-box {
  display: none;
}

.page-21452 .featuredActionsWrapper .card-new-points,
.page-21452 .featuredActionsWrapper .card-points-per-dollar,
.page-21452 .featuredActionsWrapper .card-auction-price {
  display: block !important;
  width: 100%;
  color: white;
  font-family: var(--aftershock-title);
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 23px;
  position: absolute;
  bottom: 40px;
  left: 0;
}

.page-21452 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-21452 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-21452 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none !important;
}

.page-21452 .featuredActionsWrapper .card-new-bg-experiences .card-points-per-dollar {
  visibility: hidden;
  font-size: 1px;
  margin-bottom: -15px;
}

.page-21452 .featuredActionsWrapper .card-new-bg-experiences .card-points-per-dollar::after {
  visibility: visible;
  font-size: 40px;
  content: 'ENTER NOW';
}

.page-21452 .featuredActionsWrapper .card-new-bg-featured + .card-new-info {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 160px;
  margin-bottom: -60px;
}

.page-21452 .featuredActionsWrapper .card-new-bg-featured + .card-new-info .card-new-info-container {
  -webkit-line-clamp: 4;
}

.page-21452 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
  margin-top: -35px;
  font-family: var(--aftershock-text);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 100px;
}

.page-21452 .featuredActionsWrapper .card-new-info-container {
  -webkit-line-clamp: 2;
}

.page-21452 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--aftershock-title);
  font-size: 40px;
  line-height: 35px;
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
}

.page-21452 #TakeActionWrapper:after {
  content: ' MORE ACTIONS ';
  /* margin-top: 15px; */
}

.page-21452 #PrizesWrapper:after {
  content: ' MORE PRIZES ';
  /* margin-top: 15px; */
}

.page-21452 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 90px;
  height: 80px;
}

.page-21452 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/aftershock-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-21452 .featuredActionsWrapper .slick-next {
  background-image: url('../images/aftershock-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-21452 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21452 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
  }

  .page-21452 .featuredActionsWrapper .card-new-bg-featured + .card-new-info {
    height: 125px !important;
    margin-bottom: -50px;
  }

  .page-21452 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 70px !important;
    padding: 0px 20px;
    margin-top: -25px;
  }

  .page-21452 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
  }

  .page-21452 .featuredActionsWrapper .card-new-points,
  .page-21452 .featuredActionsWrapper .card-points-per-dollar,
  .page-21452 .featuredActionsWrapper .card-auction-price {
    bottom: 30px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-21452 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-21452 .featuredActionsWrapper .slick-arrow {
    margin-top: 240px;
  }

  .page-21452 .featuredActionsWrapper .card-new {
    padding-bottom: 30px;
  }

  .page-21452 .featuredActionsWrapper .card-new-points,
  .page-21452 .featuredActionsWrapper .card-points-per-dollar,
  .page-21452 .featuredActionsWrapper .card-auction-price {
    font-size: 30px;
    bottom: 20px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-21452 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-21452 .featuredActionsWrapper .slick-arrow {
    margin-top: 220px;
  }

  .page-21452 .featuredActionsWrapper .card-new {
    padding-bottom: 30px;
  }

  .page-21452 .featuredActionsWrapper .card-new-points,
  .page-21452 .featuredActionsWrapper .card-points-per-dollar,
  .page-21452 .featuredActionsWrapper .card-auction-price {
    font-size: 30px;
    bottom: 20px;
  }
}

/* hiw */
.aftershock-hiw-title {
  font-family: var(--aftershock-title);
  font-size: 60px;
  font-weight: 500;
  background: -webkit-linear-gradient(#fb5d10, #982724);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  -webkit-font-smoothing: antialiased;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.aftershock-hiw-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

@media screen and (min-width: 1150px) {
  .aftershock-hiw-cont {
    flex-direction: row;
  }
}

.aftershock-hiw-sec {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  text-align: center;
  margin-bottom: 30px;
}

.aftershock-hiw-sec img {
  width: 90%;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.aftershock-hiw-sec h2 {
  color: var(--aftershock-blue);
  font-family: var(--aftershock-title);
  font-size: 55px;
  font-weight: 500;
}

.aftershock-hiw-sec p {
  color: white;
  font-family: var(--aftershock-text);
  font-size: 30px;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}

/* partners */
.aftershock-partners {
  padding-bottom: 80px;
}

.aftershock-partners-title {
  font-family: var(--aftershock-title);
  font-size: 60px;
  font-weight: 500;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#fb5d10, #982724);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fff;
  -webkit-font-smoothing: antialiased;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.aftershock-partners-cont {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.aftershock-partners-cont img {
  width: 70%;
  max-width: 210px;
  height: auto;
  object-fit: contain;
  margin-right: auto;
  margin-left: auto;
}

/* start button */
.aftershock-start {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.aftershock-start img {
  width: 98%;
  height: auto;
  object-fit: contain;
  margin-right: auto;
  margin-left: auto;
}

/* desktop */
@media screen and (min-width: 650px) {
  .aftershock-desc-cont {
    flex-direction: row;
  }

  .aftershock-desc h1 {
    font-size: 50px;
  }

  .aftershock-desc p {
    font-size: 22px;
  }

  .page-21452 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 180px);
  }

  .page-21452 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 180px);
  }

  .page-21452 .featuredActionsWrapper:after {
    margin-top: 33px;
  }

  .aftershock-start {
    left: unset;
    right: 30px;
    bottom: 30px;
    width: 320px;
  }

  .page-21452 .featuredActionsWrapper .carouselTitle,
  .page-21452 #TakeActionWrapper .carouselTitle::after,
  .page-21452 #PrizesWrapper .carouselTitle::after,
  .aftershock-hiw-title,
  .aftershock-partners-title {
    font-size: 70px;
  }
}

/* End Aftershock Campaign */


/* Desert Daze Campaign - 21561 */
.body-page-21561 {
  /* color & font vars */
  --dd-text: 'Trade Gothic Next Bold', sans-serif;
  --dd-title1: 'Trade Gothic Condensed Bold', sans-serif;
  --dd-title2: 'League Gothic Regular', sans-serif;

  --dd-pink: #E1437F;
  --dd-yellow: #D7C943;
  --dd-black: #414143;


  background-color: var(--dd-yellow);
}

.body-page-21561,
.page-21561 {
  width: 100%;
  max-width: 100%;
}

.body-page-21561 .wrapper {
  overflow-x: hidden;
}

.header-page-21561 .header {
  padding: 0px 30px;
}

.header-page-21561 .header_right {
  width: auto;
}

.body-page-21561 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21561 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21561 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21561 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21561 .wGutter.right {
  display: none;
}

.body-page-21561 .col2  {
  display: none;
}

.body-page-21561 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21561 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21561 .small_swiper {
  display: none;
}

.page-21561 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21561 .container,
.body-page-21561 .container {
  max-width: 100%;
  width: 100%;
}

.page-21561 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-21561 .climate_container {
  display: none;
}

/* Set up order */
.page-21561 #TakeActionWrapper {
  order: 1;
}

.page-21561 .featuredActionsWrapper {
  order: 2;
}

.page-21561 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-21561.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21561.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -120px;
}

.page-21561.campaign-locked ~ .page-footer .dd-start {
  display: block !important;
}

/* desc */
.dd-desc {
  width: 100%;
  margin-top: -35px;
}

.dd-desc-top {
  background-image: url('../images/desert-photo.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  padding: 40px 20px;
}

.dd-desc-top h2 {
  color: var(--dd-yellow);
  font-family: var(--dd-title1);
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.dd-desc-bottom {
  width: 100%;
  padding: 40px 20px;
  background-color: var(--dd-yellow);
}

.dd-desc-bottom p {
  color: var(--dd-black);
  font-family: var(--dd-text);
  font-size: 22px;
  line-height: 25px;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.dd-lineup-sec {
  position: relative;
  padding-top: 120px;
}

.dd-lineup-sec img {

}

.dd-lineup-title-cont {
  width: 95%;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
  /* margin-left: 2.5%; */
  /* margin-right: 2.5%; */
  position: absolute;
  top: 0;
  left: 2.5%;
  clip: rect(15px, 3000px, 88px, 0px);

}

.dd-lineup-title-cont2,
.dd-lineup-title-cont3 {
  width: 100%;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
}

.dd-lineup-title-cont h1 {
  color: var(--dd-black);
  text-transform: uppercase;
  font-family: var(--dd-title2);
  font-weight: 300;
  font-size: 55px;
  margin: 0;
  padding: 0;
}

/* carousels */
.page-21561 .featuredActionsWrapper {
  padding-bottom: 40px;
}

.page-21561 #TakeActionWrapper {
  margin-top: -120px;
}

.page-21561 .featuredActionsWrapper .home-header-row {
  width: 95%;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
  /* margin-left: 2.5%; */
  /* margin-right: 2.5%; */
  position: absolute;
  top: 0;
  left: 2.5%;
  clip: rect(15px, 3000px, 88px, 0px);

}

.ddLineAnimation {
  animation: ddLines 0.5s forwards;
}

@keyframes ddLines {
  to {
    clip: rect(0px, 3000px, 103px, 0px);
  }
}

.page-21561 .featuredActionsWrapper .home-header {
  width: 100%;
  margin: 0;
  padding: 5px 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
  border-color: var(--dd-black) !important;
}

.page-21561 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: var(--dd-black);
  text-transform: uppercase;
  font-family: var(--dd-title2);
  font-weight: 300;
  font-size: 55px;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
}

.page-21561 #TakeActionWrapper .carouselTitle {
  font-size: 1px;
  color: transparent;
}

.page-21561 #TakeActionWrapper .carouselTitle::after {
  visibility: visible;
  content: 'KEEP TAKING ACTION';
  width: 100%;
  font-size: 55px;
  color: var(--dd-black);
}

.page-21561 #PrizesWrapper .carouselTitle {
  font-size: 1px;
  color: transparent;
}

.page-21561 #PrizesWrapper .carouselTitle::after {
  visibility: visible;
  content: 'WHAT YOU CAN WIN';
  width: 100%;
  font-size: 55px;
  color: var(--dd-black);
}

.page-21561 .featuredActionsWrapper .home-row {
  margin-top: 120px;
}

.page-21561 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: transparent;
}

.page-21561 .featuredActionsWrapper .card-new {
  border: 1px solid var(--dd-black);
  background-color: transparent;
}

.page-21561 .featuredActionsWrapper .card-new-image {
  transform: scale(0.86);
}

.page-21561 .featuredActionsWrapper .card-new-icon-box,
.page-21561 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-21561 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-21561 .featuredActionsWrapper .card-new-points,
.page-21561 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21561 .featuredActionsWrapper .card-auction-price {
  display: block !important;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 23px;
  position: absolute;
  bottom: 25px;
  left: 0;
  font-family: var(--dd-title2);
  color: var(--dd-pink);
}

.page-21561 .featuredActionsWrapper .card-auction-price {
  bottom: 10px;
}

.page-21561 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-21561 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-21561 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-21561 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-21561 .featuredActionsWrapper .card-new-info-container {
  font-family: var(--dd-text);
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 22px;
  text-align: center;
  color: var(--dd-black);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 67px;
  margin-top: -23px;
}

.page-21561 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--dd-title2);
  font-size: 25px;
  text-align: center;
  color: var(--dd-yellow);
  background-color: var(--dd-pink);
  border: 1px solid var(--dd-black);
  border-radius: 20px;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
}

.page-21561 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  /* margin-top: 15px; */
}

.page-21561 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  /* margin-top: 15px; */
}

.page-21561 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 270px;
  width: 80px;
  height: 80px;
}

.page-21561 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/dd-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 40px;
}

.page-21561 .featuredActionsWrapper .slick-next {
  background-image: url('../images/dd-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 40px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-21561 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21561 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-21561 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-21561 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-21561 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-21561 .featuredActionsWrapper .slick-arrow {
    margin-top: 240px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-21561 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-21561 .featuredActionsWrapper .slick-arrow {
    margin-top: 220px;
  }
}

/* hiw */
.dd-hiw {
  position: relative;
  padding-top: 120px;
  margin-left: auto;
  margin-right: auto;
}

.dd-hiw-title-cont {
  width: 95%;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
  /* margin-left: 2.5%; */
  /* margin-right: 2.5%; */
  position: absolute;
  top: 0;
  left: 2.5%;
  clip: rect(15px, 3000px, 88px, 0px);
}

.dd-hiw-title-cont2,
.dd-hiw-title-cont3 {
  width: 100%;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
}

.dd-hiw-title-cont h1 {
  color: var(--dd-black);
  text-transform: uppercase;
  font-family: var(--dd-title2);
  font-weight: 300;
  font-size: 55px;
  margin: 0;
  padding: 0;
}

.dd-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.dd-hiw-sec {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.dd-hiw-sec .title-cont {
  background-image: url('../images/how-it-works-squares.gif');
  background-size: 120%;
  background-position: center center;
  background-repeat: no-repeat;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  border-radius: 10px;
}

.dd-hiw-sec .title-cont h2 {
  color: var(--dd-yellow);
  font-family: var(--dd-title2);
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.dd-hiw-sec p {
  color: var(--dd-black);
  font-family: var(--dd-text);
  text-align: center;
  font-size: 22px;
  padding: 15px;
}

@media screen and (min-width: 1120px) {
  .dd-hiw-cont {
    flex-direction: row;
  }
}

/* partners */
.dd-partners {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}

.dd-partners-title-cont {
  width: 95%;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
  /* margin-left: 2.5%; */
  /* margin-right: 2.5%; */
  position: absolute;
  top: 0;
  left: 2.5%;
  clip: rect(15px, 3000px, 88px, 0px);
}

.dd-partners-title-cont2,
.dd-partners-title-cont3 {
  width: 100%;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-bottom: 1px solid var(--dd-black);
  border-top: 1px solid var(--dd-black);
}

.dd-partners-title-cont h1 {
  color: var(--dd-black);
  text-transform: uppercase;
  font-family: var(--dd-title2);
  font-weight: 300;
  font-size: 55px;
  margin: 0;
  padding: 0;
}

.dd-partners-cont {
  width: 90%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.dd-partners-cont img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.dd-prop {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 280px;
}

/* start button */
.dd-start {
  position: fixed;
  bottom: 20px;
  left: 5%;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: none;
  border-radius: 20px;
  background-color: var(--dd-pink);
  border: 1px solid var(--dd-black);
}

.dd-start a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: var(--dd-yellow);
  font-size: 120px;
  line-height: 120px;
  font-family: var(--dd-title2);
  font-style: italic;
  font-weight: 300;
  padding-right: 15px;
}

.dd-start a:hover {
  text-decoration: none !important;
}



/* desktop */
@media screen and (min-width: 550px) {

  .dd-desc {
    margin-top: -45px;
  }

}
@media screen and (min-width: 650px) {

  .page-21561 .featuredActionsWrapper .home-header-row {
    width: 75%;
    left: 12.5%;
  }

  .dd-lineup-title-cont,
  .dd-hiw-title-cont,
  .dd-partners-title-cont {
    width: 75%;
    left: 12.5%;
  }

  .page-21561 .featuredActionsWrapper:after {
    margin-top: 25px;
  }

  .page-21561 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 200px);
  }

  .page-21561 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 200px);
  }

  .dd-start {
    max-width: 350px;
    bottom: 30px;
    left: unset;
    right: 30px;
  }

  .dd-start a {
    padding: 0px 65px 0px 50px;
  }

}


/* End Desert Daze Campaign */


/* Lamb of God Campaign - 21562 */
.body-page-21562 {
  /* color & font vars */
  --log-orange: #e09010;

  --log-font: 'Hardwick', sans-serif;

  background-image: url('../images/log-background.jpg');
  background-size: contain;
  background-repeat: repeat;
  background-position: top left;

  /* font-family: var(--log-font); */
}

.body-page-21562,
.page-21562 {
  width: 100%;
  max-width: 100%;
}

.body-page-21562 .wrapper {
  overflow-x: hidden;
}

.header-page-21562 .header {
  padding: 0px 30px;
}

.header-page-21562 .header_right {
  width: auto;
}

.body-page-21562 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21562 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21562 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21562 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21562 .wGutter.right {
  display: none;
}

.body-page-21562 .col2  {
  display: none;
}

.body-page-21562 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21562 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21562 .small_swiper {
  display: none;
}

.page-21562 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21562 .container,
.body-page-21562 .container {
  max-width: 100%;
  width: 100%;
}

.page-21562 {
  position: relative;
  z-index: 1;
}

.body-page-21562 .adaptive-header-image.-mobile {
  background-image: url('../images/lambofgod-header-mobile.gif') !important;
}

.body-page-21562 .adaptive-header-image.-desktop {
  background-image: url('../images/lambofgod-header-desktop.gif') !important;
}

/* hide impact */
.page-21562 .climate_container {
  display: none;
}

/* Set up order */
.page-21562 #TakeActionWrapper {
  order: 1;
}

.page-21562 .featuredActionsWrapper {
  order: 2;
}

.page-21562 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-21562.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21562.campaign-locked #PrizesWrapper {
  display: block !important;
  /* margin-top: -100px; */
}

.page-21562.campaign-locked ~ .page-footer .log-start {
  display: block !important;
}

.page-21562.campaign-locked #PrizesWrapper .slick-slide {
  pointer-events: none;
}

/* desc */
.log-desc {
  width: 85%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  text-align: center;
}

.log-desc p {
  color: white;
  font-size: 18px;
  line-height: 35px;
  font-weight: 200;
  font-family: var(--log-font);
}

.log-desc h3 {
  color: var(--log-orange);
  font-family: var(--log-font);
  font-size: 22px;
  font-weight: 100;
  padding-top: 15px;
}

/* carousels */
.page-21562 .featuredActionsWrapper {
  padding-bottom: 50px;
}

.page-21562 #TakeActionWrapper {
  /* margin-top: -100px; */
}



.page-21562 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
}

.page-21562 .featuredActionsWrapper .carouselTitle {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-family: var(--log-font);
  font-weight: 300;
}

.page-21562 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-21562 #TakeActionWrapper .carouselTitle::after {
  visibility: visible;
  content: 'KEEP TAKING ACTION';
  font-size: 30px;
}

.page-21562 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-21562 #PrizesWrapper .carouselTitle::after {
  visibility: visible;
  content: 'WHAT YOU CAN WIN';
  font-size: 30px;
}

/* cards */
.page-21562 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-21562 .featuredActionsWrapper .card-new {
  background-color: transparent;
  background-image: url('../images/log-frame2.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.page-21562 .featuredActionsWrapper .card-new-image {
  transform: scale(0.84);
}

.page-21562 .featuredActionsWrapper .card-new-icon-box,
.page-21562 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-21562 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-21562 .featuredActionsWrapper .card-new-points,
.page-21562 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21562 .featuredActionsWrapper .card-auction-price {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 23px;
  position: absolute;
  bottom: 25px;
  left: 0;
  font-family: var(--log-font);
  color: var(--log-orange);
}

.page-21562 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21562 .featuredActionsWrapper .card-auction-price {
  display: block !important;
}

.page-21562 .featuredActionsWrapper .card-auction-price {
  bottom: 10px;
}

.page-21562 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-21562 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-21562 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-21562 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-21562 .featuredActionsWrapper .card-new-info-container {
  background-color: transparent;
  margin-top: -28px;
  padding: 0px 10px;
  font-family: var(--log-font);
  font-size: 20px;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
  color: white;
  height: 80px;
}

.page-21562 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--log-font);
  font-size: 25px;
  text-align: center;
  color: white;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

.page-21562 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  margin-top: 10px;
}

.page-21562 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  margin-top: 10px;
}

.page-21562 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 270px;
  width: 80px;
  height: 80px;
}

.page-21562 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/log-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 50px;
}

.page-21562 .featuredActionsWrapper .slick-next {
  background-image: url('../images/log-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 50px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-21562 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21562 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-21562 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-21562 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-21562 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-21562 .featuredActionsWrapper .slick-arrow {
    margin-top: 240px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-21562 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-21562 .featuredActionsWrapper .slick-arrow {
    margin-top: 220px;
  }
}

/* hiw */
.log-hiw {

}

.log-hiw h1 {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-family: var(--log-font);
  font-weight: 300;
  font-size: 30px;
}

.log-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1030px) {
  .log-hiw-cont {
    flex-direction: row;
  }
}

.log-hiw-sec {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  height: 330px;
  width: 330px;
}

.log-hiw-sec div {
  background-image: url('../images/log-ellipse.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  z-index: -1;
  animation: log-spin 12s infinite linear;
}

.log-hiw-sec:nth-child(2) div {
  animation-delay: 4s;
}

.log-hiw-sec:nth-child(3) div {
  animation-delay: 8s;
}

@keyframes log-spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}

.log-hiw-sec h2 {
  color: var(--log-orange);
  font-family: var(--log-font);
  font-size: 45px;
  text-align: center;
  font-weight: 200;
  width: 200px;
  margin: 80px auto 0px auto;
  z-index: 10;
  line-height: 45px;
  margin-right: auto;
  margin-left: auto;
}

.log-hiw-sec p {
  color: white;
  font-family: var(--log-font);
  font-size: 18px;
  text-align: center;
  width: 250px;
  font-weight: 100;
  margin-right: auto;
  margin-left: auto;
  margin-top: 11px;
}

/* partners */
.log-partners {
  margin-top: 50px;
  padding-bottom: 200px;
}

.log-partners h1 {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-family: var(--log-font);
  font-weight: 300;
  font-size: 30px;
}

/* start button */
.log-start {
  position: fixed;
  width: 100%;
  bottom: 10px;
  left: 0;
  display: none;
}

.log-start img {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

/* desktop */
@media screen and (min-width: 650px) {

  .body-page-21562 {
    background-size: cover;
  }

  .page-21562 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 200px);
  }

  .page-21562 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 200px);
  }

  .log-start {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 350px;
    height: auto;
  }

}

/* End Lamb of God Campaign */

/* Lamb of God Tour Dates - 21776 */
.body-page-21776 {
  /* color & font vars */
  --log-orange: #e09010;

  --log-font: 'Hardwick', sans-serif;

  background-image: url('../images/log-background.jpg');
  background-size: contain;
  background-repeat: repeat;
  background-position: top left;

  /* font-family: var(--log-font); */
}

.body-page-21776,
.page-21776 {
  width: 100%;
  max-width: 100%;
}

.body-page-21776 .wrapper {
  overflow-x: hidden;
}

.header-page-21776 .header {
  padding: 0px 30px;
}

.header-page-21776 .header_right {
  width: auto;
}

.body-page-21776 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21776 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21776 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21776 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21776 .wGutter.right {
  display: none;
}

.body-page-21776 .col2  {
  display: none;
}

.body-page-21776 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21776 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21776 .small_swiper {
  display: none;
}

.page-21776 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21776 .container,
.body-page-21776 .container {
  max-width: 100%;
  width: 100%;
}

.page-21776 {
  position: relative;
  z-index: 1;
}

.body-page-21776 .adaptive-header-image.-mobile {
  background-image: url('../images/lambofgod-header-mobile.gif') !important;
}

.body-page-21776 .adaptive-header-image.-desktop {
  background-image: url('../images/lambofgod-header-desktop.gif') !important;
}

/* hide impact */
.page-21776 .climate_container {
  display: none;
}

/* desc */
.log-td-desc {
  width: 100%;
  padding: 10px 20px;
  color: white;
  font-family: var(--log-font);
}

.log-td-desc p {
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
}

/* Tour Dates */
.log-td-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.log-td-sec {
  color: white;
  font-family: var(--log-font);
  margin: 30px;
  width: 280px;
}

.log-td-sec h3 {
  color: white;
  font-family: var(--log-font);
  font-size: 20px;
  margin-bottom: 5px;
  padding: 0;
}

.log-td-sec h2 {
  color: white;
  font-family: var(--log-font);
  margin-bottom: 5px;
  padding: 0;
}

.log-td-sec p {
  color: white;
  font-family: var(--log-font);
  margin-bottom: 5px;
  padding: 0;
}

.log-td-button {
  margin-top: 15px;
}

.log-td-button a {
  color: white;
  font-family: var(--log-font);
  font-size: 25px;
  border: 3px solid white;
  padding: 8px 16px;
}

.log-td-button a:hover {
  color: white;
  font-family: var(--log-font);
  text-decoration: none;
}

/* End Lamb of God Tour Dates */


/* Lumineers Campaign - 21605 */
.body-page-21605 {
  /* color & font vars */
  --lum-lightpink: #FF00FF;
  --lum-purple: #5F00D4;
  --lum-darkpink: #F254BB;
  --lum-dark: #190B75;

  --lum-title-font: 'Aku Kamu', sans-serif;
  --lum-text-font: 'Mrs Eaves OT Roman', serif;

  background-image: url('../images/lum-background.jpg');
  background-size: contain;
  background-position: center top;
  background-repeat: repeat;
}

.body-page-21605,
.page-21605 {
  width: 100%;
  max-width: 100%;
}

.body-page-21605 .wrapper {
  overflow-x: hidden;
}

.header-page-21605 .header {
  padding: 0px 30px;
}

.header-page-21605 .header_right {
  width: auto;
}

.body-page-21605 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21605 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21605 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21605 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21605 .wGutter.right {
  display: none;
}

.body-page-21605 .col2  {
  display: none;
}

.body-page-21605 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21605 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21605 .small_swiper {
  display: none;
}

.page-21605 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21605 .container,
.body-page-21605 .container {
  max-width: 100%;
  width: 100%;
}

.page-21605 {
  position: relative;
  z-index: 1;
}

.body-page-21605 .adaptive-header-image.-mobile {
  /* background-image: url('../images/lambofgod-header-mobile.gif') !important; */
}

.body-page-21605 .adaptive-header-image.-desktop {
  /* background-image: url('../images/lambofgod-header-desktop.gif') !important; */
}

/* hide impact */
.page-21605 .climate_container {
  display: none;
}

/* Set up order */
.page-21605 #TakeActionWrapper {
  order: 1;
}

.page-21605 .featuredActionsWrapper {
  order: 2;
}

.page-21605 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-21605.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21605.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -100px;
}

.page-21605.campaign-locked ~ .page-footer .lum-start {
  display: block !important;
}

/* desc */
.lum-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, white 60%, transparent);
  margin-top: -35px;
  padding-top: 30px;
  padding-bottom: 100px;
}

@media screen and (min-width: 550px) {
  .lum-desc {
    margin-top: -45px;
  }
}

.lum-desc p {
  text-align: center;
  font-family: var(--lum-text-font);
  color: var(--lum-dark);
  font-size: 20px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}

.lum-desc h2 {
  text-transform: uppercase;
  text-align: center;
  font-family: var(--lum-title-font);
  color: var(--lum-lightpink);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  font-weight: 100;
  font-size: 30px;
  margin-top: 20px;

}

/* carousels */
.page-21605 .featuredActionsWrapper {
  padding-bottom: 50px;
}

.page-21605 #TakeActionWrapper {
  margin-top: -120px;
}

.page-21605 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-21605 .featuredActionsWrapper .carouselTitle {
  color: var(--lum-purple);
  font-family: var(--lum-title-font);
  text-align: center;
  font-weight: 100;
  font-size: 40px;
}

.page-21605 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-21605 #TakeActionWrapper .carouselTitle::after {
  visibility: visible;
  font-size: 40px;
  content: 'KEEP TAKING ACTION';
}

.page-21605 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-21605 #PrizesWrapper .carouselTitle::after {
  visibility: visible;
  font-size: 40px;
  content: 'WHAT YOU CAN WIN';
}

/* cards */
.page-21605 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-21605 .featuredActionsWrapper .card-new {
  background-color: var(--lum-purple);
}

.page-21605 .featuredActionsWrapper .card-new-image {
  transform: scale(0.88);
}

.page-21605 .featuredActionsWrapper .card-new-icon-box,
.page-21605 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-21605 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-21605 .featuredActionsWrapper .card-new-points,
.page-21605 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21605 .featuredActionsWrapper .card-auction-price {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family: var(--lum-title-font);
  color: var(--lum-darkpink);
}

.page-21605 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21605 .featuredActionsWrapper .card-auction-price {
  display: block !important;
}

.page-21605 .featuredActionsWrapper .card-auction-price {
  bottom: 10px;
}

.page-21605 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-21605 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-21605 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-21605 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-21605 .featuredActionsWrapper .card-new-info-container {
  background-color: transparent;
  margin-top: -30px;
  font-family: var(--lum-text-font);
  font-size: 20px;
  font-weight: 100;
  text-align: center;
  color: white;
  height: 85px;
}

.page-21605 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-21605 .featuredActionsWrapper:after {
  content: var(--more-content);
  font-family: var(--lum-title-font);
  font-size: 30px;
  line-height: 30px;
  font-weight: 100;
  text-align: center;
  color: var(--lum-purple);
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
}

.page-21605 #TakeActionWrapper {
  --more-content: ' MORE\A ACTIONS ';
}

.page-21605 #TakeActionWrapper:after {
  content: var(--more-content);
  margin-top: 10px;
}

.page-21605 #PrizesWrapper {
  --more-content: ' MORE\A PRIZES ';
}

.page-21605 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  content: var(--more-content);
  margin-top: 10px;
}

.page-21605 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 270px;
  width: 80px;
  height: 80px;
}

.page-21605 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/lum-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 50px;
}

.page-21605 .featuredActionsWrapper .slick-next {
  background-image: url('../images/lum-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 50px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-21605 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21605 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-21605 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-21605 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-21605 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-21605 .featuredActionsWrapper .slick-arrow {
    margin-top: 240px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-21605 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-21605 .featuredActionsWrapper .slick-arrow {
    margin-top: 220px;
  }
}

/* hiw */
.lum-hiw h2 {
  text-align: center;
  font-size: 40px;
  color: var(--lum-purple);
  font-family: var(--lum-title-font);
  font-weight: 100;
  margin-bottom: 15px;
  margin-top: -15px;
}

.lum-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.lum-hiw-sec {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.lum-hiw-sec .lum-hiw-bg {
  width: 100%;
  background-image: url('../images/lum-how-it-works-backgrounds.gif');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.lum-hiw-sec h3 {
  text-transform: uppercase;
  font-family: var(--lum-title-font);
  font-size: 60px;
  line-height: 60px;
  font-weight: 100;
  padding: 15px;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

  background: linear-gradient(to bottom, #2435b5, #f75ca6, #fff, #f75ca6, #2435b5);
  background-size: auto 400%;
  /* background-position: 200% 0%; */

  color: #000;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: lumshine 1s linear alternate-reverse infinite;
}

@keyframes lumshine {
  to {
    background-position: 400% center;
  }
}

.lum-hiw-sec p {
  color: var(--lum-dark);
  font-family: var(--lum-text-font);
  text-align: center;
  font-size: 21px;
  background-color: white;
  padding: 15px;
  width: 100%;
  margin-top: -15px;
  margin-bottom: 0px;
}

/* partners */
.lum-partners {
}

.lum-partners h2 {
  text-align: center;
  font-size: 40px;
  color: var(--lum-purple);
  font-family: var(--lum-title-font);
  font-weight: 100;
  margin-bottom: 25px;
  margin-top: 50px;
}

.lum-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  max-width: 850px;
  margin: 0 auto;
}

.lum-partners-cont img {
  width: 80%;
  height: auto;
  margin: 0 auto;
  max-width: 300px;
  object-fit: contain;
}

.lum-partners-cont img:nth-child(2) {
/* height: 150px; */
}

/* start button */
.lum-start {
  position: fixed;
  bottom: 5px;
  left: 0;
  width: 100%;
  display: none;
}

.lum-start img {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  height: auto;
}

/* desktop */
@media screen and (min-width: 650px) {
  .page-21605 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-21605 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 150px);
  }

  .lum-hiw-sec {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .lum-start {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 320px;
  }
}

@media screen and (min-width: 1200px) {

  .lum-hiw-cont {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }
}


/* End Lumineers Campaign */


/* Lumineers Tour Dates - 21606 */
.body-page-21606 {
  /* color & font vars */
  --lum-lightpink: #FF00FF;
  --lum-purple: #5F00D4;
  --lum-darkpink: #F254BB;
  --lum-dark: #190B75;

  --lum-title-font: 'Aku Kamu', sans-serif;
  --lum-text-font: 'Mrs Eaves OT Roman', serif;

  background-image: url('../images/lum-background.jpg');
  background-size: contain;
  background-position: center top;
  background-repeat: repeat;
}

.body-page-21606,
.page-21606 {
  width: 100%;
  max-width: 100%;
}

.body-page-21606 .wrapper {
  overflow-x: hidden;
}

.header-page-21606 .header {
  padding: 0px 30px;
}

.header-page-21606 .header_right {
  width: auto;
}

.body-page-21606 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21606 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21606 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21606 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21606 .wGutter.right {
  display: none;
}

.body-page-21606 .col2  {
  display: none;
}

.body-page-21606 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21606 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21606 .small_swiper {
  display: none;
}

.page-21606 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21606 .container,
.body-page-21606 .container {
  max-width: 100%;
  width: 100%;
}

.page-21606 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-21606 .climate_container {
  display: none;
}

/* desc */
.lum-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, white 60%, transparent);
  margin-top: -35px;
  padding-top: 30px;
  padding-bottom: 100px;
}

@media screen and (min-width: 550px) {
  .lum-desc {
    margin-top: -45px;
  }
}

.lum-desc p {
  text-align: center;
  font-family: var(--lum-text-font);
  color: var(--lum-dark);
  font-size: 20px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}

.lum-desc h2 {
  text-transform: uppercase;
  text-align: center;
  font-family: var(--lum-title-font);
  color: var(--lum-lightpink);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  font-weight: 100;
  font-size: 30px;
  margin-top: 20px;
}

/* Tour Dates */
.lum-tour-dates-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-evenly;
  align-items: center;
  margin-top: -90px;
}

.lum-tour-sec {
  width: 250px;
  margin: 20px 30px;
}

.lum-tour-sec p {
  font-family: var(--lum-title-font);
  color: var(--lum-dark);
  font-size: 25px;
  margin: 0;
  padding: 0;
}

.lum-tour-sec h2 {
  font-family: var(--lum-title-font);
  color: var(--lum-dark);
  font-size: 40px;
  margin: 0;
  padding: 0;
  font-weight: 100;
}

.lum-tour-sec h3 {
  font-family: var(--lum-text-font);
  color: var(--lum-dark);
  font-size: 25px;
  margin: 0;
  padding: 0;
}

.lum-td-button {
  width: 180px;
  border-radius: 10px;
  border: 1px solid var(--lum-dark);
  /* background-image: linear-gradient(to bottom, #2435b5, #f75ca6); */
  background-color: var(--lum-dark);
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.lum-td-button a {
  font-family: var(--lum-title-font);
  color: white;
  font-size: 45px;
  padding: 0px 35px;
}

/* End Lumineers Tour Dates */

/* Ben Platt - The Reverie Tour Campaign - 21924 */

.body-page-21924 {
  /* color & font vars */
  --bp-red: #801517;
  --bp-black: #262626;

  --bp-font: 'Caveat', sans-serif;

  background-image: url('../images/bp-background.jpg');
  background-size: contain;
  background-position: center top;
  background-repeat: repeat;
}

.body-page-21924,
.page-21924 {
  width: 100%;
  max-width: 100%;
}

.body-page-21924 .wrapper {
  overflow-x: hidden;
}

.header-page-21924 .header {
  padding: 0px 30px;
}

.header-page-21924 .header_right {
  width: auto;
}

.body-page-21924 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21924 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21924 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21924 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21924 .wGutter.right {
  display: none;
}

.body-page-21924 .col2  {
  display: none;
}

.body-page-21924 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21924 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21924 .small_swiper {
  display: none;
}

.page-21924 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21924 .container,
.body-page-21924 .container {
  max-width: 100%;
  width: 100%;
}

.page-21924 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-21924 .climate_container {
  display: none;
}

/* Set up order */
.page-21924 #TakeActionWrapper {
  order: 1;
}

.page-21924 .featuredActionsWrapper {
  order: 2;
}

.page-21924 #PrizesWrapper {
  order: 3;
}

/* hub functionality */
.page-21924.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21924.campaign-locked #PrizesWrapper {
  display: block !important;
  margin-top: -50px;
}

.page-21924.campaign-locked #PrizesWrapper a {
  pointer-events: none;
}

.page-21924.campaign-locked ~ .page-footer .bp-start-button {
  display: block !important;
}

/* desc */
.bp-desc {
  width: 100%;
  margin-top: -30px;
}

.bp-desc p {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--bp-font);
  text-align: center;
  color: var(--bp-black);
  font-size: 30px;
  line-height: 34px;
  font-weight:5600;
  max-width: 650px;
}

.bp-desc-bcont {
  width: 100%;
}

.bp-desc-bcont h3 {
  color: var(--bp-red);
  font-family: var(--bp-font);
  font-weight: 600;
  font-size: 40px;
  text-align: center;
  transform: scale(1);
  animation: scaleanim 1s linear infinite alternate-reverse;
  margin-top: 10px;
}

.bp-desc-bcont a {
  color: var(--bp-red);
}

.bp-desc-bcont a:hover {
  color: var(--bp-red);
}

@keyframes scaleanim {
  to {
    transform: scale(0.8);
  }
}

/* carousels */
.page-21924 .featuredActionsWrapper {
  margin-bottom: 50px;
}

.page-21924 #TakeActionWrapper {
  margin-top: -100px;
}

.page-21924 #PrizesWrapper {
  margin-top: 80px;
}

@media screen and (min-width: 699px) {
  .page-21924 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

.page-21924 .featuredActionsWrapper .card-new-container {
  /* transform: scale(1); */
}


.page-21924 .featuredActionsWrapper .home-header-row {
  margin-bottom: 0;
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-21924 .featuredActionsWrapper .carouselTitle {
  color: var(--bp-black);
  text-align: center;
  font-family: var(--bp-font);
  font-size: 40px;
  font-weight: 600;
}

.page-21924 #TakeActionWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-21924 #TakeActionWrapper .carouselTitle::after {
  visibility: visible;
  content: 'KEEP TAKING ACTION';
  font-size: 40px;
}

.page-21924 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-21924 #PrizesWrapper .carouselTitle::after {
  visibility: visible;
  content: 'WHAT YOU CAN WIN';
  font-size: 40px;
}

/* cards */
.page-21924 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-21924 .featuredActionsWrapper .card-new {
  background-color: transparent;
}

.page-21924 .featuredActionsWrapper .card-new-icon-box,
.page-21924 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-21924 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-21924 .featuredActionsWrapper .card-new-points,
.page-21924 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21924 .featuredActionsWrapper .card-auction-price {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
  position: absolute;
  bottom: -25px;
  left: 0;
  font-family: var(--bp-font);
  color: var(--bp-red);
}

.page-21924 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21924 .featuredActionsWrapper .card-auction-price {
  display: block !important;
}

.page-21924 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-21924 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-21924 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-21924 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-21924 .featuredActionsWrapper .card-new-info-container {
  background-color: transparent;
  margin-top: -10px;
  font-family: var(--bp-font);
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
  color: var(--bp-black);
  height: 100px;
}

.page-21924 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-21924 .featuredActionsWrapper:after {
  content: var(--more-content);
  font-family: var(--bp-font);
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  color: var(--bp-black);
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}

.page-21924 #TakeActionWrapper {
  --more-content: ' MORE\A ACTIONS ';
}

.page-21924 #TakeActionWrapper:after {
  content: var(--more-content);
  margin-top: 33px;
}

.page-21924 #PrizesWrapper {
  --more-content: ' MORE\A PRIZES ';
}

.page-21924 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  content: var(--more-content);
  margin-top: 33px;
}

.page-21924 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 290px;
  width: 80px;
  height: 80px;
}

.page-21924 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/bp-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 50px;
}

.page-21924 .featuredActionsWrapper .slick-next {
  background-image: url('../images/bp-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 50px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-21924 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21924 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-21924 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-21924 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-21924 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-21924 .featuredActionsWrapper .slick-arrow {
    margin-top: 260px;
  }

  .page-21924 .featuredActionsWrapper .card-new-points,
  .page-21924 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-21924 .featuredActionsWrapper .card-auction-price {
    font-size: 29px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-21924 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-21924 .featuredActionsWrapper .slick-arrow {
    margin-top: 240px;
  }

  .page-21924 .featuredActionsWrapper .card-new-points,
  .page-21924 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-21924 .featuredActionsWrapper .card-auction-price {
    font-size: 25px;
  }

  .page-21924 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

/* how it works */
.bp-hiw {
  width: 100%;
  margin-top: 40px;
}

.bp-hiw h2 {
  color: var(--bp-black);
  font-family: var(--bp-font);
  font-size: 40px;
  text-align: center;
}

.bp-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1540px;
}

.bp-hiw-sec {
  max-width: 375px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.bp-hiw-sec img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.bp-hiw-sec p {
  color: var(--bp-red);
  font-family: var(--bp-font);
  font-size: 30px;
  text-align: center;
  font-weight: 600;
}

@media screen and (min-width: 1155px) {
  .bp-hiw-cont {
    flex-direction: row;
    width: 95%;
  }

  .bp-hiw-sec img {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* partners */
.bp-partners {
  width: 100%;
}

.bp-partners h2 {
  color: var(--bp-black);
  font-family: var(--bp-font);
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
}

.bp-partners-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}

.bp-partners-cont img {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 280px;
  height: auto;
  object-fit: contain;
  align-self: center;
  justify-self: center;
  margin-bottom: 80px;
}

/* start button */
.bp-start-button {
  width: 100%;
  position: fixed;
  bottom: 10px;
  left: 0;
  display: none;
  visibility: hidden;
}

.bp-start-button img {
  width: 95%;
  height: auto;
  object-fit: contain;
  margin-right: auto;
  margin-left: auto;
}

.displayThis {
  visibility: visible !important;
}

/* desktop */
@media screen and (min-width: 650px) {
  .page-21924 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 130px);
  }

  .page-21924 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 130px);
  }

  .bp-start-button {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 380px;
  }

  .bp-partners-cont img:nth-child(1) {
    order: 2;
  }

  .bp-partners-cont img:nth-child(2) {
    order: 1;
  }

  .bp-partners-cont img:nth-child(3) {
    order: 3;
  }

  .bp-partners-cont img:nth-child(4) {
    order: 4;
  }
}
/* End Ben Platt Campaign */
/* Ben Platt Events - 22059 */

.body-page-22059 {
  background-image: url('../images/bp-background.jpg');
  background-position: center top;
  background-color: transparent;

  --bp-red: #801517;
  --bp-black: #262626;

  --bp-font: 'Caveat', sans-serif;
}

.body-page-22059 .event-single-wrapper,
.body-page-22059 .actions_landing_wrapper,
.body-page-22059 .actiond-container {
  background-color: transparent;
  background-image: none;
}

.body-page-22059 .event_act_cont {
  box-shadow: none;
}

.body-page-22059 .event-stars,
.body-page-22059 .stars-border-bottom,
.body-page-22059 .stars-border-top {
  filter: brightness(0) saturate(100%) invert(8%) sepia(49%) saturate(6290%) hue-rotate(348deg) brightness(109%) contrast(94%);
}

.body-page-22059 .event-intro,
.body-page-22059 .upgrade-description,
.body-page-22059 .read-more-button {
  color: var(--bp-black);
  font-family: var(--bp-font);
}

.body-page-22059 .read-more-text-container .paragraph-text {
  font-size: 20px;
  color: var(--bp-black);
  font-family: var(--bp-font);
}

.body-page-22059 .event-title {
  color: var(--bp-red);
  font-family: var(--bp-font);
  font-size: 35px;
}

.body-page-22059 .event-take-action-title,
.body-page-22059 .event-down-arrow {
  filter: brightness(0) saturate(100%) invert(8%) sepia(49%) saturate(6290%) hue-rotate(348deg) brightness(109%) contrast(94%);
}

.body-page-22059 .event-take-action-desc {
  color: var(--bp-black);
  font-family: var(--bp-font);
  font-size: 32px;
}

.body-page-22059 .act_entries {
  color: var(--bp-red);
  font-family: var(--bp-font);
}

.body-page-22059 .event_act .act_icon_txt {
  color: var(--bp-red);
  font-family: var(--bp-font);
  border: 2px solid var(--bp-red);
}

.body-page-22059 .event_action .event-action-action-type.causes::before {
  color: var(--bp-red) !important;
  font-family: var(--bp-font);
}

.body-page-22059 .event-action-text {
  color: var(--bp-black);
  font-family: var(--bp-font);
  font-size: 25px;
}

.body-page-22059 .act-entries-com {
  color: var(--bp-black) !important;
}

.body-page-22059 .event_act .act_icon_txt.com_1 {
  background-color: var(--bp-black);
  border: 2px solid var(--bp-black);
  color: white;
}

.body-page-22059 .event-action.action-completem {
  color: white !important;
}

.body-page-22059 .alien,
.body-page-22059 .com_alien {
  display: none;
}

/* End Ben Platt Events */

/* End Ben Platt */

/* Tenacious D Campaign - 21936 */

.body-page-21936 {
  /* color & font vars */
  --td-yellow: #e3df3f;
  --td-red: #d52a29;
  --td-black: #051718;

  --td-SBold: 'Fredoka SemiBold', sans-serif;
  --td-Bold: 'Fredoka Bold', sans-serif;

  background-image: url('../images/td-background.jpg');
  background-position: center top;
  background-repeat: repeat;
}

.body-page-21936,
.page-21936 {
  width: 100%;
  max-width: 100%;
}

.body-page-21936 .wrapper {
  overflow-x: hidden;
}

.header-page-21936 .header {
  padding: 0px 30px;
}

.header-page-21936 .header_right {
  width: auto;
}

.body-page-21936 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-21936 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-21936 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-21936 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-21936 .wGutter.right {
  display: none;
}

.body-page-21936 .col2  {
  display: none;
}

.body-page-21936 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-21936 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-21936 .small_swiper {
  display: none;
}

.page-21936 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-21936 .container,
.body-page-21936 .container {
  max-width: 100%;
  width: 100%;
}

.page-21936 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-21936 .climate_container {
  display: none;
}

/* Set up order */
.page-21936 #TakeActionWrapper {
  order: 3;
}

.page-21936 .featuredActionsWrapper {
  order: 1;
}

.page-21936 #PrizesWrapper {
  order: 2;
}

/* hub functionality */
.page-21936.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-21936.campaign-locked #PrizesWrapper {
  /* display: block !important; */
  margin-top: -30px;
  padding-top: 0px;
}

.page-21936.campaign-locked #PrizesWrapper a {
  pointer-events: none;
}

.page-21936.campaign-locked ~ .page-footer .td-start-button {
  display: block !important;
}

.page-21936.campaign-locked ~ .page-footer {
  margin-top: -80px;
}

/* desc */
.td-desc {
  width: 100%;
  padding: 20px;
}

.td-desc p {
  font-family: var(--td-SBold);
  font-weight: 600;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-size: 22px;
  line-height: 24px;
}

.td-desc .gvr-img {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: auto;
  object-fit: contain;
  margin-bottom: 20px;
}

.td-desc .cstb-img {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: auto;
  object-fit: contain;
  margin-top: 30px;
}

/* Exp Section */

.td-exp-sec {
  background-color: var(--td-yellow);
  width: 100%;
  padding: 30px 20px;
  margin-top: 20px;
}

.td-exp-sec h2 {
  font-size: 45px;
  padding: 0px 10px;
  line-height: 49px;
  font-family: var(--td-Bold);
  font-weight: 700;
  color: var(--td-red);
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
  padding-bottom: 15px;
}

.td-exp-sec img {
  object-fit: contain;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  margin-bottom: 15px;
}

.td-exp-sec h3,
.td-exp-sec p, 
.td-exp-sec li {
  font-family: var(--td-Bold);
  color: var(--td-black);
}

.td-exp-sec h3 {
  font-size: 30px;
  color: var(--td-red);
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

.td-exp-sec p,
.td-exp-sec li {
  font-size: 22px;
}

.td-exp-sec .td-exp-FP {
  text-align: left;
  max-width:650px;
  margin-left: auto;
  margin-right: auto;
}

.td-exp-FP h2 {
  color: black;
  font-size: 25px;
}

/* carousels */
.page-21936 .featuredActionsWrapper {
  padding-bottom: 50px;
  background-color: var(--td-yellow);
  padding-top: 30px;
}

.page-21936 #TakeActionWrapper {
  padding-top: 30px;
}

.page-21936 #PrizesWrapper {
  padding-top: 0px;
}

.page-21936 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-21936 .featuredActionsWrapper .carouselTitle {
  font-size: 45px;
  padding: 0px 10px;
  line-height: 49px;
  letter-spacing: 3px;
  font-family: var(--td-Bold);
  font-weight: 700;
  color: var(--td-red);
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

.page-21936 #PrizesWrapper .carouselTitle {
  font-size: 1px;
  visibility: hidden;
  display: block;
}
.page-21936 #PrizesWrapper .carouselTitle::after {
  font-size: 45px;
  display: block;
  visibility: visible;
  content: 'WHAT YOU CAN WIN';
  margin-top: -12px;
}

/* cards */
.page-21936 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
}

.page-21936 .featuredActionsWrapper .card-new {
  background-image: url('../images/td-background.jpg');
  background-size: contain;
  background-position: center center;
  border-radius: 15px;
}

.page-21936 .featuredActionsWrapper .card-new-image {
  background-color: white;
  transform: scale(0.8);
}

.page-21936 .featuredActionsWrapper .card-new-icon-box,
.page-21936 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-21936 .featuredActionsWrapper .card-new-bar {
  height: 1px;
  padding: 0;
  background: transparent;
}

.page-21936 .featuredActionsWrapper .card-new-points,
.page-21936 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21936 .featuredActionsWrapper .card-auction-price {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  position: absolute;
  bottom: 8px;
  left: 0;
  font-family: var(--td-Bold);
  color: var(--td-yellow);
}

.page-21936 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-21936 .featuredActionsWrapper .card-auction-price {
  display: block !important;
}

.page-21936 .featuredActionsWrapper .card-new-points:after {
  content: ' POINTS';
}

.page-21936 .featuredActionsWrapper .reward .card-new-points:after {
  content: '';
}

.page-21936 .featuredActionsWrapper .card-new-bg-featured .card-points-per-dollar {
  display: none;
}

.page-21936 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.page-21936 .featuredActionsWrapper .card-new-info-container {
  background-color: transparent;
  margin-top: -30px;
  font-family: var(--td-SBold);
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  color: white;
  height: 100px;
  -webkit-line-clamp: 4 !important;
}

.page-21936 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-21936 .featuredActionsWrapper:after {
  content: var(--more-content);
  font-family: var(--td-SBold);
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  color: var(--td-black);
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}

.page-21936 #TakeActionWrapper {
  --more-content: ' MORE\A ACTIONS ';
}

.page-21936 #TakeActionWrapper:after {
  content: var(--more-content);
  margin-top: 33px;
}

.page-21936 #PrizesWrapper {
  --more-content: ' MORE\A PRIZES ';
}

.page-21936 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  content: var(--more-content);
  margin-top: 33px;
}

.page-21936 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 290px;
  width: 80px;
  height: 80px;
}

.page-21936 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/td-left-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 50px;
}

.page-21936 .featuredActionsWrapper .slick-next {
  background-image: url('../images/td-right-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 50px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-21936 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-21936 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-21936 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    margin-top: -25px;
  }

  .page-21936 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-21936 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-21936 .featuredActionsWrapper .slick-arrow {
    margin-top: 260px;
  }

  .page-21936 .featuredActionsWrapper .card-new-points, 
  .page-21936 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar, 
  .page-21936 .featuredActionsWrapper .card-auction-price {
    font-size: 29px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-21936 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-21936 .featuredActionsWrapper .slick-arrow {
    margin-top: 240px;
  }

  .page-21936 .featuredActionsWrapper .card-new-points, 
  .page-21936 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar, 
  .page-21936 .featuredActionsWrapper .card-auction-price {
    font-size: 25px;
  }

  .page-21936 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

/* how it works */
.td-hiw {

}

.td-hiw-title {
  font-size: 43px;
  line-height: 49px;
  font-family: var(--td-Bold);
  font-weight: 700;
  letter-spacing: -3px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

@media screen and (max-width: 370px) {
  .td-hiw-title {
    font-size: 38px;
  }
}

.td-hiw-title span {
  display: inline-block;
}

.td-title-sec > span:nth-child(1) {
  -webkit-transform: translateX(0px) translateY(48px) rotate(-25deg);
  -webkit-transition: 0s;
}

.td-title-sec > span:nth-child(2) {
  -webkit-transform: translateX(2px) translateY(30px) rotate(-20deg);
  -webkit-transition: 0s;
}

.td-title-sec > span:nth-child(3) {
  -webkit-transform: translateX(0px) translateY(15px) rotate(-15deg);
  -webkit-transition: 0s;
}

/* .td-title-sec1 > span:nth-child(4) {
  -webkit-transform: translateX(0px) translateY(14px) rotate(-6deg);
  -webkit-transition: 0s;
} */

.td-title-sec > span:nth-child(5) {
  -webkit-transform: translateX(0px) translateY(7px) rotate(-5deg);
  -webkit-transition: 0s;
}

/* mid */
.td-title-sec > span:nth-child(6) {
  -webkit-transform: translateX(0px) translateY(5px) rotate(0deg);
  -webkit-transition: 0s;
}

/* mid */
/* .td-title-sec1 > span:nth-child(7) {
  -webkit-transform: translateX(0px) translateY(0px) rotate(0deg);
  -webkit-transition: 0s;
} */

.td-title-sec > span:nth-child(8) {
  -webkit-transform: translateX(0px) translateY(7px) rotate(5deg);
  -webkit-transition: 0s;
}

.td-title-sec > span:nth-child(9) {
  -webkit-transform: translateX(0px) translateY(12px) rotate(10deg);
  -webkit-transition: 0s;
}

.td-title-sec > span:nth-child(10) {
  -webkit-transform: translateX(0px) translateY(21px) rotate(15deg);
  -webkit-transition: 0s;
}

.td-title-sec > span:nth-child(11) {
  -webkit-transform: translateX(0px) translateY(33px) rotate(20deg);
  -webkit-transition: 0s;
}

.td-title-sec > span:nth-child(12) {
  -webkit-transform: translateX(0px) translateY(48px) rotate(25deg);
  -webkit-transition: 0s;
}


.td-title-sec.sec1 {
  color: var(--td-red);
}

.td-title-sec.sec2 {
  color: var(--td-yellow);
  transform: translate(3px, -53px);
}

.td-hiw-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

@media screen and (min-width: 900px) {
  .td-hiw-cont {
    flex-direction: row;
  }
}

.td-hiw-sec {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 280px;
  margin: 10px 20px;
}

.td-hiw-sec img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  object-fit: contain;
  height: auto;
}

.td-hiw-sec p {
  color: white;
  font-family: var(--td-SBold);
  font-size: 24px;
  line-height: 26px;
  text-align: center;
}


/* partners */
.td-partners {
  background-color: red;
  width: 100%;
  height: 450px;
  padding-top: 30px;
  margin-top: 30px;
  display: none;
}

.td-partners h2 {
  font-size: 45px;
  line-height: 49px;
  font-family: var(--td-Bold);
  font-weight: 700;
  letter-spacing: 3px !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: var(--td-yellow);
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

/* prop logo cont */
.prop-logo-cont {
  padding: 60px 10px 40px 10px;
}

.prop-logo-cont img {
  width: 330px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

/* start button */
.td-start-button {
  width: 100%;
  position: fixed;
  bottom: -2px;
  left: 0;
  display: none;
  visibility: hidden;
}

.td-start-button img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* desktop */
@media screen and (min-width: 650px) {
  .page-21936 .featuredActionsWrapper .carouselTitle,
  .td-hiw-title,
  .td-partners h2,
  .page-21936 #PrizesWrapper .carouselTitle::after,
  .td-exp-sec h2 {
    font-size: 55px;
    line-height: 59px;
  }



  .page-21936 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 120px);
  }

  .page-21936 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 110px);
  }

  .td-title-sec.sec2 {
    transform: translate(3px, -63px);
  }

  .td-start-button {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 350px;
  }
}
/* End Tenacious D Campaign */

/* Tenacious D Custom Join Action page & EOC page */
/* join form page - 16086 */
/* EOC page - 21337 */
.body-page-16086,
.body-page-21337 {
  --td-yellow: #e3df3f;
  --td-red: #d52a29;
  --td-black: #051718;

  --td-SBold: 'Fredoka SemiBold', sans-serif;
  --td-Bold: 'Fredoka Bold', sans-serif;
}

.body-page-21337 {
  background-image: url('../images/td-background.jpg');
  background-position: center top;
  background-repeat: repeat;
}

.body-page-16086 .header .odometer-value {
  color: white !important;
  /* font-family: var(--td-SBold); */
}

.body-page-16086 .nav-update-points .odometer-inside:after {
  color: white !important;
}

.body-page-16086 .header_white .hamburger .icon-hamburger {
  color: white !important;
}

.body-page-16086 .causes_new.join.cause-21337 {
  background-image: url('../images/td-background.jpg');
  background-position: center top;
  background-repeat: repeat;
  width: 100%;
  padding-top: 150px;
  margin-top: 0px;
  max-width: 1800px;
}

.body-page-21337 .action_cont .txt_small_gry,
.body-page-21337 .action-details-experience {
  color: white !important;
  font-family: var(--td-SBold) !important;
}

.body-page-21337 .action-details-experience {
  font-size: 28px !important;
}

.body-page-16086 .causes_new.join.cause-21337 .action_inner .blockTitle,
.body-page-21337 .action_inner .blockTitle {
  display: none;
}

.body-page-16086 .causes_new.join.cause-21337 .action_detail .action_cont .action,
.body-page-21337 .action_detail .action_cont .action {
  background-color: var(--td-yellow);
  border-radius: 15px;
}

.body-page-16086 .causes_new.join.cause-21337 .join_action_inner, 
.body-page-21337 .join_action_inner {
  background-color: transparent;
}

.body-page-16086 .causes_new.join.cause-21337 .actionDetailsMiniActionTitle,
.body-page-21337 .actionDetailsActionTitle {
  font-size: 45px;
  padding: 0px 10px;
  line-height: 49px;
  letter-spacing: 3px;
  font-family: var(--td-Bold);
  font-weight: 700;
  color: var(--td-red);
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
  text-align: center;
}

.body-page-16086 .causes_new.join.cause-21337 .action_description2,
.body-page-21337 .action_description2 {
  background-image: url('../images/td-background.jpg');
  background-repeat: repeat;
  border-radius: 15px;
  color: white;
  padding: 25px;
}

.body-page-16086 .causes_new.join.cause-21337 .action_description2 h4,
.body-page-21337 .action_description2 h4 {
  font-family: var(--td-SBold);
}

.body-page-16086 .causes_new.join.cause-21337 .join_action_inner .action_join_container input,
.body-page-21337 .join_action_inner .action_join_container input {
  border: 1px solid var(--td-red) !important;
}

.body-page-16086 .causes_new.join.cause-21337 .actionBottomFP div,
.body-page-21337 .actionBottomFP div {
  font-family: var(--td-SBold);
}

.body-page-16086 .causes_new.join.cause-21337 .actionBottomFP a,
.body-page-21337 .actionBottomFP a {
  color: var(--td-red);
}

.body-page-16086 .causes_new.join.cause-21337 .joinButton,
.body-page-21337 .joinButton {
  background-color: var(--td-red);
}

.body-page-16086 .causes_new.join.cause-21337 .joinButton:hover,
.body-page-21337 .joinButton:hover {
  background-color: var(--td-red);
  transform: scale(1.05);
}

.body-page-16086 .causes_new.join.cause-21337 .joinButton div,
.body-page-21337 .joinButton div {
  font-family: var(--td-Bold);
  font-size: 1px;
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
  visibility: hidden;
}

.body-page-16086 .causes_new.join.cause-21337 .joinButton div::after,
.body-page-21337 .joinButton div::after {
  content: 'PLEDGE TO VOTE';
  visibility: visible;
  display: block;
  font-size: 35px;
  color: white;
  margin-top: -54px;
  margin-left: 5px;
}

.body-page-16086 .causes_new.join.cause-21337 .joinButton div::before,
.body-page-21337 .joinButton div::before {
  content: 'PLEDGE TO VOTE';
  visibility: visible;
  display: block;
  font-size: 35px;
  color: var(--td-yellow);
}

.body-page-21337 .action_experience.left {
  background-color: var(--td-yellow);
  border-radius: 15px;
}

.body-page-21337 .action_experience .bg_creme {
  background-color: var(--td-yellow);
  color: var(--td-black);
  font-family: var(--td-SBold);
}

.body-page-16086 .causes_new.join.cause-21337 .squigly2,
.body-page-21337 .action_experience .squigly2 {
  background-color: black;
}

.body-page-21337 .timeline .thebike {
  background-color: transparent;
}

.body-page-21337 .action_experience h3 {
  font-family: var(--td-SBold);
}

.body-page-21337 .action_experience a {
  color: var(--td-red);
}

.body-page-16086 .causes_new.join.cause-21337 .share-global-wrapper {
  color: white;
  padding: 0px 20px;
}

.body-page-16086 .causes_new.join.cause-21337 .share-global-wrapper div,
.body-page-16086 .causes_new.join.cause-21337 .share-global-wrapper h5 {
  font-family: var(--td-SBold);
}

.body-page-16086 .causes_new.join.cause-21337 .causes_new_shareR a.but1, 
.body-page-16086 .causes_new.join.cause-21337 .causes_new_shareR a.but2,
.body-page-16086 .causes_new.join.cause-21337 .causes_new_shareR .smsShareButton {
  /* color: var(--td-yellow);
  fill: var(--td-yellow); */
  color: white;
  fill: white;
}

.body-page-16086 .causes_new.join.cause-21337 .cause_stats_cont .cause_stats,
.body-page-16086 .causes_new.join.cause-21337 .cause_stats_cont .cause_stats .txt_blue1 {
  color: white !important;
}

.body-page-16086 .causes_new.join.cause-21337 .cause_stats .tc {
  border-left: 2px solid white;
  border-top: 2px solid white;
}

.body-page-16086 .causes_new.join.cause-21337 ~ .causes_new_grid {
  background-image: url('../images/td-background.jpg');
  background-position: center top;
  background-repeat: repeat;
  width: 100%;
  padding: 0 2.5%;
  max-width: 1800px;
}

.body-page-16086 .causes_new.join.cause-21337 ~ .causes_new_grid .cause-feeds-wrapper-inner .section_title {
  color: white;
  border-bottom: 2px solid white;
  font-family: var(--td-SBold);
}

.body-page-16086 .causes_new.join.cause-21337 ~ .causes_new_grid .flickity-prev-next-button {
  background-color: transparent;
}

.body-page-16086 .causes_new.join.cause-21337 ~ .causes_new_grid .flickity-prev-next-button .arrow {
  fill: white;
}

.body-page-16086 .causes_new.join.cause-21337 ~ .causes_new_grid .causes_new_grid {
  margin-bottom: 50px;
}

@media screen and (max-width: 649px) {
  .body-page-16086 .causes_new.join.cause-21337 .action-details-mini {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }

  .body-page-16086 .causes_new.join.cause-21337 .joinButton div::after,
  .body-page-21337 .joinButton div::after {
    font-size: 25px;
    margin-top: -39px;
    margin-left: 4px;
  }

  .body-page-16086 .causes_new.join.cause-21337 .joinButton div::before,
  .body-page-21337 .joinButton div::before {
    font-size: 25px;
  }

  .body-page-21337 .action_detail.has_experience .action_experience {
    padding: 3%;
    margin-bottom: 50px;
  }

  .body-page-21337 .action_detail.has_experience .action_experience .img_100 img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .body-page-21337 .container.action-details {
    width: 95%;
  }

  .body-page-21337 .action_detail.has_cause .action_cont {
    padding-right: 0;
  }

  .body-page-16086 .causes_new.join.cause-21337 .join_action_inner .join_button_docked .join_button,
  .body-page-21337 .join_action_inner .join_button_docked .join_button {
    background-color: var(--td-red);
    color: white;
    font-family: var(--td-Bold);
    font-size: 15px;
    text-shadow:
    -1px -1px 0 var(--td-black),  
    1px -1px 0 var(--td-black),
    -1px 1px 0 var(--td-black),
    1px 1px 0 var(--td-black);
  }
}

@media screen and (max-width: 390px) {
  .body-page-16086 .causes_new.join.cause-21337 .joinButton div::after,
  .body-page-21337 .joinButton div::after {
    font-size: 20px;
    margin-top: -31px;
    margin-left: 2px;
  }

  .body-page-16086 .causes_new.join.cause-21337 .joinButton div::before,
  .body-page-21337 .joinButton div::before {
    font-size: 20px;
  }
}

/* End Tenacious D Join Pages */

/* Tenacious D Event Page */
.event-page-22037 {
  --td-yellow: #e3df3f;
  --td-red: #d52a29;
  --td-black: #051718;

  --td-SBold: 'Fredoka SemiBold', sans-serif;
  --td-Bold: 'Fredoka Bold', sans-serif;

  background-image: url('../images/td-background.jpg');
  background-position: center top;
  background-repeat: repeat;
}

.event-page-22037 .actions_landing_wrapper {
  background-image: url('../images/td-background.jpg');
  background-position: center top;
  background-repeat: repeat;
}

.event-page-22037 .actiond-container {
  background-image: none;
  background-color: transparent;
}

.event-page-22037 .event-take-action-title {
  filter: brightness(0) saturate(100%) invert(83%) sepia(85%) saturate(397%) hue-rotate(358deg) brightness(92%) contrast(94%);
}

.event-page-22037 .event-arrow-cont {
  width:100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.event-page-22037 .event-down-arrow {
  filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2334%) hue-rotate(345deg) brightness(108%) contrast(94%);
  width: 50%;
  max-width: 650px;
}

.event-page-22037 .stars-border-top,
.event-page-22037 .stars-border-bottom,
.event-page-22037 .event-stars {
  /* filter: brightness(0) saturate(100%) invert(83%) sepia(85%) saturate(397%) hue-rotate(358deg) brightness(92%) contrast(94%); */
  filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2334%) hue-rotate(345deg) brightness(108%) contrast(94%);
}

.event-page-22037 .event-intro {
  color: white;
  font-family: var(--td-SBold);
}

.event-page-22037 .event-title {
  color: var(--td-yellow);
  font-family: var(--td-Bold);
  text-shadow: -2px 2px 0 var(--td-red);
  /* text-shadow:
  -1px -1px 0 var(--td-red),  
  1px -1px 0 var(--td-red),
  -1px 1px 0 var(--td-red),
  1px 1px 0 var(--td-red); */
}

.event-page-22037 .read-more-button {
  color: white;
  font-family: var(--td-SBold);
}

.event-page-22037 .event-take-action-desc {
  font-family: var(--td-Bold);
}

.event-page-22037 .act_entries {
  color: var(--td-yellow);
  font-family: var(--td-Bold);
}

.event-page-22037 .event-action-text {
  font-family: var(--td-SBold);
}

.event-page-22037 .alien,
.event-page-22037 .com_alien {
  display: none;
}

.event-page-22037 .act-entries-com {
  color: var(--td-red) !important;
  text-shadow:
  -1px -1px 0 var(--td-yellow),  
  1px -1px 0 var(--td-yellow),
  -1px 1px 0 var(--td-yellow),
  1px 1px 0 var(--td-yellow);
}

.event-page-22037 .event_act .act_icon_txt.com_1 {
  background-color: var(--td-red);
}

.event-page-22037 .event-action.action-completem {
  color: var(--td-yellow);
  font-family: var(--td-SBold);
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

.event-page-22037 .event_act .act_icon_txt {
  font-family: var(--td-SBold);
}

.event-page-22037 .donate-rewards {
  font-family: var(--td-SBold);
}

/* donate */
.event-page-22037 .ev_act_header {
  color: var(--td-yellow);
  font-family: var(--td-SBold);
}

.event-page-22037 .event_act.nohover {
  background-color: transparent;
}

.event-page-22037 .event-cta2,
.event-page-22037 .price_block h3,
.event-page-22037 .shop_detail_right,
.event-page-22037 .disclaimer-donation {
  font-family: var(--td-SBold);
  color: white;
}

.event-page-22037 .disclaimer-donation {
  margin-bottom: 15px;
}

.event-page-22037 #buyRewardButton {
  background-color: var(--td-red);
  font-family: var(--td-SBold);
  font-size: 20px;
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

.event-page-22037 .causes-payment {
  color: white;
}

/* join */
.event-page-22037 .join_action_inner {
  background-color: var(--td-yellow);
  border-radius: 15px;
}

.event-page-22037 .action_description2 h4 {
  color: var(--td-black);
  font-family: var(--td-SBold);
}

.event-page-22037 .join_action_inner #joinButton {
  background-color: var(--td-red);
}

.event-page-22037 .join_action_inner #joinButton div {
  font-family: var(--td-Bold);
  color: var(--td-yellow);
  font-size: 28px;
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

.event-page-22037 .join_action_inner #joinButton div::after {
  content: 'JOIN';
  display: block;
  color: white;
  font-size: 28px;
  margin-top: -43px;
  text-shadow:
  -1px -1px 0 var(--td-black),  
  1px -1px 0 var(--td-black),
  -1px 1px 0 var(--td-black),
  1px 1px 0 var(--td-black);
}

/* End Tenacious D Event Page */

/* Tenacious D Experience Page */
.body-page-22026 {
  --td-yellow: #e3df3f;
  --td-red: #d52a29;
  --td-black: #051718;

  --td-SBold: 'Fredoka SemiBold', sans-serif;
  --td-Bold: 'Fredoka Bold', sans-serif;

  background-image: url('../images/td-background.jpg');
  background-position: center top;
  background-repeat: repeat;
}

.body-page-22026 .onboarding-ex-ta,
.body-page-22026 .bulletsDash,
.body-page-22026 .bulletsDash p {
  color: white !important;
  font-family: var(--td-SBold);
}

.body-page-22026 .onboarding-ex {
  font-family: var(--td-Bold);
  color: var(--td-yellow);
  text-transform: uppercase;
  margin: 15px 0px;
  font-size: 35px;
  text-shadow: -2px 2px 0 var(--td-red);
}

.body-page-22026 .squigly2 {
  background-color: var(--td-yellow);
}

.body-page-22026 .onboard-ex-h3-desktop {
  color: white;
  font-family: var(--td-SBold);
}

.body-page-22026 .left.wGutter {
  background-color: var(--td-yellow);
  border-radius: 0 0 15px 15px;
  font-family: var(--td-SBold);
  padding: 0px 20px;
  margin-bottom: 50px;
}

.body-page-22026 .left.wGutter h3 {
  font-family: var(--td-SBold);
}

.body-page-22026 .left.wGutter a {
  color: var(--td-red);
}

.body-page-22026 .left.wGutter.grid_experiences {
  border-radius: 15px 15px 0 0;
  padding: 2.5%;
  margin-bottom: 0px;
}

.body-page-22026 .left.wGutter.grid_experiences .img_100 {
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
}

.body-page-22026 .timeline .thebike {
  background-color: transparent;
}

.body-page-22026 .entries-form-current-entries h4,
.body-page-22026 #redeemPointsForm h3,
.body-page-22026 .entryTextForm,
.body-page-22026 #confirm_redeem .point_ratio,
.body-page-22026 .share-short {
  color: white !important;
  font-family: var(--td-SBold) !important;

}


@media screen and (max-width: 649px) {
  .body-page-22026 .left.wGutter.grid_experiences {
    border-radius: 15px;
  }

  .body-page-22026 .left.wGutter.grid_experiences .img_100 {
    margin-bottom: 0px;
  }

  .body-page-22026 .left.wGutter.grid_experiences .exp.padB2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .body-page-22026 .left.wGutter {
    background-color: transparent;
  }

  .body-page-22026 .take-action-gif {
    background-image: url('../images/event-takeaction.gif') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    filter: brightness(0) saturate(100%) invert(83%) sepia(85%) saturate(397%) hue-rotate(358deg) brightness(92%) contrast(94%);
  }

  .body-page-22026 .elig-timeline-mobile,
  .body-page-22026 .elig-timeline-mobile h3,
  .body-page-22026 .elig-timeline-mobile .left.txt_black,
  .body-page-22026 .onboard-fineprint-mobile,
  .body-page-22026 .onboard-fineprint-mobile h3 {
    color: white;
    font-family: var(--td-SBold);
  }

  .body-page-22026 .onboard-fineprint-mobile {
    margin-bottom: 50px;
  }

  .body-page-22026 .right.wGutter.ob_right {
    margin-top: 20px;
  }

  .body-page-22026 .read-more-button.exp-rm-button {
    border: 1px solid white;
    color: white;
    font-family: var(--td-SBold);
    line-height: 11px;
  }

  .body-page-22026 .read-more-text.exp-read-more,
  .body-page-22026 .read-more-text.exp-read-more h3,
  .body-page-22026 .read-more-text.exp-read-more p {
    color: white;
    font-family: var(--td-SBold);
  }

  .body-page-22026 .enter_button_docked,
  .body-page-22026 .enter_button_bg,
  .body-page-22026 .enter_button_bg2,
  .body-page-22026 .enter_button div {
    background-color: transparent;
    background: transparent;
    -webkit-text-fill-color: unset;
  }

  .body-page-22026 .enter_button_bg2 {
    background-color: var(--td-red);
    color: white;
    font-family: var(--td-Bold);
  }

  .body-page-22026 .enter_button_bg2 button div {
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: var(--td-yellow);
    font-family: var(--td-Bold);
    text-shadow:
    -1px -1px 0 var(--td-black),  
    1px -1px 0 var(--td-black),
    -1px 1px 0 var(--td-black),
    1px 1px 0 var(--td-black);
  }

  .body-page-22026 .enter_button div::after {
    content: 'ENTER NOW';
    color: white;
    font-family: var(--td-Bold);
    display: block;
    margin-top: -41px;
    text-shadow:
    -1px -1px 0 var(--td-black),  
    1px -1px 0 var(--td-black),
    -1px 1px 0 var(--td-black),
    1px 1px 0 var(--td-black);
  }
}



/* End Tenacious D Experience Page */

/* End Tenacious D */


/* Wefunder Landing Page - 22115 */
.body-page-22115 {
  /* color & font vars */
  --wf-black: #151515;
  --wf-bluegreen: #7cd3d2;
  --wf-pink: #dd92c0;
  --wf-purple: #aa9bcb;
  --wf-lightblue: #a1c8e9;

  --wf-lores: 'Lores 9 Plus Wide Regular';
  --wf-space: 'Space Mono Regular';
  --wf-mark: 'Mark OT Light';
  --wf-markItalic: 'Mark OT Light Italic';

  background-color: var(--wf-black);

  visibility: hidden;
}

.body-page-22115,
.page-22115 {
  width: 100%;
  max-width: 100%;
}

.body-page-22115 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22115 .header {
  padding: 0px 30px;
}

.header-page-22115 .header_right {
  width: auto;
}

.body-page-22115 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22115 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22115 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22115 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22115 .wGutter.right {
  display: none;
}

.body-page-22115 .col2  {
  display: none;
}

.body-page-22115 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22115 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22115 .small_swiper {
  display: none;
}

.page-22115 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22115 .container,
.body-page-22115 .container {
  max-width: 100%;
  width: 100%;
}

.page-22115 {
  position: relative;
  z-index: 1;
}

/* hide impact */
.page-22115 .climate_container {
  display: none;
}

/* Sections */
.page-22115 .cause_desc {
  margin-top: 50px; 
}

/* WF container */
.wf-container {
  /* overflow: hidden; */
}

.wf-section-1,
.wf-section-2,
.wf-section-4,
.wf-section-5,
.wf-section-6,
.wf-section-7,
.wf-section-9,
.wf-section-10,
.wf-section-11 {
  overflow: hidden;
}

/* Section 1 */
.page-22115 .wf-section-1 {
  height: 95vh;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  /* border-bottom: 3px solid red; */
}

.page-22115 .wf-section-1 img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  height: auto;
}

.wf-section-1 #sec1-flower {
  /* transform: translateY(400px); */
  /* animation: headerFlower 1.5s linear 0.5s forwards; */
  outline: 1px solid var(--wf-black);
  outline-offset: -1px;
}

@keyframes headerFlower {
  to {
    transform: translateY(0);
  }
}

.wf-section-1 .wf1-top-sec {
  position: absolute;
  bottom: 275px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.wf-section-1 .wf1-bottom-sec {
  /* background-image: linear-gradient(to bottom, var(--wf-pink), var(--wf-purple), var(--wf-lightblue), var(--wf-bluegreen)); */
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 30px;
  height: 275px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.page-22115 .wf-section-1 p {
  font-family: var(--wf-mark);
  color: white;
  font-size: 20px;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-weight: 900;
}

.page-22115 .wf-section-1 a {
  color: var(--wf-lightblue);
  font-weight: 600;
  font-size: 17px;
  margin-top: -10px;
}

.page-22115 .wf-section-1 a:hover {
  color: var(--wf-lightblue);
  font-weight: 600;
  font-size: 17px;
  margin-top: -10px;
}

.page-22115 .wf-section-1 .arrowCont {
  background-image: url('../images/wf-carrot-01.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 65px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 30px; */
  /* padding-top: 30px; */
  animation: arrowbounce 1s linear alternate-reverse infinite;
  /* filter: brightness(0) saturate(100%); */
  transform: translateY(10px);
}

@keyframes arrowbounce {
  to {
    transform: translateY(-10px);
  }
}

/* spacer */
.page-22115 #sectionSpacer1 {
  height: 30vh;
}

@keyframes sectionCover1 {
  to {
    transform: translateY(-90vh);
  }
}

/* section 2 */
.wf-section-2 {
  height: 60vh;
  margin-top: -80px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-bottom: 3px solid red; */
  background-color: var(--wf-black);
  
}

.section2,
.spacer2 {
  height: 100vh;
  font-family: 'Special Elite', cursive;
}

.spacer2:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 50vh;
}

.wf-section-2 h2 {
  font-family: var(--wf-lores);
  font-size: 40px;
  text-align: center;
  font-weight: 100;
  line-height: 65px;
  color: white;
  text-transform: uppercase;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* spacer */
#sectionSpacer2 {
  /* margin-top: -50px; */
}

/* section 3 */
.wf-section-3 {
  height: 110vh;
  margin-top: -50px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-bottom: 3px solid red; */
  background-color: var(--wf-black);
  /* background-color:rgba(58, 164, 199, 0.4); */
}

.snapAnimation {
  animation: sectionSnap 1s forwards linear;
}

@keyframes sectionSnap {
  to {
    transform: translateY(-75vh);
  }
}

.section3,
.spacer3 {
  height: 100vh;
  font-family: 'Special Elite', cursive;
}

.spacer3:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 50vh;
}

.wf-section-3 h2 {
  font-family: var(--wf-lores);
  font-size: 40px;
  text-align: center;
  font-weight: 100;
  line-height: 65px;
  padding: 0px 20px;
  color: white;
  text-transform: uppercase;
  width: 350px;
  box-sizing: unset !important;
  margin-left: auto;
  margin-right: auto;
  left: auto;
}

/* snap sections - hw todo */
.wf-snap-sections {
  overflow: auto;
  scroll-snap-type: y mandatory;
}

.wf-snap-sections .wf-section {
  scroll-snap-align: start;
}

/* Section 4 */
.wf-section-4 {
  height: 95vh;
  width: 100%;
  overflow: auto;
  margin-top: 250px;
  position: relative;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*border: 2px solid red;
  padding-top: 100px; 
  scroll-snap-points-y: repeat(300px);
  scroll-snap-type: y mandatory;
  scroll-snap-type: mandatory; */
}

.wf-section-4 .wf-c-icons-desk1,
.wf-section-4 .wf-c-icons-desk2 {
  display: none;
}

.wf-section-4 .wf-c-icons {
  width: 100%;
  height: auto;
  object-fit: contain;
  position: absolute;
}

.wf-section-4 .wf-c-icons1 {
  top: 10px;
  left: 0;
}

.wf-section-4 .wf-c-icons2 {
  bottom: 10px;
  left: 0;
}

.wf-section-4 .wf4-mid-sec {
  margin: 50px 0px;
}

.wf-section-4 .wf4-mid-sec h2 {
  position: absolute;
  top: 60px;
  width: 100%;
}

.wf-section-4 h2 {
  font-family: var(--wf-space);
  color: white;
  font-size: 40px;
  text-align: center;
  padding: 20px;
}

.wf-section-4 .wf-causes-horizontal-cont {
  margin-top: -80px;
  position: relative;
  z-index: 10;
}

.wf-section-4 .slick-list {
  height: 60%;
}

.wf-section-4 .slick-track {
  /* margin-top: 80px; */
}

.wf-section-4 .wf-cause {
  margin-left: auto;
  margin-right: auto;
  height: 320px;
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: calc(30% - 160px);
  opacity: 0;
}

.wf-section-4 .wf-cause .cause-circ {
  margin-left: auto;
  margin-right: auto;
}

.wf-section-4 .cause-circ img {
  width: 318px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.wf-section-4 .wf-cause p {
  color: white;
  font-family: var(--wf-lores);
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  padding: 0px 25px;
}

.wf-cause-first {
  margin-top: 80px;
}

.wf-section-4 .slick-list {
  padding-bottom: 100px;
} 

.wf-section-4 .slick-track {
  padding-bottom: 150px !important;
}

.wf-cause-first-mobile {
  display: flex !important;
  margin-top: -10px !important;
  /* width: 310px !important; */
  height: 310px !important;
}

.wf-cause-first-mobile .cause-p1 {
  margin-top: 0px !important;
}

.wf-cause-first-desk {
  display: none !important;
}

@media screen and (min-width: 650px) {
  .wf-cause-first-mobile {
    /* display: none !important; */
  }

  .wf-section-4 .wf-causes-horizontal-cont {
    margin-top: -180px;
  }

  .wf-cause-first-desk {
    /* display: block !important; */
    position: absolute !important;
    /* background-image: linear-gradient(to right, var(--wf-black), var(--wf-black), var(--wf-black),  var(--wf-black),  var(--wf-black),  var(--wf-black),  var(--wf-black), transparent); */
    height: 450px !important;
    width: 35% !important;
    z-index: 100;
    margin-top: -55px !important;
  }

  .wf-cause-first-mobile .cause-p1 {
    margin-top: 170px !important;
  }

  .wf-section-4 .slick-list {
    padding-bottom: 0;
  }

  .wf-section-4 .slick-track {
    margin-left: 30%;
    padding-bottom: 100px !important;
  }
}

.wf-section-4 .wf-cause .cause-circ1 {
  background-image: linear-gradient(to right, var(--wf-pink), var(--wf-purple), var(--wf-bluegreen));
  border-radius: 50%;
  /* width: 320px;
  height: 320px; */
  position: absolute;
  left: calc(50% - 260px);
  top: calc(50% - 260px);
  opacity: 0;
  z-index: -2;
  width: 520px;
  height: 520px;
  transform-origin: center;
  /* margin-left: auto;
  margin-right: auto; */
}

.cause-circ-animate {
  animation: wfCauseCircleMoveIn 0.7s linear forwards, causeO 0.7s linear forwards;
}

.wf-section-4 .wf-cause .cause-p-cont1 {
  position: relative;
  inset: 1px;
  border-radius: 50%;
  /* width: 318px;
  height: 318px; */
  width: 518px;
  height: 518px;
  background-color: var(--wf-black);
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center;
  margin-left: 0;
  margin-right: auto;
}

.cause-circ-p-animate {
  animation: wfCauseCircleContMoveIn 0.7s linear forwards;
}

.wf-section-4 .wf-cause .cause-p1 {
  font-family: var(--wf-mark);
  text-align: center;
  padding: 28px;
  margin-bottom: 0;
  width: 300px;
  height: 224px;
  margin-left: calc(50% - 150px);
  margin-right: auto;
  text-transform: none;
  /* margin-top: calc(50% - 160px); */
  margin-top: 45px;
}

@keyframes causeO {
  to {
    opacity: 1;
  }
}

@keyframes wfCauseCircleMoveIn {
  25% {
    width: 470px;
    height: 470px;
    left: calc(50% - 235px);
    top: calc(50% - 235px);
  }
  50% {
    width: 420px;
    height: 420px;
    left: calc(50% - 210px);
    top: calc(50% - 210px);
  }
  75% {
    width: 370px;
    height: 370px;
    left: calc(50% - 185px);
    top: calc(50% - 185px);
  }
  100% {
    width: 310px;
    height: 310px;
    left: calc(50% - 155px);
    top: calc(50% - 155px);
  }
}

@keyframes wfCauseCircleContMoveIn {
  25% {
    width: 468px;
    height: 468px;
  }
  50% {
    width: 418px;
    height: 418px;
  }
  75% {
    width: 368px;
    height: 368px;
  }
  100% {
    width: 308px;
    height: 308px;
  }
}

/* Section 8 - Invest in Activism - horizontal scroll new design*/
.wf-section-8p {
  /* display: none; */
  position: relative;
}

.wf-section-8-title {
  color: white;
  font-family: var(--wf-space);
  font-size: 40px;
  text-align: center;
  width: 100%;
  padding: 5px 20px 0px 20px;
}

.wf-section-8-text {
  color: white;
  font-family: var(--wf-mark);
  font-size: 20px;
  text-align: center;
  width: 100%;
  padding: 0px 10px 10px 10px;
  margin-top: -5px;
}

#wf-section-8-pContainer {
  /* height: 90vh; */
  width: 100%;
  perspective: 1000;
  overflow-x: hidden;
  margin-bottom: 99vh;
  position: relative;
}

/* Sticky AbsPos Title */
.wf-section-8p .absPosSticky {
  height: 100vh;
  width: 95vw;
  margin-left: 2vw;
  position: relative;
  /* border: 2px solid green; */
  margin-bottom: -212px;
  z-index: 100;
  visibility: visible;
}

@media screen and (min-width: 650px) {
  .wf-section-8p .absPosSticky {
    margin-left: 2.4vw;
  }
}

.wf-section-8p .absPosSlideStick {
  height: 200px;
  width: 95vw;
  left: 2.5vw;
  position: sticky;
  top: calc(50% - 100px);
}

.wf-section-8p .absPosSlideStick h2,
.wf-section-8p .absPosSlideStick p {
  /* color: red; */
}

.wf-section-8p .absPosSlideCont {
  visibility: hidden;
}

.wf-section-8p .absPosSlide {
  position: absolute !important;
  top: 10px;
  width: 95vw;
  left: 2.5vw;
  z-index: 100;
  height: 200px;
}

.absHide {
  visibility: hidden !important;
}

.absShow {
  visibility: visible !important;
}

@media screen and (min-width: 1993px) {
  .absPosSlide {
    margin-bottom: -100px;
  }
  
  .wf-section-8p .absPosSticky {
    display: none !important;
  }

  .wf-slide6 {
    display: none !important;
  }

  #wf-section-8-pContainer .wf-section-8-slides.to-right {
    width: 100%;
    display:flex;
    justify-content: center;
  }

  #wf-section-8-pContainer {
    margin-bottom: 0 !important;
    position: relative;
  }

  .wf-section-8p .absPosSlide {
    /* display: none; */
  }
}


.wf-section-8p .activeSlide5 {

}

.wf-section-8-stickLastSlide {
  transform: translate3d(0px, 0px, 0px) !important;
  position: fixed !important;
}

.wf-section-8-slides {
  /* height: 75vh; */
  width: 500%;
  /* to contain 5 frames, each with 100% of window width */
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}

#wf-section-8-pContainer .wf-section-8-slides.to-right {
  counter-reset: item;
  float: left;
}

.wf-section-8-slides .wf-slide {
  width: 20%;
  /* height: 100vh; */
  height: 90vh;
  margin-top: 50px;

  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* flex: 0 0 500px; */
}

.wf-section-8-slides .wf-slide img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}

.wf-section-8-slides .wf-slide .slide-bottom-cont {
  z-index: 5;
  position: absolute;
  top: 70%;
  width: 88%;
  left: 6%;
  border: 1px solid var(--wf-bluegreen);
  background-color: var(--wf-black);
  border-radius: 15px;
  padding: 12px 10px;
  transform-origin: center bottom;
}

.wf-section-8-slides .wf-slide .slide-bottom-cont h3 {
  color: white;
  text-transform: uppercase;
  font-family: 'MarkOT-Medium', sans-serif;
  font-weight: 900;
  text-align: center;
  font-size: 30px;
  padding: 0;
  margin: 0;
}

.wf-section-8-slides .wf-slide .slide-bottom-cont p {
  color: white;
  font-family: var(--wf-mark);
  font-weight: 900;
  text-align: center;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

.wf-section-8-slides .wf-slide .slide-bottom-cont h4 {
  color: var(--wf-pink);
  font-family: var(--wf-mark);
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  padding: 5px 0px;
  margin: 0;
}

.wf-section-8-slides #first-slide-anim {
  /* opacity: 0; */
}

.wf-section-8-slides .wf-slide5 #first-slide-anim {
  opacity: 1 !important;
}

.wf-section-8-slides .wf-slide1 {
  /* background-color: red; */
  /* opacity: 0; */
}

/* .wf-section-8-slides .wf-slide1 .slide-bottom-cont {
  opacity: 0;
} */

.showOp {
  animation: showit 1s linear 0.5s forwards;
}

.wf-section-8-slides .wf-slide2 {
  /* background-color: blue; */
  z-index: 10;
}

.wf-section-8-slides .wf-slide3 {
  /* background-color: green; */
  z-index: 11;
}

.wf-section-8-slides .wf-slide4 {
  /* background-color: orange; */
  z-index: 12;
}

.wf-section-8-slides .wf-slide5 {
  /* background-color: yellow; */
  z-index: 13;
  align-items: flex-end;
}

.wf-section-8-slides .wf-slide5 .slide-bottom-cont {
  top: 60%;
  padding: 16px; 
  width: 80%;
  left: 10%;
}

.wf-section-8-slides .wf-slide5 .slide-bottom-cont h3 {
  font-size: 32px;
  text-transform: none;
}

.wf-section-8-slides .wf-slide5 .slide-top-cont {
  position: absolute;
  top: -10px;
  width: 90%;
  left: 5%;
}

.wf-section-8-slides .wf-slide5 .slide-top-cont h2 {
  color: white;
  text-transform: uppercase;
  font-family: 'MarkOT-Medium', sans-serif;
  font-weight: 900;
  text-align: center;
  font-size: 40px;
  padding: 0;
  margin: 0;
}

.wf-section-8-slides .wf-slide6 {
  width: 1%;
}

.absposslide {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 100;
  background-color: yellow;
  width: 100px;
  height: 100px;
}

/* Section 5 bottom scroll checkpoint */
#section5-scroll-checkpoint {
  width: 100%;
  height: 1px;
}
/* stop scrolling */
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

/* section 5 */
.wf-section-5 {
  /* background:
  radial-gradient(circle at top left, var(--wf-pink) 15px, var(--wf-purple) 50%) top left,
  radial-gradient(circle at top right, var(--wf-bluegreen) 15px, var(--wf-purple) 50%) top right,
  radial-gradient(circle at bottom right, var(--wf-bluegreen) 15px, var(--wf-purple) 50%) bottom right,
  radial-gradient(circle at bottom left, var(--wf-pink) 15px, var(--wf-purple) 50%) bottom left;
  background-size: 50% 50%;
  background-repeat: no-repeat; */
  
  background-image: url('../images/wf-grad-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

#section-5-checkpoint {
  position: absolute;
  top: -100px;
  width: 100%;
  height: 10px;
}

.wf-section-5 .sec-5-top {
  padding-top: 60px;
  width: 83%;
  margin-left: auto;
  margin-right: auto;
}

.wf-section-5 .sec-5-top h2 {
  text-align: center;
  font-family: var(--wf-lores);
  font-size: 35px;
  color: var(--wf-black);
  text-transform: uppercase;
}

.wf-section-5 .sec-5-top p,
.sec-5-hidden-text p {
  text-align: center;
  font-family: "MarkOT-Medium", sans-serif;
  font-size: 25px;
  color: var(--wf-black);
  height: 70px;
}

.sec-5-hidden-text {
  position: absolute;
  bottom: calc(50% - 80px);
  width: 85%;
  height: 85px;
  left: 7.5%;
  /* opacity: 0; */
}

#hiddenTextRelCont {
  position: relative;
}

#hiddenText1 {
  position: absolute;
  top: 0;
  opacity: 1;
}

#hiddenText2 {
  position: absolute;
  top: 0;
  opacity: 0;
}

@keyframes showText {
  to {
    opacity: 1;
  }
}

.showHiddenText {
  animation: showText 0.1s linear forwards;
  animation-delay: 5s;
}

@keyframes hideText {
  to {
    opacity: 0;
  }
}

.hideHiddenText {
  animation: hideText 0.1s linear forwards;
  animation-delay: 5s;
}

.sec-5-heads {
  height: 500px;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 20%;
  transform: translateX(-300px);
  display: flex;
  flex-direction: row;
  transform-origin: right center;
}

@keyframes moveHeads {
  0% {
    width: 20%;
  }
  37.5% {
    width: 180%;
  }
  67.2% {
    width: 180%;
    transform: translateX(-100px);
  }
  100% {
    width: 20%;
    transform: translateX(2000px);
  }
}

.moveHeadsAnimation {
  animation: moveHeads 4.5s linear 2s forwards;
}

.sec-5-heads div {
  background-image: url('../images/head-01.svg');
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 500px;
  min-width: 400px;
  position: absolute;
  transform-origin: center right;
}

.sec-5-heads div:nth-child(1) {
  left: calc(100% - 400px);
}
.sec-5-heads div:nth-child(2) {
  left: calc(90% - 400px);
}
.sec-5-heads div:nth-child(3) {
  left: calc(80% - 400px);
}
.sec-5-heads div:nth-child(4) {
  left: calc(70% - 400px);
}
.sec-5-heads div:nth-child(5) {
  left: calc(60% - 400px);
}
.sec-5-heads div:nth-child(6) {
  left: calc(50% - 400px);
}
.sec-5-heads div:nth-child(7) {
  left: calc(40% - 400px);
}
.sec-5-heads div:nth-child(8) {
  left: calc(30% - 400px);
}
.sec-5-heads div:nth-child(9) {
  left: calc(20% - 400px);
}
.sec-5-heads div:nth-child(10) {
  left: calc(10% - 400px);
}


/* Section 6 */
.wf-section-6 {
  height: 98vh;
  position: relative;
  background-color: var(--wf-black);
}

.wf-section-6 h2 {
  text-align: center;
  font-family: var(--wf-space);
  color: white;
  font-size: 40px;
  padding-top: 30px;
  opacity: 0;
}

@keyframes fadein {
  to {
    opacity: 1;
  }
}

.fadeinAnimation {
  animation: fadein 1.5s linear forwards;
}

.wf-content-container {
  position: relative;
  top: 0;
  width: 100%;
  height: 90%;
}

.wf-hiw-content {
  display: flex;
  height: 85%;
  flex-direction: column;
  justify-content: end;
  position: absolute;
  bottom: 40px;
  perspective: 150rem;
  transition: transform .8s ease;
  backface-visibility: hidden;
  /* border: 2px solid red; */
}

.wf-hiw-content {
  opacity: 0;
}

#wf-hiw-card1-p0 {
  opacity: 1;
}

@keyframes pullup {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.pull-up {
  animation: pullup 0.2s linear forwards;
}

.wf-section-6 img {
  height: 400px;
  max-width: 90%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  object-fit: contain;
}

.wf-section-6 .wf-hiw-content1 img {
  width: 80%;
  /* height: 400px; */
  object-fit: contain;
  max-width: 390px;
  position: absolute;
  margin-left: 10%;
  bottom: 250px;
  left: 0;
}

@media screen and (min-width: 650px) {
  .wf-section-6 .wf-hiw-content1 img {
    width: 400px;
    margin-left: calc(50% - 200px);
  }
}

.wf-section-6 .wf-hiw-card1-p1 img,
.wf-section-6 .wf-hiw-card1-p2 #card1-img2,
.wf-section-6 .wf-hiw-card1-p3 #card1-img3,
.wf-section-6 .wf-hiw-card1-p4 #card1-img4 {
  transform: translateY(200px);
  opacity: 0;
}

.wf-section-6 .wf-hiw-content1 img:nth-child(1) {
  z-index: 4;
}

.wf-section-6 .wf-hiw-content1 img:nth-child(2) {
  z-index: 3;
}

.wf-section-6 .wf-hiw-content1 img:nth-child(3) {
  z-index: 2;
}

.wf-section-6 .wf-hiw-content1 img:nth-child(4) {
  z-index: 1;
}

.wf-section-6 #wf-hiw-card2-p1 img {
  padding: 5px;
}

.wf-section-6 .wf-hiw-content2 img {
  height: 400px !important;
  top: 50px;
}

.wf-section-6 .wf-hiw-content3 img {
  height: 330px !important;
  top: 70px;
}



.wf-section-6 h3 {
  color: var(--wf-lightblue);
  font-family: var(--wf-lores);
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 20px 0px 20px;
}

.wf-section-6 .wf-hiw-content2 h3 {
  color: var(--wf-pink);
}

.wf-section-6 .wf-hiw-content3 h3 {
  color: var(--wf-bluegreen);
}

.wf-section-6 p {
  color: white;
  font-family: var(--wf-mark);
  font-size: 20px;
  text-align: center;
  padding: 10px 30px;
  margin-top: -10px;
}




/* Section Sep Text */
#section-sep-text h2 {
  font-family: var(--wf-lores);
  font-size: 40px;
  text-align: center;
  font-weight: 100;
  line-height: 65px;
  color: white;
  text-transform: uppercase;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* Section 7 */
.wf-section-7 {
  height: 100vh;
  width: 100%;
  padding-bottom: 200px;
  position: relative;
}

#section-sep-text + .scrollmagic-pin-spacer {
  /* margin: 0 auto !important; */
  margin-top: -600px !important;
}

#wf-section-7-scene-cont {
  position: relative;
  top: 200px;
  width: 100%;
  height: 100vh;
}

#wf-section-7-scene-cont > div {
  position: absolute;
  top: -30px;
  float: left;
  /* left: 50px; */
  height: 650px;
}

#wf-section-7-scene-cont > div .relativeCont {
  position: relative;
  height: 100%;
  width: 100%;
}

#wf-section-7-scene-cont > div .relativeCont .absCont {
  position: absolute;
  bottom: 0;
  height: auto;
  width: 100vw;
}

#sectionTextA {
  opacity: 1;
  top: 345px;
  height: 300px;
}

#sectionTextA img {
  opacity: 1;
  height: 300px;
}

#sectionTextB {
  opacity: 0;
}

#sectionTextB img {
  height: 380px;
}

#sectionTextC {
  opacity: 0;
}

#sectionTextC img {
  height: 430px;
}

#sectionTextD {
  opacity: 0;
}

#sectionTextD img {
  height: 450px;
  margin-top: 50px;
}

#sectionTextE {
  opacity: 0;
  top: -100px !important;
}

#sectionTextE .absCont {
  /* bottom: -30px !important; */
  top: 0;
  height: 750px;
}

#sectionTextE .wf-7-flower-cont {
  display: flex;
  justify-content: space-evenly;
  width: 104vw;
  margin-left: -2vw;
  padding-top: 50px;
}

#sectionTextE img {
  height: 550px;
  width: auto;
  object-fit: contain;
}

#sectionTextE .wf-7-flower-cont img:nth-child(1),
#sectionTextE .wf-7-flower-cont img:nth-child(3) {
  margin-bottom: -80px;
  margin-top: 80px;
}

#sectionTextE .wf-7-flower-cont img:nth-child(1) {
  /* margin-left: -40px; */
}

#sectionTextE .wf-7-flower-cont img:nth-child(3) {
  /* margin-right: -40px; */
}

#sectionTextE .wf-7-flower-cont img:nth-child(2) {

}

.flowerUp {
  transform: translateY(400px);
  opacity: 0;
}

.sectionTextF {
  opacity: 0;
}

.sectionTextF .absCont {
  position: absolute;
  bottom: 0;
  height: 90vh !important;
  width: 100vw;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.sectionTextF img {
  width: 100%;
  max-width: 350px;
  height: auto;
  position: relative;
  margin-bottom: 30px;
  transform: translateY(0);
}

.sectionTextF1 img {
  transform: scale(0.01);
}

.sectionTextF1 img {
  opacity: 0;
}

@keyframes zoomup {
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.zoomAnimation {
  animation: zoomup 1s linear forwards;
}

.sectionTextF p {
  opacity: 0;
}

.showsecFp {
  animation: worldTextO 0.2s linear 0.3s forwards; 
}

@keyframes worldTextO {
  to {
    opacity: 1;
  }
}

.wf-section-7 h3 {
  color: white;
  font-family: var(--wf-lores);
  text-align: center;
  font-size: 40px;
}

.wf-section-7 p {
  color: white;
  font-family: var(--wf-mark);
  font-size: 20px;
  text-align: center;
}

.wf-section-7 h4 {
  color: var(--wf-bluegreen);
  font-family: var(--wf-mark);
  font-size: 20px;
  text-align: center;
}

.wf-section-7 img {
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

/* Section 8 */
.wf-section-8 {
  height: 90vh;
  width: 100%;
  position: relative;
  padding-bottom: 200px;
  display: none;
}

.wf-section-8-scene-cont {
  position: relative;
  /* top: 200px; */
  width: 100%;
  height: 80vh;
  /* for added top p */
  transform: scale(0.8);
  margin-top: -60px;
}

/* for smaller mobiles - height adjustment */
@media screen and (max-width: 425px) {
  .wf-section-8-scene-cont {
    transform: scale(0.8);
    /* margin-top: -80px; */
  }
}

/* window height for some desktops */
@media screen and (max-height: 730px) {
  .wf-section-8-scene-cont {
    transform: scale(0.8) !important;
    margin-top: -60px !important;
  }
}


.wf-section-8-scene-cont > div {

}

.wf-section-8 .sec8SecContainer {
  position: absolute;
  opacity: 0;
  height: 700px;
  margin-left: calc(50% - 195px);
}

.wf-section-8 .secImgCont {
  position: relative;
  height: 700px;
  width: 390px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.wf-section-8 h2 {
  color: white;
  font-family: var(--wf-space);
  font-size: 40px;
  font-weight: 300;
}

.wf-scetion-8 .e1000 {
  /* display: none; */
}

.wf-section-8 .containerA {
  display: none;
}

.wf-section-8 img {
  height: 700px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  position: absolute;
  bottom: 0;
}

.wf-section-8 p {
  color: white;
  font-family: var(--wf-mark);
}

.wf-section-8 .containerA.sec8SecContainer {
  opacity: 1;
}

.wf-section-8 .containerA p {
  text-align: center;
  position: relative;
  z-index: 10;
  padding: 10px 50px 0px 50px;
  font-size: 22px;
}

.wf-section-8 .sec8pCont {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-weight: 800;
}

.wf-section-8 .sec8pCont.cont1 {
  top: 10px;
  left: 30px;
  align-items: start;
  text-align: left;
  height: 180px;
  width: 120px;
}

.wf-section-8 .supporterIcon {
  background-image: url('../images/supporter-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 35px;
  height: 35px;
}

.wf-section-8 .sec8pCont.cont2 {
  top: 10px;
  right: 30px;
  align-items: end;
  text-align: right;
  height: 205px;
  width: 120px;
}

.wf-section-8 .dollarIcon {
  background-image: url('../images/money-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  width: 35px;
  height: 35px;
}

.wf-section-8 .sec8pCont.cont3 {
  bottom: 10px;
  left: 30px;
  align-items: start;
  text-align: left;
  height: 225px;
  width: 130px;
}

.wf-section-8 .sec8pCont.cont3 p:nth-child(1) {
  color: white;
  font-size: 16px;
  margin: 0 0 -5px 0;
}

.wf-section-8 .sec8pCont.cont3 p {
  color: var(--wf-bluegreen);
  font-size: 9px;
  text-align: left;
  padding: 0;
  margin: 0 0 -10px 0 ;
}

.wf-section-8 .heartIcon {
  background-image: url('../images/wf-heart-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 35px;
  height: 35px;
  margin-top: 10px;
}

.wf-section-8 .sec8pCont.cont4 {
  bottom: 10px;
  right: 30px;
  align-items: end;
  text-align: right;
  height: 205px;
  width: 120px;
}

.wf-section-8 .impressionIcon {
  background-image: url('../images/impression-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 35px;
  height: 35px;
}

.wf-section-8 .containerF p {
  text-align: center;
  position: relative;
  z-index: 10;
  padding: 10px 35px 0px 35px;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 28px;
}

/* Section 9 */
.wf-section-9 {
  height: 100vh;
  width: 100%;
  position: relative;
  padding-bottom: 200px;
  background-image: linear-gradient(to bottom, var(--wf-bluegreen), var(--wf-lightblue), var(--wf-purple), var(--wf-pink));
}

.wf-section-9-scene-cont {
  position: relative;
  /* top: 200px; */
  width: 100%;
  /* height: 100%; */
  height: 75vh;
}

.wf-section-9 h2 {
  color: black;
  font-family: var(--wf-space);
  font-size: 40px;
  font-weight: 100;
  text-align: center;
  padding-top: 40px;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
}

.wf-section-9 .sec9SecContainer {
  position: absolute; 
  opacity: 0;
  width: 100%;
  /* margin-left: calc(50% - 195px); */
  height: 500px;
  max-height: 75vh;
}

.wf-section-9 .sec9SecContainer .secContent {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
  margin-top: 30px;
  position: relative;
}

.wf-section-9 .sec9SecContainer p {
  display: flex;
  font-family: var(--wf-mark);
  font-size: 25px;
  text-align: center;
  color: var(--wf-black);
  font-weight: 500;
  padding: 0px 50px;
  height: 50%;
  justify-content: center;
  align-items: center;
}

.wf-section-9 .wf-heartsCont {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wf-section-9 .heartsIcon1 {
  background-image: url('../images/hearts-01.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 500%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon2 {
  background-image: url('../images/hearts-02.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 310%;
  height: 310%;
  position: absolute;
}

.wf-section-9 .heartsIcon3 {
  background-image: url('../images/hearts-03.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 320%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon4 {
  background-image: url('../images/hearts-04.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 325%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon5 {
  background-image: url('../images/hearts-05.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 320%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon6 {
  background-image: url('../images/hearts-06.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 300%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon7 {
  background-image: url('../images/hearts-07.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 300%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon8 {
  background-image: url('../images/hearts-08.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 300%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon9 {
  background-image: url('../images/hearts-09.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 300%;
  height: 300%;
  position: absolute;
}

.wf-section-9 .heartsIcon10 {
  background-image: url('../images/hearts-09.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 400%;
  height: 400%;
  position: absolute;
  display: none;
}

/* spacer */
.wf-section-spacer-10 {
  width: 100%;
  height: 250px;
  position: relative;
}

/* Section 10 */
.wf-section-10 {
  padding-top: 100px;
}

.wf-sec-10-scene-fade {
  position: relative;
  height: 100vh;
}

.wf-content-cont {
  height: 100vh;
  width: 100%;
  position: absolute;
  top: -80px;
  /* opacity: 0; */
}

.wf-10-cp {
  /* height: 5px;
  width: 100%;
  background-color: red;
  z-index: 20; */
}

.wf-content-cont.cont2 {
  /* margin-top: -100vh; */
  /* top: 50vh; */
  /* position: relative; */
}

.wf-content-cont.cont2 {
  opacity: 0;
}

.wf-10-tw-cont {

}

.wf-10-tw-cont h2 {
  color: white;
  text-align: center;
  font-family: var(--wf-lores);
  font-size: 40px;
}

/* Section 11 */
.wf-section-11 {
  /* background-color: var(--wf-black); */
  /* background: linear-gradient(-45deg, var(--wf-pink), var(--wf-purple), var(--wf-lightblue), var(--wf-bluegreen)); */
	height: 100vh;
  width: 100%;
  /* margin-top: -800px; */
}

.wf-section-11 h2 {
  color: white;
  text-align: center;
  font-family: var(--wf-lores);
  font-size: 40px;
  padding: 50px 0px;
  display: none;
}

#wf-11-sec2 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
  /* transform: translateY(150%); */

}

#wf-11-sec2 img {
  width: 90%;
  max-width: 400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

@keyframes w11MoveUp {
  to {
    transform: translateY(0);
  }
}

.wf-11-sec-moveup {
  /* animation: w11MoveUp 0.8s linear forwards; */
}

.wf-prop {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 70px;
  font-weight: 900;
  -webkit-animation-name: wf-wave;
          animation-name: wf-wave;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  font-family: var(--wf-markItalic);
  /* -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black; */
  text-shadow:
  -1px -1px 0 var(--wf-black),  
  1px -1px 0 var(--wf-black),
  -1px 1px 0 var(--wf-black),
  1px 1px 0 var(--wf-black);
}

#investButton {
  /* background: 50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 55px;
  font-weight: 900;
  font-family: var(--wf-mark);
  color: white; */
  width: 100%;
}

#investButton a {
  /* color: transparent;
  display: inline-block;
  border: 2px solid white; 
  vertical-align: middle;*/
  width: 100%;
  display: flex; 
  justify-content: center;
  align-items: center;
}

#investButton img {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* .investButtonAnimate {
  -webkit-animation: revealInv 3000ms ease-in-out forwards 200ms, glowInv 2500ms linear infinite 2000ms;
          animation: revealInv 3000ms ease-in-out forwards 200ms, glowInv 2500ms linear infinite 2000ms;
}

@-webkit-keyframes revealInv {
  80% {
    letter-spacing: 8px;
  }
  100% {
    background-size: 300% 300%;
  }
}
@keyframes revealInv {
  80% {
    letter-spacing: 8px;
  }
  100% {
    background-size: 300% 300%;
  }
}
@-webkit-keyframes glowInv {
  40% {
    text-shadow: 0 0 8px #fff;
  }
}
@keyframes glowInv {
  40% {
    text-shadow: 0 0 8px #fff;
  }
} */

.wf-section-11 .wf-11-checkboxes {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 80%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.wf-section-11 .wf-11-checkboxes .wf11-row {
  /* display: flex;
  flex-direction: row; */
  text-align: left;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.wf-section-11 .wf-11-checkboxes img {
  width: 25px !important;
  height: 25px !important;
  flex-grow: 0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
}

.wf-section-11 .wf-11-checkboxes p {
  color: var(--wf-black);
  font-family: var(--wf-mark);
  font-size: 20px;
  margin-left: 35px;
  margin-bottom: 35px;
  font-weight: 900;
}


@media screen and (min-height: 800px) {
  .page-22115 .wf-section-1 img {
    max-width: 450px;
  }
}

/* desktop */
@media screen and (min-width: 650px) {

  .page-22115 .wf-section-1 img {
    max-width: 400px;
  }

  .wf-section-3 {
    height: 110vh;
    margin-top: -70px;
    padding-bottom: 100px;
  }

  .wf-section-4 .wf-c-icons {
    display: none;
  }

  .wf-section-4 .wf-c-icons-desk1 {
    display: block;
    background-image: url('../images/wf-causes-icons-01.png');
    background-repeat: repeat-x;
    background-position: center center;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0;
  }

  .wf-section-4 .wf-c-icons-desk2 {
    display: block;
    background-image: url('../images/wf-causes-icons-01.png');
    background-repeat: repeat-x;
    background-position: center center;
    height: 50px;
    width: 100%;
    margin-top: 50px;
    position: absolute;
    bottom: 0;
  }

  .wf-causes-horizontal-cont {
    margin: 60px 0px;
    /* margin-top: -150px; */
  }

  .wf-section-4 .slick-track {
    padding-bottom: 20px;
  }

  .wf-cause-first {
    margin-top: 0px;
    padding-bottom: 180px;
    margin-bottom: 60px;
  }

  .wf-section-8-slides {
    width: 2500px;
  }

  .wf-section-8-slides .wf-slide {
    width: 400px;
  }

  .wf-section-8-slides .wf-slide6 {
    /* display: none; */
    width: 20px;
  }

  .wf-section-8-slides .wf-slide5 .slide-top-cont {
    top: 0px;
    width: 90%;
    left: 5%;
  }

  .wf-section-8-slides .wf-slide5 .slide-bottom-cont h3 {
    font-size: 30px;
  }

  .wf-section-5 #hiddenText1 {
    left: calc(50% - 195px);
  }

  .wf-section-5 #hiddenText2 {
    left: calc(50% - 287px);
  }

  .sec-5-heads {
    height: 500px;
  }

  .sec-5-heads div {
    width: 500px;
  }

  @keyframes moveHeads {
    0% {
      width: 20%;
    }
    37.5% {
      width: 120%;
    }
    67.2% {
      width: 120%;
      transform: translateX(-100px);
    }
    100% {
      width: 20%;
      transform: translateX(3000px);
    }
  }

  .wf-content-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .wf-hiw-content {
    height: 75%;
  }

  #wf-section-7-scene-cont > div {
    width: 100%;
  }

  #wf-section-7-scene-cont > div .relativeCont .absCont {
    margin-left: calc(50% - 325px);
    width: 650px;
    bottom: 40px;
  }

  .wf-section-7 img {
    /* transform: scale(1.1); */
  }

  .wf-section-7 #sectionTextE img {
    transform: scale(1);
  }

  .wf-section-7 h4 {
    padding-bottom: 50px;
  }

  .wf-section-7 #sectionTextE .wf-7-flower-cont {
    width: 100%;
    margin-left: 0;
  }

  .wf-section-7 .sectionTextF p {
    padding-top: 60px;
    font-size: 30px;
  }

  .wf-section-8 .containerA {
    display: none;
  }

  .wf-section-8 .e1000 {
    display: block !important;
  }

  .wf-section-8-scene-cont {
    transform: scale(1);
    margin-top: 0;
  }

  .wf-section-9 .sec9SecContainer {
    width: 50%;
    margin-left: 25%;
  }

}


/* End Wefunder Landing Page*/

/* Artist Profile Mockup - 22215 */
.body-page-22215 {
  /* color & font vars */
  --ap-pink: #dd92c0;
  --ap-green: #7cd3d2;
  --ap-purple: #aa9bcb;
  --ap-blue: #a1c8e9;

  --ap-mark: 'MarkOT-Medium', sans-serif;
  --ap-pres: 'Presicav Bold', sans-serif;
  --ap-chantal: 'Chantal Medium', sans-serif;

  background: black;
}

.body-page-22215,
.page-22215 {
  width: 100%;
  max-width: 100%;
}

.body-page-22215 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22215 .header {
  padding: 0px 30px;
}

.header-page-22215 .header_right {
  width: auto;
}

.body-page-22215 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22215 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22215 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22215 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22215 .wGutter.right {
  display: none;
}

.body-page-22215 .col2  {
  display: none;
}

.body-page-22215 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22215 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22215 .small_swiper {
  display: none;
}

.page-22215 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22215 .container,
.body-page-22215 .container {
  max-width: 100%;
  width: 100%;
}

.page-22215 {
  position: relative;
  z-index: 1;
}

/* order */
.page-22215 .featuredActionsWrapper {
  order: 1;
}

.page-22215 #PrizesWrapper {
  order: 2;
}

.page-22215 .climate_container {
  order: 3;
}

/* desc */
.ap-desc {
  width: 100%;
  margin-top: 55px;
}

.ap-desc .lizzo-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.ap-desc .lizzo-logo {
  width: 100%;
  height: auto;
}

.ap-desc-bottom {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -50px;
  margin-bottom: 0px;
  position: relative;
}

.animateLizzoBubble {
  animation: lizzoBubble 0.5s linear forwards;
}

.ap-desc-bottom img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.ap-desc-bottom p {
  padding-top: 28% !important;
  text-align: center;
  font-family: var(--ap-mark);
  color: black;
  position: absolute;
  padding: 0px 15px;
  font-size: 13px;
}

@keyframes lizzoBubble {
  to {
    margin-top: 0px;
    transform: scale(1.5);
  }
}

/* carousels */
.page-22215 .featuredActionsWrapper {
  margin-top: 200px;
  padding-bottom: 80px;
}

.page-22215 #PrizesWrapper {
  margin-top: 0px;
}

.page-22215 .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.page-22215 .home-header {
  width: 95%;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;

  background-image: url('../images/ap-causes-header.png');

  transform: scale(0.5);
}

.animateLizzoTitles {
  animation: scaleAnim 0.8s linear forwards;
}

@keyframes scaleAnim {
  to {
    transform: scale(1);
  }
}

.page-22215 #PrizesWrapper .home-header {
  background-image: url('../images/ap-reward-headers.png');
}

.page-22215 .featuredActionsWrapper .carouselTitle {
  color: transparent;
}

/* cards */
.page-22215 .card-new-container {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--ap-green);
}

.page-22215 .card-new {
  background-color: black;
}

.page-22215 .card-new-image,
.page-22215 .card-new-bar {
  background-color: white;
}

.page-22215 .card-new-bar {
  margin-top: -2px;
}

.page-22215 .featuredActionsWrapper {
  --more-content: ' MORE CAUSES ';
}

.page-22215 .featuredActionsWrapper:after {
  content: var(--more-content);
  font-family: var(--ap-chantal);
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  color: white;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}

.page-22215 #PrizesWrapper {
  --more-content: ' MORE\A REWARDS ';
}

.page-22215 #PrizesWrapper:after {
  content: ' MORE\A REWARDS ';
  content: var(--more-content);
}

.page-22215 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 320px;
  width: 60px;
  height: 80px;
}

.page-22215 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ap-left-arrow-blue.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 50px;
}

.page-22215 .featuredActionsWrapper .slick-next {
  background-image: url('../images/ap-right-arrow-blue.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 50px;
}

.page-22215 #PrizesWrapper .slick-prev {
  background-image: url('../images/ap-left-arrow-pink.png');
}

.page-22215 #PrizesWrapper .slick-next {
  background-image: url('../images/ap-right-arrow-pink.png');
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-22215 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-22215 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .page-22215 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-22215 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-22215 .featuredActionsWrapper .card-new-description {
    font-size: 12px;
  }

  .page-22215 .featuredActionsWrapper .slick-arrow {
    margin-top: 300px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-22215 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-22215 .featuredActionsWrapper .slick-arrow {
    margin-top: 290px;
  }

  .page-22215 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

/* Impact */
.page-22215 .climate_container {
  background-image: url('../images/impact-circles.gif');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
}

.page-22215 .climate_heading {
  color: transparent;
  background-color: transparent !important;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/ap-impact-header.png');
  margin-bottom: 30px;
  width: 100%;
  height: 70px;

  transform: scale(0.5);
}

.page-22215 .climate_impact_row {
  margin-top: 50px;
}

.page-22215 #campaign_image_actions,
.page-22215 #campaign_image_money,
.page-22215 #campaign_image_participants {
  background-image: none !important;
  height: 1px;
}

.page-22215 .climate_impact_stat {
  display: flex;
  flex-direction: column-reverse;
  padding: 30px 0px;
}

.page-22215 .climate_impact_number {
  color: white;
  font-family: var(--ap-mark);
}

.page-22215 .climate_impact_number_bg {
  background-color: transparent;
}

.page-22215 .climate_impact_label {
  font-family: var(--ap-chantal);
}

.page-22215 #actions_generated .climate_impact_label {
  color: var(--ap-pink);
}

.page-22215 #money_raised .climate_impact_label {
  color: var(--ap-green);
}

.page-22215 #total_participants .climate_impact_label {
  visibility: hidden;
  font-size: 1px;
}

.page-22215 #total_participants .climate_impact_label::after {
  color: var(--ap-blue);
  font-size: 2.5rem;
  content: 'SUPPORTERS';
  visibility: visible;
}

/* How it works */
.ap-hiw {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.ap-hiw-title {
  background-image: url('../images/ap-how-it-works-header.png');
  width: 95%;
  /* two lines, double height of other titles for consisitent size*/
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;

  transform: scale(0.5);
}

.ap-hiw-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}

.ap-hiw-sec {
  margin: 30px auto;
}

.ap-hiw-sec img {
  width: 100%;
  max-width: 180px;
  height: auto;
  object-fit: contain;
  margin-right: auto;
  margin-left: auto;
}

.ap-hiw-sec h2 {
  font-family: var(--ap-chantal);
  font-size: 45px;
  color: white;
  text-align: center;
}

.ap-hiw-sec p {
  font-family: var(--ap-mark);
  font-size: 18px;
  color: white;
  text-align: center;
  padding: 0px 20px;
}

/* Desktop */
@media screen and (min-width: 650px) {
  .ap-desc {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }

  .ap-desc .lizzo-img {
    /* height: 550px; */
    object-fit: cover;
  }

  .page-22215 .lizzo-logo {
    /* max-width: 600px; */
    margin-left: auto;
    margin-right: auto;
  }

  .ap-desc-bottom {
    /* max-width: 300px; */
    margin-left: auto;
    margin-right: auto;
  }

  .ap-desc-bottom p {
    padding-top: 30% !important;
    font-size: 18px;
  }

  .page-22215 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 110px);
  }

  .page-22215 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 125px);
  }

  .page-22215 .climate_container {
    background-repeat: repeat-x;
  }

  .page-22215 .climate_heading {
    margin-bottom: 50px;
  }

}

@media screen and (min-width: 1240px) {
  .ap-hiw-cont {
    flex-direction: row;
  }

  .ap-hiw-sec {
    width: 320px;
  }

  .ap-hiw-sec img {
    height: 170px;
  }
}



/* End Artist Profile */


/* END CAMPAIGNS */


/* ABOUT  US PAGE */
.page-16124 .col1 {
  display: none !important;
}

.page-16124 .col3 {
  display: none !important;
}

.page-16124 .col2 {
  width: 100% !important;
}

.page-16124 .marL150 {
  margin-left: 0 !important;
}

.page-16124 .campaign_headline_big {
  display: none !important;
}

.about-us-wrapper {
  width: 100%;
  color: #000000;
}

.about-us-container {
  max-width: 800px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.about-us-wrapper h1, .about-us-wrapper h2, .about-us-wrapper p {
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
}

.about-us-hero {
  width: 100%;
}

.about-us-hero h1 {
  font-family: chantal, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 5rem;
  text-align: center;
  color: #000000;
}

.about-us-hero-icon {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.about-us-hero-icon img {
  max-width: 275px !important;
  margin-left: auto;
  margin-right: auto;
}

.about-us-divider {
  width: 100%;
  border-top: solid 2px #A3A3A3;
  margin-top: 40px;
  margin-bottom: 20px;
}

.about-us-body {
  width: 100%;
}

.about-us-body h1, .about-us-body h2 {
  font-family: presicav, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  color: #000000;
}

.about-us-body h1 {
  font-size: 3.4rem;
  margin-bottom: 30px !important;
}

.about-us-body h2 {
  font-size: 2.1rem;
  margin-bottom: 20px !important;
}

.about-us-body p {
  margin-bottom: 15px !important;
}

.about-us-quote {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 25px;
}

.about-us-quote-img {
  width: 35% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-us-quote-img img {
  width: 100%;
}

.about-us-quote-body {
  display: flex;
  padding-left: 20px;
  font-family: chantal, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 2.5rem;
  line-height: 2.6rem;
  color: #000000;
  align-items: center;
}

.about-us-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-bottom: 15px;
}

.about-us-col1 {
  width: 15% !important;
  display: flex;
  flex-direction: column;
  padding: 0px 25px 25px 25px;
}

.about-us-col1 img {
  width: 100%;
}

.about-us-col2 {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  width: 85% !important;
  box-sizing: border-box;
}

.funded-header {
  margin-top: 10px;
  margin-bottom: 20px;
}

.funder-number, .funded-title {
  color: #000000;
}

.funder-number {
  font-size: 2.4rem;
}

.funded-title {
  font-family: presicav, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-size: 2.4rem;
  padding-left: 15px;
}

.about-us-lite-divider {
  display: none;
}

@media (max-width: 1250px) {
  .about-us-quote {
    flex-direction: column;
  }

  .about-us-quote-img {
    width: 100% !important;
    margin-top: -15px !important;
  }

  .about-us-quote-img img {
    width: 100px !important;
    margin-left: auto;
    margin-right: auto;
  }

  .about-us-quote-body {
    width: 100% !important;
    padding-left: 0 !important;
    text-align: center;
    margin-top: 20px;
  }

  .about-us-lite-divider {
    display: block;
    width: 100%;
    border-top: solid 1px #D9D9D9;
    margin-top: 25px;
    margin-bottom: 0px;
  }

  .about-us-col1 {
    width: 25% !important;
  }

  .about-us-col2 {
    width: 75% !important;
  }

  .about-us-col1 img {
    padding: 0 !important;
  }
}
@media (max-width: 720px) {
  .about-us-row {
    flex-direction: column !important;
  }

  .about-us-col1 {
    width: 100% !important;
    padding: 0px !important;
  }

  .about-us-col1 img {
    width: 23% !important;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-us-col2 {
    width: 100% !important;
    padding-left: 0px !important;
    text-align: center;
  }

  .about-us-wrapper h1 {
    text-align: center !important;
  }
}
@media (max-width: 550px) {
  .about-us-hero-icon img {
    width: 50% !important;
  }

  .about-us-hero h1 {
    font-size: 3.8rem !important;
  }
}
/* end page */
/* PREMIER */
.premier-wrapper {
  width: 100%;
  background-color: #133C63;
  padding-top: 160px;
  padding-bottom: 180px;
  margin-top: 50px;
  color: #FBFBFB;
  display: flex;
  justify-content: center;
}

.btn-center {
  display: flex;
  width: 100%;
  justify-content: center;
}

.btn-premier {
  width: auto;
  display: inline-block;
  padding: 15px 25px;
  font-size: 2.1rem;
  margin-top: 20px;
  background-color: #FC503B;
  color: white;
}

@media (max-width: 760px) {
  .btn-premier {
    width: 100%;
    font-size: 2rem;
    display: block;
    box-sizing: border-box;
  }

  .btn-center {
    display: block;
  }
}
.btn-premier:hover {
  background-color: white;
  color: #FC503B;
}

.premier-inner {
  width: 100%;
  max-width: 800px;
}

.premier-logo {
  width: 100%;
  margin-bottom: 20px;
  padding-right: 10px;
}

.premier-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 20px;
}

.premier-status, .premier-cause {
  display: flex;
  box-sizing: border-box;
  width: 50%;
  font-size: 2rem;
}

.premier-divider {
  border-right: solid 2px #FBFBFB;
}

.premier-line {
  width: 100%;
  border-top: solid 2px #DDDDDD;
  margin-bottom: 20px;
}

.premier-status {
  flex-direction: row;
  padding-left: 7px;
}

.premier-cause {
  text-align: center;
  padding-left: 20px;
}

.premier-active {
  width: 8px;
  margin-left: 3px;
  box-sizing: border-box;
}

.premier-wrapper-mobile {
  display: none;
}

.premier-test {
  color: red !important;
}

.premier-container {
  position: relative;
  max-width: 1400px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3%;
  padding-right: 3%;
}

.premier-sm .premier-container {
  width: 100% !important;
  padding: 0 !important;
}

.premier-container-sm {
  width: 100% !important;
}

.premier-container h1, .premier-container h2 {
  text-align: center;
}

.premier-container h1 {
  font-size: 3.3rem;
  font-family: presicav, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  text-align: center;
  color: #252525;
  margin-bottom: 40px;
}

.premier-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.premier-plans-row-featured2 {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.premier-col {
  width: 32%;
}

.premier-card-container {
  width: 24%;
  display: flex;
  flex-direction: column;
}

.premier-card-container-featured {
  width: 100%;
}

.premier-card {
  width: 100%;
  background-color: #ffffff;
  padding: 20px;
  border: solid 2px #000000;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}

.premier-card h1 {
  font-size: 2.3rem;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  margin-top: 10px;
  margin-bottom: 10px !important;
}

.premier-card h2 {
  font-size: 1.3rem;
  letter-spacing: 0 !important;
  text-align: center;
  margin-bottom: 15px;
}

.premier_sm h1 {
  font-size: 1.7rem !important;
}

.premier_sm h2 {
  font-size: 1.1rem;
}

.premier-description {
  width: 100%;
  height: 120px;
  text-align: left !important;
}

.premier-card ul {
  font-size: 1.3rem;
  list-style-position: inside !important;
  color: #5D5D5D !important;
  height: 100px;
  margin-bottom: 0;
}

.premier-card li {
  list-style-position: inside !important;
  text-indent: -1.4em;
  padding-left: 1.4em;
  margin-bottom: 5px;
  color: #5D5D5D !important;
}

.premier_sm ul {
  font-size: 1.1rem !important;
}

.premier-card li:last-child {
  margin-bottom: 0 !important;
}

.ambassador {
  border: solid 2px #f82fb2 !important;
}

.what-you-get {
  padding-left: 12%;
  padding-right: 12%;
}

.premier-line {
  width: 100%;
  height: auto;
  margin-bottom: -10px;
  border-top: solid 2px #DDDDDD;
}

.premier-space {
  width: 100%;
  height: 40px;
}

.premier-price {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 15px;
  flex-grow: 2;
  justify-content: flex-end;
}

.premier-price h1 {
  font-size: 2.6rem;
  font-family: "MarkOT-Medium" !important;
  text-transform: none !important;
}

.premier-price h2 {
  font-size: 1.1rem;
  color: #959595;
}

.premier-btn {
  display: inline-block;
  width: auto;
  text-align: center;
  background-color: #252525;
  color: #ffffff;
  font-family: presicav, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  padding: 8px 15px 8px 15px;
  font-size: 1.7rem;
  letter-spacing: 0.2px;
  margin-bottom: 5px;
}

.premier-btn-big {
  display: inline-block;
  width: auto;
  text-align: center;
  background-color: #252525;
  color: #ffffff;
  font-family: presicav, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  padding: 10px 20px 10px 20px;
  font-size: 2.4rem;
  letter-spacing: 0.2px;
  margin-bottom: 5px;
}

.premier-btn-link {
  color: #FFFFFF !important;
}

.premier-btn-link:hover {
  color: #F82FB2 !important;
  text-decoration: none;
}

.ambassador-link {
  color: #FFFFFF;
}

.ambassador-link:hover {
  color: #000000 !important;
  text-decoration: none;
}

.premier-icon {
  width: 100%;
}

.premier-icon-featured {
  display: flex;
  justify-content: center;
}

.premier-icon img {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.premier-icon-featured img {
  width: 90px !important;
  margin-bottom: 20px;
}

.btn-pink {
  background-color: #f82fb2 !important;
}

/* Feature Page */
.premier-plans-container-f {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.premier-row-f {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.premier-card-container-f {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.premier-card-f {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #ffffff;
  padding: 35px;
  border: solid 2px #000000;
  box-sizing: border-box;
  flex-grow: 2;
}

.premier-price-f {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  justify-content: flex-end;
}

.premier-card-f h1 {
  font-size: 2.9rem;
  margin-bottom: 15px;
  letter-spacing: 0;
}

.premier-card-f h2 {
  font-size: 1.4rem;
  margin-bottom: 20px;
  letter-spacing: 0;
}

.premier-description-f ul {
  list-style-position: inside !important;
  text-indent: -1.4em;
  padding-left: 1.4em;
  font-size: 1.4rem;
  color: #5D5D5D !important;
  margin-bottom: 25px;
}

.premier-description-f li {
  margin-bottom: 5px;
  color: #5D5D5D !important;
}

.premier-description-f li:last-child {
  margin-bottom: 0 !important;
}

.premier-price-f h1 {
  letter-spacing: 0;
  font-family: "MarkOT" !important;
  text-transform: none;
  margin-bottom: 10px;
}

.premier-price-f h2 {
  font-size: 1.3rem;
  letter-spacing: 0;
  color: #959595;
  margin-bottom: 20px;
}

@media (max-width: 1170px) {
  .premier-card-f {
    padding: 25px;
  }

  .premier-card-f h1 {
    font-size: 2.2rem;
  }
}
@media (max-width: 900px) {
  .premier-card-f {
    padding: 15px;
  }

  .premier-card-f h1 {
    font-size: 1.9rem;
    margin-top: 10px;
  }

  .premier-card-f h2 {
    font-size: 1.2rem;
  }

  .premier-description-f ul {
    font-size: 1.2rem;
  }

  .premier-price-f h1 {
    font-size: 2.3rem !important;
  }
}
@media (max-width: 790px) {
  .premier-card-f h1 {
    font-size: 1.6rem;
  }
}
@media (max-width: 750px) {
  .premier-card-f h1 {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .premier-card-f h2 {
    font-size: 1rem;
    margin-bottom: 10px;
  }

  .premier-description-f ul {
    font-size: 1rem;
  }

  .premier-price-f h1 {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 700px) {
  .premier-row-f {
    flex-direction: column !important;
  }

  .premier-card-container-f {
    width: 100%;
  }

  .premier-card-f h1 {
    font-size: 2.3rem;
  }

  .premier-card-f h2 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }

  .premier-description-f ul {
    font-size: 1.3rem;
  }

  .premier-price-f h1 {
    font-size: 2.3rem !important;
  }
}
/* End Featured Page */
.premier-center {
  display: flex;
  justify-content: center;
}

.premier-banner {
  max-width: 1400px;
  height: 300px;
  background-image: url("../images/prem_banner.jpg");
  background-size: cover;
  background-position: center;
  border: solid 3px;
}

.premier-plans-container {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.premier-plans-row {
  display: flex;
  flex-direction: row;
  width: 50%;
}

.premier-card-container {
  width: 50%;
  padding: 5px;
}

.premier-bullet {
  display: none;
  padding-right: 10px;
}

.block {
  display: block;
}

.premier-flex-container {
  display: flex;
  flex-direction: row;
}

.desktop-none {
  display: none;
}

.mobile-none {
  display: block;
}

.premier-100 {
  width: 100%;
}

.premier-bigtext {
  font-size: 6.4rem;
  line-height: 5.7rem;
  font-family: chantal, sans-serif;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  color: #252525;
  margin-bottom: 40px;
  padding-left: 10%;
  padding-right: 10%;
}

.premier-icon-full {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.premier-icon-full img {
  height: 70px;
  margin-bottom: 20px;
}

.premier-body {
  width: 100%;
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 1.9rem;
}

.premier-prizes {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 1.9rem;
}

.prizes-col1, .prizes-col2 {
  display: flex;
  flex-direction: column;
}

.prizes-col1 {
  width: 40%;
  border: solid 2px;
  background-image: url("../images/prizes_01.png");
  background-size: cover;
  background-position: center;
}

.prizes-col2 {
  width: 60%;
  padding-left: 30px;
}

@media (max-width: 1300px) {
  .premier-card h1 {
    font-size: 2.2rem;
  }

  .premier_sm h1 {
    font-size: 1.3rem !important;
  }

  .premier-card h2 {
    font-size: 1.3rem;
  }

  .premier_sm h2 {
    font-size: 1rem !important;
  }

  .premier-price h1 {
    font-size: 2.5rem !important;
  }

  .premier-description {
    height: 130px;
  }

  .premier-card ul {
    font-size: 1.3rem;
  }
}
@media (max-width: 1112px) {
  .premier-card h1 {
    font-size: 1.9rem;
  }

  .premier-card h2 {
    font-size: 1.1rem;
  }

  .premier-container {
    padding: 30px !important;
  }
}
@media (max-width: 1000px) {
  .premier-plans-container {
    flex-direction: column !important;
  }

  .premier-plans-row {
    width: 100% !important;
  }

  .premier-card h1 {
    font-size: 2.6rem;
  }

  .premier-card h2 {
    font-size: 1.6rem;
  }

  .premier-price h1 {
    font-size: 2.6rem !important;
  }

  .premier-card ul {
    font-size: 1.5rem;
  }

  .premier-btn {
    font-size: 2rem;
    padding: 10px 20px 12px 20px;
  }

  .premier-card {
    padding: 30px;
  }

  .premier-icon img {
    width: 100px !important;
  }
}
@media (max-width: 810px) {
  .premier-description {
    height: 130px;
  }

  .premier-card {
    padding: 20px;
  }

  .premier-icon img {
    width: 75px !important;
  }
}
@media (max-width: 650px) {
  .premier-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .premier-card h1 {
    font-size: 2.4rem;
  }

  .premier-card h2 {
    font-size: 1.2rem;
  }

  .premier-btn {
    font-size: 1.7rem;
  }

  .what-you-get {
    padding: 0 !important;
  }

  .premier-bigtext {
    font-size: 3rem !important;
    line-height: 2.9rem;
  }

  .premier-prizes, .premier-body {
    font-size: 1.7rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  .premier-container h1 {
    font-size: 2.2rem;
  }

  .premier-container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .premier-card ul {
    font-size: 1.3rem;
  }

  .premier-col {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .premier-row {
    flex-direction: column !important;
  }

  .premier-line {
    border-top: solid 2px #DDDDDD;
  }

  .premier-bullet {
    display: none !important;
    height: 100%;
    display: block;
    padding-right: 10px;
  }

  .premier-flex-container {
    display: flex;
    flex-direction: row;
  }

  .desktop-none {
    display: block;
  }

  .mobile-none {
    display: none;
  }
}
@media (max-width: 550px) {
  .premier-card h1 {
    font-size: 1.7rem;
  }

  .premier-card h2 {
    font-size: 1.2rem;
  }

  .premier-price h1 {
    font-size: 2rem !important;
  }

  .premier-card {
    padding: 12px;
  }

  .premier-card ul {
    font-size: 1.2rem;
  }

  .premier-btn {
    font-size: 1.5rem;
  }

  .premier-description {
    height: 95px;
  }

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

  .prizes-col1, .prizes-col2 {
    width: 100%;
    padding: 0;
  }

  .prizes-col1 {
    height: 200px;
    margin-bottom: 20px;
  }

  .prizes-col2 {
    text-align: center;
  }
}
@media (max-width: 450px) {
  .premier-card-container {
    padding: 2px;
  }

  .premier-card h1 {
    font-size: 1.3rem;
  }

  .premier-card h2 {
    font-size: 0.9rem;
  }

  .premier-card ul {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }

  .premier-banner {
    background-image: url("../images/prem_banner_mbl.jpg") !important;
  }
}
/* Premier Homepage New */
.premier-wrapper-new {
  width: 100%;
  background-color: #000000;
  margin-top: 50px;
}

.premier-content-new {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

.premier-wordmark, .premier-cloud-logo {
  width: 100%;
  text-align: center;
}

.premier-wordmark img {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.premier-cloud-logo {
  margin-top: 25px;
}

.premier-cloud-logo img {
  width: 390px;
  margin-left: auto;
  margin-right: auto;
}

.handwriting {
  font-family: chantal, sans-serif;
  font-weight: 500;
  font-style: italic;
}

.handwriting h1 {
  font-size: 4.4rem;
}

.premier_turq {
  color: #00e3ff;
}

.premier_green {
  color: #76d200;
}

.premier-splash-description {
  font-size: 2.1rem;
}

.premier_gradient_MR {
  background-image: linear-gradient(to bottom right, #fb23b3, #ff4d00);
}

.premier_gradient_MR:hover {
  background-color: #FFFFFF !important;
}

@media (max-width: 650px) {
  .premier-wordmark img {
    width: 75% !important;
  }

  .premier-cloud-logo img {
    width: 85% !important;
  }

  .handwriting h1 {
    font-size: 3.1rem;
  }

  .premier-splash-description {
    font-size: 1.6rem;
  }
}
.nav-premier-link {
  margin-left: -13px;
}

.nav-premier-link-mobile {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}

.nav-premier-icon-mobile {
  margin-right: 9px;
}

.premier-magenta {
  color: #fb23b3 !important;
}

/**
 * Leaderboard / Pledge to Vote Page
 */
.sticker-container {
  background: #f4f4f4;
}

.vote-club-sticker {
  width: 100%;
  max-width: 345px;
  position: relative;
  margin: 0 auto;
}

.vote-club-sticker .member-number {
  font-family: "Caveat", sans-serif;
  position: absolute;
  right: 20%;
  bottom: 15%;
  text-align: right;
  font-size: 10vw;
  color: #205fab;
  margin: 0;
}

.vote-club-sticker img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 375px) {
  .vote-club-sticker .member-number {
    font-size: 38px;
  }
}
.voteclub_action_page .btn {
  font-size: 1.4rem;
}

.voteclub_action_page .submit_button,
.voteclub_action_page .btn.bg_voteclub,
.voteclub_action_page .bg_actions {
  background: #1f5fab;
  color: white;
  border: none;
}

.voteclub_action_page .action_title {
  color: #1f5fab;
}

.voteclub_action_page .submit_button:hover {
  background: #114e96;
  color: white;
}

.voteclub_action_page .your-results-container {
  background: #1f5fab;
}

.your-results-container a {
  color: white;
  font-weight: 600;
  text-decoration: underline;
}

.voteclub_action_page .card.complete_notice,
.voteclub_action_page .action-complete,
.voteclub_action_page .action_detail.complete .causes_pink_share,
.voteclub_action_page .keep-propelling-action,
.voteclub_action_page.complete .causes_logo_follow,
.voteclub_action_page.complete .cause_stats_cont,
.action_propel_page .cause_stats_cont,
.action_propel_page .causes_logo_follow,
.voteclub_action_page .card {
  display: none;
}

.voteclub_action_page .user-share-actions.share-child,
.voteclub_action_page .share-propel-description {
  display: none;
}

/* Vote Club Basics */
.vc_wrapper {
  padding: 0px 0px 0px 0px;
}

.vc_wrapper a:hover {
  text-decoration: none;
}

.vc_navlink {
  color: var(--yellow) !important;
}

.vc_navlink a {
  color: var(--yellow) !important;
}

/* Vote Club Colors */
.vc_red {
  color: #E62227;
}

.vc_white {
  color: #F4F4F4;
}

.vc_blue {
  color: #0B83C7 !important;
}

.vc_black {
  color: #1C1D1C;
}

.vc_pink {
  color: #E9A4AD;
}

.vc_link_white {
  color: #F4F4F4;
  text-decoration: none;
}

/* Vote Club Borders */
/* Vote Club Background Colors */
.vc_bg_red {
  background-color: #ED1C24;
}

.vc_bg_white {
  background-color: #F4F4F4;
}

.vc_bg_blue {
  background-color: #0B83C7;
}

.vc_bg_black {
  background-color: #1C1D1C;
}

.vc_bg_pink {
  background-color: #E9A4AD;
}

/* Vote Club Headers */
.vc_section_head {
  width: 100%;
  padding: 5px;
  text-align: center;
  border-top-right-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
}

.vc_section_head h1 {
  margin: 0;
  padding: 10px;
}

.vc_section_head h1, .vc_pledge_head h1 {
  font-family: eurostile-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 3.5rem;
  letter-spacing: 1px;
}

@media (max-width: 670px) {
  .vc_section_head h1, .vc_pledge_head h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 550px) {
  .vc_section_head h1 {
    font-size: 2.2rem;
  }
}
.mission-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
  align-items: center;
}

.mission-text {
  width: 100%;
  text-align: center;
  font-family: eurostile-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #ED1C24;
  letter-spacing: -0.5px;
  font-size: 3.5rem;
  line-height: 2.8rem;
}

.mission-pledge {
  width: 30%;
  padding-left: 10px;
  box-sizing: border-box;
}

.mission_btn {
  width: 100%;
  display: inline-block;
  float: right;
  text-align: center;
}

@media (max-width: 760px) {
  .mission-container {
    flex-direction: column;
  }

  .mission-pledge, .mission_btn, .mission-text, .vc_btn {
    width: 100% !important;
  }
}
@media (max-width: 550px) {
  .campaign-map-container.logged-out {
    display: none !important;
  }

  .mission-text {
    font-size: 1.25rem;
    line-height: 1.9rem;
    text-align: center;
  }

  .mission-pledge {
    margin-top: 20px;
    padding: 0;
  }

  #vc-influencer {
    font-size: 1.2rem;
  }
}
/* Map Section */
.vc_mission {
  font-family: eurostile-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: #0B83C7;
  font-size: 2.1rem;
  text-align: center;
  padding: 40px 30px;
}

.vc_results_head {
  font-family: eurostile-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 5rem;
  margin-top: 40px;
}

@media (max-width: 760px) {
  .vc_results_head {
    font-size: 3rem !important;
    margin-top: 5px !important;
  }
}
.vc_pledge_head h1 {
  margin: 0;
  padding: 0px 0px 0px 0px;
  font-family: eurostile-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 3rem;
}

.pledge-description {
  padding: 0px 30px 30px 30px;
  font-size: 1.1rem;
  text-align: center;
}

.vc_pledge_head {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

.vc_pledge_count_box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-top: -25px;
}

.vc_darkblack {
  color: #171717;
}

.vc_flex_row {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.vc_flex_itemsC {
  align-items: center;
}

.vc_flex_justC {
  justify-content: center;
}

.vc_reg_number, .vc_reg_text {
  padding-left: 15px;
  padding-right: 15px;
}

.vc_reg_number {
  font-family: skippy-sharp, sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 6.25rem !important;
}

.vc_reg_text {
  font-family: eurostile-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.4remem;
  line-height: 1.3rem;
}

.vc_reg_caption {
  font-size: 1.4rem;
  margin-bottom: 30px;
}

@media (max-width: 550px) {
  .vc_reg_text, .vc_reg_number {
    text-align: center;
  }

  .vc_reg_text {
    margin-bottom: 20px !important;
    font-size: 1.7rem !important;
  }

  .vc_reg_number {
    font-size: 6rem !important;
  }

  .vc_mission {
    font-size: 1.75rem;
    padding: 15px;
  }

  .pledge-description {
    padding-top: 7px;
    font-size: 0.9rem;
    text-align: center;
  }

  .vc_pledge_count_box {
    padding: 5px 15px 5px 15px;
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .vc_pledge_head {
    flex-direction: column;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .vc_pledge_count {
    text-align: center;
    font-size: 9rem !important;
  }

  .vc_pledge_head h1 {
    font-size: 2.2rem !important;
    text-align: center;
  }
}
.vc_pledge_count {
  text-align: right;
  font-family: skippy-sharp, sans-serif;
  font-weight: 400;
  font-size: 13rem;
  margin-bottom: -25px;
  color: #171717;
}

.vc-line {
  width: 100%;
  border-bottom: solid 1px #0B83C7;
  opacity: 0.3;
  margin-top: 30px;
}

.vc_map_container {
  position: relative;
  width: 98%;
  margin-lefT: auto;
  margin-right: auto;
  display: flex;
}

@media (max-width: 1000px) {
  .vc_map_container {
    width: 100%;
  }
}
#regions_div {
  width: 100%;
  margin-left: 40px;
}

/* User Section */
.vc_user_row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.vc_user_col1 {
  width: 100%;
}

.vc_user_col2 {
  width: 35%;
  padding-left: 8px;
}

.vc_user_data, .vc_pledge_now_container {
  padding: 20px;
}

.user_data_col1 {
  width: 120px;
  height: 120px;
  background: black;
}

.user_data_col2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 55%;
  padding-left: 25px;
  border-right: solid 1px #DDDDDD;
  box-sizing: border-box;
}

.user_member {
  display: flex;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 600;
  padding-left: 3px;
}

.user_name {
  font-size: 3.6rem;
  line-height: 3.4rem;
  margin-top: -15px;
}

.user_number {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 3px;
}

.user_data_col3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 35%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.user_line {
  width: 100%;
  border-bottom: solid 1px #DDDDDD;
  margin-top: 5px;
  margin-bottom: 5px;
}

.user_row {
  display: flex;
  width: 100%;
  height: 50%;
  flex-direction: row;
  justify-content: space-between;
}

.user_rank_label, .user_rank_number, .user_pledges_label, .user_pledges_number {
  display: flex;
  align-items: center;
}

.user_rank_label, .user_pledges_label {
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 800;
}

.user_rank_number, .user_pledges_number {
  font-size: 2rem;
}

.vc_user_data {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  background-color: #FFFFFF;
  border: solid 1px #EEEEEE;
  box-sizing: border-box;
}

.vc_pledge_now_container {
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border: solid 1px #EEEEEE;
  box-sizing: border-box;
}

.vc_pledge_now_mb {
  display: none;
}

@media (max-width: 970px) {
  .user_name {
    font-size: 2.9rem;
  }
}
@media (max-width: 870px) {
  .user_row {
    height: auto;
    flex-direction: column !important;
  }

  .user_member, .user_number {
    font-size: 1.4rem;
  }

  .user_rank_label, .user_pledges_label {
    font-size: 1.4rem;
  }

  .vc_user_col1, .vc_user_col2 {
    display: block !important;
    width: 100%;
    padding: 0;
  }

  .vc_user_row {
    flex-direction: column !important;
  }

  .vc_pledge_now_container {
    display: none;
  }

  .vc_pledge_now_mb {
    display: block;
    width: 100%;
  }
}
@media (max-width: 795px) {
  .user_name {
    margin-top: 0;
  }
}
@media screen and (max-width: 670px) {
  .vc_user_data {
    flex-direction: column;
    text-align: center;
  }

  .user_data_col2, .user_data_col3 {
    text-align: center;
    width: 100%;
    padding: 0;
  }

  .user_data_col2 {
    border: none;
  }

  .user_line {
    display: none;
  }

  .user_data_col1 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .user_member, .user_rank_label, .user_rank_number, .user_pledges_label, .user_pledges_number {
    display: flex;
    justify-content: center;
  }

  .user_name {
    margin-bottom: 15px;
  }

  .user_number {
    margin-bottom: 15px;
  }
}
/* Leaderboard Section */
.vc_leaderboard_container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.vc_leaderboard_col1 {
  box-sizing: border-box;
  width: 50%;
  padding-right: 8px;
}

.vc_leaderboard_col2 {
  box-sizing: border-box;
  width: 50%;
  padding-left: 8px;
}

@media (max-width: 870px) {
  .vc_leaderboard_container {
    flex-direction: column !important;
  }

  .vc_leaderboard_col1, .vc_leaderboard_col2 {
    width: 100% !important;
    padding: 0 !important;
  }

  #leaderboard_header2 {
    display: none;
  }
}
.leaderboard_header_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
}

.leader_header_rank, .leader_header_avatar, .leader_header_name, .leader_header_pledges {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}

.vc_leaderboard_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.vc_rank, .vc_avatar, .vc_name, .vc_pledges {
  display: flex;
  align-items: center;
}

.vc_name, .vc_pledges {
  font-size: 1.6rem;
  padding-left: 25px;
  background-color: #F4F4F4;
}

.vc_rank, .leader_header_rank {
  width: 55px;
}

.leader_header_name {
  width: 45%;
  padding-left: 25px;
}

.leader_header_pledges {
  width: 40%;
  padding-left: 25px;
}

.vc_rank {
  justify-content: center;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4rem;
  background-color: #1C1D1C;
  color: #F4F4F4;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
}

.vc_avatar, .leader_header_avatar {
  width: 75px;
}

.vc_avatar {
  height: 72px;
  background-color: #F4F4F4;
}

.vc_name {
  width: 50%;
}

.vc_pledges {
  width: 30%;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
}

.vc_pledge_link {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-top: 15px;
  padding-right: 5px;
  height: 72px;
  justify-content: flex-end;
  align-items: center;
}

.vc_pledge_link a {
  color: #1F60AB;
}

.vc_pledge_link a:hover {
  color: #1F60AB;
  text-decoration: underline;
}

.vc_pledge_link_arrow {
  width: 8%;
  margin-right: 10px;
}

.vc_pledge_link_url {
  font-size: 1.8rem;
}

@media (max-width: 670px) {
  .leader_header_rank, .leader_header_avatar, .leader_header_name, .leader_header_pledges {
    font-size: 0.95rem;
  }

  .vc_leaderboard_col2 .leaderboard_header_row {
    display: none;
  }
}
@media (max-width: 550px) {
  .vc_name {
    width: 45%;
  }

  .vc_pledges {
    width: 40%;
  }
}
/* How It Works Section */
.vc_how_it_works {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 200px;
}

.vc_how_icon img {
  width: 68%;
}

.vc_how_arrow img {
  width: 100%;
}

.vc_how_icon {
  display: flex;
  align-items: center;
  height: 100%;
  width: 25%;
  justify-content: center;
}

.vc_how_arrow {
  display: flex;
  align-items: center;
  height: 100%;
  width: 8%;
}

.vc_how_info_row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.vc_how_info_col {
  width: 25%;
  text-align: center;
  font-size: 1.7rem;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.vc_how_info_space {
  width: 8%;
}

.vc_how_it_works_mb {
  display: none;
}

.vc_how_icon_mb {
  display: none;
}

.vc_how_info_mb {
  display: none;
}

@media (max-width: 770px) {
  .vc_how_it_works {
    display: none;
  }

  #how_head, #how_content {
    display: none;
  }

  .vc_how_it_works_mb {
    display: block;
  }

  .how_col1_mb {
    width: 25%;
  }

  .how_col2_mb {
    width: 75%;
    font-size: 2rem;
    padding-left: 15px;
    padding-right: 15px;
  }

  .how_col1_mb img {
    width: 100%;
  }

  .how_row_mb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }

  .how_row_mb:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 550px) {
  .how_col2_mb {
    font-size: 1.7rem;
  }
}
/* Vote Club Buttons */
.vc_btn, .vc_pledge_btn {
  padding: 10px 35px 13px 35px;
  font-family: eurostile-extended, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2.2rem;
  border-radius: 50px;
  -webkit-border-radius: 50px 50px;
  -moz-border-radius: 50px 50px;
}

.vc_btn {
  display: inline;
}

.vc_pledge_btn {
  text-align: center;
}

.vc_btn, .vc_pledge_btn {
  border: solid 4px #E62227;
  color: #E62227;
}

.vc_btn:hover, .vc_pledge_btn:hover {
  background-color: #E62227;
  color: #f4f4f4;
}

@media (max-width: 1415px) {
  .vc_pledge_btn, .vc_btn {
    font-size: 1.6rem;
  }
}
@media (max-width: 970px) {
  .vc_pledge_btn, .vc_btn {
    font-size: 1.7rem;
  }
}
@media (max-width: 870px) {
  .vc_pledge_btn {
    padding: 15px;
  }

  .mission-container {
    flex-direction: column;
    text-align: center;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }

  .mission-text {
    font-size: 2.4rem;
    display: block;
    width: 100% !important;
    text-align: center;
    margin-bottom: 25px;
  }

  .vc_btn, .vc_pledge_btn {
    display: block;
    width: 100% !important;
  }

  .user_data {
    width: 100%;
  }
}
.btn-success {
  background: var(--primary);
}

.rounded {
  border-radius: 20px;
}

.btn-rounded {
  border-radius: 20px;
}

/* the modules */

/*# sourceMappingURL=modules.css.map */